html{
    overflow-x: hidden;  
      scroll-behavior: smooth;

}

body{
    margin: 0; 
    overflow-x: hidden;
    background-color: #fff;
    font-family: 'Overused Grotesk';
   font-weight: 500 !important;
}



p{
  font-weight: 400 !important;
 font-family: 'Overused Grotesk';
}

a{
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
a:hover {
       text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
button{
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}


/* width */
::-webkit-scrollbar {
 width:3px;
}

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 0px #255bcc; 
 border-radius:0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: #255bcc;
 border-radius:0px;
}



/* PAGE LOADER */

.page-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
}

/* SPLIT PANELS */

.loader-left,
.loader-right {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background:#020711;
}

.loader-left {
    left: 0;
}

.loader-right {
    right: 0;
}

/* CENTER CONTENT */

.loader-center {
    position: absolute;
    inset: 0;

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

    color: white;
}

/* LOGO */

.loader-logo {
    font-size: 42px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

/* PROGRESS BAR */

.loader-bar {
    width: 220px;
    height: 3px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
    overflow: hidden;
}

.loader-progress {
    width: 0%;
    height: 100%;
    background: white;
}

.stable {
    border-radius: 50px !important;
    background-color: #000000 !important;
    color: #84baff !important !important;
}



/* HERO */


 /* HERO SECTION */
    .hero {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }

    .hero::after {
     
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .bg-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.1);
      filter: blur(0px);
      transition: transform 6s ease, filter 1s ease;
    }

    .swiper-slide-active .bg-img {
      transform: scale(1);
      filter: blur(0px);
    }

    /* CONTENT */
    .content {
      position: absolute;
      z-index: 2;
      bottom: 120px;
      left: 80px;
      max-width: 700px;
      color: #fff;
    }

    .title {
      font-size: 56px;
      font-weight: 600;
      line-height: 1.2;
      margin-bottom: 25px;
      opacity: 0;
      transform: translateY(50px);
    }

    .features {
      display: flex;
      gap: 30px;
      margin-bottom: 30px;
      opacity: 0;
      transform: translateY(50px);
    }

    .feature-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      color: #ddd;
    }

    .feature-item span {
      font-size: 18px;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 28px;
      background: rgba(255, 255, 255, 0.15);
      border-radius: 40px;
      color: #fff;
      text-decoration: none;
      backdrop-filter: blur(10px);
      transition: 0.3s;
      opacity: 0;
      transform: translateY(50px);
    }

    .btn:hover {
      background: #fff;
      color: #000;
    }

    /* THUMB CARD */
    .thumb-card {
      position: absolute;
      right: 60px;
      bottom: 80px;
      z-index: 2;
      width: 280px;
      padding: 15px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(12px);
      display: flex;
      gap: 15px;
      align-items: center;
    }

    .thumb-card img {
      width: 80px;
      height: 80px;
      border-radius: 10px;
      object-fit: cover;
    }

    .thumb-content {
      color: #fff;
      font-size: 14px;
    }

    /* NAVIGATION */
    .nav-btn {
      position: absolute;
      bottom: 30px;
      right: 60px;
      z-index: 3;
      display: flex;
      gap: 10px;
    }

    .nav-btn button {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.2);
      color: #fff;
      backdrop-filter: blur(10px);
      transition: 0.3s;
    }

    .nav-btn button:hover {
      background: #fff;
      color: #000;
    }

    @media (max-width: 768px) {
      .content {
        left: 20px;
        right: 20px;
        bottom: 100px;
      }

      .title {
        font-size: 34px;
      }

      .thumb-card {
        right: 20px;
        width: 240px;
      }
    }



#panel-header{
    float: left;
    width: 100%;
    position: absolute;
    z-index: 999;
    padding-top: 30px;
}

.logo{
  float:left;
}

.p7-carousel{
   float:left;
    width:100%;  
}


.p7-carousel .owl-nav button img{
    width: 23px;
    position: relative;
    top: -2px;
}

.p7-carousel .owl-prev img{
    transform: rotate(180deg);
}

.p7-carousel .owl-nav{
    position: absolute;
    top: -124px;
    right: 0px;
}



.p6-carousel{
    float:left;
    width:100%;
    padding-left:69px;
    margin-top:50px;
}

.p6-carousel .owl-nav button img{
    width: 23px;
    position: relative;
    top: -2px;
}

.p6-carousel .owl-prev img{
    transform: rotate(180deg);
}

.p6-carousel .owl-nav{
    position: absolute;
    top: -124px;
    right: 78px;
}

.logo img{
  width:155px;
}


.sg-icons{
  width:54px;
  margin-right: 10px;
  float:left;
}


    /* HEADER 
.header {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  color: #0ea5e9;
  font-size: 28px;
  font-weight: 700;
}

.nav {
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(10px);
  padding: 8px 14px;
  border-radius: 50px;
  display: flex;
  gap: 18px;
}

.nav a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  padding: 8px 16px;
  border-radius: 20px;
  transition: 0.3s;
}

.nav a.active,
.nav a:hover {
  background: #000;
}*/

.nahvr{
  position: relative;
    padding: 0px 10px;
    transition: background-color 0.3s ease;
}

.nahvr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #000000; /* Light green tint */
    transition: width 0.3s ease-out;
    z-index: 1;
    border-radius: 50px;
}

.nahvr:hover::before {
    width: 100%;
}

.menupd{
  padding-left:20px;
  padding-right:20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cta-btn {
  background: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

/* HERO */
.hero {
  height: 100vh;
  position: relative;
}

.swiper {
  height: 100%;
}

.swiper-slide {
  position: relative;
   background-size: cover; 
   background-position-y: 100%;
  /*background-position: center;*/
}

.owl-reviews .owl-nav{
    display:none;
}

/* DARK OVERLAY */
.swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 44%)); */
}

 

.nav-enqn{
    float: left;
    height: 53px;
    width: 145px;
    background-color: white;
    border-radius: 50px;
    color: black;
    font-size: 16px;
    text-align: left;
    padding-top: 13px;
    font-weight: 500;
    margin-top: 6px;
    /* padding-left: 15px; */
    text-align: center;
}

.nav-enqn:hover{
  background-color:#2d83ab;
  text-decoration:none;
  color:white;
}




/* CONTENT */
.slide-content {
  position: absolute;
  /*bottom: 120px;*/
    bottom: 50px; 
  left: 80px;
  color: #fff;
  max-width: 600px;
  z-index: 2;
}

.slide-title {
  font-size: 47px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s ease;
}

.slide-features {
  display: flex;
  gap: 30px;
  margin-bottom: 25px;
  opacity: 0;
  transform: translateY(40px);
  transition: 1s ease;
}

.feature {
    font-size: 17px;
    color: rgb(221 221 221 / 80%);
    font-weight: 400;
    line-height: 24px;
}

.explore-btn {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
  border: none;
  color: #fff;
  padding: 14px 26px;
  border-radius: 40px;
  font-size: 15px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(40px);
  transition: 1.2s ease;
}

/* ACTIVE ANIMATION */
.swiper-slide-active .slide-title,
.swiper-slide-active .slide-features,
.swiper-slide-active .explore-btn {
  opacity: 1;
  transform: translateY(0);
}

/* NAVIGATION ARROWS */
.swiper-button-next,
.swiper-button-prev {
   color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(255 255 255);
  /* backdrop-filter: blur(6px); */
  position: absolute !important;
  width: 22px !important;
  height: 22px !important;
  /* top: 27px !important; */
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 18px;
  font-weight: bold;
}

/* DOT PAGINATION */
.swiper-pagination {
  bottom: 40px !important;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255,255,255,0.4);
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #0ea5e9;
  transform: scale(1.3);
}

/* RIGHT CARD */
.project-card {
  position: absolute;
  right: 80px;
  bottom: 65px;
  width: 280px;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 8px;
  color: #fff;
  padding-bottom:0px;
  z-index: 2;
}

.project-card img {
    width: 109px;
    border-radius: 12px;
    margin-bottom: 10px;
    height: 119px;
    object-fit: cover;
    float:left;
    height:131px;
    margin-right:10px;
}

.project-title {
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    color:white;
}

.project-title span{
  font-style:italic;
}

.project-numbers{
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color:white;
    opacity:0.4;
}

/* RESPONSIVE */
@media(max-width: 768px) {
  .slide-content {
    left: 20px;
    right: 20px;
  }

  .slide-title {
    font-size: 32px;
  }

  .project-card {
    display: none;
  }
}



#panel-one{
  background-color:#020711; 
  float:left;
  width:100%;
  padding-top:50px;
  padding-bottom:50px;
}

.container-exp{
  max-width: 1199px;
}


.scroll-text-section {
  /* min-height: 200vh; */
  display: flex;
  /* align-items: center; */
  /* padding: 120px 60px; */
  border-bottom: solid 1px rgb(255 255 255 / 9%);
  padding-bottom: 36px;
  margin-bottom: 50px;
}

.container {
  max-width: 1200px;
}

/* Word wrapper */
.scroll-fill-text .word {
  font-size: 36px;
  line-height: 1.5;
  font-weight: 300;
  color: #3b4652;
  background: linear-gradient(
    90deg,
    #00aaff,
    #5fd0ff
  );
  background-size: 0% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: #ffffff17;
  display: inline-block;
  /* margin-right: 8px; */
}


.abtpanels{
  float:left;
  width:100%;
}

.abtpanels p{
    color: rgb(255 255 255 / 81%);
    font-size: 16px;
    font-family: 'Overused Grotesk';
    line-height: 28px;
}

.abtpanels img{
    float: right;
    border-radius: 15px;
    margin-left: 20px;
    width: 520px;
}


.odo-section{
 margin-top: 12px;
}

.odo-50{
  float:left;
  width:24%;
}

.odo-margin{
  margin-right: 30px;
}

.odo-50 p{
  float:left;
  width:100%;
}


.mb-0 {
    font-size: 65px;
    color: white;
    font-weight: 400;
    float: left;
    width: 100%;
    line-height: 66px;
}

.mb-0 strong {
    font-weight: 400;
    font-size: 34px;
    top: 3px;
    position: relative;
    left: 6px;
}

.nav-about{
    float: left;
    height: 53px;
    width: 158px;
    background-color: white;
    border-radius: 50px;
    color: black;
    font-size: 16px;
    text-align: left;
    padding-top: 13px;
    font-weight: 500;
    margin-top: 17px;
    padding-left: 15px;
}

.nav-about:hover{
  background-color:#2d83ab;
  text-decoration:none;
  color:white;
}

.nav-about span{
  height:36px;
  width:36px;
  float:right;
  background-color:#3aaade;
  border-radius: 50px;
  position: relative;
  top: -5px;
  left: -12px;
  text-align: center;
}

.nav-about span img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 20px;
    margin-left: 0px;
    border-radius: 0px;
    float: none;
    margin-top: 8px;
    margin-left: -1px;
}



.pulse {
  --color: #fff;
  --hover: #3aaade;
}

.pulse:hover,
.pulse:focus {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
  box-shadow: 0 0 0 2em transparent;
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}


#panel-two{
  background-color:#020711;
  float:left;
  width:100%;
  padding-top:50px;
  padding-bottom:50px;
  /* scroll-behavior: unset; */
  overflow-y: hidden;
  overflow-x: hidden;
}

.srv-sections{
  float:left;
  width:100%;
}


.srv-sections h3{
    float: left;
    /* width: 100%; */
    text-align: center;
    font-size: 15px;
    color: #d0e6f1;
    /* letter-spacing: 1px; */
    text-align: left;
    /* background: #201f1f; */
    border-radius: 50px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    background: #020B16;
    /* background: linear-gradient(174deg,rgb(0 0 0) 0%, rgba(41, 47, 61, 1) 100%); */
}


