/**************************************
                General
**************************************/
:root {
  --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-duration: 1s;
}
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html {
    font-size: 100%;
    box-sizing: inherit;
    scroll-behavior: smooth;
    height: -webkit-fill-available;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: clip;
}

.lenis.lenis-smooth iframe {
    pointer-events: unset;
}

html::-webkit-scrollbar{
  width: 6px;
  background-color: #002161;
}
html::-webkit-scrollbar-thumb{
  background: #D4E3FF;
  border-radius: 50rem;
}

a, button {
  cursor: pointer;
  border: none;
  outline: none;
  user-select: none;
  background: none;
  box-shadow: none;
  
}
ol,ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
}

body{
  color: #3B3E45;
  font-family: "Test Sohne Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 172.222%;
}

a,a:hover,a:focus{
  color: currentColor;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  text-decoration: none;
}
h1,h2,h3,h4 {
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s; 
}
p{
  margin-bottom: 1rem;
}
main{
  overflow: clip;
}
img {
  max-width: 100%;
  height: auto;
  transition: all .5s;
}
.text-center{
  text-align: center;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-50{
  margin-bottom: 50px;
}
.container-fluid{
  padding: 0 80px;
}

/* Popup */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(8, 16, 28, 0.65);
  backdrop-filter: blur(7px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 16px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.overlay.open {
  opacity: 1;
  pointer-events: all;
}
.modal {
  background: #ffffff;
  width: 100%;
  max-width: 40%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0,0,0,0.3);
  transform: translateY(30px) scale(0.97);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), opacity 0.35s ease;
}
.overlay.open .modal {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.modal-bar {
  height: 4px;
  background: linear-gradient(90deg, #002061 0%, #d4e3ff 70%, #d4e3ff 100%);
}
.modal-head {
  background: #041538;
  padding: 26px 30px 22px;
  position: relative;
  p{
    color: #FFF;
  }
}
.modal-head .brand {
  img{
    width: 150px;
  }
}
.close-btn {
  position: absolute; top: 18px; right: 18px;
  width: 30px; height: 30px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 50%;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.2s, border-color 0.2s;
}
.close-btn:hover { background: rgba(201,168,76,0.18); border-color: #e7eeff; }
.close-btn svg { width: 11px; height: 11px; stroke: #9aa3b5; stroke-width: 2.5; }

.modal-body { padding: 20px 30px; }
 
.field { margin-bottom: 14px; }
.field label {
  display: block;
  font-size: 0.68rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1a2c4e;
  margin-bottom: 6px;
}
.field label .req { color: #c9a84c; margin-left: 2px; }

.field input,
.field select,
.field textarea {
  font-size: 0.875rem;
  color: #0f1e35;
  background: #f5f7fa;
  border: 1.5px solid #dde3ed;
  border-radius: 4px;
  padding: 11px 14px;
  width: 100%;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: #c9a84c;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.12);
  background: #fff;
}
.field input.err, .field select.err { border-color: #d94f4f; }

.select-wrap { position: relative; }
.select-wrap select { appearance: none; cursor: pointer; }
.select-wrap::after {
  content: '';
  position: absolute; right: 13px; top: 50%;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-top-color: #8a93a6;
  pointer-events: none;
}

.field textarea { resize: none; height: 86px; line-height: 1.5; font-family: "Test Sohne Regular"; }

.err-msg {
  font-size: 0.67rem;
  color: #d94f4f;
  margin-top: 4px;
  display: none;
}
.err-msg.show { display: block; }

.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

.submit-btn {
  width: 100%;
  margin-top: 6px;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #041538;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 14px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: background 0.25s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
  .submit-btn:hover { background: #0f1e35; }
  .submit-btn::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(201,168,76,0.15), transparent);
    transform: translateX(-100%);
    transition: transform 0.55s ease;
  }
  .submit-btn:hover::after { transform: translateX(100%); }
 
  .spinner {
    width: 15px; height: 15px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    display: none;
  }
  .submit-btn.loading .spinner { display: block; }
  .submit-btn.loading .btn-text { opacity: 0.6; }
  @keyframes spin { to { transform: rotate(360deg); } }
 
  .note {
    font-size: 0.67rem; color: #8a93a6;
    text-align: center; margin-top: 12px; line-height: 1.5;
  }
  .note a { color: #F69B4C; text-decoration: none; }
 
  .success {
    display: none;
    text-align: center;
    padding: 10px 0 6px;
    animation: fadeUp 0.4s ease;
  }
  .success.show { display: block; }
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .success-ring {
    width: 60px; height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a2c4e, #2a4070);
    box-shadow: 0 8px 24px rgba(26,44,78,0.28);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 18px;
  }
  .success-ring svg { width: 26px; height: 26px; stroke: #c9a84c; stroke-width: 2.2; fill: none; }
  .success h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.65rem; font-weight: 700;
    color: #0f1e35; margin-bottom: 8px;
  }
  .success p {
    font-size: 0.82rem; color: #8a93a6; line-height: 1.6;
    max-width: 300px; margin: 0 auto 22px;
  }
  .close-success {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.78rem; font-weight: 500;
    letter-spacing: 0.07em; text-transform: uppercase;
    background: #f5f7fa;
    color: #1a2c4e;
    border: 1.5px solid #dde3ed;
    border-radius: 4px;
    padding: 11px 30px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .close-success:hover { background: #1a2c4e; color: #fff; border-color: #1a2c4e; }
/**************************************
                Helper Class
**************************************/
.sec-gap {
  padding: 60px 0;
}
p{
  color: #3B3E45;
  font-family: "Test Sohne Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 172.222%;
}
.dec{
  color: #1F2227;
  font-family: "Test Sohne SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 138.095%;
}
.title {
  color: #FFF;
  font-family: "Test Sohne Regular";
  font-size: 58px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
}
.section-title {
  color: #1D1E20;
  font-family: "Test Sohne Regular";
  font-size: 58px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}
.sub-section-title{
  color: #002161;
  font-family: "Test Sohne Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  line-height: 126.667%;
  border-radius: 70px;
  border: 2px solid #002161;
  padding: 5px 20px;
  display: inline-block;
}
.card-title{
  color: #000;
  font-family: "Test Sohne SemiBold";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 5px
}
.primary-btn {
  border-radius: 16px;
  background: #D4E3FF;
  padding: 14px 24px;
  border: none;
  display: inline-block;
  color: #002161;
  font-family: "Test Sohne SemiBold";
  font-size: 19px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
/* .primary-btn:before,
.primary-btn:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  scale: 0 0;
  left: 0;
  background: #D4E3FF;
  z-index: -1;
  transition: all .7s;
  transform-origin: bottom;
  border-radius: 16px;
}
.primary-btn:before {
  opacity: .5;
}
.primary-btn:after {
  transition-delay: .3s;
}
.primary-btn:hover:before,
.primary-btn:hover:after {
  scale: 1.05 1.05;
  border-radius: 16px;
} */
.primary-btn:hover {
  color: #FFF;
  background: #002161;
}
/* .primary-btn:hover {
  color: #FFF;
  box-shadow: 0 10px 10px #3b82f66b, 0 10px 50px #3b82f6bf, 0 0 0 0 #01102e;
} */
.secondary-btn{
  background: #002161;
  color: #FFF;
}
.secondary-btn:hover{
  color: #002161;
  background: #D4E3FF;
}
.form-control{
  border-radius: 10px;
  border: 1px solid #B3B3B3;
  background: #FFF;
  color: #000;
  font-family: "Satoshi Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 130%;
  padding: 13px 15px;
  width: 100%;
  &:focus,&:focus-visible{
    outline: 1px solid #D34E4E;
    box-shadow: none;
  }
}
.form-control::placeholder{
  color: #8b8b8b;
}
.form-group{
  position: relative;
  textarea{
    font-family: "Satoshi Regular";
  }
}
form .primary-btn{
  color: #FFF;
  background: #002161;
  font-size: 20px;
  padding: 12px 50px;
  cursor: pointer;
  &:hover{
    background: #B3CAF5;
  }
}
@media(prefers-reduced-motion: no-preference){
  @view-transition{
    navigation: auto;
  }
}
::view-transition-group(*){
  animation-duration: 2s;
}
.btn-group{
  display: flex;
  align-items: center;
}
.fixed-btn {
  position: fixed;
  right: 10px;
  top: 68%;
  z-index: 99;
}
.fixed-contact{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fixed-call {
  width: 51px;
  height: 51px;
  background-color: #002161;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0px 0px 20px 0px #0000003f;
  img{
    animation: ring 1s infinite ease-in-out;
  }
  &:hover{
    scale: 1.1;
  }
}
@keyframes ring {
  0% {
    transform: rotate(0) scale(1) skew(0deg);
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(0deg);
  }

  20% {
    transform: rotate(25deg) scale(1) skew(0deg);
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(0deg);
  }

  40% {
    transform: rotate(25deg) scale(1) skew(0deg);
  }

  50% {
    transform: rotate(0) scale(1) skew(0deg);
  }

  100% {
    transform: rotate(0) scale(1) skew(0deg);
  }
}
.wp{
  width: 53px;
  height: 53px;
  &:hover{
    scale: 1.1;
  }
}

.enq-btn {
    color: #FFF;
    font-family: "Satoshi Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    overflow: clip;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 20px;
    background: #D34E4E;
    height: 187.32px;
    width: 48.16px;
    z-index: 1;
    box-shadow: 0px 0px 20px 0px #0000003f;
    &:after{
      inset: 0;
      background: #771414;
      content: "";
      z-index: -1;
      position: absolute;
      scale: 0 1;
      transition: all .5s;
      transform-origin: right;
    }
    &:hover,
    &:focus{
      color: #FFF;
        img{
          filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7424%) hue-rotate(85deg) brightness(112%) contrast(100%);
        }
        &::after{
            scale: 1 1;
        }
    }
}
.enq-btn:hover::after,
.enq-btn:focus-visible::after {
    scale: 1 1;
    transform-origin: right;
}
.vertical {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-style: normal;
    font-style: normal;
    display: flex;
    gap: 6px;
}
/**************************************
         Animation
**************************************/
/* Keyframes */
@keyframes bounce {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-30px);
  }
}
@keyframes slideInUp {
  0% {
      opacity: 0;
      transform: translateY(25%);
  }

  100% {
      opacity: 1;
      transform: none;
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.25);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes flipInY {
  0% {
    opacity: 0;
    transform: perspective(90vw) rotateY(67.50deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}


[data-animation] {
  opacity: 0;
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: both;
  animation-duration: var(--animation-duration);
  will-change: transform, opacity;
}

.animations-disabled,
.animations-disabled [data-animation] {
  animation: none !important;
  opacity: 1 !important;
}

.slideInUp {
  animation-name: slideInUp;
}
.slideInDown {
  animation-name: slideInDown;
}
.slideInLeft {
  animation-name: slideInLeft;
}
.slideInRight {
  animation-name: slideInRight;
}
.fadeIn {
  animation-name: fadeIn;
}
.zoomIn {
  animation-name: zoomIn;
}
.zoomReverseIn {
  animation-name: zoomReverseIn;
}
.flipInY {
  animation-name: flipInY;
}
.flipOutY {
  animation-name: flipInY;
  animation-direction: reverse;
}
.effectOver {
  transition: all 2s transform 3s;
  &:hover{
    img{
      transform: rotate(0) scale(1.2);
    animation-delay: .5s;
    }
  }
}
img{
  transition: all .5s;
}
  .container {
    max-width: 1400px;
  }
/*******************************
	Menu
*******************************/
.header-area {
  position: relative;
  background: #FFF;
  z-index: 999;
  right: 0;
  left: 0;
  transition: 0.5s;
  border-top: 3px solid #002161;
}
.flex-box {
  display: flex;
  align-items: center;
}
.logo{
  transition: 0.8s;
}
.header-area.sticky {
  box-shadow: 0px 0px 20px 0px #000000d0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.main-menu {
  display: flex;
  align-items: center;
  gap: 70px;
}


nav {
  position: relative;
  margin: 0 auto
}

#menu,
#menu .main-menu ul,
#menu .main-menu ul li,
#menu .main-menu ul li a,
#menu #head-mobile {
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#menu {
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  padding-block: 12px;
  justify-content: space-between;
}

#menu>.main-menu>ul>li {
  float: left;
  padding-inline: 12px;
}

#menu>.main-menu>ul>li>a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  padding: 12px 6px;
  display: inline-block;
  font-family: "Test Sohne Regular";
  color: #5D5F63;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  &::after{
    content: '';
    position: absolute;
    bottom: 7px;
    left: 8px;
    width: 30%;
    height: 1px;
    background: #002161;
    scale: 0 0;
    transform-origin: left;
    transition: all .5s;
  }
}
#menu>.main-menu>ul>li:hover>a,
#menu .main-menu ul li.current-menu-item a {
  color: #002161;
  &::after{
    scale: 1 1;
  }
}
.has-sub{
  margin-right: 15px;
}
#menu>.main-menu>ul>li:hover,
#menu .main-menu ul li.current-menu-item:hover,
#menu .main-menu ul li.current-menu-item,
#menu .main-menu ul li.has-sub.current-menu-item:hover {
  background: #e9cba400 !important;
  -webkit-transition: background .3s ease;
  -ms-transition: background .3s ease;
  transition: background .3s ease
}

#menu>.main-menu>ul>li.has-sub>a::before {
  top: 18px;
  right: -8px;
  transition: all .4s;
  content: "";
  position: absolute;
  z-index: 11;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-left: 1px solid;
  transform: rotate(225deg);
}

#menu .main-menu ul ul {
    position: absolute;
    left: -9999px;
    box-shadow: 0px 12px 10px 0px #0000004f;
    width: auto;
}

#menu .main-menu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: rgb(255, 255, 255);
    transition: all .25s ease
}


#menu li:hover>ul {
    left: auto
}

#menu li:hover>ul>li {
    height: 38px;
    display: block;
    align-items: center;
}

