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



* {

    font-family: "Poppins", sans-serif;

}



small {

    font-size: 16px;

    line-height: 26px;

}



p {

    font-size: 16px;

    line-height: 26px;

}



.top-bar {

    background: linear-gradient(90deg, #1D3C8C 0%, #163d90 100%);

    color: white;

    font-size: 15px;

    padding: 10px 0;

}



.top-bar a {

    color: white;

    text-decoration: none;

    margin-left: 15px;

}



.top-bar .contact-info a {

    margin-left: 0px;

}



.top-bar .contact-info i {

    margin-right: 5px;

}



.navbar {

    padding: 10px 0;

}



.navbar-brand {

    font-weight: bold;

    font-size: 24px;

}



.main_home_header .call-btn {

    background-color: #193d8f;

    border-radius: 30px;

    padding: 12px 20px;

    color: white;

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 10px;

    box-shadow: 0px 4px 15px 0px rgba(68, 22, 255, 0.2);

    transition: all 0.4s;

    text-decoration: none;

}



.main_home_header .call-btn i {

    background-color: #163d90;

    padding: 8px;

    border-radius: 50%;

    color: white;

}



.main_home_header .nav-link {

    color: #000 !important;

    font-weight: 500;

    position: relative;

}



.main_home_header .nav-link::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 2px;

    width: 0%;

    background-color: #F15A29;

    /* Orange underline */

    transition: width 0.3s ease;

}



.main_home_header .nav-link:hover::after {

    width: 100%;

}



.main_home_header .navbar-light .navbar-nav .nav-link:hover {

    color: #ed6b3e !important;

}



.main_home_header .navbar-expand-lg .navbar-nav .nav-link {

    margin-right: 20px;

}



.main_home_header .main_logo {

    height: 100px;

    width: 180px;

    object-fit: contain;

}



.main_home_header .call-btn:hover {

    background-color: #0a1f56;

    color: #fff;

    transition: all 0.4s;

    transform: translateY(-5px);

}



.main_home_header .call-btn svg {

    transition: 0.4s;

}



.main_home_header .call-btn:hover svg {

    transform: rotate(45deg);

    transition: 0.4s;

}





.main_home_header .dropdown-toggle::after {

    border: none;

}





/* Show dropdown on hover */

.main_home_header .hover-dropdown:hover>.dropdown-menu {

    display: block;

    margin-top: 0;

    /* Optional: removes delay or offset */

}



/* Optional: smooth dropdown transition */

.main_home_header .dropdown-menu {

    transition: all 0.2s ease-in-out;

}



.dropdown-menu {

    padding: 0px;

    background-color: #3b407e;

}



.dropdown-menu li {

    padding: 0px 0px;

}



.dropdown-menu li a {

    color: #fff;

    padding: 8px 10px;

}



.dropdown-item:focus,

.dropdown-item:hover {

    background-color: #fff !important;

    color: #000;

}



.hero_main_slider .carousel-inner {

    height: 80vh;

}



.hero_main_slider .inline-list {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    gap: 20px;

    justify-content: center;

}



.hero_main_slider .inline-list li::before {

    content: "• ";

    /* custom bullet */

    color: white;

    /* change bullet color */

    font-weight: bold;

}



.hero_main_slider .carousel-inner img {

    height: 750px;

    object-fit: cover;

}



.hero_main_slider .carousel-item {

    position: relative;

}



.hero_main_slider .carousel-item::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(to right, rgba(0, 0, 0, 0.795));

    z-index: 1;

}



.hero_main_slider .carousel-caption {

    position: absolute;

    z-index: 2;

    bottom: 50%;

    top: 35%;

    padding: 0;

}



.hero_main_slider .carousel-caption h2,

.hero_main_slider .carousel-caption p {

    color: #fff;

}



.hero_main_slider .carousel-control-prev,

.hero_main_slider .carousel-control-next {

    width: 5%;

}



.hero_main_slider .carousel-caption h2 {

    font-size: 55px;

    line-height: 75px;

    font-weight: 600;

    margin-bottom: 35px;

    width: 100%;
    max-width: 100%;

}



.hero_main_slider .carousel-caption p {

    font-size: 18px;

    line-height: 28px;

    margin-bottom: 20px;

}








/* Responsive Adjustments */

@media (max-width: 991px) {

    .hero_main_slider .carousel-caption {

        bottom: 15%;

        max-width: 80%;

        text-align: center;

        left: 50%;

        transform: translateX(-50%);

        width: 100%;

    }



    .hero_main_slider .carousel-caption h2 {

        font-size: 32px;

    }



    .hero_main_slider .carousel-caption p {

        font-size: 16px;

    }

}



@media (max-width: 600px) {

    .hero_main_slider .carousel-item {

        height: 50vh;

    }



    .hero_main_slider .carousel-caption h2 {

        font-size: 24px;

        line-height: 34px;

    }



    .hero_main_slider .carousel-caption p {

        font-size: 14px;

        line-height: 24px;

    }



    .hero_main_slider .carousel-caption {

        bottom: 10%;

        top: 20%;

    }



    .hero_main_slider .carousel-inner {

        height: 50vh !important;

    }



    .hero_main_slider .carousel-inner img {

        height: 270px;

        object-fit: cover;

        height: 50vh !important;

    }



    body .our_benefits {

        padding: 30px !important;

        margin: 20px auto !important;

    }



    .about_section .circle-grid {

        width: 300px !important;

        height: 300px !important;

        margin: auto;

    }



    .about_section .circle-img {

        width: 145px !important;

        height: 145px !important;

    }



    .about_section .circle-center {

        width: 100px !important;

        height: 100px !important;

    }



    .about_section .circle-center img {

        width: 100px !important;

        object-fit: cover !important;

        height: 100px !important;

    }



    .services .abstract-shape-right {

        right: 0 !important;

    }



    .about_section {

        padding: 40px 20px !important;

    }



    .about_section .rating-box {

        width: 100% !important;

    }



    .services {

        overflow: hidden;

        padding: 40px 20px !important;

    }



    h2 {

        font-size: 28px !important;

        max-width: 100%;

    }



    .address_mobile {

        display: none;

    }



    .main_home_header .main_logo {

        height: 60px;

        width: 150px;

    }



    .hero_main_slider .carousel-caption h2 {

        font-size: 25px !important;

        line-height: 35px !important;

    }



    .rehabilitation_section .justify-content-between {

        justify-content: center !important;

    }



    .rehabilitation_section h2 {

        text-align: center;

    }



    .faq_section h2 {

        text-align: center;

    }



    .cta_box h3 {

        text-align: center;

    }



    .cta_box p {

        text-align: center;

    }



    .cta_box .slider_btn {

        margin: 0 auto !important;

    }



    .mobile_btn_hide {

        display: none !important;

    }



    .mobile_btn_show {

        display: block !important;

        max-width: max-content;

        margin: 30px auto 0 !important;

    }



    .latest_blog .justify-content-between {

        justify-content: center !important;

    }



    .social-icons {

        justify-content: flex-start !important;

    }



    .about_section h2 {

        display: block !important;

        width: unset !important;

    }



    .about_section h2 br {

        display: none;

    }



    body h2 {

        font-size: 30px !important;

    }



    body .footer-section .footer_second {

        padding: 0 5px !important;

    }



    .footer-section .row {

        justify-content: center;

    }

}







.slider_btn {

    background-color: #F15A29;

    border-radius: 30px;

    padding: 12px 20px;

    color: white;

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 10px;

    box-shadow: 0px 5px 15px 0px #f15b292f;

    transition: all 0.4s;

    text-decoration: none;

    margin: 0 auto;

    border: none;

}



.slider_btn:hover {

    background-color: #943414;

    color: #fff;

    transition: all 0.4s;

    transform: translateY(-5px);

}



.slider_btn svg {

    transition: 0.4s;

}



.slider_btn:hover svg {

    transform: rotate(45deg);

    transition: 0.4s;

}



.our_benefits {

    background-color: #193d8f;

    /* deep blue */

    color: white;

    border-radius: 50px;

    margin-top: -82px !important;

    position: relative;

    z-index: 9999999;

    padding: 58px 0px !important;

    max-width: 90%;

    margin: 0 auto;

}



.our_benefits .benefit-icon img {

    filter: brightness(0) invert(1);

    /* makes icons white */

    width: 50px;

}





.about_section {

    padding: 80px 0;

}



.about_section h2 {

    width: 500px;

    display: inline;

}



.about_section p {

    padding-top: 20px;

}



.about_section h2 span {

    display: inline;

}



.about_section .circle-img {

    width: 290px;

    height: 290px;

    border-radius: 50%;

    overflow: hidden;

    box-shadow: 0px 0px 30px 0px #00000033;

}



.about_section .circle-center {

    width: 165px;

    height: 165px;

    border-radius: 50%;

    background: white;

    box-shadow: 0px 0px 30px 0px #0000004D;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 2;

}





.about_section .circle-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.about_section .rating-box {

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

}



@media (max-width: 992px) {

    .circle-grid {

        justify-content: center !important;

        margin-top: 40px;

    }

}



/* Top Left */

.about_section .circle-img:nth-child(1) {

    border-radius: 500px 0 0 0;

}



/* Top Right */

.about_section .circle-img:nth-child(2) {

    border-radius: 0 500px 0 0;

}



/* Bottom Left */

.about_section .circle-img:nth-child(3) {



    border-radius: 0 0 0 500px;

}



/* Bottom Right */

.about_section .circle-img:nth-child(4) {

    border-radius: 0 0 500px 0;

}



.about_section .circle-img {

    position: relative;

}



.about_section .circle-img::after {

    content: "";

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255, 255, 255, .3);

    transform: translate(-50%, -50%) rotate(-45deg);

    z-index: 1;

}