.srv-sections h3::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #201f1f;
    border-radius: 50px;
    z-index: -1;
    background: #020B16;
    background: linear-gradient(174deg,rgba(2, 11, 22, 1) 0%, rgb(28 31 38) 100%);
    /* border: solid 1px rgb(75 165 206 / 19%); */
}


.srv-sections h3::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;
    background: conic-gradient( from 0deg, transparent, transparent, #4ba5ce, transparent, transparent );
    animation: rotateBorder 3s linear infinite;
    z-index: -1;
}

/* Rotation animation */
@keyframes rotateBorder {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.srv-sections h4{
    float: left;
    width: 100%;
    color: white;
    font-size: 46px;
    line-height: 53px;
    margin-top: 4px;
}

.service-carousel{
  float:left;
  width:100%;
}


.services-section {
  padding: 40px 0;
  /* width: 100%; */
  float: left;
}



/* CARD */

.service-card {
  background: linear-gradient(180deg, #0c2a3c, #041421);
  border-radius: 20px;
  padding: 26px;
  color: white;
  position: relative;
  transition: 0.4s;
  /* height: 100%; */
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: solid 1px rgb(51 74 90 / 57%);
  text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.service-card:hover {
  background: linear-gradient(180deg, #4fa4d2, #2f8dbb);
  text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}

.service-card:hover .srv-round{
  background-color: black;
  text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}

.service-card.highlight {

}

/* TAG */

.tag {
  display: inline-block;
  background: white;
  color: black;
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 13px;
  margin-bottom: 18px;
  margin-left: 25px;
}

/* TITLE */

.service-card h5 {
  font-size: 21px;
  margin-bottom: 12px;
  padding-left: 25px;
  padding-right: 25px;
}

/* DESCRIPTION */

.service-card p {
  font-size: 15px;
  color: #c7d3df;
  margin-bottom: 25px;
  /* line-height: 1.5; */
  padding-left: 25px;
  padding-right: 25px;
  color: rgb(255 255 255 / 81%);
  font-size: 16px;
}

/* IMAGE */

.image-box {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
}

.image-box img {
  width: 100%;
  display: block;
}

/* READ MORE BUTTON */

.read-more {
    position: absolute;
    bottom: 18px;
    left: 18px;
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(8px);
    color: white;
    padding: 10px 18px;
    border-radius: 30px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: 0.3s;
    font-weight: 500;
    font-size: 15px;
    border: solid 1px rgb(255 255 255 / 24%);
}

.read-more span {
  background: white;
  color: black;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
}

.read-more:hover {
  background: rgb(58 170 222);
}

/* NAVIGATION */

.owl-nav {
  position: absolute;
  top: -70px;
  right: 0;
}

.owl-nav button {
  width: 44px;
  height: 44px;
  border-radius: 50% !important;
  background: white !important;
  margin-left: 10px;
  font-size: 18px !important;
  transition: 0.3s;
}

.owl-nav button:hover {
  background: #4fa4d2 !important;
  color: white !important;
}

.srv-round{
  float:right;
  width:32px;
  height:32px;
  background-color:#3aaade;
  border-radius:50px;
  margin-right: 25px;
  text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.srv-round strong{
    /* float:right; */
  width:12px;
  height:12px;
  background-color:white;
  border-radius:50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}


.read-more span img{
  width:16px !important;
}



#panel-three{
    background: url(../images/image-bg.webp), #020711;
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 9px;
    background-position-x: 2p;
    background-size: 310px;
}


#panel-three h3{
   /* float: left; */
    /* width: 100%; */
    text-align: center;
    font-size: 15px;
    color: #d0e6f1;
    /* letter-spacing: 1px; */
    text-align: left;
    /* background: #201f1f; */
    border-radius: 50px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    background: #020B16;
    /* background: linear-gradient(174deg,rgb(0 0 0) 0%, rgba(41, 47, 61, 1) 100%); */
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 135px;
    height: 42px;
}


#panel-three h3::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #201f1f;
    border-radius: 50px;
    z-index: -1;
    background: #020B16;
    background: linear-gradient(174deg,rgba(2, 11, 22, 1) 0%, rgb(28 31 38) 100%);
    /* border: solid 1px rgb(75 165 206 / 19%); */
}


#panel-three h3::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;
    background: conic-gradient( from 0deg, transparent, transparent, #4ba5ce, transparent, transparent );
    animation: rotateBorder 3s linear infinite;
    z-index: -1;
}


#panel-three h4{
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 46px;
    line-height: 53px;
    margin-top: 8px;
    margin-bottom: 45px;
}



/* Section Background */
.services-section {
  background: #020817;
  padding: 80px 20px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/* Grid Layout */
.services-grid {
     /* display: grid; */
    /* grid-template-columns: repeat(3, 1fr); */
    /* gap: 30px; */
    float: left;
    width: 100%;
}

/* Card Base */
.service-card-new {
  position: relative;
  background: linear-gradient(145deg, #0b0f1a, #05070d);
  border-radius: 18px;
  padding: 35px 25px;
  min-height: 200px;
  overflow: hidden;
  transition: all 0.35s ease;
  border: 1px solid rgba(255,255,255,0.04);
  padding-bottom: 28px;
}

/* Hover Effect */
.service-card-new:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 162, 255, 0.15);
  border-color: rgba(0, 162, 255, 0.3);
}

/* Icon */
.service-card-new .icon {
  margin-bottom: 25px;
}

.service-card-new .icon img {
  width: 54px;
  height: 54px;
}

/* Text */
.service-card-new p {
  color: #ffffff;
  font-size: 18px;
  line-height: 32px;
  margin: 0;
  font-size: 24px;
  /* font-weight: 400 !important; */
  float: left;
  width: 100%;
  margin-top: 40px;
}

/* Highlight Card (Wave Background) */
/* Highlight Card Base */
.service-card-new.highlight {
  position: relative;
  background: #061a2a;
  overflow: hidden;
}

/* Wave Mesh Layer */
.service-card-new.highlight::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: url("../images/wave.png") repeat;
  background-size: 500px 500px;
  opacity: 0.1;
  animation: waveMove 18s linear infinite;
  will-change: transform;
}

/* Gradient Glow Overlay */
.service-card-new.highlight::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 90% 40%,
    rgba(0, 180, 255, 0.35),
    transparent 60%
  );
  mix-blend-mode: screen;
  pointer-events: none;
}

/* Keep content above animation */
.service-card-new.highlight * {
  position: relative;
  z-index: 2;
}

/* Wave Motion */
@keyframes waveMove {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(-120px, -60px, 0) rotate(2deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

/* Responsive */
@media (max-width: 992px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .services-grid {
    grid-template-columns: 1fr;
  }

  .service-card-new {
    padding: 30px 24px;
  }
}

.psh-left{
  float:left;
}


.weather-section {
  position: relative;
  border-radius: 24px;
  margin-top: 70px;
  overflow: hidden;
      float: left;
    width: 100%;
  color: #fff;
}

/* Background */
.weather-bg {
 position: absolute;
  inset: 0;
  background: url("../images/rain-bg.webp") center/cover no-repeat;
 /* filter: brightness(0.85); */
  transition: none;
  will-change: transform, opacity, filter;
}

/* Overlay blur */
.weather-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  /* backdrop-filter: blur(4px); */
}

/* Content */
.weather-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding-top: 55px;
  max-width: 900px;
  margin: auto;
}

.rating {
    display: inline-block;
    background: rgb(0 0 0 / 20%);
    padding: 4px 16px;
    border-radius: 30px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    border: solid 1px rgb(255 255 255 / 20%);
    backdrop-filter: blur(15px);
}

.rating img{
  width: 50px;
  margin-right: 3px;
}

.weather-content h2 {
  font-size: 45px;
  font-weight: 500;
  margin-bottom: 14px;
  transition: opacity 0.4s ease;
  will-change: transform, opacity, filter;
  width: 65%;
  display: inline-block;
  margin-bottom: 26px;
}

.weather-content p {
  opacity: 0.9;
  font-size: 16px;
  transition: opacity 0.4s ease;
   will-change: transform, opacity, filter;
}

.rate-sts{
  float:left;
  width:100%;
}

/* Tabs */
.weather-tabs {
    position: absolute;
    bottom: -244px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    background: rgb(0 0 0 / 24%);
    padding: 8px;
    border-radius: 40px;
    backdrop-filter: blur(5px);
    gap: 8px;
    border: solid 1px rgb(255 255 255 / 12%);
}

.tab-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tab-btn img {
  width: 30px;
}

.tab-btn.active {
  background: #2ea7ff;
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0,0,0,0.3);
}

.tab-btn:hover {
  transform: scale(1.08);
}


.wnd-lg{
  float:left;
  width:100%;
}

.wnd-lg img{
  width:500px;
}


.wcs{
  float:left;
  width:100%;
  margin-top:90px;
}

.tag-one{
  float:left;
  width:100%;
  background: #01171F;
  background: linear-gradient(98deg, rgba(1, 23, 31, 1) 0%, rgb(15 54 72) 100%);
  padding-left:20px;
  padding-right:20px;
  padding-top:35px;
  padding-bottom:35px;
  border-radius: 20px;
}

.tag-one img{
  width:60px;
}

