/*about page staart @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap');

/* Extra width fix */
html,
body {
  overflow-x: clip !important;
  /* max-width: 100 !important; */
}


body.nav-open {
  overflow: hidden;
}



/* ── Navbar ── */
nav.navbar {
  background-color: #003E57 !important;
  position: sticky;
  top: 0px;
  width: 100vw;
  padding: 0 200px;
  z-index: 1000;
  min-height: 70px;
}

/* ── Logo ── */
/*.navbar-brand {*/
/*  display: flex;*/
/*}*/
.navbar-brand {
  gap: 10px;
  align-items: center;
  position: relative;
  display: inline-block;
  overflow: hidden; /* important */
  text-decoration: none;
  flex-shrink: 0;
}
.navbar-brand img {
  display: block;
}

/* Shine effect */
/*.navbar-brand::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: -75%;*/
/*  width: 50%;*/
/*  height: 100%;*/
/*  background: linear-gradient(*/
/*    120deg,*/
/*    transparent,*/
/*    rgba(255, 255, 255, 0.5),*/
/*    transparent*/
/*  );*/
/*  transform: skewX(-25deg);*/
/*  pointer-events: none;*/

/*  animation: shineWave 2.5s linear infinite;*/
/*}*/

/*@keyframes shineWave {*/
/*  0% {*/
/*    left: -75%;*/
/*  }*/
/*  100% {*/
/*    left: 125%;*/
/*  }*/
/*}*/

.navbar-brand img {
  transition: all 0.3s ease;
  animation: pulseGlow 2.5s ease-in-out infinite;
}

@keyframes pulseGlow {
  0%, 100% {
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0.4));
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(194, 131, 18, 0.8));
  }
}


.logo-circle {
  width: 48px;
  height: 48px;
  border: 2px solid #C28312;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.logo-circle svg {
  width: 28px;
  height: 28px;
  fill: #fff;
}

.logo-text {
  line-height: 1.1;
}

.logo-text .name {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
}

.logo-text .sub {
  font-size: 9px;
  color: #C28312;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  display: block;
}

/* ── Nav Links ── */
.navbar-nav {
  gap: 4px;
}

.navbar-nav .nav-link {
  font-family: 'DM Sans', sans-serif;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 8px 10px !important;
  transition: color 0.2s;
  white-space: nowrap;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #C28312 !important;
}

.mobileServ{
    position: absolute;
    top: 0;
    right: 0;
}

/* Default: Desktop */
.webbtn {
  display: inline-block;
}

.mobilebtn {
  display: none;
  position: relative;
}

/* Mobile view */
@media (max-width: 991px) {
  .webbtn {
    display: none;
  }

  .mobilebtn {
    display: block; /* better alignment for text + arrow */
    align-items: center;
    gap: 6px;
  }
}

.mega-menu.show{
    display: block !important;
}

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

/* Mobile par dropdown default band */
@media (max-width: 991px) {
  .nav-item.dropdown .dropdown-menu {
    display: none !important;
  }

  /* Sirf tab dikhao jab show class ho */
  .nav-item.dropdown.show .dropdown-menu {
    display: block !important;
  }
}

.dropdown-menu.mega-menu {
  display: none;
  position: fixed;
  left: 2%;
  /*min-width: 790px;*/
  top: 74px;
  /* adjust to your navbar height */
  background: #ffffff;
  border-top: 3px solid #C28312;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
  z-index: 1000;
  padding: 0;
  border-radius: 0 0 8px 8px;
  background-image: url('/assets/images/about/about-us-bg.png');
  background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.dropdown-menu.mega-menu.education-dropdown{
    min-width:auto !important;
    width: 280px !important;
}

 .education-dropdown .mega-col {
    padding: 0 !important;
  }
  
.mega-inner {
  display: grid;
  /*grid-template-columns: 1fr 1fr;*/
  padding: 20px 15px;
  gap: 0;
}

.mega-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mega-col:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding-right: 2rem;
}

.mega-col:last-child {
  padding-left: 2rem;
}

.mega-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 6px;
  color: #0d2b45;
  font-size: 14px;
  border-left: 3px solid transparent;
  transition: background 0.15s, color 0.15s;
   font-family: 'DM Sans', sans-serif;
   font-weight: 600;
}

.mega-menu .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #C28312;
  border-left-color: #C28312;
}

.mega-menu .dropdown-item .icon {
  width: 34px;
  height: 34px;
  background: rgba(194, 131, 18, 0.15);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.15s;
}

.mega-menu .dropdown-item .icon svg {
  width: 16px;
  height: 16px;
  fill: #C28312;
  transition: fill 0.15s;
}


@keyframes dropIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-menu {
  /*background-color: #164a65;*/
  /*border: none;*/
  /*border-radius: 0;*/
  /*min-width: 200px;*/
  /*padding: 0;*/
  /*box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);*/
}

.dropdown-item {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 13px 18px;
  transition: background 0.2s, color 0.2s;
}

.dropdown-item:last-child {
  border-bottom: none;
}

.dropdown-item:hover {
  background-color: #C28312;
  color: #fff;
}

.dropdown-toggle::after {
  vertical-align: 0.15em;
  margin-left: 4px;
  border-top-color: #fff;
}

/* ── Book Appointment Button ── */
/*.btn-book {*/
/*  font-family: 'DM Sans', sans-serif;*/
/*  font-size: 13px;*/
/*  font-weight: 700;*/
/*  letter-spacing: 1.5px;*/
/*  text-transform: uppercase;*/
/*  color: #003E57 !important;*/
  /*border: 1.5px solid #ffffff;*/
/*  border-radius: 10px;*/
/*  padding: 12px 16px;*/
/*  background: white;*/
/*  transition: background 0.2s, color 0.2s, border-color 0.2s;*/
/*  white-space: nowrap;*/
/*  text-decoration: none;*/
/*  display: inline-block;*/
/*  margin-left: 8px;*/
/*}*/

.btn-book {
  font-family: 'DM Sans', sans-serif;
  margin: 0px 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  border: none;
  color: #fff;
  border-radius: 10px;
  padding: 10px 16px;
  background: #C28312;
  animation: floatBtn 3s ease-in-out infinite;
}

.btn-book::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.6),
    transparent
  );
  transform: skewX(-25deg);
  animation: shineMove 3s infinite;
}

@keyframes shineMove {
  100% {
    left: 150%;
  }
}



/*@keyframes floatBtn {*/
/*  0%, 100% {*/
/*    transform: translateY(0);*/
/*  }*/
/*  50% {*/
/*    transform: translateY(-4px);*/
/*  }*/
/*}*/

@media (max-width: 400px) {
    .mega-menu .dropdown-item{
        font-size: 12px;
    }
}

.btn-book:hover {
    background: #fff;
    color: #C28312 !important;
    border-color: #fff;
}

/* ── Hamburger Toggler ── */
.navbar-toggler {
  border: 1.5px solid rgba(194, 131, 18, 0.6);
  padding: 6px 10px;
  border-radius: 4px;
}

.navbar-toggler:focus {
  box-shadow: none;
  outline: none;
}

.toggler-cross,
.toggler-plus {
  pointer-events: none;
  display: block;
}

.toggler-cross {
  display: none;
}

.toggler-plus {
  display: block;
}

.navbar-toggler[aria-expanded="true"] .toggler-cross {
  display: block;
}

.navbar-toggler[aria-expanded="true"] .toggler-plus {
  display: none;
}

/* ── RESPONSIVE ── */
@media (max-width: 1199px) {
  nav.navbar {
    padding: 0 40px;
  }
}

@media (max-width: 991px) {
  nav.navbar {
    padding: 0 16px;
  }
  .header_logo{
        width:75%;
    }
  .navbar-collapse {
    background-color: #003E57;
    border-top: 1px solid rgba(194, 131, 18, 0.3);
    padding: 8px 0 16px;
    margin-top: 4px;
    /* Full-screen overlay on mobile */
    width: 100%;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
       scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
  }
  .navbar-collapse::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
  }

  .navbar-nav {
    gap: 0;
  }

    .mega-menu .dropdown-item{
        padding : 5px;
    }
  .navbar-nav .nav-link {
    font-size: 14px;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    letter-spacing: 0.8px;
  }

  /* Dropdowns on mobile — static position, indented */
  .navbar-nav .dropdown>.dropdown-menu {
    position: static !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    background-color: #0e3347;
    border-left: 3px solid #C28312 !important;
    border-top: none;
    border-radius: 0;
    width: 100%;
    min-width:auto;
    animation: none !important;
  }
  
  .mega-inner{
      grid-template-columns : auto;
  }
    .mega-col:last-child{
        padding: 0 !important;
    }
    
    .mega-col:first-child{
        padding: 0 !important;
        border:none !important;
    }

  .btn-book {
    display: block;
    margin: 12px 16px 0;
    text-align: center;
    padding: 14px;
  }
}

/* Navbar End */

/*1st section start*/
.hero-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
  color: #fff;
}

.anim {
  transform: scale(0.5);
  opacity: 0;
}

html {
  scroll-behavior: smooth;
}

/*.gap_topp {*/
/*    margin-top: 6%;*/
/*}*/

.tophmar {
  margin-top: 100vh;
}


.text_arrea_blog {
  padding-top: 25px;
}

.gapB {
  padding-bottom: 12px;
}

.blogDtails-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.video-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  display: flex;
  transition: transform 0.5s ease-out;
  overflow: hidden;
}

.video-half {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: transform 0.5s ease-out;
}

.video-half video {
  width: 200%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.left-half video {
  left: 0;
}

.right-half video {
  right: 0;
}

.video-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-half.left-half .video-logo {
  left: 80.5%;
}

.video-half.right-half .video-logo {
  left: 19%;
}



.secinner_section {
  transition: all 0.3s ease;
}

.scroll-indicator {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
  color: white;
  font-size: 1rem;
  text-align: center;
  transition: opacity 0.3s ease;
}

.scroll-indicator .scroll-arrow {
  font-size: 2rem;
  margin-top: 0.3rem;
  animation: bounce 1s infinite;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(8px);
  }
}

.holdSection {
  width: 100%;
}

.hero-section {
  z-index: 1;
}



.holdSection {
  opacity: 1;
  anslateY(40px);
  /*  transition: o*/
  pacity 0.8s ease,
  transform 0.8s ease;
  /* */
  will-change: opacity, transform;
}

.holdSection.visible {
  opacity: 1;
  transform: translateY(0);
}






















/* Video background */
.hero-section video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* Mask image layer on top of video */
.video-mask {
  position: absolute;
  inset: 0;
  background-image: url("/assets/images/home/video_mask.png");
  background-color: #ffffff24;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: 2;
  pointer-events: none;
  backdrop-filter: blur(5.5px);
}



/* Text and button content */
.hero-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 10.5%;
  padding-right: 10.5%;
  color: #0c2135;
  /*padding-top: 6%;*/
  /*gap: 5px;*/
}

.hero-content h1 {
  color: #173344;
  font-family: 'DM Sans', sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120.9%;
  max-width: 650px;
}