.about_section .circle-img:hover::after {

    height: 250%;

    transition: all 600ms linear;

    background-color: transparent;

}



.about_section .list-unstyled {

    display: inline-block;

    width: 50%;

}



.about_section .rating-box {

    display: inline-block;

    width: 48%;

}



.about_section .list-unstyled {

    margin-top: 20px;

}



.about_section .list-unstyled li {

    margin-bottom: 15px !important;

}



.about_section .circle-center img {

    width: 165px;

    object-fit: cover;

    height: 165px;

}



.highlighted_heading {

    background: linear-gradient(90deg, #F15A29, #f15b29c5);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: bold;

}



.services {

    padding: 80px 0;

}



.services p {

    font-size: 16px;

    line-height: 26px;

}



.services .section-header .services .service-card {

    background-color: #fff;

    border: 1px solid #ddd;

    transition: all 0.3s ease;

    display: flex;

    flex-direction: column;

    height: 100%;

}



.services .service-card:hover {

    background-color: #fca87e1a;

    /* light orange transparent */

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);

    transform: translateY(-5px);

}



.services .read-more {

    color: #f79459;

    font-weight: 600;

    transition: color 0.3s ease;

}



.services .read-more:hover {

    color: #000;

}



.services .abstract-shape-left,

.abstract-shape-right {

    position: absolute;

    border-radius: 50% 100% 50% 100% / 100% 50% 100% 50%;

    background-color: #ffc0aa4d;

    opacity: 0.8;

    filter: blur(70px);

    z-index: 0;

}



.services .abstract-shape-left {

    width: 300px;

    height: 300px;

    top: 20px;

    left: 20px;

}



.services .abstract-shape-right {

    width: 400px;

    height: 400px;

    bottom: 60px;

    right: -60px;

}



.services .section-header small {

    font-weight: 600;

    letter-spacing: 0.2em;

    color: #f7a17b;

    font-size: 0.9rem;

    text-transform: uppercase;

    display: block;

    margin-bottom: 0.5rem;

}



.services .section-header h2 {

    font-weight: 700;

    line-height: 1.2;

    font-size: 44px;

    max-width: 390px;

    z-index: 10;

    position: relative;

}



.services .card-custom {

    border: 1px solid #193d8f;

    background-color: transparent;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: box-shadow 0.3s ease;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 2px 20px rgb(0 0 0 / 27%);

}





.services .card-body {

    flex-grow: 1;

}



.services .card-custom .card-body {

    padding: 0;

}



.services .card-custom .card-body .card_img img {

    width: 100%;

    height: 280px;

    object-fit: cover;

}



.services .card-custom .card-body .card_content {

    padding: 20px;

}



.services .card-icon {

    width: 50px;

    height: 50px;

    fill: #0a3e3b;

    margin-bottom: 0.7rem;

}



.services .card-title {

    font-weight: 700;

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 0.5rem;

}



.services .card-footer {

    background-color: #193d8f;

    color: #fff;

    font-weight: 600;

    text-align: center;

    padding: 0.75rem 1rem;

    cursor: pointer;

    font-size: 1rem;

    border-top: none;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 6px;

    text-decoration: none;

    border-radius: 10px;

    transition: 0.4s;

}



.services .card-footer:hover {

    background-color: #122d6a;

    text-decoration: none;

    color: #fff;

}



.services .card-footer:hover svg {

    transform: rotate(45deg);

    transition: 0.4s;

}



.services .card-footer svg {

    transition: 0.4s;

}





@media (max-width: 767.98px) {

    .services .section-header h2 {

        font-size: 28px;

        max-width: 100%;

    }

}



.services .abstract-shape-right {

    display: none;

}



.cta_box {

    background-color: #193d8f;

    /* Dark green */

    color: #fff;

}



.cta_box h3 {

    margin-bottom: 10px !important;

    font-size: 35px;

    line-height: 45px;

}





.cta_box .slider_btn {

    width: max-content;

    margin: 0 0 0 auto;

}



.rehabilitation_section {

    padding: 80px 0;

}



.rehabilitation_section h2 {

    font-weight: 700;

    line-height: 1.2;

    font-size: 44px;

    max-width: 450px;

    z-index: 10;

    position: relative;

}



.rehabilitation_section .btn-appointment {

    background-color: #023049;

    color: white;

    border-radius: 50px;

    padding: 10px 26px;

    font-weight: 600;

    font-size: 1rem;

    letter-spacing: 0.1em;

    display: inline-flex;

    align-items: center;

    border: none;

    transition: background-color 0.3s ease;

    box-shadow: 3px 3px 0 #dce3e6;

    user-select: none;

    white-space: nowrap;

}



.rehabilitation_section .btn-appointment:hover,

.btn-appointment:focus {

    background-color: #044d7c;

    color: #fff;

    text-decoration: none;

    outline: none;

    box-shadow: 5px 5px 0 #aac7db;

}



.rehabilitation_section .btn-arrow {

    display: inline-block;

    margin-left: 8px;

    font-weight: 700;

    font-size: 1.2rem;

    line-height: 1;

    transform: translateX(2px);

}



.rehabilitation_section .feature-list {

    gap: 24px;

}



.rehabilitation_section .feature-item {

    background-color: #17326e;

    color: white;

    border-radius: 10px;

    padding: 32px 20px;

    text-align: center;

    box-shadow: 4px 4px 8px rgb(0 0 0 / 0.12);

    user-select: none;

    transition: background-color 0.3s ease;

    min-height: 170px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.rehabilitation_section .feature-item:hover {

    background-color: #10285c;

    cursor: default;

    box-shadow: 6px 6px 10px rgb(0 0 0 / 0.18);

}



.rehabilitation_section .feature-icon {

    font-size: 2.7rem;

    margin-bottom: 15px;

    stroke: white;

    stroke-width: 1.5;

    fill: none;

    height: 50px;

    width: 50px;

}



.rehabilitation_section .feature-text {

    font-size: 16px;

    line-height: 26px;

    font-weight: 500;

    margin-top: 5px;



}



.rehabilitation_section .feature-item .icon_box {

    position: relative;

}



.rehabilitation_section .feature-item .icon_box img {

    position: relative;

    filter: brightness(0) invert(1);

    width: 50px;

}



.rehabilitation_section .feature-item .icon_box::before {

    content: '';

    position: absolute;

    bottom: -5px;

    right: -9px;

    background-color: #1b3978;

    border-radius: 50%;

    width: 40px;

    height: 40px;

}



.faq_section {

    background-color: #f8f7f7;

    padding: 80px 0;

}



.faq_section .image-grid-wrapper {

    border-radius: 20px;

    overflow: hidden;

}





.faq_section .corner-shape {

    width: 80px;

    height: 80px;

    background-color: #f15a29;

    border-top-left-radius: 100% 100%;

}



.faq_section img {

    object-fit: cover;

}







.faq_section .image-grid-wrapper .col-4 img:nth-child(1) {

    aspect-ratio: 1 / 1.1;

    object-fit: cover;

}



.faq_section .image-grid-wrapper .col-4 img:nth-child(2) {

    aspect-ratio: 1 / 1.50;

    object-fit: cover;

    object-position: center;

}



.faq_section .image-grid-wrapper .col-8>img:nth-child(1) {

    aspect-ratio: 1 / 0.73;

    object-fit: cover;

    object-position: left;

}



.faq_section .image-grid-wrapper .col-8 .col-12 img {

    aspect-ratio: 1 / 0.57;

    object-fit: cover;

}



.faq_section .image-grid-wrapper {

    box-shadow: 0 2px 20px rgb(0 0 0 / 27%);

}



.faq_section h2 {

    max-width: unset;

}



h2 {

    font-weight: 700;

    line-height: 1.2;

    font-size: 44px;

    max-width: 450px;

    z-index: 10;

    position: relative;

}



.faq_section .custom-accordion .accordion-button {

    background-color: #e6edff;

    color: #212529;

    border-radius: 12px;

    font-weight: 500;

    font-size: 20px;

    text-transform: capitalize;

    box-shadow: none;

    transition: all 0.3s ease-in-out;

}



.faq_section .custom-accordion .accordion-button:not(.collapsed) {

    padding: 20px;

    background-color: #193d8f;

    color: #fff;

    transition: all 0.3s ease-in-out;

    border-radius: 12px 12px 0px 0px;

}



.faq_section .custom-accordion .accordion-item {

    border: none;

}



.faq_section .custom-accordion .accordion-button::after {

    transform: rotate(0deg);

    transition: transform 0.3s ease;

}





.faq_section .custom-accordion .accordion-button:not(.collapsed)::after {

    transform: rotate(180deg);

}



.accordion-item:last-of-type .accordion-button.collapsed {

    border-radius: 12px;

}



.faq_section .custom-accordion .accordion-button:not(.collapsed) span {

    background-color: #f7f7f7;

    padding: 10px;

    border-radius: 50px;

}



.faq_section .accordion-collapse {

    overflow: hidden;

    transition: height 0.4s ease;

}



.faq_section .custom-accordion .accordion-item .accordion-body {

    border-radius: 0px 0px 12px 12px;

    background-color: #193d8f;

    padding: 0 20px 20px 20px;

    color: #fff;

    font-size: 16px;

    line-height: 26px;

}





.client_testimonial .carousel-indicators [data-bs-target] {

    background-color: #022f2f;

    /* matches your dark green bg */

    opacity: 0.3;

}



.client_testimonial .carousel-indicators .active {

    opacity: 1;

}



.latest_blog {

    padding: 80px 0;

}



.latest_blog h2 {

    max-width: 500px;

}



.latest_blog .blog-img {

    transition: transform 0.4s ease;

}



.latest_blog .card:hover .blog-img {

    transform: scale(1.05);

}



.latest_blog .slider_btn {

    margin-right: 0;

}



.latest_blog .card-body {

    padding: 20px;

}



.latest_blog .card {

    box-shadow: 0 2px 20px rgb(0 0 0 / 27%);

    border-radius: 12px
}



.latest_blog .card .blog_img img {

    height: 280px;

    object-fit: cover;

}



.latest_blog .card .card-body h5 {

    font-size: 18px;

    line-height: 28px;

}



.latest_blog .card .card-body .blog_btn {

    background-color: #F15A29;

    border-radius: 30px;

    padding: 12px 20px;

    color: #fff !important;

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 10px;

    box-shadow: 0px 5px 15px 0px #f15b292f;

    transition: all 0.4s;

    text-decoration: none;

    border: none;

    width: max-content;

    transition: all 0.4s;

    margin-top: 15px;

}



.latest_blog .card .card-body .blog_btn:hover {

    background-color: #943414;

    color: #fff;

    transition: all 0.4s;

    transform: translateY(-5px);

}



.latest_blog .card .card-body .blog_btn svg {

    transition: all 0.4s;

}



.latest_blog .card .card-body .blog_btn:hover svg {

    transform: rotate(45deg);

    transition: all 0.4s;

}



.latest_blog .card .badge {

    padding: 8px;

    background-color: #F15A29 !important;

}



.latest_blog .blog_img::after {

    content: "";

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255, 255, 255, 0.3);

    transform: translate(-50%, -50%) rotate(-45deg);

    z-index: 1;

}



