@font-face {

    font-family: "Aaargh";

    src: url(../fonts/Aaargh.woff2);

}



@font-face {

    font-family: "Castoro-Regular";

    src: url(../fonts/Castoro-Regular.woff2);

}



@font-face {

    font-family: "Poppins-Medium";

    src: url(../fonts/Poppins-Medium.woff2);

}



@font-face {

    font-family: "Poppins-Regular";

    src: url(../fonts/Poppins-Regular.woff2);

}



@font-face {

    font-family: "Poppins-SemiBold";

    src: url(../fonts/Poppins-SemiBold.woff2);

}



@font-face {

    font-family: "CooperLtBT-Bold";

    src: url(../fonts/CooperLtBT-Bold.woff2);

}



@font-face {

    font-family: "CooperLtBT-Regular";

    src: url(../fonts/CooperLtBT-Regular.woff2);

}



/* Global css */



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



html {

    font-size: 62.5%;

}



body {

    font-size: 1.6rem;

    transition: var(--transition);

}



:root {

    --primary-clr: #0d59db;

    --secondary-clr: #00d2d6;

    --sky-clr: #ebffff;

    --white-clr: #fff;

    --black-clr: #000;

    --transition: 0.3s ease-in-out;

    --popins-regular: "Poppins-Regular";

    --popins-medium: "Poppins-Medium";

    --popins-semibold: "Poppins-SemiBold";

    --castoro-regular: "Castoro-Regular";

    --aaargh: "Aaargh";

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--black-clr);

    font-family: var(--castoro-regular);

}



h1 {

    font-size: 3.6rem;

}



h2 {

    font-size: 3.1rem;

}



h3 {

    font-size: 2.8rem;

}



h4 {

    font-size: 2.6rem;

}



h4 {

    font-size: 2.4rem;

}



ul li {

    list-style: none;

    margin-bottom: 0;

}



button {

    border: 0;

}



.text-secondary-cs {

    color: var(--secondary-clr);

}



.text-primary-cs {

    color: var(--primary-clr);

}



ul,

ol {

    margin-bottom: 0;

    padding-left: 0;

}



a {

    text-decoration: none;

    display: inline-block;

    color: var(--black-clr);

}



a:hover {

    color: var(--primary-clr);

}



.form-control:focus,

.form-select:focus {

    border-color: var(--primary-clr) !important;

    box-shadow: unset !important;

}



.form-select:focus {

    border-color: var(--primary-clr);

    box-shadow: 0 0 0 0.25rem rgb(67 26 89 / 16%);

}



p {

    font-size: 1.6rem;

    font-family: var(--popins-regular);

}



img {

    max-width: 100%;

    height: auto;

    transition: var(--transition);

}



.container {

    max-width: 1340px;

    width: 98%;

}



.button-style1 {

    background-color: var(--secondary-clr);

    color: var(--white-clr);

    padding: 8px 22px;

    font-weight: 600;

    border: 0;

    transition: var(--transition);

    border-radius: 30px;

}



.button-style1:hover {

    background-color: var(--primary-clr);

    color: var(--white-clr);

}



.button-style2 {

    background-color: var(--primary-clr);

    color: var(--white-clr);

    padding: 8px 22px;

    border-radius: 30px;

    width: fit-content;

    text-transform: capitalize;

}



.button-style2:hover {

    background-color: var(--secondary-clr);

    color: var(--white-clr);

}



.button-style3 {

    display: flex;

    align-items: center;

    gap: 10px;

    background-color: var(--white-clr);

    border-radius: 30px;

    padding: 8px 9px;

    width: max-content;

    font-family: var(--popins-medium);

}



.button-style3 p {

    margin-bottom: -5px;

}



.button-style3 i {

    color: var(--secondary-clr);

    font-size: 2.3rem;

}



.button-style-transparent {

    color: var(--white-clr);

    background-color: transparent;

    border: 2px solid var(--white-clr);

    border-radius: 30px;

    padding: 5px 30px;

    margin-top: 10px;

    font-size: 1.8rem;

    font-weight: 600;

}



.nav-item.dropdown a {

    position: relative;

}



.nav-item.dropdown>a::after {

    display: inline-block;

    margin-left: .255em;

    vertical-align: .255em;

    content: "";

    border-top: .3em solid;

    border-right: .3em solid transparent;

    border-bottom: 0;

    border-left: .3em solid transparent;

}



h2 span {

    color: var(--primary-clr);

}



ul.dropdown-menu {

    padding: 0;

    border-radius: 0;

    border: 0;

    background-color: var(--secondary-clr);

}



.breadcrumb-item+.breadcrumb-item::before {

    margin-left: 6px;

    margin-right: 6px;

}



.breadcrum-area h1 {

    font-size: 3.5rem;

    color: var(--primary-clr);

}



ol.breadcrumb li a i {

    margin-right: 5px;

}



.section-padding {

    padding: 6rem 0;

}



ol.breadcrumb {

    margin-bottom: 0;

    justify-content: center;

}



section.breadcrum-area {

    padding: 4rem 0;

    border-bottom: 2px solid var(--primary-clr);

}



.doctors-details .content-area .item-wrapper {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

}



.technologies, .counter-section, .specilist-procedures {

    display: none;

}





.blogs .blog-wrapper .col-lg-4.col-md-6 > a {

    width: 100%;

    display: inline-block;

}



.medical-services .medical-services-wrapper a {

    text-align: center;

    width: 100%;

}



ol.breadcrumb li a {

    font-weight: 700;

    font-family: var(--castoro-regular);

    color: var(--primary-clr);

}



.section-heading h5 {

    font-size: 1.8rem;

    font-family: var(--popins-medium);

    color: var(--secondary-clr);

    text-transform: capitalize;

}



.section-heading {

    margin-bottom: 30px;

}



.section-heading h2 {

    color: var(--black-clr);

    font-size: 4rem;

}



.main-header.sticky {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    animation: slidetop 0.5s linear;

    background-color: var(--white-clr);

    box-shadow: 1px 2px 3px #00000040;

}



@keyframes slidetop {

    from {

        transform: translateY(-100%);

    }



    to {

        transform: translateY(0%);

    }

}



#goToTopBtn {

    display: none;

    position: fixed;

    bottom: 20px;

    right: 20px;

    font-size: 20px;

    background-color: var(--secondary-clr);

    color: var(--white-clr);

    border: 1px solid var(--secondary-clr);

    cursor: pointer;

    padding: 10px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    line-height: 16px;

    z-index: 999999999999;

}



#goToTopBtn:hover {

    background-color: var(--primary-clr);

}



.bg-sky {

    background-color: #ebffff;

}



.text-blue {

    color: var(--primary-clr) !important;

}



.dropdown-item:focus,

.dropdown-item:hover {

    background-color: var(--primary-clr);

}



.form-control {

    padding: 8px;

    border: 1px solid #b7b7b7;

    font-size: 1.5rem;

    border-radius: 2px;

}



.input-wrapper {

    margin-bottom: 20px;

}



.cost-intro .form-area {

    padding: 20px;

    border-radius: 2px;

    box-shadow: 1px 2px 3px #60606052, -1px -2px 3px #cecece66;

    background-color: #fff;

}



/* --------- header --------  */

.top-header {

    background-color: var(--primary-clr);

    padding: 3px 0;

}



.top-header .wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.top-header .wrapper ul {

    display: flex;

    align-items: center;

    gap: 22px;

}



.top-header .wrapper ul li a {

    color: var(--white-clr);

    font-size: 1.8rem;

}



.top-header-title a {

    font-size: 1.7rem;

    text-transform: capitalize;

    margin-right: 15px;

}



.why-choose-us .form-area .input-wrapper {

    margin: 6px 0;

}



.why-choose-us .form-area .input-wrapper .form-control {

    font-size: 1.6rem;

    padding: 10px;

}



.why-choose-us .image-area .second-img {

    position: static;

    width: auto;

    height: auto;

    border-radius: 10px;

}



.why-choose-us .form-area {

    padding: 20px;

    background-color: #ffffff2e;

    backdrop-filter: blur(10px);

    border: 1px solid #9f9d9d36;

    border-radius: 5px;

}



.hospital-network .hospital-work-inner .inner .content-info p svg {

    margin-right: 5px;

}



.hospital-network .hospital-work-inner .inner .content-info p {

    display: flex;

    flex-direction: column;

}



.hospital-network .hospital-work-inner .inner > a {

    width: 100%;

}



.navigation-header-wrapper img {

    width: 130px;

    margin-right: 15px;

}



.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:first-of-type {

    margin-right: 5px;

}



.main-header .wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 6px 0;

}



.location-input-wrapper {

    display: flex;

    align-items: center;

    position: relative;

}



.search-input-wrapper {

    display: flex;

    align-items: center;

    position: relative;

}



.main-header .wrapper .search-area {

    display: flex;

    align-items: center;

    gap: 16px;

}



.location-input-wrapper i {

    position: absolute;

    left: 10px;

    color: #b7b7b7;

}



.trained-doctors .section-heading h2 {

    color: var(--white-clr);

}



.location-input-wrapper .form-select {

    padding: 8px 8px 8px 30px;

    border: 1px solid #b7b7b7;

    border-radius: 8px;

    font-size: 1.5rem;

    width: 130px;

}



.search-input-wrapper i {

    position: absolute;

    left: 10px;

    color: #b7b7b7;

}



.search-input-wrapper .form-control {

    padding: 8px 8px 8px 30px;

    border: 1px solid #b7b7b7;

    border-radius: 8px;

    font-size: 1.5rem;

    width: 460px;

}



.navigation-header {

    background-color: var(--primary-clr);

    padding: 2px 0;

}



.navigation-header nav.navigation-header-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.navigation-header nav.navigation-header-wrapper .links-wrapper ul li a {

    color: var(--white-clr);

    font-size: 1.6rem;

    text-transform: capitalize;

    transition: var(--transition);

}



.navigation-header-wrapper .cta-wrapper a {

    font-size: 1.7rem;

    font-family: var(--castoro-regular);

}



.navigation-header nav.navigation-header-wrapper .links-wrapper ul {

    flex-direction: row;

    gap: 35px;

}



.navigation-header nav.navigation-header-wrapper .links-wrapper {

    width: 85%;

}