.hero-content span{
  color: #173344;
  font-family: 'DM Sans', sans-serif;
  /*font-size: 65px;*/
  /*font-weight: 800;*/
  line-height: 102%;
   font-size: 75px;
  font-weight: 700;
  color: transparent;
  /*-webkit-text-stroke: 0.5px #E8893A;*/
  letter-spacing: -2px;
  line-height: 1;
  /*text-shadow: 0 0 30px rgba(232,137,58,0.55);*/
  /*max-width: 600px;*/
}

.hero-content button {
  margin-top: 20px;
  padding: 12px 24px;
  background-color: #b89b75;
  color: #fff;
  border: none;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.3s;
}

.hero-content button:hover {
  background-color: #a07d52;
}

/*.hero-content {*/
/*  height: 100%;*/
/*  display: flex;*/
/*  align-items: center;*/
/*}*/

.hero-slider,
.mySwiper,
.swiper {
  /*width: 770px;*/
  /*height: 300px;*/
}

.swiper-slide {
  display: flex;
  align-items: center;
}

.type-text {
  font-size: 42px;
  font-weight: bold;
}

/*1st section end*/



.dsktophide {
  display: none;
}

.hover_color {
  display: inline-block;
  transition:
    color 0.35s ease-in-out,
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, color;
}

.vc-dropdown {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0.3s ease, opacity 0.3s ease;
}

.vc-has-dropdown.active .vc-dropdown {
  opacity: 1;
}

.hover_color:hover {
  color: #C28312 !important;
  transform: translateY(-3px) scale(1.03) !important;
}

.vc-nav .vc-logo a {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}

.vc-menu-toggle {
  position: relative;
  width: 3rem;
  height: 1.5rem;
  cursor: pointer;
}

.vc-menu-toggle p {
  position: absolute;
  color: #fff;
  transform-origin: top left;
  will-change: transform, opacity;
}

.vc-menu-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: #133243c9;
  backdrop-filter: blur(50px);
  z-index: 7;
}

.vc-menu-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: left bottom;
  will-change: transform, opacity;
}

.vc-menu-items {
  width: 100%;
  height: 100%;
  padding: 2.5em;
  display: flex;
  /*gap: 2.5em;*/
  justify-content: space-evenly;
}

.vc-col-lg {
  /*flex: 3;*/
  text-align: -webkit-center;
  align-self: center;
}

.vc-col-sm {
  /*flex: 2;*/
  align-self: center;
}

.vc-menu-preview-img {
  width: 600px;
  height: 650px;
  position: relative;
  overflow: hidden;
  /*background: #1a1a1a;*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.vc-menu-preview-img img {
  position: absolute;
  width: 100%;
  height: 650px;
  object-fit: contain;
  opacity: 0;
}

.vc-preview-text {
  text-align: left;
  color: white;
  opacity: 0;
}

.vc-preview-text h2 {
  font-size: 2.5rem;
  margin-bottom: 16px;
  font-family: 'DM Sans', sans-serif;
}

.vc-preview-text p {
  font-size: 1.25rem;
  white-space: pre-line;
  color: #aaa;
}

.vc-menu-links {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.vc-link a {
  display: inline-block;
  /*font-size: 3.5rem;*/
  /*color: #fff;*/
  text-decoration: none;
  transition: color 0.5s;
  position: relative;
}

.vc-container {
  position: relative;
  width: 100%;
  height: 100%;
  will-change: transform;
  transform-origin: right top;
}

.vc-hero {
  position: relative;
  width: 100vw;
  height: 100vh;
  padding: 2.5em;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.vc-hero-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

.vc-hero-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vc-hero h1 {
  color: #fff;
  font-size: 7rem;
  font-weight: 400;
  line-height: 1;
  width: 80%;
  text-shadow: 2px 1px #111;
}

/* Dropdown inside Services */
.vc-dropdown {
  overflow: hidden;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: none;
}

.vc-menu-toggle {
  position: relative;
  width: 3rem;
  height: 1.5rem;
  cursor: pointer;
}

.vc-menu-toggle p {
  position: absolute;
  color: #fff;
  transform-origin: top left;
  will-change: transform, opacity;
}



.vc-has-dropdown.active .vc-dropdown {
  pointer-events: auto;
}

.vc-dropdown a {
  display: block;
  padding: 0.25rem 0;
  font-size: 1.25rem;
  color: #aaa;
  text-decoration: none;
  transition: color 0.3s;
}

.vc-dropdown a:hover {
  color: #fff;
}

/*2nd section strat*/
.small_heading {
  color: #C28312;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: bold;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}

.secleftcol {
  align-items: center;
}

.gap_left_sec {
  padding-left: 60px;
  padding-right: 80px;
}

.btn_style {
  display: flex;
  padding: 18px 34px 18px 34px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  background: #C28312;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px;
  margin-top: 25px;
}
.btn_style2{
    background: #003d55 !important;
    padding: 8px -1px !important;
    font-weight: 400 !important;
}

.btn_style2:hover {
  background: #C28312 !important;
  color: #FFF;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.6)
}

.btn_style3{
    background: #C28312 !important;
    padding: 8px -1px !important;
    font-weight: 400 !important;
    color: #fff !important;
}

.btn_style3:hover {
  background: #fff !important;
  color: #C28312 !important;
  box-shadow:0 0px 8px 0 rgba(255,255,255,0.6) !important;
}


.btn_style:hover {
  background: #003d55;
  color: #FFF;
  box-shadow:0 8px 16px 0 rgba(255,255,255,0.6)
}

.btn_width {
  width: 185px;
}

.counter-wrapper {
  overflow: hidden;
  height: 80px;
  width: fit-content;
  /*margin-right: 10px;*/
}

.counter-slide {
  display: flex;
  flex-direction: column;
  transition: transform 0.9s ease-in-out;
}

.counter-slide span {
  font-family: 'DM Sans', sans-serif;
  font-size: 80px;
  font-weight: 500;
  color: white;
  height: 80px;
  line-height: normal;
  text-align: left;
}

.counter-section {
  display: flex;
  align-items: center;
  margin-top: 50px;
  width: 460px;
}

.counter-number {
  font-family: 'DM Sans', sans-serif;
  font-size: 80px;
  font-weight: 500;
  color: #ffffff;
  margin-right: 15px;
  line-height: 1;
  width: 120px;
}


.counter-plus {
  font-size: 80px;
  color: #C28312;
  font-weight: 500;
}

.counter-text {
  font-size: 20px;
  max-width: 300px;
  line-height: 1.4;
  color: #d9e4ea;
}

.gapcounter {
  margin-bottom: -20px;
  margin-left: 10px;
}


.heading_style {
  color: #003E57;
  font-family: 'DM Sans', sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  padding-bottom: 10px;
}

.heading_style2{
    font-size: 34px;
}

.heading_style3{
    font-size: 20px;
}

.sec_section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.sec_bg {
  background-image: url("/assets/images/home/sec_bg.webp");
  background-color: #173344;
  /*padding-top: 0px;*/
  /*padding-bottom: 0px;*/
  /*padding-left: 0px;*/
  /*padding-right: 0px;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 30px;
}

.carousel-vertical-down {
  animation: scroll-down 12s linear infinite;
}

@keyframes scroll-down {
  0% {
    transform: translateY(-50%);
  }

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





.carouselverticalone {
  animation: looping 10s linear infinite;
}

@keyframes looping {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-50%);
  }
}


.verticalcolumnone:hover .carouselverticalone {
  animation-play-state: paused;

}

.verticalcolumnone:hover .carousel-vertical-down {
  animation-play-state: paused;

}



@media only screen and (max-width: 360px) {
  .verticalcolumnone {
    max-height: 350px;
    height: 350px;
  }
}

.forth_image {
  width: 100%;
  position: sticky;
  top: 100px;
  height: 100%;

}

.carDivbg {
  display: flex;
  width: auto;
  padding: 25px 0px 10px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  border-radius: 20px;
  background: #122733;
}

.text_style {
  color: #23232380;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.text_style4 {
  color: #ffffffd3;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(14px, 1.2vw, 17px);
  /* responsive */
  font-weight: 400;
  /* line-height: 1.6; better readability */
}

.text_style3 {
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(18px, 2vw, 24px);
  /* responsive */
  font-weight: 500;
  line-height: 0.3;
  /* FIXED (10px was too tight) */
  margin-bottom: clamp(16px, 3vw, 36px);
  /* responsive spacing */
}


.color_white {
  color: #fff !important;
}

.decr_col {
  display: flex;
  gap: 30px;
  flex-direction: column;
}

.col_heigth {
  height: 580px;
  overflow: hidden;
  padding-right: 30px;
}


.thirService_bg{
    background: #133243 !important;
}

/*2nd section end*/

/*thrd_section strat*/
.thrd_section {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F8F8F8;
  /*background-image: url('/assets/images/about/about-us-bg.png');*/
  /* ✅ full bg */
  background-size: 100% 100%;
  /* ✅ stretch to full section */
  background-repeat: no-repeat;
  background-position: center;
  min-height: auto;
  position: relative;
}

.homeCounter_bg {
  background-image: url("/assets/images/about/about-us-bg.png");
}

.homeAbout_bg {
   background-image: url("/assets/images/home/footer-bg2.jpg"); 
}

.counter-box {
  display: flex;
  /*width: 346px;*/
  /*height: 170px;*/
  padding: 25px 25px 25px 25px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  border: 1px solid rgba(179, 179, 179, 0.20);
}

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





.stats-section {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      padding-top: 20px;
      gap: 20px;
    }

    .stat-card {
      flex: none;
      border: 1px solid rgba(179, 179, 179, 0.20);
      padding: 30px 35px;
      text-align: left;
      min-width: 180px;
    }

    .stat-number-wrapper {
      overflow: hidden;
      height: 60px;
    }

    .stat-number-slider {
      display: flex;
      flex-direction: column;
      transition: transform 0.9s ease-in-out;
    }

    .stat-number-slider span {
      color: #C28312;
        font-family: 'DM Sans', sans-serif;
        font-size: 70px;
        font-style: normal;
        font-weight: 400;
      height: 60px;
      line-height: 60px;
    }

.cunterClrgap {
  /*opacity: 0.6;*/
  margin-top: 16px;
}


/*thrd_section end*/


/*fourth_section start*/

.forthSection {
  background-color: #173344;
  padding-top: 45px;
  padding-bottom: 45px;
}

.leftGap {
  padding-left: 40px;
}

.iconflex {
  display: flex;
  gap: 18px;
  margin-top: 12px;
}

.icon_home {
  padding-top: 6px;
}

.gaptop_icon {
  margin-top: 30px;
}

.icon_heading {
  color: #FFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 99.9%;
}

.icon_text_color {
  color: #A2ADB4 !important;
}

/*fourth_section end*/


/*fifth_section start*/
.service_sec .row {
    align-items: stretch;
    justify-content: space-between;
}

.service_sec{
    padding: 120px 0px;
    display: flex;
    background: #f5f5f5;
}

.service_sec img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
     object-position: center center;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 13%);
}

