html,body
{
    /* width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px; */
    overflow-x: hidden; 
}
body{
    font-family: Inter,sans-serif;
}
.w-100 {
    width: 100%!important;
}
#more {display: none;}
header {
    position: absolute;
    width: 100%;
    /* height: 108px; */
    background: 0 0;
    transition: .4s;
    z-index: 999999;
    /* padding: 1.5rem 0; */
}

#loaderdesk {
    display: none; /* Initially hidden */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 200px;
    height: 200px;
    animation: spin 2s linear infinite;
    z-index: 9999; /* Ensure loader stays on top */
}

#loadermob {
    display: none; /* Initially hidden */
    position: fixed;
    top: 50%;
    left: 34%;
    transform: translate(-50%, -50%);
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    z-index: 9999; /* Ensure loader stays on top */
}

/* Spinner animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* .banner {
    background: linear-gradient(180deg, #E2F6FC 14.25%, rgba(255, 255, 255, 0.00) 100%) !important;
    background-image: linear-gradient(-140deg,#19aba7 0,#fff,#fff,#224f8f);
} */
@media (min-width: 768px){
.pb-md-5, .py-md-5 {
    padding-bottom: 3rem!important;
}

}
* {
    padding: 0;
    margin: 0;
}
.banner-bottom div[class*=col]:before {
    content: '';
    background: #fff;
    width: 98%;
    height: 94%;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 5px 20px;
}
.banner-bottom div[class*=col] {
    position: relative;
    background-image: linear-gradient(to right,#19aba7 ,#224f8f,#19aba7,#224f8f);
    border-radius: 5px 20px;
    padding: 15px;
}
@media only screen and (min-width: 992px){
.banner-bottom div[class*=col] {
    flex: 0 0 37.666666%;
    max-width: 37.666666%;
}
}
.banner-bottom img {
    width: 16%;
}
.banner-bottom, .banner-bottom img, .banner-bottom p {
    position: relative;
    z-index: 9999;
}
.my_design {
    max-width: 100%;
    height: auto;
}
.links a:hover, .text-blue {
    color: #224f8f!important;
}
.banner-bottom p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
    margin-left: 10px;
}
@media only screen and (min-width: 768px){
.banner-bottom div[class*=col]:not(:first-child) {
    margin-left: 20px;
}
}
@media only screen and (min-width: 992px){
.page-title h1 {
    font-size: 2.75rem;
    line-height: 50px;
}
}
.logo a img {
    width: 40%;
}
.my_design {
    max-width: 100%;
    height: auto;
}
.banner .hero-img, .checkup-cat img {
    width: 80%;
    border-radius: 50%;
}
@media (min-width: 768px){
.d-md-block {
    display: block!important;
}
}
.my_design {
    max-width: 100%;
    height: auto;
}
@media only screen and (min-width: 768px){
.from-wrap {
    position: relative;
}
}
.from-wrap {
    border-radius: 1.25rem;
    height: auto !important;
    box-shadow: 0 -1.25rem 1rem -1rem rgb(1 68 89)!important;
}
@media (min-width: 768px){
.pl-md-0, .px-md-0 {
    padding-left: 0!important;
}
}
.bg-light-gray {
    background: #eaeaea;
}
@media only screen and (min-width: 768px){

}
.button:after {
    width: 100%;
    z-index: -2;
}
.button:after, .button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
}

.btn-gradient, .faq-section .mb-0>a, .text-blue-dark, label {
    color: white!important;
}

.btn-gradient {
    background-image: linear-gradient(120deg, #19aba7, #224f8f);
    background-color: transparent;
}
.btn {
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    will-change: transform;
    text-transform: uppercase;
    position: relative;
    z-index: 999;
    transition: .2s;
    will-change: transform;
    /* latter-spacing: 0.2px; */
    overflow: hidden;
    border: 0;
}

.button:after {
    width: 100%;
    z-index: -2;
}
.button:after, .button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
}



@media only screen and (max-width: 767px){
.from-wrap {
    bottom: 0;
    height: 100%;
    margin-bottom: 0;
}
.page-title h2 {
    font-size: 1rem;
    line-height: 24px;
    border-radius: 30px;
}
.banner-bottom div[class*=col] {
    margin-bottom: 1rem;
    width: 95%;
}
.banner-bottom img {
    width: 10%;
}
.page-title h1 {
    font-size: 1.75rem;
    
}
form button {
    width: 100%;
}
.btn {
    font-size: .875rem;
}
.checkup-cat img, form .btn, form button {
    width: 100%;
}

}

.card-block {
    padding: 5px;
}

@media only screen and (min-width: 992px){
.banner .page-title h2 {
    font-size: 1.5rem;
}
}