#menu ul ul ul {
    margin-left: 100%;
    top: 0
}

#menu ul ul li a {
  padding: 10px 20px;
  width: auto;
  font-family: "Test Sohne Regular";
  font-size: 18px;
  text-decoration: none;
  font-weight: normal;
  white-space: nowrap;
  display: block;
  color: #5D5F63;
  font-style: normal;
  line-height: normal;
}

#menu .main-menu ul ul li:last-child>a,
#menu .main-menu ul ul li.last-item>a {
    border-bottom: 0
}

#menu .main-menu ul ul li:hover a {
    color: #fff;
    background-color: #002161;
}
#menu .main-menu ul ul li.has-sub ul li a{
    background-color: #fff;
    color: #000;
    &:hover{
        background-color: #D2B450;
        color: #fff;
    }

}
#menu .main-menu ul ul li.has-sub>a:after {
    position: absolute;
    top: 13px;
    right: 11px;
    width: 8px;
    height: 8px;
    display: block;
    content: '';
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
    transition: all .4s;
}


#menu .main-menu ul ul li.has-sub:hover,
#menu .main-menu ul li.has-sub ul li.has-sub ul li:hover {
    background: #ffffff
}

#menu ul ul ul li.active a {
    border-left: 1px solid #333
}

#menu>.main-menu>ul>li.has-sub>ul>li.active>a,
#menu .main-menu>ul ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #333
}

#menu .main-menu ul li.current-menu-item ul li a {
    color: #000;
}

#menu .main-menu ul li.current-menu-item ul li a:hover {
    color: #ffffff;
}
.mobile-logo{
  display: none;
}
@media screen and (max-width:992px) {
  .mobile-logo{
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 150px;
  }
    header {
        position: relative;
        width: 100%;
    }

    #menu .main-menu ul li.current-menu-item ul li a {
        color: #ffffff;
    }

    nav {
        width: 100%
    }

    #menu {
        width: 100%
    }
    .main-menu {
        align-items: start;
    }
    #menu ul {
        width: 100%;
        display: none;
        margin-top: 110px;
    }

    #menu .main-menu {
      width: 100%;
      position: fixed;
      height: 100dvh !important;
      background: #002061;
      transform: translateX(100%);
      transition: all .4s;
      top: 0;
      left: 0;
    }

    #menu .main-menu.open {
        transform: translateX(0%);
              z-index: 9;
    }
    #menu > .main-menu > ul > li > a {
      &::after {
          width: 10%;
          bottom: 10px;
      }
    }
    #menu>.main-menu>ul>li.has-sub>a::before {
      display: none;
    }
    #menu .main-menu ul li {
        width: 100%;
    }
    #menu .main-menu ul ul {
      background: #dddddd20;
    }

    #menu .main-menu ul li:hover {
        background: #363636
    }

    #menu .main-menu ul ul li,
    #menu li:hover>ul>li {
        height: auto
    }
        #menu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 5px;
        top: 2px;
        display: block;
        border-left: 0;
        height: 50px;
        width: 60px;
        cursor: pointer;
        background: #dddddd3d;
    }
        #menu .submenu-button:after {
        position: absolute;
        top: 17px;
        right: 24px;
        width: 10px;
        height: 10px;
        display: block;
        content: '';
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        transition: all .4s;
    }

    #menu .main-menu ul li a,
    #menu .main-menu ul ul li a {
        width: 100%;
        border-bottom: 0;
        color: #ffffff;
    }

    #menu>.main-menu>ul>li {
        float: none
    }

    #menu ul ul li a {
        padding-left: 25px
    }

    #menu ul ul li {
        background: #1b268600 !important
    }


    #menu ul ul ul li a {
        padding-left: 35px
    }

    #menu ul ul li a {
        color: #ddd;
        background: none
    }

    #menu ul ul li:hover>a,
    #menu ul ul li.active>a {
        color: #fff
    }

    #menu .main-menu ul ul {
        box-shadow: none;
    }

    #menu .main-menu ul ul,
    #menu .main-menu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
        top: 0;
        transform: unset;
        height: auto;
    }

    #menu .main-menu ul ul.open {
        transform: unset;
    }

    #menu>ul>li.has-sub>a:after,
    #menu>ul>li.has-sub>a:before,
    #menu ul ul>li.has-sub>a:after,
    #menu ul ul>li.has-sub>a:before {
        display: none
    }

    #menu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }

    .hamburger {
      width: 55px;
      height: 48px;
      position: absolute;
      right: 0;
      top: 12px;
      cursor: pointer;
      z-index: 12399994;
    }

    .hamburger:after {
        position: absolute;
        top: 24px;
        right: 10px;
        display: block;
        height: 14px;
        width: 35px;
        border-top: 2px solid #002061;
        border-bottom: 2px solid #002061;
        content: '';
    }

    .hamburger:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 12px;
        right: 10px;
        display: block;
        height: 2px;
        width: 35px;
        background: #002061;
        content: '';
    }

    .hamburger.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 35px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .hamburger.menu-opened:before {
        top: 23px;
        background: #ffffff;
        width: 35px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    /* #menu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 10px;
        top: 0;
        display: block;
        border-left: 0;
        height: 60px;
        width: 70px;
        cursor: pointer;
        background: #ffffff1a;
    } */

    /* #menu .submenu-button.submenu-opened {
      background:#1b268600;
  } */

    #menu ul ul .submenu-button {
        height: 56px;
        width: 68px;
        background: rgb(255 255 255 / 3%);
    }

    /* #menu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 29px;
        width: 10px;
        height: 10px;
        display: block;
        content: '';
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        transition: all .4s;
    } */

    #menu ul ul .submenu-button:after {
       top: 25px;
        right: 27px;
    }

    #menu ul ul .submenu-button.submenu-opened:after {
        top: 16px;
    }

    #menu .submenu-button.submenu-opened:after {
        transform: rotate(-135deg);
        top: 23px;
    }


    #menu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #menu .submenu-button.submenu-opened:before {
        display: none
    }

    #menu ul ul ul li.active a {
        border-left: none
    }

    #menu>ul>li.has-sub>ul>li.active>a,
    #menu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none
    }
    #menu .main-menu ul ul li.has-sub>a:after{
        display: none;
    }
}

/*************************************
                Home Page
**************************************/
.hero{
  position: relative;
  .container{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    z-index: 1;
  }
  &::after{
    position: absolute;
    content: '';
    inset: 0;
    background: linear-gradient(180deg, rgba(51, 49, 49, 0.30) 0.91%, rgba(72, 72, 72, 0.92) 100%);
  }
}
.img-cover{
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: -8px;
}
.hero-content{
  width: 65%;
  h1{
    color: #FFF;
    font-family: "Test Sohne Regular";
    font-size: 77px;
    font-style: normal;
    font-weight: normal;
    line-height: 110%;
    margin-bottom: 8px;
	  sup{
		  font-size: 14px;
			border: 1px solid #FFF;
			border-radius: 50%;
			padding: 3px;
	  }
  }
  h4{
    color: #FFF;
    font-family: "Test Sohne Regular";
    font-size: 44px;
    font-style: normal;
    font-weight: normal;
    line-height: 110%;
  }
  p{
    width: 90%;
    color: #FFF;
    font-size: 22px;
    line-height: 140.909%;
    margin-bottom: 40px
  }
}

/************************************
   About
************************************/
.about{
  position: relative;
  z-index: 1;
}
.about-vector-bg{
  position: absolute;
  left: 0;
  top: 65px;
  z-index: -1;
}
.section-title-secondary{
  color: #1D1E20;
  font-family: "Test Sohne SemiBold";
  font-size: 31px;
  font-style: normal;
  font-weight: normal;
  line-height: 93.548%;
}
.about-img,
.about-section{
  position: relative;
}
.about-vector1{
  position: absolute;
  left: -25px;
  top: 0;
  animation: bounce 5s infinite ease-in-out;
}
.about-vector2{
  position: absolute;
  right: 0;
  bottom: -20px;
  animation: bounce 7s infinite ease-in-out;
}

/************************************
    Counter
************************************/
.counter{
  .row{
    .col:last-child {
    .counter-item {
      &::after{
        display: none;
      }
    }
  }
  }
}
.counter-item{
  position: relative;
  text-align: center;
  height: 100%;
  transition: 0.4s;
  h4{
    color: #002161;
    font-family: "Test Sohne Regular";
    font-size: 54px;
    font-style: normal;
    font-weight: normal;
    line-height: 112.963%;
    margin-bottom: 13px;
    transition: 0.5s;
  }
  p{
    width: 98%;
    color: #434547;
    font-family: "Test Sohne Bold";
    font-size: 21px;
    line-height: 138.095%;
  }
  &::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 69px;
    background: #002161;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
  }
  &:hover{
    scale: 1.04;
    h4, p{
      color: #002161;
    }
  }
}
/************************************
      Services
************************************/
.service{
  .container{
    border-radius: 56px;
    background: #FFF9F5;
    box-shadow: -117px 0px 0 0px #FFF9F5, 117px 0px 0 0px #FFF9F5;
  }
}
.service-img{
  display: flex;
  align-items: flex-end;
}
.service-content{
  .section-title{
    width: 70%;
    line-height: 118.966%;
  }
  .dec{
    color: #2B2B2B;
  }
  .secondary-btn{
    padding: 14px 74px;
  }
}
.service-list{
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  li{
    width: 50%;
    color: #002161;
    font-family: "Test Sohne SemiBold";
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    line-height: 261.905%;
    display: flex;
    align-items: center;
    gap: 10px;
    span{
      border-bottom: 2px solid #00206100;
      transition: 0.5s;
    }
    &:hover{
      span{
        border-color:#002061;
      }
    }
  }
}
.btn-group{
  gap: 15px;
}
.secondary-btn{
  padding: 14px 34px;
}

/************************************
      Treatment
************************************/
.treatment-grid{
  position: relative;
  .treatment-card:nth-child(1){
    top: 120px;
  }
  .treatment-card:nth-child(2){
    top: 140px;
  }
  .treatment-card:nth-child(3){
    top: 160px;
  }
  .treatment-card:nth-child(4){
    top: 180px;
  }
}
.treatment-card {
  border-radius: 27px;
  overflow: hidden;
  position: relative;
  height: auto;
  margin-top: 20px;
  position: sticky;
  top: 100px;
  z-index: 1;
  background: #F6F4F2;
  img{
    width: 100%;
    object-fit: cover;
    height: 390px;
  }
}