.latest_blog .blog_img:hover::after {

    height: 250%;

    background-color: transparent;

    transition: 600ms linear;

}



.footer-section {

    background: linear-gradient(135deg, #1b397c 0%, #2c5577 100%);

    color: #ffffff;

    padding: 60px 0 30px 0;

    position: relative;

    overflow: hidden;

}



.footer-section::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100px;

    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 100"><path d="M0,50 Q300,10 600,50 T1200,50 L1200,100 L0,100 Z" fill="%23ffffff" fill-opacity="0.05"/></svg>') no-repeat center bottom;

    background-size: cover;

}



.brand-logo {

    display: flex;

    align-items: center;

}





.brand-text {

    font-size: 28px;

    font-weight: 700;

    margin: 0;

}



.hero-badge {

    background: rgba(255, 255, 255, 0.1);

    border: 1px solid rgba(255, 255, 255, 0.2);

    border-radius: 25px;

    padding: 8px 20px;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 20px;

    display: inline-block;

}



.hero-text {

    font-size: 16px;

    line-height: 1.6;

    opacity: 0.9;

}



.section-badge {

    background: rgba(255, 255, 255, 0.1);

    border: 1px solid rgba(255, 255, 255, 0.2);

    border-radius: 20px;

    padding: 6px 16px;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 20px;

    display: inline-block;

}



.footer-links {

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-links li {

    margin-bottom: 12px;

    position: relative;

    padding-left: 15px;

}



.footer-links li::before {

    content: '•';

    color: #f15a29;

    position: absolute;

    left: 0;

    font-weight: bold;

}



.footer-links a {

    color: #ffffff;

    text-decoration: none;

    transition: all 0.3s ease;

    font-weight: 500;

}



.footer-links a:hover {

    color: #f15a29;

    padding-left: 5px;

}



.social-icons {

    display: flex;

    gap: 15px;

    margin-top: 20px;

}



.social-icon {

    width: 45px;

    height: 45px;

    background: rgba(255, 255, 255, 0.1);

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    text-decoration: none;

    transition: all 0.3s ease;

    border: 1px solid rgba(255, 255, 255, 0.2);

}



.social-icon:hover {

    background: #f15a29;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3);

}



.contact-item {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



.contact-icon {

    width: 35px;

    height: 35px;

    background: rgba(255, 255, 255, 0.1);

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 15px;

    color: #f15a29;

}



.copyright-section {

    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    margin-top: 40px;

    padding-top: 25px;
    z-index: 10;
    position: relative;
    text-align: center;

}

.copyright-section a {
    text-decoration: none;
}

@media (max-width:912px) {
    .copyright-section {
        display: block;
    }
}

.footer-bottom-links {

    margin-top: 15px;

}



.footer-bottom-links a {

    color: #ffffff;

    text-decoration: none;

    margin: 0 10px;

    font-size: 14px;

    opacity: 0.8;

    transition: opacity 0.3s ease;

}



.footer-bottom-links a:hover {

    opacity: 1;

    color: #f15a29;

}







.footer-section .contact-item a {

    text-decoration: none;

    color: #fff;

}



.footer-section .footer_second {

    padding: 20px 0;

}



.services .card-custom {

    border: none;

}



@media (max-width: 1024px) {

    h2 {

        font-size: 32px !important;

    }



    .hero_main_slider .carousel-inner {

        height: 55vh;

    }



    .hero_main_slider .carousel-inner img {

        height: 55vh;

    }



    .main_home_header .navbar-expand-lg .navbar-nav .nav-link {

        margin-right: 10px !important;

    }





    .our_benefits {

        padding: 40px 50px !important;

    }



    .mobile_hide {

        display: none;

    }



    .top-bar .justify-content-between {

        justify-content: center !important;

    }



    .our_benefits {

        margin-top: -105px !important
    }



    .hero_main_slider .carousel-caption h2 {

        font-size: 50px;

        line-height: 60px;

    }



    .about_section .list-unstyled {

        display: block;

        width: 100%;

    }



    .section_padding {

        padding: 40px 0;

    }

}



@media screen and (max-width: 768px) {

    .footer-section {

        padding: 40px 0 20px 0;

    }



    .brand-text {

        font-size: 24px;

    }



    .social-icons {

        justify-content: center;

    }





    .footer-section .copyright-section {

        margin-top: 0 !important;

    }



    .footer-section .footer_second {

        padding: 0 20px !important;

    }



    .main_home_header .call-btn {

        width: max-content;

    }



    .cta_icon {

        display: none !important;

    }



    .latest_blog .row>.col-md-6:last-of-type {

        display: none !important;

    }



    .top-bar .d-flex {

        flex-direction: column;

        text-align: center;

    }



    .top-social {

        margin-top: 5px;

    }



}



@media (min-width: 1200px) and (max-width: 1600px) {



    .main_home_header .main_logo {

        height: 65px;

        width: 155px;

    }



    .main_home_header .navbar-expand-lg .navbar-nav .nav-link {

        margin-right: 14px;

        font-size: 14px;

    }



    .top-bar .contact-info a {

        font-size: 12px;

    }



    .main_home_header .call-btn {

        font-size: 14px;

    }



    .hero_main_slider .carousel-inner {

        height: 75vh;

    }



    .hero_main_slider .carousel-inner img {

        height: 75vh;

    }



    .hero_main_slider .carousel-caption h2 {

        font-size: 45px;

        line-height: 55px;

    }



    .hero_main_slider .carousel-caption p {

        font-size: 16px;

        line-height: 26px;

    }



    .our_benefits {

        padding: 35px 0px !important;

        max-width: 95%;

        margin-top: -65px !important;

    }



    .hero_main_slider .carousel-caption {

        top: 25%;

    }



    .slider_btn {

        font-size: 14px;

    }



    .services .card-custom .card-body .card_img img {

        height: 230px;

    }



    h2 {

        font-size: 40px !important;

    }



    .section_padding {

        padding: 50px 0;

    }

}



.navbar-expand-lg .navbar-nav .dropdown-menu {

    padding: 5px 0;

}





.brand-icon img {

    height: 120px;

    width: 185px;

    object-fit: contain;

    filter: brightness(0) invert(1);

}



.footer_second {

    padding-bottom: 0px !important;

}



.copyright-section {

    margin-top: 0px !important;

}



.mobile_btn_show {

    display: none;

}



.our_benefits h6 {

    font-size: 20px;

}





/* 25-07-2025 css */





.about-clinic-section {

    background: url('assets/images/page_title_bg.jpg') no-repeat right center;

    color: white;

    padding: 20px 20px;

    overflow: hidden;

    position: relative;

    background-size: cover;

}



.about-clinic-section .overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(to right, #375599 40%, #852c0f 100%);

    opacity: 0.9;

    /* You can adjust this for stronger or softer overlay */

    z-index: 1;

}



.about-clinic-section .text-content {

    position: relative;

    z-index: 9;

}



.about-clinic-section .text-content .tagline {

    display: inline-block;

    border-left: 4px solid #F15A29;

    padding-left: 10px;

    margin-bottom: 10px;

    font-size: 1rem;

    font-weight: 500;

}



.about-clinic-section .text-content h1 {

    font-size: 35px;

    line-height: 45px;

    letter-spacing: 0.5px;

    font-weight: 700;

    margin: 0;

    color: white;

}



.about-clinic-section .doctor-image {

    position: relative;

    max-width: 45%;

}



.doctor-image img {

    width: 100%;

    border-radius: 10px;

}



.icon-box.home-icon {

    position: absolute;

    top: 20px;

    left: -40px;

    background-color: #F15A29;

    color: white;

    border-radius: 50%;

    padding: 12px;

    font-size: 20px;

}



.info-box {

    position: absolute;

    bottom: 30px;

    right: 0;

    background-color: white;

    color: #193d8f;

    padding: 12px 20px;

    border-radius: 8px;

    display: flex;

    gap: 10px;

    align-items: center;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



.info-box i {

    font-size: 24px;

    color: #F15A29;

}



.info-box small {

    color: #666;

    font-size: 0.85rem;

}





.about-ortho-section {

    background-color: #f9f9f9;

    padding: 80px 0;

}



.about-ortho-section .secondary-img {

    width: 289px;

    bottom: -40px;

    right: -30px;

    height: 171px;

    object-fit: cover;

}



.about-ortho-section h2 {

    max-width: unset;

}



.about-ortho-section .about_ortho_images img {

    border: 5px solid #fff;

}



.about-ortho-section .list-unstyled li i {

    color: #f15a29 !important;

}



.about-ortho-section .list-unstyled li {

    font-size: 16px;

    line-height: 26px;

}





.orthopedic-section {

    color: white;

}



.breadcrumb-item a {

    color: #fff;

    text-decoration: none;

}



.breadcrumb {

    position: relative;

    z-index: 99;

}



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

    color: #ffffff;

}



.breadcrumb-item.active {

    color: #f8f9fa;

}











.about-ortho-section .highlight-green {

    color: #198754;

}



.about-ortho-section .feature-list li {

    margin-bottom: 10px;

    font-weight: 500;

}



.about-ortho-section .btn-orange {

    background-color: #F15A29;

    color: white;

    font-weight: 600;

    border-radius: 30px;

    padding: 10px 25px;

}



.about-ortho-section .btn-orange i {

    margin-left: 8px;

}







.form-control {

    border-radius: 10px;

    padding: 12px 10px;

    margin-bottom: 10px;

}



.about_contact_form {

    border: 1px solid #f27b53;

    padding: 50px 30px;

    border-radius: 10px;

    box-shadow: 0px 0px 30px 0px #0000001c;

}







.treatment-section::before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 50%;

    height: 100%;

    background: linear-gradient(135deg, rgba(13, 202, 240, 0.1) 0%, rgba(108, 117, 125, 0.05) 100%);

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

}



.section-title {

    font-size: 3rem;

    font-weight: 700;

    color: #2c3e50;

    margin-bottom: 0.5rem;

}



.section-subtitle {

    font-size: 3rem;

    font-weight: 700;

    color: #0dcaf0;

    margin-bottom: 3rem;

}



.treatment-section {

    background: url(assets/images/laparoscopic.webp);



    padding: 80px 0;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    transition: all 0.3s ease;

    border: none;

    position: relative;

    overflow: hidden;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.treatment-section .container {

    position: relative;

    z-index: 9;

}



.treatment-section .overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(to right, #282c36 40%, #2e1a14e8 100%);

    opacity: 0.9;

    z-index: 1;

}



.treatment-section h2 {

    color: #fff;

    text-align: center;

    max-width: unset;

    margin-bottom: 35px;

}



.treatment-card {

    background: white;

    border-radius: 15px;

    padding: 2rem;

    margin-bottom: 2rem;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    transition: all 0.3s ease;

    border: none;

    position: relative;

    overflow: hidden;

}



.treatment-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);

}



