:root{
  --blue: #60b8c6;
  --dark-blue: #001489;
  --deep-dark-blue: #08254f;
  scrollbar-width: none !important;
}


/* reset css */
*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
img{max-width: 100%;}
ul,li{list-style: none;margin: 0;}
a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 16px;cursor: pointer;}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
textarea{resize: none;}
p {color: #3a3a3a;font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6;}
.textl{text-align: left;}
.textc{text-align: center;}
.textr{text-align: right;}
/* reset css */


.poppins-semibold {
  font-family: "Poppins", serif;
  /* font-weight: 600; */
  font-style: normal;
}



h1, h2, h3, h4, h5, h6, p, a, body {font-family: "Poppins", serif;;}
h1.index-h1 {font-size: 50px;}
h1 {font-size: 34px;} 
h2 {font-size: 32px;color: var(--deep-dark-blue);font-weight: 100;} 
h3 {font-size: 30px;font-weight: 100;} 
h4 {font-size: 20px;} 
h5 {font-size: 18px;} 
h6 {font-size: 16px;} 

/* fonts */

/* common css */
.wrapper{width: 100%;overflow: hidden;}
.fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
/* common css */

.common-btn a:hover, .common-btn button:hover {color: #fff;z-index: 2;} */


/*  Resp menu css  */
.main-nav-links {display: none !important;}
html.hc-nav-yscroll {overflow-y: scroll;}

.inner-desk-ham {display: flex;}
.nav-dropdown li a {padding: 10px 0 10px 30px !important;}
.nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;}
.nav-dropdown li a:hover {background: #fff;color: #03548d !important;}
.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;}
.nav-dropdown-1 { background: #718d67; border-top: 3px solid #fff;}
.nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;background: #f9bc134f;border-top: 3px solid #303030;border-bottom: 3px solid #303030;}
.nav-dropdown li a {font-size: 15px !important;}


/* header */
.section-new {width: 100%;background: #000;opacity: 0;pointer-events: none;transition: all .9s ease;}
.section-new.act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0; z-index: 2;height: 100%;}
header {position: fixed;transition: .5s ease;left: 0;z-index: 2;right: 0;margin: auto;}
.wrapper.home-wrapper header {position: fixed;top: 0;left: 0;right: 0;margin: auto;z-index: 1;transition: .5s ease;}
.header-main-inner > a, .header-main-inner > a img {width: 100%;max-width: 250px;}
/* .header-main-inner > a {padding: 5px 0;} */
.header-contact-details a, .header-contact-details span {color: #fff;}
/* a.header-contact-details span:nth-child(2) {font-size: 16px;} */
.top-header-inner-wrapper {display: flex;justify-content: flex-end;align-items: center;gap: 60px;padding: 10px 0;}
.header-contact-details {display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.location-map {display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.location-map a {cursor: auto;}
div.header-contact-details img {width: 22px;}
.header-contact-details span {display: flex;justify-content: center;align-items: center;}
.header-contact-details span img {display: flex;justify-content: center;align-items: center;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);width: 20px;}
.right-desktop-menu-container {width: 100%;padding: 0 30px 0 0;}
.header-main-inner {display: flex;justify-content: space-between;align-items: center;gap: 20px;position: relative;}
.links-main-wrapper {display: flex;justify-content: flex-end;align-items: center;gap: 50px;}
.links-main-wrapper li:hover a {color: var(--blue);}
.links-main-wrapper li a {color: #fff;padding: 40px 0px;font-size: 24px;transition: 1s ease; font-weight: 600;}
.links-main-wrapper li a.act-link, .links-main-wrapper li a:hover, .coe-top.act {color: var(--blue) !important;}
.top-header-main-wrapper {background:#113d48;}
.header-main-wrapper {padding: 10px 0;  }
/* .header-main-inner > a img:last-child {display: none;} */
.header-left-details{display: flex; gap: 10px;}

/* header */

/* scrolled header */
header.scrolled-header .header-main-wrapper {position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 9999;box-shadow: 0px 6px 9px -4px rgba(34, 56, 101, 0.12);transition: all .3s;background: #fff;padding:unset;border: none;}
header.scrolled-header .desk-resp-ham ul.toggle-desk li {background: #001489;}
header.scrolled-header .links-main-wrapper li a {color: #001489;padding: 30px 20px;}
/* header.scrolled-header .header-main-inner > a img:last-child {display: block;} */
/* header.scrolled-header .header-main-inner > a img:first-child {display: none;} */
header.scrolled-header .header-main-inner > a img{filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(258deg) brightness(108%) contrast(108%);}
header.scrolled-header .header-main-inner > a, header.scrolled-header .header-main-inner > a img {width: 100%;max-width:250px;}
/* scrolled header */

/* Landing Page */

.common-heading h2 {font-size: 40px;}

header.lp .desk-resp-ham {display: none;}
header.lp .right-desktop-menu-container {padding: 0;}
.lp-wrapper .footer-form::before {background: #00148900;}
.lp-wrapper .footer-form {padding: 20px 0;}
.lp-wrapper select, .lp-wrapper input, .lp-wrapper textarea, .lp-wrapper button {color: #fff;}
.lp-wrapper .career-cta-inner {padding: 40px 0;}


/* Banner */
.landing-page-banner-wrapper {position: relative;min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;}
.landing-page-banner-wrapper::before {content: '';position: absolute;background: #164957;opacity: .6;width: 100%;height: 100%;left: 0;top: 0;}
.landing-page-banner-wrapper > .fluid-container {height: 100%;min-height: calc(100vh - 155px);height: 100%;}
.landing-page-banner-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; padding: 140px 0 20px; height: 100%; min-height: calc(100vh - 155px);}
.banner-details-left  {width: 100%;max-width: 600px;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.landing-page-banner-text h3 {color: #ffffff;font-size: 36px;margin: 10px auto;display: flex;justify-content: center;align-items: center;text-align: center;}
.landing-page-banner-text h2 {color: #ffffff;font-size: 42px;margin: 10px auto;display: flex;justify-content: flex-start;align-items: center;text-align: center;}
.landing-page-banner-text p {font-size: 26px;color: #fff;line-height: 1.4;text-align: left;}
.landing-page-yoe {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;max-width: fit-content;}
.landing-page-yoe .yoe-right h2.inner-h2 {font-weight: 400;color: #fff;font-size: 20px;position: relative;}
.landing-page-yoe .yoe-right h2.inner-h2 span {display: inline-block;width: 10px;vertical-align: super;}
.landing-page-yoe .yoe-right h2.inner-h2 span img {width: 10px;filter: invert(84%) sepia(99%) saturate(3713%) hue-rotate(182deg) brightness(119%) contrast(108%);}
.landing-page-yoe:nth-child(2) .yoe-left span:first-child {width: 44px;}
.landing-page-yoe:nth-child(3) .yoe-left span:first-child {width: 90px;}
.yoe-left span {display: flex;justify-content: center;align-items: center;font-size: 40px;font-weight: 600;color: var(--blue);}
.yoe-left {text-align: center;font-size: 20px;color: #fff;font-weight: 600;padding: 0 50px;position: relative;text-transform: uppercase;}
.yoe-left::before {content: '';position: absolute;background: #ffffff91;width: 1px;height: 85%;top: 10px;right: 0;bottom: 0;margin: auto;}
.landing-page-yoe:last-child .yoe-left::before {display: none;}
.banner-details-right {width: 100%;max-width: 500px;height: 100%;margin: 70px 0 0;}
.banner-details-right-top {background: #123c48;padding: 20px;border-radius: 20px;}
.banner-details-right .contact-form-main {display: flex;justify-content: flex-start;align-items: flex-start;gap: 0;flex-direction: column;max-width: 500px;}
.banner-details-right .form-md {width: 100%;text-align: center;margin: 0 0 20px;}
.banner-details-right p {color: #fff;text-align: center; font-weight: 200;}
.banner-details-right h3 {color: #fff;text-align: center; font-weight: 300;}
.banner-details-right .form-group {margin: 10px 0;position: relative;width: 100%;max-width: 500px;}
.banner-details-right .form-md input:valid + label, .banner-details-right .form-md input:focus + label, .banner-details-right .form-md textarea:valid + label, .banner-details-right .form-md textarea:focus + label {top: -9px;color: var(--dark-blue);font-weight: bold;padding: 2px 20px;}
.banner-details-right .common-btn {padding: 10px 0 0;text-align: right;}

.ip-plus { display: flex; justify-content: center; align-items: center; gap: 10px;}
.ip-plus span:last-child {width: 22px;}


/* General Form Styling */
.footer-form { max-width: 600px; margin: 0 auto; padding: 30px; border-radius: 10px; font-family: 'Arial', sans-serif;}
.input-wrapper {margin-bottom: 20px;position: relative;}
.input-wrapper input,
.input-wrapper select,
.input-wrapper textarea {width: 100%;padding: 12px 15px;font-size: 16px;border: 1px solid #ccc;border-radius: 5px;outline: none;transition: border-color 0.3s ease, box-shadow 0.3s ease;color: #fff;}
.input-wrapper label {position: absolute;top: -10px;left: 15px;font-size: 14px;color: #ffffff;background-color: #123c48;padding: 0 9px 5px;transition: all 0.2s ease;pointer-events: none;border-radius: 15px;}
.input-wrapper input::placeholder,
.input-wrapper textarea::placeholder {color: #bbb;}
.input-wrapper-readonly input,
.input-wrapper-readonly select {background-color: #f2f2f2;cursor: not-allowed;}
.input-wrapper textarea {min-height: 100px;resize: vertical;}
.common-btn button {width: 100%;padding: 15px;font-size: 18px;color: #fff;background-color:#EC672C;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease, transform 0.2s ease;}
.common-btn button:hover {background-color: #209225;transform: translateY(-2px);}
.common-btn button:active {transform: translateY(2px);}
.input-wrapper input.error,
.input-wrapper select.error,
.input-wrapper textarea.error {border-color: #e74c3c;box-shadow: 0 0 5px rgba(231, 76, 60, 0.5);}
.input-wrapper input.success,
.input-wrapper select.success,
.input-wrapper textarea.success {border-color: #2ecc71;box-shadow: 0 0 5px rgba(46, 204, 113, 0.5);} 
.form-controls option{color: #000 !important;}
.input-wrapper input:focus, .input-wrapper select:focus, .input-wrapper textarea:focus {border-color: #ffbf01 !important;box-shadow: 0 0 5px rgb(255 191 0 / 53%) !important;}



.why-choose-mnr{padding: 60px 0 0;}
.why-choose-inr h2, .why-choose-inr p{text-align: center;}
.why-choose-inr h2 span , .we-offer-best-services-inr p span {color: #ec672c;font-weight: 400;}
.why-choose-inr h2 {font-size: 40px;color: #0b576d;font-weight: 400;}


.we-offer-best-services-mnr{padding: 30px 0 60px;}
.we-offer-best-services-inr h2{text-align: center; text-transform: uppercase;}
.we-offer-best-services-inr p{text-align: center; font-size: 40px; color:#12193C;}
.we-offer-best-services-inr p {text-align: center;font-size: 40px;color: #0b576d;}
.category-card{width: 100%; max-width: 380px; border-radius: 45px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 25px 30px; background: #fff;}
.category-card span{width: 100%; max-width:100%; display: flex; justify-content: center; align-items: center;}
.category-card span img{width: 100%; max-width: 100px;}
.category-card h3 {font-size: 26px;text-align: center;color: #ea672d;font-weight: 600;}
.category-card p{font-size:16px; text-align: center;}
.category-list{width: 100%; max-width: 100%;display: flex; justify-content: center; align-items: stretch; gap:80px; padding-top: 30px; flex-wrap: wrap;}
.category-list .category-card:nth-child(2), .category-list .category-card:nth-child(3) {position: relative;border-radius: 45px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 25px 30px; background: #fff;}
/* .category-list .category-card:nth-child(2)::before {position: absolute;content: "";width: 100%;max-width: 100px;height: 100px;background: #EC672C;bottom: -25px;left: -42px;border-top-left-radius: 40px;border-bottom-right-radius: 18px; z-index: -1;} */
.category-list .category-card:nth-child(2)::before {position: absolute;content: "";width: 100%;max-width: 100px;height: 100px;background: #ec672c;bottom: -24px;left: -24px;border-top-left-radius: 0;z-index: -1;border-bottom-left-radius: 40px;}
.category-list .category-card:nth-child(3)::after {position: absolute;content: "";width: 100%;max-width: 100px;height: 100px;background: #ec672c;top: -21px;right: -24px;border-top-right-radius: 40px;z-index: -1;}
.category-list .category-card:nth-child(3) .category-card span img{transform: rotate(180deg);}
.parent-wrapper{width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;}





/* Initial state of the banner text */
.landing-page-banner-text {opacity: 0;transform: translateY(50px); animation: fadeInUp 1.5s ease-out forwards;}
@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translateY(50px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

.landing-page-banner-text h3 {font-size: 32px;color: #fff;margin: 0;text-align: center; font-weight:400;}


input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; /* Override background color */ transition: background-color 5000s ease-in-out 0s; /* Ensure background transition overrides autofill */ background-clip: content-box !important; /* Keeps styling consistent */ -webkit-text-fill-color: #fff !important; }
.banner-details-right input:-webkit-autofill {-webkit-text-fill-color: #fff !important; /* Text color inside autofilled input */ }





/* footer */
.lp-footer .footer-section { width: 100%; max-width: fit-content !important;}
.lp-footer .footer-links { display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap;}
.lp-footer .footer-bottom {flex-direction: column; padding: 40px 0;}
.lp-footer .footer-section:nth-child(1) {order: 1 !important;}
.lp-footer .footer-section:nth-child(2) {order: 2 !important;}
.lp-footer .footer-section:nth-child(2)::before { display: flex !important; }
/* footer */

/* footer */
.footer-main {position: relative;}
.footer-main::before {content: '';position: absolute;background:#113d48;width: 100%;height: 100%;opacity: .8;}
.footer-main-inner-wrapper {position: relative;}
.footer-top {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 50px 0 30px 0;border-bottom: 2px solid #ffffff45;}
.footer-top-left {display: flex;justify-content: center;align-items: center;gap: 40px 20px;width: 100%;max-width: 800px;flex-wrap: wrap;}
.location-details {display: flex;justify-content: flex-start;align-items: center;gap: 20px;width: 100%;max-width: 380px;}
.location-details:hover h3, .location-details:hover p {color: var(--blue);}
.location-details:hover span {background: var(--blue);}
.location-details:hover span img {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.location-details span {display: flex;justify-content: center;align-items: center;background: #fff;width: 50px;height: 50px;border-radius: 5px;}
.location-details span img {width: 100%;max-width: 35px; filter: invert(12%) sepia(79%) saturate(4086%) hue-rotate(230deg) brightness(76%) contrast(121%);}
.location-name h3 {color: #fff;text-transform: uppercase;font-weight: 600;font-size: 16px;}
.location-name p {color: #fff;text-transform: uppercase;margin: 0;font-size: 14px;}
.footer-top-right {width: 100%;max-width: 400px;}
.footer-top-right h2 {color: #fff !important;text-align: center;}
.social-links-main {background: #fff;padding: 10px;border-radius: 10px;margin: 10px 0 0;}
.playstore-appstore {display: flex;justify-content: center;align-items: center;gap: 20px;}
.playstore-appstore a {display: flex;justify-content: center;align-items: center;background: #000;border-radius: 5px;}
.playstore-appstore a img {width: 100%;max-width: 200px;height: 60px;object-fit: contain;border-radius: 5px;}
.social-links {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 10px 0 0;}
.social-links a {display: flex;justify-content: center;align-items: center;}
.social-links a img {width: 100%;max-width: 30px;}
.footer-bottom {display: flex;justify-content: center;align-items: center;  padding: 30px 0 50px 0;}
.footer-section {width: 100%;max-width: 400px;}
.footer-section p {color: #fff;text-align: center;font-size: 16px;}
.footer-links li {text-align: center;margin: 15px 0;}
.footer-links li a {color: #fff;font-size: 16px;}
.footer-links li a:hover, .footer-links li a.act-link {color: #7e9f9a;}
.footer-section > a {display: flex;justify-content: center;align-items: center;}
.footer-section > a img { width: 100%;max-width: 250px;}
.footer-section:nth-child(2) {max-width: 600px;position: relative;}
.footer-section:nth-child(2)::before {content: '';position: absolute;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.27) 30%, rgba(255, 255, 255, 0.37) 52%, rgba(255, 255, 255, 0.3) 79%, rgba(255, 255, 255, 0) 100%);width: 2px;height: 80%;top: 0;bottom: 0;left: -25px;margin: auto;}
.footer-section:nth-child(2)::after {content: '';position: absolute;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.27) 30%, rgba(255, 255, 255, 0.37) 52%, rgba(255, 255, 255, 0.3) 79%, rgba(255, 255, 255, 0) 100%);width: 2px;height: 80%;top: 0;bottom: 0;right: -25px;margin: auto;}


/* Copyrights */
.footer-bottom-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 10px 0;}
.footer-bottom-wrapper p {font-size: 13px;margin: 0;}
.footer-bottom-wrapper a{font-size: 12px;margin: 0;}

.copyrights-ul li a:hover, .copyrights-ul li a.act-link {color: #ff0000;}
.copyrights-ul {display: flex;justify-content: center;align-items: center;}
.copyrights-ul li {border-left: 1px solid #0000009a;padding: 0 10px;}
.copyrights-ul li:first-child {border-left: none;}
/* Copyrights */
/* footer */


.whatsapp-link {cursor: pointer;position: fixed;bottom: 100px;right: 10px;width: 50px;height: 50px;z-index: 9;padding: 6px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.whatsapp-link a img {width: 100%;max-width: 50px;position: relative;left: 1px;top: 1px;} 

/* go to top */
#to-top {cursor: pointer;position: fixed;bottom: 25px;right: -1px;width: 70px;height: 70px;z-index: 9;padding: 6px;border-radius: 50%;rotate: 45deg;}
#to-top img{width: 100%;max-width: 50px;}
/* go to top */

.grecaptcha-badge {right: -500px !important;}


@media(max-width:1300px){
  .header-main-inner{justify-content: center;}
}



@media(max-width:992px){
  .links-main-wrapper {display: none;}
  .landing-page-banner-inner{flex-direction:column; justify-content: center; align-items: center;}
  .banner-details-left {align-items: center;}
  .why-choose-mnr {padding: 30px 0 20px;}
  .we-offer-best-services-inr p {margin: 0;}
  .parent-wrapper{flex-direction: column;}
  .banner-details-right {margin: 10px 0 0;}
  .we-offer-best-services-mnr { padding: 0px 0 60px;}

  
}



@media(max-width:768px){
  .banner-details-right {margin: 0px 0 0;}
  .we-offer-best-services-mnr { padding: 10px 0 60px;}
  .footer-bottom-wrapper {flex-direction: column;gap: 10px;}
  .footer-form{padding: 30px 0;}
}


@media(max-width:576px){
  p{font-size: 16px};
  .category-list {padding-top: 30px;}
  #to-top img { max-width: 40px;}
  .why-choose-inr h2 {font-size: 30px;}
  .we-offer-best-services-inr >p{font-size: 30px;}
  .category-list{gap: 45px;}
  .landing-page-banner-text h3 {font-size: 28px;}
  .header-contact-details span img{display: none;}
  .top-header-inner-wrapper {gap: 20px;}



}


@media(max-width:480px){
  .we-offer-best-services-inr h2 { font-size: 26px;}
  .landing-page-banner-text h2 {font-size: 33px;}
  .landing-page-banner-text h3 {font-size: 20px; padding-top: 15px;}
  .banner-details-right h3{font-size: 24px;}
  /* .footer-section p { text-align: justify;}
 .why-choose-inr p {text-align: justify;} */
 .footer-bottom-wrapper p {text-align: center;}

}

@media(max-width:420px){
  .location-map a { font-size: 13px;}
  .footer-bottom-wrapper p { font-size: 11px;}
  .footer-bottom-wrapper a {font-size: 11px;}
  .top-header-inner-wrapper {justify-content: center;}

}


@media(max-width:380px){
  .header-contact-details span{font-size: 13px;}
  .we-offer-best-services-inr >p ,  .why-choose-inr h2  {font-size: 28px;}
}