.page-title h2 {
    border-radius: 10px 30px 30px 10px;
    font-weight: 500;
}
.bg-blue {
    color: black;
}
.accordion-button:not(.collapsed) {
    color: #215b92 !important;
    font-weight: bold;
    background-color: #e4e4e4 !important;
}
p.faq_head {
    font-size: 30px;
    text-align: center;
    color: #215b92;
    font-weight: 700;
    margin: 3pc 0px 30px 0px;
}
button.accordion-button.collapsed {
    border: 1px solid;
    background: #f1f1f1;
    border-radius: 3px;
}
footer {
    background: #eceded ;
    margin-top: 40px;
}
.foot-item img {
    /* border-radius: 50%; */
    width: 14%;
}
.footer-bottom p, footer .foot-item P {
    color: #333;
}
.foot-item {
    display: flex;
    padding: 2px;
    border-radius: 38px;
    transition: .8s;
    width: 90%;
}
.foot-item P {
    color: #1f85a7;
    margin-bottom: 0;
    font-weight: 600;
}
@media only screen and (min-width: 992px){
.foot-item P {
    font-size: 14px;
    line-height: 18px;
}
}
.social-icons a {
    margin-left: 20px;
    transition: transform .8s;
    display: inline-flex;
    background: #2c819f;
    border-radius: 50%;
    padding: 5px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
}
.social-icons a svg {
    width: 90%;
    fill: #eff0f0;
}
.footer-bottom p {
    font-size: .875rem;
    font-weight: 500;
}
p.footer_content {
    margin-top: 20px;
}
@media only screen and (max-width: 480px){
.foot-item P {
    font-size: 10px;
    line-height: 10px;
}
.foot-item img{
    margin-top: 11px;
}
img.footer_logo {
    width: 100px;
    margin-top: 13px;
}

}

img.card-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.card {
    border-radius: 10px !important;
}
img.footer_logo {
    width: 126px;
    margin-top: 13px;
}
a {
    color: #000000 !important;
    text-decoration: none !important;
}
.offer {
    position: fixed;
    bottom: 18px;
    left: 0px !important;
    background: #224f8f;
    color: #fff;
    padding: 13px 6px;
    border-radius: 13px;
    z-index: 999;
    width: 67px;
    height: 48px;
    text-align: center;
    font-size: 13px;
    width: 140px;
}
.offer1 {
    position: fixed;
    bottom: 18px;
    right: 10px;
    background: #03b4ac;
    color: #fff;
    padding: 13px 5px 0px 0px;
    border-radius: 13px;
    z-index: 999;
    width: 67px;
    height: 48px;
    text-align: center;
    font-size: 13px;
    width: 140px;
}
.mob_view{
    display: none !important;
}
@media only screen and (max-width: 768px){

    .mob_view{
        display: block!important ;
    }
    .desk_view{
        display: none !important;
    }
    
    }