.treatment-card::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(135deg, #f15b2b, #f29b7f);

}



.treatment-icon {

    width: 60px;

    height: 60px;

    background: linear-gradient(135deg, #f15b2b, #f29b7f);

    border-radius: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 1.5rem;

    position: relative;

}



.treatment-icon i {

    font-size: 1.5rem;

    color: white;

}



.treatment-icon::after {

    content: '';

    position: absolute;

    top: -2px;

    left: -2px;

    right: -2px;

    bottom: -2px;

    background: linear-gradient(135deg, #f15b2b, #8a4129);

    border-radius: 17px;

    z-index: -1;

    opacity: 0.3;

}



.treatment-title {

    font-size: 1.25rem;

    font-weight: 600;

    color: #2c3e50;

    margin-bottom: 1rem;

}



.treatment-description {

    color: #6c757d;

    font-size: 0.95rem;

    line-height: 1.6;

}



.doctor-image {

    position: relative;

    z-index: 2;

}



.doctor-image img {

    border-radius: 20px;

    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);

    max-width: 100%;

    height: auto;

}



@media (max-width: 768px) {



    .section-title,

    .section-subtitle {

        font-size: 2rem;

    }



    .treatment-section {

        padding: 60px 0;

    }



    .treatment-card {

        padding: 1.5rem;

    }

}





.our_specialist {

    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);

    padding: 80px 0;

    position: relative;

    overflow: hidden;

}



.our_specialist::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image:

        radial-gradient(circle at 20% 20%, rgba(134, 188, 180, 0.1) 0%, transparent 50%),

        radial-gradient(circle at 80% 80%, rgba(134, 188, 180, 0.08) 0%, transparent 50%);

    pointer-events: none;

}



.our_specialist_badge {

    background: rgba(134, 188, 180, 0.15);

    color: #86bcb4;

    padding: 8px 24px;

    border-radius: 25px;

    font-size: 0.9rem;

    font-weight: 500;

    display: inline-block;

    margin-bottom: 1.5rem;

    border: 1px solid rgba(134, 188, 180, 0.2);

}



.our_specialist_title {

    font-size: 3.2rem;

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: 3rem;

    position: relative;

}



.our_specialist_title .text-primary {

    color: #86bcb4 !important;

}



.our_specialist_title .text-dark {

    color: #2c3e50 !important;

}



.our_specialist .slider_btn {

    margin-right: 0;

}



.our_specialist_btn {

    background: #86bcb4;

    color: white;

    padding: 12px 30px;

    border-radius: 25px;

    text-decoration: none;

    font-weight: 500;

    transition: all 0.3s ease;

    border: none;

    display: inline-flex;

    align-items: center;

    gap: 10px;

}



.our_specialist_btn:hover {

    background: #6fa599;

    color: white;

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(134, 188, 180, 0.3);

}



.our_specialist_card {

    background: white;

    border-radius: 25px;

    padding: 0;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

    transition: all 0.4s ease;

    border: none;

    overflow: hidden;

    position: relative;

    display: flex;

    align-items: center;

}



.our_specialist_card:hover {

    transform: translateY(-15px);

    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);

}



.our_specialist_image {

    width: 50%;

    height: 100%;

    background: linear-gradient(135deg, #ebebeb 0%, #ef815d 100%);

    border-radius: 25px 0px 0 0;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    overflow: hidden;

}



.our_specialist_image img {

    width: 318px;

    height: 230px;

    object-fit: cover;

    border-radius: 25px 0px 0 0;

    object-position: 50% 17%;

}



.our_specialist_social {

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

    background: white;

    padding: 8px 20px;

    border-radius: 20px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    display: flex;

    gap: 15px;

    opacity: 0;

    transition: all 0.3s ease;

}



.our_specialist_card:hover .our_specialist_social {

    opacity: 1;

    transform: translateX(-50%) translateY(-10px);

}



.our_specialist_social a {

    color: #ef744a;

    font-size: 1.1rem;

    transition: all 0.3s ease;

    text-decoration: none;

}



.our_specialist_social a:hover {

    color: #ce6440;

    transform: scale(1.2);

}



.our_specialist_info {

    padding: 1.5rem;

    text-align: left;

    width: 70%;

}



.our_specialist_name {

    font-size: 18px;

    font-weight: 700;

    color: #244879;

    margin-bottom: 0.5rem;

}



.our_specialist_position {

    color: #ef744a;

    font-size: 1rem;

    font-weight: 500;

    margin: 0;

}



.our_specialist_header {

    display: flex;

    justify-content: between;

    align-items: flex-start;

    margin-bottom: 4rem;

}



@media (max-width: 768px) {

    .our_specialist_title {

        font-size: 2.2rem;

    }



    .our_specialist {

        padding: 40px 0;

    }



    .our_specialist_header {

        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 2rem;

    }



    .our_specialist_image {

        height: 250px;

    }



    .about-ortho-section {

        padding: 40px 0;

        overflow: hidden;

    }



    .our_specialist_card {

        margin-bottom: 15px;

    }

}



.our_specialist_card .our_specialist_image a {

    height: 100%;

}



.our_specialist_card .our_specialist_info a {

    text-decoration: none;

}





.treatment-section .nav-link {

    border: 1px solid #dddddd6b;

    padding: 10px;

    font-weight: 500;

    transition: all 0.3s ease;

    background-color: #fff;

    border-radius: 0;

    position: relative;

    font-size: 16px;

    line-height: 26px;

    color: #000;

    width: 11%;

    margin: 4px;

    border-radius: 10px;

}







.treatment-section .nav-link.active {

    background-color: #f4511e;

    /* orange */

    color: white;

    border-left-color: #f4511e;

}





.treatment-section .nav-link.active {

    background-color: #f15a29;

    color: #fff;

    border: 1px solid #f15a29;

}



.treatment-section .tab-pane {

    background: #f9f9f9;

    padding: 20px;

    border: 2px solid #f15a29;

    border-radius: 10px;

}



.treatment-section .nav-link svg {

    display: block;

    height: 60px;

    width: 100px;

    fill: #000;

    margin: 0 auto;

}



.treatment-section .nav-link p {

    margin-bottom: 8px;

    text-transform: uppercase;

}



.treatment-section .nav-link.active svg {

    fill: #fff;

}



.treatment-section .tab-content .tab-pane h4 {

    font-weight: 600;

}



.text-orange {

    color: #F15A29 !important;

}



.how_we_treat {

    padding: 80px 0;

}



.how_we_treat ul li {

    margin-bottom: 8px;

}



.how_we_treat .table thead th {

    font-weight: 600;

    font-size: 18px;

    text-align: center;

    line-height: 28px;

    padding: 10px;

    background-color: #f15e2e;

    color: #fff;

}



.how_we_treat h2 {

    max-width: unset;

}



.how_we_treat .table-responsive table tbody td ul li i {

    margin-right: 5px;

    color: #f15e2e;

}



.our_specialist_card .our_specialist_image img::after {

    content: "";

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255, 255, 255, 0.3);

    transform: translate(-50%, -50%) rotate(-45deg);

    z-index: 1;

}



.our_specialist_card .our_specialist_image img:hover::after {

    height: 250%;

    background-color: transparent;

    transition: 600ms linear;

}



.why_choose_us {

    background-color: #f8fafc;

    padding: 80px 0;

}



.why_choose_us .feature-box {

    transition: all 0.3s ease;

}



