@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



#navbar .dropdown ul {list-style:none; }

body {font-family:"Montserrat", sans-serif; position:relative; padding-right:0px !important; overflow-x:hidden;font-size: 18px; }

a {
  -webkit-transition:.3s all ease;
  -o-transition:.3s all ease;
  transition:.3s all ease;
}

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

.text-justify{text-align:justify;}


.back-to-top {display:none; position:fixed; bottom:25px; right:15px; z-index:8; }
.back-to-top i {display:block; width:40px; height:60px; line-height:50px; color:#fefefe; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; text-align:center; background-color:#0e1569; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; display:flex; align-items:center; justify-content:center; animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; -moz-animation:bounce 2s infinite; -o-animation:bounce 2s infinite; }

@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform:translateY(0); }
40% {-webkit-transform:translateY(-30px); }
60% {-webkit-transform:translateY(-15px); }
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform:translateY(0); }
40% {-moz-transform:translateY(-30px); }
60% {-moz-transform:translateY(-15px); }
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform:translateY(0); }
40% {-o-transform:translateY(-30px); }
60% {-o-transform:translateY(-15px); }
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform:translateY(0); }
40% {transform:translateY(-30px); }
60% {transform:translateY(-15px); }
}
.heade-border-bottom {display:flex; align-content:center; align-items:center; justify-content:space-between; position:relative; gap:30px; }
.heade-border-bottom2 {display:flex; align-content:center; align-items:center; justify-content:flex-end; }