.vl {
    border-left: 3px solid black;
    height: 60px;
    margin-left: 137px;
  }
  .card.vl {
    width: 0rem;
    border: 1px solid white;
    margin-left: unset;
  }

  .outside{
    background: linear-gradient(120deg, #19aba7, #224f8f);
    padding: 30px;

  }


  .card_blue {
    background: #04b6ae;
    margin-top: 1pc;
    border-radius: 10px;
    padding: 50px;
    color: #fff;
  }
  .border_prof {
    border: 2px solid white;
    border-radius: 31px;
    padding: 10px;
    width: 40%;
    text-align: center;
  }
  .button_call{
    color: #fff !important;
  }
  .float_lft{
    float: right;
  }
  .float_lft1{
    float: left;
  }
  .vector {
    width: 50px;
  }
  .spec {
    font-weight: 500;
    color: #104c8d;
    font-size: 15px;
  }
  
  
  @media (max-width:650px){
    .border_prof {
      border: 2px solid white;
      border-radius: 31px;
      padding: 4px;
      width: 120%;
      text-align: center;
      font-size: 12px;
  }
}

.text12{
    color: #10545f;
    font-size: 22px;
    font-weight: 600;
  }

  .why_data {
    color: #0C4DA2;
    font-size:27px;
    /* font-size: clamp(36px,20px,40px); */
    font-weight: 700;
    /* line-height: 140%; */
    /* letter-spacing: -1px; */
  
  }
  .why_data_new {
    color: #fff;
    font-size:27px;
    /* font-size: clamp(36px,20px,40px); */
    font-weight: 700;
    /* line-height: 140%; */
    /* letter-spacing: -1px; */
  
  }
  
  .type {
    color: #0BB7D3;
    text-align: center;
  
    /* Display md/Bold */
    /* font-family: Lato; */
    /* font-size: 36px; */
  
    font-weight: bold;
    line-height: 140%;
    letter-spacing: -0.36px;
  }
  
  .combin_data {
    color: #333;
    text-align: center;
    line-height: 160%;
  }
  
  .card_data_two {
    /* box-shadow: 0px 4px 16px 0px rgba(17, 34, 17, 0.05); */
    box-shadow: 3px 5px 4px 3px rgba(0, 0, 0, 0.25);
    border: 0px;
    /* background: #b0e5d9; */
  }
  
  .SurgeriesN {
  
    /* background: #22a184; */
    padding: 3px;
  }


  @media (max-width:800px) {
    .specialst_img{
      width: -webkit-fill-available;
    }
    .part_one_mob{
      margin-top: 20px;
    }
    .SurgeriesN{
       background: white;
       display: flex;
       justify-content: center;
       align-items: center;
    } 
    .Patient_Experiences{
      display: grid;
      justify-content: center;
    }
    .card_data_two{
      height: 112px;
    }
    .part8{
      margin-top: 20px;
    }
    .dropdown-toggle{
      width: -webkit-fill-available !important;
    } 
  
    
  }
  .all_fonts {
    font-size: 18px;
    font-family: sans-serif;
}
.part_five{
    /* background-image: url(img/background_white.webp); */
    background-color: #19aba7;
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 80vh; */

}
.location {
    background-color: #11B4A5;
}
.border_rt {
    border-right: 1px solid white;
    color: white;
    font-size: 17px;
    font-weight: 600;
}
.border_final {
    color: white;
    font-size: 17px;
    font-weight: 600;
}
.Symptoms_Herina .card {
    border: 0px;
    background: white;
    opacity: 0.9;
}
.consult_doc{
    text-align: center !important;
    color: #0b55a3;
}

a.consult_now{
    color: #11B4A5 !important;
    text-decoration: none;
}
.connect{
    color: #0b55a3;
}
.consult{
   color: #02778a;
   font-weight: bold;
}

.center_img {
    background-image: url(img/back_banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
}
.Symptoms_Herina {
    display: flex;
    justify-content: space-evenly;
}
.herina_con {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.operation {
    color: #0b55a3 !important;
}
.herina_con ul {
    color: #0b55a3;
}
.symptoms_off {
    font-size: 20px;
    color: #0b55a3;
}
.Herina {
    font-size: 17px;
    color: #1aa2a5 !important;
}
@media (max-width:1000px) {
    .package_img {
        width: 100% !important;
     }
    
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    background-color: #11B4A5;
    color: white;
    font-size: 20px;
    /* font-weight: 700; */
}

.heading_data{
    color: #224f8f;
    font-weight: bold;
    font-size: 35px;
    
 }
 .why-choose-con{
  font-size: 18px;
  line-height: 23px;
 }
 .num-section {
  padding: 1.5rem 3.5rem;
  background-color: #19aba7;
  width: fit-content;
  color: #fff;
  box-sizing: border-box;
  width: 100%;

  }
  .num-section__row::before {
      content: "";
      position: absolute;
      left: -3.5rem;
      top: 50%;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      background-image: linear-gradient(to right, #224f8f, #19aba7);
  }
  .num-section__title {
      text-transform: uppercase;
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
      /* scroll-behavior: smooth; */
  }
  .num-section__row {
      font-weight: 700;
      padding: 1rem 0;
      border-top: 2px solid #fffa;
      position: relative;
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
      /* scroll-behavior: smooth; */
  }
  .num-section__num {
      font-size: 1.5em;
      padding: 15px 0px;
      margin: 0px;
      box-sizing: border-box;
      /* scroll-behavior: smooth; */
  }
  span.pluss {
      font-size: 1.5em;
      padding: 15px 5px;
  }
  .num-section__row:first-child {
      border-top: none;
  }
  .h3_page1 {
      font-weight: bold;
      color: #224f8f;
      font-size: 32px;
  }
  i.fa.fa-check-circle.check_pill {
      color: #1aa2a5;
  }

  .box-resd{
    padding: 0px !important;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
  }
  
/* new css code here */
input.input_forms {
    border-radius: 5px !important;
    border: 1px solid #E6E6E6;
    background: #F9F9F9 !important;
    padding: 6px;
    outline: 0px;
}
.labels {
    color: #02778a !important;
    font-weight: 600;
    font-size: 16px;
}
.appointment {
    color: #02778a;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.1px;
}
.IGPC {
    padding: 20px;
    border-radius: 10px;
    background: var(--light-background-color, #FFF);
}
button.submit {
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    transform: .3s ease;
    background-color: #04b6ae;
}
.appointment_btn {
    background-image: linear-gradient(120deg, #19aba7, #224f8f);
    text-align: center;
    color: white;
    font-weight: 500;
    padding: 8px;
    font-size: 16px;
    border-radius: 8px;
}
.call_now_btn {
    background-image: linear-gradient(120deg, #19aba7, #224f8f);
    text-align: center;
    color: white;
    font-weight: 500;
    padding: 8px;
    font-size: 16px;
    border-radius: 8px;
    border: none;
}
.cards_sec_rev{
    border: 0px !important;
    background: #e3f7f9 !important;
}
.cricle{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #02778a;
    color: #02778a;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* end of the code */