.treatment-content {
  padding: 27px 24px;
  h3{
    color: #111;
    font-family: "Test Sohne SemiBold";
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    line-height: 96.667%;
    margin-bottom: 15px;
  }
}
.treatment-content-text{
  position: sticky;
  top: 160px;
  .dec{
    color: #2B2B2B;
  }
}
/************************************
     How Works
************************************/
.how-works{
  background: #F8F8F8;
  position: relative;
  counter-reset: section;
  .container{
    position: relative;
    z-index: 1;
  }
  .row{
    .col-lg-3{
      transition: 0.5s;
      &:hover{
        .how-works-img{
          box-shadow: 0px 10px 0px 0px #002161;
          scale: 1.02;
        }
        .how-works-content{
          h4{
            color: #002161;
          }
        }
      }
    }
    .col-lg-3:nth-child(2n){
      .how-works-img{
        box-shadow: 0px -10px 0px 0px #7e9ab488;
        &::after{
          transform: rotateX(180deg);
        }
      }
      &:hover{
        .how-works-img{
          box-shadow: 0px -10px 0px 0px #002161;
        }
      }
    }
    .col-lg-3:last-child{
      .how-works-img{
        &::after{
          display: none;
        }
      }
    }
  }
}
.mb-90{
  margin-bottom: 90px;
}
.how-works-img{
  position: relative;
  width: 190.93px;
  height: 190.93px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  margin-bottom: 30px;
  background: #FFF;
  z-index: 1;
  box-shadow: 0px 10px 0px 0px #7e9ab488;
  transition: 0.5s;
  &::after{
    position: absolute;
    content: '';
    width: 80px;
    height: 25px;
    background: url(../img/how-dot.webp) no-repeat;
    background-size: contain;
    right: -65%;
    top: 40%;
  }
}
.how-works-content{
  text-align: center;
  padding-top: 30px;
  position: relative;
  z-index: 1;
  h4{
    color: #121212;
    font-family: "Test Sohne SemiBold";
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    transition: 0.4s;
  }
  &::after{
    counter-increment: section;
    content: counter(section);
    position: absolute;
    width: 20px;
    height: 20px;
    color: #002161;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    top: 5px;
  }
}
.primary-btn{
  gap: 13px;
  &:hover{
    img{
      filter: brightness(0) saturate(100%) invert(9%) sepia(48%) saturate(5152%) hue-rotate(215deg) brightness(97%) contrast(103%);
    }
  }
}
/************************************
    Why Choose
************************************/
.why-choose{
  position: relative;
  .row{
    margin-bottom: 90px;
  }
   .mb-50 {
    margin-bottom: 30px;
}
}
.why-choose-card{
  position: relative;
  padding-left: 70px;
}
.why-choose-icon{
  position: absolute;
  left: 0;
  top: 0;
}
.why-choose-content{
  .btn-group{
    padding-left: 70px;
  }
}
.why-choose-girl{
  position: absolute;
  bottom: 0;
  right: 140px;
  width: 750px;
}
.why-choose-vector{
  position: absolute;
  top: 23%;
  right: 12%;
  animation: bounce 5s infinite ease-in-out;
}
.why-choose-vector1{
  position: absolute;
  bottom: 0;
  left: 0;
}
/************************************
    Medical Option
************************************/
.medical-option{
  background: url(../img/medical-option-bg.webp) no-repeat;
  background-size: cover;
  padding-top: 350px;
  padding-bottom: 270px;
  .section-title, .dec{
    color: #FFF;
    margin-bottom: 18px;
  }
  .dec{
    width: 70%;
    margin-inline: auto;
  }
  .secondary-btn{
    padding: 14px 70px;
  }
}
/************************************
    Doctors
************************************/
.doctors{
  .container{
    position: relative;
    border-radius: 56px;
    background: #FFF9F5;
    box-shadow: -117px 0px 0 0px #FFF9F5, 117px 0px 0 0px #FFF9F5;
    .about-vector1 {
      left: -12%;
    }
    .about-vector2 {
      right: -10%;
    }
  }
}
.doctors-card{
  border-radius: 44px;
  background: #FFF;
  box-shadow: 0 14px 54px 0 rgba(0, 0, 0, 0.07);
  overflow: hidden;
  transition: 0.5s;
  height: 100%;
  &:hover{
    box-shadow: 0 14px 54px 0 rgba(0, 0, 0, 0.301);
  }
}
.doctors-img{
  background: #DFE6F5;
  width: 100%;
  height: 362px;
  object-fit: cover;
  margin-bottom: -10px;
}
.doctor-card-content{
  padding: 20px 18px;
  padding-bottom: 35px;di
  .secondary-btn{
    padding: 14px 24px;
  }
}
.doctors-name{
  color: #0D0D0D;
  font-family: "Test Sohne SemiBold";
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 5px;
}
.doctors-designation{
  color: #002161;
  font-family: "Test Sohne SemiBold";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 5px;
}

/************************************
      Partnership
************************************/
.partnership{
  .partnership-card{
    border-radius: 5px;
    background: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 82px;
  }
}
.slick-dots{
  bottom: -70px;
  li{
    width: auto;
    margin: 0 5px;
    transition: 0.5s;
    button{
      background: #D9D9D9;
      width: 13px;
      height: 13px;
      border: 2px solid #D9D9D9;
      border-radius: 50%;
      transition: all .5s;
      &::before{
        display: none;
      }
    }
    &.slick-active{
      button{
        border-color: #002061;
      }
    }
  }
}
/************************************
    Gallery-moments
************************************/
.gallery-moments-img{
  display: block;
  position: relative;
  border-radius: 29px;
  overflow: hidden;
  span{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 29px;
    background: #002061c4;
    scale: 0 0;
    opacity: 0;
    transition: 0.5s;
  }
  &:hover{
    span{
      scale: 1 1;
      opacity: 1;
    }
  }
}

.slick-slide {
  margin: 0 15px;
}
.slick-list {
  margin: 0 -15px;
}
/************************************
    Testimonials
************************************/
.testimonial-section {
  position: relative;
  background: url(../img/testi-bg.webp) no-repeat;
  background-size: cover;
  .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}
.slider-viewport {
  width: 100%;
  overflow: hidden;
}
.slides-track {
  display: flex;
  transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1);
}
.testimonial-card {
  min-width: 100%;
  display: flex;
  align-items: center;
  gap: 50px;
  padding-left: 100px;
}
.testimonial-image {
  flex-shrink: 0;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  overflow: hidden;
  background: #dde2ec;
}
.testimonial-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  filter: grayscale(0%);
  transition: transform 0.5s ease;
}
.testimonial-card:hover .testimonial-image img {
  transform: scale(1.04);
}
.testimonial-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
}
.stars {
  color: #002161;
  font-size: 25px;
  letter-spacing: 3px;
}
.testimonial-content h3 {
  color: #000;
  font-family: "Test Sohne SemiBold";
  font-size: 26px;
  font-style: italic;
  font-weight: normal;
  line-height: 15.385%;
}
.testimonial-content p {
  color: #1B1C1F;
  font-size: 21px;
  line-height: 147.619%;
}
.patient-name {
  color: #000;
  font-family: "Test Sohne Regular";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 82.353%;
  display: inline-block;
  margin-top: 60px;
  position: relative;
  &::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 3%;
    height: 1px;
    background: #002161;
  }
}
.navigation-controls {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 50px;
  padding-left: calc(450px + 64px + 20px);
}
.thumbnails {
  display: flex;
  align-items: center;
  gap: 25px;
}
.thumb {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  cursor: pointer;
  background: #d5d5d5;
  transition: 0.4s;
}
.thumb:hover {
  filter: grayscale(40%);
  opacity: 0.85;
  transform: translateY(-2px);
}

.thumb.active {
  background: #1a2e6e;
}
.next-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #1a2e6e;
  transition: transform 0.2s, background 0.2s;
}
.next-btn:hover {
  background: #e8ecf5;
  transform: scale(1.1);
}
.next-btn svg {
  width: 22px; height: 22px;
  stroke: #1a2e6e;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/************************************
     Latest Blog
************************************/
.latest{
  .btn-group{
    justify-content: flex-end;
  }
  .latest-box{
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .blog-img{
    flex: 1 1 auto;
    min-height: 200px;
    object-fit: cover;
  }
}
.latest-box{
  padding: 46px 30px 20px;
  background: #002161;
  border-radius: 37px;
  position: relative;
  display: block;
  transition: 0.5s;
  &:hover{
    box-shadow: 0 14px 54px 0 #1a73e89e;
    scale: 1.02;
  }
}
.blog-img{
  width: 100%;
  border-radius: 37px;
}
.date{
  color: #F2F2F2;
  font-family: "Test Sohne Bold";
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  line-height: 126.667%;
}
.blog-title{
  color: #FFF;
  font-family: "Test Sohne SemiBold";
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.newsroom{
  color: #F5F5F5;
  font-family: "Test Sohne Bold";
  font-size: 17px;
  line-height: 111.765%;
  margin-bottom: 9px;
}
.arrow-icon{
  width: 45.49px;
  height: 45.49px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #96A4C0;
  border-radius: 50%;
  position: absolute;
  top: 28px;
  right: 20px;
}
/************************************
     Faq
************************************/
.faq{
  background: #FFF9F5;
}
.accordion__item {
  transition: .5s;
  position: relative;
  border-bottom: 1px solid #002161;
}
.accordion__item:hover {
  transform: translateY(-5px)
}
.accordion__item .accordion__title {
  position: relative;
  display: block;
  padding: 20px 60px 20px 0px;
  font-size: 25px;
  text-decoration: none;
  color: #0D0D0D;
  font-family: "Test Sohne SemiBold";
  transition: 0.5s;
  cursor: pointer;
  a{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
  }
}
.accordion__title::after {
  content: '+';
  position: absolute;
  width: 35px;
  height:35px;
  right: 8px;
  top: 17px;
  font-size: 40px;
  color: #002161;
  border-radius: 50%;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}
.accordion__item.accordion-active .accordion__title::after{
  transform: rotate(180deg);
  content: '-';
  top: 21px;
}
.accordion__item.accordion-active {
  .accordion__title{
    color: #002061;
    padding-bottom: 13px;
  }
}
.accordion__item .accordion__content {
  display: none;
  margin-bottom: 25px;
  padding-right: 30px;
  a{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
  }
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
/************************************
    Book Good Health
************************************/
.book-good-content{
  border-radius: 370px;
  border: 1px solid #002161;
  padding-block: 60px;
  margin-inline: 70px;
  .primary-btn{
    padding: 14px 48px;
  }
}
/*******************************
  Footer
********************************/
footer{
  position: relative;
  background: #002161;
  padding-top: 90px;
  padding-bottom: 90px;
}
.footer-bottom-img{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #FFF;
}
.footer-logo {
  margin-bottom: 20px;
  img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(2%) hue-rotate(356deg) brightness(109%) contrast(100%);
  }
}
.social-links{
  display: flex;
  align-items: center;
  gap: 15px;
  a{
    &:hover{
      transform: translateY(-5px);
    }
  }
}
footer a:hover{
  color: #D4E3FF;
  transform: translateX(5px);
}
footer ul li a{
  color: #C8CED0;
  font-family: "Test Sohne Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 266.667%;
}
footer p{
  color: #C8CED0;
  font-family: "Test Sohne Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 166.667%;
}
footer p a{
  color: #FFF;
  font-family: "Test Sohne Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 166.667%;
}
footer ul{
  padding-left: 20px;
  li{
    list-style-type: disc;
    &::marker{
      color: #FFF;
    }
  }
}
footer ul li a{
  display: block;
  text-decoration: underline;
}
footer p{
  line-height: 150%;
}
.footer-title{
  color: #FFF;
  font-family: "Test Sohne SemiBold";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 10px;
}
.footer-sub-titile{
  color: #FFF;
  font-family: "Test Sohne SemiBold";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  margin-bottom: 13px;
}
.bottom-footer{
  justify-content: space-between;
}
.copyright a {
  color: #F69B4C;
  text-decoration: underline;
}
strong{
  font-family: "Test Sohne Bold";
}
/*****************************************************
                  Inner Page
*******************************************************/
.contact-page{
  .contact-content{
    padding: 50px 0;
    .section-title{
      line-height: 105.172%;
      margin-bottom: 10px;
    }
    p{
      margin: 0;
    }
    h4 {
      color: #000;
      font-family: 'Test Sohne SemiBold';
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-top: 50px;
      position: relative;
    } 
    h4.divider{
      &::before{
          content: '';
          position: absolute;
          top: -25px;
          left: 0;
          width: 100%;
          height: 1px;
          background: linear-gradient(90deg, #000 0%, rgba(102, 102, 102, 0.00) 100%);
          z-index: -1;
      }
    }
    p a:hover{
        color: #002161;
    }
    p:last-child{
        a:last-child{
            text-decoration: underline;
            color: #002161;
        }
    }
    }
  .contact-form-box{
    background-color: #F0F1F2;
    .card-body {
      padding: 40px 44px 44px;
    }
    .field-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 28px;
    }
    .field {
      position: relative;
      margin-bottom: 28px;
    }
    .field input,
    .field textarea {
      width: 100%;
      background: transparent;
      border: none;
      border-bottom: 1.5px solid #7A7D84;
      padding: 18px 0 16px;
      outline: none;
      transition: border-color 0.3s;
      resize: none;
      color: #000;
      font-family: 'Test Sohne Regular';
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 10px;
      border-radius: 0;
      outline: none;
    }
 
    .field textarea {
      height: auto;
      display: block;
    }

    .field input::placeholder,
    .field textarea::placeholder {
      color: transparent;
    }

  .field label {
    position: absolute;
    top: 18px;
    left: 0;
    font-size: 0.88rem;
    font-weight: 300;
    color: var(--muted);
    letter-spacing: 0.04em;
    pointer-events: none;
    transition: top 0.25s cubic-bezier(0.4,0,0.2,1), font-size 0.25s cubic-bezier(0.4,0,0.2,1), color 0.25s, letter-spacing 0.25s;
  }
 
  .field .req {
    color: var(--teal);
    margin-left: 2px;
  }
 
  /* Floating state */
  .field input:focus ~ label,
  .field input:not(:placeholder-shown) ~ label,
  .field textarea:focus ~ label,
  .field textarea:not(:placeholder-shown) ~ label,
  .field .wpcf7-form-control-wrap:has(input:focus) ~ label,
  .field .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ label,
  .field .wpcf7-form-control-wrap:has(textarea:focus) ~ label,
  .field .wpcf7-form-control-wrap:has(textarea:not(:placeholder-shown)) ~ label {
    top: -10px;
    color: #3a3a3a;
    letter-spacing: 0.10em;
    text-transform: uppercase;
  }
 
  .field input:focus,
  .field textarea:focus {
    border-bottom-color: #002161;
    box-shadow: none;
  }
 
  /* Underline accent */
  .field::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 0; height: 1.5px;
    background: #002161;
    transition: width 0.3s cubic-bezier(0.4,0,0.2,1);
  }
 
  .field:focus-within::after {
    width: 100%;
  }
 
  /* Checkbox */
  .checkbox-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 32px;
  }
 
  .checkbox-row input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px; height: 18px;
    min-width: 18px;
    border: 1.5px solid #7A7D84;
    border-radius: 3px;
    margin-top: 1px;
    cursor: pointer;
    position: relative;
    transition: border-color 0.2s, background 0.2s;
  }
 
  .checkbox-row input[type="checkbox"]:checked {
    background: #002161;
    border-color: #002161;
  }
 
  .checkbox-row input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 2px; left: 5px;
    width: 5px; height: 9px;
    border: 1.5px solid white;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
  }
 
  .checkbox-row label {
    font-size: 0.80rem;
    color: #656565;
    font-weight: 300;
    line-height: 1.6;
    cursor: pointer;
  }
 
  .checkbox-row label a {
    color: #002161;
    text-decoration: none;
    border-bottom: 1px solid var(--teal-soft);
    transition: color 0.2s, border-color 0.2s;
  }
 
  .checkbox-row label a:hover {
    color: var(--navy);
    border-color: var(--navy);
  }
 
  .checkbox-row label .req {
    color: var(--teal);
    margin-left: 1px;
  }
  }
}
.inner-banner{
  p{
    width: 74%;
  }
}
.team-card {
  position: relative;
  border-radius: var(--card-radius);
  overflow: hidden;
  background: #D9D9D9;
  cursor: pointer;
  transition: all .5s;
  aspect-ratio: 414 / 564;
  .primary-btn{
      border-radius: 16px;
      background: #D4E3FF;
      color: #002161;
  }
}

