@charset "utf-8";
/* CSS Document */
:root {
--primary-blue: #263489;
--accent-red: #ec1d25;
--text-black: #000000;
--bg-light: #f4f6f9;
}

.inner-page-banner {
    position: relative;
    width: 100%;
    height: 400px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
}

/* Overlay using pseudo element */
.inner-page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(38, 52, 137, 0.6);
    z-index: 1;
}

.inner-page-banner .container {
    position: relative;
    z-index: 2;
}

.inner-page-banner h1 {
    font-size: 2.5rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}
	
::selection {
  color: var(--bs-white);
  background: var(--bs-red);
}

/*----
Main Menu ----*/
.stellarnav{position: relative; margin-left: auto;}
.stellarnav a{color: var(--bs-white);}
.stellarnav ul{margin: 0; padding: 0;}
.stellarnav li{list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal;}
.stellarnav li a{padding: 6px 20px; display: block; text-decoration: none; color: var(--bs-white); box-sizing: border-box; position: relative; text-transform: capitalize;}
.stellarnav li a:hover{color: var(--bs-red); }
.stellarnav > ul > li > a:hover, .stellarnav > ul > li:hover > a, .stellarnav > ul > li.current-menu-item > a, .stellarnav > ul > li.current-menu-parent > a{color: var(--bs-red);}
.stellarnav > ul > li > a{padding: 0 20px; position: relative; color: var(--bs-white); border: none;}
.stellarnav > ul > li > a:hover{text-decoration: none; color: var(--bs-red);}
.stellarnav ul ul{top: auto; width: 275px; position: absolute; z-index: 9900; text-align: left; display: none; background: var(--primary-blue); padding:  6px 0;}
.stellarnav li li{display: block;}
.stellarnav ul ul ul{top: 0; left: 275px}
.stellarnav > ul > li:hover > ul > li:hover > ul{opacity: 1; visibility: visible; top: 0}
.stellarnav > ul > li.drop-left > ul{right: 0}
.stellarnav li.drop-left ul ul{left: auto; right: 275px}
.stellarnav.dark{background: var(--bs-secondary)}
.stellarnav.dark a{color: var(--bs-secondary)}
.stellarnav.dark ul ul{background: var(--bs-secondary)}
.stellarnav.dark li a{color: var(--bs-secondary)}
.stellarnav.fixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 9999}
body.stellarnav-noscroll-x{overflow-x: hidden}
.stellarnav li.has-sub > a:after{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; margin-left: 10px; display: inline-block; position: relative; font-size: 14px;}
.stellarnav li li.has-sub > a:after{ content: '\f105'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 12px;}
.stellarnav li.drop-left li.has-sub > a:after{float: left; margin-right: 10px; border-left: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid var(--bs-secondary); display: none}
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after{display: none}
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{display: none; text-decoration: none}
.stellarnav .dd-toggle{display: none; position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 50px; z-index: 9999; border: 0}
.stellarnav.desktop.hide-arrows li.has-sub a{padding-right: 15px}
.stellarnav.mobile > ul > li > a.dd-toggle{padding: 0}
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile{display: none}
.stellarnav svg{fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px}
.stellarnav a.dd-toggle .icon-plus{box-sizing: border-box; transition: transform .3s; width: 100%; height: 100%; position: relative; vertical-align: middle; display: inline-block; position: relative; background: var(--bs-red);}
.stellarnav a.dd-toggle .icon-plus:before{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; display: block;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--bs-white);}
.stellarnav li.open > a.dd-toggle .icon-plus:before{content: '\f00d'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; color: var(--bs-white);}
.stellarnav.light a.dd-toggle .icon-plus:before{border-color: var(--bs-white)}
.stellarnav.light a.dd-toggle .icon-plus:after{border-color: var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:before{border-color: var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:after{border-color: var(--bs-white)}
.stellarnav .icon-close{box-sizing: border-box; width: 30px; height: 30px; position: relative; display: flex; align-items: center; margin-left: 0; margin-right: 0}
.stellarnav .icon-close:before{content: ''; display: block; width: 30px; height: 0; border-bottom: solid 3px var(--bs-secondary); position: absolute; top: auto; transform: rotate(45deg)}
.stellarnav .icon-close:after{content: ''; display: block; width: 30px; height: 0; top: auto; border-bottom: solid 3px var(--bs-secondary); position: absolute; transform: rotate(-45deg)}
.stellarnav.light .icon-close:before{border-color: var(--bs-white)}
.stellarnav.light .icon-close:after{border-color: var(--bs-white)}
.stellarnav.dark .icon-close:before{border-color: var(--bs-white)}
.stellarnav.dark .icon-close:after{border-color: var(--bs-white)}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{padding: 0; box-sizing: border-box}
.stellarnav .close-menu{padding: 0 24px}
.stellarnav .menu-toggle span.bars{display: inline-block; margin-right: 0; position: relative; top: 0; margin-right: 0;}
.stellarnav .menu-toggle span.bars span{display: block; width: 30px; height: 4px; border-radius: 6px; background: var(--bs-secondary); margin: 0 0 5px}
.stellarnav .menu-toggle span.bars span:last-child{margin-bottom: 0}
.stellarnav .full{width: 100%}
.stellarnav .half{width: 50%}
.stellarnav .third{width: 33%; text-align: center}
.stellarnav .location-btn-mobile.third{text-align: center}
.stellarnav .location-btn-mobile.half{text-align: right}
.stellarnav.light .third, .stellarnav.light .half{border-left: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .third, .stellarnav.light.left .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.right .third, .stellarnav.light.right .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child{border-left: 0}
.stellarnav.dark .third, .stellarnav.dark .half{border-left: 1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.left .third, .stellarnav.dark.left .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.right .third, .stellarnav.dark.right .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle{border-bottom: 0}
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle{border-bottom: 0}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child{border-left: 0}
.stellarnav.light .menu-toggle span.bars span{background: var(--bs-white)}
.stellarnav.dark .menu-toggle span.bars span{background: var(--bs-white)}
.stellarnav.mobile{position: static}
.stellarnav.mobile.fixed{position: static}
.stellarnav.mobile ul{position: relative; display: none}
.stellarnav.mobile.active{padding-bottom: 0}
.stellarnav.mobile.active > ul{display: block}
.stellarnav.mobile ul{text-align: left}
.stellarnav.mobile > ul > li{display: block}
.stellarnav.mobile > ul > li > a{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px}
.stellarnav.mobile ul{background: rgba(221,221,221,1)}
.stellarnav.mobile ul ul{position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
.stellarnav.mobile ul ul ul{left: auto; top: auto}
.stellarnav.mobile li.drop-left ul ul{right: auto}
.stellarnav.mobile li a{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile > ul{border-top: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light li a{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light > ul{border-top: none;}
.stellarnav.mobile li a.dd-toggle{border: 0}
.stellarnav.mobile.light li a.dd-toggle{border: 0; background: rgba(0,0,0,0.05)}
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile{display: flex; align-items: center; border: none;}
.stellarnav.mobile li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1); box-sizing: border-box}
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile{display: inline-block; width: 50%; text-align: center}
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full{display: block; width: 100%; border-right: 0; text-align: left}
.stellarnav.mobile.light ul{background: var(--bs-white)}
.stellarnav.mobile.dark ul{background: var(--bs-white)}
.stellarnav.mobile.dark ul ul, .stellarnav.mobile.light ul ul{background: var(--bs-white); padding: 0}
.stellarnav.mobile.light li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1)}
.stellarnav.mobile.top{position: absolute; width: 100%; top: 0; left: 0; z-index: 9999}
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after{display: none}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{position: fixed; top: 0; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 500}
.stellarnav.mobile.right > ul{right: 0}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{display: flex; text-align: right; align-items: center; justify-content: flex-end; height: 80px;}
.stellarnav.mobile.left > ul{left: 0}
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half{text-align: center}
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third{text-align: center}
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third{text-align: left}
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span{display: none}
@media only screen and (max-width : 768px){
.stellarnav{overflow: hidden; display: block}
.stellarnav ul{position: relative; display: none}
}
@media only screen and (max-width : 420px){.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span{display: none}
}

@media (min-width: 992px) {
.stellarnav > ul:after{ content: ''; display: table; clear: both;}
.stellarnav > ul > li{ float: left;}
.stellarnav > ul > li + li{ margin-left: 20px}
.stellarnav > ul > li > a{ line-height: 40px; padding: 0; margin-left: -5px;}
}
.stellarnav > ul > li.button > a{ background-color: var(--bs-red); padding: 0 16px; border-radius: 8px;}
.stellarnav > ul > li.button:hover > a{ background-color: var(--bs-blue);}
.header .stellarnav:nth-child(1) a{ font-size: 11px;}

.menu-toggle, .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{ text-transform: uppercase; font-weight: 700;}
/*---- 
Main Menu ----*/

/*---- 
Accordion Menu ----*/
.mainNav {width:100%;}
/* First Level */
.mainNav ul {margin:0; padding:0; list-style:none; /*border-bottom:1px solid #444*/ font-weight:500;}
.mainNav ul li {border-top:1px solid rgba(255,255,255,0.2); }
.mainNav > ul >  li{ border:none; border-bottom:1px solid rgba(255,255,255,0.2);}
.mainNav ul  li a:hover, .mainNav ul  li.current-menu-item a{ color:var(--bs-red);}
.mainNav ul li a {color:var(--bs-white); display:block; font-size:18px; line-height:normal; padding:14px 20px 14px 20px; text-decoration:none;}
.mainNav ul li a:hover {color:var(--bs-red); text-decoration:none; }
/* Second Level */
.mainNav ul ul {border-bottom:none}
.mainNav ul ul li a {color:var(--bs-white); display:block; line-height:normal; padding:12px 16px 12px 30px; }
.mainNav ul ul li a:hover {color:var(--bs-red);}
/* Third Level */
.mainNav ul ul ul {border-top:1px solid rgba(255,255,255,0.2);}
.mainNav ul ul ul li {border:none; }
.mainNav ul ul ul li a {padding:12px 24px; }
/* Accordion Button */
ul li.has-subnav .accordion-btn {color:var(--bs-white);  background:none;  font-size:16px; }
/*----
Accordion Menu ----*/

/*---- 
Slick SLider ----*/
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block; }
.slick-slide.slick-loading img{display: none; }
.slick-slide.dragging img{pointer-events: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

.slick-loading .slick-list{background: #fff url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; z-index: 100; background: var(--bs-white); border-radius: 50%; color: #000; box-shadow:  rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: #fff; outline: none; background: var(--bs-red); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 1; }
.slick-prev:before, .slick-next:before{font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; font-size: 16px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 100;}
.slick-prev{left: -12px; }
[dir='rtl'] .slick-prev{right: 0px; left: auto; }
.slick-prev:before{content: '\f104'; }
[dir='rtl'] .slick-prev:before{content: '\f105'; }
.slick-next{right: -12px; }
[dir='rtl'] .slick-next{right: auto; left: 15px; }
.slick-next:before{content: '\f105'; }
[dir='rtl'] .slick-next:before{content: '\f104'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom: 0; }
.slick-dots{position: relative; margin-top: 30px; display: block; width: 100%; padding: 0; margin-bottom: 0; list-style: none; text-align: center; display: flex; align-items: center; justify-content: center;}
.slick-dots li{position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; text-align: center; }
.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 100%; height: 8px; width: 8px; border-radius: 50px; margin: 0 9px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: var(--bs-red); opacity: 0.2 }
.slick-dots li button:hover, .slick-dots li button:focus{outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background: #fff; }
.slick-dots li.slick-active button{ background: var(--bs-red); height: 14px; width: 14px; opacity: 1}
/*----
Slick SLider ----*/

.full-img { position: relative;}
.full-img img{ width: 100%; height: auto; position: relative; z-index: 2;}
.ratio .full-img{min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; flex: 0 0 auto; display: flex;}
.ratio .full-img img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.image-fit{min-width: initial; position: relative; overflow: hidden; flex: 0 0 auto; display: flex;}
.image-fit img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.color-fff{ color: var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform: uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color: var(--bs-red);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color: var(--bs-blue);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color: var(--bs-dark);}
h6:last-child, h5:last-child, h4:last-child, h3:last-child, h2:last-child,  h1:last-child, p:last-child, ul:last-child,  ol:last-child{ margin-bottom: 0;}

/*----
Custom Site Style ----*/
.cc-gap{ display: flex; flex-direction: column;}
.cc-gap > *{ margin: 0;}
.cc-gap-32{ gap: 32px;}
.cc-gap-24{ gap: 24px;}
.cc-gap-16{ gap: 16px;}

.offcanvas.bg-black{ background-color: var(--bs-blue) !important;}
.header{ position: fixed; top: 0; right: 0; left: 0; z-index: 1000; /* background-color: rgba(0, 0, 0, 0.8); */     background-color: var(--primary-blue); padding: 12px 2.5%;}
.header .header-menu{ margin-left: auto; display: flex; flex-direction: column; gap: 5px;}
.menu-btn{ color: #fff; margin-left: auto; font-size: 30px; line-height: 1; background-color: transparent; border: none;}
.offcanvas-title img{ width: 100px; height: auto;}
.logo-text {
  color: #fff;
  font-size: 22px;       /* increase text size */
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 12px;     /* gap between logo and text */
  position: relative;
  top: 8px;              /* move text slightly down */
  text-decoration: none; /* ensure no underline */
}
@media (max-width: 576px) {

  .logo {
    display: flex;
    align-items: center;
  }

  .logo-text {
    font-size: 13px;
  }

}

.banner { height: 100vh; width:100%; position:relative; overflow: hidden; }
.banner::after{ /*background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);*/     background: linear-gradient(180deg, rgb(38 52 137) 0%, rgba(0, 0, 0, 0) 50%, rgb(38 52 137 / 19%) 100%); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; pointer-events: none; content: '';}
.video-bg { object-fit: cover; position:absolute; height: 100%; width: 100%; z-index: 10; /*top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);*/ }

.w1 .container{ position: relative; z-index: 100; margin-top: -48px;}
.w1 .container .item{ display: flex; flex-direction: column;}
.w1 .container .item .box{ flex-grow: 1; padding: 24px; text-align: center; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(20px);  border-radius: 16px; font-size: 14px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.w1 .container .item .icon{ margin: 0 auto; background-color: var(--bs-blue); display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 60px; width: 60px;}
.w1 .container .item h2{ line-height: 1;}

.section{ padding: 80px 0; position: relative; z-index: 1;}
.section-red{ background-color: var(--bs-red);}
.section-blue{ background-color: var(--bs-blue);}
.section-lt{ /*background-color: #D3E8F7;*/ background-color: #d3e8f742; }

.service-box {
  padding: 16px;
  border-radius: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #263489;
  display: block;
}
.service-box:hover{ background: linear-gradient(270deg,rgba(3, 13, 74, 1) 0%, rgba(0, 21, 150, 1) 100%);}
.service-box:after{ background-image: url(../images/theme-img/red-arrow.svg); background-position: center; background-repeat: no-repeat; height: 32px; width: 32px; content: ''; position: relative; margin: 10px auto; display: block; content: '';}
.service-box .icon{ margin: 0 auto; background-color: var(--bs-white); display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 60px; width: 60px; padding: 8px;}
.service-img {
  width: 100%;
  height: 160px;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 12px;
}

/* Image */
.service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}

/* Hover Zoom Effect */
.service-box:hover .service-img img {
  transform: scale(1.08);
}

/* Title */
.service-box h5 {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 600;
}

/* REMOVE OLD ICON STYLE */
.service-box .icon {
  display: none;
}

.Slider-5{ margin: 0 -12px;}
.Slider-5 .item{ padding: 0 12px;}
.Slider-5 .slick-dots{ height: 42px; margin-top: 16px;}
.Slider-5 .slick-dots li button{background: #27303F; opacity: 0.5;}
.Slider-5 .slick-dots li.slick-active button{background: #27303F; opacity: 1;}
.Slider-5 .slick-prev, .Slider-5 .slick-next{ top: auto; bottom: 0; transform: translate(0%); -ms-transform: translate(0%); -moz-transform: translate(0%); height: 42px; width: 42px}
.Slider-5 .slick-prev{ left: 30%;}
.Slider-5 .slick-next{ right: 30%;}

.Slider-3{ margin: 0 -12px;}
.Slider-3 .item{ padding: 0 12px 12px 12px;}
.event-item{border-radius: 16px;  background: #FFF; padding: 24px; color: rgba(0,0,0,0.8); text-decoration: none; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.event-item .title{ display: flex; align-items: center; gap: 16px;  color: #000;}
.event-item .title .date{border-radius: 16px; background: var(--bs-blue); width: 100px; height: 120px; text-align: center; display: flex; flex-direction: column; color: #fff; text-transform: uppercase;  font-weight: 700; align-items: center; justify-content: center; list-style: 1;}
.event-item .title .date strong{ font-weight: 700;}
.event-item time, .event-item address{ background-position: left center; background-repeat: no-repeat; padding-left: 30px; font-weight: 700;}
.event-item time{ background-image: url(../images/theme-img/alarm.svg);}
.event-item address{ background-image: url(../images/theme-img/distance.svg);}
.sprots-box h4{ color: #fff; border-radius: 12px; background-color: rgba(255,255,255,0.3); backdrop-filter: blur(20px); position: absolute; margin: 0;  padding: 16px; text-align: center; bottom: 14px; left: 14px; right: 14px; z-index: 100;}
.sprots-box .full-img::after{background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; pointer-events: none; content: '';}
.sprots-box .full-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.sprots-box:hover .full-img img {transform: scale(1.12);}
.sprots-box:hover {transform: translateY(-8px);box-shadow: 0 10px 25px rgba(0,0,0,0.25);}

.stat{ color: #fff; background-color: var(--bs-blue); display: flex; gap: 12px; align-items: center; font-size: 14px;}
.stat .icon{ margin: 0 auto; /*background-color: var(--bs-red);*/ display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 60px; width: 60px; padding: 8px;}
.compan-logo{ background-color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 16px; padding: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0,0,0,0.08);}

.gallery-box {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background-color: #fff; color: var(--bs-black); text-decoration: none; border-radius: 14px;}

.media-item{ color: #fff; background-color: var(--bs-blue); padding: 16px; display: flex; gap: 15px; text-decoration: none; border-radius: 16px; color: #fff;}
.media-item time{ background-color: #6874bf54; height: 100px; width: 100px; color: 24px; border-radius: 10px; display: flex; align-items: center; justify-content: center; line-height: 1.2; flex-direction: column; font-size: 24px; font-weight: 700;}
.media-item time small{ font-size: 16px;}
.media-item h5{ color: #fff; display: flex; flex-direction: column; gap: 10px;}
.media-item h5::after{ background-image: url(../images/theme-img/white-arrow.svg); background-position: center; background-repeat: no-repeat; height: 32px; width: 32px; content: ''; position: relative;  display: block; content: '';}

.footer{ background-color: var(--bs-blue); color: #fff; font-size: 15px;}
.footer a{ color: #fff; text-decoration: none;}
.footer a:hover{ color: rgba(255,255,255,0.0.8);}
.footer-top .social a{ height: 40px; width: 40px; display: flex; align-items: center; justify-content:  center; background-color: #6874bf54; color: var(--bs-white); border-radius: 50%; text-decoration: none; }
.footer-top .social a + a{ margin-left: 15px;}
.footer-top .social a:hover{ color: var(--bs-red); background-color: var(--bs-white); text-decoration: none;}
.footer-top .contact-info{ margin-bottom: 0; padding: 0; list-style: none;}
.footer-top .contact-info li{ line-height: 1.2;}
.footer-top .contact-info li + li{margin-top: 20px;}
.footer-top .contact-info .item .icon{ background: #6874bf54; height: 40px; width: 40px; color: var(--bs-white); border-radius: 50%; margin-right: 12px;}
.footer-top .contact-info .item strong{ display: block;}
.footer-top .contact-info .item:hover .icon i{ text-decoration: none; }
.footer-top .menu{ padding: 10px 0px; list-style: none; display: flex; flex-direction: column; gap: 14px;}

.footer-bottom{ color: #fff; background-color: #000000; text-align: centere; padding: 16px 0; text-align: center;}
/*----
Custom Site Style ----*/


    /* Sidebar & Research Content Styles */
    .sidebar-widget { border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 30px; background: #fff;}
    .sidebar-header { background: var(--primary-blue); color: #fff; padding: 15px 20px; font-weight: 700; }
    .sidebar-links { list-style: none; padding: 0; margin: 0; }
    .sidebar-links li a { display: block; padding: 12px 20px; color: var(--text-black); text-decoration: none; border-bottom: 1px solid #f0f0f0; transition: 0.3s; }
    .sidebar-links li a:hover, .sidebar-links li a.active { background: #f0f2ff; color: var(--primary-blue); font-weight: 600; border-left: 4px solid var(--accent-red); }

    .section-title { color: var(-text-black); font-weight: 700; margin-bottom: 25px; position: relative;text-align:center; }
    /*.section-title::after { content: ''; display: block; width: 50px; height: 3px; background: var(--accent-red); margin-top: 10px; }*/

    .research-card {
        background: #fff;
        padding: 30px;
        border-radius: 12px;
        border: 1px solid #eef0f7;
        box-shadow: 0 10px 30px rgba(0,0,0,0.04);
        height: 100%;
        transition: 0.3s;
    }
    .research-icon { font-size: 2.5rem; color: var(--accent-red); margin-bottom: 20px; }
    
    .highlight-list { list-style: none; padding: 0; }
    .highlight-list li { position: relative; padding-left: 30px; margin-bottom: 12px; font-weight: 500; }
.highlight-list li::before {
    content: "\f058";
    font-family: "Font Awesome 7 Free"; /* ✅ FIX */
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--accent-red);
}


@media (min-width: 320px) {
h1, .h2-48 h2, .h3-48 h3, .h4-48 h4{ font-size: calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2, .w1 .container .item h2, .h3-40 h3, .h4-40 h4{font-size: calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size: calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size: calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size: calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size: calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size: calc(1rem + ((1vw - 3.2px) * 0.5));}
}

@media (min-width: 1400px) {
h1, .h2-48 h2, .h3-48 h3, .h4-48 h4{font-size: 48px;}
h2, .w1 .container .item h2, h2, .h3-40 h3, .h4-40 h4{font-size: 40px;}
h3{font-size: 32px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
.font-18{font-size: 18px;}
.font-20{ font-size: 20px;}
.font-24{ font-size: 24px;}
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {	
}

.video-desktop{
display:block;
}

.video-mobile{
display:none;
}

/* Mobile */
@media (max-width:768px){

.video-desktop{
display:none;
}

.video-mobile{
display:block;
}

}

.w1 h2{
  color: #000000;
}


.hand-icon-section p {
  position: relative;
  padding-left: 45px;
  margin-bottom: 18px;
  line-height: 1.6;
}

/* Icon container (circle background) */
.hand-icon-section p::before {
  content: "\f0a4"; /* hand icon */
  font-family: "Font Awesome 7 Free";
  font-weight: 900;

  position: absolute;
  left: 0;
  top: 6px;

  width: 26px;
  height: 26px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 15px;

  /* Clean solid style instead of gradient 
  background: #ec1d25;*/
  color: #fff;

  box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}
.footer .container {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}