.fifth_section {
  padding-top: 40px;
  padding-bottom: 80px;
  padding-left: 60px;
  padding-right: 60px;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
}

.inner_services {
    background-position: right;
    padding: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.serv_inner{
    padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.homeSerSection {
  background-image: url("/assets/images/home/fith_image.webp");
}

.serHome {
  padding-bottom: 15px;
  width: 56%;
}

.service_card {
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.servicHeading {
  color: #003E57;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(16px, 2vw, 26px);
  font-style: bold;
  font-weight: 700;
  line-height: 99.9%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;

  min-height: calc(16px * 2);
  /* 2 lines fixed */
}

.servicHeading2{
    display:block !important;
    min-height:auto;
}

@media (max-width: 426px) {
    
    .servicHeading{
        font-size: 20px !important;
    }
    .thrsecSectionGap{
        margin-top : 0px !important;
    }
    
}
.color_service {
  opacity: 0.6;
}

.servicebtn_arrow {
  fill: #C28312;
  width: 24px;
  height: 16px;
  margin-left: 6px;
  margin-bottom: 4px;
}

.ser_icon_size {
  width: 92px;
  height: 90px;
}

.servic_btn {
  color: #C28312;
  margin-top: 15px;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}

.servic_btn:hover {
  color: #C28312;
}

.ser_hedtextbtn {
  padding: 30px 25px 25px 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content : space-between;
}

.serv_text_gap {
  padding-top: 5px;
  padding-bottom: 13px;
  flex:1;
}

.icon_circal {
  fill: #C28312;
}

.service_card:hover {
  background-color: #173344;
}

.service_card:hover .icon_circal {
  fill: #173344;
}

.service_card:hover a.servic_btn,
.service_card:hover .servicHeading,
.service_card:hover .servicebtn_arrow,
.service_card:hover .text_style2,
.service_card:hover .text_style{
  color: #fff !important;
  fill: #fff;
}

.service_card {
  transition: transform 0.3s ease, background-color 0.4s ease;
}

.service_card:hover {
  transform: translateY(-5px);
}

.serv_row_gap {
  padding-top: 24px;
}

/* Col bhi full height lega */
/*.serv_row_gap > [class*="col"] {*/
/*  display: flex;*/
/*}*/

.active_color {
  background-color: #173344 !important;
}

.active_color:hover {
  background-color: #fff !important;
}

.active_color {
  fill: #173344 !important;
}

.ser_hedtextbtn_active {
  text-align: center;
  padding: 58px 0 99px 0;
}

.active_color:hover .servicebtn_arrow_active,
.active_color:hover .active_color,
.active_color:hover .servic_btn_active {
  fill: #C28312 !important;
  color: #C28312 !important;
}

.servic_btn_active {
  color: #FFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 99.9%;
}


.servicebtn_arrow_active {
  fill: #fff;
  width: 32px;
  height: 24px;
  margin-left: 6px;
  margin-bottom: 4px;
}

.text_style5{
    color: #23232390 !important;
    display: block !important;
    -webkit-line-clamp:none;
}

/* Desktop - swiper hide, mobile - rows hide */
.mobile-swiper { display: none; }

.view_all_services{
    display: none;
    background: #003E57 !important;
    margin-bottom: 25px;
}
@media (max-width: 767px) {
  .desktop-cards { display: none; }
  
  .view_all_services{ display: flex;
        font-size: 14px !important;
        align-items: center;
        padding: 10px 6px 10px 5px !important;
        gap: 8px;
         }
        
        .view_svg{
           margin: 2px 5px 0px 5px;
           
        }

  .mobile-swiper { display: block; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 95.5%, rgba(0, 0, 0, 0) 100%); }

  .serviceSwiper {
    padding: 10px 5px 55px 5px !important;
  }

  .serviceSwiper .swiper-slide {
        height: auto;
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }
  
    .serviceSwiper .swiper-slide-active {
      opacity: 1;
    }

  .serviceSwiper .service_card {
      height: 100%;
  }

    .swiper-pagination {
      bottom: 0px !important;    /* pagination neeche fix */
    }
    
    .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      margin: 0 5px !important;
      background: #ccc;
      opacity: 1;
    }

    .swiper-pagination-bullet-active {
        background: #054058 !important;
    }
}
/*fifth_section end*/


/*six_section start*/
.sixSection {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: visible !important;
}
.sixSection .row,
.sixSection .col-xxl-6,
.sixSection .col-xl-6,
.sixSection .col-lg-6,
.sixSection .col-xxl-12,
.sixSection .col-xl-12,
.sixSection .col-lg-12,
.sixSection .col-md-12,
.sixSection .col-12 {
  overflow: visible !important;
}

.stickyReveal .six_card {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.stickyReveal .six_card.cardVisible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.rightGap {
  padding-right: 40px;
}

.six_image {
  width: 100%;
  position: sticky;
  top: 120px;
}

.six_card {
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25);
  /*overflow: hidden;*/
  margin-top: 20px;
}

/* Sticky cards */
.st_1 {
  position: sticky;
  top: 100px;
  z-index: 1;
}
.st_2 {
  position: sticky;
  top: 175px;
  z-index: 2;
}
.st_3 {
  position: sticky;
  top: 250px;
  z-index: 3;
}
.st_4 {
  position: sticky;
  top: 320px;
  z-index: 4;
}

.st_5 {
  position: sticky;
  top: 390px;
   z-index: 5;
}

.st_6 {
  position: sticky;
  top: 460px;
   z-index: 6;
}
.six_card_icon {
  width: 92px;
  height: 90px;
}

.first_card_gap {
  margin-top: 25px;
}

.six_arrow_icon {
  width: 36px;
  height: 14px;
  margin-left: 6px;
  margin-bottom: 4px;
}

.six_btn {
  color: #054057;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25.2px;
  border-radius: 16px;
  border: 1px solid #054057;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #C28312;
  padding: 10px 25px;
}

.six_btn:hover {
  color: #054057;
  background: #4545451c;
}

.sixhtextbtn {
  padding: 0 10px 50px 114px;
  margin-top: -45px;
}

.sixgap_bottom {
  margin-bottom: 28px;
}

/*six_section end*/

/*seven_section start*/
.sevenSection {
  background-image: url("/assets/images/home/footer-bg2.jpg");
  padding: 90px;
  background-size: 100% 100%;
  /* ✅ stretch to full section */
  background-repeat: no-repeat;
  background-position: center;
  min-height: auto;
  position: relative;
}

.swiper-slide .review-slide {
  overflow: hidden;
}

.client-review-section {
  display: flex;
  /*max-width: 1200px;*/
  /*margin: auto;*/
  gap: 10px;
}

.review-intro {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.review-intro h2 {
  margin-bottom: 10px;
}

.review-intro p {
  margin-bottom: 20px;
  max-width: 380px;
}

.review-nav-buttons {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

/* Mobile — 768px se neeche */
@media (max-width: 768px) {
  .review-intro {
    display: flex;
    flex-direction: column;
  }

  .review-nav-buttons {
    order: 3;        /* testimonials ke baad aayega */
  }

  .review-carousel-wrap {
    order: 2;        /* pehle carousel/testimonials */
    width: 100%;
  }
  
}

@media (max-width: 426px) {
    .review-slide{
      min-height: 300px !important;
      /*max-height: 350px !important;*/
  }
}
.review-nav-btn {
  background: #003E57;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
}

.review-carousel-wrap {
  flex: 2;
  min-width: 0;
}

.review-swiper {
  width: 100%;
  border-radius: 18px;
}

.review-slide {
  position: relative;
  border-radius: 18px;
  background: #fff;
  /* box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25); */
  border: 1px solid #B3B3B333;
  /* padding: 20px; */
  overflow: hidden;
  /* important */
  min-height: 450px ;
  max-height: 500px;
  /* width: 400px !important; */
}



.review-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.review-header img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

/*.review-name {*/
/*  font-weight: 600;*/
/*}*/

.review-stars {
  color: #f6b800;
  padding: 2px 0 6px 0;
  font-size: 25px;
}

/*.review-text {*/
/*  color: #666;*/
/*  font-size: 14px;*/
/*}*/

@media (max-width: 1025px) {
    .review-slide{
        min-height: 350px ;
        max-height: 450px;
    }
}
@media (max-width: 768px) {
  .client-review-section {
    flex-direction: column;
    align-items: center;
    gap:20px;
  }

  .review-nav-buttons {
    justify-content: center;
    display:none;
  }

  .review-intro {
    align-items: center;
  }
}

.namereText {
  padding: 24px;
}

.rev_card_icon {
  width: 90px;
  height: 92px;
}

/*seven_section end*/


/*eight_section end*/
.eigthSection {
  padding-top: 80px;
  padding-bottom: 80px;
}

.faq-section {
  display: flex;
  /*max-width: 1200px;*/
  /*margin: auto;*/
  /* gap: 60px; */
  flex-wrap: wrap;
  justify-content: space-around;
}

.faq-left {
  flex: 1.5;
  max-width: 690px;
}

.faq-left h2 {
  margin-bottom: 10px;
}

/*.faq-left h2 span {*/
/*  display: block;*/
/*}*/

.faq-left p {
  margin-bottom: 30px;
}

.faq-left img {
  width: 100%;
  max-width: 320px;
  object-fit: contain;
}

.faq-right {
  flex: 1.5;
  display: flex;
  flex-direction: column;
  gap: 15px;
  /*max-width: 700px;*/
}

.faq-item {
  border: 1px solid #eee;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); */
  box-shadow: 0px 1px 9px 0px #00000040;
  background: #fff;
}

.faq-question {
  color: #232323;
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  background: #fff;
  border: none;
  padding: 20px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.faq-question .icon {
  display: inline-block;
  background: #003E57;
  color: #fff;
  width: 33px;
  height: 33px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  line-height: 33px;
  transition: background 0.3s, color 0.3s;
}

.faq-answer {
  display: none !important;
  padding: 0 20px 20px;
  /* animation: fadeIn 0.3s ease-in-out; */
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.faq-item.active .faq-answer {
  display: block !important;
}

.faq-item.active .faq-question .icon {
  background: #ccc;
  color: #000;
}

.faqimgaglin {
  text-align: center;
}

.iconBg {
  background-image: url("/assets/images/home/iconBg.png");
  background-position: right top;
  background-size: 69px;
  background-repeat: no-repeat;
}

/*eight_section end*/


/*9th_section start*/
.nineSection {
  background-color: #F8F8F8;
  padding-top: 80px;
  padding-bottom: 80px;
}

.custom-contact-wrapper {
  /*display: block !important;*/
  /*flex-wrap: wrap;*/
  max-width: 1450px;
  margin: 0px auto;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #B3B3B333;
  /* box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); */
  box-shadow: inset 0px 1px 9px 0px #00000040;
  overflow: hidden;
  padding: 0;
  /*gap: 15px;*/
  align-items: stretch;
}

.custom-map-container,
.custom-form-container {
    display: flex;
    flex-direction: column;
}

.custom-map-container {
  flex: 1;
  min-width: 300px;
  max-width: 700px;
  /*min-height: 650px;*/
  /* box-shadow: inset 0px 1px 9px 0px #00000040; */
  /* overflow: hidden; */
  border-radius: 12px;
  padding: 5px;
}

.custom-form-container {
  flex: 1;
  padding: 40px;
  min-width: 300px;
  max-width: 700px;
  /* max-width: 600px; */
  /* background-color: #fff; */
}

.custom-form-container h2 {
  color: #003E57;
  font-family: 'DM Sans', sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 99.9%;
  margin-bottom: 30px;
}

.custom-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/*.custom-row {*/
/*  display: flex;*/
/*  gap: 35px;*/
/*  flex-wrap: wrap;*/
/*}*/

.custom-row input {
  flex: 1;
}

.custom-form input,
.custom-form select,
.custom-form textarea {
  width: 100%;
  padding: 12px 0px;
  border: none;
  border-bottom: 1px solid #232323;
  /* same as normal */
  /*border-radius: 6px;*/
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #8D8D8D;
  background: transparent;
  margin-bottom: 15px;
}

.custom-form input:focus,
.custom-form select:focus,
.custom-form textarea:focus {
  outline: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}

.custom-form label {
  font-size: 14px;
  /*font-weight: 600;*/
  color: #003E57;
  letter-spacing: 0.01em;
  font-family: 'DM Sans', sans-serif;
}


:focus-visible {
  outline: -webkit-focus-ring-color auto 0px !important;
  border: none;
}

.custom-form textarea {
  resize: vertical;
  min-height: 50px;
}

.custom-form button {
  background: #003E57;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 15px 34px;
  cursor: pointer;
  transition: background 0.3s;
  width: fit-content;
  text-align: center;
  align-self: end;
  margin-top: 20px;
  color: #FFF;

  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.iti__selected-flag {
  padding: 0 6px 0 0px !IMPORTANT;
}

.iti {
  width: 100%;
}

.custom-form button:hover {
  background: #C28312;
}

@media (max-width: 768px) {
  .custom-contact-wrapper {
    /*flex-direction: column;*/
    gap:0px;
  }

  .custom-map-container,
  .custom-form-container {
    width: 100%;
  }


}


/*9th_section end*/

/*<!--10th section start-->*/
.tenSection {
  background-color: #fff;
  padding-top: 0px;
  padding-bottom: 80px;
}

.blogbg {
  background-image: url("/assets/images/home/blog_bg.webp");
  padding-top: 90px;
  padding-left: 100px;
  padding-right: 100px;
  background-position: center top;
  background-size: 100% 71%;
  background-repeat: no-repeat;
}

.gap_b_blog {
  margin-bottom: 40px;
}

.blog-card {
  overflow: hidden;
  transition: transform 0.3s;
  border-radius: 18px;
  /*border: 1px solid rgba(179, 179, 179, 0.20);*/
  background: #FFF;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25);
}

.blog-card:hover {
  transform: translateY(-5px);
}

.blog-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.blog-content {
  padding: 24px 16px 24px 16px;
  width: 400px;
  /* flex-grow: 1; */
  /*display: flex;*/
  /*flex-direction: column;*/
}

.blog-readmore {
  color: #C28312;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}

.blog-readmore:hover {
  color: #C28312;
}

.blog-meta {
  display: flex;
  gap: 20px;
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
  margin-top: 0px;
}

.blog_he {
  margin-bottom: 28px;
}

.mata_size {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  margin-bottom: 4px;
}

.blog_he:hover {
  color: #C28312;
}

/*<!--10th section end-->*/


/*contect start*/
.contact_banner {
  background-image: url("/assets/images/contact/contact-banner.webp");
}

.con_first_banner {
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 470px;
  /*margin-top: 95px;*/
  align-content: center;
}

.innerpageBannerHeading {
  color: #fff;
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px;
}

.content_map {
  height: 600px;
}

.bg_left_form {
  /*background-image: url("/assets/images/contact/left_bg_form.png");*/
  /*background-color: #173344;*/
  /*padding: 40px;*/
  /*padding-right: 220px;*/
  /*background-position: top right;*/
  /*background-size: auto;*/
  /*background-repeat: no-repeat;*/
  /*border-radius: 10px;*/
  width: 50%;
}

.bg_left_form h2 {
  /*color: #fff;*/
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /*margin-bottom: 15px;*/
}

.form2div {
  display: grid;
  gap: 15px;
  margin: 55px 0 60px 0;
}

.icon_div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.icon_div:hover {
  opacity: 0.9;
}

.contact_icon {
  width: 36px;
  height: 36px;
}

.svgpthcon {
  fill: #fff;
  transition: fill 0.4s ease, transform 0.3s ease;
}

.icon_div:hover .svgpthcon {
  fill: #C28312;
  transform: scale(1.1);
}

.icon_text {
  color: #FFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.6px;
}

.icon_div:hover .icon_text {
  color: #C28312;
}

.form3div {
  display: flex;
  align-items: center;
  gap: 15px;
}

.soical_con {
  width: 35px;
  height: 35px;
  cursor: pointer;
}

.pth_soical {
  transition: fill 0.4s ease, transform 0.4s ease;
  transform-origin: center;
}

.soical_con:hover .pth_soical {
  transform: scale(1.5);
}

.formdiv_con {
  min-width: none !important;
  max-width: none !important;
  width: auto !important;
}

.cont_form {
  /*padding: 25px 0px 25px 25px;*/
  padding:0px;
}

/*contect end*/

/*blogs start*/
.blogMainCol {
  display: flex;
  gap: 10px;
  padding-bottom: 60px;
}

.sideFormBG {
  filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.25));
  background-color: #fff;
  border-radius: 17px;
  padding: 35px;
  margin-left: 30px;
  margin-top: 20px;
}

.cat_div {
  margin-left: 30px;
}

.custom-form-side input,
.custom-form-side select,
.custom-form-side textarea {
  width: 100%;
  padding: 9px 11px;
  border: solid rgba(35, 35, 35, 0.40);
  border-width: 1px 1px 1px 1px;
  border-radius: 10px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #D3D3D3;
  margin: 10px 0px 0px 0px;
  background: transparent;
}

.custom-form-side button {
  background: #173344;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);
  color: white;
  border: none;
  padding: 12px;
  cursor: pointer;
  transition: background 0.3s;
  text-align: center;
  align-self: center;
  margin-top: 20px;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  border-radius: 30px;
}

.field-error {
  display: block;
  font-size: clamp(11px, 1.5vw, 13px);
  color: #dc3545;
  margin-top: clamp(-8px, 0.5vw, -14px);
  margin-bottom: 0;
  padding: 0;
  line-height: 1.3;
}

.custom-form-side button:hover {
  color: #C28312;
}

.sidebarformH {
  color: #232323;
  font-family: "poppins";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.textStyle_cat:hover {
  color: #C28312;
}

.line_gap {
  padding: 20px 0px 5px 0px;
}

.textStyle_cat {
  color: #232323;
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.catSvg {
  width: 9px;
  height: 16px;
  transition: transform 0.3s ease;
}

.catSidebar {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.catSidebar:hover .catSvg {
  transform: translateX(5px);
}

.blogLiftSide {
  border: solid;
  border-color: #E6E6E6;
  border-width: 0 1px 0 0;
  padding-right: 40px;
}

.line_gap hr {
  color: #a3a3a3;
}

.gapBlogCard {
  margin-top: 20px;
}


/*pagination*/
.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: sans-serif;
  padding-top: 35px;
}

.page-btn {
  border: none;
  background-color: #fff;
  color: #173344;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  box-shadow: inset 0px 0px 4px 1px #ddd;
  transition: background-color 0.3s, color 0.3s;
}

.page-btn:hover {
  background-color: #173344;
  color: #fff;
  box-shadow: none;
}

.page-btn.active {
  background-color: #173344;
  color: #fff;
  box-shadow: none;
}

.page-btn.prev,
.page-btn.next {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 0 1px #ddd;
}

.page-btn.prev:disabled,
.page-btn.next:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.page-btn.prev span,
.page-btn.next span {
  font-size: 16px;
  color: #9d7f5d;
  /* brownish arrow color from your screenshot */
}

.bgclrsvg:hover {
  fill: #173344;
}

.bgclrsvg: {
  fill: #fff;
}


.dots {
  color: #999;
  font-size: 14px;
}

.pageSize {
  width: 40px;
  height: 40px;
}

#post-list {
  grid-template-columns: repeat(3, 1fr);
}

/*pagination*/
.stickySidebar {
  position: sticky;
  top: 115px;
}

/*blogSlider start*/
.blog_banner {
  background-image: url("/assets/images/blog/blogs-banner.webp");
}


.BlogSilder {
  padding-top: 60px;
}


:root {
  --transition-duration: 0.6s;
}


.custom-carousel {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  max-width: 100%;
  height: 600px;
  min-height: 400px;
}

.custom-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: translateX(100%);
  transition: all var(--transition-duration) ease-in-out;
  display: flex;
  align-items: flex-end;
}

.custom-slide.active {
  opacity: 1;
  transform: translateX(0);
  z-index: 1;
}

.custom-slide.exit-left {
  transform: translateX(-100%);
}

.custom-slide.exit-right {
  transform: translateX(100%);
}

.custom-overlay {
  /*position: absolute;*/
  /*inset: 0;*/
  /*background: linear-gradient(*/
  /*  to top,*/
  /*  rgba(0, 0, 0, 0.8),*/
  /*  rgba(0, 0, 0, 0.4),*/
  /*  rgba(0, 0, 0, 0.1)*/
  /*);*/
  /*z-index: 0;*/
}

.custom-slide-content {
  padding: 30px 30px 60px 30px;
  z-index: 2;
  width: 100%;

  border-radius: 18px;
  background: rgba(0, 0, 0, 0.40);
  backdrop-filter: blur(17.712465286254883px);
}

.custom-slide-content h2 {
  color: #FFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 8px;
}

.custom-slide-content p {
  color: #F8F7FC;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
}

.custom-slide-content .author {
  color: #F8F7FC;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.custom-controls {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 5;
}

.custom-dots {
  display: flex;
  gap: 0.5rem;
}

.custom-dot {
  width: 12px;
  height: 12px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.custom-dot.active {
  width: 32px;
  background-color: #C28312;
}

.custom-arrows {
  display: flex;
  gap: 0.5rem;
}

.custom-arrow-btn {
  padding: 0.5rem 0.8rem;
  border-radius: 12px;
  border: 0.5px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  font-size: 1.25rem;
  cursor: pointer;
  transition: background 0.3s;
}

.custom-arrow-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}




/*blogSlider end*/



/*blogs end*/


/*footer*/
.footer_bg {
  background-image: url("/assets/images/home-Poster-foolter.png");
  /* background-color: #041125; */
  padding-top: 60px;
  padding-bottom: 100px;
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  background: linear-gradient(180deg, #003E57 0%, #002636 100%);
}

.footer_2nd_bg {
  background-image: url("/assets/images/home/web_footer_bg.webp");
  /*padding-top: 50px;*/
  /*padding-bottom: 25px;*/
  padding-left: 30px;
  padding-right: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 30px;
  position: relative;
  backdrop-filter: blur(8px);
  box-shadow: 0px 2px 30px 0px #FFFFFF40;

}

.conta_Width {
  width: 75%;
}

.blog_width {
  width: 60%;
}



.text_style2 {
  color: #232323;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text_width {
  width: 85%;
}

.logo_gap {
  padding-bottom: 8px;
}

.soical_madiea_sec {
  padding-top: 35px;
}

.soical_icon {
  width: 30px;
  padding-right: 6px;
}

.bor_bottom {
    padding-top: 40px;
  border-bottom: solid 1.5px #cbcbcb;
  /*padding-bottom: 24px;*/
}

.text-agline {
  text-align: end;
}

.gaptoplast {
  padding-top: 15px;
  padding-bottom: 8px;
}

a {
  text-decoration: none !important;
}

.mara-box {
  display: inline-block;
  padding: 8px 16px;
  font-weight: 700;
  font-size: clamp(12px, 1.2vw, 16px);
  color: #1f4e5f;
  background-color: #f4f4f4;
  border: 2px solid #e0b36a;
  border-radius: 6px;
  letter-spacing: 1px;
}

.mara-box-header{
  display: inline-block;
  padding: 6px 16px;
  font-weight: 700;
  font-size: clamp(12px, 1.2vw, 16px);
  color: #fff;
  /*background-color: #f4f4f4;*/
  border: 1px solid #FFFFFF20;
  border-radius: 6px;
  letter-spacing: 1px;
}

.footer_heading {
  color: #C28312;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  padding-bottom: 8px;
}

.footer_gap_r {
  padding-right: 35px;
}

.footer_logo {
  width: auto;
}

.nodot_footer {
  list-style: none;
  padding-left: 0px;
}

.listtestGap {
  padding-bottom: 15px;
}

.gaprightficon {
  padding-right: 8px;
}

.footer_link_hover:hover {
  color: #C28312;
}

/*footer*/


/*Service page start*/
.service_bgbanner {
  background-image: url("/assets/images/service/service_banner.webp");
}

.serv_first_banner {
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: top !important;
  background-size: cover;
  background-repeat: no-repeat;
  height: 590px;
  /*margin-top: 95px;*/
  align-content: center;
}

.servFormBG {
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25) inset;
  padding: 30px 25px;
}

.text_center {
  align-content: center;
}

.BanerservH {
  color: #003E57;
  font-family: 'DM Sans', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.serv_img {
  background-image: url("/assets/images/service/servicebg1.webp");
}

.thirService_img {
  background-image: url("/assets/images/service/service_counte_bg.webp");
}

.formImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.justy {
  justify-content: space-between;
}

/*Service page end*/

/*about page staart*/
.about_banner {
  background-image: url("/assets/images/about/about_banner.webp");
}

.ab2ndSec {
  padding-top: 80px;
  padding-bottom: 80px;
}

.textGapRight {
  padding-right: 40px;
}

.Ab_sec_image {
  width: 100%;
  position: sticky;
  top: 100px;
}

.ab3rdSection {
  background-color: #F8F8F8;
  padding-top: 80px;
  padding-bottom: 80px;
}

.ab4thSection {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}

.ab5thSection {
  background-color: #F8F8F8;
  padding-top: 0px;
  padding-bottom: 80px;
}

.justy_text {
  text-align: justify;
}

/* ===== Tabs ===== */
.vmv-tabs-wrapper {
  text-align: center;
  margin-bottom: 40px;
  justify-content: center;
  display: flex;
}

.vmv-tabs {
  display: flex;
  justify-content: center;
  gap: 60px;
  max-width: 900px;
  border-bottom: 1px solid #5c5c5c;
  align-items: center;
  padding: 0px 60px;
}

.vmv-tab {
  background: transparent !important;
  border: none;
  font-size: 25px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  padding: 0px 0px 20px 0px;
  transition: color 0.3s ease;
}

.vmv-tab:focus {
  background-color: transparent !important;
  outline: none;
}

.vmv-tab.active {
  color: #C28312;
  border-bottom: 2px solid #C28312;
}

.vmw_image{
    object-fit: contain;
    width: 100%;
    border-radius: 10px;
    position: sticky;
    top: 116px;
}

@media (max-width: 991px) {
     .vmv_content{
           width: stretch;
            text-align: center;
            margin-top:15px;
       }
        .vmv-content h2{
            text-align: center !important;
        }
}

@media (max-width: 769px) {
    
       .vmw_row{
            display: flex;
            justify-content: center;
            gap: 16px;
       }
      
       .vmv-content h2{
           text-align: center !important;
           font-size: 28px;
       }
       .vmv-content p {
            font-size: 15px;
        }
        .vmv_content{
            padding-left: 0px !important;
        }
}


.vmv_content{
    padding-left: 30px;
}
@media (max-width: 426px) {
    
    .vmv-tab {
        font-size: 18px !important;
    }
    
}
/* ===== Content Sections ===== */
.vmv-content-wrapper {
  /*min-height: 500px;*/
  /* adjust to your tallest section */
}

.vmv-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 0px 0px;
  color: #ffffff;
  text-align: left;
  animation: vmvFadeIn 0.4s ease;

}

.vmv-content h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #ffffff;
  /*text-align: left;*/
  letter-spacing: 1px;
  line-height:normal;
}

.vmv-content p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffffc9 !important;
    max-width: 720px;
    margin: 0 auto;
}

/* Optional: cards inside a section */
.vmv-cards {
  display: flex;
  gap: 24px;
  margin-top: 40px;
  justify-content: center;
  flex-wrap: wrap;
}

.vmv-card {
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 32px 28px;
  flex: 1;
  min-width: 220px;
  max-width: 260px;
  text-align: left;
}

.vmv-card .vmv-card-icon {
  font-size: 28px;
  margin-bottom: 14px;
}

.vmv-card h3 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.vmv-card p {
  font-size: 14px;
  color: #ffffff88;
  line-height: 1.7;
}

@keyframes vmvFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .vmv-tabs-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* justify-content: left; */
  }

  .vmv-tabs {
    justify-content: flex-start;
    gap: 30px;
    padding: 0 20px;
    min-width: max-content;
  }

  .vmv-tab {
    font-size: 24px;
    white-space: nowrap;
  }

  .vmv-content-wrapper {
    /*min-height: 700px;*/
    /* mobile content stacks taller */
  }

  .vmv-content {
    padding: 00px 50px;
  }

  .vmv-cards {
    flex-direction: column;
    align-items: center;
  }

  .vmv-card {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .vmv-tabs-wrapper {
    justify-content: center;
  }
   .vmv-content {
    padding: 0px 20px;
  }
}
/*about page end*/
/* assesment page start */

.asses_bgbanner {
  height: 50vh;
  background-image: url("/assets/images/service/busnissSetup.webp");
}

.assesment-form {
  padding: 40px;
  box-shadow: 0px 1px 9px 0px #00000040 inset;
  border: 1px solid #B3B3B333;
  border-radius: 18px;
  max-height: fit-content;
  position: sticky;
  top: 100px;
}

.assesment-form h2 {
  color: #003E57;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(22px, 2.5vw, 34px);
  font-style: normal;
  font-weight: 700;
  line-height: 112%;
  margin-bottom: 30px;
}

.asses-image {
    width: 100%;
    flex: 1;
    object-fit: fill;
    object-position: center;
    /*height: 400px;*/
    border-radius: 8px;
    height : auto;
}

/* assesment page end */
/*International Visit Visa start*/
.visit_bgbanner {
  background-image: url("/assets/images/service/international-visit-visa.webp");
}

.serInner {
  padding-bottom: 15px;
  width: 75%;
}

.servInner_img {
  /*background-image: url("/assets/images/home/blog_bg.webp");*/
  background : none;
}

.visa_price {
  color: #C28312;
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.price_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.servicbook_btn {
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  border-radius: 12px;
  background: #173344;
  padding: 12px 30px 12px 30px;
}

.servicbook_btn:hover {
  background: #C28312;
  color: #FFF;
}

.service_card_inner {
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transition: transform 0.3s ease, background-color 0.4s ease;
  margin: 10px 0;
}

.service_card_inner:hover {
  transform: translateY(-5px);
}

.inner_3rd_img {
    /*height: 400px;*/
    object-fit: contain;
    width: 100%;
    border-radius: 0px;
    position: sticky;
    top: 116px;
}

.thirService_inner_img {
  background-image: url("/assets/images/service/inner_3rd_sectiong_Bg.webp");
}

.thrdbtn {
  background: #C28312 !important;
}

.thrdbtn:hover {
  background: #9f825c !important;
}

.gapbtom3rdbtn {
  margin-bottom: 30px;
}

.thrsecSectionGap {
  margin-top: 40px;
}

.innerSerGapp {
  margin: -52px 0 0 70px;
}

.thrdinnerSVG {
  width: 69px;
  height: 65px;
}

.ser_hedtextbtninnr {
  padding: 18px 18px 18px 12px;
}

.inner_con_img {
  width: 100%;
}

.progress-wrapper {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  gap: 40px;
  padding: 10px 0 0 0;
}

.progress-circle {
  text-align: center;
}

.probarsvg {
  width: 150px;
  height: 150px;
  transform: rotate(-90deg);
}

.circlepro {
  fill: none;
  stroke-width: 8;
  cx: 60;
  cy: 73;
  r: 56;
}

.bgpr {
  stroke: #C28312;
  /* goldish brown */
  opacity: 0.3;
}

.progress {
  stroke: #C28312;
  stroke-linecap: round;
  stroke-dasharray: 314;
  /* circumference */
  stroke-dashoffset: 314;
  transition: stroke-dashoffset 1s ease-out;
}

.percentage {
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  margin-top: -76px;
  /* position number in center */
  position: relative;
}

.circal_text {
  margin-top: 45px;
  color: #FFF;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/*International Visit Visa end*/


/*International work Visa end*/
.work_bgbanner {
  background-image: url("/assets/images/service/work-visa.webp");
}

.work-text {
  color: #173344;
  font-family: 'DM Sans', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 99.9%;
  /* 23.976px */
  margin: 0 0 -8px 0;
}

.W_height {
  height: 215px;
}

/*International work Visa end*/

/*Dubai Business setup start*/
.busSetup_bgbanner {
  background-image: url("/assets/images/service/busnissSetup.webp");
}

.dubaisetup_image {
  width: auto;
  position: sticky;
  top: 100px;
}

.setup_center {
  text-align: center;
}

/*.st_5 {*/
/*  position: sticky;*/
/*  top: 213px;*/
/*}*/

/*.st_6 {*/
/*  position: sticky;*/
/*  top: 238px;*/
/*}*/

/*.st_7 {*/
/*  position: sticky;*/
/*  top: 213px;*/
/*}*/

.dubai_main {
  background-color: #fff;
}

/*Dubai Business setup end*/

/*Tour Packages strat*/
.TourPackages_bgbanner {
  background-image: url("/assets/images/service/TourPackages.webp");
}

.tour_box_active {
  padding: 45px 25px 0px 25px;
}

.hovercolorChnage {
  color: #fff !important;
}

.service_card:hover .hovercolorChnage {
  color: rgb(35, 35, 35) !important;
}

.tourHeight {
  height: 400px;
}

/*Tour Packages end*/

/*stuy visaa start*/
.study_bgbanner {
  background-image: url("/assets/images/service/study_visa.webp");
}

.study_height {
  height: 460px;
}

.goldSection {
  background-color: #C28312;
}

.glob {
  width: 100%;
}

.gapstudy {
  padding-bottom: 20px;
}

/*stuy visaa end*/

/*airtiket start*/
.air_bgbanner {
  background-image: url("/assets/images/service/air_ticketing.webp");
}

.martextzro {
  margin-bottom: 0px;
}

.airHeigth {
  height: 360px;
}

/*airtickt visaa end*/

/*  <!-- Our Social Community Section start --> */

.social_section {
  padding-top: 100px;
  padding-bottom: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.social_bg {
  background-image: url("/assets/images/home/social-bg.png");
}

.social-card {
  background: transparent;
  border-radius: 20px;
  /* box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07); */
  border: 1px solid #0000001A;
  padding: 2rem 1.5rem;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  cursor: default;
}

.social-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.13);
}

.social-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 1.2rem;
}

.socialIcon{
  width: 64px;
  height: 64px;
}


.follower-count {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.4rem;
}

.follower-label {
  font-size: 14px;
  color: #00000060;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Platform colors */
.count-facebook {
  color: #3B5998;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 54px;
  line-height: 54px;
  letter-spacing: 0%;
  text-transform: capitalize;

}

.count-instagram {
  /* background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  background-clip: text;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 54px;
  line-height: 54px;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #F7490F;
}

.count-tiktok {
  color: #111;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 54px;
  line-height: 54px;
  letter-spacing: 0%;
  text-transform: capitalize;
}

.count-youtube {
  color: #F20000;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 54px;
  line-height: 54px;
  letter-spacing: 0%;
  text-transform: capitalize;
}

/* Facebook SVG icon */
.fb-icon {
  background: #3B5998;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
}

/* Fade-in animation */
.social-card {
  opacity: 0;
  animation: fadeUp 0.5s ease forwards;
}

.social-card:nth-child(1) {
  animation-delay: 0.05s;
}

.social-card:nth-child(2) {
  animation-delay: 0.15s;
}

.social-card:nth-child(3) {
  animation-delay: 0.25s;
}

.social-card:nth-child(4) {
  animation-delay: 0.35s;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* <!-- Our Social Community Section end --> */

/* ===== Happy Client Swiper Start ===== */
.happyclient-swiper {
  padding: 40px 0 !important;
  overflow: visible !important;
  touch-action: pan-y;
  /* ✅ allows vertical page scroll + horizontal swipe */
  cursor: grab;
  min-height: 500px;
}

.happyclient-swiper .swiper-wrapper {
  align-items: center;
}

.happyclient-swiper .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
  opacity: 0.45;
  filter: blur(1.5px);
  transform: scale(0.88);
  transition: all 0.4s ease;
  cursor: pointer;
}

.happyclient-swiper .swiper-slide-active {
  opacity: 1;
  filter: none;
  transform: scale(1.07);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);
  z-index: 10;
  cursor: grabbing;
}

.happyclient-swiper .swiper-slide iframe {
  width: 100%;
  height: 350px;
  object-fit: cover;
  display: block;
  transition: height 0.4s ease;
  pointer-events: none;
  touch-action: none;
}

.happyclient-swiper .swiper-slide-active iframe {
  height: 400px;
  pointer-events: auto;
  touch-action: auto;
}

.happyclient-swiper .play-btn {
  width: 48px;
  height: 48px;
  background: rgba(30, 100, 120, 0.85);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, background 0.2s ease;
}

.happyclient-swiper .play-btn:hover {
  transform: scale(1.1);
  background: rgba(30, 100, 120, 1);
}

.happyclient-swiper .play-btn svg {
  margin-left: 3px;
}

.happyclient-swiper-pagination {
  position: relative !important;
  text-align: center;
  width: 100%;
  margin-top: 16px;
}

.happyclient-swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(30, 100, 120, 0.3);
  opacity: 1;
  transition: all 0.3s ease;
}

.happyclient-swiper-pagination .swiper-pagination-bullet-active {
  background: rgba(30, 100, 120, 0.85);
  width: 24px;
  border-radius: 5px;
}

.happyclient-swiper-pagination .swiper-pagination-bullet-active-prev,
.happyclient-swiper-pagination .swiper-pagination-bullet-active-next {
  opacity: 0.5;
  transform: scale(0.8);
}

.happyclient-swiper-pagination .swiper-pagination-bullet-active-prev-prev,
.happyclient-swiper-pagination .swiper-pagination-bullet-active-next-next {
  opacity: 0;
  width: 0;
  margin: 0 !important;
}

.happyclient-video-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.happyclient-video-overlay.active {
  display: flex;
}

.happyclient-video-modal {
  position: relative;
  width: 90%;
  max-width: 800px;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
}

.happyclient-video-modal iframe {
  width: 100%;
  height: 450px;
  display: block;
  border: none;
}

.happyclient-video-close {
  position: absolute;
  top: -48px;
  right: 0;
  background: rgba(255, 255, 255, 0.15);
  border: none;
  color: #fff;
  font-size: 28px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

.happyclient-video-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 576px) {
  .happyclient-video-modal iframe {
    height: 220px;
  }
}

/* ===== Happy Client Swiper End ===== */


/* office contact details */
  .office-container {
    /* background-image: url("\contact-1.png"); */
  }

  .office-inner { padding: 20px; }

  /* ── Tabs ──────────────────────────────────────────────── */
  .tabs {
    display: flex;
    padding: 0 0 0 16px;
    position: relative;
    flex-wrap: wrap;
    gap: 4px;
  }
  .tabs::after {
    content: '';
    position: absolute;
    bottom: 0; left: 36px; right: 36px;
    height: 1px;
    background: #e8e8e8;
  }

  .tab {
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #999;
    background: transparent;
    border: 2px solid transparent;
    padding: 10px 28px;
    border-radius: 22px 22px 0 0;
    cursor: pointer;
    transition: color 0.25s ease, background 0.25s ease;
    white-space: nowrap;
    position: relative;
    z-index: 2;
  }
  .tab.active {
    font-weight: 700;
    color: #C28312;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    border-bottom: 2px solid #fff;
  }
  .tab:hover:not(.active) {
    color: rgba(17,18,18,.5);
    background: #f8f8f8;
    border-color: #f0f0f0;
  }

  /* ── Info card ─────────────────────────────────────────── */
  .info-card {
    background: #fff;
    border-radius: 14px;
    /*box-shadow: inset 0 1px 9px rgba(0,0,0,.25);*/
    padding: 20px 4px 18px;
    transition: opacity 0.25s ease;
    margin-bottom: 10px;
        /*border-top: 1px solid #f0f0f0;*/
  }

  /* ── Header ────────────────────────────────────────────── */
  .office-header {
    display: flex;
    gap: 14px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
  }
  .office-flag {
      display: inline-block;
      margin-top: -5px;
      width: 35px;       /* adjust to your layout */
      height: 35px;
      /*border-radius: 4px;*/
      overflow: hidden;
      /*box-shadow: 0 0 0 1px rgba(0,0,0,0.12);*/
    }
    
    .office-flag svg {
      width: 100%;
      height: 100%;
      display: block;
    }
  .office-city {
    font-size: 18px;
    font-weight: 700;
    color: #00293b;
    letter-spacing: -.4px;
  }

  /* ── Contact grid ──────────────────────────────────────── */
  .contact-grid {
    display: flex;
    /* grid-template-columns: 1fr 1fr; */
    gap: 6px;
    /* margin-bottom: 28px; */
    flex-direction: column;
  }

  .contact-full { grid-column: 1 / -1; }

  .contact-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
  }
  .contact-icon {
    width: 34px; height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f1f3d 0%, #1a3a52 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15,31,61,.15);
  }
  .contact-info h6 {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: #1a1a1a;
    margin-bottom: 4px;
  }
  .contact-info p {
    font-size: 15px;
    color: #666;
    line-height: 1.4;
    font-weight: 500;
    word-break: break-word;
  }

  /* ── Map ───────────────────────────────────────────────── */
  .map-wrap {
    border-radius: 20px;
    overflow: hidden;
    height: 300px;
    box-shadow: 1px 0px 11px rgba(0,0,0,.13);
    transition: opacity 0.25s ease;
  }
  .map-wrap iframe {
    width: 100%; height: 100%;
    border: none; display: block;
  }

  /* ── Fade util ─────────────────────────────────────────── */
  .fade { opacity: .4; pointer-events: none; }

  /* ── Responsive ────────────────────────────────────────── */
  @media (max-width: 768px) {
    /*.office-container { background-image: none; border-radius: 14px; box-shadow: inset 0 1px 9px rgba(0,0,0,.25); }*/
    .tabs { padding-left: 16px; }
    .tabs::after { left: 16px; right: 16px; }
    .office-city { font-size: 20px; }
    .contact-grid { grid-template-columns: 1fr; gap: 18px; }
    .contact-full { grid-column: 1; }
    .map-wrap { height: 260px; }
  }
  @media (max-width: 480px) {
    .office-inner { padding: 34px 0px 34px 0px; }
    .tabs { padding-left: 10px; gap: 2px; }
    .tabs::after { left: 10px; right: 10px; }
    .tab { padding: 7px 14px; font-size: 13px; }
    .tab.active { font-size: 14px; }
    .office-flag { width: 45px; height: 40px; }
    .office-city { font-size: 18px; }
    .contact-icon { width: 40px; height: 40px; font-size: 16px; }
    .contact-info p { font-size: 12px; }
    .map-wrap { height: 220px; border-radius: 14px; }
  }
  
  
  
.custom-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-check-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 24px;
    text-transform: capitalize;
    color: #1C1C1C90;
    margin-bottom: 16px;
}