.why_choose_us .feature-box:hover {

    background-color: #eef3fc;

    transform: translateY(-2px);

}



.why_choose_us .slider_btn {

    margin: 0;

}



.why_choose_us .feature-box i {

    font-size: 20px;

    margin-right: 10px;

    color: #f15a29;

}





.why_choose_us .why_choose1 {

    border: 6px solid #fff;

    border-radius: .3rem !important;

}



.appointment_section {

    padding: 80px 0;

}



.appointment_section h2 {

    max-width: unset;

}



.appointment_section .accordion-button:not(.collapsed) {

    color: #000000;

    background-color: #ffede7;

    box-shadow: unset;

}



.treatment-section .nav-pills {

    justify-content: center;

}



.appointment_section .accordion-button {

    font-size: 18px;

    font-weight: 600;

}



.appointment_section .accordion-body {

    letter-spacing: 0.5px;

    font-size: 16px;

    line-height: 26px;

}



@media screen and (min-width: 1200px) and (max-width: 1600px) {

    .brand-icon img {

        width: 165px;

    }



    .treatment-section .nav-link p {



        font-size: 13px;

        line-height: 20px;

        margin-top: 9px;

    }



    .about-clinic-section .text-content h1 {

        font-size: 30px;

        line-height: 40px;

    }

}



@media screen and (max-width: 1024px) {

    .treatment-section .nav-link {

        width: 24%;

    }



    .why_choose_us .why_choose1 {

        height: 485px;

        object-fit: cover;

    }

}



@media screen and (max-width: 768px) {

    .treatment-section .nav-link {

        width: 23%;

    }



    .appointment_section .accordion {

        margin-bottom: 25px;

    }

}



@media screen and (max-width: 600px) {

    .about-clinic-section .text-content h1 {

        text-align: center;

    }



    .page_title .mb-4 {

        margin-bottom: 10px !important;

    }



    .breadcrumb {

        font-size: 14px;

        justify-content: center;

    }



    .about_contact_form h2 {

        font-size: 26px !important;

    }



    .treatment-section {

        padding: 60px 10px;

    }



    .treatment-section .nav-link {

        width: 45% !important;

    }



    .treatment-section .tab-content {

        padding: 0 10px;

    }



    .why_choose_us .why_choose1 {

        height: 300px;

        object-fit: cover;

    }



    img.why_choose2 {

        bottom: -68px !important;

        width: 139px !important;

    }



    .slider_btn.mobile_hide {

        display: none;

    }



    .slider_btn.mobile_show {

        display: block !important;

        max-width: max-content;

        margin: 20px auto 0;

    }



    .our_specialist h2 {

        max-width: unset;

        text-align: center;

    }



    .our_specialist .justify-content-between {

        justify-content: center !important;

    }



    .appointment_section h2 {

        text-align: center;

    }



    .appointment_section {

        padding: 40px 0;

    }



    .appointment_section .accordion {

        margin-bottom: 20px;

    }



    .how_we_treat .table thead th {

        min-width: 300px;

    }

}





/* ===== 31-07-2025 css ======  */

.contact_us {

    padding: 60px 0;

}



.contact_us .contact-info-card {

    background: linear-gradient(45deg, #163d90 0%, #3c66c2 40%, #f15a29 100%);

    border-radius: 20px;

    padding: 40px 35px;

    color: white;

    box-shadow: 0 20px 40px rgb(34 100 207 / 24%);

}





.contact_us .info-item {

    margin-bottom: 15px;

    display: flex;

    background-color: #fff;

    padding: 10px;

    border-radius: 10px;

    text-align: center;

    flex-direction: column;

    align-items: center;

}



.contact_us .info-item:last-child {

    margin-bottom: 0;

}



.contact_us .info-icon {

    width: 50px;

    height: 50px;

    background: rgb(38 75 121 / 18%);

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, 0.3);

}



.contact_us .info-icon i {

    font-size: 20px;

    color: #20427a;

}



.contact_us .info-title {

    font-size: 22px;

    line-height: 32px;

    font-weight: 600;

    margin-bottom: 5px;

    color: #20427a;

}



.contact_us .info-text {

    font-size: 16px;

    color: rgb(32 66 122);

    font-weight: 500;

    line-height: 26px;

    margin: 0;

}



.contact_us .info-text a {

    text-decoration: none;

    color: rgb(32 66 122);

}



.contact_page_map {

    height: 450px;

}



.contact_page_map iframe {

    height: 100%;

}



@media screen and (max-width: 1024px) {

    .contact-info-card .info-item .info_details .info-text {

        font-size: 16px;

        line-height: 26px;

    }

}



@media screen and (max-width: 600px) {

    .contact_page_map {

        height: 300px;

    }



    .contact_us .contact-info-card {

        padding: 40px 20px;

    }



    .contact_us .info-item {

        padding: 20px;

    }



    .hero_main_slider .inline-list {

        flex-direction: column;

        gap: 0;

    }



    .our_specialist_card {

        flex-direction: column;

    }



    .our_specialist_image {

        width: 100%;

    }



    .our_specialist_info {

        text-align: center;

    }



    .new_cta h2 {

        line-height: 40px !important;

        font-size: 28px !important;

    }



    .new_cta {

        padding: 40px 10px !important;

    }



    .why_choose_us .why_choose1 {

        width: 630px;

        height: 250px !important;

        object-fit: cover;

    }

}







/* Single blog page's css 5-8-2025 */

.blog-content {

    padding: 80px 0;

}



.feature_img {

    box-shadow: 0 2px 20px rgb(0 0 0 / 27%);

}



.blog-meta i {

    color: #f15a29;

}



.blog-content h2 {

    max-width: 100%;

    margin-bottom: 20px;

}



.blog-content p {

    font-size: 16px !important;

    line-height: 26px;

}



.side-box {

    background-color: #17326e;

    color: white;

    border-radius: 10px;

    padding: 32px 20px;

    box-shadow: 4px 4px 8px rgb(0 0 0 / 0.12);

}



.side-box .footer-links li:last-child {

    margin-bottom: 0;

}



/*media query */

@media (max-width:767px) {

    .blog-content h2 {

        font-size: 24px !important;

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .blog-content h2 {

        font-size: 27px !important;

    }



    .faq_section .custom-accordion .accordion-button {

        font-size: 17px;

    }

}



@media (max-width:1024px) {

    .blog-content {

        padding: 40px 0;

    }

}



/* about us page's css start 5-8-2025*/

.about_section .about-img-div .circle-img {

    border-radius: 0;

}



.about-img img {

    border-radius: 10px;

    box-shadow: 0 2px 20px rgb(0 0 0 / 27%);

}



.about-img {

    position: relative;

    overflow: hidden;

}



.about-img:after {

    content: "";

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255, 255, 255, .3);

    transform: translate(-50%, -50%) rotate(-45deg);

    z-index: 1;

}



.about-img:hover::after {

    height: 250%;

    transition: all 600ms linear;

    background-color: transparent;

}



.pl {

    padding-left: 40px;

}



.w-70 {

    width: 80%;

}



.img1 {

    margin-left: auto;

    display: block;

    margin-bottom: 20px;

}



.img2 {

    margin-right: auto;

    display: block;

    margin-top: 20px;

}



.h-273 {

    height: 273px;

    object-fit: cover;

    width: 100%;

}



.year-box {

    color: #193d8f;

}



.year-box p span {

    font-weight: bold;

}



.year-box p {

    padding: 0;

    margin: 0;

    font-size: 24px;

}



.alist-style {

    list-style: none;

    padding: 0;

    margin: 0;

}



.alist-style i {

    color: #F15A29;

    padding-right: 8px;

}



.alist-style li {

    margin-bottom: 10px;

}





/* achivements-section us section's css start */

.achivements-section {

    background-color: #f8f7f7;

    padding: 70px 0;

    position: relative;

}



.achivements-section:before {

    content: '';

    background: url(assets/images/achievements.webp);

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 40%;

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

}



.achivements-section .display-5 {

    max-width: 100%;

    color: #000;

}



.achivements-content p {

    color: #000;

    font-size: 16px;

}



p.sub-content {

    font-size: 20px;

    font-weight: 500;

    line-height: 30px;

}





/* mission section's css start */

.vision-sec {

    padding: 80px 0;

}



.vision-sec h2 {

    max-width: 100%;

}



.vbox.blue {

    background-color: #193d8f;

    color: #fff;

}



.vbox {

    padding: 32px 32px 32px 32px;

    border-radius: 10px;

    background-color: #d5e2ff;

    color: #000;

    height: 100%;

}



.vbox h3 {

    font-size: 25px;

}



.vbox.blue .icon-set {

    color: #193d8f;

    background-color: #fff;

}



.icon-set {

    font-size: 30px;

    background-color: #193d8f;

    width: 64px;

    height: 64px;

    border-radius: 14px;

    color: #fff;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-right: 16px;

}



/* why choose section's css start */

.why-section {

    padding: 80px 0;

}



.why-section .display-5 {

    max-width: 100%;

}



.sub-text {

    width: 80%;

    margin: 0 auto;

}



.icon-bg {

    background: rgba(255, 255, 255, 1);

    border-radius: 10px;

    padding: 10px
}



.icon-box {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    box-shadow: 0 2px 20px rgb(0 0 0 / 27%);

    border-radius: 12px;

    padding: 20px;

    position: relative;

    overflow: hidden;

    z-index: 1;

    align-items: center;

    flex-direction: column;

    max-height: 300px;

    height: 100%;

}



.about_section .slider_btn {

    display: inline-block;

}



.hero_main_slider .slider_btn {

    display: inline-block;

}



.icon-box div {

    text-align: center;

}



.icon-box p {

    margin-bottom: 0;

}



