.elementor-36 .elementor-element.elementor-element-ba00658{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36 .elementor-element.elementor-element-423adea{width:100%;max-width:100%;}.elementor-36 .elementor-element.elementor-element-423adea img{width:100%;}.elementor-36 .elementor-element.elementor-element-6845edf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-f653f7c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-8789b48{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-36 .elementor-element.elementor-element-8789b48 .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-7c5af74 );}.elementor-36 .elementor-element.elementor-element-36a2543{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-36 .elementor-element.elementor-element-36a2543 .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-99192c1 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-13add73{text-align:center;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-36 .elementor-element.elementor-element-f8fe246{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-36 .elementor-element.elementor-element-f8fe246:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-f8fe246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FC;}.elementor-36 .elementor-element.elementor-element-53125f0{--display:flex;}.elementor-36 .elementor-element.elementor-element-e550076{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-36 .elementor-element.elementor-element-4d70143{--display:flex;}.elementor-36 .elementor-element.elementor-element-c6ff0d4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-36 .elementor-element.elementor-element-c6ff0d4:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-c6ff0d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FC;}.elementor-36 .elementor-element.elementor-element-ddccb1b{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-f653f7c{--width:90%;}.elementor-36 .elementor-element.elementor-element-8789b48 .elementor-heading-title{font-size:14px;}.elementor-36 .elementor-element.elementor-element-36a2543 .elementor-heading-title{font-size:22px;}.elementor-36 .elementor-element.elementor-element-13add73{font-size:12px;}}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-f653f7c{--width:80%;}.elementor-36 .elementor-element.elementor-element-53125f0{--width:80%;}.elementor-36 .elementor-element.elementor-element-4d70143{--width:80%;}.elementor-36 .elementor-element.elementor-element-ddccb1b{--width:80%;}}/* Start custom CSS for html, class: .elementor-element-6fc0ce9 *//* =========================================================
   RAM LALA HOSPITAL
   SPECIALITY HEALTHCARE SERVICES
   ========================================================= */

.rlh-speciality-services {
    width: 100%;
    padding: 35px 0 55px;
  
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.rlh-services-container {
    width: 94%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.rlh-section-heading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
    text-align: center;
}


/* Small orange decorative line */

.rlh-line {
    width: 42px;
    height: 2px;
    background: #f59a23;
    position: relative;
}


/* Small dots */

.rlh-line::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #f59a23;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.rlh-line:first-child::after {
    right: -4px;
}

.rlh-line:last-child::after {
    left: -4px;
}


/* Heading Icon */

.rlh-heading-icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #164b87;
    font-size: 16px;
    font-weight: 700;
}


/* Heading */

.rlh-section-heading h2 {
    margin: 0;
    padding: 0;
    color: #153f72;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}


/* =========================================================
   SERVICES GRID
   ========================================================= */

.rlh-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}


/* =========================================================
   SERVICE CARD
   ========================================================= */

.rlh-service-card {
    min-height: 285px;
    padding: 28px 22px 24px;
    background: #ffffff;
    border: 1px solid #edf1f6;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(20, 60, 100, 0.07);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.rlh-service-card:hover {
    transform: translateY(-7px);
    border-color: #d9e8f8;
    box-shadow: 0 14px 32px rgba(20, 70, 120, 0.13);
}




 
/* =========================================================
   ICON CIRCLE
   ========================================================= */