.custom-check-list li::before {
    content: '';
    min-width: 25px;
    height: 25px;
    background-color: #C98A2E;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    /*margin-top: 3px;*/
}

  .awards-section {
      background: #F8F8F8;
      padding: 80px 50px;
    }
 
    .award-card {
      /*background: #fff;*/
      border-radius: 12px;
      padding: 20px 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      height: 100%;
      justify-content: center;
    }
 
    .award-card img {
      width: 200px;
      height: 200px;
      object-fit: fill;
      box-shadow: 0 10px 30px rgb(0 0 0 / 30%);
      border-radius: 20px;
    }
    
   /* Desktop show, Mobile hide */
.desktop-awards {
  display: grid;
  grid-auto-flow: column;
  gap: 74px;
  justify-content: center;
  margin-top: 3rem;
}

.mobile-awards {
  display: none !important;
}
@media (max-width: 920px) {
    .desktop-awards{
        gap: 10px;
    }
}
/* 660px se neeche */
@media (max-width: 660px) {
  .desktop-awards {
    display: none !important;
  }

  .mobile-awards {
    display: block !important;
    padding-bottom: 40px !important;
  }

  .mobile-awards .award-card {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .mobile-awards .award-card img {
    width: 140px;
    object-fit: contain;
  }

  .swiper-pagination-bullet-active {
    background: #C28312;
  }
    .award-pagination{
        position: relative;
        top: 100%;
    }
}

/* 420px se neeche 1 card */
@media (max-width: 420px) {
  .mobile-awards .award-card img {
    max-width: 110px;
  }
}

.mobile-awards .swiper-pagination-bullet {
  background: #173344;
  opacity: 0.4;
}

.mobile-awards .swiper-pagination-bullet-active {
  background: #173344;
  opacity: 1;
}

@media (max-width: 992px) {
    .column-reverse{
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (max-width: 767px) {
    .column-reverse2{
        display: flex;
        flex-direction: column-reverse;
    }
    .serv_inner {
        padding-top: 0px;
        padding-left :20px;
        padding-right: 20px;
        padding-bottom: 15px;
    }
    .service_sec img {
      width: 100%;
      height: 400px;
      padding: 0px;
      object-fit: contain;
      object-position: center center;
      border-radius: 35px;
      box-shadow: none;
    }
    
    .service_sec {
    padding: 40px 0px 0px 0px;
    }
    
}

@media (max-width: 768px) {
    .column-reverse2 .asses-image-div {
        order: -1;
    }
    .asses-content-div{
        margin-top: 30px;
    }
}


@media (max-width: 769px) {
    .faq-right{
        margin-top: 24px;
    }
}

.privacy_terms02{
    display: none !important;    
}

@media (max-width: 426px) {
    .service_sec img {
      width: 100%;
      height: 330px;
      padding: 0px;
    }
    .blog_width {
        width: 100%;
    }
    .copyright{
        text-align: center;
    }
    .privacy_terms{
        display: none !important;
    }
    .privacy_terms02{
        display: flex !important;
    }
}

@media (max-width: 767px) {
    
    .about_img{
        width:60% !important;
    }
}

        .marquee-wrapper {
          overflow: hidden;
          width: 100%;
          position: relative;
        }
        
        .marquee-inner {
          display: flex;
          flex-wrap: nowrap;
          width: max-content; 
          will-change: transform;
        }
        
        .marquee-inner .ratio {
          flex-shrink: 0;
          margin-right: 15px;
          width: 200px; 
          height: 200px;       
          overflow: hidden;
          position: relative;   
        }
        
        .marquee-inner .ratio img {
          position: absolute;  
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: contain;
          transition: filter 0.5s;
        }
        
        .marquee-inner .ratio:hover img {
          filter: brightness(50%);
        }
            
        @media (max-width: 768px) {
          .marquee-inner .ratio {
            width: 180px;
            height: 180px;
            margin-right: 10px;
          }
        }


    /* Student Scholarship */
        
        .scholarship_bgbanner{
             background-image: url('/assets/images/student-scholarship/scholarship-banner.webp');
        }
        
        .scholarship-heading {
            font-family: 'DM Sans', sans-serif;
            font-weight: 700;
            font-size: clamp(20px, 3vw, 24px);
            line-height: 1;
            letter-spacing: 0;
            color: white;
        }
    
        .prc-swiper-wrapper {
          overflow: hidden;
          padding-bottom: 40px;
        }
        
        .prcSwiper {
          overflow: visible !important;
          padding: 10px 0 30px 0 !important;
           mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 3.5%, rgb(0, 0, 0) 95.5%, rgba(0, 0, 0, 0) 100%);
        }
        
        .prc-tall .prc-card  {margin-bottom:100px; height: 400px; }
        .prc-short .prc-card {margin-top:100px; height: 400px; }
        
        /* Card base */
        .prc-card {
          position: relative;
          border-radius: 16px;
          overflow: hidden;
          width: 100%;
          cursor: pointer;
        }
        
        .prc-card img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
          transition: transform 0.4s ease;
        }
        
        .prc-card:hover img {
          transform: scale(1.05);
        }
        
        /* Gradient overlay */
        .prc-card::before {
          content: '';
          position: absolute;
          inset: 0;
          background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.75) 100%);
          z-index: 1;
          border-radius: 16px;
        }
        
        /* Text */
        .prc-overlay {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 16px;
          z-index: 2;
        }
        
        .prc-overlay h3 {
          color: #fff;
          font-family: 'DM Sans', sans-serif;
          font-size: 15px;
          font-weight: 700;
          margin: 0 0 4px 0;
          line-height: 1.2;
        }
        
        .prc-overlay p {
          color: rgba(255,255,255,0.8);
          font-family: 'DM Sans', sans-serif;
          font-size: 11px;
          margin: 0;
        }
        
        /* Pagination */
        .prc-pagination {
          bottom: 0 !important;
        }
        
        .prc-pagination .swiper-pagination-bullet {
          width: 8px;
          height: 8px;
          margin: 0 5px !important;
          background: #ccc;
          opacity: 1;
        }
        
        .prc-pagination .swiper-pagination-bullet-active {
          background: #C28312 !important;
          width: 24px;
          border-radius: 4px;
        }
        
        /* Tablet */
        @media (max-width: 991px) {
          .prc-tall .prc-card,
          .prc-short .prc-card { height: 300px; }
        }
        
        /* Mobile */
        @media (max-width: 575px) {
          .prc-tall .prc-card,
          .prc-short .prc-card { height: 300px; }
          
           .prc-tall .prc-card  {margin-bottom:50px; }
        .prc-short .prc-card {margin-top:50px; }
        }

    .aboutFounder_bg{
        background-image: url("/assets/images/about/founder-bg.webp") !important;
        background-color: white;
        background-position: right !important;
        background-repeat: no-repeat  !important;
        background-size: 65% 100% !important;
        padding: 50px 0px;
    }
    
    .founder-content{
        padding: 50px 0px;
    }
    
    .visa_bgbanner {
      background-image:  linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('/assets/images/service/visitor-visa/visitor-visa-banner.webp');
      position: relative;
    }
    
    .aus_bgbanner {
      background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/study-aus/study-banner.webp");
    }
    
    .migration_bgbanner{
         background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/migration-agent/migration-banner02.webp");
    }
    
    .pyp_bgbanner{
          background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/pyp/pyp-banner.webp");
    }
    
    .employer_bgbanner{
         background-image: 
       linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/employer-sponsored-visa/sponsored-banner.webp");
    }
    
    .family_bgbanner{
         background-image: 
       linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/family-partner/family-banner.webp");
    }
    
    .skilled_bgbanner{
          background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/skilled-migration/skilled-migration-banner.webp");
    }
    
    .mrt_bgbanner{
         background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/mrt-aat/aat-banner.webp");
    }
    
    
    .temp_bgbanner{
          background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/temporary-visa/temporary-banner.webp");
    }
    
    .edu_bgbanner{
         background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/education-banner.webp");
    }
    .ausExtension_bgbanner{
          background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/service/aus-visa-extension/visa-extension.webp");
    }
    
    
    .skill189_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/skilled_189/skill_banner.webp");
    }
    
    .skill190_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/aus_subclass190/subclass190_banner.webp");
    }
    
    .subClass485_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/subclass_485/subclass485_banner.webp");
    }
    
    .subClass191_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/subclass_191/subclass191_banner.webp");
    }
    .subClass482_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/employer_sponsored/subclass_482_banner.webp");
    }
    
    .trt186_banner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/employer_sponsored/trt186_banner.webp"); 
    }
    
    .drt186_banner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/employer_sponsored/drt186_banner.webp"); 
    }
    
    .subClass491_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/subclass_491/subclass491_banner.webp"); 
    }
    
    .subClass858_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/subclass_858/subclass858_banner.webp"); 
    }
    
     .training485_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/employer_sponsored/training407_banner.webp"); 
    }
     .visa494_banner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/employer_sponsored/visa494_banner.webp"); 
    }
    
    .subClass408_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/employer_sponsored/subclass408_banner.webp"); 
    }
    
    .partner820_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/partner_visa/subclass_820/subclass820_banner.webp"); 
    }
    
    .partner100_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/partner_visa/subclass_100/subclass100_banner.webp"); 
    }
    
    .partner461_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/partner_visa/subclass_461/subclass461_banner.webp"); 
    }
    
    .partner309_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/partner_visa/subclass_309/subclass309_banner.webp"); 
    }
    
    .partner300_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/partner_visa/subclass_300/subclass300_banner.webp"); 
    }
    
    .partner801_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/partner_visa/subclass_801/subclass801_banner.webp"); 
    }
    
    .parent884_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/partner_visa/subclass_801/subclass801_banner.webp"); 
    }
    
    .parent804_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/parent_visa/subclass_804/subclass804_banner.webp"); 
    }
    
    .parent173_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/parent_visa/subclass_173/subclass173_banner.webp"); 
    }
    
    .parent864_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/parent_visa/subclass_864/subclass864_banner.webp"); 
    }
    
    .parent870_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/parent_visa/subclass_870/subclass870_banner.webp"); 
    }
    
    .parent103_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/parent_visa/subclass_103/subclass103_banner.webp"); 
    }
    
    .parent143_bgbanner{
        background-image: 
        linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
        url("/assets/images/sub-cat/parent_visa/subclass_143/subclass143_banner.webp"); 
    }
    
    
    
 @media (min-width: 992px) {
      .blogSwiper {
           overflow: hidden; /* IMPORTANT */
            width: 100%;
          display:none !important;
      }
      .desktop_blog{
          display: flex !important;
          gap: 14px;
        justify-content: center;
      }
  }
  
      .blogSwiper .swiper-slide {
          width: auto;
        }

      .blogSwiper {
          display:flex;
          padding: 10px 12px 55px !important;
      }
      
      .desktop_blog{
          display:none;
      }
      
     .blogSwiperPagination{
        margin : 45px auto;
     }
     
     
 .floating-group {
      position: relative;
      margin: 0px 0 0px;
      width: 100%;
    }

    /* INPUT */
    .floating-group input {
      width: 100%;
      border: none;
      border-bottom: 1px solid #999;
      padding: 10px 0;
      font-size: 14px;
      outline: none;
      background: transparent;
      font-weight: 400;
    }

    /* SELECT */
    .floating-group select {
      width: 100%;
      border: none;
      border-bottom: 1px solid #999;
      padding: 10px 0;
      font-size: 14px;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
      cursor: pointer;
      /*color: transparent;*/
    }
    
    .floating-group textarea {
      width: 100%;
      border: none;
      border-bottom: 1px solid #999;
      padding: 10px 0;
      font-size: 14px;
      outline: none;
      background: transparent;
      resize: none;
      min-height: 120px;
    }

    /* Show selected value text */
    .floating-group:has(select option:checked:not([value=''])) select {
        color: #000;
    }

    /* Arrow icon for select */
    .floating-group .arrow {
        position: absolute;
        right: 10px;
        top: 12px;
        pointer-events: none;
        font-size: 12px;
        color: #777;
        font-weight: 800;
    }

    /* LABEL */
    .floating-group label {
      position: absolute;
      top: 14px;
      left: 0;
      color: #777;
      font-size: 14px;
      pointer-events: none;
      transition: 0.3s ease;
      font-weight: 400;
    }

    /* Float for input */
    .floating-group input:focus + label,
    .floating-group input:not(:placeholder-shown) + label {
      top: -14px; 
      font-size: 14px;
      color: #0a4d5e;
      font-weight: 600;
    }
    
    .floating-group:has(.iti) label {
      left: 52px;
    }

    /* Float for select — CSS only using :has() */
    .floating-group select:focus + label,
    .floating-group:has(select option:checked:not([value=''])) label {
      top: -14px;
      font-size: 14px;
      color: #0a4d5e; 
      font-weight: 600;
    }
    
    .floating-group textarea:focus + label,
    .floating-group textarea:not(:placeholder-shown) + label {
      top: -14px;
      font-size: 14px;
      font-weight: 600;
      color: #0a4d5e;
    }
    
    
    .floating-group .iti:focus-within ~ label,
    .floating-group input:not(:placeholder-shown) ~ label {
      top: -14px;
      font-size: 14px;
      color: #0a4d5e;
      font-weight: 600 !important;
      left:0px;
    }
    .floating-group.has-value label {
      top: -14px;
      font-size: 14px;
      color: #0a4d5e;
      font-weight: 600 !important;
      left: 0;
    }

    /* Focus border */
    .floating-group input:focus,
    .floating-group select:focus,
    .floating-group textarea:focus {
      border-bottom-color: #0a4d5e;
    }

    .floating-group select:focus ~ .arrow {
      transform: rotate(180deg);
    }
    
    .floating-group .arrow {
      transition: transform 0.3s ease;
    }
    
    .floating-group input[type="date"] + label {
      top: 14px;
      font-size: 14px;
      color: #777;
      transition: 0.3s ease;
      opacity: 0;  /* hide by default */
    }
    
    .floating-group input[type="date"].has-value + label {
      top: -14px;
      font-size: 14px;
      color: #0a4d5e;
      opacity: 1;  /* show when value selected */
      font-weight: 600;
    }


    .iti__selected-flag{
        padding: 0 6px 0 8px !important;
    }