.tag-one p{
    float: left;
    width: 100%;
    font-size: 30px;
    color: white;
    font-weight: 600 !important;
    line-height: 35px;
    padding-top: 15px;
    background: #FFFFFF;
    background: linear-gradient(to right, #ffffff 0%, #ffc1ac 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 11;
    position: relative;
}

.tag-one::before{
    content: "";
    position: absolute;
    background: url(../images/patterns.webp);
    float: left;
    height: 219px;
    width: 250px;
    /* background-size: 95px; */
    background-repeat: no-repeat;
    /* background-position-y: -46px; */
    /* z-index: 111; */
    margin-top: -34px;
    background-size: 244px;
    background-position-x: right;
    opacity: 0.9;
}

.nav-tg-one{
  float: left;
    height: 50px;
    width: 158px;
    /* background-color: white; */
    border-radius: 50px;
    color: white;
    font-size: 16px;
    text-align: left;
    padding-top: 12px;
    font-weight: 500;
    margin-top: 17px;
    padding-left: 15px;
    border: solid 1px rgb(255 255 255 / 33%);
}

.nav-tg-one span {
    height: 36px;
    width: 36px;
    float: right;
    background-color: #ffffff;
    border-radius: 50px;
    position: relative;
    top: -6px;
    left: -11px;
    text-align: center;
}

.nav-tg-one span img {
    /* -webkit-filter: brightness(0) invert(1); */
    /* filter: brightness(0) invert(1); */
    width: 20px;
    margin-left: 0px;
    border-radius: 0px;
    float: none;
    margin-top: 8px;
    margin-left: -1px;
}

.nav-tg-one:hover {
    background-color: #2d83ab;
    text-decoration: none;
    color: white;
    border: solid 1px rgb(45 131 171);
}



.tag-two{
  float:left;
  width:100%;
  background: #01171F;
  background: linear-gradient(98deg, rgba(1, 23, 31, 1) 0%, rgb(15 54 72) 100%);
  padding-left:20px;
  padding-right:20px;
  padding-top:35px;
  padding-bottom:35px;
  margin-top: 16px;
  border-radius: 20px;
  background-size: 284px !important;
  background: url(../images/frame-new.webp)  no-repeat; 
  
}

.tag-two img{
  width:60px;
}

.tag-two p{
    float: left;
    width: 100%;
    font-size: 16px;
    color: #b3e7ff;
    font-weight: 300 !important;
    line-height: 25px;
    padding-top: 40px;
    text-align:center;
}

.tag-two h4{
  float: left !important;
    width: 100% !important;
    font-size: 65px !important;
    color: white;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    background: #FEB166;
    background: linear-gradient(to right, #FEB166 0%, #ef8c89 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tag-two span{
    float: left !important;
    width: 100% !important;
    text-align: center;
    color: #beaffe;
    font-size: 17px;
    font-weight: 400;
    padding-top: 8px;
}

.tag-crc{
    float: left;
    width: 100%;
    text-align: center;
    margin-top:20px;
}

.tag-crc img{
 width: 55px;
}

.tgc-8{
  margin-left:-8px;
}

.subtract-top{
  float:left;
  width:100%;
  height:380px;
  background: url(../images/subtract-top.webp) no-repeat;
}

.subt-head{
    float: left;
    width: 100%;
    text-align: center;
    color: #43aad8;
    font-size: 18px;
    padding-top: 24px;
}

.subt-head img{
    width: 25px;
    margin-right: 2px;
    margin-top: -1px;
}

.subt-head h2{
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 44px;
    /* font-weight: 500; */
    line-height: 48px;
    margin-top: 10px;
}

.subtract-center{
  float:left;
  width:100%;
  text-align:center;
  margin-top: -168px;
}

.subtract-center img{
  width: 235px;
  top: 28px;
  left: 9px;
  position:relative;
}

.subtract-bottom{
  float:left;
  width:100%;
  margin-top: -75px;
}

.dimond{
  float:left;
  width:49%;
  height:386px;
  background: url(../images/card-1.webp) no-repeat;
  background-size: 278px 386px;
  margin-right: 9px;
}

.lg-theme{
  float:left;
  width:100%;
}

.lg-theme img{
  width: 90px;
  position: relative;
  left: 8px;
  top: 4px;
}

.di-icon{
    float: left;
    width: 100%;
    margin-top: 48px;
    margin-bottom: 5px;
}

.di-icon img{
  width:110px;
}

.dimond h4{
    float: left !important;
    width: 100% !important;
    text-align: left !important;
    color: #e0f5ff !important;
    font-size: 20px !important;
    line-height: 35px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
    padding-left: 29px !important;
    padding-right: 29px;
}

.dimond p{
    float: left;
    width: 100%;
    font-size: 16px;
    color: #b3e7ff;
    font-weight: 300 !important;
    line-height: 23px;
    padding-left: 29px !important;
    padding-top: 0px;
    text-align: left;
    padding-right: 29px;
}

.awards{
  float:left;
  width:49%;
  height:386px;
  background: url(../images/card.webp) no-repeat;
  background-size: 278px 386px;
}


.awards h4{
    float: left !important;
    width: 100% !important;
    text-align: left !important;
    color: #e0f5ff !important;
    font-size: 20px !important;
    line-height: 35px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
    padding-left: 29px !important;
    padding-right: 29px;
}

.awards p{
    float: left;
    width: 100%;
    font-size: 16px;
    color: #b3e7ff;
    font-weight: 300 !important;
    line-height: 23px;
    padding-left: 29px !important;
    padding-top: 0px;
    text-align: left;
    padding-right: 29px;
}


.lg-theme-aw{
  float:left;
  width:100%;
}

.lg-theme-aw img{
  width: 90px;
  position: relative;
  left: -8px;
  top: 4px;
  float: right;
}

.di-icon-aw{
    float: left;
    width: 100%;
    margin-top: 48px;
    margin-bottom: 5px;
}

.di-icon-aw img{
  width:110px;
}


.fadeinout
{
  animation: fadeinout 4s infinite;
}

@keyframes fadeinout
{
  0%{
    opacity:0;
  }
  50%
  {
    opacity:1;
  }
  100%
  {
    opacity:0;
  }
}



.tag-three {
    float: left;
    width: 100%;
    background: #01171F;
    background: linear-gradient(98deg, rgba(1, 23, 31, 1) 0%, rgb(15 54 72) 100%);
    padding-bottom: 35px;
    border-radius: 20px;
}

.tag-three img{
  width:100%;
}

.up-down{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}


.tag-three h4 {
    float: left !important;
    width: 100% !important;
    font-size: 65px !important;
    color: white;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    background: #FEB166;
    background: linear-gradient(to right, #ffffff 0%, #14b4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 8px !important;
}

.pill-main{
  float:left;
  width:100%;
}


.pill-cntr{
    width: 200px;
    height: 40px;
    /* float: left; */
    background: #143746;
    background: linear-gradient(98deg,rgba(20, 55, 70, 1) 0%, rgba(28, 86, 112, 1) 100%);
    font-size: 15px;
    color: #b3e7ff;
    font-weight: 300 !important;
    text-align: center;
    padding-top: 1px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 21px;
}


.pill-cntr img{
  width:10px !important;
}

.pill-ico{
    float: left;
    position: relative;
    left: -4px;
    top: -1px;
}

.pill-ico-rg{
    float: right;
    position: relative;
    left: 4px;
    top: -1px;
}

.pill-cntr span{
    position: relative;
    top: 7px;
}


.tag-four{
  float: left;
    width: 100%;
    background: #01171F;
    background: linear-gradient(98deg, rgba(1, 23, 31, 1) 0%, rgb(15 54 72) 100%);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 35px;
    padding-bottom:0px;
    border-radius: 20px;
    margin-top: 16px;
}

.tag-four span{
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 18px;
}

.tag-four h4{
    float: left !important;
    width: 100% !important;
    font-size: 65px !important;
    color: white;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    background: #FEB166;
    background: linear-gradient(to right, #ffffff 0%, #14b4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 8px !important;
}

.tag-four p{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: rgb(255 255 255 / 81%);
    font-weight: 300 !important;
    margin-top: 20px;
}

.tag-four img{
  width:100%;
  margin-top: 11px;
  height:172px;
}


#panel-four{
  float:left;
  width:100%;
  background-color: #020711;
  float: left;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 50px;
}


#panel-four h4 {
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 46px;
    line-height: 53px;
    margin-top: 8px;
    margin-bottom:18px;
}

#panel-four h3 {
    /* float: left; */
    /* width: 100%; */
    text-align: center !important;
    font-size: 15px;
    color: #d0e6f1;
    /* letter-spacing: 1px; */
    text-align: left;
    /* background: #201f1f; */
    border-radius: 50px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    background: #020B16;
    /* background: linear-gradient(174deg,rgb(0 0 0) 0%, rgba(41, 47, 61, 1) 100%); */
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 135px;
    height: 42px;
}

#panel-four h3::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #201f1f;
    border-radius: 50px;
    z-index: -1;
    background: #020B16;
    background: linear-gradient(174deg,rgba(2, 11, 22, 1) 0%, rgb(28 31 38) 100%);
    /* border: solid 1px rgb(75 165 206 / 19%); */
}


#panel-four h3::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;
    background: conic-gradient( from 0deg, transparent, transparent, #4ba5ce, transparent, transparent );
    animation: rotateBorder 3s linear infinite;
    z-index: -1;
}


.cls-top{
  float:left;
  width:100%;
}

#panel-four h5{
    float: left;
    width: 100%;
    font-size: 17px;
    color: rgb(255 255 255 / 61%);
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
    /* letter-spacing: 1px; */
}

#panel-four h5 span{
  color:#3aaade;
}


/* Section */
.clients-section {
  float:left;
  width:100%;
  padding: 50px 0;
}

/* Container */
.container {
  width: 92%;
  max-width: 1400px;
  margin: auto;
}

/* Grid */
.clients-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 22px;
}

/* Card */
.client-card {
      background: #072538;
    border: 1px solid #2c4656;
    padding: 22px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
}

/* Logo */
.client-card img {
  max-width: 100%;
  transition: all 0.35s ease;
}

/* Hover Effect */
.client-card:hover {
  transform: translateY(-6px);
  border-color: #00aaff1a;
  box-shadow: 0 12px 30px rgba(0, 170, 255, 0.15);
}

.client-card:hover img {
  filter: brightness(1.1);
  transform: scale(1.05);
}




/* =========================
   Responsive Breakpoints
   ========================= */

@media (max-width: 1200px) {
  .clients-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .clients-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .client-card {
    height: 85px;
    padding: 18px;
  }
}

@media (max-width: 480px) {
  .clients-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .client-card {
    height: 80px;
  }
}


.cl-align-nav{
  float:left;
  width:100%;
  text-align:center;
  margin-top: 40px;
}




.nav-clients{
    /* float: left; */
    height: 53px;
    width: 145px;
    background-color: white;
    border-radius: 50px;
    color: black;
    font-size: 16px;
    text-align: left;
    padding-top: 13px;
    font-weight: 500;
    margin-top: 17px;
    padding-left: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nav-clients:hover{
  background-color:#2d83ab;
  text-decoration:none;
  color:white;
}

.nav-clients span{
  height:36px;
  width:36px;
  float:right;
  background-color:#3aaade;
  border-radius: 50px;
  position: relative;
  top: -5px;
  left: -12px;
  text-align: center;
}

.nav-clients span img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 20px;
    margin-left: 0px;
    border-radius: 0px;
    float: none;
    margin-top: 8px;
    margin-left: -1px;
}


#panel-five{
    float: left;
    width: 100%;
    background-color: #020711;
    float: left;
    width: 100%;
    padding-top:0px;
    padding-bottom: 50px;
}

#panel-five h4{
    float: left;
    width: 100%;
    color: white;
    font-size: 46px;
    line-height: 53px;
    margin-top: 4px;
    margin-bottom: 55px;
}


#panel-five h3{
    float: left;
    /* width: 100%; */
    text-align: center;
    font-size: 15px;
    color: #d0e6f1;
    /* letter-spacing: 1px; */
    text-align: left;
    /* background: #201f1f; */
    border-radius: 50px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    background: #020B16;
    /* background: linear-gradient(174deg,rgb(0 0 0) 0%, rgba(41, 47, 61, 1) 100%); */
}


#panel-five h3::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #201f1f;
    border-radius: 50px;
    z-index: -1;
    background: #020B16;
    background: linear-gradient(174deg,rgba(2, 11, 22, 1) 0%, rgb(28 31 38) 100%);
    /* border: solid 1px rgb(75 165 206 / 19%); */
}


#panel-five h3::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;
    background: conic-gradient( from 0deg, transparent, transparent, #4ba5ce, transparent, transparent );
    animation: rotateBorder 3s linear infinite;
    z-index: -1;
}


/* Testimonial Card */
.testimonial-card {
    position: relative;
    max-width: 420px;
    padding: 28px;
    border-radius: 18px;
    background: #234b5c;
    background: linear-gradient(109deg,rgb(14 14 14) 15%, rgb(19 32 39) 100%);
    border: 2px solid #171b1d;
    color: #ffffff;
    overflow: hidden;
    padding-top: 60px;
  }

/* Subtle gradient border glow */

/* Quote icon */
.quote-icon {
  position: absolute;
  top: 16px;
  right: 22px;
  font-size: 48px;
  color: rgba(120, 200, 255, 0.35);
  font-weight: bold;
}

.quote-icon img{
    width:65px !important;
    margin-top:0px;
    opacity: 0.3;
}

/* Stars */
.stars {
  float:left;
  width:100%;
  margin-bottom:11px;
}

.stars img{
  width: 75px !important;
}

/* Title */
.title-rv {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 6px;
}

/* Description */
.description {
  font-size: 14px;
  line-height: 26px;
  color: #cfd8e3;
  margin-bottom: 22px;
  color: rgb(255 255 255 / 76%);
  font-size: 16px;
}

/* User */
.user {
  display: flex;
  align-items: center;
  gap: 12px;
}

.user img {
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
}

.user span {
  font-size: 16px;
  font-weight: 500;
}

.owl-reviews{
  float:left;
  width:100%;
}

.testimonial-card:hover .quote-icon img {
  opacity: 1 !important;
}