.team-card:hover {
  box-shadow: 0 16px 48px rgba(26,46,90,0.18);
  transform: translateY(-6px) scale(1.01);
}
 
  /* Photo */
.team-card-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: all .5s;
}

.team-card:hover .team-card-photo {
  transform: scale(1.07);
  filter: brightness(0.38);
}
 
  /* Default label (always visible at bottom) */
.team-card-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 28px;
  transition: all .5s;
  border-radius: 19px 22px 0 0;
  background: rgba(0, 33, 97, 0.92);
  text-align: center;
}
 
.team-card:hover .team-card-label {
  opacity: 0;
}

.team-card-name {
  margin-bottom: 3px;
  color: #FFF;
  font-family: 'Test Sohne SemiBold';
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}

.team-card-designation {
  color: #F9F9F9;
  font-family: 'Test Sohne SemiBold';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
 
  /* Hover overlay */
.team-card-overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 27px;
  text-align: center;
  opacity: 1;
  transition: all .5s;
  pointer-events: none;
  border-radius: 19px 22px 0 0;
  background: rgba(0, 33, 97, 0.92);
  width: 100%;
  bottom: 0;
  transform: translateY(100%);
}
 
.team-card:hover .team-card-overlay {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.team-card-overlay-name {
  margin-bottom: 3px;
  color: #FFF;
  font-family: 'Test Sohne SemiBold';
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}
 
.team-card-overlay-desig {
  color: #F9F9F9;
  font-family: 'Test Sohne SemiBold';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

.team-card-divider {
  width: 36px;
  height: 2px;
  background: var(--gold);
  margin: 0 auto 18px;
  border-radius: 2px;
}
 
.team-card-detail {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.82);
  line-height: 1.65;
  font-weight: 300;
  margin-bottom: 20px;
}
.team-page{
  padding: 100px 66px;
  h3{
    color: #000;
    font-family: 'Test Sohne SemiBold';
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 20px;
  }
}
.second-opinion{
  background: #F3F3F3;
}

/*+++++++++++++++++++ Plans Page ++++++++++++*/
.subs-plans-card{
  background: #FFFFFF;
  box-shadow: 0px 2px 12px rgb(0 0 0 / 20%);
  padding: 20px;
  border-radius: 18px;
  transition: all .5s;
  h3{
    text-align: center;
    color: #FFF;
    font-family: "Test Sohne SemiBold";
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    line-height: 120.833%;
    border-radius: 18px;
    background: #002161;
    padding: 20px 20px;
    margin-bottom: 20px;
  }
  ul{
    margin-bottom: 20px;
    li{
      font-size: 20px;
      color: #424242;
      font-family: "Test Sohne SemiBold";
      font-weight: normal;
      font-style: normal;
      line-height: 155%;
      position: relative;
      padding-left: 30px;
      margin-bottom: 10px;
      &::before{
        content: "✔";
        position: absolute;
        left: 0;
        font-size: 28px;
        color: #002161;
      }
    }
  }
  .popup-close{
    opacity: 0;
  }
  &:hover{
    scale: 1.01;
    box-shadow: 0px 2px 20px 5px rgb(0 0 0 / 40%);
  }
}
.extra-content{
  display: none;
}
.premium-sub{
  background: #002161;
  h3{
    background: #D4E3FF;
    color: #002161;
  }
  ul{
    li{
      color: #FFF;
      &::before{
        color: #FFF;
      }
    }
  }
  .primary-btn{
    background: #D4E3FF;
    color: #002061;
    &:hover{
      color: #002161;
      background: #FFF;
    }
  }
}


.subs-plans-card {
    position: relative;
    transition: all 0.3s ease;
}

.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all 0.3s ease;
}

.popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.subs-plans-card.popup {
  position: fixed;
  top: 55%;
  left: 50%;
  width: 30%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 100;
  padding: 35px;
  border-radius: 15px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: popupUp 0.5s ease forwards;
  .sub-plan-content{
    max-height: 75vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    overflow-y: auto;
    &::-webkit-scrollbar{
    width: 6px;
      background-color: #002161;
    }
    &::-webkit-scrollbar-thumb{
      background: #D4E3FF;
      border-radius: 50rem;
    }
  }
  .primary-btn {
    display: none;
  }

  .popup-close {
    opacity: 1;
  }

  &:hover {
    scale: 1;
  }
  ul{
    margin-bottom: 0;
  }
  .extra-content{
    display: block;
  }
}