.share-article-section {
       margin-top: 30px;
    padding-top: 26px;
        border-top: 1px solid #00000015;
}
 
.share-label {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 12px 0;
}
 
.share-icons {
    display: flex;
    align-items: center;
    gap: 8px;
}
 
.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
 
.share-btn:hover {
    opacity: 0.85;
    transform: translateY(-2px);
}


@media (max-width: 768px) {
    .iti__country-list {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90vw !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        z-index: 9999 !important;
        margin: 0 !important;
    }
}

 .flyer-wrapper {
    position: relative;
    width: 100%;
    min-height: 200px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(/assets/images/service/aus-visa-extension/visa_extension.webp);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--border-radius-lg);
  }
  .flyer-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 20, 45, 0.55);
    z-index: 1;
  }
  .flyer-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 6rem 2rem;
    max-width: 1000px;
  }
  .flyer-title {
        font-size: clamp(32px, 5vw, 50px);
        font-weight: 500;
        color: #ffffff;
        margin: 0 0 14px;
        letter-spacing: -0.3px;
        line-height: 1.3;
    }
    
    .flyer-subtitle {
        font-size: clamp(14px, 2vw, 16px);
        color: rgba(255,255,255,0.75);
        line-height: 1.6;
        margin: 0 0 28px;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
  .flyer-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,0.95);
    color: #1a1f3c;
    border: none;
    border-radius: 999px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.18s, transform 0.15s;
  }
  .flyer-btn:hover {
    background: #ffffff;
    transform: scale(1.02);
  }
  .flyer-btn:active {
    transform: scale(0.98);
  }
  .btn-icon {
    width: 28px;
    height: 28px;
    background: #1a1f3c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
  }
  .city-silhouette {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    opacity: 0.18;
    z-index: 1;
  }
  
    .visa-wrap { padding: 1.5rem 0; font-family: Arial, sans-serif; }
  .visa-title { font-size: 18px; font-weight: 500; color: #1a1a2e; margin: 0 0 1.25rem; }
  .visa-table { width: 100%; border-collapse: collapse; }
  .visa-table th {
    background: #1F4E79; color: #fff;
    font-size: 16px; font-weight: 600;
    padding: 12px 16px; text-align: left;
    border: 1px solid #2a5f8f;
  }
  .visa-table th:first-child { border-radius: 8px 0 0 0; }
  .visa-table th:last-child { border-radius: 0 8px 0 0; }
  .visa-table td {
    padding: 10px 16px;
    font-size: 14px;
    color: #1a1a2e;
    border: 1px solid #d0d0d0;
    vertical-align: top;
    line-height: 1.6;
    width: 50%;
  }
  .visa-table tr:nth-child(even) td { background: #f0f5fb; }
  .visa-table tr:nth-child(odd) td { background: #ffffff; }
  .visa-table tr:last-child td:first-child { border-radius: 0 0 0 8px; }
  .visa-table tr:last-child td:last-child { border-radius: 0 0 8px 0; }
  .row-cell { display: flex; align-items: flex-start; gap: 8px; }
  .dot { flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: #1F4E79; margin-top: 7px; }
  .note { font-size: 12px; color: #888; margin-top: 1rem; font-style: italic; }

  @media (max-width: 560px) {
    /*.visa-table thead { display: none; }*/
    /*.visa-table, .visa-table tbody, .visa-table tr, .visa-table td { width: 100%; }*/
    .visa-table tr { margin-bottom: 1rem; border-radius: 8px; overflow: hidden; border: 1px solid #d0d0d0; }
    /*.visa-table td { width: 100%; border: none; border-bottom: 1px solid #d0d0d0; }*/
    .visa-table td:last-child { border-bottom: none; }
    .visa-table td::before {
      display: block;
      font-size: 11px;
      font-weight: 500;
      color: #ffffff;
      background: #1F4E79;
      padding: 4px 10px;
      margin: -10px -16px 8px -16px;
      letter-spacing: 0.04em;
    }
    /*.visa-table td:nth-child(1)::before { content: "Basic eligibility requirement"; }*/
    /*.visa-table td:nth-child(2)::before { content: "Migration points requirement"; }*/
    .visa-table tr:nth-child(even) td { background: #f0f5fb; }
    .visa-table tr:nth-child(odd) td { background: #ffffff; }
  }
  
    .requirements-wrapper{
        max-width:1400px;
        margin:auto;
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap:40px;
    }

    .requirements-box{
        border:1px solid #dcdcdc;
        border-radius:20px;
        overflow:hidden;
        background:#fff;
        /*padding: 20px;*/
            height: stretch;
    }
    
    .requirements-box:hover{
        background: #003d5510;
    }

    .requirements-title{
        background: #003d55;
        font-size: 20px;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        padding: 10px 0px 10px 0px;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .req-list{
        padding: 5px 20px;
    }

    .requirements-list{
        list-style:none;
    }

    .requirements-list li{
        padding:34px 40px;
        border-bottom:1px solid #e9e9e9;
        font-size:18px;
        line-height:1.5;
        color:#111827;
    }

    .requirements-list li:last-child{
        border-bottom:none;
    }

    @media(max-width:991px){
        .requirements-wrapper{
            grid-template-columns:1fr;
        }

        .requirements-title{
            font-size:18px;
        }

        .requirements-list li{
            font-size:16px;
            padding:25px 20px;
        }
    }
  
  
   .acc-wrap { padding: 1rem 0; font-family: Arial, sans-serif; width: 60%; }
  .acc-item { border: 1px solid #d8d8d8; border-radius: 8px; margin-bottom: 8px; overflow: hidden; background: #ffffff; }
  .acc-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px; cursor: pointer; background: #f5f5f5;
    font-size: 15px; font-weight: 500; color: #1a1a2e;
    user-select: none; gap: 10px;
  }
  .acc-header:hover { background: #ececec; }
  .acc-left { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0;font-size: 16px;margin: 0; }
  .acc-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .acc-num {
    width: 26px; height: 26px; border-radius: 50%;
    background: #1F4E79; color: #ffffff;
    font-size: 12px; font-weight: 600;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  }
  .acc-icon { font-size: 18px; color: #1F4E79; transition: transform 0.25s; flex-shrink: 0; }
  .acc-icon.open { transform: rotate(180deg); }
  .acc-body { display: none; padding: 14px 16px 16px; border-top: 1px solid #e0e0e0; font-size: 14px; color: #333; line-height: 1.7; }
  .acc-body.open { display: block; }
  .acc-body p { margin-bottom: 6px; }
  .acc-body ul { margin: 8px 0 0 16px; padding: 0; }
  .acc-body ul li { margin-bottom: 4px; }
  .acc-footer { margin-top: 16px; padding: 14px 16px; background: #EAF2FB; border-radius: 8px; border-left: 4px solid #1F4E79; font-size: 13px; color: #1a3a5c; line-height: 1.6; }


 @media (max-width: 1025px) {
       .acc-wrap{width:100%;}
 }
 
  @media (max-width: 480px) {
            .acc-wrap{width:100%;}
    .acc-header { font-size: 13px; padding: 12px 12px; }
    .acc-title { white-space: normal; }
    .acc-num { width: 22px; height: 22px; font-size: 11px; }
    .acc-body { font-size: 13px; padding: 12px 12px 14px; }
    .acc-footer { font-size: 12px; padding: 12px 12px; }
  }
  
  
.check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.check-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 24px;
    text-transform: capitalize;
    color: #1C1C1C90;
    margin-bottom: 16px;
}
.check-list li .text {
    display: inline; /* ← span aur text ek saath flow karenge */
}
.check-list li span {
    color: #c7862b;
    font-weight: 600;
    /* white-space: nowrap; ← yeh hata do */
}
.check-list li::before {
    content: '';
    min-width: 25px;
    height: 25px;
    background-color: #C98A2E;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    margin-top: 3px;
    flex-shrink: 0;
}

.benefitsHeading{
    font-size: clamp(16px, 2.5vw, 20px);
}

.benefit-card {
    background: #133243;
    border: 1px solid #ffffff15;
    border-radius: 12px;
    padding: 24px;
    transition: border-color 0.3s, transform 0.3s;
    height: stretch;
}
.benefit-card .card-icon {
    width: 55px;
    height: 55px;
    background: #ffffff10;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.benefit-card .card-icon i {
    font-size: 26px;
    color: #C98A2E;
}

.benefit-card:hover {
    border-color: #ffffff40;
    transform: translateY(-4px);
}
.benefit-card .card-icon {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 16px;
}
.benefit-card .card-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
}
.benefit-card .card-text {
    font-size: 13px;
    color: #ffffffa0;
    line-height: 1.7;
    margin: 0;
}