.navigation-header nav.navigation-header-wrapper .links-wrapper ul li.nav-item {

    display: inline-block;

}



.navbar-nav .dropdown-menu li {

    border-bottom: 1px solid #0d59db42;

}



.navbar-nav .dropdown-menu li a {

    padding: 6px 10px;

}



.navbar-nav .dropdown-menu {

    min-width: 200px;

    max-height: 400px;

    overflow-y: auto;

}



.navbar-nav .dropdown-menu::-webkit-scrollbar {

    width: 3px;

}



.navbar-nav .dropdown-menu::-webkit-scrollbar-track {

    background: var(--white-clr);

}



.navbar-nav .dropdown-menu::-webkit-scrollbar-thumb {

    background: var(--primary-clr);

}



/* --------- hero section --------- */



.hero-section {

    position: relative;

}



.hero-section::after {

    position: absolute;

    content: "";

    background-color: var(--primary-clr);

    height: 8px;

    width: 80%;

    bottom: 0;

}



.incredible-india-cost table tr th:first-of-type {

    text-align: left;

}



.hero-slider .item h4 {

    color: var(--secondary-clr);

    font-size: 2.3rem;

    font-family: var(--popins-regular);

}



.hero-slider .item {

    height: 500px;

    background-position: bottom;

    background-repeat: no-repeat;

}



.hero-slider .item h1 {

    color: var(--primary-clr);

    font-size: 4.5rem;

    margin-bottom: 20px;

}



.hero-slider .item h1 span {

    color: var(--secondary-clr);

}



.hero-slider .item p {

    margin-bottom: 20px;

    font-size: 1.5rem;

}



.hero-slider .item .content {

    width: 45%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 500px;

}



/* --------- Why India Section -------- */

.why-india .inner .box {

    background-color: var(--secondary-clr);

    padding: 16px 10px;

    border-radius: 10px;

    text-align: center;

    transition: var(--transition);

}



.why-india .inner:first-child {

    margin-bottom: 20px;

}



.why-india .inner:hover .box {

    background-color: var(--primary-clr);

}



.why-india .inner .box h4 {

    transition: var(--transition);

}



.why-india .inner:hover .box h4 {

    color: var(--white-clr);

}



.why-india .inner:hover .box .button-style2 {

    background-color: var(--secondary-clr);

}



.why-india .inner:hover .box img {

    filter: invert(100%);

}



.why-india .inner .box img {

    width: 80px;

    margin-bottom: 10px;

}



.why-india .inner .box h4 {

    margin-bottom: 16px;

}



.why-india .image-area {

    height: 100%;

}



.why-india .image-area img {

    height: 100%;

    object-fit: cover;

    border-radius: 20px;

}



/* ---------  About Us ---------- */



.about-us .wrapper .inner {

    border-radius: 10px;

    position: relative;

    transition: var(--transition);

    margin-bottom: 20px;

}



.about-us .wrapper .inner::after {

    content: "";

    left: 0;

    top: 0;

    width: 0%;

    height: 100%;

    background-color: #4a7dd4ed;

    position: absolute;

    border-radius: 20px;

    opacity: 0;

    transition: var(--transition);

}



.about-us .wrapper .inner img {

    width: 100%;

    height: 300px;

    border-radius: 20px;

    object-fit: cover;

    object-position: center;

}



.about-us .wrapper .inner .content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transform: translate(0, 0);

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 0 35px;

    z-index: 9;

}



.about-us .wrapper .inner .content h4 {

    font-size: 2.6rem;

    margin-bottom: 10px;

    font-family: var(--popins-medium);

    opacity: 0;

}



.about-us .wrapper .inner .content p {

    opacity: 0;

    color: var(--white-clr);

}





.about-us .wrapper .inner:hover::after {

    opacity: 1;

    width: 100%;

}



.about-us .wrapper .inner:hover .content {

    opacity: 1;

}



.about-us .wrapper .inner .content a {

    opacity: 0;

}



.about-us .wrapper .inner:hover .content h4,

.about-us .wrapper .inner:hover .content p {

    opacity: 1;

}



.about-us .wrapper .inner:hover .content a {

    opacity: 1;

}



/* --------- Find Highly Trained Doctors ----------- */

.trained-doctors .wrapper .inner img {

    margin-bottom: 20px;

    width: 100%;

    height: 250px;

    object-fit: cover;

    object-position: 0 -5px;

    background-color: #d4d4d4;

}



.trained-doctors .wrapper .inner .content-area a {

    font-size: 2rem;

    color: var(--primary-clr);

    text-transform: capitalize;

}



/* ---------- cta section save time ------------ */



.cta-save-time {

    background-image: url(../images/cta-bg1.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: bottom;

    background-attachment: fixed;

}



.cta-save-time .inner h4 {

    font-size: 2rem;

    font-family: var(--popins-semibold);

}



.cta-save-time .inner h2 {

    font-size: 4.8rem;

    color: var(--primary-clr);

    margin: 20px 0;

    padding: 0 60px 0 0;

}



/* -------- Hospital Network ------------- */

.hospital-network .hospital-work-inner .inner img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.hospital-network .hospital-work-inner .inner:hover img {

    transform: scale(1.05);

}



.hospital-network .hospital-work-inner .inner {

    margin-bottom: 30px;

    overflow: hidden;

    position: relative;

    background-color: #fff;

    box-shadow: 1px 2px 3px #0003;

    height: 96%;

}



.hospital-network .hospital-work-inner .inner .content-info h4 {

    font-size: 2.1rem;

    min-height: 50px;

}



.hospital-network .hospital-work-inner .inner .content-info h4 a {

    color: var(--primary-clr);

}



/* ------ Medical Services ----- */

.medical-services-wrapper .inner {

    text-align: center;

    margin-bottom: 30px;

}



.medical-services-wrapper .inner .image-area {

    background-color: var(--sky-clr);

    padding: 20px;

    text-align: center;

    border-radius: 50%;

    width: 150px;

    height: 150px;

    margin: 0 auto 20px auto;

    transition: var(--transition);

}



.medical-services-wrapper .inner h5 {

    font-size: 2rem;

    font-family: var(--popins-medium);

}



.medical-services-wrapper .inner h5 a {

    color: var(--primary-clr);

    text-transform: capitalize;

}



.medical-services-wrapper .inner:hover .image-area {

    background-color: var(--primary-clr);

}



.medical-services-wrapper .inner:hover .image-area img {

    filter: grayscale(100%) brightness(200%);

}



.medical-services-wrapper .inner img {

    width: 100px;

    height: 100px;

    object-fit: contain;

    margin-bottom: 30px;

}



/* --------- Why Chooose Us -------- */

.why-choose-us {

    position: relative;

}



.why-choose-us .section-heading h2 {

    padding-right: 30px;

}



.why-choose-us .image-area img {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 570px;

    height: 500px;

    object-fit: contain;

}



.why-choose-list ul li h5 {

    width: 40%;

    font-size: 1.5rem;

    font-family: var(--popins-regular);

    color: #003c4f;

    font-weight: 600;

    text-transform: capitalize;

}



section.why-choose-us {

    overflow: hidden;

}



.why-choose-list ul li {

    display: flex;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 2px solid #b7b7b7;

}



/* ------- Blogs ------- */

.blog-wrapper .inner .image-area {

    position: relative;

    border-radius: 20px 20px 0 0;

    overflow: hidden;

}



.blog-wrapper .inner .image-area .blog-date {

    position: absolute;

    top: 0;

    left: 0;

}



.blog-wrapper .inner:hover .image-area img {

    transform: scale(1.03);

}



.blog-wrapper .inner {

    margin-bottom: 20px;

}





.blog-date .date {

    background-color: var(--secondary-clr);

    padding: 10px;

}



.about-top small p {

    font-size: 15.5px;

    font-family: CooperLtBT-Regular;

    color: #747474;

}



.about-top p:last-of-type{

    font-weight: 400;

}



.blog-date .date {

    color: var(--white-clr);

    background-color: var(--secondary-clr);

    padding: 10px;

    border-radius: 20px 0 0 0;

    font-size: 3.4rem;

    font-family: var(--popins-medium);

}



.blog-wrapper .inner .image-area .blog-date .month {

    background-color: var(--primary-clr);

    color: var(--white-clr);

    padding: 3px 10px;

    font-size: 1.5rem;

    font-family: var(--popins-medium);

}



.blog-wrapper .inner .image-area img {

    border-radius: 20px 20px 0 0;

    width: 100%;

    height: 210px;

    object-fit: cover;

}



.blog-wrapper .inner .blog-content {

    background-color: var(--primary-clr);

    padding: 10px;

    border-radius: 0 0 20px 20px;

}



.blog-wrapper .inner .blog-content h4 {

    font-family: var(--popins-medium);

    font-size: 1.7rem;

}



/* ------ Testimonials --------- */



.testimonial-slider .item p {

    font-size: 1.7rem;

}



.testimonial-slider .item .info i {

    background-color: var(--secondary-clr);

    padding: 20px;

    border-radius: 50%;

    color: var(--white-clr);

    font-size: 3rem;

}



.testimonial-slider .item .info {

    display: flex;

    align-items: center;

    gap: 20px;

}



.testimonial-slider .item .info h5 {

    color: var(--primary-clr);

    font-family: var(--castoro-regular);

    font-size: 2rem;

    margin-bottom: 0;

}



.testimonial-slider .item .info p {

    font-size: 1.2rem;

}



.testimonial-area button.slick-prev,

.testimonial-area button.slick-next {

    background-color: unset;

    color: var(--primary-clr);

    margin-top: 10px;

    margin-right: 10px;

}



/* -------- Footer----------- */

footer {

    background-color: var(--primary-clr);

    padding-top: 5rem;

    position: relative;

}



.doctors-details .content-area .button-style1 {

    min-width: max-content;

}



.faq-section .accordion-body p {

    font-size: 1.5rem;

}



footer .footer-logo-area img {

    margin-bottom: 20px;

}



.footer-logo-area ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    gap: 10px;

    align-items: start;

    margin: 20px 0;

    flex-direction: column;

}



.footer-logo-area ul li {

    display: flex;

    align-items: center;

    gap: 10px;

}



.footer-logo-area ul li i {

    color: var(--secondary-clr);

    font-size: 2.3rem;

}