.icon-box:before {

    content: '';

    position: absolute;

    top: 100%;

    right: 0;

    left: 0;

    background-color: #1b397c;

    border-radius: 0px;

    transition: all 0.4s ease-in-out;

    height: 100%;

    width: 100%;

    z-index: -1;

}



.icon-box:hover:before {

    top: 0;

}





.icon-box:hover,

.icon-box:hover .text-muted {

    color: #fff !important;

}



.gapx-3 {

    row-gap: 40px;

}





.custom-blog-title {

    text-decoration: none;

    color: #212529;

}



.custom-blog-title:hover {

    text-decoration: none;

    color: #F15A29;

}



/* icon-section css start */

.icon-section {

    background-color: #193d8f;

    color: #fff;

}



.detail {

    display: flex;

    align-items: center;

    gap: 15px;

    color: #fff;

}



.detail h3 {

    font-size: 38px;

    font-weight: 500;

    margin: 0;

}



.detail p {

    padding-top: 0px;

    margin: 0;

    font-size: 19px;

    line-height: 29px;

}



.detail img {

    height: 55px;

    object-fit: contain;

}



/* testimonial-sec css start */

.testimonial-sec {

    padding: 80px 0;

}



.testimonial-sec h2 {

    max-width: 100%;

}



.testimonial-item {

    background: #fff;

    box-shadow: 0 2px 8px rgb(0 0 0 / 27%);

    border-radius: 12px;

    padding: 40px;

    margin: 10px;

}



.testimonial-rating {

    margin-bottom: 20px;

}



.testimonial-item .testimonial-header {

    margin-bottom: 40px;

}



.testimonial-header .testimonial-rating {

    margin-bottom: 20px;

}



.testimonial-header .testimonial-rating i {

    font-size: 16px;

    color: #F5A200;

    margin-right: 5px;

}



.testimonial-content {

    height: 104px;

    overflow-y: scroll;

}



.testimonial-header .testimonial-content p {

    margin: 0;

}





.testimonial-body {

    display: flex;

    align-items: center;

}



.testimonial-body .author-image {

    width: 56px;

    height: 56px;

    margin-right: 10px;

}



.testimonial-body .author-image img {

    width: 56px;

    height: 56px;

    aspect-ratio: 1/1;

    object-fit: cover;

    border-radius: 50%;

}



.testimonial-body .author-content h3 {

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

}



.testimonial-body .author-content {

    width: calc(100% - 66px);

}



.testimonial-body .author-content p {

    opacity: 70%;

    text-transform: capitalize;

    margin: 0;

}



.testimonial .slick-list {

    padding: 10px 0;

}



.slick-prev:before {

    content: url('assets/images/arrowl.png') !important;

    width: 30px;

    height: 30px;

    display: block;

    background-size: contain;

    background-repeat: no-repeat;

}



.slick-next:before {

    content: url('assets/images/arrowr.png') !important;

    width: 30px;

    height: 30px;

    display: block;

    background-size: contain;

    background-repeat: no-repeat;

}





.slick-prev:before,

.slick-next:before {

    opacity: 1 !important;

}



.slick-prev {

    z-index: 1 !important;

}



.slick-prev,

.slick-next {

    width: auto !important;

    height: auto !important;

}





/* media query */

@media (max-width:767px) {



    .year-box p {

        font-size: 17px;

    }



    .pl {

        padding-left: 0;

        padding-top: 30px;

    }





    .vision-sec .row {

        gap: 20px;

    }



    .vision-sec .mb-4,

    .testimonial-sec .mb-4 {

        margin-bottom: 0px !important;

    }



    .achivements-section:before {

        display: none;

    }



    .icon-section .col-lg-3.col-md-6 {

        width: 50%;

    }



    .icon-section .row {

        row-gap: 30px
    }



    .detail {

        margin: 0;

        flex-direction: column;

        justify-content: center;

        text-align: center;

    }



    .detail h3 {

        font-size: 32px;

    }



    .detail p {

        font-size: 16px;

    }



    .slick-next {

        right: 0 !important;

    }



    .slick-prev {

        left: 0 !important;

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .pl {

        padding-top: 30px;

        padding-left: 0px;

    }



    .detail {

        margin-bottom: 15px;

    }



    .tab-margin {

        margin-bottom: 30px;

    }





    .icon-box h3 {

        font-size: 21px;

    }



    .icon-box {

        flex-direction: column;

    }



    .icon-box div {

        text-align: center;

    }



    .achivements-section:before {

        display: none;

    }



}



@media (max-width:1024px) {



    .why-section,

    .achivements-section,

    .vision-sec,

    .testimonial-sec {

        padding: 40px 0;

    }



}



@media only screen and (min-width:992px) and (max-width:1199px) {

    .about_section .circle-img {

        width: 200px;

        height: 200px;

    }



    .circle-grid {

        width: 400px !important;

        height: 400px !important;

    }



    .vbox {

        padding: 20px;

    }



    .icon-set {

        font-size: 25px;

        width: 50px;

        height: 50px;

        margin-right: 10px;

    }



    .icon-box h3 {

        font-size: 20px;

    }



    .icon-box {

        flex-direction: column;

    }



    .icon-box div {

        text-align: center;

    }



    .detail p {

        font-size: 14px;

    }



    .vbox h3 {

        font-size: 19px;

    }



    .achivements-section {

        padding: 40px 0;

    }



    .pl {

        padding-left: 10px;

    }



    .direction-col {

        flex-direction: column;

    }



    .direction-col .col-md-6 {

        width: 100%;

    }



    .testimonial-item {

        padding: 20px;

    }

}



@media only screen and (min-width:1200px) and (max-width:1399px) {

    .pl {

        padding-left: 50px;

    }



    .detail p {

        font-size: 17px;

    }



    .vbox h3 {

        font-size: 20px;

    }



    .icon-set {

        font-size: 27px;

        width: 55px;

        height: 55px;

    }



    .icon-box h3 {

        font-size: 22px;

    }



    .achivements-section {

        padding: 40px 0;

    }



}





/* facility page's css start 7-8-2025*/

.facility-section {

    padding: 80px 0;

}



.faci-img {

    box-shadow: 0 2px 20px rgb(0 0 0 / 27%);

    border-radius: 100px 0px 100px 0;

}



.title-ceneter h2 {

    max-width: 100%;

}



.facility-list {

    background-color: #f8f7f7;

    padding: 80px 0;

}



.facility-list .card-custom {

    background-color: transparent;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: box-shadow 0.3s ease;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

    border: 1px solid #0000003b;

    transition: all 0.5s;

}



.facility-list .card-custom:hover {

    box-shadow: 0 2px 20px rgb(0 0 0 / 27%);

}



.facility-list .card-custom .card-body {

    padding: 0;

}



.facility-list .card-custom .card-body .card_img img {

    width: 100%;

    height: 280px;

    object-fit: cover;

}



.facility-list .card-custom .card-body .card_content {

    padding: 20px;

}





.facility-list .card-title {

    font-weight: 700;

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 0;

    text-align: center;

}



.facility-list .row {

    row-gap: 30px;

}



.facility-list .card-title {

    font-weight: 500;

}



.facility-section .col-lg-6 p:last-child {

    margin: 0;

}



.faq-section {

    padding: 80px 0;

}



.faq-section .faq_section {

    background-color: unset;

    padding: 0;

}



.faq_section .custom-accordion .accordion-button:not(.collapsed)::after {

    filter: invert(1);

}



/* media query */

@media (max-width:767px) {

    .faci-img {

        border-radius: 50px 0;

    }



    .facility-section .align-items-center {

        flex-direction: column-reverse;

    }



    .facility-section p.sub-content {

        margin-top: 15px;

    }



    .faq_section .custom-accordion .accordion-button {

        font-size: 14px;

        line-height: 24px;

    }



    .faq_section .custom-accordion .accordion-item .accordion-body {

        font-size: 14px;

        line-height: 24px;

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .facility-section .align-items-center {

        flex-direction: column-reverse;

    }



    .facility-section p.sub-content {

        margin-top: 15px;

    }



    p.sub-content {

        font-size: 17px;

    }

}





@media only screen and (min-width:992px) and (max-width:1199px) {

    p.sub-content {

        font-size: 18px;

    }



    .facility-list .card-title {

        font-size: 16px;

    }

}





@media only screen and (min-width:1025px) and (max-width:1199px) {

    .main_home_header .navbar-expand-lg .navbar-nav .nav-link {

        margin-right: 6px;

        padding: 0;

        font-size: 16px;

    }



    .main_home_header .call-btn {

        font-size: 13px;

    }



    .about_section h2 {

        font-size: 40px;

    }

}





@media (max-width: 1024px) {



    .facility-section,

    .facility-list,

    .faq-section {

        padding: 40px 0;

    }

}





/* popup css 8-8-2025 */

#formModal h3 {

    margin-bottom: 20px;

}



#formModal .btn-close {

    position: absolute;

    right: 15px;

    top: 15px;

}



#formModal .about_contact_form {

    padding: 0;

    border: 0;

    box-shadow: unset;

}





#formModal .modal-body {

    padding: 1.5rem;

    position: relative;

}



#formModal #contact_page_form .row {

    margin: 0;

}



#formModal #response_contact_page_form {

    margin-top: 0;

    margin-bottom: 10px;

}



#formModal .form-control:focus {

    border-color: #ced4da;

    box-shadow: unset;

}



#formModal .slider_btn {

    margin: 0 auto !important;

}



#formModal .form-control {

    margin-bottom: 0;

}



.desktop-hide {

    display: none !important;

}



@media (max-width: 991px) {

    .main_home_header .call-btn {

        display: inline-block !important;

    }



    .main_home_header .call-btn.desktop-hide {

        display: none !important;

    }

}