.rlh-icon-box {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: #fff4e6;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 17px;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


/* ICON - ORANGE */

.rlh-icon-box i {
    color: #f59a23;
    font-size: 34px;
    line-height: 1;
}


/* ICON HOVER */

.rlh-service-card:hover .rlh-icon-box {
    background: #ffead0;
    transform: scale(1.06);
}


/* =========================================================
   SERVICE TITLE
   ========================================================= */

.rlh-service-card h3 {
    margin: 0;
    min-height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #163f70;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;

    max-width: 230px;
}


/* =========================================================
   ORANGE SMALL LINE
   ========================================================= */

.rlh-orange-line {
    display: block;

    width: 30px;
    height: 3px;

    background: #f59a23;

    border-radius: 10px;

    margin: 11px auto 13px;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.rlh-service-card p {
    margin: 0;

    max-width: 235px;

    color: #555f6b;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    line-height: 1.65;
    font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .rlh-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .rlh-service-card {
        min-height: 280px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .rlh-speciality-services {
        padding: 30px 0 40px;
    }

    .rlh-services-container {
        width: 92%;
        padding: 0;
    }

    .rlh-section-heading {
        gap: 7px;
        margin-bottom: 22px;
    }

    .rlh-section-heading h2 {
        font-size: 14px;
    }

    .rlh-line {
        width: 25px;
    }

    .rlh-services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .rlh-service-card {
        min-height: auto;
        padding: 25px 20px 24px;
    }

    .rlh-icon-box {
        width: 68px;
        height: 68px;
        margin-bottom: 14px;
    }

    .rlh-icon-box i {
        font-size: 29px;
    }

    .rlh-service-card h3 {
        font-size: 16px;
        min-height: auto;
    }

    .rlh-service-card p {
        font-size: 13px;
        line-height: 1.6;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9feb95f *//* =========================================================
   RAM LALA HOSPITAL
   CARE SERVICES - 3 COLUMN SECTION
   ========================================================= */

.rlh-care-services {
    width: 100%;
    padding: 20px 0 55px;
    background: #ffffff;
    box-sizing: border-box;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.rlh-care-container {
    width: 94%;
    max-width: 1500px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;

    gap: 18px;

    box-sizing: border-box;
}


/* =========================================================
   COLUMN CARD
   ========================================================= */

.rlh-care-column {
    background: #ffffff;

    border: 1px solid #e9edf2;

    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 4px 16px rgba(25, 65, 100, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.rlh-care-column:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 28px rgba(25, 65, 100, 0.10);
}


/* =========================================================
   COLUMN HEADING
   ========================================================= */

.rlh-care-title {
    position: relative;

    display: flex;
    align-items: center;

    gap: 7px;

    padding: 17px 15px 15px;

    border-bottom: 1px solid #f0f1f3;

    white-space: nowrap;
}


/* Icon */

.rlh-title-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 15px;

    flex-shrink: 0;
}


/* Heading */

.rlh-care-title h3 {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 700;

    text-transform: uppercase;
}


/* Decorative line */

.rlh-title-line {
    flex: 1;

    height: 2px;

    margin-left: 5px;

    position: relative;

    background: currentColor;

    opacity: 0.7;
}


.rlh-title-line::after {
    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: currentColor;
}


/* =========================================================
   DIAGNOSTIC COLOR
   ========================================================= */

.diagnostic .rlh-care-title {
    color: #249a76;
}

.diagnostic .rlh-title-icon {
    color: #249a76;
}


/* =========================================================
   CRITICAL COLOR
   ========================================================= */

.critical .rlh-care-title {
    color: #e66d55;
}

.critical .rlh-title-icon {
    color: #e66d55;
}


/* =========================================================
   REHABILITATION COLOR
   ========================================================= */

.rehabilitation .rlh-care-title {
    color: #8b63c7;
}

.rehabilitation .rlh-title-icon {
    color: #8b63c7;
}


/* =========================================================
   LIST
   ========================================================= */

.rlh-care-list {
    width: 100%;
}


/* =========================================================
   SERVICE ITEM
   ========================================================= */

.rlh-care-item {
    display: flex;

    align-items: center;

    gap: 15px;

    padding: 21px 17px;

    box-sizing: border-box;
}


/* Divider */

.rlh-care-item + .rlh-care-item {
    border-top: 1px solid #edf0f3;
}


/* =========================================================
   ICON CIRCLE
   ========================================================= */

.rlh-care-icon {
    width: 51px;
    height: 51px;

    min-width: 51px;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 20px;

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}


/* Diagnostic Icons */

.diagnostic .rlh-care-icon {
    color: #249a76;

    background: #effaf6;

    border: 1px solid #d8f2e9;
}


/* Critical Icons */

.critical .rlh-care-icon {
    color: #e66d55;

    background: #fff1ef;

    border: 1px solid #f9dcd7;
}


/* Rehabilitation Icons */

.rehabilitation .rlh-care-icon {
    color: #8b63c7;

    background: #f7f1fd;

    border: 1px solid #eadcf8;
}


/* Icon hover */

.rlh-care-item:hover .rlh-care-icon {
    transform: scale(1.08);
}


/* =========================================================
   CONTENT
   ========================================================= */

.rlh-care-content {
    flex: 1;
}


.rlh-care-content h4 {
    margin: 0 0 6px;

    color: #263c55;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    line-height: 1.3;

    font-weight: 700;
}


.rlh-care-content p {
    margin: 0;

    color: #626d79;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    line-height: 1.55;

    font-weight: 400;
}


/* =========================================================
   CRITICAL CARE - SLIGHTLY COMPACT
   ========================================================= */

.critical .rlh-care-item {
    padding-top: 16px;
    padding-bottom: 16px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .rlh-care-container {
        grid-template-columns: 1fr 1fr;
    }

    .rehabilitation {
        grid-column: span 2;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .rlh-care-services {
        padding: 15px 0 40px;
    }

    .rlh-care-container {
        width: 92%;

        display: flex;
        flex-direction: column;

        gap: 16px;
    }

    .rehabilitation {
        grid-column: auto;
    }

    .rlh-care-title {
        padding: 15px 13px;
    }

    .rlh-care-title h3 {
        font-size: 13px;
    }

    .rlh-title-line {
        display: none;
    }

    .rlh-care-item {
        padding: 18px 15px;
        gap: 12px;
    }

    .rlh-care-icon {
        width: 45px;
        height: 45px;
        min-width: 45px;
        font-size: 17px;
    }

    .rlh-care-content h4 {
        font-size: 14px;
    }

    .rlh-care-content p {
        font-size: 12px;
        line-height: 1.5;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6dc2e46 *//* =========================================================
   RAM LALA HOSPITAL
   SUPPORT SERVICES
   BRAND COLORS
   NAVY BLUE + ORANGE
   ========================================================= */

.rlh-support-services {
    width: 100%;
    padding: 28px 0 32px;
    background: #F4F8FC;
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.rlh-support-container {
    width: 94%;
    max-width: 1500px;
    margin: 0 auto;

    padding: 8px 18px 15px;

    background: #F4F8FC;

    border-radius: 14px;

    box-sizing: border-box;
}


/* =========================================================
   HEADING
   ========================================================= */

.rlh-support-heading {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-bottom: 20px;

    text-align: center;
}


/* =========================================================
   HEADING LINES
   ========================================================= */

.rlh-support-line {
    width: 48px;
    height: 2px;

    background: #F7941D;

    position: relative;
}


/* Decorative dots */

.rlh-support-line::after {
    content: "";

    position: absolute;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #F7941D;

    top: 50%;

    transform: translateY(-50%);
}


.rlh-support-line:first-child::after {
    right: -4px;
}


.rlh-support-line:last-child::after {
    left: -4px;
}


/* =========================================================
   HEADING ICON
   ========================================================= */

.rlh-support-heading-icon {
    color: #123F73;

    font-size: 17px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   HEADING TEXT
   ========================================================= */

.rlh-support-heading h2 {
    margin: 0;

    color: #123F73;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;

    line-height: 1.2;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.3px;
}


/* =========================================================
   GRID
   ========================================================= */

.rlh-support-grid {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    box-sizing: border-box;
}


/* =========================================================
   SERVICE ITEM
   ========================================================= */

.rlh-support-item {
    min-height: 205px;

    padding: 14px 18px 10px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    text-align: center;

    box-sizing: border-box;

    position: relative;

    transition: transform 0.3s ease;
}


/* =========================================================
   VERTICAL SEPARATOR
   ========================================================= */

.rlh-support-item + .rlh-support-item::before {
    content: "";

    position: absolute;

    left: 0;

    top: 18px;

    bottom: 18px;

    width: 1px;

    background: #D7E1EC;
}


/* =========================================================
   ICON
   NORMAL = ORANGE
   ========================================================= */

.rlh-support-icon {
    width: 62px;
    height: 62px;

    margin-bottom: 9px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #F7941D;

    font-size: 37px;

    background: transparent;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}


/* Icon */

.rlh-support-icon i {
    line-height: 1;

    color: #F7941D;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


/* =========================================================
   SERVICE TITLE
   ========================================================= */

.rlh-support-item h3 {
    margin: 0;

    min-height: 39px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #173E6B;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    line-height: 1.35;

    font-weight: 700;
}


/* =========================================================
   ORANGE SMALL LINE
   ========================================================= */

.rlh-support-small-line {
    display: block;

    width: 30px;
    height: 3px;

    background: #F7941D;

    border-radius: 10px;

    margin: 7px 0 10px;

    transition: width 0.3s ease;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.rlh-support-item p {
    max-width: 190px;

    margin: 0;

    color: #566474;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    line-height: 1.6;

    font-weight: 400;
}


/* =========================================================
   ITEM HOVER
   ========================================================= */

.rlh-support-item:hover {
    transform: translateY(-5px);
}


/* =========================================================
   ICON HOVER
   ORANGE → NAVY BLUE
   ========================================================= */

.rlh-support-item:hover .rlh-support-icon {
    color: #123F73;

    transform: scale(1.08);
}


.rlh-support-item:hover .rlh-support-icon i {
    color: #123F73;

    transform: scale(1.10);
}


/* =========================================================
   SMALL LINE HOVER
   ========================================================= */

.rlh-support-item:hover .rlh-support-small-line {
    width: 38px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .rlh-support-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .rlh-support-item:nth-child(4)::before {
        display: none;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .rlh-support-services {
        padding: 22px 0 28px;
    }


    .rlh-support-container {
        width: 92%;

        padding: 8px 8px 12px;
    }


    .rlh-support-heading {
        gap: 7px;

        margin-bottom: 15px;
    }


    .rlh-support-heading h2 {
        font-size: 14px;
    }


    .rlh-support-line {
        width: 27px;
    }


    .rlh-support-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    .rlh-support-item {
        min-height: 190px;

        padding: 14px 8px;
    }


    .rlh-support-item:nth-child(3)::before,
    .rlh-support-item:nth-child(5)::before {
        display: none;
    }


    /* Mobile Icon */

    .rlh-support-icon {
        width: 54px;
        height: 54px;

        font-size: 31px;

        color: #F7941D;
    }


    .rlh-support-icon i {
        color: #F7941D;
    }


    /* Mobile Hover */

    .rlh-support-item:hover .rlh-support-icon {
        color: #123F73;

        transform: scale(1.08);
    }


    .rlh-support-item:hover .rlh-support-icon i {
        color: #123F73;

        transform: scale(1.10);
    }


    .rlh-support-item h3 {
        font-size: 14px;
    }


    .rlh-support-item p {
        font-size: 12px;

        line-height: 1.5;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .rlh-support-grid {
        grid-template-columns: 1fr;
    }


    .rlh-support-item {
        min-height: auto;

        padding: 20px 15px;
    }


    .rlh-support-item + .rlh-support-item::before {
        display: none;
    }


    .rlh-support-item + .rlh-support-item {
        border-top: 1px solid #D7E1EC;
    }

}/* End custom CSS */