.google-tags{
    float: right;
    width: 215px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 9px;
    padding-bottom: 9px;
    height: 65px;
    margin-top: -144px;
    border-radius: 50px;
    background-color: rgb(53 57 65 / 57%);
    border: solid 1px rgb(255 255 255 / 9%);
    background: #33353D;
    background: linear-gradient(140deg,rgb(26 27 30) 0%, rgba(57, 61, 69, 1) 100%);
}

.goolge-ico{
  float:left;
  width:25%;
  margin-top: 4px;
}

.goolge-ico img{
   width:35px;
}

.glg-str{
  float:left;
  width:75%;
}

.glg-str p{
  font-size: 14px;
  color: rgb(255 255 255 / 67%);
  letter-spacing: 0px;
  line-height: 16px;
}

.glg-str img{
  width:65px;
}

.glg-str span{
    color: white;
    font-size: 15px;
    padding-left: 4px;
}

#panel-six{
    background-color: #020711;
    float: left;
    width: 100%;
    padding-top:50px;
    padding-bottom:50px;
}


#panel-six h3 {
    /* float: left; */
    /* width: 100%; */
    text-align: center !important;
    font-size: 15px;
    color: #d0e6f1;
    /* letter-spacing: 1px; */
    text-align: left;
    /* background: #201f1f; */
    border-radius: 50px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    background: #020B16;
    /* background: linear-gradient(174deg,rgb(0 0 0) 0%, rgba(41, 47, 61, 1) 100%); */
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100px;
    height: 42px;
}

#panel-six h3::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #201f1f;
    border-radius: 50px;
    z-index: -1;
    background: #020B16;
    background: linear-gradient(174deg,rgba(2, 11, 22, 1) 0%, rgb(28 31 38) 100%);
    /* border: solid 1px rgb(75 165 206 / 19%); */
}


#panel-six h3::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;
    background: conic-gradient( from 0deg, transparent, transparent, #4ba5ce, transparent, transparent );
    animation: rotateBorder 3s linear infinite;
    z-index: -1;
}


#panel-six h4 {
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 46px;
    line-height: 53px;
    margin-top: 8px;
    margin-bottom: 18px;
}


.faq-section {
  padding-top: 25px;
}

.faq-container {
  max-width: 900px;
  margin: auto;
}

.faq-item {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  background: #020711;
  transition: all 0.3s ease;
}

.faq-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.faq-left {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 22px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.faq-number {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  min-width: 29px;
}

.faq-header h4 {
  color: #fff !important;
  font-size: 22px !important;
  margin: 0 !important;
  font-weight: 300;
}

.faq-icon {
  width: 80px;
  height: 80px;
  background: #152329;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #fff;
  transition: 0.3s;
}

.faq-item.active .faq-icon {
  background: linear-gradient(
    135deg,
    #4da3d9,
    #5fa8d3
  );
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0 22px;
}

.faq-content p {
    color: #ffffff;
    padding-bottom: 20px;
    line-height: 30px;
    font-size: 20px;
    padding-left: 48px;
    font-weight: 300 !important;
}

/* Active State */
.faq-item.active .faq-content {
  max-height: 200px;
}

/* Responsive */
@media (max-width: 768px) {
  .faq-icon {
    width: 60px;
    height: 60px;
    font-size: 22px;
  }

  .faq-header h3 {
    font-size: 16px;
  }
}


.video-tags{
  float:left;
  width:100%;
  border-radius:10px;
  margin-top: 25px;
  padding-top:25px;
  padding-bottom:25px;
  background-size: cover;
  background: url(../images/video-tags.webp) no-repeat;
  padding-left:20px;
  padding-right:20px;
  background-size:cover;
}

.video-tags h6{
    float: left;
    width: 100%;
    color: white;
    font-weight: 400;
    font-size: 24px;
}

.video-play{
  float:left;
  width:100%;
  padding-top:110px;
  color:white;
  margin-bottom: 7px;
}

.video-play span{
    color: white;
    font-weight: 400;
    font-size: 17px;
    position: relative;
    top: 5px;
}

.vd-thumb{
  margin-right: 15px;
  float:left;
  width:40px;
  height:40px;
  background-color:white;
  border-radius:4px;
  text-align:center;
}

.vd-thumb img{
    width: 17px;
    position: relative;
    top: 6px;
    left: 1px;
}

.broucher-tag{
    float: left;
    width: 100%;
    margin-top: 20px;
    border-radius: 10px;
    height: 283px;
    background: url(../images/brocher-bg.webp) no-repeat;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 2px #161a1b;
    padding-top: 25px;
    background-position-x: -9px;
    background-position-y: -7px;
    background-size: 500px 298px;
}

.broucher-tag h6{
    float: left;
    width: 100%;
    color: white;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
}

.book-anim{
  float:left;
  width:100%;
  /* margin-top: 18px; */
}

.book-anim img{
  width: 250px;
}


.fa-angle-double-right {
    -webkit-animation: mover 0.5s infinite  alternate;
    animation: mover 0.5s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateX(10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateX(4px); }
}


.dwn-brocher{
    position: relative;
    bottom: 82px;
    left: 3px;
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(8px);
    color: white;
    padding: 10px 13px;
    border-radius: 30px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
    font-weight: 500;
    font-size: 15px;
    border: solid 1px rgb(255 255 255 / 14%);
    float: right;
}

.dwn-brocher span {
  background: white;
  color: black;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
}

.dwn-brocher:hover {
  background: rgb(58 170 222);
}

.dwn-brocher span img {
    width:22px !important;
}


#panel-seven{
    background: url(../images/glow.png), #020711;
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom:110px;
    background-repeat: no-repeat;
}


#panel-seven h3 {
    /* float: left; */
    /* width: 100%; */
    text-align: center !important;
    font-size: 15px;
    color: #d0e6f1;
    /* letter-spacing: 1px; */
    text-align: left;
    /* background: #201f1f; */
    border-radius: 50px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    background: #020B16;
    /* background: linear-gradient(174deg,rgb(0 0 0) 0%, rgba(41, 47, 61, 1) 100%); */
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 135px;
    height: 42px;
}

#panel-seven h3::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #201f1f;
    border-radius: 50px;
    z-index: -1;
    background: #020B16;
    background: linear-gradient(174deg,rgba(2, 11, 22, 1) 0%, rgb(28 31 38) 100%);
    /* border: solid 1px rgb(75 165 206 / 19%); */
}


#panel-seven h3::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;
    background: conic-gradient( from 0deg, transparent, transparent, #4ba5ce, transparent, transparent );
    animation: rotateBorder 3s linear infinite;
    z-index: -1;
}

#panel-seven h4 {
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 46px;
    line-height: 53px;
    margin-top: 8px;
    margin-bottom: 18px;
}



/* Section Background */
.iso-section {
 /* padding: 70px 20px; */
    /* background: linear-gradient( 90deg, #020617 0%, #031633 40%, #020617 100% ); */
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
}

/* Container Grid */
.iso-container {
  max-width: 1300px;
  margin: auto;

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}

/* Card */
.iso-card {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 19px 25px;
  text-align: center;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* Small white square dot (top-left) */
.iso-card::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;

  width: 6px;
  height: 6px;

  background: #ffffff;
  border-radius: 1px;
}

.iso-card:hover::before {
  transform: scale(1.4);
  background: #1e90ff;
  transition: 0.3s ease;
}

/* Hover Glow */
.iso-card:hover {
  transform: translateY(-8px);
  border-color: rgb(30 144 255 / 15%);
  /* box-shadow: 0 10px 25px rgb(30 144 255 / 25%); */
}

/* Icon */
.iso-card img {
  width: 80px;
  height: auto;
  margin-bottom: 18px;
}

/* Text */
.iso-card p {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 0;
}

/* ---------- Responsive ---------- */

/* Laptop */
@media (max-width: 1200px) {
  .iso-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Tablet */
@media (max-width: 992px) {
  .iso-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Mobile */
@media (max-width: 600px) {
  .iso-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .iso-card {
    padding: 25px 15px;
  }

  .iso-card img {
    width: 65px;
  }

  .iso-card p {
    font-size: 14px;
  }
}

/* Small Mobile */
@media (max-width: 420px) {
  .iso-container {
    grid-template-columns: 1fr;
  }
}


.cta-one{
  float:left;
  width:100%;
  background: url(../images/cta.webp) no-repeat;
  padding-top:55px;
  padding-bottom:50px;
  border-radius: 20px;
  margin-top:70px;
  padding-left: 40px;
  background-size: 1225px;
  padding-right: 40px;
}

.cta-one h5{
    float: left;
    width: 37%;
    color: white;
    font-size: 46px;
    line-height: 52px;
    font-weight: 500;
}

.cta-one p{
  color: #fff;
  font-size: 16px;
  float: left;
  width: 37%;
  padding-top: 16px;
}

.tag-cta{
  float:left;
  width:100%;
}


.nav-enq{
    float: left;
    height: 53px;
    width: 165px;
    background-color: #000000;
    border-radius: 50px;
    color: white;
    font-size: 16px;
    text-align: left;
    padding-top: 13px;
    font-weight: 500;
    margin-top: 17px;
    padding-left: 15px;
}

.nav-enq:hover{
  background-color:#2d83ab;
  text-decoration:none;
  color:white;
}

.nav-enq span{
  height:36px;
  width:36px;
  float:right;
  background-color:#3aaade;
  border-radius: 50px;
  position: relative;
  top: -5px;
  left: -12px;
  text-align: center;
}

.nav-enq span img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 20px;
    margin-left: 0px;
    border-radius: 0px;
    float: none;
    margin-top: 8px;
    margin-left: -1px;
}

#footer{
  float:left;
  width:100%;
  background: url(../images/ftr-bg.webp) no-repeat;
  background-size:cover;
}

#footer h2{
    float: left;
    width: 100%;
    padding-top:45px;
    border-top: solid 1px rgb(58 170 222 / 37%);
    color: #3aaade;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
}

.ftr-navigation{
  float:left;
  width:100%;
}

.ftr-nav{
    float: left;
    width: 100%;
    color: #506e7c;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 17px;
}

.ftr-nav:hover{
  color:#81aabc;
}

.call-sec{
  float:left;
  width:100%;
  margin-bottom:25px;
}

.call-bx{
  float:left;
  width:15%;
  height:60px;
}

.call-bx h3{
  width:44px;
  height:44px;
  text-align: center;
  border-radius:10px;
  background: #0D263A;
  border: solid 1px rgb(63 90 110 / 50%);
background: linear-gradient(104deg,rgba(13, 38, 58, 1) 0%, rgba(38, 74, 110, 1) 100%);
}

.call-bx h3 img{
  width: 22px;
  top: 1px;
  position:relative;
}

.call-dtls{
  float:left;
  width:85%;
}

.call-dtls span{
  float:left;
  width:100%;
  color:#717475;
  font-size: 16px;
  font-weight: 500;
}

.cl-nav{
    float: left;
    width: 100%;
    color:#717475;
    font-size: 16px;
    font-weight: 500;
}

.cl-nav:hover{
      color: #b0b4b6;
}


.ftr-logo{
  float:left;
  width:100%;
  text-align:center;
}