@media only screen and (min-width:992px) and (max-width: 1024px) {

    .main_home_header .call-btn {

        display: none !important;

    }



    .main_home_header .call-btn.desktop-hide {

        display: block !important;

    }





    .main_home_header .main_logo {

        width: 130px;

    }



    .main_home_header .navbar-expand-lg .navbar-nav .nav-link {

        margin-right: 11px !important;

        padding: 0;

    }



    .main_home_header .call-btn {

        padding: 12px;

    }



    .main_home_header .call-btn.desktop-hide {

        display: none !important;

    }



    .main_home_header .call-btn {

        display: block !important;

    }

}





/* team page's css start  8-8-2025*/

.team-img {

    border-radius: 20px 20px 20px 20px;

    text-align: center;

    position: relative;

    overflow: hidden;

}



.team-img img {

    aspect-ratio: 1 / 1.155;

    object-fit: cover;

    transition: all 0.4s ease-in-out;

}



.team-img::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: linear-gradient(180deg, rgba(46, 48, 63, 0) 56.82%, rgba(46, 48, 63, 0.8) 100%);

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: all 0.4s ease-in-out;

    z-index: 1;

}



.team-img::after {

    content: '';

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255, 255, 255, .3);

    transform: translate(-50%, -50%) rotate(-45deg);

    z-index: 1;

}



.team-img:hover:after {

    height: 250%;

    transition: all 600ms linear !important;

    background-color: transparent;

}



.team-img:hover:before {

    opacity: 1;

}



.team-box:hover .team-img img {

    transform: scale(1.1);

}



.team-box {

    text-align: center;

}



.team-box h3 {

    font-size: 20px;

    line-height: 28px;

    margin-top: 20px;

}



.team-box p {

    margin-bottom: 0;

}



/* about-team section's css start */



.facility-section .col-lg-10 p:last-child {

    margin: 0;

}





@media (max-width:767px) {

    p.sub-content {

        text-align: center;

        font-size: 18px;

        line-height: 26px;

        margin-bottom: 16px !important;

    }

}



@media only screen and (min-width:992px) and (max-width:1024px) {

    .our_specialist_image {

        height: 235px;

    }



    .our_specialist_name {

        font-size: 1.2rem;

    }



    .our_specialist_position {

        font-size: 0.9rem;

    }

}



/* team detail page's css start */

.page-team-single {

    padding: 80px 0;

}



.member-detail-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin-bottom: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #E5EAEC;

}



.member-social-list ul {

    margin: 0;

    padding: 0;

}



.member-social-list ul li a i {

    color: #023047;

    font-size: 20px;

    transition: all 0.3s ease-in-out;

}



.member-social-list ul li:hover a i {

    color: #F15A29;

}



.member-social-list ul li {

    display: inline-flex;

    margin-right: 10px;

}



.member-detail-header .member-detail-title p {

    text-transform: capitalize;

    margin: 0;

}



.member-detail-body {

    display: flex;

    flex-wrap: wrap;

    gap: 40px;

}



.member-detail-body .member-detail-list-item {

    width: calc(50% - 20px);

    display: flex;

}



.member-detail-list-item .icon-boxt {

    position: relative;

    margin-right: 20px;

    padding: 0 10px 10px 0;

}



.member-detail-list-item .icon-boxt::before {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    background-color: #193d8f12;

    border-radius: 50%;

    width: 50px;

    height: 50px;

}



.member-detail-list-item .icon-boxt img {

    max-width: 45px;

    position: relative;

    top: 4px;

}



.member-detail-list-content {

    width: calc(100% - 75px);

}



.member-detail-list-content h3 {

    font-size: 24px;

    text-transform: capitalize;

    margin-bottom: 10px;

}



.member-detail-list-content p {

    font-size: 18px;

    margin: 0;

}



.team-member-details {

    margin-left: 50px;

}



.member-detail-content {

    margin-bottom: 30px;

}





.page-team-single .team-member-image figure {

    width: 100%;

    position: relative;

    overflow: hidden;

}



.page-team-single .team-member-image img {

    width: 100%;

    border-radius: 10px;

    aspect-ratio: 1 / 1.15;

    object-fit: cover;

}



.image-anime {

    position: relative;

    overflow: hidden;

    margin-bottom: 0;

}



.image-anime:hover:after {

    height: 250%;

    transition: all 600ms linear;

    background-color: transparent;

}



.image-anime:after {

    content: "";

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255, 255, 255, .3);

    transform: translate(-50%, -50%) rotate(-45deg);

    z-index: 1;

}



.member-detail-list-item .icon-box::before {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    background-color: #E5EAEC;

    border-radius: 50%;

    width: 50px;

    height: 50px;

}



.about-icon-box-list {

    padding: 80px 0;

    background-color: #f8f7f7;

}



.about-icon-list-item .icon-boxt {

    position: relative;

    width: 70px;

    margin: 0 auto;

    margin-bottom: 20px;



}



.about-icon-list-content h3 {

    font-size: 22px;

    text-transform: capitalize;

    text-align: center;

}



.about-icon-list-item .icon-boxt::before {

    content: '';

    position: absolute;

    bottom: -10px;

    right: -10px;

    background-color: #f15a2970;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    transition: all 0.4s ease-in-out;

}



.about-icon-list-item .icon-boxt img {

    position: relative;

    max-width: 70px;

    z-index: 1;

}



.member-personal-info {

    padding: 80px 0;

}



.member-personal-info h2 {

    max-width: 100%;

}



.img-div img {

    border-radius: 12px;

    object-fit: cover;

}



.therapy-process-images {

    position: relative;

    margin: 10px;

    margin-bottom: 0;

}



.therapy-process-img-3 figure,

.therapy-process-img-2 figure,

.therapy-process-img-1 figure {

    border-radius: 10px;

}



.therapy-process-img-2 {

    position: absolute;

    top: 0;

    left: 0;

    transform: rotate(-4deg);

    z-index: 1;

}



.therapy-process-img-3 {

    position: absolute;

    bottom: 0;

    right: 0;

    transform: rotate(4deg);

    z-index: 1;

}



.therapy-process-img-3 img {

    aspect-ratio: 1 / 1.14;

    object-fit: cover;

}



.therapy-process-img-3 img,

.therapy-process-img-2 img,

.therapy-process-img-1 img {

    width: 100%;

    border-radius: 10px;

}



.therapy-process-img-2 img {

    aspect-ratio: 1 / 1.05;

    object-fit: cover;

}



.member-working-history {

    padding: 80px 0;

    background-color: #f8f7f7;

}



.member-working-history h2 {

    max-width: 100%;

}



.member-working-history .icon-bg {

    width: 84px;

    height: 84px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.awards-section {

    padding: 80px 0;

}



.awards-section h2 {

    max-width: 100%;

}



.awards img {

    border-radius: 10px;

    box-shadow: 0 2px 8px rgb(0 0 0 / 27%);

    border: 1px solid #0000004f;

    height: 303px;

    object-fit: cover;

}



.about_contact_form {

    height: 100%;

}



.margin {

    margin: 0 10px;

}



/* media query */

@media (max-width:767px) {

    .team-member-details {

        margin-left: 0;

        margin-top: 30px;

    }



    .member-detail-header {

        flex-direction: column;

        align-items: flex-start;

    }



    .member-detail-header {

        margin-bottom: 15px;

        padding-bottom: 15px;

    }



    .member-detail-list-content h3 {

        font-size: 20px;

        margin-bottom: 5px;

    }



    .member-detail-body .member-detail-list-item {

        width: 100%;

    }



    .about-icon-list-content h3 {

        font-size: 18px;

    }



    .member-social-list {

        margin-top: 20px;

    }



    .about-icon-box-list .row {

        row-gap: 20px;

    }



    .about-icon-list-item .icon-boxt img {

        max-width: 62px;

    }



    .member-detail-list-item .icon-boxt img {

        max-width: 38px;

    }



    .img-div {

        margin-top: 20px;

    }



    .img-div .col-md-4,

    .img-div .col-md-8 {

        width: 50%;

    }



    .member-working-history-content .row .col-lg-3 {

        width: 50%;

    }



    .member-working-history-content .icon-box {

        padding: 15px 10px;

    }



    .member-working-history .icon-bg {

        width: 50px;

        height: 50px;

    }



    .member-working-history .icon-bg img {

        width: 70%;

    }



    .member-working-history-content .icon-box h3 {

        font-size: 20px;

    }



    .member-working-history-content .icon-box p {

        font-size: 15px;

        line-height: 23px;

    }



    .awards img {

        height: 230px;

    }

}



@media (max-width: 1024px) {



    .page-team-single,

    .about-icon-box-list,

    .member-personal-info,

    .member-working-history,

    .awards-section,

    .about-ortho-section {

        padding: 40px 0;

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .team-member-details {

        margin-left: 0px;

        margin-top: 30px;

    }



    .page-team-single .team-member-image figure {

        text-align: center;

    }



    .page-team-single .team-member-image img {

        width: auto;

        aspect-ratio: unset;

    }



    .about-icon-list-content h3 {

        font-size: 16px;

    }



    .about-icon-box-list .row {

        row-gap: 30px;

    }



    .about-icon-list-item .icon-boxt img {

        max-width: 60px;

    }



    .member-personal-info .container>.row {

        flex-direction: column-reverse;

    }



    .member-info-content {

        margin-top: 50px;

    }



    .member-detail-list-content h3 {

        font-size: 20px;

    }



    .awards img {

        height: 230px;

    }

}



@media only screen and (min-width:992px) and (max-width:1024px) {

    .member-detail-header {

        margin-bottom: 10px;

        padding-bottom: 10px;

    }



    .member-detail-list-content h3 {

        font-size: 20px;

    }



    .member-detail-list-item .icon-boxt img {

        max-width: 38px;

    }



    .about-icon-list-content h3 {

        font-size: 18px;

    }



    .about-icon-list-item .icon-boxt img {

        max-width: 60px;

    }



    .contact_us .info-title {

        font-size: 17px;

    }



    .member-working-history .icon-bg {

        width: 70px;

        height: 70px;

    }



    .tab-space {

        --bs-gutter-x: 1rem;

    }

}



@media only screen and (min-width:1025px) and (max-width:1199px) {

    .about-icon-list-content h3 {

        font-size: 18px;

    }

}



@media only screen and (min-width:1200px) and (max-width:1300px) {



    .page-team-single {

        padding: 40px 0;

    }



    .member-detail-header {

        margin-bottom: 10px;

        padding-bottom: 10px;

    }



    .member-detail-list-content h3 {

        font-size: 20px;

    }



    .member-detail-list-content p {

        font-size: 16px;

    }



    .page-team-single .team-member-image img {

        aspect-ratio: 1 / 1;

    }



    .contact_us .contact-info-card {

        padding: 40px 30px;

    }

}



@media only screen and (min-width:1200px) and (max-width:1399px) {

    .icon-box {

        padding: 20px 10px;

    }



    .about-icon-list-content h3 {

        font-size: 18px;

    }



    .team-member-details {

        margin-left: 10px;

    }

}



/* ===== 20-08-2025 css ===== */



.dropdown-item.active,

.dropdown-item:active {

    color: #000 !important;

    background-color: #e9ecef;

}



.why_choose_us h2 {

    max-width: unset;

}



.treatment-section .nav-link {

    width: unset;

    flex: 1;

}



@media (min-width: 1200px) {

    .display-5 {

        font-size: 40px;

    }

}



.about_section .rating-box {

    display: none;

}



.about_section .list-unstyled {

    width: 100%;

}



.footer_second .working_hour_img {

    width: 200px;

    height: 53px;

    object-fit: contain;

}



.scroll-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    width: 45px;

    height: 45px;

    background: #f15a29;

    /* Hospital blue */

    color: #fff;

    border-radius: 50%;

    text-align: center;

    line-height: 45px;

    font-size: 18px;

    text-decoration: none;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    transition: background 0.3s ease, transform 0.3s ease;

    z-index: 99999999;

}



.scroll-to-top:hover i {

    color: #fff;

}



.whatsapp-float {

    position: fixed;

    bottom: 75px;

    right: 20px;

    width: 45px;

    height: 45px;

    background: #25D366;

    /* WhatsApp green */

    color: #fff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 28px;

    text-decoration: none;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);

    z-index: 99999999;

    transition: background 0.3s ease, transform 0.2s ease-in-out;

}