.footer-logo-area ul li p {

    margin-bottom: -5px;

    font-weight: 500;

    color: var(--white-clr);

}



.footer-logo-area ul li a {

    color: var(--white-clr);

    font-size: 1.5rem;

}



.footer-links {

    padding-left: 2rem;

}



.footer-links h4 {

    color: var(--secondary-clr);

    font-size: 2.2rem;

    font-family: var(--castoro-regular);

    margin-bottom: 20px;

}



.footer-links ul li {

    margin-bottom: 10px;

    list-style: disc;

    color: var(--white-clr);

}



.footer-links ul li a {

    color: var(--white-clr);

    font-family: var(--popins-regular);

    font-size: 1.4rem;

}



.footer-links ul {

    padding-left: 2rem;

    display: flex;

    flex-wrap: wrap;

}



.footer-links ul li {

    width: 49%;

}



.footer-newsletter h4 {

    color: var(--secondary-clr);

    font-size: 2.2rem;

    font-family: var(--castoro-regular);

    margin-bottom: 20px;

}



.footer-newsletter p {

    font-size: 1.1rem;

}



.input-button-group .form-control {

    padding: 10px 30px;

    font-size: 1.6rem;

    border-radius: 30px;

}



.dot-image {

    position: absolute;

    right: 28px;

    opacity: 60%;

    top: 30px;

}



.copyright-footer .inner {

    display: flex;

    justify-content: space-between;

    border-top: 1px solid #eeeeee7a;

    padding-top: 13px;

}



.copyright-footer {

    margin-top: 20px;

}



.copyright-footer .inner .social-list ul {

    display: flex;

    align-items: center;

    gap: 20px;

}



.copyright-footer .inner .social-list ul li a {

    color: var(--white-clr);

}



/* ------- contact us pages ------- */