@keyframes popupUp {
  0% {
    opacity: 0;
    transform: translate(-50%, -40%) scale(0.85);
  }

  60% {
    opacity: 1;
    transform: translate(-50%, -52%) scale(1.02);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* Close button */
.popup-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 0;
  background: #ff3434;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  z-index: 102;
  color: #ffffff;
  transition: all 0.2s ease;
}













.plans-chart{
  padding-inline: 90px;
  border-bottom: 1px solid #000;
}
.chart-wrapper {
  width: 100%;
  background: #ffffff;
  border: 1px solid #D3D3D3;
}
.table-scroll { overflow-x: auto; }
table {
  width: 100%;
  border-collapse: collapse;
}
thead tr { border-bottom: none; }
thead th {
  padding: 15px;
  vertical-align: bottom;
  border-right: 1px solid #D3D3D3;
}
.plan-pill {
  width: 100%;
  color: #FFF;
  font-family: "Test Sohne SemiBold";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 120.833%;
  display: inline-block;
  border-radius: 18px;
  background: #002161;
  padding: 20px 20px;
}
tbody tr { border-bottom: 1px solid #D3D3D3; height: 110px; }
tbody tr:last-child { border-bottom: none; }
tbody tr:nth-child(even) { background: #f2f2f2; }
tbody tr:nth-child(odd)  { background: #ffffff; }
td.cat {
  color: #1A1A1A;
  font-family: "Test Sohne SemiBold";
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  line-height: 150%;
  padding: 10px 14px 10px 4px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-right: 1px solid #d3d3d3;
  width: 280px;
}
td.feat {
  color: #1A1A1A;
  font-family: "Test Sohne SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  padding: 10px 12px;
  vertical-align: middle;
  line-height: 1.4;
  text-align: center;
  border-right: 1px solid #d3d3d3;
  width: 265px;
}
td.val {
  width: 297px;
  text-align: center;
  vertical-align: middle;
  padding: 10px 8px;
  position: relative;
  border-right: 1px solid #d3d3d3;
}
.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
}
.ic-check { background: #128b1c; color: #fff; }
.ic-cross {
  background: #ff0000;
  color: #FFF;
  font-size: 0.9rem;
}
.note-small {
  font-size: 19px;
  color: #1A1A1A;
  font-family: "Test Sohne Regular";
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  display: inline-block;
  margin-left: 15px;
  text-align: left;
  margin-top: 10px;
}
tr.group-sep td { border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;}
.flex-item{
  display: flex;
  align-items: center;
  justify-content: center;
}
/************** Doctor Details ***************/
.doctor-banner{
  .container{
    background: #F4F6FA;
  }
}
.doctor-banner-content{
  padding-left: 20%;
  h1{
    color: #002161;
    font-family: "Test Sohne Regular";
    font-size: 60px;
    font-style: normal;
    font-weight: normal;
    line-height: 80%;
    margin-bottom: 33px;
  }
  p{
    font-size: 20px;
    color: #000;
  }
  .sub-section-title{
    font-size: 18px;
  }
  .experience{
	  display: flex;
	  align-items: center;
	  gap: 5px;
	  margin-bottom: 0;
	  color: #002161;
	  font-size: 20px;
	  text-align: left;
	  line-height: 100%;
  }
}
.experience-box{
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 30px;
}
.about-doctor-details-content{
  .section-title{
    font-size: 42px;
  }
}
.doctor-certification{
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: linear-gradient(180deg, rgba(244, 244, 244, 0.00) 0%, #F5F5F5 100%);
  padding: 20px 25px;
  h3{
    color: #002161;
    font-family: "Test Sohne SemiBold";
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 14px;
  }
  h4{
    color: #000;
    font-family: "Test Sohne Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 95%;
    margin-bottom: 14px;
  }
  ul{
    li{
      color: #3B3E45;
      font-family: "Test Sohne Regular";
      font-size: 18px;
      font-style: normal;
      font-weight: normal;
      line-height: 166.667%;
    }
  }
}
.contact-side-field{
  border-radius: 13px;
  background: #F0F0F0;
  padding: 30px 25px;
  p{
    margin-bottom: 15px;
    color: #000;
    a{
      color: #002161;
      font-family: "Test Sohne Regular";
      font-size: 18px;
      font-style: normal;
      font-weight: normal;
      line-height: 166.667%;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: auto;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
    }
  }
  .social-links{
    margin-top: 30px;
    padding-left: 0;
    a{
      filter: brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(1558%) hue-rotate(205deg) brightness(85%) contrast(112%);
    }
  }
}
.contact-heart-attack{
  background: url(../img/doctor-details-heart-attack-bg.webp) no-repeat;
  background-size: cover;
  border-radius: 17px;
  padding: 30px 20px;
  img{
    margin-bottom: 10px;
  }
  h4{
    width: 70%;
    color: #FFF;
    font-family: "Test Sohne SemiBold";
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 112.5%;
    margin-bottom: 25px;
  }
  .secondary-btn{
        padding: 14px 64px;
  }
}
/********** Blog Page **********/
.blog-card{
  background: #F3F3F3;
  padding: 10px 15px;
  padding-top: 30px;
  .newsroom {
    color: #002161;
    margin-bottom: 20px
  }
  .blog-title{
    color: #121212;
    font-size: 24px;
    margin-bottom: 17px;
    width: 90%;
  }
  .arrow-icon {
    width: 36px;
    height: 36px;
    background: #002161;
    padding: 8px;
  }
  .date {
    color: #4C4C4C;
    margin-bottom: 18px;
  }
  &:hover{
    .blog-title{
      color: #002061;
    }
    .arrow-icon{
      img{
        transform: rotate(28deg);
      }
    }
  }
}
.blog-card-banner{
  background: url(../img/newsroom-bg.webp)  no-repeat;
  background-size: cover;
  padding: 30px;
  .blog-title{
    font-size: 36px;
  }
  .btn-group{
    justify-content: end;
  }
  .secondary-btn{
    padding: 14px 69px;
  }
}
/************** Blog Details Banner *************/
.blog-details-banner{
  background: #E6E9F0;
  margin-inline: 60px;
}
.blog-details-banner-content{
  padding-left: 25%;
  .sub-section-title{
    background: #002061;
    color: #FFF;
    margin-bottom: 33px;
  }
  h1{
    color: #002161;
    font-family: "Test Sohne SemiBold";
    font-size: 40px;
    font-style: normal;
    font-weight: normal;
    line-height: 109.091%;
    margin-bottom: 30px;
  }
  .date{
    color: #2F2F2F;
    margin-bottom: 32px;
  }
}
.small-bar{
  display: block;
  width: 49.756px;
  height: 3px;
  background: #002161;
}
.blog-details-content{
  padding-right: 40px;
  h2, h3, h4{
    color: #111;
    font-family: "Test Sohne SemiBold";
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    line-height: 114.583%;
    margin-bottom: 10px;
  }
  h3{
    font-size: 32px;
  }
  h4{
    font-size: 26px;
  }
  ul, ol{
    padding-left: 20px;
    margin-bottom: 20px;
    li{
      color: #002161;
      font-family: "Test Sohne SemiBold";
      font-size: 20px;
      font-style: normal;
      font-weight: normal;
      line-height: 185%;
      margin-bottom: 5px;
    }
  }
  ol{
    list-style: numeric;
    li{
      padding-left: 10px;
      &::marker{
        font-size: 22px;
      }
    }
  }
  ul{
    list-style-type: disc;
  }
}
.blog-details{
  .contact-side-field{
    p{
      margin-bottom: 10px;
    }
    .small-bar{
      width: 20px;
      height: 1px;
      margin-bottom: 20px;
    }
    ul{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 11px 8px;
      li{
        a{
          color: #002161;
          font-family: "Test Sohne Regular";
          font-size: 15px;
          font-style: normal;
          font-weight: normal;
          line-height: normal;
          border-radius: 100px;
          border: 1px solid #002161;
          padding: 4px 16px;
          transition: 0.5s;
          &:hover{
            background: #002161;
            color: #FFF;
          }
        }
      }
    }
  }
}
.recent-card{
  display: flex;
  align-items: center;
  gap: 15px;
  border-bottom: 1px solid #BABABA;
  padding-bottom: 20px;
  margin-bottom: 20px;
  transition: 0.4s;
  img{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    object-fit: cover;
  }
  .blog-title{
    font-size: 18px;
    color: #121212;
  }
  &:hover{
    border-color: #002161;
    .blog-title{
      color: #002161;
    }
  }
}
.blog-details-heart-attack{
  background: url(../img/blog-details-heart-attack-bg.webp) no-repeat;
  background-size: cover;
  h4 {
    width: 90%;
  }
}
.italic{
  font-style: italic;
}
.pegination{
  border-top: 1px solid #000;
  padding-top: 40px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  a{
    display: block;
    width: 300px;
    height: 100px;
    position: relative;
    border-radius: 17px;
    overflow: hidden;
    &::after{
      position: absolute;
      content: '';
      inset: 0;
      border-radius: 17px;
      background: linear-gradient(90deg, rgb(0, 32, 97) 0%, rgb(0 68 199 / 65%) 71.29%);
      transition: 0.5s;
    }
    .pegi-content{
      position: absolute;
      left: 15px;
      top: 10px;
      z-index: 1;
      p{
        font-size: 15px;
        color: #B3CAF5;
        margin-bottom: 10px;
      }
      h4{
        color: #FFF;
        font-family: "Test Sohne SemiBold";
        font-size: 17px;
        font-style: normal;
        font-weight: normal;
        line-height:  105.882%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
    }
    &::before{
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.15), transparent);
      transform: translateX(-100%);
      transition: transform 0.55s ease;
      z-index: 2;
    }
    &:hover{
      img{
        scale: 1.2;
      }
      &::before{
        transform: translateX(100%);
      }
    }
  }
  a.next{
    .pegi-content{
      left: unset;
      right: 15px;
      text-align: right;
    }
    &::after {
      background: linear-gradient(270deg, rgb(0, 32, 97) 0%, rgb(0 68 199 / 65%) 71.29%);
    }
    &::before{
      transform: translateX(100%);
    }
    &:hover{
      &::before{
        transform: translateX(-100%);
      }
    }
  }
}
/************** Service Opinion *************/
.service-second-opinion{
  background: #FFF;
}
.second-opinion-platform-img{
  border-radius: 21px;
  overflow: hidden;
  &:hover{
    img{
      scale: 1.1;
    }
  }
}
.second-opinion-platform-content{
  h3{
    color: #111;
    font-family: "Test Sohne SemiBold";
    font-size: 40px;
    font-style: normal;
    font-weight: normal;
    line-height: 115%;
    margin-bottom: 20px;
  }
}
.second-opinion-platform{
  .accordion__item {
    border-color: #000;
  }
  .accordion__item .accordion__title {
    padding: 12px 60px 12px 0px;
    font-size: 22px;
  }
  .accordion__item .accordion__content{
    margin-bottom: 0;
  }
  .accordion__title::after {
    content: ' ';
    position: absolute;
    width: 16px;
    height: 16px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    right: 8px;
    top: 17px;
    border-radius: 2px;
    transform: rotate(45deg);
    transition: all .5s;
  }
  .accordion__item.accordion-active .accordion__title::after {
    transform: rotate(-45deg);
    content: ' ';
    border-color: #002061;
    top: 22px;
  }
  .accordion__item.accordion-active {
    .accordion__title {
      padding-bottom: 3px;
    }
  }
}
.member-expect{
  background: #F3F3F3;
  position: relative;
  margin-bottom: 30px;
}
.modern-family-card{
  transition: 0.5s;
  img{
    width: 100%;
    height: 304px;
    object-fit: cover;
    border-radius: 27px;
    margin-bottom: 20px;
  }
  h3{
    color: #111;
    font-family: "Test Sohne SemiBold";
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    line-height: 96.667%;
    margin-bottom: 15px;
    transition: 0.5s;
  }
  &:hover{
    transform: translateY(-10px);
    h3{
      color: #002061;
    }
  }
}
.member-expect-img{
  height: 100%;
  img{
    border-radius: 27px 27px 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.membership-packages{
  .container{
    border-radius: 30px;
    background: #FFF9F5;
    box-shadow: -190px 0px 0 0px #FFF9F5, 190px 0px 0 0px #FFF9F5;
    padding-block: 70px;
  }
}
.package-tab{
  ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    li{
      width: 270px;
      color: #000;
      font-family: "Test Sohne SemiBold";
      font-size: 24px;
      font-style: normal;
      font-weight: normal;
      line-height: normal;
      padding: 18px 30px;
      border-radius: 16px;
      background: #FFF;
      transition: 0.4s;
      text-align: center;
      cursor: pointer;
      &:hover,
      &.active{
        background: #D4E3FF;
      }
    }
  }
}
.membership-packages-img{
  border-radius: 27px;
  overflow: hidden;
}
.membership-packages-content{
  h3{
    color: #111;
    font-family: "Test Sohne SemiBold";
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    line-height: 106.25%;
    margin-bottom: 20px;
  }
}
.package-content {
  display: none;
  opacity: 0;
  transition: 0.3s;
}
.package-content.active {
  display: block;
  opacity: 1;
}
.vance-promise{
  margin-inline: 90px;
}
.vance-promise-card{
  border-radius: 27px;
  background: #FFF;
  box-shadow: 0 14px 54px 0 rgba(0, 0, 0, 0.07);
  padding: 25px;
  height: 100%;
  transition: 0.5s;
  img{
    border-radius: 27px;
    margin-bottom: 15px;
  }
  h3{
    color: #0D0D0D;
    font-family: "Test Sohne SemiBold";
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 10px;
    transition: 0.4s;
  }
  &:hover{
    box-shadow: 0 14px 54px 0 #1a2e6e4b;
    transform: translateY(-10px);
    h3{
      color: #002061;
    }
  }
}
/************** About Page *************/
.about-second-opinion{
  background: #E8EAEE;
  p{
    font-size: 28px;
    color: #232426;
  }
  .operating{
    color: #002161;
    font-family: "Test Sohne SemiBold";
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 145%;
  }
}
.saving-img{
  width: 100%;
  border-radius: 60px;
}
.mission-box{
  display: flex;
  align-items: start;
  gap: 30px;
  border-radius: 370px;
  border: 1px solid #002161;
  padding: 30px 90px;
  transition: 0.5s;
  img{
    margin-top: 20px;
  }
  &:hover{
    background: #002061;
    img{
      filter: brightness(0) saturate(100%) invert(100%) sepia(64%) saturate(2%) hue-rotate(308deg) brightness(115%) contrast(101%);
      transform: rotateY(180deg);
    }
    .miss-content{
      .section-title, p{
        color: #FFF;
      }
    }
  }
}
.miss-content{
  text-align: left;
}
.vision-box{
  margin-left: auto;
  .miss-content{
    text-align: right;
  }
}
.about-service-box{
  p{
    span{
      color: #000;
      font-family: "Test Sohne Bold";
    }
  }
  img{
    width: 100%;
    border-radius: 37px;
  }
}
.founder-desk{
  position: relative;
  background: #F3F3F3;
  .dec{
    font-size: 18px;
  }
  h5{
    color: #1F2227;
    font-family: "Test Sohne SemiBold";
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 120.833%;
    margin-bottom: 10px;
  }
  ul{
    li{
      color: #002161;
      font-family: "Test Sohne Regular";
      font-size: 18px;
      font-style: normal;
      font-weight: normal;
      line-height: 222.222%;
      position: relative;
      padding-left: 35px;
      &::before{
        position: absolute;
        content: '';
        width: 24px;
        height: 24px;
        background: url(../img/tick.webp) no-repeat;
        background-size: 100%;
        background-position: center;
        left: 0;
        top: 8px;
      }
    }
  }
}
.founder-desk-img{
  position: absolute;
  right: 60px;
  bottom: 0;
  width: 740px;
}
.founder-dtls{
  width: 30%;
  position: absolute;
  left: 0;
  top: 20%;
  p{
    color: #000;
    span{
      color: #1F2227;
      font-family: "Test Sohne SemiBold";
      font-size: 24px;
    }
  }
}
.pb-0{
  padding-bottom: 0px;
}
.team-filter-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 40px;
}
.team-filter-btn {
    border: 1px solid #002161;
    background: #fff;
    color: #002161;
    padding: 11px 22px;
    border-radius: 30px;
    font-family: 'Test Sohne SemiBold';
    font-size: 15px;
    line-height: 1.2;
    transition: all .3s ease;
}
.team-filter-btn:hover,
.team-filter-btn.active {
    background: #002161;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 33, 97, 0.18);
}
.team-page .col {
    transition: opacity .35s ease, transform .35s ease;
}
.disclaimer{
  .container{
    background: #FFF9F5;
    padding: 50px 30px;
    border-radius: 56px;
  }
}
.team-tab{
  ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    li {
      width: 270px;
      color: #000;
      font-family: "Test Sohne SemiBold";
      font-size: 24px;
      font-style: normal;
      font-weight: normal;
      line-height: normal;
      padding: 18px 30px;
      border-radius: 16px;
      background: #f3f7ff;
      transition: 0.4s;
      text-align: center;
      cursor: pointer;
      &:hover, &.active {
        background: rgba(0, 33, 97, 0.92);
        color: #fff;
      }
    }
  }
}
.team-tab-content {
  display: none;
}

.team-tab-content.active {
  display: block;
}

.doctor-banner-img{
	aspect-ratio: 1 / 1;
	img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top center;
	}
}
/*******************************
  Responsive
********************************/
@media (max-width: 1920px) { 
}
@media (max-width: 1600px), (max-width: 1536px){
  .why-choose-vector {
    top: 27%;
    right: 5%;
  } 
  .why-choose-vector1 {
    width: 368px;
  }
  .medical-option{
    padding-top: 300px;
    padding-bottom: 165px;
  }
  .doctors {
    .container {
      box-shadow: -60px 0px 0 0px #FFF9F5, 60px 0px 0 0px #FFF9F5;
    }
  }
  .patient-name {
    margin-top: 40px;
  }
  .service {
    .container {
      box-shadow: -60px 0px 0 0px #FFF9F5, 60px 0px 0 0px #FFF9F5;
    }
  }
  .doctors {
    & .container {
      .about-vector1 {
        left: -7%;
      }
      .about-vector2 {
        right: -6%;
      }
    }
  }
  .plans-chart {
    padding-inline: 30px;
  }
  .plan-pill {
    font-size: 20px;
  }
  td.cat {
    width: 230px;
  }
  .note-small{
    font-size: 18px;
  }
  td.feat {
    font-size: 18px;
    width: 235px;
  }
  .member-expect-content{
    margin-bottom: 0px;
  }
  .member-expect-img {
    img {
      width: 720px;
    }
  }
  .vance-promise {
    margin-inline: 50px;
  }
  .membership-packages {
    .container {
      box-shadow: -60px 0px 0 0px #FFF9F5, 60px 0px 0 0px #FFF9F5;
      padding-block: 50px;
    }
  }
  .founder-desk-img {
    right: 20px;
    width: 620px;
  }
  .why-choose-girl {
    right: 40px;
  }
  .disclaimer {
    .container {
      padding: 40px 30px;
      border-radius: 56px;
    }
  }
  .subs-plans-card.popup {
    width: 40%;
  }
  .subs-plans-card {
    h3{
      font-size: 22px;
    }
  }
  .subs-plans-card.popup {
    .sub-plan-content {
        max-height: 55vh;
    }
  }
}
@media (max-width: 1440px), (max-width: 1366px){
  .title {
    font-size: 40px;
  }
  .modal-head {
    padding: 20px 20px 11px;
  }
  .modal-body {
    padding: 10px 20px;
  }
  .modal-head .brand {
    img {
      width: 100px;
    }
  }
  .field label {
    font-size: 0.68rem;
    line-height: 150%;
  }
  .field input, .field select, .field textarea {
    font-size: 0.775rem;
    padding: 11px 8px;
  }
  .submit-btn {
    padding: 10px;
  }
  .container {
    max-width: 1140px;
  }
  .logo{
    width: 50px;
  }
  #menu>.main-menu>ul>li>a {
    font-size: 15px;
    padding: 10px 5px;
  }
  #menu>.main-menu>ul>li {
    padding-inline: 7px;
  }
  .has-sub {
    margin-right: 10px;
  }
  #menu ul ul li a {
    font-size: 15px;
  }
  #menu li:hover>ul>li {
    height: 35px;
  }
  .primary-btn{
    font-size: 15px;
    padding: 12px 18px;
  }
  .hero-content {
    h1 {
      font-size: 62px;
    }
    p {
      font-size: 18px;
      margin-bottom: 30px;
    }
  }
  #menu>.main-menu>ul>li.has-sub>a::before{
    top: 17px;
    right: -5px;
    width: 6px;
    height: 6px;
  }
  .section-title {
    font-size: 48px;
  }
  .sub-section-title {
    font-size: 13px;
  }
  .dec {
    font-size: 17px;
  }
  p {
    font-size: 16px;
  }
  .section-title-secondary {
    font-size: 25px;
  } 
  .counter-item {
    h4 {
      font-size: 44px;
    }
    p {
      font-size: 17px;
    }
    &::after {
      width: 1px;
      height: 59px;
    }
  }
  .service {
    .container {
      box-shadow: -70px 0px 0 0px #FFF9F5, 70px 0px 0 0px #FFF9F5;
    }
  }
  .service-list {
    li {
      font-size: 17px;
      img{
        width: 34px;
      }
    }
  }
  .service-content {
    .secondary-btn {
      padding: 12px 55px;
    }
  }
  .treatment-card {
    img {
      height: 250px;
    }
  }
  .treatment-content {
    padding: 21px 17px;
    h3 {
      font-size: 24px;
      margin-bottom: 10px;
    }
  }
  .how-works-img {
    width: 170.93px;
    height: 170.93px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0px 8px 0px 0px #7e9ab488;
    &::after {
      width: 60px;
      height: 20px;
      right: -55%;
      top: 40%;
    }
  }
  .how-works-content {
    h4 {
      font-size: 20px;
    }
    &::after {
      font-size: 24px;
    }
  }
  .how-works {
    & .row {
      & .col-lg-3:nth-child(2n) {
        .how-works-img {
          box-shadow: 0px -8px 0px 0px #7e9ab488;
        }
      }
    }
  }
  .card-title {
    font-size: 20px;
  }
  .why-choose-icon{
    width: 50px;
  }
  .mb-50 {
    margin-bottom: 30px;
  }
  .why-choose-girl {
    right: 35px;
    width: 650px;
  }
  .why-choose-vector1 {
    width: 290px;
  }
  .medical-option {
    padding-top: 250px;
    padding-bottom: 140px;
    .section-title, .dec {
      margin-bottom: 10px;
    }
  }
  .doctors {
    & .container {
      box-shadow: -70px 0px 0 0px #FFF9F5, 70px 0px 0 0px #FFF9F5;
    }
  }
  .doctors {
    & .container {
      .about-vector1 {
        left: -10%;
      }
      .about-vector2 {
        right: -8%;
      }
    }
  }
  .doctors-img {
    height: 270px;
  }
  .doctors-name {
    font-size: 22px;
  }
  .doctors-designation {
    font-size: 13px;
  }
  .partnership{
    .partnership-card {
      height: 72px;
      padding: 20px;
    }
  }
  .testimonial-image {
    width: 280px;
    height: 280px;
  }
  .stars {
    font-size: 19px;
  }
  .testimonial-content h3 {
    font-size: 22px;
  }
  .testimonial-content p {
    font-size: 17px;
  }
  .patient-name {
    margin-top: 20px;
  }
  .testimonial-content {
    gap: 15px;
  }
  .patient-name {
    font-size: 14px;
  }
  .testimonial-card {
    gap: 30px;
  }
  .navigation-controls {
    margin-top: 25px;
    padding-left: calc(335px + 64px + 20px);
  }
  .next-btn svg {
    width: 18px;
    height: 18px;
  }
  .slick-dots {
    bottom: -60px;
  }
  .gallery-moments-img {
    span{
      img{
        width: 30px;
      }
    }
  }
  .slick-slide{
    margin: 0 10px;
  }
  .slick-list{
    margin: 0 -10px;
  }
  .blog-title {
    font-size: 26px;
  }
  .latest-box {
    padding: 36px 20px 10px;
  }
  .arrow-icon {
    width: 35.49px;
    height: 35.49px;
    padding: 10px;
    top: 18px;
  }
  .accordion__item .accordion__title {
    font-size: 21px;
    padding: 15px 60px 15px 0px;
  }
  .accordion__item.accordion-active {
    .accordion__title {
      padding-bottom: 10px;
    }
  }
  .accordion__item .accordion__content {
    margin-bottom: 15px;
  }
  .accordion__title::after {
    width: 25px;
    height: 25px;
    right: 8px;
    font-size: 30px;
  }
  .accordion__item.accordion-active .accordion__title::after {
    top: 19px;
  }
  .book-good-content {
    padding-block: 40px;
    margin-inline: 40px;
  }
  .book-good-content {
    .primary-btn {
      padding: 12px 38px;
    }
  }
  .footer-title {
    font-size: 20px;
  }
  footer p {
    font-size: 16px;
  }
  footer ul li a {
    font-size: 16px;
  }
  .footer-sub-titile {
    font-size: 16px;
    margin-bottom: 10px;
  }
  footer {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .footer-logo {
    margin-bottom: 10px;
  }
  .medical-option {
    .secondary-btn {
        padding: 12px 55px;
    }
  }
  .treatment-grid {
    .treatment-card:nth-child(1) {
      top: 100px;
    }
    .treatment-card:nth-child(2) {
      top: 120px;
    }
    .treatment-card:nth-child(3) {
      top: 140px;
    }
  }
  .inner-banner {
    p {
      width: 84%;
    }
  }
  .team-card-name {
    font-size: 20px;
  }
  .team-card-designation {
    font-size: 14px;
  }
  .team-card-overlay {
    padding: 50px 25px;
  }
  .contact-page {
    & .contact-content {
      h4 {
        font-size: 16px;
      }
    }
  }
.contact-page {
  & .contact-form-box {
    .field input, .field textarea {
      font-size: 15px;
    }
    .card-body {
      padding: 30px 33px 33px;
    }
  }
}
form .primary-btn {
  font-size: 16px;
}
.plan-pill {
  font-size: 18px;
  padding: 15px 20px;
}
  td.cat {
    font-size: 22px;
    width: 180px;
  }
  td.feat {
    font-size: 16px;
  }
  .icon {
    width: 26px;
    height: 26px;
  }
  .note-small {
    font-size: 15px;
  }
  tbody tr{
    height: 65px;
  }
  .newsroom{
    font-size: 15px;
  }
  .blog-card {
    .blog-title {
      font-size: 20px;
    }
  }
  .blog-card-banner {
    .blog-title {
      font-size: 30px;
    }
    .secondary-btn {
      padding: 12px 59px;
    }
  }
  .blog-details-banner{
    margin-inline: 30px;
  }
  .blog-details-banner-content {
    padding-left: 16%;
    h1 {
      font-size: 30px;
      margin-bottom: 20px;
    }
    .sub-section-title {
      margin-bottom: 22px;
    }
    .date {
      margin-bottom: 22px;
    }
  }
  .blog-details-content {
    h2{
      font-size: 38px;
    }
    h3{
      font-size: 28px;
    }
    h4 {
      font-size: 22px;
    }
    ul, & ol {
      li {
        font-size: 16px;
      }
    }
    ol {
      & li {
        &::marker {
          font-size: 18px;
        }
      }
    }
  }
  .pegination {
    a {
      width: 275px;
    }
  }
  .recent-card {
    img {
      width: 75px;
      height: 75px;
    }
    .blog-title {
      font-size: 15px;
    }
  }
  .contact-side-field {
    padding: 20px 15px;
  }
  .blog-details {
    & .contact-side-field {
      p {
        margin-bottom: 4px;
      }
       ul {
        gap: 7px 4px;
        li {
          a {
            font-size: 13px;
            padding: 3px 12px;
          }
        }
      }
    }
  }
  .contact-heart-attack {
    .secondary-btn {
      padding: 12px 50px;
    }
    h4 {
      font-size: 20px;
      margin-bottom: 15px;
    }
  }
  .small-bar {
    margin-bottom: 10px;
  }
  .doctor-banner-content {
    padding-left: 10%;
    h1 {
      font-size: 50px;
    }
    .sub-section-title {
      font-size: 15px;
    }
    .experience {
      font-size: 16px;
    }
    p {
      font-size: 16px;
    }
  }
  .doctor-certification {
    h3 {
      font-size: 18px;
      margin-bottom: 14px;
    }
    h4{
      font-size: 16px;
    }
    ul {
      li {
        font-size: 16px;
      }
    }
  }
  .about-doctor-details-content {
    .section-title {
      font-size: 32px;
    }
  }
  .second-opinion-platform-content {
    h3 {
      font-size: 30px;
      margin-bottom: 10px;
    }
  }
  .second-opinion-platform {
    .accordion__item .accordion__title {
      padding: 8px 50px 8px 0px;
      font-size: 18px;
    }
    .accordion__title::after {
      width: 12px;
      height: 12px;
    }
  }
  .modern-family-card {
    h3 {
      font-size: 23px;
      margin-bottom: 8px;
    }
  }
  .modern-family-card {
    img {
      height: 240px;
      margin-bottom: 10px;
    }
  }
  .member-expect-img {
    img {
      width: 630px;
    }
  }
  .package-tab {
    & ul {
      li {
        width: 200px;
        font-size: 20px;
        padding: 13px 30px;
      }
    }
  }
  .membership-packages-content {
    h3 {
      font-size: 38px;
      margin-bottom: 10px;
    }
  }
  .vance-promise {
    margin-inline: 30px;
  }
  .membership-packages {
    .container {
      box-shadow: -80px 0px 0 0px #FFF9F5, 80px 0px 0 0px #FFF9F5;
      padding-block: 30px;
    }
  }
  .vance-promise-card {
    padding: 15px;
    img {
      margin-bottom: 5px;
    }
    h3 {
      font-size: 20px;
    }
  }
  .about-second-opinion {
    p {
      font-size: 22px;
    }
    .operating {
      font-size: 18px;
    }
  }
  .mission-box {
    gap: 20px;
    padding: 30px 70px;
  }
  .founder-desk {
    h5 {
      font-size: 20px;
    }
    ul {
      li {
        font-size: 16px;
        padding-left: 25px;
        line-height: 144.222%;
        margin-bottom: 10px;
        &::before {
          width: 18px;
          height: 18px;
          top: 3px;
        }
      }
    }
  }
  .founder-desk-img {
    right: 15px;
    width: 540px;
  }
  .founder-dtls {
    & p {
      span {
        font-size: 20px;
      }
    }
  }
  .hero-content {
    h4 {
      font-size: 33px;
    }
  }
  .team-tab{
    & ul {
      li {
        width: 200px;
        font-size: 20px;
        padding: 13px 30px;
      }
    }
  }
  .subs-plans-card {
    h3 {
      font-size: 18px;
      padding: 14px 20px;
      border-radius: 14px;
    }
    ul {
      li {
        font-size: 16px;
        padding-left: 25px;
        &::before {
          font-size: 22px;
        }
      }
    }
  }
}
@media (max-width: 991.98px){
  .hero-content {
        h4 {
            font-size: 28px;
        }
    }
  .container {
    max-width: 720px;
  }
  .flex-box {
    margin-right: 80px;
  }
  #menu>.main-menu>ul>li>a {
    font-size: 16px;
    padding: 15px 15px; 
    border-bottom: 1px solid #ffffff33;
  }
  #menu>.main-menu>ul>li {
    padding-inline: 20px;
  }
  #menu>.main-menu>ul>li:hover>a, #menu .main-menu ul li.current-menu-item a {
    color: #ffffff;
  }
  #menu > .main-menu > ul > li > a {
    &::after {
      width: 5%;
      background: #FFF;
      left: 14px;
    }
  }
  #menu ul ul li a {
    font-size: 16px;
    padding: 12px 20px;
  }
  .hero {
    height: 330px;
    .hero-content {
      width: 100%;
      text-align: center;
      h1 {
        font-size: 46px;
        margin-bottom: 5px;
      }
      p {
        width: 100%;
        font-size: 18px;
        margin-bottom: 20px;
      }
      .btn-group{
        justify-content: center;
      }
    }
  }
  .sec-gap {
    padding: 40px 0;
  }
  .counter{
    .row{
      .col:nth-child(2) {
        .counter-item {
          &::after{
            display: none;
          }
        }
      }
    }
  }
  .counter-item {
    &::after {
      width: 1px;
      height: 49px;
    }
  }
  .service-content {
    .section-title {
      width: 100%;
    }
  }
  .treatment-card {
    img {
        height: 320px;
    }
  }
  .how-works-img {
    &::after {
      width: 80px;
      height: 30px;
      right: -80%;
      top: 40%;
    }
  }
  .how-works {
    & .row {
      & .col-lg-3:nth-child(2) {
        & .how-works-img {
          &::after {
            display: none;
          }
        }
      }
    }
  }
  .why-choose-girl {
    position: relative;
    float: right;
  }
  .why-choose{
    .row{
      .col:last-child{
        order: -1;
      }
    }
  }
  .why-choose-content {
    background: #d4e3ff54;
    padding: 30px 20px;
    border-radius: 10px;
  }
  .why-choose-vector1 {
    width: 240px;
    z-index: -1;
  }
  .why-choose-vector {
    top: 14%;
    right: 4%;
  }
  .medical-option {
    padding-top: 40px;
    padding-bottom: 40px;
    .dec {
      width: 100%;
      margin-bottom: 15px;
    }
  }
  .doctors-card {
    border-radius: 28px;
  }
  .doctors-img {
    height: 280px;
  }
  .testimonial-card {
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding-left: 0;
  }
  .testimonial-content{
    text-align: center;
    gap: 20px;
  }
  .patient-name {
    font-size: 16px;
    line-height: 200%;
    margin-top: 0;
    &::before {
      width: 4%;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
    }
  }
  .navigation-controls {
    gap: 20px;
    margin-top: 25px;
    justify-content: center;
    padding-left: 0;
  }
  .testimonial-section {
    background-position: right;
  }
  .gallery-moments-img {
    border-radius: 19px;
  }
  .latest {
    .btn-group {
      justify-content: center;
    }
  }
  .book-good-content {
    padding-block: 40px;
    border-radius: 40px;
    margin-inline: 0;
  }
  footer {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .footer-logo {
    margin-inline: auto;
    width: 80px;
  }
  .social-links {
    justify-content: center;
    padding-left: 0;
  }
  .copyright{
    text-align: center;
  }
  .mb-90 {
    margin-bottom: 50px;
  }
  .modal {
    max-width: 80%;
  }
  .team-page {
    padding: 70px 33px;
  }
  .plan-pill {
    white-space: nowrap;
  }
  .note-small {
    white-space: nowrap;
  }
  td.feat {
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: manual;
    display: block;
    border: none;
  }
  td.cat {
    padding: 10px 24px 10px 24px;
  }
  td.val{
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
  }
  tr.group-sep td.feat {
    border-top: 0;
    border-right: 0;
  }
  thead th {
    border-bottom: 1px solid #d3d3d3;
  }
  .blog-card{
    border-radius: 17px;
    .blog-img {
      border-radius: 17px;
    }
  }
  .blog-card-banner {
    border-radius:23px;
    padding-bottom: 25px;
    .btn-group {
      justify-content: start;
    }
  }
  .blog-details-banner-content {
    padding: 20px;
  }
  .blog-details-banner {
    margin-inline: 15px;
  }
  .recent-card {
    .blog-title {
      font-size: 18px;
    }
  }
  .contact-heart-attack {
    h4 {
      width: 50%;
    }
  }
  .blog-details {
    & .contact-side-field {
      ul {
        gap: 7px 7px;
      }
    }
  }
  .blog-details-content {
    padding-right: 0;
  }
    .doctor-banner{
    .row{
      .col-lg-4{
        order: -1;
      }
    }
  }
  .doctor-banner-img{
    text-align: center;
    margin-bottom: -10px;
  }
  .doctor-banner-content{
    background: #1a2e6e26;
    padding: 20px;
    text-align: center;
    border-radius: 17px;
    .small-bar {
      margin-inline: auto;
    }
  }
  .experience-box {
    justify-content: center;
    margin-bottom: 15px;
  }
  .contact-side-field {
    .social-links {
      justify-content: start;
    }
  }
  .inner-banner{
    p{
      width: 100%;
    }
  }
  .second-opinion-platform{
    .container{
      .row:nth-child(3){
        .col:last-child{
          order: -1;
        }
      }
    }
  }
  .member-expect-img {
    img {
      position: relative;
      width: 100%;
    }
  }
  .package-tab {
    ul {
      li {
          width: 150px;
          font-size: 16px;
          padding: 12px 20px;
        }
      }
  }
  .membership-packages-content {
    h3 {
      font-size: 32px;
      margin-bottom: 10px;
    }
  }
  .vance-promise {
    margin-inline: 10px;
  }
  .inner-banner {
    height: auto;
  }
  .saving-img {
    border-radius: 30px;
  }
  .about-service-box {
    img {
      border-radius: 27px;
    }
  }
  .founder-desk-img {
    right: unset;
    width: 90%;
    position: relative;
    margin-inline: auto;
    margin-bottom: 10px;
  }
  .mission-box {
    border-radius: 40px;
    padding: 30px 50px;
  }
  .team-tab {
    ul {
      li {
        width: 150px;
        font-size: 16px;
        padding: 12px 20px;
      }
    }
  }
  .subs-plans-card {
    height: 100%;
  }
  .subs-plans{
    .row{
      .col:nth-child(2){
        order: 2;
      }
    }
  }
  .subs-plans-card.popup {
    width: 60%;
    height: auto;
  }
}
@media (max-width: 575.98px) {
  .hero-content {
    h4 {
      font-size: 18px;
    }
  }
  .mobile-logo {
    left: 5px;
    top: 5px;
    width: 100px;
  }
  #menu ul {
    margin-top: 60px;
  }
  .modal-head {
    p {
      margin-bottom: 0px;
    }
  }
  .field label {
    margin-bottom: 2px;
  }
  .field input, .field select, .field textarea {
    font-size: 0.875rem;
  }
  .overlay {
    padding: 10px;
  }
  .modal {
    max-width: 100%;
    border-radius: 10px;
  }
  .modal-head .brand {
    img {
        width: 70px;
    }
  }
  .modal-head {
    padding: 10px 10px 10px;
  }
  .title {
    font-size: 24px;
  }
  .modal-body {
    padding: 10px 10px;
  }
  .row2 {
    grid-template-columns: 1fr;
    gap: 0px;
  }
  .field {
    margin-bottom: 6px;
  }
  .field textarea {
    height: 60px;
  }
  .submit-btn {
    font-size: 0.82rem;
  }
  p{
    font-size: 14px;
    line-height: 150.222%;
  }
  .container {
    max-width: 540px;
  }
  .logo {
    width: 40px;
  }
  .primary-btn {
    font-size: 13px;
    padding: 10px 16px;
    border-radius: 10px;
  }
  #menu {
    padding-block: 7px;
  }
  .hamburger {
    top: 3px;
  }
  #menu>.main-menu>ul>li>a {
    font-size: 14px;
    padding: 10px 20px;
    &::after {
      width: 5%;
      left: 20px;
      bottom: 8px;
    }
  }
  #menu .submenu-button {
    height: 40px;
    width: 50px;
    top: 0;
  }
  #menu .submenu-button:after {
    top: 14px;
    right: 20px;
    width: 8px;
    height: 8px;
  }
  #menu>.main-menu>ul>li {
    padding-inline: 10px;
  }
  #menu ul ul li a {
    font-size: 14px;
    padding: 10px 20px;
  }
  #menu .submenu-button.submenu-opened:after {
    top: 18px;
  }
  .hero {
    height: 200px;
    .hero-content {
      text-align: center;
      h1 {
        font-size: 30px;
      }
      p {
        width: 100%;
        font-size: 15px;
        margin-bottom: 10px;
      }
      .btn-group{
        justify-content: center;
      }
    }
    &::after {
      background: linear-gradient(180deg, rgb(51 49 49 / 56%) 0.91%, rgba(72, 72, 72, 0.92) 100%);
    }
  }
  .sec-gap {
    padding: 20px 0;
  }
  .about-vector1 {
    width: 75px;
    left: -17px;
    top: 5px;
  }
  .sub-section-title {
    font-size: 13px;
    padding: 3px 14px;
    margin-bottom: 5px;
  }
  .section-title {
    font-size: 28px;
    margin-bottom: 5px;
  }
  .dec {
    font-size: 15px;
  }
  .about-vector2 {
    bottom: -7px;
    width: 53px;
  }
  .section-title-secondary {
    font-size: 17px;
    line-height: 122.548%;
  }
  .counter-item {
    h4 {
      font-size: 30px;
      margin-bottom: 0px;
    }
    p {
      font-size: 14px;
    }
    &::after {
      width: 1px;
      height: 39px;
      right: -4px;
    }
  }
  .service-list {
    width: 100%;
    li {
      font-size: 15px;
      img {
        width: 30px;
      }
    }
  }
  .service-content {
    .btn-group{
      gap: 8px;
      justify-content: center;
    }
    .secondary-btn {
      padding: 10px 48px;
    }
  }
  .mb-30 {
    margin-bottom: 20px;
  }
  .flex-box {
    margin-right: 60px;
  }
  .treatment-card {
    border-radius: 10px;
    img {
        height: 158px;
        margin-bottom: -10px;
    }
  }
  .treatment-content {
    padding: 12px 10px;
    h3 {
      font-size: 17px;
      margin-bottom: 5px;
    }
  }
  .treatment-grid {
    .treatment-card:nth-child(1) {
      top: 70px;
    }
    .treatment-card:nth-child(2) {
      top: 90px;
    }
    .treatment-card:nth-child(3) {
      top: 110px;
    }
  }
  .how-works-img {
    width: 150.93px;
    height: 150.93px;
    padding: 30px;
    box-shadow: 0px 6px 0px 0px #7e9ab488;
    margin-bottom: 10px;
    &::after {
      display: none;
    }
  }
  .how-works {
    .col-lg-3 {
      background: #D4E3FF;
      padding: 15px;
      border-radius: 10px;
    }
  & .row {
      padding-inline: 20px;
      & .col-lg-3:nth-child(2n) {
        .how-works-img {
          box-shadow: 0px -6px 0px 0px #7e9ab488;
        }
      }
    }
  }
  .how-works-content {
    &::after {
      font-size: 18px;
    }
    h4 {
      font-size: 16px;
    }
  }
  .primary-btn{
    gap: 7px;
    img{
      width: 22px;
    }
  }
  .mb-90 {
    margin-bottom: 20px;
  }
  .why-choose-girl {
    margin-left: auto;
    right: 0;
  }
  .why-choose-vector {
    top: 15%;
    right: 1%;
    width: 65px;
  }
  .why-choose-icon {
    width: 40px;
  }
  .card-title {
    font-size: 16px;
  }
  .why-choose-content {
    padding: 20px 15px;
    .btn-group{
      padding-left: 0;
      justify-content: center;
    }
  }
  .why-choose-card {
    padding-left: 55px;
  }
  .mb-50 {
    margin-bottom: 20px;
  }
  .medical-option {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .doctors-img {
    height: 294px;
  }
  .doctor-card-content {
    padding: 12px 14px;
    padding-bottom: 20px;
  }
  .doctors-card {
    border-radius: 14px;
  }
  .doctors-name {
    font-size: 17px;
  }
  .doctors {
    .container {
      padding-inline: 10px;
      .about-vector1 {
        left: 0%;
        width: 55px;
      }
      .about-vector2 {
        right: 2%;
      }
    }
  }
  .partnership {
    .partnership-card {
      height: 62px;
      padding: 15px;
    }
  }
  .slick-dots {
    bottom: -40px;
    & li {
      button {
        width: 6px;
        height: 6px;
      }
    }
  }
  .testimonial-content h3 {
    font-size: 18px;
  }
  .testimonial-content p {
    font-size: 14px;
  }
  .testimonial-content {
    gap: 14px;
  }
  .testimonial-card {
    gap: 10px;
  }
  .stars {
    font-size: 16px;
  }
  .patient-name {
    font-size: 14px;
  }
  .thumb {
    width: 11px;
    height: 11px;
  }
  .testimonial-image {
    width: 180px;
    height: 180px;
  }
  .thumbnails {
    gap: 15px;
  }
  .next-btn {
    width: 26px;
    height: 26px;   
  }
  .slick-slide{
    margin: 0 5px;
  }
  .slick-list{
    margin: 0 -5px;
  }
  .gallery-moments-img {
    border-radius: 10px;
  }
  .latest-box {
    border-radius: 17px;
  }
  .newsroom {
    font-size: 14px;
  }
  .blog-title {
    font-size: 18px;
  }
  .date {
    font-size: 13px;
  }
  .blog-img {
    border-radius: 14px;
  }
  .latest-box {
    padding: 26px 13px 10px;
  }
  .arrow-icon {
    width: 30.49px;
    height: 30.49px;
    padding: 8px;
    top: 12px;
    right: 12px;
  }
  .accordion__item .accordion__title {
    font-size: 16px;
    line-height: 110.222%;
    padding: 10px 30px 10px 0px;
  }
  .accordion__title::after {
    width: 20px;
    height: 20px;
    right: 1px;
    top: 8px;
    font-size: 22px;
  }
  .book-good-content {
    padding-block: 20px;
    border-radius: 20px;
    margin-inline: 0;
    .primary-btn {
      padding: 10px 28px;
    }
  }
  footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer-title {
    font-size: 16px;
  }
  footer ul li a {
    font-size: 14px;
    line-height: 238.667%;
  }
  .footer-sub-titile {
    font-size: 14px;
    margin-bottom: 10px;
  }
  footer p {
    font-size: 14px;
  }
  footer p a {
    font-size: 14px;
  }
  .mb-40 {
    margin-bottom: 20px;
  }
  .footer-logo {
    width: 60px;
    margin-bottom: 5px;
  }
  .social-links{
    a{
      img{
        width: 25px;
      }
    }
  }
  .fixed-call {
    width: 41px;
    height: 41px;
    padding: 12px;
  }
  .wp {
    width: 43px;
    height: 43px;
  }
  .fixed-btn {
    right: 0;
    top: 70%;
  }
  .inner-banner{
    height: 160px;
  }
  .team-page {
    padding: 30px 15px;
  }
  .team-card-label{
    padding: 18px;
  }
  .team-card-overlay {
    padding: 40px 20px;
  }
  .team-card-overlay-name {
    font-size: 20px;
  }
  .team-card-overlay-desig {
    font-size: 13px;
  }
  .contact-page {
    .contact-content {
      padding: 20px 0;
      h4{
        margin-top: 25px;
      }
      & h4.divider {
        &::before {
          top: -12px;
        }
      }
    }
    .contact-form-box {
      .card-body {
        padding: 10px 11px 11px;
      }
      .field input, .field textarea {
        font-size: 14px;
      }
      .field {
        margin-bottom: 20px;
      }
      .checkbox-row {
        margin-bottom: 15px;
      }
    }
  }
  form .primary-btn {
    font-size: 14px;
    padding: 10px 34px;
  }
  .team-banner{
    height: 200px;
  }
  td.cat {
    font-size: 17px;
    padding: 10px;
  }
  td.feat {
    width: 190px;
    padding: 5px;
    font-size: 14px;
  }
  .plan-pill {
    font-size: 15px;
    padding: 13px 20px;
    border-radius: 12px;
  }
  .note-small{
    font-size: 14px;
    margin-left: 5px;
    margin-top: 5px;
  }
  .icon {
    width: 22px;
    height: 22px;
    font-size: 0.65rem;
  }
  tbody tr {
    height: 50px;
  }
  thead th {
    padding: 6px;
  }
  .blog-card-banner {
    padding-top: 15px;
    padding-bottom: 15px;
    .blog-title {
      font-size: 20px;
      margin-bottom: 15px;
    }
  }
  .blog-card {
    .newsroom {
      margin-bottom: 10px;
    }
    .blog-title {
      font-size: 18px;
      margin-bottom: 10px;
    }
    .date{
      margin-bottom: 10px;
    }
    .arrow-icon {
      width: 30px;
      height: 30px;
      padding: 8px;
    }
  }
  .blog-details-banner {
    margin-inline: 7px;
  }
  .blog-details-banner-content {
    padding: 12px;
    .sub-section-title {
      margin-bottom: 12px;
    }
    h1 {
      font-size: 20px;
      margin-bottom: 13px;
    }
    .date {
      margin-bottom: 12px;
    }
  }
  .small-bar {
    width: 29.756px;
    height: 2px;
  }
  .blog-details-content {
    h2 {
      font-size: 24px;
    }
    h3 {
      font-size: 20px;
    }
    h4 {
      font-size: 18px;
    }
    ul, & ol {
      li {
        font-size: 14px;
        line-height: 135%;
      }
    }
    ol {
      & li {
        padding-left: 5px;
        &::marker {
          font-size: 15px;
        }
      }
    }
  }
  .pegination {
    display: block;
    padding-top: 15px;
    a {
      width: 200px;
      height: 80px;
      margin-bottom: 10px;
      .pegi-content {
        left: 10px;
        p {
          font-size: 14px;
          margin-bottom: 5px;
        }
        h4{
          font-size: 14px;
        }
      }
    }
    a.next {
      float: right;
    }
  }
  .recent-card {
    gap: 9px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    img {
      width: 65px;
      height: 65px;
    }
    .blog-title {
      font-size: 16px;
    }
  }
  .contact-heart-attack {
    h4 {
      width: 70%;
      font-size: 16px;
      margin-bottom: 15px;
    }
    .secondary-btn {
      padding: 10px 30px;
    }
  }
  .doctor-banner-content {
    border-radius: 7px;
    h1 {
      font-size: 30px;
      margin-bottom: 20px;
    }
    .sub-section-title {
      font-size: 13px;
    }
    .experience {
      font-size: 14px;
      gap: 2px;
      img{
        width: 20px;
      }
    }
    p {
      font-size: 14px;
    }
  }
  .experience-box {
    gap: 10px;
  }
  .about-doctor-details-content {
    .section-title {
      font-size: 22px;
    }
  }
  .doctor-certification{
    border-radius: 8px;
    padding: 15px 10px;
    h3 {
      font-size: 16px;
      margin-bottom: 8px;
    }
    h4 {
      font-size: 14px;
      margin-bottom: 7px;
    }
    ul {
      li {
        font-size: 14px;
      }
    }
  }
  .contact-side-field {
    p {
      margin-bottom: 4px;
      a {
        font-size: 15px;
      }
    }
    .social-links {
      margin-top: 10px;
    }
  }
  .second-opinion-platform-content {
    h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }
  }
  .second-opinion-platform {
    .accordion__item .accordion__title {
      padding: 8px 50px 8px 0px;
      font-size: 15px;
    }
    .accordion__item .accordion__content {
      padding-right: 20px;
    }
    .accordion__title::after {
      width: 8px;
      height: 8px;
      top: 11px;
    }
    .accordion__item.accordion-active .accordion__title::after {
      top: 13px;
    }
  }
  .modern-family-card {
    img {
      height: 230px;
      margin-bottom: 0;
      border-radius: 17px;
    }
    h3 {
      font-size: 18px;
      margin-bottom: 5px;
    }
  }
  .package-tab {
    ul {
      flex-wrap: wrap;
      gap: 8px;
      li{
        border-radius: 9px;
        width: 45%;
        font-size: 14px;
        padding: 10px 20px;
      }
    }
  }
  .membership-packages-img {
    border-radius: 13px;
  }
  .membership-packages-content {
    h3 {
      font-size: 24px;
      margin-bottom: 5px;
    }
  }
  .vance-promise-card {
    border-radius: 13px;
    img {
      border-radius: 13px;
    }
    h3 {
      font-size: 17px;
      margin-bottom: 5px;
    }
  }
  .about-second-opinion {
    p {
      font-size: 18px;
    }
    .operating {
      font-size: 15px;
    }
  }
  .saving-img {
    border-radius: 12px;
  }
  .mission-box {
    border-radius: 20px;
    padding: 15px 15px;
    flex-direction: column;
    gap: 3px;
    img{
      width: 55px;
      margin-inline: auto;
      margin-top: 0;
    }

  }
  .miss-content {
    text-align: center;
  }
  .vision-box {
    .miss-content {
      text-align: center;
    }
    img{
      order: -1;
    }
  }
  .about-service-box {
    img {
      border-radius: 10px;
    }
  }
  .founder-dtls {
    width: 40%;
    left: -10px;
    top: -2%;
    & p {
      font-size: 12px;
      span {
        font-size: 14px;
      }
    }
  }
  .founder-desk {
    h5 {
      font-size: 16px;
    }
    ul {
      li {
        font-size: 14px;
        padding-left: 20px;
        line-height: 144.222%;
        margin-bottom: 6px;
        &::before {
          width: 13px;
          height: 13px;
          top: 4px;
        }
      }
    }
    .dec {
      font-size: 15px;
    }
  }
  .disclaimer {
    .container {
      padding: 20px 20px;
      border-radius: 36px;
    }
  }
  .about-banner{
    height: 240px;
  }
  .team-tab {
    ul {
      li {
        border-radius: 9px;
        width: 40%;
        font-size: 14px;
        padding: 10px 20px;
      }
    }
  }
  .subs-plans-card {
    h3 {
      font-size: 16px;
      padding: 10px 20px;
      border-radius: 10px;
    }
    ul {
      li {
        font-size: 15px;
        padding-left: 20px;
        &::before {
          font-size: 18px;
        }
      }
    }
  }
  .subs-plans-card.popup {
    width: 95%;
    padding: 20px;
    padding-right: 10px;
    .sub-plan-content {
      max-height: 60vh;
      padding-right: 10px;
    }
  }
  .popup-close {
    width: 30px;
    height: 30px;
    font-size: 24px;
  }
}

p {
    text-align: justify;
}

.team-card-designation {
    text-align: center;
}