a {
    text-decoration: none;
}



.custom-blog-slider-wrapper {
    position: relative;
}

.custom-blog-slider-viewport {
    overflow: hidden;
    width: 100%;
}

.custom-blog-slider-track {
    display: flex;
    transition: transform 0.5s ease;
}

.custom-blog-slider-track > .row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 100%;
    margin: 0;
}

.custom-blog-slide {
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 12px;
}

.custom-blog-prev,
.custom-blog-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #166e70;
    color: white;
    cursor: pointer;
}

.custom-blog-prev {
    left: -15px;
}

.custom-blog-next {
    right: -15px;
}

.custom-blog-slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.custom-blog-slider-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
}

.custom-blog-slider-dots button.active {
    width: 24px;
    border-radius: 10px;
    background: #166e70;
}

@media (max-width: 991px) {
    .custom-blog-slide {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .custom-blog-slide {
        flex-basis: 100%;
        max-width: 100%;
    }
}




/* header section css */
/* =========================================
   HEADER / NAVBAR
========================================= */

.neuro-header11 {
    width: 100%;
    min-height: 90px;
    height: 120px;
    position: relative;
    z-index: 99999;
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
    overflow: visible;
}


/* =========================================
   MAIN CONTAINER
========================================= */

.neuro-nav-container22 {
    width: 92%;
    max-width: 1350px;
    height: 100%;
    min-height: 90px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    position: relative;
}


/* =========================================
   LOGO
========================================= */

.neuro-logo33 {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.neuro-logo33 img {
    display: block;
    width: 220px;
    height: 100vh;
    object-fit: contain;
}


/* =========================================
   NAVIGATION
========================================= */

.neuro-navigation66 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 55px;
    height: 100%;
}


/* =========================================
   MENU LIST
========================================= */

.neuro-menu-list88 {
    margin: 0;
    padding: 0;
    list-style: none;

    display: flex;
    align-items: center;
    gap: 40px;
}


/* =========================================
   MENU ITEM
========================================= */

.neuro-menu-item99 {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* =========================================
   MENU LINK
========================================= */

.neuro-menu-link111 {
    position: relative;

    display: inline-block;

    padding: 34px 0;

    color: #222222;
    text-decoration: none;

    font-size: 17px;
    font-weight: 500;
    line-height: 1;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


/* =========================================
   UNDERLINE
========================================= */

.neuro-menu-link111::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 24px;

    width: 0;
    height: 2px;

    background: #258a28;

    transition: width 0.35s ease;
}


/* =========================================
   HOVER
========================================= */

.neuro-menu-link111:hover {
    color: #258a28;
    transform: translateY(-2px);
}

.neuro-menu-link111:hover::after {
    width: 100%;
}


/* =========================================
   ACTIVE
========================================= */

.neuro-menu-link111.active222 {
    color: #258a28;
}

.neuro-menu-link111.active222::after {
    width: 100%;
}


/* =========================================
   APPOINTMENT
========================================= */

.neuro-appointment-box333 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}


/* =========================================
   APPOINTMENT BUTTON
========================================= */

.neuro-appointment-btn444 {
    position: relative;
    overflow: hidden;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 190px;
    height: 52px;

    padding: 0 25px;

    color: #ffffff;
    background: #258a28;

    border-radius: 5px;

    text-decoration: none;

    font-size: 16px;
    font-weight: 600;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}


/* =========================================
   BUTTON SHINE
========================================= */

.neuro-appointment-btn444::before {
    content: "";

    position: absolute;
    top: 0;
    left: -110%;

    width: 80%;
    height: 100%;

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

    transform: skewX(-25deg);

    transition: left 0.6s ease;
}


/* =========================================
   BUTTON HOVER
========================================= */

.neuro-appointment-btn444:hover {
    color: #ffffff;
    background: #1d7421;

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(37, 138, 40, 0.25);
}

.neuro-appointment-btn444:hover::before {
    left: 130%;
}


/* =========================================
   MOBILE MENU BUTTON
========================================= */

.neuro-menu-btn44 {
    display: none;

    width: 45px;
    height: 45px;

    padding: 0;
    margin: 0;

    border: 0;
    outline: none;

    background: transparent;

    cursor: pointer;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 5px;

    flex-shrink: 0;

    position: relative;
    z-index: 100001;
}


/* =========================================
   HAMBURGER LINES
========================================= */

.neuro-menu-btn44 span {
    display: block;

    width: 27px;
    height: 3px;

    border-radius: 3px;

    background: #222222;

    transition:
        transform 0.35s ease,
        opacity 0.35s ease;
}


/* =========================================================
   MOBILE RESPONSIVE
   MAX WIDTH 768PX
========================================================= */

@media (max-width: 768px) {

    /* =========================================
       HEADER
    ========================================= */

    .neuro-header11 {
        width: 100%;
        height: 80px;
        min-height: 80px;

        position: relative;
        z-index: 99999;

        background: #ffffff;

        overflow: visible;
    }


    /* =========================================
       CONTAINER
    ========================================= */

    .neuro-nav-container22 {
        width: 100%;
        max-width: 100%;

        height: 80px;
        min-height: 80px;

        margin: 0;

        padding: 8px 15px;

        box-sizing: border-box;

        display: flex;
        align-items: center;
        justify-content: space-between;

        position: relative;
    }


    /* =========================================
       LOGO
    ========================================= */

    .neuro-logo33 {
        display: flex;

        align-items: center;

        width: auto;
        max-width: 190px;

        margin: 0;
        padding: 0;

        flex-shrink: 1;
    }


    .neuro-logo33 img {
        display: block;

        width: auto;
        max-width: 175px;

        height: auto;
        max-height: 60px;

        object-fit: contain;
    }


    /* =========================================
       HAMBURGER BUTTON
    ========================================= */

    .neuro-menu-btn44 {
        display: flex;

        width: 45px;
        height: 45px;

        padding: 0;
        margin: 0;

        border: 0;
        outline: none;

        background: transparent;

        flex-direction: column;
        justify-content: center;
        align-items: center;

        gap: 5px;

        cursor: pointer;

        flex-shrink: 0;

        position: relative;
        z-index: 100001;
    }


    .neuro-menu-btn44 span {
        display: block;

        width: 27px;
        height: 3px;

        margin: 0;
        padding: 0;

        border-radius: 3px;

        background: #222222;

        transition:
            transform 0.35s ease;


        transition: opacity 0.35s ease;
    }


    /* =========================================
       MOBILE NAVIGATION
       CLOSED
    ========================================= */

    .neuro-navigation66 {
        display: none;

        position: absolute;

        top: 80px;
        left: 0;
        right: 0;

        width: 100%;
        height: auto;

        margin: 0;
        padding: 10px 15px 20px;

        background: #ffffff;

        box-sizing: border-box;

        flex-direction: column;
        align-items: stretch;

        justify-content: flex-start;

        gap: 0;

        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);

        border-top: 1px solid #eeeeee;

        z-index: 100000;

        overflow: visible;
    }


    /* =========================================
       MOBILE NAVIGATION
       OPEN
       
       IMPORTANT:
       JS .neuro-open888 class lagayega
    ========================================= */

    .neuro-navigation66.neuro-open888 {
        display: flex;
    }


    /* =========================================
       MENU LIST
    ========================================= */

    .neuro-menu-list88 {
        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: stretch;
        justify-content: flex-start;

        gap: 0;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    /* =========================================
       MENU ITEM
    ========================================= */

    .neuro-menu-item99 {
        width: 100%;

        display: block;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    /* =========================================
       MENU LINK
    ========================================= */

    .neuro-menu-link111 {
        position: relative;

        width: 100%;

        display: block;

        padding: 15px 10px;
        margin: 0;

        box-sizing: border-box;

        color: #222222;

        font-size: 16px;
        font-weight: 500;

        line-height: 1.3;

        text-decoration: none;

        border-bottom: 1px solid #eeeeee;

        transform: none;
    }


    /* =========================================
       REMOVE DESKTOP UNDERLINE
       FROM MOBILE
    ========================================= */

    .neuro-menu-link111::after {
        display: none;
    }


    .neuro-menu-link111:hover {
        transform: none;
    }


    .neuro-menu-link111.active222 {
        color: #258a28;
    }


    /* =========================================
       APPOINTMENT BOX
    ========================================= */

    .neuro-appointment-box333 {
        width: 100%;

        display: block;

        margin: 15px 0 0;
        padding: 0;
    }


    /* =========================================
       APPOINTMENT BUTTON
    ========================================= */

    .neuro-appointment-btn444 {
        width: 100%;

        min-width: 0;

        height: 48px;
        min-height: 48px;

        padding: 0 15px;

        display: flex;

        align-items: center;
        justify-content: center;

        box-sizing: border-box;

        font-size: 15px;
        font-weight: 600;

        text-align: center;

        white-space: nowrap;
    }


    /* =========================================
       HAMBURGER → X
    ========================================= */

    .neuro-menu-btn44.neuro-menu-active555 span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }


    .neuro-menu-btn44.neuro-menu-active555 span:nth-child(2) {
        opacity: 0;
    }


    .neuro-menu-btn44.neuro-menu-active555 span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

}

/* =========================================================
   LARGE DESKTOP
   MIN WIDTH 1440PX
========================================================= */

@media (min-width: 1440px) {

    .neuro-header11 {
        width: 100%;

        height: 90px;
        min-height: 90px;

        position: relative;
        z-index: 99999;

        overflow: visible;
    }


    .neuro-nav-container22 {
        width: 92%;
        max-width: 1400px;

        height: 90px;
        min-height: 90px;

        margin: 0 auto;

        padding: 0;

        display: flex;

        align-items: center;
        justify-content: space-between;
    }


    /* =========================================
       LOGO
    ========================================= */

    .neuro-logo33 {
        display: flex;

        align-items: center;

        flex-shrink: 0;
    }


    .neuro-logo33 img {
        display: block;

        width: 180px;

        height: auto;

        max-height: 70px;

        object-fit: contain;
    }


    /* =========================================
       HAMBURGER HIDE
    ========================================= */

    .neuro-menu-btn44 {
        display: none;
    }


    /* =========================================
       NAVIGATION
    ========================================= */

    .neuro-navigation66 {
        display: flex;

        position: relative;

        width: auto;
        height: 100%;

        margin: 0;
        padding: 0;

        align-items: center;
        justify-content: flex-end;

        flex-direction: row;

        gap: 45px;

        background: transparent;

        box-shadow: none;

        border: 0;

        overflow: visible;
    }


    /* =========================================
       MENU LIST
    ========================================= */

    .neuro-menu-list88 {
        display: flex;

        align-items: center;
        justify-content: center;

        flex-direction: row;

        gap: 32px;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    .neuro-menu-item99 {
        width: auto;

        margin: 0;
        padding: 0;
    }


    /* =========================================
       MENU LINK
    ========================================= */

    .neuro-menu-link111 {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: auto;

        padding: 34px 0;

        font-size: 16px;

        line-height: 1;

        white-space: nowrap;

        border: 0;
    }


    .neuro-menu-link111::after {
        display: block;

        bottom: 24px;
    }


    /* =========================================
       APPOINTMENT
    ========================================= */

    .neuro-appointment-box333 {
        width: auto;

        display: flex;

        align-items: center;

        margin: 0;
        padding: 0;

        flex-shrink: 0;
    }


    .neuro-appointment-btn444 {
        width: auto;

        min-width: 190px;

        height: 52px;

        padding: 0 25px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        font-size: 16px;

        white-space: nowrap;
    }

}













/* banner section css */

/* =========================================
   NEUROSURGERY HERO BANNER
========================================= */

.neuro-banner11 {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
    background: #000;
}

.neuro-slider-wrap22 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}


/* =========================================
   SLIDE
========================================= */

.neuro-slide33 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    overflow: hidden;
    transition:
        opacity 0.9s ease,
        visibility 0.9s ease;
}