.ftr-logo img{
    width: 820px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.copyright{
  float:left;
  width:100%;
  padding-top:25px;
  padding-bottom:25px;
}

.cpr{
    float: left;
    color: #979797;
    font-size: 15px;
    font-weight: 500;
    padding-top: 7px;
}

.tnm{
  color: #979797;
}

.tnm:hover{
  color: #b0b4b6;
}

.cpr::before {
    content: "";
    position: absolute;
    top: 39px;
    left: 17px;
    width: 10px;
    height: 10px;
    background: #3aaade;
    border-radius: 50px;
}

.cpr strong{
  font-weight:500;
  margin-left:20px;
}

.gls-social{
  float:right;
}

.platforms{
    opacity: 0.4;
    float:left;
    margin-left:12px;
}

.platforms img{
      width: 35px;
}

.platforms:hover{
   opacity: 1;
}

.yellow {
  background-image: -webkit-linear-gradient(top, #ffff, #ffff);
  background-image: -moz-linear-gradient(top, #ffff, #ffff);
  background-image: -o-linear-gradient(top, #ffff, #ffff);
  background-image: linear-gradient(to bottom, #ffff, #ffff);
  -webkit-animation: yellow 2s infinite;
  -moz-animation: yellow 2s infinite;
  -o-animation: yellow 2s infinite;
  animation: yellow 2s infinite; }





.exp-more-bnr {
    position: absolute;
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(8px);
    color: white;
    padding: 10px 10px;
    border-radius: 30px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: 0.3s;
    font-weight: 500;
    font-size: 15px;
    border: solid 1px rgb(255 255 255 / 24%);
    padding-left: 18px;
    display: none;
}

.exp-more-bnr span {
  background: white;
  color: black;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
}

.exp-more-bnr:hover {
  background: rgb(58 170 222);
}


.exp-more-bnr span img {
    width: 16px !important;
}





/* Yellow Shadow */
@-moz-keyframes yellow {
  0%, 100% {
    -moz-box-shadow: 1px 0px 19px 4px #fff503, inset 0px 0px 10px rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0px 19px 4px #fff503, inset 0px 0px 10px rgba(255, 255, 255, 0.5); }

  50% {
    -moz-box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } }

@-webkit-keyframes yellow {
  0%, 100% {
    -webkit-box-shadow: 1px 0px 19px 4px #fff503, inset 0px 0px 10px rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0px 19px 4px #fff503, inset 0px 0px 10px rgba(255, 255, 255, 0.5); }

  50% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } }

@-o-keyframes yellow {
  0%, 100% {
    box-shadow: 1px 0px 19px 4px #ffff, inset 0px 0px 10px rgba(255, 255, 255, 0.5); }

  50% {
    box-shadow: 0px 0px 0px 0px #ffff, inset 0px 0px 0px rgba(255, 255, 255, 0); } }

@keyframes yellow {
  0%, 100% {
    box-shadow: 1px 0px 19px 4px #ffff, inset 0px 0px 10px rgba(255, 255, 255, 0.5); }

  50% {
    box-shadow: 0px 0px 0px 0px #ffff, inset 0px 0px 0px rgba(255, 255, 255, 0); } }



#page-inner{
        background: #020711;
    
       background: url(../images/image-bg.webp) no-repeat right bottom, linear-gradient(2deg, rgb(2 7 17) 0%, rgb(37 59 97) 100%);
    float: left;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 50px;
}


#page-inner h1{
    float: left;
    width: 100%;
    color: white;
    font-size:63px;
    font-weight: 600;
    line-height: 73px;
}

.logo-white{
  -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.bnr-abt{
  justify-content: flex-end!important;
  display: flex!important;
  float: left;
    width: 100%;
  margin-top: 40px;  
}

.tp-section-subtitle{
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
}


.tp-section-subtitle.pre::before {
    content: "";
    height: 8px;
    width: 8px;
    margin-right: 12px;
    border-radius: 4px;
    display: inline-block;
    transform: translateY(-2px);
    background-color: var(--tp-common-red-3);
}


.arrow-wha{
    filter: brightness(0) invert(1);
    margin-left: 15px;
    margin-top: -6px;
}

.ar-about-us-4-icon{
  margin-right:35px;
}

#page-inner p{
    color: rgb(255 255 255 / 73%);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
}

#sec-pages{
  background-color:#020711;
  float:left;
  width:100%;
  padding-top: 90px;
  padding-bottom:40px;
}

.ab-ttl{
  float:left;
  width:100%;
}


.ab-ttl h2 {
   /* float: left; */
    /* width: 100%; */
    color: white;
    font-size: 37px;
    line-height: 45px;
    margin-bottom: 14px;
}

.ab-ttl p{
    /* float: left; */
    /* width: 100%; */
    color: rgb(255 255 255 / 81%);
    font-size: 16px;
    font-family: 'Overused Grotesk';
    line-height: 28px;
}

.ab-ttl img{
  float:left;
  border-radius: 15px;
  margin-right: 20px;
}




.or-stro{
    float: left;
    /* width: 100%; */
    text-align: center;
    font-size: 15px;
    color: #d0e6f1;
    /* letter-spacing: 1px; */
    text-align: left;
    /* background: #201f1f; */
    border-radius: 50px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    background: #020B16;
    /* background: linear-gradient(174deg,rgb(0 0 0) 0%, rgba(41, 47, 61, 1) 100%); */
}


.or-stro::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #201f1f;
    border-radius: 50px;
    z-index: -1;
    background: #020B16;
    background: linear-gradient(174deg,rgba(2, 11, 22, 1) 0%, rgb(28 31 38) 100%);
    /* border: solid 1px rgb(75 165 206 / 19%); */
}


.or-stro::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;
    background: conic-gradient( from 0deg, transparent, transparent, #4ba5ce, transparent, transparent );
    animation: rotateBorder 3s linear infinite;
    z-index: -1;
}

#sec-pages h3{
    float: left;
    width: 65%;
    color: rgb(255 255 255);
    font-weight: 500;
    font-size: 35px;
    line-height: 45px;
}

.story-shr{
  float: left;
  margin-top: 20px;
  width:70%;
}

.story-shr p {
     float: left; 
     width: 100%; 
    color: rgb(255 255 255 / 81%);
    font-size: 16px;
    font-family: 'Overused Grotesk';
    line-height: 28px;
}

.story-lst{
  float:left;
  width:30%;
  padding-left: 28px;
}

.story-lst li{
  float:left;
  width:100%;
  color: rgb(255 255 255 / 81%);
  font-size: 16px;
  padding-bottom: 10px;
}


.mv-sections{
  float:left;
  width:100%;
  margin-top:40px; margin-bottom:50px;
}

.vs-bg{
    float: left;
    width: 100%;
    padding:30px;
    background: #0a1222;
    border-radius: 10px;
}

.vs-bg h4{
    float: left;
    width: 100%;
    color: white;
    font-size: 25px;
    font-weight: 600;
}

.vs-bg p{
  float:left;
  width:100%;
  color: rgb(255 255 255 / 81%);
  font-size: 16px;
  font-family: 'Overused Grotesk';
  line-height: 28px;
}

.psh-lft{
  float:left;
}

.counter-abts{
  float:left;
  width:100%;
  margin-top:40px;
}

.counter-abts h3{
  float:left !important;
  width:100% !important;
  color: rgb(255 255 255 / 81%) !important;
  font-size:24px !important;
  font-weight:600 !important;
}


.business-titels{
  float:left;
  width:100%;
  color:white;
  font-size:21px;
}

.business-details{
  float:left;
  width:100%;
  color: rgb(255 255 255 / 81%);
  font-size: 16px;
  font-family: 'Overused Grotesk';
  line-height: 26px;
  font-weight: 400;
  padding-top: 8px;
}


#market-sec{
  float:left;
  width:100%;
  padding-top: 50px;
  padding-bottom:110px;
  background:#020711;
}


.ab-ttl-news{
  float:left;
  width:100%;
}


.ab-ttl-news h2 {
   /* float: left; */
    /* width: 100%; */
    color: white;
    font-size: 37px;
    line-height: 45px;
    margin-bottom: 14px;
}

.ab-ttl-news p{
    /* float: left; */
    /* width: 100%; */
    color: rgb(255 255 255 / 81%);
    font-size: 16px;
    font-family: 'Overused Grotesk';
    line-height: 28px;
}

.ab-ttl-news img{
    float: right;
    border-radius: 15px;
    margin-left: 20px;
}




.glass-blogs{
    float: left;
    /* width: 100%; */
    text-align: center;
    font-size: 15px;
    color: #d0e6f1;
    /* letter-spacing: 1px; */
    text-align: left;
    /* background: #201f1f; */
    border-radius: 50px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    background: #020B16;
    /* background: linear-gradient(174deg,rgb(0 0 0) 0%, rgba(41, 47, 61, 1) 100%); */
}


.glass-blogs::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #201f1f;
    border-radius: 50px;
    z-index: -1;
    background: #020B16;
    background: linear-gradient(174deg,rgba(2, 11, 22, 1) 0%, rgb(28 31 38) 100%);
    /* border: solid 1px rgb(75 165 206 / 19%); */
}


.glass-blogs::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;
    background: conic-gradient( from 0deg, transparent, transparent, #4ba5ce, transparent, transparent );
    animation: rotateBorder 3s linear infinite;
    z-index: -1;
}

.glass-ag-titels{
    float: left;
    width: 100%;
    color: white;
    font-size: 37px;
    line-height: 47px;
    margin-bottom: 14px;
}

.blog-listing{
  float:left;
  width:100%;
  margin-top:5px;
}

.blg-imgs{
  float:left;
  width:100%;
}

.blg-imgs img{
  float:left;
  width:100%;
  border-radius:10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blg-bg{
  float:left;
  width:100%;
  padding:20px;
  background: linear-gradient(145deg, #0b0f1a, #05070d);
  border: 1px solid rgba(255,255,255,0.04);
  margin-bottom: 45px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.blg-bg h2{
    float: left;
    width: 100%;
    color: white;
    font-size: 22px;
    line-height: 28px;
    margin-top: 20px;
}

.blg-bg p{
    float: left;
    width: 100%;
    color: rgb(255 255 255 / 81%);
    font-size: 16px;
    padding-top: 5px;
    font-family: 'Overused Grotesk';
    line-height: 28px;
}

.pub{
    float: left;
    /* width: 100%; */
    background-color: #3a3939;
    border-radius: 50px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 15px;
    font-weight: 500;
    color: white;
    /* text-transform: uppercase; */
    /* border-bottom: solid 1px rgb(255 255 255 / 24%); */
    margin-top: 8px;
}




.nav-blog{
    float: left;
    height: 53px;
    width: 158px;
    background-color: white;
    border-radius: 50px;
    color: black;
    font-size: 16px;
    text-align: left;
    padding-top: 13px;
    font-weight: 500;
    margin-bottom: 9px;
    padding-left: 15px;
    margin-top: 5px;
}

.nav-blog:hover{
  background-color:#2d83ab;
  text-decoration:none;
  color:white;
}

.nav-blog span{
  height:36px;
  width:36px;
  float:right;
  background-color:#3aaade;
  border-radius: 50px;
  position: relative;
  top: -5px;
  left: -12px;
  text-align: center;
}

.nav-blog span img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 20px;
    margin-left: 0px;
    border-radius: 0px;
    float: none;
    margin-top: 8px;
    margin-left: -1px;
}

.blg-lft{
  float:left;
}


.radius-brd{
      border-radius: 10px !important;
}


.mt25{
  margin-top:25px;
}

.detail-pra{
  float:left;
  width:100%;
  margin-top: 25px;
}

.detail-pra p{
    float: left;
    width: 100%;
    color: rgb(255 255 255 / 81%);
    font-size: 16px;
    font-family: 'Overused Grotesk';
    line-height: 28px;
}

.related-blogs{
  float:left;
  width:100%;
  background-color:#24282f;
  padding: 25px;
  border-radius: 15px;
}

.related-blogs h4 {
    float: left;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 15px;
    text-align: center;
    background:#020711;
    border-radius: 10px;
    margin-bottom: 35px;
}


.rn-hvr{
    float: left;
    width: 100%;
    color: #000;
    font-weight: 500;
    border-bottom: solid 1px rgb(255 255 255 / 12%);
    margin-bottom: 20px;
    padding-bottom:15px;
}

.rn-hvr h5{
    font-size: 17px;
    float: left;
    width: 100%;
    margin-top: 14px;
    line-height: 25px;
    color:white;
    font-weight: 400;
}

.rn-hvr:hover{
  color:#ed1c24;
}

.rn-hvr span{
    float: left;
    background-color: #393a3d;
    color: white;
    font-size: 13px;
    border-radius: 50px;
    padding: 5px;
    padding-left: 12px;
    padding-right: 15px;
}

.contact-head{
    float: left;
    width: 100%;
    color: white;
    font-size: 48px;
    font-weight: 600;
    line-height: 53px;
    margin-top: 10px;
    margin-bottom: 50px;
}

.address-list{
  float:left;
  width:100%;
  color: white;
}

.address-list h2{
  float:left;
  width:100%;
  color:white;
  font-size:20px;
  font-weight:500;
  margin-bottom:13px;
}

.address-list p{
    float: left;
    width: 100%;
    color: rgb(255 255 255 / 81%);
    font-size: 17px;
    font-family: 'Overused Grotesk';
    line-height: 27px;
}

.cs-pt{
  float:left;
  width:100%;
  color: rgb(255 255 255 / 81%);
  font-size: 17px;
  font-family: 'Overused Grotesk';
  line-height: 27px;
  font-weight:400;
  margin-bottom: 6px;
}

.cs-pt:hover{
  color:white;
}

.share-vision{
   float:left;
  width:100%;
  
}

.share-vision p{
    color: rgb(255 255 255);
    font-size: 23px;
    font-weight: 600 !important;
    line-height: 29px;
    text-align: left;
    padding-top: 80px;
}

.address-list img{
    width: 55px;
    margin-bottom: 22px;
}



.cnt-frm{
  float:left;
  width:100%;
  /* padding-left:25px; */
  margin-top: 20px;
}

.cnt-frm form{
  float:left;
  width:100%;
  background: #202022;
  padding: 25px;
  border-radius: 20px;
  margin-top: 15px;
}

.cnt-frm h3{
    float: left;
    width: 100%;
    color: black;
    font-size: 30px;
    font-weight: 600;
}

.cnt-frm p{
    float: left;
    width: 100%;
        color: rgb(255 255 255 / 81%);
    font-size: 17px;
    font-family: 'Overused Grotesk';
    line-height: 27px;
    padding-top: 5px;
}


.tlt-hlp {
    float: left;
    width: 100%;
    color: white;
    font-size: 15px;
    padding-bottom: 6px;
    font-weight: 500;
    margin-top: 9px;
}

.career-frmcnt {
    border: 1px solid rgb(255 255 255 / 30%) !important;
    color: white;
    display: block;
    padding-left: 15px !important;
    font-weight: 400;
    font-size: 15px;
    height: 52px;
    margin-bottom: 5px !important;
    padding: 0 20px;
    outline: none;
    background-color: #202022 !important;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    /* border: solid 1px rgb(255 255 255 / 32%); */
    margin-top: 3px;
    width: 100%;
    border-radius: 8px !important;
    float: left;
    padding: 7px 10px;
    margin-top: 3px;
    border-radius: 2px;
}




.nav-frmc{
    float: left;
    height: 60px;
    width: 200px;
    background-color: white;
    border-radius: 50px;
    color: black;
    font-size: 16px;
    text-align: left;
    padding-top: 13px;
    font-weight: 500;
    margin-top:11px !important;
    padding-left: 15px;
    margin-top: 5px;
    border: none;
    outline: none;
    cursor: pointer;
}

.nav-frmc:hover{
  background-color:#2d83ab;
  text-decoration:none;
  color:white;
}

.nav-frmc span{
  height:36px;
  width:36px;
  float:right;
  background-color:#3aaade;
  border-radius: 50px;
  position: relative;
  top: -5px;
  left: -7px;
  text-align: center;
}

.nav-frmc span img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 20px;
    margin-left: 0px;
    border-radius: 0px;
    float: none;
    margin-top: 8px;
    margin-left: -1px;
}


.map-list{
  float:left;
  width:100%;
  margin-top:25px;
}

.map-list iframe{
  border-radius: 20px;
}


/* ========================================= */
/* [Widget] Tabs — Core                      */
/* ========================================= */

/* Scrollbar hidden */
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar { height: 0; }
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar-track,
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar-thumb { display: none; }

/* Controls wrapper */
[data-widget="tabs"] .tabs-controls {
   margin-bottom: var(--gap-500, 24px);
  width: 100%;
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: flex-start; */
  gap: var(--gap-500, 24px);
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
}

/* Individual control button */
[data-widget="tabs"] .tabs-control {
  width: auto;
  position: relative;
  padding-block: var(--gap-200, 8px);
  font-family: var(--ff-heading, sans-serif);
  font-size: var(--fs-300, 13px);
  color: var(--color-text, #4D6B8C);
  text-transform: uppercase;
  cursor: pointer;
  flex-shrink: 0;
  background: none;
  border: none;
  outline: none;
}

/* Underline indicator (default) */
[data-widget="tabs"] .tabs-control[aria-selected]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: var(--color-accent, #014A99);
  transition: var(--trans, all 250ms ease-in-out);
}

/* Active state */
[data-widget="tabs"] .tabs-control[aria-selected="true"] {
  color: var(--color-heading, #014A99);
}
[data-widget="tabs"] .tabs-control[aria-selected="true"]::before {
  height: 2px;
}

/* Panel visibility */
[data-widget="tabs"] .tabs-panel[aria-selected="false"] { display: none; }
[data-widget="tabs"] .tabs-panel[aria-selected="true"]  { display: flex; }

/* Description text */
[data-widget="tabs"] .tabs-panel .item__description {
  color: var(--color-text, #4D6B8C);
}

/* Desktop: allow buttons to shrink */
@media (min-width: 1025px) {
  [data-widget="tabs"] .tabs-control { flex-shrink: 1; }
}

/* ========================================= */
/* [Widget] Tabs — Fancy Indicator           */
/* ========================================= */

/* Controls wrapper with pill background */
[data-widget="tabs"] [data-type="fancy"].tabs-controls {
  width: auto;
  position: relative;
  /* display: inline-flex; background-color: #111010; */
  gap: 0;
  
  border-radius:0px;
  isolation: isolate;
  /* float: left; */
  /* width: 100%; */
  margin-bottom: 45px;
  margin-top: 10px;
  border-top: solid 1px rgb(255 255 255 / 19%);
    border-bottom: solid 1px rgb(255 255 255 / 19%);
}

/* Sliding indicator (pseudo-element driven by JS vars) */
[data-widget="tabs"] [data-type="fancy"].tabs-controls::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--active-button-offset, 0px);
  width: var(--active-button-width, 0px);
  height: 100%;
  background-color: #fff;
  border-radius: var(--br-elements, 32px);
  transition: var(--trans, all 250ms ease-in-out);
  transition-duration: var(--trans-duration-500, 375ms);
  z-index: -1;
}

/* Fancy control buttons */
[data-widget="tabs"] [data-type="fancy"].tabs-controls .tabs-control {
 padding-left: 45px;
    padding-right: 39px;
  height: var(--height-form-items, 56px);
  /* font-family: var(--ff-heading-500, sans-serif); */
  font-size: 14px;
  color: #fff;
  transition-delay: calc(var(--trans-duration-500, 375ms) / 2);
  letter-spacing: 1px;
  font-weight: 500;
}
[data-widget="tabs"] [data-type="fancy"].tabs-controls .tabs-control[aria-selected="true"] {
  color: #000;
}

/* Remove default underline on fancy controls */
[data-widget="tabs"] [data-type="fancy"].tabs-controls .tabs-control::before {
  content: unset;
}


.enlarge-co{
         float: right;
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 11;
    border-bottom-left-radius: 9px;
    text-align: center;
    padding-top: 6px;
    top:0;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    right:15px;    
    background: rgb(0 0 0 / 64%);
}

.enlarge-co img{
    width: 27px !important;
    left: 1px;
    position: relative;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    object-fit: unset;
    height: auto;
    top: 4px;
}

.image-project{
  float:left;
  width:100%;
}

.image-project img{
  width:100%;
  border-radius: 10px; 
}

.pro-details{
    float: left;
    width: 100%;
    border-radius: 8px;
    padding: 10px;
    background: #10192b;
    margin-top: 14px;
    cursor:pointer;
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
margin-bottom: 40px;
}

.pro-details:hover{
  background-color: #2d83ab;
  text-decoration:none;
  text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.pro-details h3{
    float: left !important;
    width: 100% !important;
    color: white !important;
    font-size: 19px !important;
    letter-spacing: 0px;
    margin-bottom: 0px;
    padding-left: 10px;
}

.pro-details h4{
    float: left !important;
    color: #dcd1d1;
    width: 100% !important;
    font-weight: 400;
    font-size: 17px;
    padding-left: 7px;
    margin-top: 5px;
}

.pro-details h4 img{
  float:left;
  width: 24px;
  margin-top: -2px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0.6;
  margin-right: 5px;
}

.push-left{
  float:left;
}


.crf {
    float: left;
    width: 100%;
    /* margin-top: 20px; */
    margin-bottom: 30px;
}



.cf-nw {
    border: 1px solid rgb(255 255 255 / 36%) !important;
    color: white;
    display: block;
    padding-left: 15px !important;
    font-weight: 400;
    font-size: 15px;
    height: 52px;
    margin-bottom: 5px !important;
    padding: 0 20px;
    outline: none;
    background-color: #020711 !important;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    /* border: solid 1px rgb(255 255 255 / 32%); */
    margin-top: 3px;
    width: 100%;
    border-radius: 8px !important;
    float: left;
    padding: 7px 10px;
    margin-top: 3px;
    border-radius: 2px;
}

#job-glass{
  float:left;
  width:100%;
  background-color: #020711;
  padding-bottom:45px;
  padding-top:15px;
}

.why-glass{
  float:left;
  width:100%;
  margin-bottom: 35px;
}

.why-glass h2{
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;

}

.why-glass p{
    float: left;
    width: 100%;
    color: rgb(255 255 255 / 81%);
    font-size: 16px;
    font-family: 'Overused Grotesk';
    line-height: 28px;
    padding-top: 3px;
    padding-right: 65px;
}

.tag-pnt{
  float:left;
  width:100%;
  margin-top:7px;
}

.tag-cr{
    float: left;
    border-radius: 50px;
    background: linear-gradient(174deg,rgb(34 40 47) 0%, rgb(28 31 38) 100%);
    color: rgb(255 255 255 / 93%);
    padding: 13px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 19px;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 500;
}

.ox-hvr{
  float:left;
  width:100%;
  color:#3c3b3b;
}

.ox-hvr:hover{
  color: #0e68ae !important;
}


#sr-chse{
    background:#020711;
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
}


.grid-acp{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
  float: left;
  width: 100%;
}

.card-acp{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;
  padding:30px;
  backdrop-filter:blur(20px);
  transition:all 0.4s ease;
  position:relative;
  overflow:hidden;
  padding-top: 24px;
  padding-bottom: 24px;
}

.card-acp::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(120deg, transparent, rgb(58 170 222 / 9%), transparent);
  opacity:0;
  transition:0.4s;
}

.card-acp:hover::before{
  opacity:1;
}

.card-acp:hover{
  transform:translateY(-10px) scale(1.02);
  border-color: rgb(58 170 222 / 37%);
}

.icon-acp{
  font-size:28px;
  margin-bottom:20px;
  color:#ffcc00;
  display: none;
}

.card-acp h3{
  font-size:20px;
  margin-bottom:10px;
  color: white;
  font-family: 'Overused Grotesk';
  line-height: 30px;
}

.card-acp p{
  color:#aaa;
  font-size:14px;
  line-height:1.6;
  color: rgb(255 255 255 / 81%);
  font-size: 16px;
  font-family: 'Overused Grotesk';
  line-height: 28px;
  float: left;
  width: 100%;
}

.number-acp{
    /* position: absolute; */
    top: 20px;
    right: 20px;
    font-size: 35px;
    font-weight: 600;
    color: rgb(199 222 255 / 33%);
    margin-bottom: 17px;
    border-bottom: solid 1px rgb(41 48 61);
    padding-bottom: 4px;
    /* border-top: solid 1px rgb(41 48 61); */
}

#acp-wrk{
    background: #020711;
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-bottom:80px;
}

.about-facility-item {
    width: calc(33.33% - 20px);
    display: flex;
    margin-top: 33px;
    /* float: left; */
    /* margin-bottom: 20px; */
}

.about-facility-content h3 {
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 500;
}

.about-facility-content p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    color: #ccc;
    color: rgb(255 255 255 / 81%);
    font-size: 16px;
    font-family: 'Overused Grotesk';
    line-height: 28px;
    /* padding-right: 20px; */
}

.about-facility-item .icon-box-inner {
    position: relative;
    height: 60px;
    width: 60px;
    background-color: #1f2c46;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.about-facility-item .icon-box-inner img {
    max-width: 34px;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.about-facility-item .icon-box-inner:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.about-facility-item:hover .icon-box-inner {
  
    background-color:#173461;
}


.about-facility-list {
    /* padding-top: 160px; */
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    float: left;
    width: 100%;
}

.about-facility-content {
    width: calc(100% - 80px);
}




.rdg {
  background-color: #0a1222;
  background: linear-gradient(90deg,rgb(10 18 34) 0%, rgb(2 7 17) 100%);
   background-size: 200% 100%; /* Stretch it so there is room to slide */
   animation: gradientMove 3s linear infinite;
}

.rdg-v {
    background-color: #0a1222;
    background: linear-gradient(90deg,rgb(2 7 17) 0%, rgb(14 25 47) 100%);
    background-size: 200% 100%;
    animation: gradientMove 3s linear infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: -100% 0%;
    }
}


@media only screen and (max-width:850px) {
.cntwd{float:left; width:100%; flex:100%; min-width:100%; max-width:100%;}
.share-vision p{padding-top: 15px;}
.address-list{margin-bottom:15px;}
}

@media only screen and (max-width:860px) {
.contact-head{font-size:40px; line-height:45px;}
#panel-three h4{font-size:40px; line-height:45px;}
#panel-four h4 {font-size:40px; line-height:45px;}

.srv-sections h4{font-size:40px; line-height:45px;}

#panel-five h4{font-size:40px; line-height:45px;}
#panel-six h4{font-size:40px;}
#panel-seven h4{font-size:40px; line-height:45px;}
}

@media only screen and (max-width:790px) {
.google-tags{float:left; margin-top:0px; margin-bottom:25px;}
#panel-five h4{ margin-bottom: 25px;}
}

@media only screen and (max-width:860px) {
.tp-section-subtitle{display:none;}
.ar-about-us-4-icon{display:none;}
.bnr-abt{justify-content: left !important;  margin-top:10px;}
#page-inner h1{font-size:45px; line-height:50px;}
}

@media only screen and (max-width:533px) {
.contact-head{font-size:32px; line-height:35px;}
#panel-three h4{font-size:27px; line-height:35px;}
.ab-ttl h2{font-size:27px; line-height:35px;}
#sec-pages h3{font-size: 27px; line-height:35px;}
.ab-ttl-news h2{font-size:27px; line-height:35px;}
#panel-four h4{font-size:27px; line-height:35px;}

.srv-sections h4{font-size:27px; line-height:35px;}

#panel-five h4{font-size:27px; line-height:35px;}
#panel-six h4{font-size:27px;}
#panel-seven h4{font-size:27px; line-height:35px;}
}


@media only screen and (max-width:574px) {
#page-inner p{display:none;}
}

@media only screen and (max-width:921px) {
.tag-cr{float:left; width:100%;}
}

@media only screen and (max-width:767px) {
.tag-cr{width:auto;}
}

@media only screen and (max-width:460px) {
.tag-cr{float:left; width:100%;}
.why-glass p{padding-right:0px;}
}

@media only screen and (max-width:980px) {
.p6-carousel{padding-left: 0px;}
    
}

@media only screen and (max-width:790px) {
.p6-carousel .owl-nav{display:none;}
.p7-carousel .owl-nav{display:none;}
}

@media only screen and (max-width:1067px) {
.nav-enqn{display:none !important;}
    
}


@media only screen and (max-width:370px) {
.contact-head{font-size:28px; line-height:30px; margin-bottom:40px;}
#panel-four h4{font-size:27px; line-height:30px;}
#panel-three h4{font-size:28px; line-height:30px; margin-bottom:40px;}
.pub{padding-right: 14px; padding-left: 14px; padding-top: 9px; padding-bottom: 9px; font-size: 13px;}
.blg-bg h2{font-size:20px; line-height:26px; margin-top:20px;}

.srv-sections h4{font-size:28px; line-height:30px;}

#panel-five h4 {font-size:27px; line-height:30px;}
#panel-six h4{font-size:27px;}
#panel-seven h4 {font-size:27px; line-height:30px;}
}

@media only screen and (max-width:628px) {
.glass-ag-titels{    font-size: 30px; line-height: 35px;}
}


@media only screen and (max-width:444px) {
[data-widget="tabs"] [data-type="fancy"].tabs-controls::before{
  height: 50% !important; background-color: rgb(255 255 255 / 0%) !important;}
  [data-widget="tabs"] [data-type="fancy"].tabs-controls .tabs-control[aria-selected="true"]{
        color: #8fcfff !important; text-decoration: underline !important;}
 [data-widget="tabs"] [data-type="fancy"].tabs-controls .tabs-control{ height: 35px !important; padding-left:15px !important; padding-right:15px !important; }

[data-widget="tabs"] [data-type="fancy"].tabs-controls{padding-top: 17px;
    padding-bottom: 17px;}
}


@media only screen and (max-width:900px) {
.ab-ttl h2{float:left; width:100%;}
.ab-ttl p{float:left; width:100%;}
.ab-ttl img{margin-bottom:25px;}

.ab-ttl-news h2{float:left; width:100%;}
.ab-ttl-news p{float:left; width:100%;}
.ab-ttl-news img{margin-bottom:25px; float:left; margin-left:0px;}
#market-sec{padding-top: 10px;}
}

@media only screen and (max-width:645px) {
.ab-ttl img{width:100%; float:left !important;}
.ab-ttl-news img{width:100%; float:left !important;}
}

@media only screen and (max-width:800px) {
.about-facility-list{display:inline;}
.about-facility-item{width:50%; display:inline; float:left;}
.about-facility-item .icon-box-inner{margin-bottom:10px;}
.about-facility-content{ width:100%; float:left; padding-right:20px;}
}

@media only screen and (max-width:530px) {
.about-facility-item{width:100%; display:inline; float:left;}
.about-facility-item{margin-top:0px; margin-bottom:30px;}
}


@media only screen and (max-width:767px) {
.rdg{margin-bottom:25px;}
.cnt50{float:left; width:50%; min-width:50%; flex:50%; margin-bottom:15px;}
}

@media only screen and (max-width:1130px) {
.story-shr{float:left; width:100%;}
.story-lst{float:left; width:100%; padding-left:0px;}
.story-lst li{width:auto; padding-right: 15px;}
#sec-pages h3{width:100%;}
}


@media only screen and (max-width:1187px) {
.cta-one{padding-top: 20px}
}


@media only screen and (max-width:822px) {
.counter-abts h3{line-height: 26px !important; font-size:18px !important;}
}


@media only screen and (max-width:976px) {
.rd50{float:left; width:50%; min-width:50%; flex:50%;}
.service-card-new{margin-bottom:30px;}
}

@media only screen and (max-width:580px) {
.rd50{float:left; width:100%; min-width:100%; flex:100%;}
}


@media only screen and (max-width:1187px) {
.cta-one h5{width:50%; float:left; font-size:43px; line-height:45px;}
.cta-one p{padding-top: 10px;}
.cta-one{padding-top:38px;}
}

@media only screen and (max-width:851px) {
.cta-one h5{width: 65%; float:left; font-size:39px;}
.cta-one p {width: 60%; float:left;}
}


@media only screen and (max-width:650px) {
.cta-one{background-size: 1090px;}
}


@media only screen and (max-width:635px) {
.cta-one h5{font-size:30px; line-height:38px;}
.cta-one{background-size: 1065px;}
}

@media only screen and (max-width:571px) {
.cta-one h5{font-size:30px; line-height:38px; width:85%;}
.cta-one{background-size: 1065px;}
.cta-one p{width:80% !important;}
.cta-one{ background-size: 950px;}
.nav-enq{margin-top:0px;}
}

@media only screen and (max-width:557px) {
.cta-one{padding-left:24px; padding-right:24px;}
.cta-one h5{font-size:25px; line-height:30px; width:100%;}
.cta-one p{padding-top:0px;}
}

@media only screen and (max-width:323px) {
.cta-one{padding-top:19px; background-size: cover;}
}


@media only screen and (max-width:768px) {
.scroll-fill-text .word{font-size:29px;}
}


@media only screen and (max-width:1224px) {
.abtpanels img{width:480px;}
}

@media only screen and (max-width:1140px) {
.abtpanels img{width:440px;}
}

@media only screen and (max-width:1076px) {
.abtpanels img{width:440px;}
.mb-nva{float:left; width:100%;}
}

@media only screen and (max-width:1056px) {
.odo-50{width:23%;}
}

@media only screen and (max-width:1017px) {
.odo-margin{ margin-right: 20px;}
}


@media only screen and (max-width:998px) {
.abtpanels p{float:left; width:100%;}
.abtpanels img{width:520px; float:left; margin-left:0px; margin-bottom:20px;}
.odo-50{width:45%; float:left;}
}

@media only screen and (max-width:590px) {
.abtpanels img{width:100%;}
}

@media only screen and (max-width:360px) {
.odo-50{width:100%; margin-right:0px; float:left;}
}


@media only screen and (max-width:700px) {
.weather-content h2{font-size:35px;}
}

@media only screen and (max-width:550px) {
.weather-content h2{font-size:30px;}
.wnd-lg img{width:100%;}
}

@media only screen and (max-width:500px) {
.weather-content{padding-top:28px;}
.weather-tabs{bottom:-200px;}
}

@media only screen and (max-width:448px) {
.weather-tabs{bottom:-170px;}
}

@media only screen and (max-width:380px) {
.weather-content h2{font-size:23px;}
.weather-tabs{bottom:-150px;}
.rating{font-size: 13px;}
}

@media only screen and (max-width:1200px) {
.client-card img{width:125px;}
}


@media only screen and (max-width:670px) {
.quote-icon img{ width:40px;}
.stars img{width:60px !important;}
.title-rv{line-height: 25px; float:left; width:100%;}
}


@media only screen and (max-width:575px) {
.testimonial-card{width:100%; float:left; max-width:100%;}
}

@media only screen and (max-width:600px) {
.iso-section{float:left; width:100%;}
}

@media only screen and (max-width:1160px) {
.call-dtls{padding-left: 20px;}
}

@media only screen and (max-width:900px) {
.ftr-logo img{width:620px;}
}

@media only screen and (max-width:870px) {
#footer .col-md-4{width:50%; min-width:50%; max-width:50%; flex:50%;}
.ftr-flmd {width:100% !important; min-width:100% !important; max-width:100% !important; flex:100% !important;}
#footer h2{padding-top:20px;   border-bottom: solid 1px rgb(58 170 222 / 37%);}
.ftr-navigation{margin-bottom:15px;}
.call-sec{margin-top:25px; margin-bottom:0px; width:50%; float:left;}
.call-dtls{padding-left:5px;}
}

@media only screen and (max-width:700px) {
.ftr-logo img{width:470px;}
.call-dtls{padding-left:9px;}
}

@media only screen and (max-width:600px) {
.call-sec{width:100%;}
.call-bx{width:auto; margin-right:5px;}
}

@media only screen and (max-width:530px) {
.ftr-logo img{width:300px;}
}

@media only screen and (max-width:387px) {
.call-dtls{width:80%;}
}

@media only screen and (max-width:340px) {
.ftr-logo img{width:200px;}
}

@media only screen and (max-width:790px) {
.cpr{float:right; width:100%; margin-bottom:20px;}
.cpr::before{display:none;}
.gls-social{float:left;}
.copyright{padding-top:8px;}
.cpr strong{margin-left:15px;}
}


@media only screen and (max-width:1124px) {
.faq-header h4{font-size:19px !important;}
.faq-content p{font-size:18px; padding-left:0px; line-height: 28px;}
}

@media only screen and (max-width:1017px) {
.faq-mbv{width:100%; min-width:100%; max-width:100%; flex:100%;}
.video-tags{width:50%; float:left;}
.broucher-tag{width:50%; float:left;}
}

@media only screen and (max-width:670px) {
.video-tags{width:100%; float:left;}
.broucher-tag{width:100%; float:left; background-size: auto;}
}

@media only screen and (max-width:1280px) {
.subtract-top{background-size: contain;}
}

@media only screen and (max-width:1200px) {
.subt-head h2{font-size:35px; line-height:39px;}
.di-icon img{width:75px;}
.di-icon{margin-top: 18px;}
.di-icon-aw{margin-top:30px;}
.di-icon-aw img{width:75px;}
}

@media only screen and (max-width:1050px) {
.subt-head h2{font-size:29px; line-height:32px;}
.subt-head{font-size:15px; padding-top:20px;}
.subt-head img {width:20px;}
}

@media only screen and (max-width:1260px) {
.awards{background-size: 267px 386px;}
}

@media only screen and (max-width:1144px) {
.dimond h4{line-height:23px !important;}
.awards h4{line-height:23px !important;}
}


@media only screen and (max-width:1143px) {
.wy-md{float:left; flex:100%; min-width:100%; max-width:100%; width:100%;}
.tag-one{width:50%; float:left; height: 360px; margin-bottom: 25px;}
.tag-two{width:50%; float:left; background-size: cover !important; margin-top:0px; height: 360px; margin-bottom: 25px;}
.tag-two p{padding-top:20px;}
.tag-three{width:50%; float:left;}
.tag-four{width:50%; float:left;}

.tag-four img{height:auto;}
.tag-three{margin-top:16px;}

.subtract-top{width:50%; background: linear-gradient(98deg, rgba(1, 23, 31, 1) 0%, rgb(15 54 72) 100%); border-radius: 20px; height:185px;}
.subt-head{padding-top:30px; padding-bottom:30px;}
.subtract-center{margin-top:0px; width:50%; background: linear-gradient(98deg, rgba(1, 23, 31, 1) 0%, rgb(15 54 72) 100%); border-radius: 20px; height: 185px;}
.subtract-center img{width:125px;}
.subtract-bottom{margin-top:25px;}

.dimond{background:#082033; border-radius:20px; height: 100%; padding-bottom: 40px;}
.awards{background:#082033; border-radius:20px; height: 100%; padding-bottom: 40px;}
.di-icon img{width:110px !important;}
.di-icon-aw img{width:110px !important;}
}

@media only screen and (max-width:630px) {
.subt-head h2{font-size:25px; line-height:29px;}
}

@media only screen and (max-width:522px) {
.tag-one p{ line-height:26px; font-size:22px;}
}

@media only screen and (max-width:520px) {
.subtract-top{width:100%; height:100%;}
.subtract-center{display:none;}
.dimond{ width:100%; float:left; margin-bottom: 25px;}
.awards{ width:100%; float:left; margin-bottom:8px;}
.lg-theme{display:none;}
.lg-theme-aw{display:none;}
.hero{height: 75vh;}
.swiper-slide{background-position: center; }
}

@media only screen and (max-width:860px) {
.tag-two h4{height:50px;}
}

@media only screen and (max-width:460px) {
.tag-one{width:100%; float:left; height:100%;}
.tag-two{width:100%; float:left; height:100%;}
}

@media only screen and (max-width:860px) {
.tag-three h4{height:50px;}
}

@media only screen and (max-width:700px) {
.tag-four img{display:none;}
.tg-three-3{display:none;}
.tag-three{padding-top: 55px; height:240px;}
.tag-four{padding-bottom:35px; height:240px;}
}

@media only screen and (max-width:517px) {
.tag-three{width:100%; float:left; height:100%;}
.tag-four{width:100%; float:left; height:100%;}
#panel-three h4{height:50px;}
}


@media only screen and (max-width:600px) {
.faq-number{display:none;}
.faq-left{padding-left:14px;}
.faq-header h4{text-align:left !important;     line-height: 25px !important;}
}


@media only screen and (max-width:1040px) {
.sg-icons{width:40px; margin-right:7px;}
.feature{font-size:16px; line-height:21px;}
.slide-features{gap: 10px;}
.slide-content{bottom:30px;}
}

@media only screen and (max-width:767px) {
.modal-content{ padding:15px !important;}
.frmq-50{float:left; flex:50% !important; width:50% !important; min-width:50% !important; max-width:50% !important;}
.modal-header-form p{display:none !important;} 
.modal-header-form{margin-bottom:0px; padding-bottom:5px;}
}

@media only screen and (max-width:1000px) {
.project-card{display:none;}
.swipn-arrows{display:none;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{right: 50px !important;}
}

@media only screen and (max-width:760px) {
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{display:none;}
}

@media only screen and (max-width:520px) {
.feature{display:none;}
.slide-title{margin-bottom:0px;}
}

@media only screen and (max-width:544px) {
#page-inner h1{font-size:40px; line-height:47px; text-align:center;}
}

@media only screen and (max-width:1057px) {
.counter-abts h3{font-size: 20px !important; line-height: 24px !important;}
.at-icons img{width:60px !important; margin-bottom:3px !important;}
}


@media only screen and (max-width:991px) {
.header .item-center{border:none !important;}
}


@media (min-width:1340px) and (max-width:1361px) {
.lg-theme-aw img{left:-19px;}
}

@media (min-width:1362px) and (max-width:1376px) {
.lg-theme-aw img{left:-22px;}
}

@media (min-width:1362px) and (max-width:2000px) {
.subtract-top{background-size:599px;}
.subtract-bottom {margin-top:-53px;}
.awards{background-size: 290px 386px;}
.lg-theme-aw img {left:-10px;}
}

@media (min-width:1390px) and (max-width:2000px) {
.lg-theme-aw img { left:-20px;}
}

@media (min-width:1400px) and (max-width:2000px) {
.subtract-center img{left:0px; top:50px;}
}

@media (min-width:1430px) and (max-width:2000px) {
.lg-theme-aw img { left:-30px;}
}

@media (min-width:1372px) and (max-width:2000px) {
.dwn-brocher{bottom: -83px;}
}

@media (min-width:1389px) and (max-width:2000px) {
.broucher-tag{background-position-x:0; background-position-y:0; background-size:cover;}
}

@media (min-width:1480px) and (max-width:2000px) {
.subtract-top{background-size: 650px 379px;}
.awards{background-size: 306px 386px; width: 47%;}
.dimond{width:51%; background-size: 319px 386px; }
.subtract-center img {left:10px; top:40px;}
.tag-four img{height:159px;}
.lg-theme-aw img { left:-10px;}
}

@media (min-width:1362px) and (max-width:1363px) {
.tag-two{height:394px; background-size: 288px 404px !important;}
}

@media (min-width:1364px) and (max-width:1399px) {
.tag-two{/* height:427px; */ background-size: 288px 433px !important; padding-top: 60px;}
}

@media (min-width:1400px) and (max-width:2000px) {
.tag-two{height:427px; background-size: 302px 433px !important; padding-top: 60px;}
}

@media (min-width:1470px) and (max-width:2000px) {
.tag-two{height:427px; background-size: 346px 433px !important; padding-top: 60px;}
}

@media (min-width:1365px) and (max-width:2000px) {
.cta-one{background-size: cover;}
}

@media (min-width:1550px) and (max-width:1600px) {
.p6-carousel{padding-left: 90px;}
}

@media (min-width:1600px) and (max-width:1650px) {
.p6-carousel{padding-left:115px;}
}

@media (min-width:1650px) and (max-width:2000px) {
.p6-carousel{padding-left:145px;}
}

.at-icons{
  float:left;
  width:100%;
}

.at-icons img{
  width: 80px;
  margin-bottom: 10px;
}


/* TEXT animations */
.fadeInUp {
    animation: fadeInUp 1s ease forwards;
}
.fadeOutDown {
    animation: fadeOutDown 0.8s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-40px);
    }
}

/* IMAGE animations */
.zoomIn {
    animation: zoomIn 1s ease forwards;
}
.zoomOut {
    animation: zoomOut 0.8s ease forwards;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}
[data-aos="fire"] {
  opacity: 0;
  transform: scale(0.3) translateY(100px);
  filter: brightness(2) blur(10px);
  transition-property: transform, opacity, filter;
}

[data-aos="fire"].aos-animate {
  opacity: 1;
  transform: scale(1) translateY(0);
  filter: brightness(1) blur(0);
}


[data-aos="flash"] {
  opacity: 0;
  filter: brightness(5);
  transform: skewX(-20deg);
  transition-property: transform, opacity, filter;
}

[data-aos="flash"].aos-animate {
  opacity: 1;
  filter: brightness(1);
  transform: skewX(0);
}


.modal-overlay.is-visible {
    visibility: visible;
    opacity: 1;
}
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s 
ease, visibility 0.3s;
    padding: 20px;
    box-sizing: border-box;
}
.modal-content {

   background:#202022;
    padding: 40px;
    border-radius: 15px;
    width: 100%;
    max-width: 800px;
    position: relative;
    overflow: hidden;
}
.close-button {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 2.5rem;
    color: rgb(255 255 255 / 62%);
    cursor: pointer;
    transition: color 0.2s;
}
.modal-header-form {
   text-align: center;
    margin-bottom: 23px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgb(0 0 0 / 13%);
}
.modal-header-form h2 {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 6px;
    color: white;
    
}

.modal-header-form p{
    margin-bottom: 5px;
}

.join-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.join-form .form-group {
    flex: 1 1 calc(50% - 10px);
    margin-bottom: 0;
}
.join-form label {
    display: block;
    font-weight: 500;
    color:black;
    margin-bottom: 8px;
    font-size: 0.95rem;
   
}
.join-form input[type="text"], .join-form input[type="email"], .join-form input[type="password"], .join-form input[type="tel"] {
   color:black;
   width: 100%;
    padding: 14px 15px;
    border: none;
    border-radius: 11px;
    font-size: 15px;
    background-color: #00000000;
    transition: border-color 0.3s, box-shadow 0.3s;
    box-sizing: border-box;
    font-weight: 400;
    border: 2px solid #430709;
}
@media (max-width: 600px) {
    .join-form .form-group {
        flex: 1 1 100%;
    }
}


.bg-exp{
    background: linear-gradient(180deg, #0c2a3c, #041421);
}

.bg-exp h2{
    font-size: 25px;
}

.exp-pub{
        background-color: #16394e;
}