body::-webkit-scrollbar {margin-right:1.25rem; width:0.35rem; height:0.25rem; background-color:#ffffff; }
body::-webkit-scrollbar-thumb {border-radius:0.25rem; background-color:#0c40a2; }


.head-bg {position:relative; z-index:3; }
.header_sticky {width:100%; max-width:100%; z-index:9; transition:all .5s ease;position:absolute;margin-top:30px;}
.header_sticky-active {position:sticky; top:0px; animation:moveDown .5s; box-shadow:0 8px 25px 0 rgba(140, 152, 164, 0.15); transition:all .5s ease; overflow-x:clip; background-color:#0b0d12; }

.header_sticky .logo{height:70px;}
.header_sticky-active .logo{width:100%;height:auto !important;}

@keyframes moveDown {
  0% {
    transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
  }

  100% {
    transform:translateY(0);
    -webkit-transform:translateY(0);
  }
}


.anchor {
  display: block;
  position: relative;
  top: -80px;
  bottom: auto;
  visibility: hidden !important;
}

/****** nav start *****/


.dropdown ul a {border-bottom:1px solid #dbdbdb; line-height:30px; }
.dropdown ul li:last-child a {border-bottom:none; }

.mobile-nav-show {display:none; }

.nav-main {display:flex; justify-content:space-between; width:100%; }

button.btn:active {border:none; }

.navbar .contact-bt a::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg, #0d549e, #56bbeb); border-radius:25px; opacity:0; transition:opacity 0.3s ease; z-index:-1; }
.navbar .contact-bt a:hover::before {opacity:1; }
.navbar .contact-bt a:hover {color:white; transform:translateY(-2px); box-shadow:0 0 0 1px rgba(59, 130, 246, 0.4), 0 3px 5px rgba(0, 0, 0, 0.15); }
.menu-icon i {font-size:40px; }
.menu-icon button.btn {padding:0; margin:0; line-height:initial; border:none; }


.mobile-nav-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  font-size:28px;
  color:#111111;
  cursor:pointer;
  border-radius:50%; 
  background:linear-gradient(135deg, #ffffff 40%, #e2e8f0 70%, #93c5fd 100%);
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.8), 
    0 4px 12px rgba(0, 0, 0, 0.4);
}

.mobile-nav-toggle:hover {
  background:linear-gradient(135deg, #ffffff 30%, #cbd5e1 60%, #60a5fa 100%);
  transform:translateY(-2px) rotate(90deg);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.9), 
    0 8px 20px rgba(96, 165, 250, 0.25), 
    0 6px 15px rgba(0, 0, 0, 0.5);
}

.mobile-nav-toggle:active {
  transform:translateY(1px) rotate(90deg) scale(0.95);
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.2), 
    0 2px 5px rgba(0, 0, 0, 0.5);
}


.custom-nav-btn.btn {
  background:transparent;
  border:none;
  padding:8px;
  box-shadow:none;
  cursor:pointer;
}

.custom-nav-btn .bi-list {
  font-size:36px;
  display:inline-block;
  background:linear-gradient(135deg, #ffffff 30%, #cbd5e1 65%, #93c5fd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-nav-btn:hover .bi-list {
  background:linear-gradient(135deg, #ffffff 20%, #93c5fd 60%, #3b82f6 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  transform:translateY(-2px) scale(1.05);
  filter:drop-shadow(0 4px 8px rgba(147, 197, 253, 0.4));
}

.custom-nav-btn:active .bi-list {
  transform:translateY(1px) scale(0.95);
  filter:drop-shadow(0 2px 4px rgba(147, 197, 253, 0.2));
}

/****** nav end *****/


.section-space-top-100 {padding-top:100px }
.section-space-bottom-100 {padding-bottom:100px }
.section-space-top-50 {padding-top:50px }
.section-space-bottom-50 {padding-bottom:50px }


.mb-30 {margin-bottom:30px; }
.mb-50 {margin-bottom:50px; }
.mt-40 {margin-top:40px; }


.custom-layout-container {
  position:relative;
  width:100%;
  height:580px;
  margin:20px auto;
  overflow:visible;
}

.image-panel {
  position:absolute;
  background-size:cover;
  background-position:center;
  box-shadow:0 10px 25px rgba(0, 0, 0, 0.08);
  transition:all 1.4s cubic-bezier(0.25, 1, 0.3, 1);
}

.pos-a {top:0; left:48%; width:50%; height:210px; border-radius:35px; z-index:3; }
.pos-b {top:110px; left:12px; width:68%; height:360px; border-radius:50px; z-index:2; }
.pos-c {top:246px; left:73%; width:18%; height:110px; border-radius:25px; z-index:1; background-color:#d8d8d8;}
.pos-d {top:380px; left:42%; width:55%; height:210px; border-radius:35px; z-index:4; }






/************* Button Hover Css Start *************/

.gradient-btn {
  --x:50%;
  --y:50%;
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:5px 16px;
  border-radius:100px;
  background:#fff;
  text-decoration:none;
  color:#000;
  font-size:20px;
  overflow:hidden;
  isolation:isolate;
  width:fit-content;
}

.gradient-btn::before{
  content:"";
  position:absolute;
  inset:0;
  padding:2px;
  border-radius:inherit;
  background:linear-gradient(
    135deg,
    rgba(0,71,255,.35),
    rgba(96,165,250,.2),
    rgba(0,71,255,.35)
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;

  z-index:-2;
}

.gradient-btn::after{
  content:"";
  position:absolute;
  inset:0;
  padding:2px;
  border-radius:inherit;

 
  opacity:0;
  transition:opacity .35s ease;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;

  z-index:-1;
}

.gradient-btn .glow{
  position:absolute;
  inset:-15px;
  border-radius:inherit;
  background:
  radial-gradient(
    circle 140px at var(--x) var(--y),
    rgba(0,71,255,.45) 0%,
    transparent 70%
  );

  filter:blur(24px);
  opacity:0;
  transition:opacity .35s ease;
  z-index:-3;
}

.gradient-btn:hover::after{
  opacity:1;
}

.gradient-btn:hover .glow{
  opacity:1;
}

.arrow{
  transition:transform .35s ease;
}

.gradient-btn:hover .arrow{
  transform:translate(4px,-4px);
}

.gradient-btn-sm {
  font-size:16px;
  padding:8px 16px;
}


.glossy-btn {
  display:inline-block;
  padding:2px 28px;
  font-size:16px;
  line-height:28px;
  font-weight:500;
  color:#111111;
  text-decoration:none;
  border-radius:50px;
  background:linear-gradient(135deg, #ffffff 40%, #e2e8f0 70%, #93c5fd 100%);
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor:pointer;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.8), 
    0 4px 15px rgba(0, 0, 0, 0.4);
}

.glossy-btn:hover {
  background:linear-gradient(135deg, #ffffff 30%, #cbd5e1 60%, #60a5fa 100%);
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.9), 
    0 8px 20px rgba(96, 165, 250, 0.2),
    0 6px 20px rgba(0, 0, 0, 0.6);
}

.glossy-btn:active {
  transform:translateY(1px);
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.2), 
    0 2px 5px rgba(0, 0, 0, 0.5);
}


/************* Button Hover Css End *************/




/*************** Hero Section Start **************/


.hero-background {
  width:100%;
  min-height:100vh;
  background-color:#0b0d12; 
  background:url(../images/home-bg.png) no-repeat;
  background-size:cover;
  position:relative;
  overflow:hidden;
  padding-top:180px;
}

.hero-background::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(90deg, rgba(0, 81, 255, 0.15) 0%, transparent 20%, transparent 80%, rgba(0, 81, 255, 0.2) 100%);
  pointer-events:none;
}


.banner-title {
  font-size:120px;
  color:#fff;
  text-align:center;
  line-height:84%;
  font-weight:600;
}

.banner-title span{display:block;}

.banner-title .span1 {
  font-size:62px;
  line-height:100%;
  color:#208ee5;
}


.image-container {
  width:400px; 
  aspect-ratio:1 / 1;
  border-radius:48px; 
  border:4px solid transparent;
  background-image:linear-gradient(#000000, #000000), 
  linear-gradient(to right, #1c1783 0%, #2e98e7 6%, #ffffff 50%, #2e98e7 90%, #1c1783 100%);
  background-origin:border-box;
  background-clip:padding-box, border-box;
  overflow:hidden; 
  display:flex;
  align-items:center;
  justify-content:center;
}

.image-container img {
  width:100%;
  height:100%;
  object-fit:cover;
}



/*************** Hero Section End **************/





/*************** Key Highlights Section Start ***************/


@property --angle {
  syntax: '<angle>';
  initial-value: 85deg;
  inherits: false;
}

@property --angle1 {
  syntax: '<angle>';
  initial-value: 69deg;
  inherits: false;
}

.tracking-card {
  position: relative;
  border-radius: 1.75rem;
  height: 100%;
  cursor: pointer;
  border: 4px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(
      from var(--angle, 85deg) at 50% 50%, 
      #0022FF 0%, 
      #112EFF 19%, 
      #08149A 30%, 
      #FFFFFF 37%, 
      #250EAF 70%, 
      #1D08A1 64%, 
      #FFFFFF 74%, 
      #FFFFFF 88%, 
      #0022FF 100%
    ) border-box;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.tracking-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 1.75rem;
  opacity: 0;
  filter: blur(24px);
  transition: opacity 1s ease-out;
}


.tracking-card:hover {
  animation: rotateBorder 4s linear infinite;
  transform: translateY(-5px);
}

.tracking-card:hover::before {
  opacity: .6;
  animation: rotateBorder 4s linear infinite;
}

@keyframes rotateBorder {
  to {
    --angle: 360deg;
  }
}

.tracking-card:hover {
  box-shadow:0 12px 30px -5px rgba(24, 64, 172, 0.08);
}

.service-card{min-height:340px;padding:25px;}
.service-card h3{color:#2a4aa4;font-size:28px;margin-bottom:20px;min-height:115px;display:flex;align-items:center;}
.service-card .para{font-size:18px;color:#000;}


.tracking-card.tracking-pill {
  border-radius: 100rem;
  background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--angle1, 69deg) at 50% 50% , #ffffff 0%, #c4bde9 25%, #0022ff 45%, #08149a 50%, #0022ff 55%, #c4bde9 75%, #ffffff 100%) border-box;
}

.tracking-card.tracking-pill::before {
  border-radius: 100rem;
}


.tracking-card.tracking-pill:hover {
  animation: rotateBorder1 4s linear infinite;
  transform: translateY(-5px);
}

.tracking-card.tracking-pill:hover::before {
  opacity: .6;
  animation: rotateBorder1 4s linear infinite;
}

@keyframes rotateBorder1 {
  to {
    --angle1: 360deg;
  }
}


.tracking-card.tracking-pill{cursor:inherit;}
.tracking-card.tracking-pill h3 {font-size:26px;color:#000000;line-height:inherit;margin-bottom:0 !important;}


.tracking-pill {padding:4px 48px;border-radius:50rem;display:inline-block;}
.tracking-pill::before {border-radius:50rem;}

/*************** Key Highlights Section End ***************/


.industries-served-section{padding-bottom:60px;}

.about-title{font-size:82px;font-weight:600;word-spacing:-18px;}
.about-title span{color:#1f6fd8;}

.para{font-size:18px;font-weight:400;}

.big-para{font-size:20px;}

.about-img{display:block;margin-left:auto;margin-right:auto;padding-left:30px;}





/***************************************  Footer Section Start ***************************************/
footer {background:url(../images/footer-bg.png) no-repeat;background-size:cover;padding:100px 0 50px;}

.ft-add p {font-size:24px;line-height:28px;margin-bottom:0;color:#fff;}
.ft-contact-min .ft-contact-detail1 {position:relative;display:flex;padding-left:26px;margin-bottom:10px;}
.ft-contact-min .ft-contact-detail-pl-0 {position:relative;display:flex;padding-left:0px !important;}
.ft-contact-min .ft-contact-detail1 span {position:absolute;left:0;top:3px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;background:#30A8E4;border-radius:50%;}
.ft-contact-min .ft-contact-detail1 span i::before{vertical-align:middle !important;}
.address {color:#fff !important; font-weight:400 !important;font-size:18px !important;}
.address span{display:block;}
.underline a {border-bottom:solid 1px;}
.contact-title-sec {margin-bottom:10px;font-weight:700;}
.ft-contact-min .ft-contact-detail1 .click-direct a {color:#fff;font-weight:400;font-size:18px;}
.ft-contact-min .ft-contact-detail1 .click-direct a:hover {color:#30A8E4;}
.ft-contact-min p {color:#30A8E4; margin-bottom:5px; font-weight:500;margin-bottom:15px;}

.ft-links p a {color:#30A8E4;}
.ft-links p a:hover {color:#30a8e4;letter-spacing:0.5px;}

.ft-links ul {padding-left:0px; }
.ft-links ul li {margin-bottom:5px;}
.ft-links ul li:last-child{margin-bottom:0px;}

.ft-links ul li a {color:#fff; font-size:18px;font-weight:400;}
.ft-links ul li a:hover {color:#30A8E4;letter-spacing:0.18px;}


.ft-top-border {border-top:solid 2px rgb(182 188 204);padding-top:25px;}


.copyright p{font-size:16px;margin-bottom:0px !important;text-align:end;}

footer .para{color:white;text-align:left;}
footer ul{list-style:none;color:white;}

.mb-30{margin-bottom:30px;}

.add-map iframe {border-radius:0px;}

.ft-contact-min{margin-bottom:35px;}

.click-direct {margin-left:5px;}

.social-ul{display:flex;gap:10px;margin-bottom:0;}

.social-ul li a{width:35px;height:35px;background:#56BBEB;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;}

/***************************************  Footer Section End ***************************************/


.custom-offcanvas {
  background-color:#0e1569 !important;
  color:#ffffff;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  width:420px !important;
  padding:40px 30px;
  border-left:none !important;
}

.btn-close-custom {
  position:absolute;
  top:25px;
  right:25px;
  background:transparent;
  border:none;
  color:rgba(255, 255, 255, 0.8);
  font-size:1.5rem;
  cursor:pointer;
  transition:color 0.2s ease;
  z-index:1055;
}
.btn-close-custom:hover {
  color:#ffffff;
}

.custom-offcanvas  .section-title {
  font-size:1.45rem;
  font-weight:500;
  line-height:1.4;
  margin-bottom:20px;
  letter-spacing:-0.3px;
  text-align:left;
  color: #208ee5;
}

.brand-tagline, .section-desc {
  color:rgba(255, 255, 255, 0.65);
  font-size:0.95rem;
  line-height:1.5;
}

.brand-section {
  margin-top:20px;
  margin-bottom:40px;
}

.brand-logo {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:1.6rem;
  font-weight:700;
  letter-spacing:1px;
  margin-bottom:18px;
}

/* Contact Info Section */
.contact-section {
  margin-bottom:35px;
}
.contact-list {
  list-style:none;
  padding:0;
  margin:25px 0 0 0;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.contact-list li {
  display:flex;
  align-items:center;
  gap:14px;
  font-size:0.95rem;
  color:rgba(255, 255, 255, 0.85);
}
.contact-list li i {
  font-size:1.1rem;
  color:rgba(255, 255, 255, 0.7);
}
.contact-list li strong {
  font-weight:400;
  color:#ffffff;
}

/* Horizontal Dividers */
.divider {
  border-top:1px solid rgba(255, 255, 255, 0.12);
  margin:35px 0;
  opacity:1;
}



.social-icons {
  display:flex;
  gap:12px;
  margin-top:20px;
}
.social-icons a {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:47px !important;
  height:47px !important;
  border:1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius:50% !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:1.05rem !important;
  transition:background-color 0.2s, border-color 0.2s !important;
  padding:0 !important;
}

.social-icons a i{font-size:18px !important;margin-left:0 !important;}

.social-icons a:hover {
  background-color:rgba(255, 255, 255, 0.1);
  border-color:rgba(255, 255, 255, 0.4);
}






/****************** Inner Banner Start ******************/

.custom-banner {
  position:relative;
  background: url(../images/banner/banner-bg.png) no-repeat;
  background-size:cover;
  min-height:570px;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.inner-banner-title {
  font-size:75px;
  font-weight:500;
  letter-spacing:-0.5px;
  line-height:90%;
}

.breadcrumb-item+.breadcrumb-item::before {
  content:'';
  width:30px;
  height:30px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%2330A8E4' viewBox='0 0 16 16'%3E%3Cpath d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:contain;
  border-radius:100px;
  top:12px;
  padding:0;
  margin:-1px 4px;
}

.breadcrumb-item a{color:#ffffff;font-size:16px;}

.breadcrumb-item.active{color:#ffffff;text-decoration:underline;padding-left:0;text-underline-offset:7.5px;}

.banner-img-container {
  position:absolute;
  right:2%;
  bottom:0;
  height:440px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  pointer-events:none;
}

.banner-img {
  max-height:100%;
  width:auto;
  object-fit:contain;
  object-position:bottom right;
}

.banner-img-container.banner-img-newsletter { bottom: 5%;}

@media (max-width:991px) {

  .custom-banner{min-height:400px;}
  .banner-img-container {height:75%;}
  .inner-banner-title {font-size:65px;margin-bottom:10px !important;}
  .inner-banner-box {padding-top:100px !important;}
}

@media (max-width:767px) {
  .custom-banner {
    min-height:365px;
    align-items:flex-start;
    padding-top:60px;
  }

  .inner-banner-title {
      font-size:50px;
      text-align:left;
  }


}

/****************** Inner Banner Start ******************/




/********* ABOUT PAGE CSS START *********/

.about-card{transition:transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);}
.about-card:hover {transform:translateY(-6px);box-shadow:0 20px 40px rgba(8, 20, 154, 0.12);}

.about-card.service-card h3{min-height:auto;}

.about-card img{margin-bottom:20px;}

/********* ABOUT PAGE CSS END *********/



/********* TEAM PAGE CSS START *********/

.team-container{padding-bottom:85px;}
.team-container:last-child{padding-bottom:0px !important;}
.team-card{text-align:center;min-height:auto !important;padding:50px 20px !important;gap:25px;}
.service-card.team-card h3{min-height:auto;margin-bottom:2px;font-size:20px;}
.service-card.team-card .para{font-size:16px;margin-bottom:8px;}

.team-social{padding-left:0;display:flex;gap:5px;justify-content:start;}
.team-social li{list-style:none;}

.team-social li a{width:30px;height:30px;background-color:#31A9E0;display:flex;justify-content:center;align-items:center;color:#fff;font-size:16px;border-radius:50%;}
.team-social li:last-child a{background-color:#1984BC;}

.team-img{width:178px;}

.team-card .gradient-btn-sm {
  font-size: 13px;
  padding: 5px 16px;
}

.modal-body.team-modal {padding:50px;}
.team-modal .team-card{padding:0 !important;}
.team-modal .team-card img{width:250px;margin-bottom:10px;}
.team-modal .team-card h3{margin-bottom:0;color: #2C4B99;}
.team-modal .team-card .para{margin-bottom:5px;}
.team-modal .team-card .team-social{justify-content:center;}

.modal-header .btn-close {--bs-btn-close-bg: none !important;opacity: 1 !important;width: 30px;height: 30px;}

/********* TEAM PAGE CSS END *********/


/*********** SERVICE PAGE CSS START ************/


.service-pg-card{padding:35px;}
.service-pg-card h3{min-height:auto !important;margin-bottom:0 !important;}
.service-pg-card .para:last-child{margin-bottom:0px !important;}

/*********** SERVICE PAGE CSS END ************/



.section-title{font-size:55px;font-weight:500;color:#2C4B99;text-align:center;}
.service-card.career-card{min-height:auto;}

.avl-pos{
  background: radial-gradient(circle at 45% 25%, rgba(255, 255, 255, 0.2) 0%, transparent 60%) padding-box, radial-gradient(circle at 35% 30%, #2575fc 0%, transparent 70%) padding-box, linear-gradient(135deg, #0d52d6 0%, #032270 80%, #01113a 100%) padding-box, linear-gradient(135deg, #0d52d6 0%, #032270 80%, #3068d0 100%) padding-box, linear-gradient(139deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 18%, #1948a8 42%, #0d3998 68%, #ffffff 88%, #ffffff 100%) border-box;
  border-radius:30px;
  padding:25px;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;

}

.avl-pos h4{font-size:28px;margin-bottom:0;}
.avl-pos p{font-size:18px;margin-bottom:0;}


.service-card.newsletter-card h3{min-height:auto;margin-bottom:8px;justify-content:center;margin-top:20px;}

.service-card.newsletter-card a {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.service-card.newsletter-card a:hover{color:#032270;transform:translateY(-2px);}

.service-card.newsletter-card a i {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: radial-gradient(circle at 45% 25%, rgba(255, 255, 255, 0.2) 0%, transparent 60%) padding-box, radial-gradient(circle at 35% 30%, #2575fc 0%, transparent 70%) padding-box, linear-gradient(135deg, #0d52d6 0%, #032270 80%, #01113a 100%) padding-box, linear-gradient(135deg, #0d52d6 0%, #032270 80%, #3068d0 100%) padding-box, linear-gradient(139deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 18%, #1948a8 42%, #0d3998 68%, #ffffff 88%, #ffffff 100%) border-box;
  color: #fff;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}






.zoom-img{
  border: 1px solid #00000024;
}

.img-wrapper {
  position: relative;
  overflow: hidden;
}

.zoom-img {
  transition: transform 0.5s ease;
  width: 100%;
  display: block;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.overlay-text {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  padding: 8px 16px;
  transform: translateY(20px);
  transition: transform 0.4s ease;
}


.gallery-item:hover .overlay {
  opacity: 1;
}

.gallery-item:hover .zoom-img {
  transform: scale(1.08);
}

.gallery-item:hover .overlay-text {
  transform: translateY(0);
}



.form-card {
  background-color: #ffffff;
  padding: 3rem 4rem;
}

.form-heading {
  color:#2C4B99;
  font-weight: 500;
  font-size: 35px;
  margin-bottom: 2.5rem;
  text-align: center;
}

.form-control, .form-select {
  border: 1.5px solid #2C4B99;
  border-radius: 30px;
  padding: 0.85rem 1.5rem;
  color: #333;
  font-size: 1rem;
  background-color: #ffffff;
}

.form-control::placeholder {
  color: #6c757d;
}

.form-control:focus, .form-select:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.25rem rgba(74, 111, 165, 0.25);
  outline: none;
}

textarea.form-control {
  border-radius: 18px !important;
  resize: none;
}

.file-upload-label {
  display: block;
  color: #333;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.file-upload-wrapper {
  position: relative;
  border: 1.5px solid #2C4B99;
  border-radius: 30px;
  padding: 0.6rem 1.5rem;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}

.file-upload-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.custom-file-btn {
  background-color: #e9ecef;
  color: #495057;
  padding: 0.4rem 1.2rem;
  border-radius: 20px;
  font-size: 0.9rem;
  margin-right: 1rem;
  border: 1px solid #ced4da;
  pointer-events: none;
}

.file-name-text {
  color: #6c757d;
  font-size: 0.9rem;
  pointer-events: none;
}


.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234a6fa5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-size: 1.25rem;
  padding-right: 2.5rem;
}

.btn-submit {
  background:radial-gradient(circle at 45% 25%, rgba(255, 255, 255, 0.2) 0%, transparent 60%) padding-box, radial-gradient(circle at 35% 30%, #2575fc 0%, transparent 70%) padding-box, linear-gradient(135deg, #0d52d6 0%, #032270 80%, #01113a 100%) padding-box, linear-gradient(135deg, #0d52d6 0%, #032270 80%, #3068d0 100%) padding-box, linear-gradient(139deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 18%, #1948a8 42%, #0d3998 68%, #ffffff 88%, #ffffff 100%) border-box;
  color: #ffffff;
  border: none;
  border-radius: 30px;
  padding: 0.75rem 2.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.btn-submit:hover {
  color: #ffffff;
  opacity: 0.9;
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .form-card {
      padding: 2rem 1rem;
  }
  .form-heading {
      font-size: 1.75rem;
      margin-bottom: 1.75rem;
  }
}