.whatsapp-float:hover {

    transform: scale(1.1);

    color: #fff;

}



.new_cta {

    text-align: center;

    padding: 80px 0;

    background-color: #fff;

    background: url("assets/images/page_title_bg.jpg") no-repeat center center/cover;

    position: relative;

}



/* optional overlay for better text contrast */

.new_cta::before {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.76);

    /* dark overlay */

    z-index: 0;

}



.new_cta h2 {

    font-size: 44px;

    line-height: 54px;

    font-weight: 700;

    color: #fff;

    /* dark blue */

    margin-bottom: 1.5rem;

    max-width: unset;

}



.new_cta .cta-button {

    display: inline-flex;

    align-items: center;

    gap: 0.5rem;

    background-color: #f26b2f;

    /* orange button */

    color: #fff;

    padding: 0.75rem 1.5rem;

    font-weight: 500;

    border-radius: 8px;

    text-decoration: none;

    transition: background 0.3s ease;

    position: relative;

}



.new_cta .cta-button:hover {

    background-color: #d95a21;

}



@media screen and (min-width: 1200px) and (max-width: 1600px) {

    body {

        zoom: 0.9;

    }

}



.top-bar .address_mobile {

    display: none;

}



.contact-info-card .info-item .working_hour_img {

    height: 45px;

    object-fit: cover;

}



.benefit-icon img {

    filter: brightness(0) invert(1);

    width: 50px;

}



.icon-section h6 {

    font-size: 20px;

}



/* 22-08-2025 Gynec Page Css */

.gynec_page .top-bar {

    background: linear-gradient(90deg, #e9686f 0%, #e9726d 100%);

}



.gynec_page .main_home_header .navbar-light .navbar-nav .nav-link:hover {

    color: #e9686f !important;

}



.gynec_page .main_home_header .nav-link::after {

    background-color: #e9686f
}



.gynec_page .main_home_header .call-btn {

    background-color: #e6606f;

    box-shadow: 0px 4px 15px 0px rgb(230 82 114 / 41%);

}



.gynec_page .main_home_header .call-btn:hover {

    background-color: #c55d60;

}



.gynec_page .footer-section {

    background: linear-gradient(135deg, #914254 0%, #853748 100%);

}



.gynec_page .social-icon:hover {

    background: #403f40;

    box-shadow: 0 5px 15px rgb(64 63 63 / 59%);

}



.gynec_page .footer-links li::before {

    color: #fff;

}



.gynec_page .contact-icon {

    color: #fff;

}



.gynec_page .footer-links a:hover {

    color: #fff;

}



.gynec_page .scroll-to-top {

    background: #403f40;

}



.gynec_page .main_home_header .main_logo {

    width: unset;

}



.gynec_page .about-clinic-section .overlay {

    background: linear-gradient(to right, #74393c 40%, #2a0e11 100%);

}



.gynec_page .highlighted_heading {

    background: linear-gradient(90deg, #e7626e, #e18585);

    -webkit-background-clip: text !important;

}



.gynec_page .about-ortho-section .list-unstyled li i {

    color: #e75d70 !important;

}



.gynec_page .about_contact_form {

    border: 1px solid #e65d70;

}



.gynec_page .slider_btn {

    background-color: #e6606f;

    box-shadow: 0px 4px 15px 0px rgb(230 82 114 / 41%);

}



.gynec_page .slider_btn:hover {

    background-color: #c55d60;

}



.gynec_page .treatment-section .nav-link.active {

    background-color: #e8616f;

    border: 1px solid #e8616f;

}



.gynec_page .treatment-section .tab-pane {

    border: 2px solid #e8616f;

}



.gynec_page .treatment-section ul li i {

    margin-right: 5px;

    color: #e8616f;

}



.gynec_page .treatment-section ul li {

    margin-bottom: 8px;

}



.gynec_page .why_choose_us .feature-box i {

    color: #e8616f;

}



.why_choose_us .why_choose1 {

    width: 630px;

    height: 428px;

    object-fit: cover;

}



.gynec_page .dropdown-menu {



    background-color: #e8616f;

}



.gynec_page .dropdown-item:focus,

.dropdown-item:hover {

    color: #000;

    background-color: #fff !important;

}



#captcha_container {

    margin-left: 0;

    text-align: left;



}



.blog-content ol li::marker {

    font-weight: bold;

}



.blog-content {

    margin-top: 20px;

    font-size: 1.05rem;

    line-height: 1.8;

}



.blog-content p {

    margin: 0 auto;

    font-size: 16px;

    color: #000;

    line-height: 26px;

    font-weight: normal;

    margin-bottom: 10px;

    letter-spacing: 0.3px;

}



.feature_img img {

    height: 630px;

    object-fit: cover;

}

.our_doctor_service h3,
.our_doctor_service p {
    text-align: center;
    color: #fff;
    width: 80% !important;
    margin: 0 auto !important;
    letter-spacing: 0.5px;
}

.our_doctor_service h3 {
    margin-bottom: 20px !important;
    font-size: 35px;
    font-weight: 600;
}

.our_doctor_service .carousel-control-next,
.our_doctor_service .carousel-control-prev {
    opacity: 1 !important;
    z-index: 9 !important;
    width: 3% !important;
    padding: 0 !important;
    background: #1b3c8c !important;
    transition: opacity .15s ease !important;
}

.our_doctor_service {
    padding: 60px 0px;
    background: linear-gradient(90deg, #1D3C8C 0%, #163d90 100%);
}

.our_doctor_service .carousel-inner {
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
}

@media (max-width: 1280px) {
    .feature_img img {
        height: auto;
    }
}

@media (max-width: 930px) {
    .our_doctor_service .carousel-inner {
        height: 380px !important;
        display: flex !important;
        align-items: center !important;
    }

    .our_doctor_service h3 {
        font-size: 31px !important;
        line-height: 40px !important;
    }
}

@media (max-width: 768px) {
    .our_doctor_service .carousel-inner {
        height: 385px !important;
    }
}

@media (max-width: 600px) {
    .our_doctor_service h3 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .our_doctor_service .carousel-inner {
        height: 420px !important;
    }

    .our_doctor_service .carousel-control-prev {
        left: -3px;
    }

    .our_doctor_service .carousel-control-next {
        right: -3px;
    }

    .our_doctor_service h3,
    .our_doctor_service p {
        width: 86% !important;
    }
}

@media (max-width: 430px) {
    .our_doctor_service .carousel-inner {
        height: 550px !important;
    }

    .our_doctor_service .carousel-control-next,
    .our_doctor_service .carousel-control-prev {
        width: 7% !important;
    }
}

@media (max-width: 390px) {
    .our_doctor_service .carousel-inner {
        height: 630px !important;
    }
}
@media (max-width: 345px) {
    .our_doctor_service .carousel-inner {
        height: 640px !important;
    }
}


@media (max-width: 320px) {
    .our_doctor_service .carousel-inner {
        height: 654px !important;
    }
        .our_doctor_service h3 {
        font-size: 24px !important;
        line-height: 40px !important;
    }
}

.load_more_btn{

background-color: #F15A29 !important;
    border-radius: 30px !important;
    padding: 12px 20px !important;
    color: white !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-shadow: 0px 5px 15px 0px #f15b292f !important;
    transition: all 0.4s !important;
    text-decoration: none !important;
    margin: 0 auto !important;
    border: none !important;
}