.neuro-slide33.active44 {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}


/* =========================================
   BACKGROUND IMAGE
========================================= */

.neuro-bg55 {
    position: absolute;
    inset: 0;
    width: 100%;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(1.08);
    transition: transform 6s ease;
}

.neuro-slide33.active44 .neuro-bg55 {
    transform: scale(1);
}


.neuro-bg55 img {
    height: 650px;
}


/* =========================================
   DARK OVERLAY
========================================= */

.neuro-overlay66 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;

    z-index: 1;
}


/* =========================================
   CONTENT
========================================= */

.neuro-content77 {
    width: 90%;
    max-width: 1250px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -42%);
    text-align: center;
    z-index: 5;
}


/* =========================================
   SMALL TITLE
========================================= */

.neuro-small-title88 {
    display: block;
    color: #55a846;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 18px;

    opacity: 0;
    transform: translateY(30px);
}

.neuro-slide33.active44 .neuro-small-title88 {
    animation: neuroSmallTitle1010 0.8s ease forwards;
    animation-delay: 0.2s;
}


/* =========================================
   MAIN TITLE
========================================= */

.neuro-main-title99 {
    margin: 0 auto;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.15;
    max-width: 1200px;

    opacity: 0;
    transform: translateY(45px);
}

.neuro-slide33.active44 .neuro-main-title99 {
    animation: neuroMainTitle1212 1s ease forwards;
    animation-delay: 0.4s;
}


/* =========================================
   DESCRIPTION
========================================= */

.neuro-description111 {
    margin: 28px auto 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;

    opacity: 0;
    transform: translateY(35px);
}

.neuro-slide33.active44 .neuro-description111 {
    animation: neuroDescription1313 0.9s ease forwards;
    animation-delay: 0.65s;
}


/* =========================================
   BUTTONS
========================================= */

.neuro-buttons222 {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;

    opacity: 0;
    transform: translateY(35px);
}

.neuro-slide33.active44 .neuro-buttons222 {
    animation: neuroButtons1414 0.9s ease forwards;
    animation-delay: 0.9s;
}


/* =========================================
   CALL BUTTON
========================================= */