.contact-section .inner {

    padding: 35px;

    background-image: linear-gradient(225deg, #00d2d6, #0753d6);

    border-radius: 30px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    transform: translateY(0px);

    transition: all 0.3s ease-in;

}



.contact-section .inner:hover {

    background-image: linear-gradient(225deg, #0753d6, #00d2d6);

    transform: translateY(-5px);

}



.contact-section .inner .box {

    width: 100%;

}



.contact-section .inner i {

    margin-bottom: 18px;

    font-size: 3rem;

    color: var(--white-clr);

}



.contact-section .inner h3 {

    position: relative;

    transition: var(--transition);

    padding-top: 16px;

    color: var(--white-clr);

    font-size: 3rem;

}



.contact-section .inner h3::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 1px;

    background-color: rgba(149, 182, 255, 0.6);

    transition: var(--transition);

}



.contact-section .inner h3::after {

    content: "";

    position: absolute;

    top: -6px;

    right: -12px;

    width: 12px;

    height: 12px;

    border-radius: 50px;

    background-color: rgba(45, 108, 255, 0.87);

    transition: var(--transition);

}



.contact-section .inner:hover h3::before {

    width: 100%;

}



.contact-section .inner a {

    font-size: 2rem;

    color: var(--white-clr);

}



.contact-form .form-area {

    padding: 30px;

    background-color: var(--white-clr);

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.contact-form .form-area .form-control {

    font-size: 1.6rem;

    border: 0;

    border-bottom: 1px solid #5795ff;

    border-radius: 0;

    padding: 10px;

}



.contact-form .form-area .inner {

    margin-bottom: 20px;

}



.contact-form .form-area .form-control::placeholder {

    font-family: var(--popins-regular);

    font-size: 1.5rem;

    font-weight: 500;

}



.contact-form .form-area .form-control:focus {

    border-bottom: 1px solid var(--primary-clr);

    box-shadow: none;

}



.accordion .accordion-button {

    font-size: 1.8rem;

}



.accordion .accordion-item {

    margin-bottom: 10px;

}



.faq-section .image-area {

    text-align: center;

}



.faq-section .image-area img {

    width: 400px;

    height: 400px;

    object-fit: contain;

}



.faq-section .image-area img {

    width: 100%;

    height: 400px;

    object-fit: contain;

}



.testimonials-section .image-area {

    text-align: center;

}



.testimonials-section .image-area img {

    border-radius: 50%;

    width: 400px;

    height: 400px;

    object-fit: cover;

    box-shadow: 1px 2px 3px #0d59db78;

    border: 3px solid var(--primary-clr);

    border-top: 0;

    border-right: 0;

    border-left: 0;

}



.testimonials-section .info {

    display: flex;

    align-items: center;

    gap: 20px;

}



.testimonials-section .info i {

    background-color: var(--secondary-clr);

    padding: 20px;

    border-radius: 50%;

    color: var(--white-clr);

    font-size: 3rem;

}



.cta-box {

    background-image: url(../images/cta-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: relative;

    border-radius: 10px;

    padding: 55px 105px;

}



.cta-box .cta-icon {

    width: 115px;

    height: 115px;

    line-height: 110px;

    text-align: center;

    border-radius: 50%;

    position: absolute;

    top: -35px;

    left: 35px;

    background: #010f31;

}



.cta-box .cta-icon img {

    margin-top: 26px;

}



.cta-box .cta-content h3 {

    font-size: 4rem;

    color: var(--white-clr);

    text-transform: capitalize;

}



.single-blog .blog-content .main-image {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    margin-bottom: 10px;

}



.blog-information ul li i {

    margin-right: 5px;

    color: var(--primary-clr);

}



.single-blog .blog-content {

    background-color: #fff;

    padding: 20px;

    border-radius: 6px;

    box-shadow: 1px 2px 3px #c1c1c1;

}



.blog-information>ul>li {

    list-style-type: none !important;

}



.blog-information ul {

    display: flex;

    gap: 20px;

}



.blog-information {

    margin-bottom: 25px;

    padding-bottom: 15px;

    border-bottom: 1px solid rgba(3, 27, 78, 0.1);

}



.blog-content h2 {

    font-size: 2.5rem;

}



.single-blog .blog-content ul li {

    list-style-type: disclosure-closed;

    margin-bottom: 13px;

    font-size: 1.8rem;

}



.single-blog .blog-content ul {

    padding-left: 2rem;

}



.single-blog .blog-content ul li::marker {

    color: var(--primary-clr);

}



.sidebar-style {

    background-color: var(--white-clr);

    padding: 20px;

    border-radius: 6px;

    box-shadow: 1px 2px 3px #c1c1c1;

}



.blog-sidebar h2 {

    font-size: 2.8rem;

    margin-bottom: 20px;

}



.blog-sidebar .posts-wrapper ul li {

    display: flex;

    align-items: center;

    gap: 18px;

    padding-bottom: 18px;

    border-bottom: 1px solid #eee;

    margin-top: 16px;

}



.blog-sidebar .posts-wrapper ul li img {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    object-fit: cover;

}



.blog-sidebar .posts-wrapper ul li h4 {

    font-size: 1.8rem;

    margin-bottom: 0;

}



.single-blog-add {

    background-color: #54ffffd4;

    background-image: url(../images/why-choose-image.png);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 30px;

    border-radius: 4px;

    margin: 20px 0;

    backdrop-filter: blur(15px);

    background-blend-mode: color-burn;

    text-align: center;

    min-height: 400px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.blog-sidebar {

    position: sticky;

    top: 17%;

}



.single-blog-add h3 {

    color: var(--primary-clr);

    font-size: 2.5rem;

}



.becom-partner h6 {

    font-size: 1.8rem;

}



.becom-partner a {

    color: var(--primary-clr);

}



.counter-section .inner {

    text-align: center;

    padding: 35px;

    background-image: linear-gradient(225deg, #00d2d6, #0753d6);

    border-radius: 30px;

}



.counter-info {

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 6rem;

    font-family: var(--castoro-regular);

    color: var(--white-clr);

    gap: 5px;

}



section.why-choose-us .inner p {

    color: var(--white-clr);

    font-size: 2.3rem;

    text-transform: capitalize;

}



section.why-choose-us .counter-section {

    margin: 50px 0;

}



.section.why-choose-us h1,

section.why-choose-us h2,

section.why-choose-us h3,

section.why-choose-us h4 {

    color: var(--primary-clr);

}



.tourist-destination-wrapper h3 {

    font-size: 3.5rem;

    color: #0d59db;

}



.india-feature h1, h2, h3, h4 {

    margin-top: 1.5rem;

}



section.why-choose-us ul li {

    margin-bottom: 12px;

    list-style: circle;

      flex-direction: column;

}



.modal .input-wrapper {

    margin-bottom: 15px;

}



.modal .input-wrapper .form-control {

    font-size: 1.8rem;

}



.modal .inner {

    padding: 10px;

}



.modal-header .btn-close {

    transition: var(--transition);

}



.modal-header .btn-close:hover {

    transform: rotate(180deg);

}



.trained-doctors .wrapper .inner {

    margin-bottom: 35px;

    background-color: var(--white-clr);

    overflow: hidden;

    box-shadow: 1px 2px 3px #0000001f;

    transition: 0.3s ease-in;

    height: 96%;

    border-radius: 4px;

}



.trained-doctors .wrapper .inner:hover img {

    transform: scale(1.02);

}



.trained-doctors .wrapper .inner .content-area {

    padding: 10px;

}



.doctors-details .content-area .info {

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #eee;

    display: flex;

    align-items: center;

    justify-content: space-between;

}





.doctors-details .content-area ul li {

    margin-bottom: 14px;

    list-style: none;

}



.doctors-details .content-area ul li a i {

    color: var(--primary-clr);

    margin-right: 10px;

}



.doctors-details .content-area ul li a {

    font-size: 1.8rem;

    color: #002565;

    font-weight: 500;

}



.doctors-details .image-area {

    text-align: center;

    box-shadow: 1px 2px 3px #cbcbcb;

    padding: 10px;

}



.doctors-details .image-area img {

    width: 100%;

    height: 300px;

    object-fit: cover;

    object-position: top;

}



.trained-doctors .wrapper .inner .content-area h5 {

    border-bottom: 1px solid #eee;

    padding-bottom: 10px;

    transition: var(--transition);

}



.trained-doctors .wrapper .inner:hover {

    background-color: var(--secondary-clr);

    color: var(--white-clr);

}



.doctors-details .content-area {

    padding-left: 30px;

}



.trained-doctors .wrapper .inner:hover .content-area h5 {

    border-bottom: 1px solid #eeeeee63;

}



.trained-doctors .wrapper .inner:hover h4 a {

    color: var(--white-clr);

}



.trained-doctors .wrapper .inner:hover h5 {

    color: var(--white-clr);

}



.doctors-details .content img {

    margin: 10px 0;

}



.doctors-details .content h3,

.doctors-details .content h2 {

    color: var(--primary-clr);

}





.fixed-whatsapp {

    position: fixed;

    bottom: 10px;

    left: 0;

    z-index: 999;

}



.fixed-whatsapp a {

    transform: scale3d(1, 1, 1);

    color: var(--white-clr);

    font-size: 28px;

    line-height: 26px;

    z-index: 9999;

    display: inline-block;

    width: 50px;

    text-align: center;

    height: 50px;

    background: #25d367;

    border-radius: 50%;

    padding: 12px;

    box-shadow: 0px 0px 7px 2px rgba(136, 136, 136, 0.5);

    transition: transform 0.3s ease-in-out;

    transform-origin: 100% 100%;

    margin: 0px;

    box-sizing: border-box;

}



.hospital-network .hospital-work-inner .inner .image-label {

    position: absolute;

    top: 8px;

    left: 18px;

    padding: 1px 10px;

    color: var(--white-clr);

    border-radius: 4px;

    font-size: 1.3rem;

}



.label-bg-green {

    background-color: #00a937;

}



.label-bg-sky {

    background-color: var(--secondary-clr);

}



.label-bg-blue {

    background-color: var(--primary-clr);

}



.hospital-network .hospital-work-inner .inner .content-info {

    padding: 10px 18px 30px;

}



.incredible-india .full-image-area {

    text-align: center;

    position: relative;

}



.incredible-india .full-image-area .feature-box {

    position: absolute;

    padding: 20px;

    box-shadow: 1px 2px 3px #0000003d;

    width: fit-content;

    margin: 5px;

    background-image: linear-gradient(225deg, #00d2d6, #0753d6);

    color: var(--white-clr);

    border-radius: 6px;

    transform: translateY(0px);

    transition: all 0.3s ease-in;

}



.incredible-india .full-image-area .feature-box:hover {

    background-image: linear-gradient(225deg, #0753d6, #00d2d6);

    transform: translateY(-5px);

}



.incredible-india .full-image-area .feature-box.box1 {

    top: 10%;

    left: 10%;

}



.incredible-india .full-image-area .feature-box.box2 {

    right: 7%;

    top: 10%;

}



.incredible-india .full-image-area .feature-box.box3 {

    left: 10%;

    bottom: 10%;

}



.incredible-india .full-image-area .feature-box.box4 {

    right: 10%;

    bottom: 10%;

}



.india-feature .inner {

    padding: 20px;

}



.india-feature .inner.text-area .items {

    margin-bottom: 30px;

    padding-bottom: 10px;

    border-bottom: 1px solid #b8b8b89c;

    text-align: center;

}



.india-feature .inner.text-area .items i {

    background-color: var(--primary-clr);

    padding: 20px 22px;

    color: var(--white-clr);

    border-radius: 50%;

    margin-bottom: 20px;

    box-shadow: 1px 2px 3px var(--secondary-clr);

}



.india-feature .inner.text-area .items h4 {

    color: var(--primary-clr);

}



.india-feature .inner.image-area img {

    border-radius: 13px;

}



.india-feature .inner.text-area .items:hover i {

    background-color: var(--secondary-clr);

}



.india-feature .inner.image-area:hover img {

    transform: scale(1.02);

}



.hospital-details-slider .item img {

    width: 100%;

}



.hospital-details-slider .slick-prev {

    padding: 10px;

    background-color: var(--secondary-clr);

    color: var(--white-clr);

    position: absolute;

    bottom: 0;

}



.hospital-details-slider {

    position: relative;

    margin-bottom: 30px;

}



.hospital-details-slider .slick-next {

    position: absolute;

    right: 0;

    padding: 10px;

    bottom: 0;

    background-color: var(--secondary-clr);

    color: var(--white-clr);

}



.doctors-details .content-area .item-wrapper img {

    width: 50px;

}



.hospital-sidebar-details {

    padding: 20px;

    box-shadow: 1px 2px 3px #00000045;

    margin-bottom: 20px;

}



.hospital-sidebar-details h5 {

    font-size: 2rem;

    color: var(--primary-clr);

    border-bottom: 2px solid var(--primary-clr);

    display: inline-block;

    margin-bottom: 20px;

}



.hospital-sidebar-details ul li {

    margin-bottom: 10px;

    border-bottom: 1px solid #eee;

    padding-bottom: 10px;

}



.get-call-back {

    padding: 20px;

    box-shadow: 1px 2px 3px #00000045;

    margin-bottom: 20px;

}



.get-call-back .input-wrapper {

    margin-bottom: 10px;

}



.get-call-back .input-wrapper .form-control {

    font-size: 1.8rem;

    padding: 10px;

}



.get-call-back h5 {

    font-size: 2rem;

    color: var(--primary-clr);

    border-bottom: 2px solid var(--primary-clr);

    display: inline-block;

    margin-bottom: 20px;

}



.detail-sidebar-wrapper {

    position: sticky;

    top: 26%;

}



.treatment-details .image-area {

    margin-bottom: 20px;

}



.treatment-details ul li{

    list-style: auto;

    margin-bottom: 10px;

    position: relative;

}



.cost-details .item-wrapper .inner-content p {

    font-size: 1.6rem;

}



.cost-details .item-wrapper .inner-content ul li {

    position: relative;

    list-style: none;

    font-size: 1.6rem;

}



.doctors-details .content-area .info h5 {

    font-size: 1.8rem;

}



.cost-details .item-wrapper .inner-content ul li:hover:after {

    transform: rotate(45deg);

}



.cost-details .item-wrapper .inner-content ul li:after {

        content: "";

    position: absolute;

    left: -24px;

    background-image: url(../images/bullet1.png);

    width: 16px;

    height: 16px;

    top: 7px;

    transition: var(--transition);

    background-repeat: no-repeat;

    background-size: contain;

}



.treatment-details ol li {

    margin-left: 2.6rem;

    position: relative;

}



.treatment-details ul li:after {

    content: "";

    position: absolute;

    left: -24px;

    background-image: url(../images/bullet2.png);

    width: 16px;

    height: 16px;

    top: 7px;

    background-repeat: no-repeat;

    background-size: contain;

}

.treatment-details ol li:after {

    content: "";

    position: absolute;

    left: -24px;

    background-image: url(../images/bullet1.png);

    width: 16px;

    height: 16px;

    top: 7px;

    background-repeat: no-repeat;

    background-size: contain;

}



.treatment-details ul {

    padding-left: 20px;

    margin-bottom: 20px;

}



.treatment-details .content-area .accordion {

    margin-top: 20px;

}



.treatment-details h2,

.treatment-details h3,

.treatment-details h4,

.treatment-details h5 {

    color: var(--primary-clr);

}



.our-partners-logo .inner .content {

    background-color: #0d59db;

    padding: 10px;

}



.contact-section .inner h5 {

    font-size: 2rem;

}

.our-partners-logo .inner img {

    width: auto;

    height: 220px;

}



.our-partners-logo .inner .content h5 {

    font-size: 1.9rem;

    color: #fff;

}

.our-partners-logo .inner > a {

    overflow: hidden;

    display: flex;

    height: 100%;

    justify-content: center;

    align-items: center;

}



.highlits-slider ul li {

    list-style-type: disc;

    margin-left: 2rem;

    margin-bottom: 0.8rem;

    font-weight: 500;

}



.cta-save-time .inner a > div {

    display: none;

}



.extra-content p {

    font-size: 1.5rem;

    text-align: center;

}



.our-partners-logo .inner {

    text-align: center;

    margin-bottom: 20px;

    overflow: hidden;

    border-radius: 8px;

    background-color: var(--white-clr);

    border: 1px solid #e0ebff;

}



.our-partners-logo .inner:hover img {

    transform: scale(1.03);

}



.highlits-slider .slick-prev {

    background-color: var(--primary-clr);

    color: var(--white-clr);

    padding: 1px 10px;

    margin-right: 10px;

    margin-top: 20px;

}



.highlits-slider .slick-next {

    background-color: var(--primary-clr);

    color: var(--white-clr);

    padding: 1px 10px;

       margin-top: 20px;

}



.why-choose-para {

    position: relative;

}



.why-choose-para img {

    width: 64%;

    margin: 0 auto;

    text-align: center;

}



.why-choose-para .image-area {

    text-align: center;

}



.vision-mission-area {

    margin-top: 30px;

}



.vision-mission-area .content-area {

    text-align: center;

    background-color: #fff;

    padding: 30px;

    height: 100%;

    border-radius: 4px;

    box-shadow: 1px 2px 3px #00000045;

    background-image: repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255));

}



.vision-mission-area .content-area p,

.vision-mission-area .content-area ul {

    text-align: left;

}



.vision-mission-area .content-area h3 {

    margin-bottom: 14px;

    color: #ff8013;

}



.vision-mission-area .content-area h4 {

    margin-bottom: 12px;

}



.vision-mission-area .content-area ul li {

    margin-bottom: 12px;

    font-size: 2rem;

}



.vision-mission-area .content-area ul li span {

    color: var(--primary-clr);

    font-weight: 600;

}



.dott-box {

    position: absolute;

    right: 30px;

    bottom: 25px;

    width: 80px !important;

    object-fit: contain;

    aspect-ratio: 1 / 1;

    -webkit-animation-name: float-bob-y;

    animation-name: float-bob-y;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}





@keyframes float-bob-y {

    0% {

        transform: translateY(-20px);

    }



    50% {

        transform: translateY(-10px);

    }



    100% {

        transform: translateY(-20px);

    }

}



.vision-mission-area .content-area img {

    margin-bottom: 20px;

    width: 100%;

    height: 200px;

    object-fit: contain;

}



.vision-mission-area .content-area:hover img {

    transform: scaleX(-1);

}





.our-approach {

    background-color: var(--white-clr);

    background-image: repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255));

}



.approach-item {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 30px;

    margin-bottom: -20px;

}



.approach-item .image-area {

    border-radius: 50%;

    border: 4px solid var(--primary-clr);

    padding: 10px;

    position: relative;

}



.approach-item p {

    margin-bottom: 0;

}



.approach-item img {

    border-radius: 50%;

    width: 80px;

}



.approach-item .image-area:after {

    position: absolute;

    content: "";

    right: -12px;

    top: 48px;

    clip-path: polygon(100% 51%, 0 0, 0 100%);

    width: 12px;

    height: 12px;

    background-color: var(--primary-clr);

}



.pipe-line {

    width: 8px;

    background-color: #dfe2f3;

    height: 100%;

    display: inline-block;

    min-height: 150px;

    position: relative;

}



.goog-te-gadget img {

    display: none;

}



.skiptranslate iframe 



.approach-wrapper .approach-item:nth-child(odd) {

    flex-direction: row-reverse;

}



.goog-te-gadget-simple {

    padding: 4px 10px;

    font-size: 1.5rem;

}



.pipe-line:after {

    content: "" "";

    position: absolute;

    top: 50%;

    left: 1px;

    background-color: #00d2d7;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    transform: translate(0, 50%);

}



.our-approach .section-heading {

    position: sticky;

    top: 25%;

}



.approach-item .content-area {

    width: 108px;

}



.journey-wrapper .inner {

    background-image: linear-gradient(225deg, #0753d6, #00d2d6);

    padding: 30px;

    height: 96%;

    position: relative;

}



.journey-wrapper .inner h4,

.journey-wrapper .inner p,

.journey-wrapper .inner ul li {

    color: var(--white-clr);

}



.journey-wrapper .inner ul li {

    list-style: circle;

    margin-bottom: 5px;

}



.journey-wrapper .inner ul {

    padding-left: 2rem;

}



.journey-wrapper .inner .count {

    position: absolute;

    right: 10px;

    top: 10px;

    color: transparent;

    -webkit-text-stroke: 1px var(--white-clr);

    font-size: 4rem;

}



.step-description ul li {

    margin-left: 3rem;

    margin-bottom: 10px;

    list-style: disc;

}



.cost-intro {

    background: url(../images/choose-us-bg.jpg), linear-gradient(#b6ffff, #0d59db), no-repeat bottom / cover;

    background-blend-mode: color-burn;

}



.cost-section .cost-categories,

.cost-section .cost-faq {

    padding: 20px;

    margin-bottom: 30px;

    box-shadow: 1px 2px 3px #eee, -1px -1px 3px #eee;

    border-radius: 2px;

}



.cost-section .cost-categories .search-area {

    margin-bottom: 20px;

}



ul.treatment-list {

    margin: 10px 0;

}



.cost-section .cost-faq {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 10px;

    height: 300px;

    justify-content: center;

    background: url(../images/choose-us-bg.jpg), linear-gradient(#b6ffff, #0d59db), no-repeat bottom / cover;

    background-blend-mode: color-burn;

}



ul.treatment-list li {

    background-color: #0d59db;

    border-bottom: 1px solid #0043b5;

    margin-bottom: 10px;

    color: #fff;

    border-radius: 2px;

}



ul.treatment-list li:hover a {

    color: #fff;

}



ul.treatment-list a {

    color: #fff;

    padding: 8px 10px;

    font-size: 1.8rem;

}



ul.treatment-list ul.dropdown-menu {

    width: 100%;

}



ul.treatment-list ul.dropdown-menu li {

    margin-bottom: 0;

}



ul.treatment-list ul.dropdown-menu li:hover a {

    background-color: #00d2d6;

}



.cost-section aside {

    position: sticky;

    top: 22%;

}



.cost-details h2 {

    color: var(--primary-clr);

}



.cost-details h3 {

    background-color: var(--secondary-clr);

    border-left: 6px solid var(--primary-clr);

    padding: 5px 10px;

    color: var(--white-clr);

}



.cost-details .item-wrapper {

    margin: 40px 0;

}



.cost-details .item-wrapper ul li {

    margin-left: 3rem;

    margin-bottom: 1rem;

    font-size: 2rem;

    list-style: circle;

}



.cost-details h4 {

    font-size: 2rem;

    margin: 18px 0;

}



.other-area ul li h5 {

    font-size: 1.8rem;

}



.specilist-procedures .image-area svg {

    max-width: 410px;

}



.other-area ul li img {

    margin-bottom: 10px;

}



.other-area ul li {

    margin-bottom: 10px;

}



.counter-wrapper {

    display: flex;

    justify-content: space-evenly;

    gap: 20px;

}



.counter-items {

    text-align: center;

}



.counter-section {

    background-color: #0d59db;

    padding: 20px;

    border-radius: 10px 10px 0 0;

    margin-top: 20px;

    background-image: url(../images/choose-us-bg.jpg);

    background-blend-mode: multiply;

    background-position: center;

}



.counter-items p {

    color: #fff;

}



@keyframes scaleAnimation {

    0% {

        transform: scale(0);

    }



    100% {

        transform: scale(1);

    }

}



.message-grow {

    animation: scaleAnimation 10s infinite;

    transform-origin: center;

    transform-origin: center;

    /* Ensures the scaling happens from the center */

}



.specilist-procedures .content-area h3 {

    margin-bottom: 20px;

    text-align: center;

}



.specilist-procedures .content-area li {

    font-size: 2.2rem;

    margin-right: 10px;

}



.specilist-procedures .content-area li {

    font-size: 2.2rem;

    margin-right: 10px;

}



.specilist-procedures .content-area ul {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 30px;

}



.specilist-procedures .content-area ul li {

    width: 48%;

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 10px;

    transition: var(--transition);

}



.specilist-procedures .content-area ul li img {

    background-color: #0d59db;

    padding: 10px;

    width: 50px;

    border-radius: 50%;

}



.specilist-procedures .content-area ul li h5 {

    font-size: 2rem;

}



.hospital-detail-tt h3,

.specilist-procedures h3 {

    color: #0d59db;

    margin-bottom: 10px;

    font-size: 3rem;

}



.bg-blue {

    background-color: #0d59db;

}



.technologies .content-area h3 {

    margin-bottom: 10px;

    color: #00cace;

}



.technology-slider .item {

    padding: 20px;

    box-shadow: 1px 2px 3px #a7a7a7;

    margin-right: 10px;

    margin-bottom: 10px;

    border-radius: 4px;

    transition: var(--transition);

}



.technology-slider .item p {

    font-size: 1.6rem;

}



.specilist-procedures .content-area ul li:hover {

    background-color: #0d59db;

    border-radius: 6px;

}



.specilist-procedures .content-area ul li:hover h5 {

    color: #fff;

}



.technology-slider .slick-prev,

.technology-slider .slick-next {

    padding: 2px 8px;

    margin-right: 10px;

    background-color: #0d59db;

    color: #fff;

}



/*::-webkit-scrollbar {*/

/*    width: 8px;*/

/*}*/



/*::-webkit-scrollbar-track {*/

/*    background: var(--black-clr);*/

/*}*/



/*::-webkit-scrollbar-thumb {*/

/*    background: var(--primary-clr);*/

/*    border: 1px solid var(--black-clr);*/

/*}*/



.hospital-detail-tt .content-area ul li {

    margin-bottom: 8px;

    display: flex;

    align-items: center;

    gap: 15px;

    width: 100%;

    min-width: max-content;

    font-size: 1.8rem;

    border: 1px solid #cdcdcd;

    padding: 10px;

    border-radius: 4px;

}



.hospital-detail-tt .content-area ul {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 20px;

}



.hospital-detail-tt .content-area ul li span {

    font-weight: bold;

    text-transform: capitalize;

    color: #0d57d5;

}



.hospital-agrediation .image-area img {

    width: 90%;

    max-height: 400px;

    object-fit: contain;

}



.hospital-agrediation {

    background: url(../images/choose-us-bg.jpg), linear-gradient(#b6ffff, #0d59db), no-repeat center / cover;

    background-blend-mode: color-burn;

}



.hospital-agrediation .other-area {

    padding: 20px;

    background-color: #ffffff3d;

    border: 1px solid #9dd5ff;

    backdrop-filter: blur(10px);

}



.technologies {

    background-image: url(https://img.freepik.com/premium-vector/blue-abstract-background-health_66029-25.jpg?w=1600);

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.technology-slider .item:hover,

.technology-slider .item.slick-center {

    background-color: #0d59db;

}



.technology-slider .item:hover h4,

.technology-slider .item.slick-center h4,

.technology-slider .item:hover p,

.technology-slider .item.slick-center p {

    color: #fff;

}



.hospital-detail-tt .content-area ul li img {

    width: 32px;

}



.air-ambulance-wrapper {

    position: fixed;

    left: -100%;

    top: -100%;

    transform: translate(-50%, -50%);

    animation: slideIn 1s forwards, stayInCenter 3s 1s forwards, slideOut 1s 4s forwards;

    opacity: 0;

    display: none;

    /* Hidden initially */

    background-color: #fff;

    z-index: 999999;

    width: 40%;

    height: 40%;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    border-radius: 20px;

}



@keyframes slideIn {

    to {

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        opacity: 1;

    }

}



@keyframes stayInCenter {

    to {

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        opacity: 1;

    }

}



@keyframes slideOut {

    to {

        left: 100%;

        top: 100%;

        transform: translate(-50%, -50%);

        opacity: 0;

    }

}



.air-ambulance-wrapper .inner {

    position: relative;

    width: 100%;

    height: 100%;

}



.air-ambulance-wrapper .inner img {

    position: absolute;

    top: -50px;

    width: 90%;

    left: 30px;

}





.air-ambulance-wrapper .inner .content {

    display: flex;

    flex-direction: column;

    justify-content: end;

    height: 100%;

    align-items: center;

    padding-bottom: 23px;

}



.technology-slider .item img {

    width: 100%;

    margin-bottom: 10px;

    height: 210px;

    object-fit: cover;

}



.technology-slider-wrapper {

    margin-top: 30px;

}



.journey-wrapper .inner ul li mark {

    padding: 3px 7px 5px 7px;

    background-color: #0d59db;

    border-radius: 3px;

}



.journey-wrapper .inner ul li mark a {

    color: #fff;

}



.about-top h3 {

    font-size: 32px;

    font-family: CooperLtBT-Bold;

    margin-bottom: 20px;

}



.about-top {

    padding: 3rem 0;

}

.about-top p {

    font-size: 23px;

    font-weight: 700;

    font-family: CooperLtBT-Regular;

}



.internation-area h3 {

    font-size: 3.5rem;

    color: #0d59db;

}



.about-top p small {

    font-size: 1.6rem;

}



.medotoil-started .image-area img {

    width: 200px;

    border-radius: 4px;

    margin-bottom: 16px;

}



.medotoil-started .image-area {

    text-align: center;

}



.incredible-india-cost table tr td:first-of-type {

    font-weight: bold;

    color: #ff7a00;

    text-align: left;

}



.incredible-india-cost table tr th:first-of-type{

    text-align: left;

}



.incredible-india-cost table tr td {

    padding: 20px 10px;

    text-align: center;

}



.incredible-india-cost thead tr th {

    padding: 10px;

    border-bottom: 3px solid #ff7a00;

    text-align: center;

}



.india-feature .image-area img {

    height: 300px;

    border-radius: 5px;

}



.india-feature .image-area {

    text-align: center;

    position: sticky;

    top: 25%;

}



.item.incredible-india-cost .table-responsive {

    margin-top: 30px;

}



.india-feature .item {

    padding: 3rem 2rem;

    background: linear-gradient(45deg, #c8fafb42, #c7dbfb);

    border-radius: 10px;

    margin-bottom: 4rem;

}



.india-feature .item h3 {

    background-color: #0d59db;

    color: #fff;

    padding: 6px 12px;

    width: max-content;

    border-radius: 30px;

    margin-bottom: 20px;

}



.india-feature .item ul li {

    margin-left: 2rem;

    margin-bottom: 10px;

    position:relative;

}



.india-feature .item h5 {

    margin-bottom: 10px;

    font-size: 1.8rem;

}



.india-feature .item .table-responsive {

    border-radius: 6px;

}



.india-feature .item ul {

    margin-bottom: 20px;

}



.trained-doctors {

    background: url(../images/choose-us-bg.jpg), linear-gradient(#0d59db, #b6ffff), no-repeat bottom / cover;

    background-blend-mode: color-burn;

}



.tourist-destination-slider .item {

    margin: 10px;

    position: relative;

}



.tourist-destination-slider .item .content-area {

    position: absolute;

    bottom: -270px;

    left: 5px;

    overflow: hidden;

}



.tourist-destination-slider .item:before {

    content: "";

    background: linear-gradient(359deg, black, transparent);

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

    z-index: 0;

    border-radius: 10px;

    transition: var(--transition);

}



.tourist-destination-slider .item .content-area p {

    font-size: 1.3rem;

}



.tourist-destination-slider .item h5,

.tourist-destination-slider .item p,

.tourist-destination-slider .item h6 {

    color: #fff;

}



.present {

    position: absolute;

    bottom: 0;

    text-align: center;

    width: 100%;

    margin-bottom: 10px;

    transition: var(--transition);

    padding: 16px;

}



.tourist-destination-slider .item h5 {

    font-size: 2rem;

}



.tourist-destination-slider .item h6 {

    font-size: 1.6rem;

}



.tourist-destination-slider .item .content-area h5,

.tourist-destination-slider .item .content-area p,

.tourist-destination-slider .item .content-area h6 {

    opacity: 0;

    transition: var(--transition);

}



.tourist-destination-slider .item:hover .content-area h5,

.tourist-destination-slider .item:hover .content-area p,

.tourist-destination-slider .item:hover .content-area h6 {

    opacity: 1;

}



.tourist-destination-slider {

    position: relative;

}



.tourist-destination-slider .item:hover:before {

    background: linear-gradient(359deg, black, #00000094);

}



.tourist-destination-wrapper h3 span {

    color: #0d59db;

}



.tourist-destination-wrapper h3:before {

    content: "";

    background-image: url(../images/india-icon.png);



}



.medbharat-slider .slick-prev,

.medbharat-slider .slick-next,

.tourist-destination-slider .slick-prev,

.tourist-destination-slider .slick-next,

.medbharata-blog-slider .slick-prev,

.medbharata-blog-slider .slick-next {

    position: absolute;

    transform: translate(0, -50%);

    padding: 2px 8px;

    color: #212121;

    border-radius: 2px;

    box-shadow: 1px 2px 3px #00000078;

}



.medbharat-slider .slick-prev,

.tourist-destination-slider .slick-prev,

.medbharata-blog-slider .slick-prev {

    left: 0;

    top: 50%;

    height: auto;

}



.medbharat-slider .slick-next,

.tourist-destination-slider .slick-next,

.medbharata-blog-slider .slick-next {

    right: 0;

    top: 50%;

    height: auto;

}



.tourist-destination-slider .item:hover .content-area {

    bottom: 50%;

    transition: var(--transition);

    transform: translate(0, 50%);

    text-align: center;

}



.tourist-destination-slider .item img {

    border-radius: 10px;

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.tourist-destination-slider .item:hover .present {

    display: none;

}



.medbharata {

    background-blend-mode: darken;

    background-image: repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255));

}



.medbharat-slider .item {

    background-repeat: no-repeat;

    background-size: cover;

    height: 500px;

    background-position: top center;

    border-radius: 10px;

    position: relative;

}



.medbharat-slider {

    margin-top: 30px;

}



.medbharat-slider .content {

    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: end;

    margin-left: 50px;

    width: 50%;

    position: relative;

    padding-bottom: 20px;

}



.medbharat-slider .item:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(45deg, #000, transparent);

    z-index: 0;

    border-radius: 10px;

}



.medbharat-slider .item h4 {

    font-size: 4rem;

    color: #fff;

}



.medbharat-slider .item h5 {

    font-size: 3rem;

    color: #fff;

}



.medbharat-slider .item p {

    color: #fff;

}



.medbharata-blog-slider .item {

    padding: 10px 10px 20px 10px;

    border: 1px solid #eee;

    margin: 10px;

    background-color: var(--white-clr);

    height: 100%;

}



.medbharata-blog-slider .item .content-area h4 a{

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;  

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal; /* ensures text wraps properly */

}





.medbharata ul li {

    list-style: circle;

    margin-left: 2rem;

    margin-bottom: 10px;

}



.medbharata-blog-slider .item .content-area .btn-link {

    margin-top: 16px;

    display: block;

    width: max-content;

}



.btn-link {

    border: 1px solid #b5b5b5;

    padding: 5px 20px;

    border-radius: 20px;

    transition: var(--transition);

    text-decoration: none;

    display: inline-block;

}



.btn-link:hover {

    color: var(--primary-clr);

    border-color: var(--primary-clr);

}



.medbharata-blog-slider .item:hover h4 a {

    color: var(--primary-clr);

}



.medbharata-blog-slider .item p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.medbharata-blog-slider .item .content-area {

    padding: 16px;

}



.blog-info-wrapper {

    background-color: #00d2d6;

    padding: 8px 16px;

    color: #fff;

    font-size: 1.8rem;

    width: max-content;

    margin-bottom: 20px;

}



.blog-info-wrapper ul {

    display: flex;

    gap: 20px;

}



.blog-info-wrapper ul li {

    list-style: none !important;

    margin-left: 0 !important;

}



.medbharata-blog-details .content-area h2,

.medbharata-blog-details .content-area h3,

.medbharata-blog-details .content-area h4 {

    margin-top: 1em;

}



.medbharata-blog-details .content-area h2 {

    color: #0d59db;

    margin-bottom: 10px;

}



.medbharata-blog-slider .item:hover .btn-link {

    color: var(--primary-clr);

    border-color: var(--primary-clr);

}



.medbharata-blog-details .content-area h5 {

    font-size: 1.5rem;

    background-color: #dcfeff;

    width: max-content;

    padding: 6px;

    border: 1px solid #c1feff;

}



.our-partners-logo .inner .content h4 {

    color: #fff;

    margin-top: 0;

}



.medbharata-blog-details .content-area img {

    max-height: 500px;

    border-radius: 5px;

    margin: 10px 0;

    object-fit: cover;

}



.medbharata-blog-slider .item .image-area img {

    width: 100%;

    height: 270px;

    object-fit: cover;

}



.medbharata-blog-details .content-area img.main-image {

    max-height: unset;

}



.medbharata-blog-details .content-area ul li {

    list-style: disc;

    margin-left: 2rem;

}



.medbharata-blog-details aside {

    position: sticky;

    top: 24%;

}



.popular-post ul li {

    display: flex;

    gap: 10px;

    align-items: center;

    margin: 10px 0;

    border-bottom: 1px solid #eee;

    padding-bottom: 10px;

}



.popular-post ul li img {

    width: 80px;

}



.popular-post {

    padding: 10px;

    margin-bottom: 20px;

    border: 1px solid #dddddd;

    border-radius: 3px;

    background-color: #fff;

}



.popular-post ul li a {

    color: #0d59db;

    font-size: 1.8rem;

    font-weight: bold;

}



.subscribe-newsletter {

    padding: 30px;

    margin-bottom: 20px;

    border: 1px solid #dddddd;

    border-radius: 3px;

    text-align: center;

    background-image: linear-gradient(225deg, #00d2d6, #0753d6);

}



.subscribe-newsletter .input-wrapper {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 13px;

    margin-top: 20px;

}



.subscribe-newsletter h4 {

    color: #fff;

}



.medbharata-blog-details {

    background-blend-mode: darken;

    background-image: repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255));

}



.ceo-wrapper {

    display: flex;

    justify-content: start;

    align-items: center;

    gap: 15px;

    text-align: left;

}



.toggle-btn {

    display: none;

}



.our-partners-logo .inner:hover img {

    transform: scale(1.03);

}



.why-choose-para {

    position: relative;

}



.why-choose-para img {

    width: 64%;

    margin: 0 auto;

    text-align: center;

}



.why-choose-para .image-area {

    text-align: center;

}



.vision-mission-area {

    margin-top: 30px;

}



.vision-mission-area .content-area {

    text-align: center;

    background-color: #fff;

    padding: 30px;

    height: 100%;

    border-radius: 4px;

    box-shadow: 1px 2px 3px #00000045;

    background-image: repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255));

}



.vision-mission-area .content-area p,

.vision-mission-area .content-area ul {

    text-align: left;

}



.vision-mission-area .content-area h3 {

    margin-bottom: 14px;

    color: #ff8013;

}



.vision-mission-area .content-area h4 {

    margin-bottom: 12px;

}



.vision-mission-area .content-area ul li {

    margin-bottom: 12px;

    font-size: 2rem;

}



.vision-mission-area .content-area ul li span {

    color: var(--primary-clr);

    font-weight: 600;

}



.dott-box {

    position: absolute;

    right: 30px;

    bottom: 25px;

    width: 80px !important;

    object-fit: contain;

    aspect-ratio: 1 / 1;

    -webkit-animation-name: float-bob-y;

    animation-name: float-bob-y;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}



@keyframes float-bob-y {

    0% {

        transform: translateY(-20px);

    }



    50% {

        transform: translateY(-10px);

    }



    100% {

        transform: translateY(-20px);

    }

}



.vision-mission-area .content-area img {

    margin-bottom: 20px;

    width: 100%;

    height: 200px;

    object-fit: contain;

}



.vision-mission-area .content-area:hover img {

    transform: scaleX(-1);

}



.our-approach {

    background-color: var(--white-clr);

    background-image: repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.06) 0px, hsla(196, 0%, 79%, 0.06) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(0deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, hsla(196, 0%, 79%, 0.09) 0px, hsla(196, 0%, 79%, 0.09) 1px, transparent 1px, transparent 12px), linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255));

}



.faq-section .col-lg-6.image-side {

    position: sticky;

    top: 20%;

}



.approach-item {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 30px;

    margin-bottom: -20px;

}



.approach-item .image-area {

    border-radius: 50%;

    border: 4px solid var(--primary-clr);

    padding: 10px;

    position: relative;

}



.approach-item p {

    margin-bottom: 0;

}



.approach-item img {

    border-radius: 50%;

    width: 80px;

}



.approach-item .image-area:after {

    position: absolute;

    content: "";

    right: -12px;

    top: 48px;

    clip-path: polygon(100% 51%, 0 0, 0 100%);

    width: 12px;

    height: 12px;

    background-color: var(--primary-clr);

}



.pipe-line {

    width: 8px;

    background-color: #dfe2f3;

    height: 100%;

    display: inline-block;

    min-height: 150px;

    position: relative;

}



.approach-wrapper .approach-item:nth-child(odd) {

    flex-direction: row-reverse;

}



.approach-wrapper .approach-item:nth-child(odd) .image-area:after {

    left: -12px;

    transform: rotate(171deg);

}



.pipe-line:after {

    content: "" "";

    position: absolute;

    top: 50%;

    left: 1px;

    background-color: #00d2d7;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    transform: translate(0, 50%);

}



.our-approach .section-heading {

    position: sticky;

    top: 25%;

}



.approach-item .content-area {

    width: 108px;

}



.journey-wrapper .inner {

    background-image: linear-gradient(225deg, #0753d6, #00d2d6);

    padding: 30px;

    position: relative;

}



.journey-wrapper .inner h4,

.journey-wrapper .inner p,

.journey-wrapper .inner ul li {

    color: var(--white-clr);

}



.journey-wrapper .inner ul li {

    list-style: circle;

    margin-bottom: 5px;

}



.journey-wrapper .inner ul {

    padding-left: 2rem;

}



.journey-wrapper .inner .count {

    position: absolute;

    right: 10px;

    top: 10px;

    color: transparent;

    -webkit-text-stroke: 1px var(--white-clr);

    font-size: 4rem;

}



div#suggestions {

    position: absolute;

    top: 41px;

    left: 0;

    background-color: #fff;

    width: 100%;

    border: 1px solid #eee;

    border-radius: 4px;

    z-index: 999;

    display: none;

    max-height: 350px;

    overflow-x: hidden;

}



div#suggestions .suggestion-item a{

    width: 100%;

       border-bottom: 1px solid #eee;

    padding: 5px 5px 5px 12px;

}



div#suggestions .suggestion-item:hover a{

    background-color: #0d59db;

    color: #fff;

}

div#suggestions .suggestion-item:last-of-type {

    border-bottom: 0;

}



.india-feature .item ul li::after {

    content: "";

    position: absolute;

    left: -24px;

    background-image: url(../images/bullet1.png);

    width: 16px;

    height: 16px;

    top: 7px;

    background-repeat: no-repeat;

    background-size: contain;

}



.step-description ul li {

    margin-left: 3rem;

    margin-bottom: 10px;

    list-style: disc;

}



.cost-intro {

    background: url(../images/choose-us-bg.jpg), linear-gradient(#b6ffff, #0d59db), no-repeat bottom / cover;

    background-blend-mode: color-burn;

}



.cost-section .cost-categories,

.cost-section .cost-faq {

    padding: 20px;

    margin-bottom: 30px;

    box-shadow: 1px 2px 3px #eee, -1px -1px 3px #eee;

    border-radius: 2px;

}



.incredible-india-cost thead tr th:nth-child(4),  .incredible-india-cost tbody tr td:nth-child(4) {

    background-color: #0d59db;

    color: #fff;

}





.cost-section .cost-categories .search-area {

    margin-bottom: 20px;

}



ul.treatment-list {

    margin: 10px 0;

}



.cost-section .cost-faq {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 10px;

    height: 300px;

    justify-content: center;

    background: url(../images/choose-us-bg.jpg), linear-gradient(#b6ffff, #0d59db), no-repeat bottom / cover;

    background-blend-mode: color-burn;

}



ul.treatment-list li {

    background-color: #0d59db;

    border-bottom: 1px solid #0043b5;

    margin-bottom: 10px;

    color: #fff;

    border-radius: 2px;

}



ul.treatment-list li:hover a {

    color: #fff;

}



ul.treatment-list a {

    color: #fff;

    padding: 8px 10px;

    font-size: 1.8rem;

}



ul.treatment-list ul.dropdown-menu {

    width: 100%;

}



ul.treatment-list ul.dropdown-menu li {

    margin-bottom: 0;

}



ul.treatment-list ul.dropdown-menu li:hover a {

    background-color: #00d2d6;

}



.cost-section aside {

    position: sticky;

    top: 22%;

}



.cost-details h2 {

    color: var(--primary-clr);

}



.single-blog picture img {

    margin: 10px 0;

}



.cost-details h3 {

    background-color: var(--secondary-clr);

    border-left: 6px solid var(--primary-clr);

    padding: 5px 10px;

    color: var(--white-clr);

}



.cost-details .item-wrapper {

    margin: 40px 0;

}



.cost-details .item-wrapper ul li {

    margin-left: 3rem;

    margin-bottom: 1rem;

    font-size: 2rem;

    list-style: circle;

}



.cost-details h4 {

    font-size: 2rem;

    margin: 18px 0;

}



.other-area ul li {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;

}



.doctors-details ul li {

    margin-bottom: 10px;

    list-style: auto;

    margin-left: 2rem;

}



.counter-items {

    text-align: center;

}



.counter-info {

    display: flex;

    gap: 5px;

}



.treatment-details ul li , .treatment-details ol li {

    list-style: none;

    margin-bottom: 10px;

}



.treatment-details h4 {

    font-size: 22px;

    color: #000;

}



.treatment-details h5 {

    font-size: 20px;

    color: #000;

}



.treatment-details h3 {

    font-size: 26px;

    margin: 10px 0;

}



@media (max-width: 1200px) {



    .incredible-india .full-image-area .feature-box.box2,

    .incredible-india .full-image-area .feature-box.box1 {

        top: 0;

    }

    

    .air-ambulance-wrapper .inner img {

    top: -60px;

    }

    

    .medbharata-blog-slider .item {

    min-height: 567px;

    }



    .incredible-india .full-image-area .feature-box.box3 {

        left: 0;

    }

    .container {

    width: 97%;

    }

    .hero-slider .item .content{

        width: 50%;

    }

     .incredible-india .full-image-area .feature-box.box1 {

        left: 0;

    }

    .hero-slider .item h4{

        font-size: 2rem;

    }

    .cta-save-time .inner h2{

        font-size: 4.4rem;

    }

}



@media (max-width: 1100px) {

    .hero-slider .item .content {

        width: 60%;

    }

    

    .medbharat-slider .content{

        width: 80%;

    }

    

    .medbharat-slider .item h4{

        font-size: 3.5rem;

    }

    

    .medbharat-slider .item h5{

        font-size: 2.8rem;

    }



    .hero-slider .item h4 {

        margin-bottom: 0;

    }

    

    .air-ambulance-wrapper .inner img{

        top: -40px;

    }



    .hero-slider .item h1 {

        font-size: 4rem;

    }



    .footer-links ul {

        padding-left: 0;

    }



    .breadcrum-area h1 {

        font-size: 3rem;

    }

    .section-heading h2{

        font-size: 3.8rem;

    }

    .hospital-network .hospital-work-inner .inner .content-info .button-style1{

        margin-bottom: 20px;

    }

    .container {

        width: 98%;

    }

    .search-input-wrapper .form-control{

        width: 360px;

    }

}



@media (max-width: 1099px){

        .medbharata-blog-slider .item {

        min-height: 525px;

    }

}







@media (max-width: 1050px) {



    .incredible-india .full-image-area .feature-box.box2 {

        right: 0;

    }



    .incredible-india .full-image-area .feature-box.box4 {

        right: 0;

    }



    .section-heading h2 {

        font-size: 3.5rem;

    }

        .testimonials-section .image-area img {

        width: 300px;

        height: auto;

        aspect-ratio: 1 / 1;

        margin-bottom: 20px;

    }

    .section-heading {

        margin-bottom: 20px;

    }

    .counter-info{

        font-size: 5rem;

    }

}



@media (max-width: 991px) {

    .trained-doctors .wrapper .inner img {

        height: 350px;

    }

    

    .cta-save-time .inner a{

        margin: 0 auto;

    }

    

    .dott-box{

        display: none;

    }

    

    .medotoil-started .image-area {

    display: flex;

    justify-content: space-between;

}

    

    .india-feature .image-area {

    text-align: start;

    margin-bottom: 20px;

        margin-bottom: 20px;

}

    

    .counter-section .inner{

        margin-bottom: 20px;

    }

    

    .contact-section .inner {

    height: 90%;

    margin-bottom: 20px;

    }

    

    

    .contact-form .image-area img {

    display: none;

    }

    .sidebar-style{

        margin-top: 20px;

    }



section.contact-form.section-padding.bg-sky {

    padding-top: 0;

}

    

    .specilist-procedures .image-area {

    display: none;

    }

    

    .cost-section .col-lg-8 {

    margin-top: 30px;

    }

    

    .cost-intro .form-area{

        margin-top: 30px;

    }

    

    .medbharat-slider .content {

    width: 95%;

    margin-left: 20px;

    }

    

   

    

    .toggle-btn {

        display: none;

    }



    .section-heading h2 {

        font-size: 3rem;

    }



    .detail-sidebar-wrapper {

        margin-top: 30px;

    }

    

    .air-ambulance-wrapper{

        height: 50%;

             width: 50%;

    }



    .doctors-details .content-area .info {

        align-items: start;

        flex-direction: column;

    }



    .breadcrum-area h1 {

        font-size: 2.8rem;

    }



    .doctors-details .image-area img {

        width: auto;

        height: auto;

    }



    .doctors-details .content-area {

        margin-top: 20px;

    }



    .doctors-details .content-area {

        padding-left: 0;

    }



    .cta-save-time .inner h2 {

        font-size: 4rem;

    }



    .why-choose-us .image-area img {

        display: none;

    }



    .why-choose-list ul li h5 {

        width: 20%;

    }



    .footer-logo-area,

    .footer-links {

        margin-bottom: 30px;

    }



    .container {

        width: 98%;

    }



    .search-input-wrapper .form-control {

        width: auto;

    }



    .offcanvas-body ul li {

        border-bottom: 1px solid #eee;

        padding: 5px;

    }



    h4 {

        font-size: 2.2rem;

    }



    .offcanvas-body ul li a.nav-link {

        color: black;

        font-size: 1.6rem;

    }



    .navbar-nav .dropdown-menu li a {

        padding: 2px 8px;

        font-size: 1.6rem;

    }



    .section-heading h2 {

        font-size: 2.8rem;

    }

    .trained-doctors .wrapper .inner img{

          object-position: center;

    }

    .cta-box .cta-icon{

        display: none;

    }

    

    .hospital-details-slider .item img {

    max-height: 600px;

    object-fit: cover;

    }

}



@media (max-width: 990px){

    .medbharata-blog-slider .item .image-area img{

        height: 400px;

        max-height: 450px;

    }

}



@media (max-width: 960px){

     .air-ambulance-wrapper .inner img{

        top: -20px;

    }

}



@media (max-width: 920px){

     .air-ambulance-wrapper .inner img{

        top: 0;

    }

}



@media (max-width: 850px){

     .air-ambulance-wrapper .inner img{

        top: 20px;

    }

}



@media (max-width: 768px) {

    .incredible-india .full-image-area .feature-box {

        width: 48%;

    }

    

    .doctors-details .content-area .button-style1 {

    display: inline-block;

    margin-top: 10px;

}

    

    .treatment-details .image-area img {

    max-height: 400px;

}

    .hospital-detail-tt h3, .specilist-procedures h3{

        font-size: 2rem;

    }

    

        .search-input-wrapper .form-control {

        width: 300px;

    }

    

    .main-header .wrapper .cta-button-area {

    display: none;

}

    

    .about-us .wrapper .inner .content p{

        opacity: 1;

    }

    

    .incredible-india .full-image-area .feature-box{

        display: inline-block;

    }

    

    

    .india-feature .image-area img{

        height: auto;

        max-height: 500px;

    }

    

    .why-choose-us .counter-items {

    width: 100%;

    }

    

    .counter-wrapper{

        flex-wrap: wrap;

    }

    

    .counter-items{

        width: 47%;

    }

    

    .technology-slider .item img{

        height: auto;

    }

    

       .medbharata-blog-slider .item .image-area img {

        height: auto;

        max-height: 300px;

        width: 100%;

    }

    

        .medbharat-slider .item h4 {

        font-size: 3rem;

    }



    .section-heading h2 {

        font-size: 2.4rem;

    }

    

        .medbharat-slider .item h5 {

        font-size: 2.2rem;

    }

    

    .air-ambulance-wrapper{

        width: 60%;

    }



    .incredible-india .full-image-area .feature-box {

        position: unset;

    }



    .incredible-india .outer {

        display: flex;

        margin: 20px 0;

        flex-wrap: wrap;

    }



    h4 {

        font-size: 2rem;

    }



    .about-us .wrapper .inner::after {

        opacity: 1;

        width: 100%;

    }



    .about-us .wrapper .inner .content,

    .about-us .wrapper .inner .content h4 {

        opacity: 1;

    }



    .trained-doctors .wrapper .inner img {

        height: auto;

    }



    .hero-slider .item .content {

        width: 80%;

    }



    .cta-save-time .inner h2 {

        padding: 0;

    }



    .why-choose-list ul li {

        align-items: start;

        flex-direction: column;

    }



    .why-choose-list ul li h5 {

        width: auto;

    }



    .blog-wrapper .inner .image-area img {

        height: auto;

    }



    .testimonials .image-area {

        text-align: center;

    }

}



@media (max-width: 720px) {

    .button-style-transparent {

        width: 100%;

    }

    

    .main-header.sticky .wrapper .logo-area {

    display: none;

}

    

    .main-header .wrapper {

    flex-direction: column;

    gap: 10px;

}

    

       .medotoil-started .image-area {

    flex-direction: column;

}



    .section-padding {

        padding: 5rem 0;

    }



    .toggle-btn {

        display: block;

        width: 40px;

        margin-left: auto;

    }



    .navigation-header nav.navigation-header-wrapper .links-wrapper ul {

        display: none;

    }

    

    .specilist-procedures .content-area ul li{

        width: 100%;

    }



    .navigation-header nav.navigation-header-wrapper .links-wrapper {

        order: 2;

        text-align: end;

    }



    .main-header .wrapper .search-area {

        width: 100%;

    }



    .search-input-wrapper .form-control {

        width: 100%;

    }



    .search-input-wrapper {

        width: 100%;

    }



    .section-padding {

        padding: 4rem 0;

    }

}



@media (max-width: 600px) {

    .hero-slider .item .content {

        width: 100%;

    }

    

    .doctors-details .content-area .item-wrapper {

    flex-direction: column;

}

        .counter-info {

        font-size: 4rem;

    }

    .toggle-btn{

        width: 30px;

    }

    

    .cta-box .cta-content h3 {

    font-size: 3rem;

    margin-bottom: 2rem;

    }

    

    .air-ambulance-wrapper{

        width: 90%;

        height: 60%;

        top: -50%;

    }



    .hero-slider .item h1 {

        margin-bottom: 0;

    }



    h3 {

        font-size: 2.2rem;

    }

    .hospital-detail-tt .content-area ul li {

    align-items: start;

    flex-direction: column;

    }

    .hospital-detail-tt .content-area ul li{

        min-width: auto;

    }

    

    .hero-slider .item {

    background-color: #ffffffc2;

    background-blend-mode: color-burn;

    }

}



@media (max-width: 576px) {

    .copyright-footer .inner {

        flex-direction: column;

        justify-content: center;

    }

    

    .air-ambulance-wrapper .inner img{

        width: 50%;

        transform: translate(50%, 0);

    }

    

    .tourist-destination-slider .item:hover .content-area {

    transform: translate(-50%, 50%);

    left: 50%;

}



.map-section iframe {

    height: 300px;

}

    

    .trained-doctors .wrapper .inner{

        text-align: center;

    }

        .trained-doctors .wrapper .inner img {

        max-height: 400px;

        width: 300px;

        object-fit: cover;

    }

    

    .contact-section .inner i{

        margin-bottom: 0;

    }

    

    .tourist-destination-slider .item .content-area{

        width: 90%;

    }

    

    .contact-section .inner h3{

        font-size: 2.5rem;

    }

    

    h2{

        font-size: 2.8rem;

    }



    .copyright-footer .inner .social-list ul {

        justify-content: center;

    }

     .air-ambulance-wrapper{

        height: 40%;

    }

    

    .air-ambulance-wrapper .inner .content{

        text-align: center;

    }

    

    .about-top h3 {

    font-size: 3rem;

    }

    

    .about-top p {

        font-size: 1.6rem;

    }



    .cta-save-time .inner h2 {

        font-size: 3.5rem;

    }



    .incredible-india .full-image-area .feature-box {

        width: 100%;

    }

    .main-header .button-style1 {

        font-size: 1.4rem;

    }

    .tourist-destination-slider {

    margin-bottom: 3rem;

    }

    .medbharata-blog-slider .item{

        min-height: auto;

    }

}



@media (max-width: 500px) {

    .top-header-title a {

        font-size: 1.5rem;

        text-decoration: none;

    }



    .hero-section::after {

        height: 4px;

        width: 100%;

    }



    h3 {

        font-size: 2rem;

    }

}



@media (max-width: 450px) {

    .main-header .button-style1 {

        display: none;

    }

    

      .air-ambulance-wrapper .inner img{

        width: 70%;

        left: 0;

        transform: translate(30%);

        top: 10px;

    }



    .main-header .wrapper .search-area,

    .search-input-wrapper {

        width: 100%;

    }



    .offcanvas .button-style1 {

        display: inline-block;

    }



    .hero-slider .item h1 {

        font-size: 3.5rem;

    }



    .top-header .wrapper ul li a {

        font-size: 1.4rem;

    }



    .copyright-footer .inner {

        text-align: center;

    }



    .breadcrum-area h1 {

        font-size: 2rem;

    }

}



@media (max-width: 400px) {

    .about-us .wrapper .inner .content h4 {

        font-size: 2.4rem;

    }



    .section-heading h2 {

        font-size: 2.8rem;

    }



    .footer-links ul li {

        width: 100%;

    }

    .nav-item.dropdown a{

        font-size: 1.6rem;

    }

}



@media (max-width: 380px) {

    .medbharat-slider .item p{

        font-size: 1.3rem;

    }

}