.neuro-call-btn333 {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    padding: 15px 35px;

    background: #258a28;
    color: #fff;
    text-decoration: none;

    border-radius: 7px;

    font-size: 19px;
    font-weight: 500;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.neuro-call-btn333:hover {
    background: #1d7421;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(37, 138, 40, 0.35);
}


/* =========================================
   BOOK BUTTON
========================================= */

.neuro-book-btn444 {
    display: inline-flex;
    justify-content: center;
    align-items: center;


    padding: 15px 35px;

    background: #fff;
    color: #111;
    text-decoration: none;

    border-radius: 7px;

    font-size: 19px;
    font-weight: 500;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.neuro-book-btn444:hover {
    background: #f1f1f1;
    color: #111;
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);
}


/* =========================================
   LEFT ARROW
========================================= */

.neuro-arrow-left555,
.neuro-arrow-right666 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 60px;
    height: 60px;

    border: none;
    background: transparent;

    color: rgba(255, 255, 255, 0.7);

    font-size: 48px;
    font-weight: 200;

    cursor: pointer;
    z-index: 10;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.neuro-arrow-left555 {
    left: 45px;
}

.neuro-arrow-right666 {
    right: 45px;
}

.neuro-arrow-left555:hover,
.neuro-arrow-right666:hover {
    color: #fff;
}

.neuro-arrow-left555:hover {
    transform: translate(-5px, -50%);
}

.neuro-arrow-right666:hover {
    transform: translate(5px, -50%);
}


/* =========================================
   DOTS
========================================= */

.neuro-dots777 {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    align-items: center;
    gap: 10px;

    z-index: 10;
}

.neuro-dot888 {
    width: 48px;
    height: 5px;

    padding: 0;
    border: 0;

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

    cursor: pointer;

    transition:
        width 0.3s ease,
        background 0.3s ease;
}

.neuro-dot888.active999 {
    width: 48px;
    background: #fff;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes neuroSmallTitle1010 {

    0% {
        opacity: 0;
        transform: translateY(30px);
    }

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


@keyframes neuroMainTitle1212 {

    0% {
        opacity: 0;
        transform: translateY(45px);
    }

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


@keyframes neuroDescription1313 {

    0% {
        opacity: 0;
        transform: translateY(35px);
    }

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


@keyframes neuroButtons1414 {

    0% {
        opacity: 0;
        transform: translateY(35px);
    }

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


/* =========================================
   MOBILE - ONLY MAX WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .neuro-banner11 {
        height: 620px;
    }

    .neuro-content77 {
        width: 92%;
        top: 50%;
        transform: translate(-50%, -45%);
    }

    .neuro-small-title88 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .neuro-main-title99 {
        font-size: 26px;
        margin-bottom: 35px;
        line-height: 1.2;
    }

    .neuro-description111 {
        font-size: 17px;
        line-height: 1.45;
        margin-top: 20px;
    }

    .neuro-buttons222 {
        flex-direction: column;
        gap: 12px;
        margin-top: 25px;
    }

    .neuro-call-btn333,
    .neuro-book-btn444 {
        width: 100%;
        max-width: 260px;
        min-width: auto;
        height: 58px;
        font-size: 18px;
        padding: 0 20px;
    }

    .neuro-arrow-left555,
    .neuro-arrow-right666 {
        width: 40px;
        height: 40px;
        font-size: 32px;
    }

    .neuro-arrow-left555 {
        left: 8px;
    }

    .neuro-arrow-right666 {
        right: 8px;
    }

    .neuro-dots777 {
        bottom: 20px;
    }

    .neuro-dot888 {
        width: 35px;
        height: 4px;
    }

    .neuro-dot888.active999 {
        width: 45px;
    }

}






/* counter section css */

/* =========================================================
   MEDICAL STATS SECTION
========================================================= */

.medical-stats-section11 {
    width: 100%;
    position: relative;
    overflow: hidden;
}


/* =========================================================
   BLUE COUNTER AREA
========================================================= */

.medical-stats-container22 {
    width: 100%;
    background: #127422;
    padding: 30px 0 75px;
}


.medical-counter-wrap33 {
    width: 88%;
    max-width: 1450px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

    padding-bottom: 20px;
}


/* =========================================================
   COUNTER CARDS
========================================================= */

.medical-counter-card44,
.medical-counter-card111,
.medical-counter-card777,
.medical-counter-card4444 {
    min-height: 145px;

    display: flex;


    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 15px;

    padding: 25px 20px;

    border-right: 1px solid rgba(255, 255, 255, 0.22);

    opacity: 0;
    transform: translateY(35px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease,
        border-color 0.3s ease;
}


.medical-counter-card44.counter-visible,
.medical-counter-card111.counter-visible,
.medical-counter-card777.counter-visible,
.medical-counter-card4444.counter-visible {
    opacity: 1;
    transform: translateY(0);
}


/* =========================================================
   COUNTER ICON
========================================================= */

.medical-counter-icon55,
.medical-counter-icon222,
.medical-counter-icon888,
.medical-counter-icon5555 {
    width: 72px;
    min-width: 72px;
    height: 72px;

    border: 2px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    font-size: 28px;

    transition:
        transform 0.4s ease,
        background 0.4s ease;
}


.medical-counter-card44:hover .medical-counter-icon55,
.medical-counter-card111:hover .medical-counter-icon222,
.medical-counter-card777:hover .medical-counter-icon888,
.medical-counter-card4444:hover .medical-counter-icon5555 {
    transform: rotateY(180deg) scale(1.08);
    background: rgba(255, 255, 255, 0.12);
}


/* =========================================================
   COUNTER TEXT
========================================================= */

.medical-counter-text66,
.medical-counter-text333,
.medical-counter-text999,
.medical-counter-text6666 {

    width: 100%;
    text-align: center
}


.medical-counter-number77,
.medical-counter-number444,
.medical-counter-number1111,
.medical-counter-number7777 {
    margin: 0 0 7px;

    color: #ffffff;

    font-size: 42px;
    line-height: 1;
    text-align: center;

    font-weight: 700;
}


.medical-counter-plus99,
.medical-counter-plus666,
.medical-counter-plus3333,
.medical-counter-plus9999 {
    font-size: 32px;
    font-weight: 700;
}


.medical-counter-text66 p,
.medical-counter-text333 p,
.medical-counter-text999 p,
.medical-counter-text6666 p {
    margin: 0;

    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-size: 17px;
    line-height: 1.4;
}


/* =========================================================
   PROMO SECTION
========================================================= */

.medical-promo-section11111 {
    width: 100%;
    background: #ffffff;

    position: relative;

    margin-top: -60px;
}


.medical-promo-container22222 {
    width: 88%;
    max-width: 1450px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 30px;

    transform: translateY(-35px);

    position: relative;
    z-index: 5;
}


/* =========================================================
   PROMO CARDS
========================================================= */

.medical-promo-card33333,
.medical-promo-card66666,
.medical-promo-card99999 {
    min-height: 185px;

    padding: 32px 30px;

    background: #ffffff;

    display: flex;
    align-items: center;

    gap: 25px;

    border-radius: 5px;

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.10);

    opacity: 0;
    transform: translateY(45px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease,
        box-shadow 0.35s ease;
}


.medical-promo-card33333.promo-visible,
.medical-promo-card66666.promo-visible,
.medical-promo-card99999.promo-visible {
    opacity: 1;
    transform: translateY(0);
}


.medical-promo-card33333:hover,
.medical-promo-card66666:hover,
.medical-promo-card99999:hover {
    transform: translateY(-8px);

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.15);
}


/* =========================================================
   PROMO ICON
========================================================= */

.medical-promo-icon44444,
.medical-promo-icon77777,
.medical-promo-icon111111 {
    width: 70px;
    min-width: 70px;
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eef3ff;

    transition:
        transform 0.4s ease,
        background 0.4s ease;
}


.medical-promo-card33333:hover .medical-promo-icon44444,
.medical-promo-card66666:hover .medical-promo-icon77777,
.medical-promo-card99999:hover .medical-promo-icon111111 {
    transform: rotate(8deg) scale(1.08);
    background: #e1eaff;
}


.medical-promo-icon44444 img,
.medical-promo-icon77777 img,
.medical-promo-icon111111 img {
    width: 43px;
    height: 43px;

    object-fit: contain;

    display: block;
}


/* =========================================================
   PROMO CONTENT
========================================================= */

.medical-promo-info55555,
.medical-promo-info88888,
.medical-promo-info222222 {
    flex: 1;
}


.medical-promo-info55555 h3,
.medical-promo-info88888 h3,
.medical-promo-info222222 h3 {
    margin: 0 0 13px;

    color: #111111;

    font-size: 25px;
    line-height: 1.2;

    font-weight: 700;
}


.medical-promo-info55555 p,
.medical-promo-info222222 p {
    margin: 0 0 8px;

    color: #666666;

    font-size: 16px;
    line-height: 1.65;
}


.medical-promo-info88888 a {
    display: block;

    color: #666666;

    font-size: 16px;
    line-height: 1.7;

    text-decoration: none;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


.medical-promo-info88888 a:hover {
    color: #1150f0;
    transform: translateX(5px);
}


/* =========================================================
   TOP LIGHT EFFECT
========================================================= */

.medical-promo-section11111::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 2px;

    background: linear-gradient(90deg,
            transparent,
            rgba(17, 80, 240, 0.3),
            transparent);
}


/* =========================================================
   MOBILE ONLY
========================================================= */

@media (max-width: 768px) {

    .medical-stats-container22 {
        padding: 55px 0 45px;
    }


    .medical-counter-wrap33 {
        width: 88%;

        grid-template-columns: 1fr;

        gap: 0;
    }


    .medical-counter-card44,
    .medical-counter-card111,
    .medical-counter-card777,
    .medical-counter-card4444 {
        min-height: 120px;

        padding: 22px 10px;

        border-right: 0;

        border-bottom:
            1px solid rgba(255, 255, 255, 0.20);
    }


    .medical-counter-card4444 {
        border-bottom: 0;
    }


    .medical-counter-icon55,
    .medical-counter-icon222,
    .medical-counter-icon888,
    .medical-counter-icon5555 {
        width: 58px;
        min-width: 58px;

        height: 58px;

        font-size: 22px;
    }


    .medical-counter-number77,
    .medical-counter-number444,
    .medical-counter-number1111,
    .medical-counter-number7777 {
        font-size: 34px;
    }


    .medical-counter-plus99,
    .medical-counter-plus666,
    .medical-counter-plus3333,
    .medical-counter-plus9999 {
        font-size: 25px;
    }


    .medical-counter-text66 p,
    .medical-counter-text333 p,
    .medical-counter-text999 p,
    .medical-counter-text6666 p {
        font-size: 15px;
    }


    .medical-promo-container22222 {
        width: 88%;

        grid-template-columns: 1fr;

        gap: 20px;

        transform: translateY(-20px);
    }


    .medical-promo-card33333,
    .medical-promo-card66666,
    .medical-promo-card99999 {
        min-height: auto;

        padding: 25px 20px;

        gap: 18px;
    }


    .medical-promo-icon44444,
    .medical-promo-icon77777,
    .medical-promo-icon111111 {
        width: 58px;
        min-width: 58px;

        height: 58px;
    }


    .medical-promo-icon44444 img,
    .medical-promo-icon77777 img,
    .medical-promo-icon111111 img {
        width: 35px;
        height: 35px;
    }


    .medical-promo-info55555 h3,
    .medical-promo-info88888 h3,
    .medical-promo-info222222 h3 {
        font-size: 21px;
    }


    .medical-promo-info55555 p,
    .medical-promo-info222222 p,
    .medical-promo-info88888 a {
        font-size: 14px;
    }

}








/* =========================================
   ABOUT DOCTOR SECTION
========================================= */

.doctor-about-section11 {
    width: 100%;
    padding: 80px 0;

    background: #ffffff;

    overflow: hidden;
}


/* =========================================
   MAIN CONTAINER
========================================= */

.doctor-about-container22 {
    width: 90%;
    max-width: 1450px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 45% 55%;

    align-items: center;

    gap: 70px;
}


/* =========================================
   IMAGE BOX
========================================= */

.doctor-about-image-box33 {
    width: 100%;

    opacity: 0;
    transform: translateX(-80px);

    transition:
        opacity 1s ease,
        transform 1s ease;
}


/* =========================================
   IMAGE ANIMATION ACTIVE
========================================= */

.doctor-about-section11.doctor-about-visible444 .doctor-about-image-box33 {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   IMAGE WRAPPER
========================================= */

.doctor-about-image-wrap44 {
    width: 100%;

    border-radius: 15px;

    overflow: hidden;

    background: #eeeeee;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.08);
}


/* =========================================
   DOCTOR IMAGE
========================================= */

.doctor-about-image55 {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform 0.8s ease;
}


/* IMAGE HOVER */

.doctor-about-image-wrap44:hover .doctor-about-image55 {
    transform: scale(1.04);
}


/* =========================================
   RIGHT CONTENT
========================================= */

.doctor-about-content66 {
    padding: 10px 60px 10px 10px;

    opacity: 0;
    transform: translateX(80px);

    transition:
        opacity 1s ease,
        transform 1s ease;
}


/* =========================================
   CONTENT ANIMATION ACTIVE
========================================= */

.doctor-about-section11.doctor-about-visible444 .doctor-about-content66 {
    opacity: 1;
    transform: translateX(0);

    transition-delay: 0.2s;
}


/* =========================================
   SMALL TITLE
========================================= */

.doctor-about-small-title77 {
    display: block;

    margin-bottom: 15px;

    color: #28752c;

    font-size: 30px;
    font-weight: 700;

    line-height: 1.2;
}


/* =========================================
   MAIN HEADING
========================================= */

.doctor-about-heading88 {
    margin: 0 0 25px;

    color: #050505;

    font-size: 38px;
    font-weight: 700;

    line-height: 1.25;

    letter-spacing: -1px;
}


/* =========================================
   PARAGRAPH
========================================= */

.doctor-about-text111 {
    margin: 0 0 22px;

    color: #6a6a6a;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.75;
}


/* =========================================
   READ MORE BUTTON
========================================= */

.doctor-about-button222 {
    position: relative;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    min-width: 185px;
    height: 60px;

    margin-top: 18px;

    padding: 0 28px;

    color: #ffffff;

    background: #27852b;

    border-radius: 6px;

    text-decoration: none;

    font-size: 18px;
    font-weight: 500;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}


/* BUTTON SHINE */

.doctor-about-button222::before {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 80%;
    height: 100%;

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

    transform: skewX(-25deg);

    transition: left 0.6s ease;
}


/* BUTTON HOVER */

.doctor-about-button222:hover {
    color: #ffffff;

    background: #1e6e23;

    transform: translateY(-4px);

    box-shadow:
        0 12px 25px rgba(39, 133, 43, 0.25);
}


.doctor-about-button222:hover::before {
    left: 130%;
}


/* =========================================
   ARROW
========================================= */

.doctor-about-button222 i {
    font-size: 14px;

    transition:
        transform 0.3s ease;
}


.doctor-about-button222:hover i {
    transform: translateX(5px);
}


/* =========================================
   MOBILE
   ONLY MAX WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .doctor-about-section11 {
        padding: 50px 0;
    }


    /* MAIN CONTAINER */

    .doctor-about-container22 {
        width: 90%;

        display: flex;
        flex-direction: column;

        gap: 35px;
    }


    /* IMAGE */

    .doctor-about-image-box33 {
        width: 100%;

        transform: translateY(50px);
    }


    .doctor-about-section11.doctor-about-visible444 .doctor-about-image-box33 {
        transform: translateY(0);
    }


    .doctor-about-image-wrap44 {
        width: 100%;

        height: 480px;

        border-radius: 12px;
    }


    /* CONTENT */

    .doctor-about-content66 {
        width: 100%;

        padding: 0;

        transform: translateY(50px);

        text-align: left;
    }


    .doctor-about-section11.doctor-about-visible444 .doctor-about-content66 {
        transform: translateY(0);

        transition-delay: 0.2s;
    }


    /* SMALL TITLE */

    .doctor-about-small-title77 {
        margin-bottom: 12px;

        font-size: 27px;
    }


    /* HEADING */

    .doctor-about-heading88 {
        margin-bottom: 20px;

        font-size: 31px;

        line-height: 1.3;

        letter-spacing: -0.5px;
    }


    /* REMOVE DESKTOP BR */

    .doctor-about-break99 {
        display: none;
    }


    /* TEXT */

    .doctor-about-text111 {
        margin-bottom: 18px;

        font-size: 16px;

        line-height: 1.7;
    }


    /* BUTTON */

    .doctor-about-button222 {
        width: auto;

        min-width: 175px;

        height: 55px;

        margin-top: 8px;

        padding: 0 22px;

        font-size: 16px;
    }

}





/* service section css */

/* =========================================================
   NEURO SERVICES SLIDER
========================================================= */

.neuropro-section11 {
    width: 100%;
    padding: 90px 0;
    background: #f7f9f8;
    overflow: hidden;
}


.neuropro-container33 {
    width: 90%;
    max-width: 1380px;
    margin: 0 auto;
}


/* =========================================================
   HEADING
========================================================= */

.neuropro-heading44 {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;

    opacity: 0;
    transform: translateY(40px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}


.neuropro-section11.neuropro-started9999 .neuropro-heading44 {
    opacity: 1;
    transform: translateY(0);
}


.neuropro-subtitle55 {
    display: inline-block;
    margin-bottom: 12px;

    color: #287c2d;

    font-size: 15px;
    font-weight: 700;

    letter-spacing: 2px;
}


.neuropro-title66 {
    margin: 0;

    color: #111;

    font-size: 46px;
    font-weight: 700;

    line-height: 1.2;
}


.neuropro-heading-text77 {
    max-width: 720px;

    margin: 18px auto 0;

    color: #707070;

    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.neuropro-slider-wrap88 {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
}


/* =========================================================
   VIEWPORT
========================================================= */

.neuropro-slider1010 {
    width: 100%;

    overflow: hidden;
}


/* =========================================================
   TRACK
========================================================= */

.neuropro-track1111 {
    display: flex;

    gap: 28px;

    transition:
        transform 0.7s cubic-bezier(0.22,
            0.61,
            0.36,
            1);

    will-change: transform;
}


/* =========================================================
   SLIDE
========================================================= */

.neuropro-slide1212,
.neuropro-slide2121,
.neuropro-slide3030,
.neuropro-slide3939,
.neuropro-slide4848,
.neuropro-slide5757,
.neuropro-slide6666,
.neuropro-slide7575 {
    flex: 0 0 calc((100% - 56px) / 3);
    min-width: 0;
}


/* =========================================================
   CARD
========================================================= */

.neuropro-card1313,
.neuropro-card2222,
.neuropro-card3131,
.neuropro-card4040,
.neuropro-card4949,
.neuropro-card5858,
.neuropro-card6767,
.neuropro-card7676 {

    width: 100%;

    min-height: 440px;

    background: #fff;

    border: 1px solid #e8e8e8;

    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.06);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}


.neuropro-card1313:hover,
.neuropro-card2222:hover,
.neuropro-card3131:hover,
.neuropro-card4040:hover,
.neuropro-card4949:hover,
.neuropro-card5858:hover,
.neuropro-card6767:hover,
.neuropro-card7676:hover {

    transform: translateY(-10px);

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.14);
}


/* =========================================================
   IMAGE
========================================================= */

.neuropro-image-box1414,
.neuropro-image-box2323,
.neuropro-image-box3232,
.neuropro-image-box4141,
.neuropro-image-box5050,
.neuropro-image-box5959,
.neuropro-image-box6868,
.neuropro-image-box7777 {

    position: relative;

    width: 100%;
    height: 220px;

    overflow: hidden;

    background: #eee;
}


.neuropro-image1515,
.neuropro-image2424,
.neuropro-image3333,
.neuropro-image4242,
.neuropro-image5151,
.neuropro-image6060,
.neuropro-image6969,
.neuropro-image7878 {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.7s ease;
}


/* =========================================================
   IMAGE ZOOM
========================================================= */

.neuropro-card1313:hover .neuropro-image1515,
.neuropro-card2222:hover .neuropro-image2424,
.neuropro-card3131:hover .neuropro-image3333,
.neuropro-card4040:hover .neuropro-image4242,
.neuropro-card4949:hover .neuropro-image5151,
.neuropro-card5858:hover .neuropro-image6060,
.neuropro-card6767:hover .neuropro-image6969,
.neuropro-card7676:hover .neuropro-image7878 {

    transform: scale(1.08);
}


/* =========================================================
   ICON
========================================================= */

.neuropro-icon1616,
.neuropro-icon2525,
.neuropro-icon3434,
.neuropro-icon4343,
.neuropro-icon5252,
.neuropro-icon6161,
.neuropro-icon7070,
.neuropro-icon7979 {

    position: absolute;

    right: 20px;
    bottom: 10px;

    width: 70px;
    height: 70px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #2da231;

    border-radius: 50%;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.14);

    z-index: 3;

    animation:
        neuropro-float8888 3s ease-in-out infinite;
}


.neuropro-icon1616 img,
.neuropro-icon2525 img,
.neuropro-icon3434 img,
.neuropro-icon4343 img,
.neuropro-icon5252 img,
.neuropro-icon6161 img,
.neuropro-icon7070 img,
.neuropro-icon7979 img {

    width: 42px;
    height: 42px;

    object-fit: contain;
}


@keyframes neuropro-float8888 {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }

}


/* =========================================================
   CONTENT
========================================================= */

.neuropro-content1717,
.neuropro-content2626,
.neuropro-content3535,
.neuropro-content4444,
.neuropro-content5353,
.neuropro-content6262,
.neuropro-content7171,
.neuropro-content8080 {

    padding: 32px 25px 28px;
}


/* =========================================================
   TITLE
========================================================= */

.neuropro-card-title1818,
.neuropro-card-title2727,
.neuropro-card-title3636,
.neuropro-card-title4545,
.neuropro-card-title5454,
.neuropro-card-title6363,
.neuropro-card-title7272,
.neuropro-card-title8181 {

    margin: 0 0 13px;

    font-size: 21px;
    font-weight: 700;

    line-height: 1.35;
}


.neuropro-card-title1818 a,
.neuropro-card-title2727 a,
.neuropro-card-title3636 a,
.neuropro-card-title4545 a,
.neuropro-card-title5454 a,
.neuropro-card-title6363 a,
.neuropro-card-title7272 a,
.neuropro-card-title8181 a {

    color: #171717;

    text-decoration: none;

    transition:
        color 0.3s ease;
}


.neuropro-card1313:hover .neuropro-card-title1818 a,

.neuropro-card2222:hover .neuropro-card-title2727 a,

.neuropro-card3131:hover .neuropro-card-title3636 a,

.neuropro-card4040:hover .neuropro-card-title4545 a,

.neuropro-card4949:hover .neuropro-card-title5454 a,

.neuropro-card5858:hover .neuropro-card-title6363 a,

.neuropro-card6767:hover .neuropro-card-title7272 a,

.neuropro-card7676:hover .neuropro-card-title8181 a {

    color: #287c2d;
}


/* =========================================================
   TEXT
========================================================= */

.neuropro-card-text1919,
.neuropro-card-text2828,
.neuropro-card-text3737,
.neuropro-card-text4646,
.neuropro-card-text5555,
.neuropro-card-text6464,
.neuropro-card-text7373,
.neuropro-card-text8282 {

    margin: 0;

    color: #6c6c6c;

    font-size: 15px;

    line-height: 1.7;
}


/* =========================================================
   EXPLORE LINK
========================================================= */

.neuropro-link2020,
.neuropro-link2929,
.neuropro-link3838,
.neuropro-link4747,
.neuropro-link5656,
.neuropro-link6565,
.neuropro-link7474,
.neuropro-link8383 {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-top: 18px;

    color: #287c2d;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;

    transition:
        gap 0.3s ease;
}


.neuropro-link2020:hover,
.neuropro-link2929:hover,
.neuropro-link3838:hover,
.neuropro-link4747:hover,
.neuropro-link5656:hover,
.neuropro-link6565:hover,
.neuropro-link7474:hover,
.neuropro-link8383:hover {

    gap: 14px;
}


/* =========================================================
   PREVIOUS / NEXT
========================================================= */

.neuropro-prev99,
.neuropro-next8484 {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: none;

    border-radius: 50%;

    background: #287c2d;

    color: #fff;

    font-size: 16px;

    cursor: pointer;

    z-index: 10;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.18);

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


.neuropro-prev99 {
    left: -25px;
}


.neuropro-next8484 {
    right: -25px;
}


.neuropro-prev99:hover,
.neuropro-next8484:hover {

    background: #155d1a;

    transform:
        translateY(-50%) scale(1.1);
}


.neuropro-prev99:disabled,
.neuropro-next8484:disabled {

    opacity: 0.45;

    cursor: not-allowed;
}


/* =========================================================
   DOTS
========================================================= */

.neuropro-dots8585 {

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-top: 35px;
}


.neuropro-dot8686 {

    width: 10px;
    height: 10px;

    padding: 0;

    border: none;

    border-radius: 50%;

    background: #c9c9c9;

    cursor: pointer;

    transition:
        width 0.3s ease,
        background 0.3s ease;
}


.neuropro-dot8686.active8787 {

    width: 30px;

    border-radius: 10px;

    background: #287c2d;
}


/* =========================================================
   MOBILE ONLY
   MAX WIDTH 768PX
========================================================= */

@media (max-width: 768px) {

    .neuropro-section11 {
        padding: 55px 0;
    }


    .neuropro-container33 {
        width: 90%;
    }


    .neuropro-heading44 {
        margin-bottom: 35px;
    }


    .neuropro-subtitle55 {
        font-size: 13px;

        letter-spacing: 1.5px;
    }


    .neuropro-title66 {
        font-size: 30px;

        line-height: 1.3;
    }


    .neuropro-heading-text77 {
        margin-top: 14px;

        font-size: 15px;

        line-height: 1.6;
    }


    /* =========================
       ONE CARD ON MOBILE
    ========================== */

    .neuropro-slide1212,
    .neuropro-slide2121,
    .neuropro-slide3030,
    .neuropro-slide3939,
    .neuropro-slide4848,
    .neuropro-slide5757,
    .neuropro-slide6666,
    .neuropro-slide7575 {

        flex: 0 0 100%;
    }


    .neuropro-track1111 {
        gap: 0;
    }


    /* =========================
       MOBILE CARD
    ========================== */

    .neuropro-card1313,
    .neuropro-card2222,
    .neuropro-card3131,
    .neuropro-card4040,
    .neuropro-card4949,
    .neuropro-card5858,
    .neuropro-card6767,
    .neuropro-card7676 {

        min-height: auto;
    }


    /* =========================
       MOBILE IMAGE
    ========================== */

    .neuropro-image-box1414,
    .neuropro-image-box2323,
    .neuropro-image-box3232,
    .neuropro-image-box4141,
    .neuropro-image-box5050,
    .neuropro-image-box5959,
    .neuropro-image-box6868,
    .neuropro-image-box7777 {

        height: 220px;
    }


    /* =========================
       MOBILE CONTENT
    ========================== */

    .neuropro-content1717,
    .neuropro-content2626,
    .neuropro-content3535,
    .neuropro-content4444,
    .neuropro-content5353,
    .neuropro-content6262,
    .neuropro-content7171,
    .neuropro-content8080 {

        padding: 30px 20px 25px;
    }


    .neuropro-card-title1818,
    .neuropro-card-title2727,
    .neuropro-card-title3636,
    .neuropro-card-title4545,
    .neuropro-card-title5454,
    .neuropro-card-title6363,
    .neuropro-card-title7272,
    .neuropro-card-title8181 {

        font-size: 20px;
    }


    .neuropro-card-text1919,
    .neuropro-card-text2828,
    .neuropro-card-text3737,
    .neuropro-card-text4646,
    .neuropro-card-text5555,
    .neuropro-card-text6464,
    .neuropro-card-text7373,
    .neuropro-card-text8282 {

        font-size: 15px;

        line-height: 1.65;
    }


    /* =========================
       MOBILE ICON
    ========================== */

    .neuropro-icon1616,
    .neuropro-icon2525,
    .neuropro-icon3434,
    .neuropro-icon4343,
    .neuropro-icon5252,
    .neuropro-icon6161,
    .neuropro-icon7070,
    .neuropro-icon7979 {

        width: 62px;
        height: 62px;

        right: 15px;

        bottom: -22px;
    }


    .neuropro-icon1616 img,
    .neuropro-icon2525 img,
    .neuropro-icon3434 img,
    .neuropro-icon4343 img,
    .neuropro-icon5252 img,
    .neuropro-icon6161 img,
    .neuropro-icon7070 img,
    .neuropro-icon7979 img {

        width: 37px;
        height: 37px;
    }


    /* =========================
       MOBILE ARROWS
    ========================== */

    .neuropro-prev99,
    .neuropro-next8484 {

        width: 40px;
        height: 40px;

        font-size: 13px;
    }


    .neuropro-prev99 {
        left: -8px;
    }


    .neuropro-next8484 {
        right: -8px;
    }


    /* =========================
       MOBILE DOTS
    ========================== */

    .neuropro-dots8585 {
        margin-top: 25px;
    }

}






/* contact section css */



/* =========================================================
   APPOINTMENT SECTION
========================================================= */

.custom-appointment-section11 {
    width: 100%;
    padding: 30px 0 70px;
    background: #f0f3ff;
    overflow: hidden;
}


/* MAIN CONTAINER */

.custom-appointment-container22 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 5%;
    display: grid;
    grid-template-columns: 1fr 0.96fr;
    gap: 65px;
    align-items: start;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.custom-contact-area33 {
    width: 100%;
}

.custom-contact-heading44 {
    margin: 0 0 45px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;
    color: #287b2d;
}


/* GRID */

.custom-contact-grid55 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px 22px;
}


/* =========================================================
   CONTACT CARDS
========================================================= */

.custom-contact-card66,
.custom-contact-card99,
.custom-contact-card1212,
.custom-contact-card1515,
.custom-contact-card1818 {

    width: 100%;

    padding: 15px 25px;
    box-sizing: border-box;

    background: #ffffff;
    border-radius: 7px;

    display: flex;
    align-items: center;

    text-decoration: none;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;

    animation: customCardAppear3636 0.8s ease both;
}


/* HOVER */

.custom-contact-card66:hover,
.custom-contact-card99:hover,
.custom-contact-card1212:hover,
.custom-contact-card1515:hover,
.custom-contact-card1818:hover {

    transform: translateY(-6px);

    box-shadow:
        0 15px 30px rgba(0, 0, 0, 0.10);
}


/* =========================================================
   ICON
========================================================= */

.custom-contact-icon77,
.custom-contact-icon1010,
.custom-contact-icon1313,
.custom-contact-icon1616,
.custom-contact-icon1919 {

    width: 40px;
    min-width: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #29ad36;

    font-size: 27px;
}


/* =========================================================
   TEXT
========================================================= */

.custom-contact-text88,
.custom-contact-text1111,
.custom-contact-text1414,
.custom-contact-text1717,
.custom-contact-text2020 {

    min-width: 0;
    padding-left: 14px;

    display: flex;
    flex-direction: column;

    font-family: Arial, sans-serif;

    color: #111111;
}


/* HEADING */

.custom-contact-text88 strong,
.custom-contact-text1111 strong,
.custom-contact-text1414 strong,
.custom-contact-text1717 strong,
.custom-contact-text2020 strong {

    display: block;

    font-size: 16px;
    line-height: 1.3;

    font-weight: 700;

    white-space: normal;
    overflow-wrap: anywhere;
}


/* SECOND LINE */

.custom-contact-text88 span,
.custom-contact-text1111 span,
.custom-contact-text1717 span,
.custom-contact-text2020 span {

    display: block;

    margin-top: 4px;

    font-size: 15px;
    line-height: 1.35;

    font-weight: 600;

    white-space: normal;
    overflow-wrap: anywhere;
}


/* =========================================================
   WHATSAPP CARD
========================================================= */

.custom-contact-text1414 strong {
    font-size: 21px;
}


/* =========================================================
   RIGHT FORM BOX
========================================================= */

.custom-appointment-box2121 {

    width: 100%;
    box-sizing: border-box;

    padding: 42px 42px 40px;

    background: #ffffff;

    border-radius: 16px;

    box-shadow:
        0 8px 35px rgba(0, 0, 0, 0.05);

    animation: customFormAppear3737 0.9s ease both;
}


/* FORM */

.custom-appointment-form2323 {
    width: 100%;
}


/* FORM TITLE */

.custom-form-title2424 {

    margin: 0 0 32px;

    font-family: Arial, sans-serif;

    font-size: 23px;
    line-height: 1.25;

    font-weight: 700;

    color: #050505;
}


/* =========================================================
   FORM GROUP
========================================================= */

.custom-form-group2525,
.custom-form-group2727,
.custom-form-group2929,
.custom-form-group3131,
.custom-form-group3333 {

    width: 100%;
    margin-bottom: 27px;
}


/* =========================================================
   INPUT + TEXTAREA
========================================================= */

.custom-form-group2525 input,
.custom-form-group2727 input,
.custom-form-group2929 input,
.custom-form-group3131 input,
.custom-form-group3333 textarea {

    width: 100%;


    box-sizing: border-box;

    padding: 10px 28px;

    border: none;
    outline: none;

    border-radius: 7px;

    background: #f5f6fa;

    font-family: Arial, sans-serif;

    font-size: 15px;

    color: #222222;

    transition:
        background 0.3s ease,
        box-shadow 0.3s ease;
}


/* TEXTAREA */

.custom-form-group3333 textarea {

    height: 80px;

    padding-top: 25px;

    resize: vertical;
}


/* PLACEHOLDER */

.custom-form-group2525 input::placeholder,
.custom-form-group2727 input::placeholder,
.custom-form-group2929 input::placeholder,
.custom-form-group3131 input::placeholder,
.custom-form-group3333 textarea::placeholder {

    color: #888888;
    opacity: 1;
}


/* INPUT FOCUS */

.custom-form-group2525 input:focus,
.custom-form-group2727 input:focus,
.custom-form-group2929 input:focus,
.custom-form-group3131 input:focus,
.custom-form-group3333 textarea:focus {

    background: #ffffff;

    box-shadow:
        0 0 0 2px rgba(40, 123, 45, 0.20);
}


/* =========================================================
   BOOK BUTTON
========================================================= */

.custom-book-button3535 {

    width: 100%;
    padding: 10px;

    border: none;
    border-radius: 7px;

    background: #398c36;

    color: #000000;

    font-family: Arial, sans-serif;

    font-size: 15px;
    font-weight: 500;

    cursor: pointer;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.custom-book-button3535:hover {

    background: #287b2d;

    color: #ffffff;

    transform: translateY(-3px);

    box-shadow:
        0 10px 20px rgba(40, 123, 45, 0.20);
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes customCardAppear3636 {

    from {
        opacity: 0;
        transform: translateY(35px);
    }

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

}


@keyframes customFormAppear3737 {

    from {
        opacity: 0;
        transform: translateX(45px);
    }

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

}


/* =========================================================
   MOBILE ONLY
========================================================= */

@media (max-width: 768px) {

    .custom-appointment-section11 {
        padding: 45px 0 55px;
    }


    .custom-appointment-container22 {

        width: 100%;

        padding: 0 18px;

        display: flex;

        flex-direction: column;

        gap: 40px;
    }


    /* HEADING */

    .custom-contact-heading44 {

        margin-bottom: 30px;

        text-align: center;

        font-size: 32px;

        line-height: 1.2;
    }


    /* CONTACT GRID */

    .custom-contact-grid55 {

        display: flex;

        flex-direction: column;

        gap: 18px;
    }


    /* CARDS */

    .custom-contact-card66,
    .custom-contact-card99,
    .custom-contact-card1212,
    .custom-contact-card1515,
    .custom-contact-card1818 {

        min-height: 90px;

        padding: 18px;
    }


    /* ICON */

    .custom-contact-icon77,
    .custom-contact-icon1010,
    .custom-contact-icon1313,
    .custom-contact-icon1616,
    .custom-contact-icon1919 {

        width: 38px;
        min-width: 38px;

        font-size: 25px;
    }


    /* CARD TEXT */

    .custom-contact-text88,
    .custom-contact-text1111,
    .custom-contact-text1414,
    .custom-contact-text1717,
    .custom-contact-text2020 {

        padding-left: 10px;
    }


    .custom-contact-text88 strong,
    .custom-contact-text1111 strong,
    .custom-contact-text1414 strong,
    .custom-contact-text1717 strong,
    .custom-contact-text2020 strong {

        font-size: 18px;

        line-height: 1.35;
    }


    .custom-contact-text88 span,
    .custom-contact-text1111 span,
    .custom-contact-text1717 span,
    .custom-contact-text2020 span {

        font-size: 17px;

        line-height: 1.4;
    }


    .custom-contact-text1414 strong {

        font-size: 18px;
    }


    /* FORM BOX */

    .custom-appointment-box2121 {

        width: 100%;

        padding: 30px 20px;

        border-radius: 12px;
    }


    /* FORM TITLE */

    .custom-form-title2424 {

        margin-bottom: 25px;

        font-size: 25px;

        line-height: 1.3;
    }


    /* INPUTS */

    .custom-form-group2525,
    .custom-form-group2727,
    .custom-form-group2929,
    .custom-form-group3131,
    .custom-form-group3333 {

        margin-bottom: 18px;
    }


    .custom-form-group2525 input,
    .custom-form-group2727 input,
    .custom-form-group2929 input,
    .custom-form-group3131 input,
    .custom-form-group3333 textarea {

        height: 62px;

        padding: 0 18px;

        font-size: 17px;
    }


    .custom-form-group3333 textarea {

        height: 90px;

        padding-top: 20px;
    }


    /* BUTTON */

    .custom-book-button3535 {

        height: 62px;

        font-size: 18px;
    }

}





/* podcast section css */

/* =========================================================
   OUR PODCAST
========================================================= */

.our-podcast-section11 {
    width: 100%;
    padding: 80px 20px;
    background: #ffffff;
    overflow: hidden;
}

.our-podcast-container22 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Heading */

.our-podcast-heading33 {
    text-align: center;
    margin-bottom: 45px;
    opacity: 0;
    animation: podcastHeading44 0.8s ease forwards;
}

.our-podcast-heading33 h2 {
    margin: 0;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: #111111;
}

/* Cards */

.our-podcast-grid44 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.our-podcast-card55 {
    display: block;
    width: 100%;
    text-decoration: none;
    border-radius: 15px;
    overflow: hidden;
    background: #000;

    opacity: 0;
    transform: translateY(40px);

    animation: podcastCard66 0.8s ease forwards;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.our-podcast-card55:nth-child(1) {
    animation-delay: 0.15s;
}

.our-podcast-card55:nth-child(2) {
    animation-delay: 0.30s;
}

.our-podcast-card55:nth-child(3) {
    animation-delay: 0.45s;
}

/* Video */

.our-podcast-video66 {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    background: #000;
}

.our-podcast-video66 iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

/* Overlay */

.our-podcast-overlay77 {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

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

    pointer-events: none;

    transition: background 0.3s ease;
}

/* Play Button */

.our-podcast-play88 {
    width: 65px;
    height: 65px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

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

    color: #111111;

    font-size: 22px;

    transition:
        transform 0.3s ease,
        width 0.3s ease,
        height 0.3s ease;
}

/* Hover */

.our-podcast-card55:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.20);
}

.our-podcast-card55:hover .our-podcast-overlay77 {
    background: rgba(0, 0, 0, 0.15);
}

.our-podcast-card55:hover .our-podcast-play88 {
    width: 72px;
    height: 72px;
    transform: scale(1.05);
}


/* Heading Animation */

@keyframes podcastHeading44 {

    from {
        opacity: 0;
        transform: translateY(-25px);
    }

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

}


/* Card Animation */

@keyframes podcastCard66 {

    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

}


/* =========================================================
   MOBILE - MAX WIDTH 768PX
========================================================= */

@media (max-width: 768px) {

    .our-podcast-section11 {
        padding: 55px 15px;
    }

    .our-podcast-heading33 {
        margin-bottom: 30px;
    }

    .our-podcast-heading33 h2 {
        font-size: 30px;
    }

    .our-podcast-grid44 {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .our-podcast-card55 {
        border-radius: 12px;
    }

    .our-podcast-play88 {
        width: 55px;
        height: 55px;
        font-size: 19px;
    }

}


/* =========================================================
   LARGE DESKTOP - MIN WIDTH 1440PX
========================================================= */

@media (min-width: 1440px) {

    .our-podcast-section11 {
        padding: 100px 20px;
    }

    .our-podcast-container22 {
        max-width: 1320px;
    }

    .our-podcast-heading33 {
        margin-bottom: 55px;
    }

    .our-podcast-heading33 h2 {
        font-size: 46px;
    }

    .our-podcast-grid44 {
        gap: 35px;
    }

}





/* blog section css */



/* =========================================================
   CUSTOM BLOG SECTION
========================================================= */

.custom-blog-section11 {
    width: 100%;
    background: #f2f5ff;
    padding: 90px 0 100px;
    overflow: hidden;
}

.custom-blog-container22 {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================================
   HEADING
========================================================= */

.custom-blog-heading33 {
    width: 100%;
    text-align: center;
    margin-bottom: 45px;
    opacity: 0;
    transform: translateY(30px);
    animation: customBlogHeadingAnim34 0.8s ease forwards;
}

.custom-blog-heading33 h2 {
    margin: 0;
    color: #1d1d1d;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}


/* =========================================================
   SLIDER
========================================================= */

.custom-blog-slider44 {
    width: 100%;
    position: relative;

    overflow: hidden;
}

.custom-blog-track55 {
    width: 100%;
    display: flex;
    gap: 28px;
    transition: transform 0.65s cubic-bezier(0.77, 0, 0.175, 1);
    will-change: transform;
}


/* =========================================================
   BLOG CARD
========================================================= */

.custom-blog-card77,
.custom-blog-card777,
.custom-blog-card161616 {
    flex: 0 0 calc((100% - 56px) / 3);
    min-width: 0;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(25, 45, 80, 0.08);
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
    opacity: 0;
    transform: translateY(45px);
    animation: customBlogCardAnim35 0.8s ease forwards;
}

.custom-blog-card777 {
    animation-delay: 0.15s;
}

.custom-blog-card161616 {
    animation-delay: 0.3s;
}

.custom-blog-card77:hover,
.custom-blog-card777:hover,
.custom-blog-card161616:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 40px rgba(25, 45, 80, 0.15);
}


/* =========================================================
   IMAGE
========================================================= */

.custom-blog-image88,
.custom-blog-image888,
.custom-blog-image171717 {
    width: 100%;
    height: 255px;
    position: relative;
    overflow: hidden;
}

.custom-blog-image88 img,
.custom-blog-image888 img,
.custom-blog-image171717 img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition:
        transform 0.7s ease;
}

.custom-blog-card77:hover .custom-blog-image88 img,
.custom-blog-card777:hover .custom-blog-image888 img,
.custom-blog-card161616:hover .custom-blog-image171717 img {
    transform: scale(1.08);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.custom-blog-image-overlay99,
.custom-blog-image-overlay999,
.custom-blog-image-overlay181818 {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0.12));
    pointer-events: none;
}


/* =========================================================
   CONTENT
========================================================= */

.custom-blog-content111,
.custom-blog-content101010,
.custom-blog-content191919 {
    padding: 27px 27px 30px;
}


/* =========================================================
   DATE
========================================================= */

.custom-blog-date222,
.custom-blog-date111111,
.custom-blog-date202020 {
    display: inline-block;
    color: #318c37;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 13px;
    transition: color 0.3s ease;
}

.custom-blog-date222:hover,
.custom-blog-date111111:hover,
.custom-blog-date202020:hover {
    color: #17651e;
}


/* =========================================================
   TITLE
========================================================= */

.custom-blog-title333,
.custom-blog-title121212,
.custom-blog-title212121 {
    margin: 0 0 15px;
    min-height: 62px;
    font-size: 23px;
    line-height: 1.35;
    font-weight: 700;
}

.custom-blog-title333 a,
.custom-blog-title121212 a,
.custom-blog-title212121 a {
    color: #181818;
    text-decoration: none;
    transition: color 0.3s ease;
}

.custom-blog-title333 a:hover,
.custom-blog-title121212 a:hover,
.custom-blog-title212121 a:hover {
    color: #318c37;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.custom-blog-description444,
.custom-blog-description131313,
.custom-blog-description222222 {
    color: #666666;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 22px;
}


/* =========================================================
   READ MORE
========================================================= */

.custom-blog-read-more555,
.custom-blog-read-more141414,
.custom-blog-read-more232323 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #318c37;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition:
        color 0.3s ease,
        gap 0.3s ease;
}

.custom-blog-read-more555:hover,
.custom-blog-read-more141414:hover,
.custom-blog-read-more232323:hover {
    color: #17651e;
    gap: 15px;
}


/* =========================================================
   ARROW ICON
========================================================= */

.custom-blog-arrow666,
.custom-blog-arrow151515,
.custom-blog-arrow242424 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: transform 0.3s ease;
}

.custom-blog-read-more555:hover .custom-blog-arrow666,
.custom-blog-read-more141414:hover .custom-blog-arrow151515,
.custom-blog-read-more232323:hover .custom-blog-arrow242424 {
    transform: translateX(3px);
}


/* =========================================================
   SLIDER BUTTONS
========================================================= */

.custom-blog-prev252525,
.custom-blog-next272727 {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%;
    background: #ffffff;
    color: #318c37;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.13);
    cursor: pointer;
    z-index: 5;
    transform: translateY(-50%);
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.custom-blog-prev252525 {
    left: 10px;
}

.custom-blog-next272727 {
    right: 10px;
}

.custom-blog-prev252525:hover,
.custom-blog-next272727:hover {
    background: #318c37;
    color: #ffffff;
    transform: translateY(-50%) scale(1.08);
}


/* =========================================================
   DOTS
========================================================= */

.custom-blog-dots292929 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin-top: 35px;
}

.custom-blog-dot313131,
.custom-blog-dot323232,
.custom-blog-dot333333 {
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #c8c8c8;
    cursor: pointer;
    transition:
        width 0.3s ease,
        background 0.3s ease;
}

.custom-blog-dot313131.active,
.custom-blog-dot323232.active,
.custom-blog-dot333333.active {
    width: 28px;
    border-radius: 10px;
    background: #318c37;
}

.custom-blog-slider44 {
    position: relative;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
}

.custom-blog-slider44.dragging {
    cursor: grabbing;
}

.custom-blog-track55 {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}

.custom-blog-track55 img {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes customBlogHeadingAnim34 {

    0% {
        opacity: 0;
        transform: translateY(30px);
    }

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


@keyframes customBlogCardAnim35 {

    0% {
        opacity: 0;
        transform: translateY(45px);
    }

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


/* =========================================================
   MOBILE ONLY - MAX 768PX
========================================================= */

@media (max-width: 768px) {

    .custom-blog-section11 {
        padding: 60px 0 70px;
        overflow: hidden;
    }

    .custom-blog-container22 {
        width: 100%;
        padding: 0 15px;
        overflow: hidden;
    }

    .custom-blog-heading33 {
        margin-bottom: 30px;
    }

    .custom-blog-heading33 h2 {
        font-size: 28px;
        line-height: 1.3;
    }


    /* =====================================================
       SLIDER TRACK
    ===================================================== */

    .custom-blog-slider44 {
        width: 100%;
        position: relative;
        overflow: hidden;
        cursor: grab;
        touch-action: pan-y;
    }

    .custom-blog-slider44.is-dragging {
        cursor: grabbing;
    }


    .custom-blog-track55 {
        display: flex;
        flex-wrap: nowrap;
        gap: 0;

        width: 100%;

        transform: translate3d(0, 0, 0);

        transition: transform 0.45s ease;

        will-change: transform;

        user-select: none;
        -webkit-user-select: none;
    }

    .custom-blog-track55.is-dragging {
        transition: none;
    }


    /* =====================================================
       ONE CARD AT A TIME
    ===================================================== */

    .custom-blog-card77,
    .custom-blog-card777,
    .custom-blog-card161616 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;

        min-width: 100%;

        margin: 0;

     
    }


    /* Images */
    .custom-blog-image88,
    .custom-blog-image888,
    .custom-blog-image171717 {
        width: 100%;
        height: 220px;
        overflow: hidden;
    }

    .custom-blog-image88 img,
    .custom-blog-image888 img,
    .custom-blog-image171717 img {
        width: 100%;
        height: 100%;
        object-fit: cover;

        user-select: none;
        -webkit-user-drag: none;
        pointer-events: none;
    }


    /* Content */
    .custom-blog-content111,
    .custom-blog-content101010,
    .custom-blog-content191919 {
        padding: 22px 20px 25px;
    }


    /* Title */
    .custom-blog-title333,
    .custom-blog-title121212,
    .custom-blog-title212121 {
        min-height: auto;

        font-size: 21px;
        line-height: 1.4;
    }


    /* Description */
    .custom-blog-description444,
    .custom-blog-description131313,
    .custom-blog-description222222 {
        font-size: 15px;
        line-height: 1.6;
    }


    /* =====================================================
       ARROWS
    ===================================================== */

    .custom-blog-prev252525,
    .custom-blog-next272727 {
        width: 40px;
        height: 40px;

        font-size: 13px;

        z-index: 20;
    }

    .custom-blog-prev252525 {
        left: 7px;
    }

    .custom-blog-next272727 {
        right: 7px;
    }


    /* =====================================================
       DOTS
    ===================================================== */

    .custom-blog-dots292929 {
        margin-top: 25px;
    }

}






/* footer section css */


/* =========================================================
   FOOTER MAIN
========================================================= */

.footer-section11 {
    width: 100%;
    background: #287d27;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}


/* =========================================================
   FOOTER CONTAINER
========================================================= */

.footer-container22 {
    width: 88%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 70px 0 75px;

    display: grid;
    grid-template-columns:
        1.45fr 0.75fr 1.05fr 1.15fr;

    column-gap: 65px;

    animation: footerContainerAnim33 0.9s ease both;
}


@keyframes footerContainerAnim33 {

    from {
        opacity: 0;
        transform: translateY(35px);
    }

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

}


/* =========================================================
   TITLES
========================================================= */

.footer-title55,
.footer-title999,
.footer-title4444,
.footer-title8888 {
    margin: 0;
    font-size: 20px;
    line-height: 0.2;
    font-weight: 700;
    color: #ffffff;
}


/* =========================================================
   TITLE LINES
========================================================= */

.footer-title-line66,
.footer-title-line1111,
.footer-title-line5555,
.footer-title-line9999 {
    width: 150px;
    height: 3px;
    background: rgba(255, 255, 255, 0.25);
    margin-top: 30px;
    margin-bottom: 38px;
    position: relative;
    overflow: hidden;
}


.footer-title-line66 span,
.footer-title-line1111 span,
.footer-title-line5555 span,
.footer-title-line9999 span {
    display: block;
    width: 52px;
    height: 3px;
    background: #32b82f;
    animation: footerLineAnim111 2s ease-in-out infinite;
}


@keyframes footerLineAnim111 {

    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(95px);
    }

    100% {
        transform: translateX(0);
    }

}


/* =========================================================
   CONTACT ITEMS
========================================================= */

.footer-contact-item77,
.footer-contact-item111,
.footer-contact-item444 {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 27px;
}


.footer-icon88,
.footer-icon222,
.footer-icon555 {
    width: 22px;
    min-width: 22px;
    padding-top: 4px;

    color: #2fc334;
    font-size: 21px;

    transition: transform 0.3s ease;
}


.footer-contact-item77:hover .footer-icon88,
.footer-contact-item111:hover .footer-icon222,
.footer-contact-item444:hover .footer-icon555 {
    transform: translateY(-4px) scale(1.1);
}


/* =========================================================
   CONTACT CONTENT
========================================================= */

.footer-contact-content99 h4,
.footer-contact-content333 h4,
.footer-contact-content666 h4 {
    margin: 0 0 12px;

    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
}


.footer-contact-content99 p {
    margin: 0;

    max-width: 500px;

    font-size: 15px;
    line-height: 1.75;

    color: rgba(255, 255, 255, 0.82);
}


.footer-contact-content333 a,
.footer-contact-content666 a {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;

    font-size: 18px;

    transition:
        color 0.3s ease,
        padding-left 0.3s ease;
}


.footer-contact-content333 a:hover,
.footer-contact-content666 a:hover {
    color: #32c432;
    padding-left: 5px;
}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.footer-social777 {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 38px;
}


.footer-social777 a {
    width: 53px;
    height: 53px;

    border-radius: 50%;

    background: #ffffff;
    color: #22b82a;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    font-size: 21px;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease;
}


.footer-social777 a:hover {
    transform: translateY(-7px) rotate(8deg);
    background: #32bd32;
    color: #ffffff;
}


/* =========================================================
   FOOTER MENUS
========================================================= */

.footer-menu2222,
.footer-menu6666 {
    margin: 0;
    padding: 0;
    list-style: none;
}


.footer-menu2222 li,
.footer-menu6666 li {
    margin-bottom: 25px;
}


.footer-menu2222 a,
.footer-menu6666 a {
    display: flex;
    align-items: center;
    gap: 11px;

    color: rgba(255, 255, 255, 0.85);

    text-decoration: none;

    font-size: 16px;
    line-height: 1.35;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


.footer-menu2222 a i,
.footer-menu6666 a i {
    font-size: 13px;
    color: #ffffff;
    transition: transform 0.3s ease;
}


.footer-menu2222 a:hover,
.footer-menu6666 a:hover {
    color: #32c432;
    transform: translateX(7px);
}


.footer-menu2222 a:hover i,
.footer-menu6666 a:hover i {
    color: #32c432;
    transform: translateX(4px);
}


/* =========================================================
   MAP
========================================================= */

.footer-map-wrapper11111 {

    overflow: hidden;
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}


.footer-map-wrapper11111:hover {
    transform: translateY(-5px);

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.25);
}


.footer-map-wrapper11111 iframe {


    border: 0;

    display: block;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.footer-bottom22222 {
    width: 100%;

    border-top: 1px solid rgba(255, 255, 255, 0.16);

    padding: 28px 20px;

    text-align: center;
}


.footer-bottom22222 p {
    margin: 0;

    color: #ffffff;

    font-size: 14px;
    line-height: 1.5;
}


.footer-bottom22222 a {
    color: #28c32f;
    font-weight: 500;
}


/* =========================================================
   FLOATING CONTACT
========================================================= */

.floating-contact33333 {
    position: fixed;

    right: 25px;
    bottom: 30px;

    z-index: 9999;

    display: flex;
    flex-direction: column;

    gap: 18px;

    animation: floatingButtonsAnim444 1s ease both;
}


@keyframes floatingButtonsAnim444 {

    from {
        opacity: 0;
        transform: translateX(-40px);
    }

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

}


.floating-whatsapp44444,
.floating-call55555,
.floating-map66666 {
    width: 50px;
    height: 50px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    font-size: 26px;

    box-shadow:
        0 7px 20px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.floating-whatsapp44444 {
    background: #24b82d;
    color: #ffffff;
}


.floating-call55555 {
    background: #27b39b;
    color: #ffffff;
}


.floating-map66666 {
    background: #ffffff;
    color: #2781c5;
}


.floating-whatsapp44444:hover,
.floating-call55555:hover,
.floating-map66666:hover {
    transform: scale(1.13) translateY(-5px);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.25);
}



/* =========================================================
   MOBILE ONLY
========================================================= */

@media (max-width: 768px) {

    .footer-container22 {
        width: 88%;
        padding: 55px 0 45px;

        display: block;
    }


    .footer-column33,
    .footer-column888,
    .footer-column3333,
    .footer-column7777 {
        width: 100%;
        margin-bottom: 55px;
    }


    .footer-title55,
    .footer-title999,
    .footer-title4444,
    .footer-title8888 {
        font-size: 25px;
    }


    .footer-title-line66,
    .footer-title-line1111,
    .footer-title-line5555,
    .footer-title-line9999 {
        margin-top: 20px;
        margin-bottom: 28px;
    }


    .footer-contact-item77,
    .footer-contact-item111,
    .footer-contact-item444 {
        margin-bottom: 25px;
    }


    .footer-contact-content99 h4,
    .footer-contact-content333 h4,
    .footer-contact-content666 h4 {
        font-size: 20px;
    }


    .footer-contact-content99 p,
    .footer-contact-content333 a,
    .footer-contact-content666 a {
        font-size: 17px;
    }


    .footer-menu2222 a,
    .footer-menu6666 a {
        font-size: 17px;
    }


    .footer-menu2222 li,
    .footer-menu6666 li {
        margin-bottom: 18px;
    }


    .footer-map-wrapper11111 {
        height: 300px;
    }


    .footer-social777 {
        margin-top: 28px;
    }


    .footer-social777 a {
        width: 48px;
        height: 48px;
    }


    .footer-bottom22222 {
        padding: 22px 15px;
    }


    .footer-bottom22222 p {
        font-size: 15px;
    }


    .floating-contact33333 {
        left: 15px;
        bottom: 20px;
        gap: 12px;
    }


    .floating-whatsapp44444,
    .floating-call55555,
    .floating-map66666 {
        width: 52px;
        height: 52px;
        font-size: 27px;
    }


    .footer-scroll-top77777 {
        right: 15px;
        bottom: 25px;

        width: 52px;
        height: 52px;

        font-size: 20px;
    }

}



@keyframes footerFloatPulse555 {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.16);
    }

    100% {
        transform: scale(1);
    }

}






/* about section navbar page css */




/* =========================================
   ABOUT US BANNER
========================================= */

.about-banner-aa {
    position: relative;
    width: 100%;
    min-height: 300px;


    background-size: cover;
    background-position: center;

    display: flex;
    align-items: center;

    overflow: hidden;
}


/* DARK OVERLAY */

.about-overlay-bb {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;


}


/* CONTAINER */

.about-container-cc {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1320px;

    margin: auto;
    padding: 0 60px;
}


/* CONTENT */

.about-content-dd {
    color: #ffffff;
}


/* HEADING */

.about-content-dd h1 {
    margin: 0 0 22px;

    font-size: 52px;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 0.5px;
}


/* BREADCRUMB */

.breadcrumb-ee {
    display: flex;
    align-items: center;

    gap: 18px;

    font-size: 24px;
    font-weight: 400;

    color: rgba(255, 255, 255, 0.9);
}


.breadcrumb-ee a {
    color: #ffffff;

    text-decoration: none;

    transition: 0.3s ease;
}


.breadcrumb-ee a:hover {
    opacity: 0.75;
}


/* ARROW CIRCLE */

.breadcrumb-arrow-ff {
    width: 46px;
    height: 46px;

    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 28px;

    line-height: 1;

    transition: 0.3s ease;
}


.breadcrumb-arrow-ff:hover {
    transform: translateX(4px);
}


/* MOBILE */

@media (max-width: 768px) {

    .about-banner-aa {
        min-height: 380px;
        background-position: center;
    }

    .about-container-cc {
        padding: 0 25px;
    }

    .about-content-dd h1 {
        font-size: 38px;
        margin-bottom: 18px;
    }

    .breadcrumb-ee {
        font-size: 19px;
        gap: 12px;
    }

    .breadcrumb-arrow-ff {
        width: 40px;
        height: 40px;

        font-size: 23px;
    }

}




/* services page design css */





/* =========================================================
   UBE SURGERY SECTION
========================================================= */

.ube-surgery-section11 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 85px 0 80px;
    background:
        linear-gradient(135deg,
            #ffffff 0%,
            #f8fcff 48%,
            #eefaf4 100%);
    font-family: Arial, Helvetica, sans-serif;
    color: #102b4e;
}


/* =========================================================
   CONTAINER
========================================================= */

.ube-container111 {
    width: 92%;
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
    z-index: 5;

    display: grid;
    grid-template-columns: 48% 52%;
    align-items: center;
    gap: 10px;
}


/* =========================================================
   BACKGROUND SHAPES
========================================================= */

.ube-bg-shape33 {
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.ube-bg-shape-left44 {
    left: -180px;
    bottom: -180px;
    width: 620px;
    height: 420px;
    border-radius: 50%;
    background: rgba(32, 160, 77, 0.09);
    transform: rotate(25deg);
}

.ube-bg-shape-right55 {
    right: -200px;
    bottom: -220px;
    width: 650px;
    height: 380px;
    border-radius: 50%;
    background: rgba(42, 174, 94, 0.08);
    transform: rotate(-20deg);
}


/* =========================================================
   SPINE BACKGROUND
========================================================= */

.ube-spine-bg22 {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 1;

    font-size: 570px;
    line-height: 1;

    color: rgba(24, 91, 150, 0.045);

    transform: rotate(7deg);

    animation: ubeSpineFloat488 7s ease-in-out infinite;
}

@keyframes ubeSpineFloat488 {

    0% {
        transform: rotate(7deg) translateY(0);
    }

    50% {
        transform: rotate(7deg) translateY(18px);
    }

    100% {
        transform: rotate(7deg) translateY(0);
    }

}


/* =========================================================
   IMAGE COLUMN
========================================================= */

.ube-image-column122 {
    position: relative;
    z-index: 6;
}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.ube-image-wrapper144 {
    position: relative;
    width: 92%;
    margin-left: 15px;
}


/* =========================================================
   GREEN BACK LAYER
========================================================= */

.ube-green-layer155 {
    position: absolute;
    width: 94%;
    height: 91%;

    right: -20px;
    bottom: -18px;

    border-radius: 20px;

    background: #23963f;

    z-index: 1;

    animation: ubeGreenLayerFloat489 5s ease-in-out infinite;
}

@keyframes ubeGreenLayerFloat489 {

    0% {
        transform: translateY(0);
    }

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

    100% {
        transform: translateY(0);
    }

}


/* =========================================================
   MAIN IMAGE BOX
========================================================= */

.ube-main-image-box166 {
    position: relative;
    width: 100%;
    height: 535px;

    overflow: hidden;

    border-radius: 20px;

    background: #0c2e4d;

    box-shadow:
        0 25px 55px rgba(10, 45, 80, 0.20);

    z-index: 3;
}


/* =========================================================
   IMAGE
========================================================= */

.ube-main-image177 {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 1.2s ease,
        filter 1.2s ease;
}

.ube-main-image-box166:hover .ube-main-image177 {
    transform: scale(1.055);
    filter: brightness(1.05);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.ube-image-overlay188 {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(to top,
            rgba(4, 24, 43, 0.93) 0%,
            rgba(4, 24, 43, 0.20) 50%,
            rgba(4, 24, 43, 0.02) 100%);

    z-index: 4;
}


/* =========================================================
   IMAGE TEXT
========================================================= */

.ube-image-text-box199 {
    position: absolute;

    left: 28px;
    bottom: 28px;

    z-index: 6;

    animation: ubeTextUp490 1s ease both;
}

@keyframes ubeTextUp490 {

    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

}

.ube-image-small-title200 {
    margin: 0;

    color: #ffffff;

    font-size: 25px;
    line-height: 1.22;

    font-weight: 700;

    text-shadow:
        0 3px 12px rgba(0, 0, 0, 0.4);
}

.ube-image-main-title211 {
    margin: 7px 0 0;

    color: #ffffff;

    font-size: 36px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: -1px;
}


/* =========================================================
   IMAGE BENEFITS
========================================================= */

.ube-image-benefits222 {
    position: absolute;

    right: 25px;
    bottom: 27px;

    z-index: 6;

    color: #ffffff;

    min-width: 185px;

    animation: ubeBenefitsSlide491 1.2s ease both;
}

@keyframes ubeBenefitsSlide491 {

    from {
        opacity: 0;
        transform: translateX(30px);
    }

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

}

.ube-relief-title233 {
    margin: 0 0 12px;

    font-size: 23px;
    line-height: 1.1;

    font-weight: 800;
}

.ube-image-benefit244 {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 8px;

    font-size: 15px;
    font-weight: 600;
}

.ube-check-icon255 {
    width: 24px;
    height: 24px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #4dcc2b;

    color: #ffffff;

    font-size: 12px;

    box-shadow: 0 0 0 3px rgba(77, 204, 43, 0.15);

    animation: ubeCheckPulse492 2s infinite;
}

@keyframes ubeCheckPulse492 {

    0% {
        box-shadow: 0 0 0 0 rgba(77, 204, 43, 0.4);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(77, 204, 43, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(77, 204, 43, 0);
    }

}


/* =========================================================
   CONTENT COLUMN
========================================================= */

.ube-content-column266 {
    position: relative;
    z-index: 6;

    padding: 0 10px 0 20px;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.ube-heading-wrapper277 {
    margin-bottom: 17px;
}

.ube-main-heading288 {
    margin: 0;

    font-size: 67px;
    line-height: 0.95;

    font-weight: 800;

    letter-spacing: -2px;
}

.ube-heading-blue299 {
    color: #092f61;
}

.ube-heading-green300 {
    color: #087d42;
}

.ube-sub-heading311 {
    margin: 10px 0 0;

    font-size: 25px;

    font-weight: 600;

    color: #123b68;
}

.ube-heading-line322 {
    width: 150px;
    height: 4px;

    margin-top: 18px;

    border-radius: 10px;

    background: #26963d;

    position: relative;

    overflow: hidden;
}

.ube-heading-line322::after {
    content: "";

    position: absolute;

    top: 0;
    left: -100%;

    width: 100%;
    height: 100%;

    background: #72d68a;

    animation: ubeLineMove493 2.5s linear infinite;
}

@keyframes ubeLineMove493 {

    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }

}


/* =========================================================
   CONTENT TITLE
========================================================= */

.ube-content-title333 {
    margin: 0 0 14px;

    color: #102e55;

    font-size: 27px;
    line-height: 1.2;

    font-weight: 800;
}


/* =========================================================
   CONTENT TEXT
========================================================= */

.ube-content-text344 {
    margin: 0 0 16px;

    max-width: 750px;

    color: #252525;

    font-size: 17px;
    line-height: 1.48;

    font-weight: 400;
}


/* =========================================================
   BENEFITS GRID
========================================================= */

.ube-benefits-grid355 {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 18px;

    margin-top: 22px;
}


/* =========================================================
   BENEFIT CARD
========================================================= */

.ube-benefit-card366 {
    text-align: center;

    padding: 2px 4px;

    transition:
        transform 0.35s ease;
}

.ube-benefit-card366:hover {
    transform: translateY(-9px);
}


/* =========================================================
   BENEFIT ICON
========================================================= */

.ube-benefit-icon388 {
    width: 88px;
    height: 88px;

    margin: 0 auto 11px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(145deg,
            #e7f9e9,
            #d2f2d8);

    color: #087d42;

    font-size: 37px;

    box-shadow:
        0 10px 25px rgba(21, 128, 67, 0.08);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.ube-benefit-card366:hover .ube-benefit-icon388 {
    transform:
        rotateY(180deg) scale(1.08);

    box-shadow:
        0 15px 30px rgba(21, 128, 67, 0.18);
}


/* =========================================================
   BENEFIT TITLE
========================================================= */

.ube-benefit-title399 {
    margin: 0;

    color: #102f56;

    font-size: 16px;
    line-height: 1.18;

    font-weight: 800;
}


/* =========================================================
   BENEFIT TEXT
========================================================= */

.ube-benefit-text400 {
    margin: 5px 0 0;

    color: #536174;

    font-size: 15px;
    line-height: 1.3;

    font-weight: 500;
}


/* =========================================================
   BOTTOM CONSULTATION
========================================================= */

.ube-consultation-wrapper411 {
    width: 94%;

    margin: 60px auto 0;

    position: relative;
    z-index: 8;
}


/* =========================================================
   CONSULTATION INNER
========================================================= */

.ube-consultation-inner422 {
    min-height: 108px;

    display: grid;

    grid-template-columns:
        90px 1fr 365px;

    align-items: center;

    gap: 25px;

    padding: 14px 28px;

    border-radius: 20px;

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

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

    box-shadow:
        0 15px 40px rgba(31, 106, 61, 0.08);

    backdrop-filter: blur(10px);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.ube-consultation-inner422:hover {
    transform: translateY(-4px);

    box-shadow:
        0 20px 50px rgba(31, 106, 61, 0.13);
}


/* =========================================================
   CONSULTATION ICON
========================================================= */

.ube-consultation-icon433 {
    width: 78px;
    height: 78px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #d8f5d9;

    color: #078141;

    font-size: 40px;

    animation: ubeIconFloat494 3s ease-in-out infinite;
}

@keyframes ubeIconFloat494 {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }

    100% {
        transform: translateY(0);
    }

}


/* =========================================================
   CONSULTATION TEXT
========================================================= */

.ube-consultation-text444 p {
    margin: 0;

    color: #151515;

    font-size: 18px;
    line-height: 1.5;

    font-weight: 500;
}


/* =========================================================
   CONSULTATION BUTTON AREA
========================================================= */

.ube-consultation-button-area455 {
    display: flex;
    justify-content: flex-end;
}


/* =========================================================
   CONSULTATION BUTTON
========================================================= */

.ube-consultation-button466 {
    min-height: 72px;

    width: 100%;

    padding: 0 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-radius: 16px;

    text-decoration: none;

    color: #ffffff;

    background-color: #26963d;

    font-size: 20px;

    font-weight: 800;

    box-shadow:
        0 12px 25px rgba(23, 140, 57, 0.22);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.ube-consultation-button466:hover {
    transform: translateY(-4px);

    color: #26963d;

    box-shadow:
        0 18px 35px rgba(23, 140, 57, 0.30);

    background-color: #ffffff;
    border: 0.5px solid #000;
}

.ube-consultation-button466 i {
    font-size: 22px;

    transition:
        transform 0.3s ease;
}

.ube-consultation-button466:hover i {
    transform: translateX(8px);
}


/* =========================================================
   FLOATING CONTACT
========================================================= */

.ube-floating-contact66 {
    position: fixed;

    left: 30px;
    top: 50%;

    transform: translateY(-50%);

    display: flex;
    flex-direction: column;

    gap: 17px;

    z-index: 1000;
}


/* =========================================================
   FLOAT BUTTON
========================================================= */

.ube-float-btn77 {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    text-decoration: none;

    font-size: 28px;

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

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.ube-float-btn77:hover {
    transform:
        scale(1.12) rotate(5deg);

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.22);
}


/* =========================================================
   WHATSAPP
========================================================= */

.ube-whatsapp88 {
    background: #1fb54a;

    animation:
        ubeFloatButton495 3s ease-in-out infinite;
}


/* =========================================================
   CALL
========================================================= */

.ube-call99 {
    background: #27bfa8;

    animation:
        ubeFloatButton495 3s 0.4s ease-in-out infinite;
}


/* =========================================================
   MAP
========================================================= */

.ube-map100 {
    background:
        linear-gradient(145deg,
            #36a9e1,
            #ef4539);

    animation:
        ubeFloatButton495 3s 0.8s ease-in-out infinite;
}


@keyframes ubeFloatButton495 {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }

}


/* =========================================================
   SCROLL REVEAL
========================================================= */

.ube-reveal133 {

    transform:
        translateY(45px);

    transition:
        opacity 0.9s ease,
        transform 0.9s ease;
}

.ube-reveal133.ube-visible496 {
    opacity: 1;

    transform:
        translateY(0);
}


/* =========================================================
   BENEFIT ANIMATION
========================================================= */

.ube-benefit-animation377 {


    transform:
        translateY(25px);
}

.ube-benefit-animation377.ube-benefit-visible497 {
    animation:
        ubeBenefitAppear498 0.7s ease forwards;
}

.ube-benefit-animation377:nth-child(1) {
    animation-delay: 0.1s;
}

.ube-benefit-animation377:nth-child(2) {
    animation-delay: 0.25s;
}

.ube-benefit-animation377:nth-child(3) {
    animation-delay: 0.4s;
}

.ube-benefit-animation377:nth-child(4) {
    animation-delay: 0.55s;
}

@keyframes ubeBenefitAppear498 {

    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

}


/* =========================================================
   MOBILE RESPONSIVE
   ONLY MAX-WIDTH 768PX
========================================================= */

@media (max-width: 768px) {

    .ube-surgery-section11 {
        padding: 55px 0 25px;
    }


    /* Container */

    .ube-container111 {
        width: 92%;

        display: flex;
        flex-direction: column;

        gap: 45px;
    }


    /* Hide background spine */

    .ube-spine-bg22 {
        right: -90px;
        top: 250px;

        font-size: 300px;

        opacity: 0.7;
    }


    /* Floating Buttons */

    .ube-floating-contact66 {
        left: auto;
        right: 12px;

        top: auto;
        bottom: 18px;

        transform: none;

        gap: 10px;
    }

    .ube-float-btn77 {
        width: 48px;
        height: 48px;

        font-size: 22px;
    }


    /* Image */

    .ube-image-wrapper144 {
        width: 100%;
        margin-left: 0;
    }

    .ube-main-image-box166 {
        height: 430px;

        border-radius: 16px;
    }

    .ube-green-layer155 {
        right: -10px;
        bottom: -10px;

        border-radius: 16px;
    }


    /* Image Text */

    .ube-image-text-box199 {
        left: 18px;
        bottom: 18px;
    }

    .ube-image-small-title200 {
        font-size: 19px;
    }

    .ube-image-main-title211 {
        font-size: 29px;
    }


    /* Image Benefits */

    .ube-image-benefits222 {
        right: 16px;
        bottom: 18px;

        min-width: 145px;
    }

    .ube-relief-title233 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .ube-image-benefit244 {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .ube-check-icon255 {
        width: 20px;
        height: 20px;

        font-size: 10px;
    }


    /* Content */

    .ube-content-column266 {
        width: 100%;
        padding: 0;
    }


    /* Heading */

    .ube-main-heading288 {
        font-size: 48px;
        letter-spacing: -1px;
    }

    .ube-sub-heading311 {
        font-size: 18px;
        line-height: 1.3;
    }

    .ube-heading-line322 {
        width: 110px;
        height: 3px;
    }


    /* Content */

    .ube-content-title333 {
        font-size: 22px;
        line-height: 1.25;
    }

    .ube-content-text344 {
        font-size: 15px;
        line-height: 1.6;
    }


    /* Benefits */

    .ube-benefits-grid355 {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 30px 10px;

        margin-top: 30px;
    }

    .ube-benefit-icon388 {
        width: 72px;
        height: 72px;

        font-size: 29px;
    }

    .ube-benefit-title399 {
        font-size: 14px;
    }

    .ube-benefit-text400 {
        font-size: 13px;
    }


    /* Consultation */

    .ube-consultation-wrapper411 {
        width: 92%;

        margin-top: 45px;
    }

    .ube-consultation-inner422 {
        display: flex;
        flex-direction: column;

        gap: 15px;

        padding: 25px 18px;

        text-align: center;

        border-radius: 18px;
    }

    .ube-consultation-icon433 {
        width: 65px;
        height: 65px;

        font-size: 32px;
    }

    .ube-consultation-text444 p {
        font-size: 15px;
        line-height: 1.55;
    }

    .ube-consultation-button-area455 {
        width: 100%;
    }

    .ube-consultation-button466 {
        min-height: 58px;

        padding: 0 20px;

        font-size: 16px;

        border-radius: 12px;
    }

}