.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 );}/* Start custom CSS for text-editor, class: .elementor-element-f861acb *//* =========================================
   RAJVANSH AUTO - SERVICE BANNER
========================================= */

.ra-service-banner{
    position:relative;
    overflow:hidden;

    min-height:570px;

    padding:0 50px;

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

    background:
        radial-gradient(
            circle at 78% 45%,
            rgba(24,167,179,0.08),
            transparent 28%
        ),
        linear-gradient(
            110deg,
            #F8FBFC 0%,
            #FFFFFF 45%,
            #F4F9FA 100%
        );

    box-sizing:border-box;
}


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

.ra-service-banner-bg{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;
}

.ra-service-banner-bg img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
    object-position:center;
}


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

.ra-service-banner-overlay{
    position:absolute;
    inset:0;

    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(10,18,32,0.94) 0%,
            rgba(10,18,32,0.84) 35%,
            rgba(10,18,32,0.55) 68%,
            rgba(10,18,32,0.20) 100%
        );
}


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

.ra-service-banner-container{
    position:relative;
    z-index:2;

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

    min-height:480px;

    margin:auto;
    padding:0;

    display:flex;
    align-items:center;

    box-sizing:border-box;
}


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

.ra-service-banner-content{
    position:relative;
    z-index:5;

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

    text-align:left;

    color:#FFFFFF;
}


/* =========================================
   LABEL
========================================= */

.ra-service-banner-label{
    margin-bottom:10px;

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

    letter-spacing:1.4px;

    color:#18A7B3;
}


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

.ra-service-banner-content h1{
    margin:0;

    font-size:clamp(42px,6vw,50px);

    line-height:1.02;

    font-weight:800;

    letter-spacing:-1px;

    color:#FFFFFF;
}

.ra-service-banner-content h1 span{
    display:block;

    color:#1E4F9C;

    font-weight:800;
}


/* =========================================
   LINE
========================================= */

.ra-service-banner-line{
    width:300px;
    height:5px;

    margin:18px 0 18px;

    border-radius:10px;

    background:#18A7B3;
}


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

.ra-service-banner-content p{
    max-width:590px;

    margin:0 0 15px;

    color:#E5E7EB;

    font-size:16px;

    line-height:1.6;
}


/* =========================================
   SERVICE DETAILS
========================================= */

.ra-service-banner-details{
    display:flex;

    align-items:center;

    gap:0;

    margin-top:20px;
    margin-bottom:24px;
}


/* DETAIL */

.ra-service-detail{
    display:flex;

    flex-direction:column;

    gap:4px;

    min-width:170px;

    padding:0 22px;

    border-left:1px solid rgba(255,255,255,0.30);

    box-sizing:border-box;
}

.ra-service-detail:first-child{
    padding-left:0;

    border-left:0;
}


/* NUMBER */

.ra-service-detail span{
    font-size:11px;

    font-weight:700;

    letter-spacing:1px;

    color:#18A7B3;
}


/* TITLE */

.ra-service-detail strong{
    font-size:14px;

    line-height:1.3;

    font-weight:700;

    color:#FFFFFF;
}


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

.ra-service-banner-buttons{
    display:flex;

    align-items:center;

    gap:18px;

    padding-top:0;
}


/* =========================================
   PRIMARY BUTTON
========================================= */

.ra-service-btn-primary{
    min-height:52px;

    padding:0 22px;

    display:inline-flex;

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

    gap:20px;

    border-radius:8px;

    font-size:17px;

    font-weight:700;

    text-decoration:none;

    background:#18A7B3;

    color:#FFFFFF;

    border:2px solid #18A7B3;

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

    transition:all 0.3s ease;

    box-sizing:border-box;
}


/* Arrow */

.ra-service-btn-primary span{
    font-size:28px;

    line-height:1;

    transition:transform 0.3s ease;
}


/* Hover */

.ra-service-btn-primary:hover{
    background:#FFFFFF;

    color:#1E4F9C;

    border-color:#1E4F9C;

    transform:translateY(-3px);
}

.ra-service-btn-primary:hover span{
    transform:translateX(7px);
}


/* =========================================
   SECONDARY BUTTON
========================================= */

.ra-service-btn-secondary{
    min-height:52px;

    padding:0 22px;

    display:inline-flex;

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

    border-radius:8px;

    font-size:17px;

    font-weight:700;

    text-decoration:none;

    color:#FFFFFF;

    background:transparent;

    border:2px solid #FFFFFF;

    transition:all 0.3s ease;

    box-sizing:border-box;
}


/* Hover */

.ra-service-btn-secondary:hover{
    background:#FFFFFF;

    color:#1E4F9C;

    border-color:#FFFFFF;

    transform:translateY(-3px);
}


/* =========================================
   TABLET
========================================= */

@media(max-width:1050px){

    .ra-service-banner{
        padding:45px 30px;

        min-height:530px;
    }

    .ra-service-banner-container{
        min-height:440px;
    }

    .ra-service-banner-content{
        max-width:620px;
    }

    .ra-service-banner-content h1{
        font-size:50px;

        letter-spacing:-2.5px;
    }

    .ra-service-banner-content p{
        font-size:15px;
    }

    .ra-service-detail{
        min-width:auto;

        padding:0 16px;
    }

    .ra-service-banner-overlay{
        background:
            linear-gradient(
                90deg,
                rgba(10,18,32,0.95) 0%,
                rgba(10,18,32,0.84) 50%,
                rgba(10,18,32,0.45) 100%
            );
    }

    .ra-service-btn-primary,
    .ra-service-btn-secondary{
        font-size:16px;
    }
}


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

@media(max-width:650px){

    .ra-service-banner{
        padding:40px 20px 35px;

        min-height:auto;
    }

    .ra-service-banner-container{
        width:100%;

        min-height:auto;
        height:auto;

        align-items:flex-start;
    }

    .ra-service-banner-content{
        width:100%;

        max-width:100%;

        text-align:left;
    }


    /* LABEL */

    .ra-service-banner-label{
        font-size:12px;

        letter-spacing:1.5px;

        margin-bottom:7px;
    }


    /* HEADING */

    .ra-service-banner-content h1{
        font-size:40px;

        line-height:1.04;

        letter-spacing:-1.6px;
    }


    /* LINE */

    .ra-service-banner-line{
        width:180px;

        height:4px;

        margin:14px 0 15px;
    }


    /* PARAGRAPH */

    .ra-service-banner-content p{
        font-size:13px;

        line-height:1.6;

        margin-bottom:18px;
    }


    /* DETAILS */

    .ra-service-banner-details{
        display:grid;

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

        gap:8px;

        margin-top:18px;

        margin-bottom:22px;
    }

    .ra-service-detail{
        min-width:0;

        padding:0 8px;

        border-left:1px solid rgba(255,255,255,0.25);
    }

    .ra-service-detail:first-child{
        padding-left:0;

        border-left:0;
    }

    .ra-service-detail span{
        font-size:9px;
    }

    .ra-service-detail strong{
        font-size:10px;

        line-height:1.3;
    }


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

    .ra-service-banner-buttons{
        flex-direction:column;

        width:100%;

        gap:10px;

        align-items:flex-start;
    }

    .ra-service-btn-primary,
    .ra-service-btn-secondary{
        width:100%;

        min-height:54px;

        padding:0 22px;

        font-size:14px;

        font-weight:700;

        border-radius:7px;
    }

    .ra-service-btn-primary{
        gap:25px;
    }

    .ra-service-btn-primary span{
        font-size:25px;
    }


    /* BACKGROUND */

    .ra-service-banner-bg img{
        object-position:center center;
    }


    /* OVERLAY */

    .ra-service-banner-overlay{
        background:
            linear-gradient(
                90deg,
                rgba(10,18,32,0.96) 0%,
                rgba(10,18,32,0.88) 60%,
                rgba(10,18,32,0.68) 100%
            );
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:400px){

    .ra-service-banner{
        padding:35px 20px 30px;

        min-height:auto;
    }

    .ra-service-banner-container{
        min-height:auto;

        height:auto;
    }

    .ra-service-banner-content h1{
        font-size:35px;

        line-height:1.04;

        letter-spacing:-1.4px;
    }

    .ra-service-banner-label{
        font-size:10px;

        letter-spacing:1.3px;
    }

    .ra-service-banner-line{
        width:160px;

        height:4px;

        margin:12px 0 14px;
    }

    .ra-service-banner-content p{
        font-size:12px;

        line-height:1.6;

        margin-bottom:17px;
    }

    .ra-service-banner-details{
        gap:6px;

        margin-top:17px;

        margin-bottom:20px;
    }

    .ra-service-detail{
        padding:0 6px;
    }

    .ra-service-detail strong{
        font-size:9px;

        line-height:1.3;
    }


    /* SMALL MOBILE BUTTON */

    .ra-service-btn-primary,
    .ra-service-btn-secondary{
        width:100%;

        min-height:52px;

        padding:0 20px;

        font-size:13px;

        font-weight:700;
    }

    .ra-service-btn-primary span{
        font-size:23px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7cb03d *//* =========================================
   RAJVANSH AUTO - AVAILABLE SERVICES
========================================= */

.ra-services{
    width:100%;

    padding:85px 50px;

    background:#F8FBFC;

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

    box-sizing:border-box;
}


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

.ra-services-container{
    width:100%;
    max-width:1200px;

    margin:0 auto;
}


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

.ra-services-header{
    display:grid;

    grid-template-columns:45% 55%;

    gap:40px;

    align-items:end;

    margin-bottom:55px;
}


/* LEFT HEADING */

.ra-services-label{
    margin-bottom:12px;

    color:#1E4F9C;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;
}


.ra-services-heading h2{
    margin:0;

    color:#0A1220;

    font-size:44px;

    line-height:1.08;

    font-weight:800;

    letter-spacing:-2px;
}


.ra-services-heading h2 span{
    color:#1E4F9C;
}


/* LINE */

.ra-services-line{
    width:90px;
    height:4px;

    margin-top:20px;

    border-radius:10px;

    background:#18A7B3;
}


/* INTRO */

.ra-services-intro{
    padding-bottom:3px;
}


.ra-services-intro p{
    max-width:580px;

    margin:0;

    color:#667085;

    font-size:15px;

    line-height:1.8;
}


/* =========================================
   SERVICES GRID
========================================= */

.ra-services-grid{
    display:grid;

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

    gap:18px;
}


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

.ra-service-card{
    position:relative;

    min-height:205px;

    padding:28px 28px 25px;

    background:#FFFFFF;

    border:1px solid #E2E8EF;

    border-radius:8px;

    box-sizing:border-box;

    transition:all .3s ease;
}


/* NUMBER */

.ra-service-number{
    margin-bottom:30px;

    color:#18A7B3;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;
}


/* CARD CONTENT */

.ra-service-card-content h3{
    margin:0 0 10px;

    color:#0A1220;

    font-size:20px;

    line-height:1.2;

    font-weight:700;
}


.ra-service-card-content p{
    max-width:320px;

    margin:0;

    color:#6B7280;

    font-size:13px;

    line-height:1.7;
}


/* ARROW */

.ra-service-arrow{
    position:absolute;

    right:25px;
    bottom:23px;

    color:#1E4F9C;

    font-size:22px;

    font-weight:500;

    transition:all .3s ease;
}


/* HOVER */

.ra-service-card:hover{
    border-color:#18A7B3;

    transform:translateY(-5px);

    box-shadow:
        0 15px 35px rgba(10,18,32,.08);
}


.ra-service-card:hover .ra-service-arrow{
    color:#18A7B3;

    transform:translateX(6px);
}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

    .ra-services{
        padding:70px 30px;
    }


    .ra-services-header{
        grid-template-columns:1fr;

        gap:20px;

        align-items:start;

        margin-bottom:40px;
    }


    .ra-services-heading h2{
        font-size:40px;
    }


    .ra-services-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


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

@media(max-width:650px){

    .ra-services{
        padding:55px 20px;
    }


    .ra-services-header{
        margin-bottom:35px;
    }


    .ra-services-label{
        font-size:11px;

        letter-spacing:1.6px;
    }


    .ra-services-heading h2{
        font-size:34px;

        letter-spacing:-1.5px;
    }


    .ra-services-line{
        width:70px;

        height:4px;

        margin-top:15px;
    }


    .ra-services-intro p{
        font-size:14px;

        line-height:1.7;
    }


    .ra-services-grid{
        grid-template-columns:1fr;

        gap:12px;
    }


    .ra-service-card{
        min-height:185px;

        padding:24px;
    }


    .ra-service-number{
        margin-bottom:22px;
    }


    .ra-service-card-content h3{
        font-size:18px;
    }


    .ra-service-card-content p{
        font-size:12px;

        line-height:1.65;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:400px){

    .ra-services{
        padding:50px 15px;
    }


    .ra-services-heading h2{
        font-size:31px;
    }


    .ra-service-card{
        padding:22px;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9423380 */.ra-workshop{
    width:100%;
    padding:90px 50px;
    background:#FFFFFF;
    font-family:"Poppins",sans-serif;
    box-sizing:border-box;
}

.ra-workshop-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:50% 50%;
    align-items:center;
    gap:70px;
}

/* IMAGE */

.ra-workshop-image{
    width:100%;
    height:620px;
    overflow:hidden;
    border-radius:8px;
    background:#F4F6F8;
}

.ra-workshop-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .5s ease;
}

.ra-workshop-image:hover img{
    transform:scale(1.03);
}

/* CONTENT */

.ra-workshop-content{
    width:100%;
    max-width:540px;
}

.ra-workshop-label{
    margin-bottom:12px;
    color:#18A7B3;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.ra-workshop-content h2{
    margin:0;
    color:#0A1220;
    font-size:46px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-2px;
}

.ra-workshop-content h2 span{
    color:#1E4F9C;
}

.ra-workshop-line{
    width:90px;
    height:4px;
    margin:20px 0 22px;
    border-radius:10px;
    background:#18A7B3;
}

.ra-workshop-main{
    max-width:520px;
    margin:0 0 30px;
    color:#667085;
    font-size:15px;
    line-height:1.8;
}

/* FEATURES */

.ra-workshop-features{
    display:flex;
    flex-direction:column;
    gap:0;
    margin-bottom:32px;
}

.ra-workshop-feature{
    display:flex;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid #E5E7EB;
}

.ra-workshop-feature:first-child{
    border-top:1px solid #E5E7EB;
}

.ra-workshop-feature > span{
    min-width:30px;
    padding-top:2px;
    color:#18A7B3;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
}

.ra-workshop-feature h3{
    margin:0 0 5px;
    color:#0A1220;
    font-size:16px;
    font-weight:700;
}

.ra-workshop-feature p{
    margin:0;
    color:#6B7280;
    font-size:12px;
    line-height:1.6;
}

/* BUTTON */

.ra-workshop-btn{
    min-height:50px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    border-radius:7px;
    background:#1E4F9C;
    border:2px solid #1E4F9C;
    color:#FFFFFF;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
    box-sizing:border-box;
    transition:all .3s ease;
}

.ra-workshop-btn span{
    font-size:23px;
    line-height:1;
    transition:transform .3s ease;
}

.ra-workshop-btn:hover{
    background:#FFFFFF;
    color:#1E4F9C;
    transform:translateY(-3px);
}

.ra-workshop-btn:hover span{
    transform:translateX(6px);
}


/* TABLET */

@media(max-width:950px){

    .ra-workshop{
        padding:70px 30px;
    }

    .ra-workshop-container{
        grid-template-columns:1fr;
        gap:45px;
    }

    .ra-workshop-image{
        height:550px;
    }

    .ra-workshop-content{
        max-width:700px;
    }

    .ra-workshop-content h2{
        font-size:42px;
    }
}


@media(max-width:650px){

    .ra-workshop{
        padding:55px 20px;
    }

    .ra-workshop-container{
        display:flex;
        flex-direction:column;
        gap:35px;
    }

    /* CONTENT FIRST */
    .ra-workshop-content{
        order:1;
        width:100%;
        max-width:100%;
    }

    /* IMAGE BELOW CONTENT */
    .ra-workshop-image{
        order:2;
        width:100%;
        height:300px;
        border-radius:7px;
        align-self:flex-start;
    }

    .ra-workshop-image img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }

    .ra-workshop-content h2{
        font-size:34px;
        letter-spacing:-1.5px;
    }

    .ra-workshop-label{
        font-size:11px;
        letter-spacing:1.6px;
    }

    .ra-workshop-line{
        width:70px;
        height:4px;
        margin:15px 0 18px;
    }

    .ra-workshop-main{
        font-size:14px;
        line-height:1.7;
        margin-bottom:22px;
    }

    .ra-workshop-feature{
        gap:12px;
        padding:15px 0;
    }

    .ra-workshop-feature h3{
        font-size:15px;
    }

    .ra-workshop-feature p{
        font-size:11px;
    }

    .ra-workshop-btn{
        width:100%;
        min-height:56px;
        font-size:14px;
    }
}


/* SMALL MOBILE */

@media(max-width:400px){

    .ra-workshop{
        padding:50px 15px;
    }

    .ra-workshop-container{
        gap:28px;
    }

    .ra-workshop-content h2{
        font-size:31px;
    }

    .ra-workshop-image{
        height:270px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-36d1b04 */.ra-service-details{
    width:100%;
    padding:50px 50px;
    background:#F8FBFC;
    font-family:"Poppins",sans-serif;
    box-sizing:border-box;
}

.ra-service-details-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}


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

.ra-service-details-header{
    display:block;
    max-width:760px;
    margin:0 auto 50px;
    text-align:center;
}

.ra-service-details-label{
    margin-bottom:12px;
    color:#18A7B3;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.ra-service-details-header h2{
    margin:0;
    color:#0A1220;
    font-size:44px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-2px;
}

.ra-service-details-header h2 span{
    color:#1E4F9C;
}

.ra-service-details-line{
    width:90px;
    height:4px;
    margin:20px auto 22px;
    border-radius:10px;
    background:#18A7B3;
}

.ra-service-details-header p{
    max-width:680px;
    margin:0 auto;
    color:#667085;
    font-size:15px;
    line-height:1.8;
}


/* =========================
   INFO CARDS
========================= */

.ra-service-details-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.ra-service-info-card{
    position:relative;
    min-height:300px;
    padding:28px;
    background:#FFFFFF;
    border:1px solid #E2E8EF;
    border-radius:8px;
    box-sizing:border-box;
    transition:all .3s ease;
}

.ra-service-info-card:hover{
    border-color:#18A7B3;
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(10,18,32,.08);
}


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

.ra-service-info-number{
    color:#18A7B3;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:22px;
}


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

.ra-service-info-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    border-radius:50%;
    background:#E6F2FF;
    color:#1E4F9C;
    font-size:21px;
}


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

.ra-service-info-card h3{
    margin:0 0 12px;
    color:#0A1220;
    font-size:20px;
    line-height:1.25;
    font-weight:700;
}


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

.ra-service-info-card p{
    margin:0;
    color:#6B7280;
    font-size:13px;
    line-height:1.7;
}


/* =========================
   SERVICE TIMING
========================= */

.ra-service-time{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-bottom:14px;
}

.ra-service-time strong{
    color:#1E4F9C;
    font-size:17px;
    font-weight:800;
}

.ra-service-time span{
    color:#18A7B3;
    font-size:12px;
    font-weight:700;
}


/* =========================
   DIRECTIONS
========================= */

.ra-service-info-card > a{
    display:inline-flex;
    align-items:center;
    gap:15px;
    margin-top:22px;
    color:#1E4F9C;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    transition:all .3s ease;
}

.ra-service-info-card > a span{
    font-size:20px;
    line-height:1;
    transition:transform .3s ease;
}

.ra-service-info-card > a:hover{
    color:#18A7B3;
}

.ra-service-info-card > a:hover span{
    transform:translateX(5px);
}


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

.ra-service-contact-buttons{
    display:flex;
    flex-direction:column;
    gap:9px;
    margin-top:20px;
}

.ra-service-call-btn,
.ra-service-whatsapp-btn{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    box-sizing:border-box;
    transition:all .3s ease;
}


/* CALL */

.ra-service-call-btn{
    background:#1E4F9C;
    border:2px solid #1E4F9C;
    color:#FFFFFF;
}

.ra-service-call-btn:hover{
    background:#FFFFFF;
    border-color:#1E4F9C;
    color:#1E4F9C;
}


/* WHATSAPP */

.ra-service-whatsapp-btn{
    background:#FFFFFF;
    border:2px solid #18A7B3;
    color:#18A7B3;
}

.ra-service-whatsapp-btn:hover{
    background:#18A7B3;
    border-color:#18A7B3;
    color:#FFFFFF;
}


/* =========================
   TABLET
========================= */

@media(max-width:950px){

    .ra-service-details{
        padding:70px 30px;
    }

    .ra-service-details-container{
        max-width:900px;
    }

    .ra-service-details-header{
        max-width:700px;
        margin:0 auto 40px;
        text-align:center;
    }

    .ra-service-details-header h2{
        font-size:40px;
    }

    .ra-service-details-header p{
        font-size:14px;
    }

    .ra-service-details-grid{
        grid-template-columns:1fr;
        gap:15px;
    }

    .ra-service-info-card{
        min-height:auto;
    }

}


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

@media(max-width:650px){

    .ra-service-details{
        padding:55px 20px;
    }

    .ra-service-details-container{
        width:100%;
    }

    .ra-service-details-header{
        max-width:100%;
        margin:0 auto 35px;
        text-align:center;
    }

    .ra-service-details-label{
        margin-bottom:9px;
        font-size:11px;
        letter-spacing:1.6px;
    }

    .ra-service-details-header h2{
        font-size:34px;
        line-height:1.08;
        letter-spacing:-1.5px;
    }

    .ra-service-details-line{
        width:70px;
        height:4px;
        margin:15px auto 18px;
    }

    .ra-service-details-header p{
        font-size:14px;
        line-height:1.7;
    }


    /* CARDS */

    .ra-service-details-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .ra-service-info-card{
        min-height:auto;
        padding:24px;
        border-radius:7px;
    }

    .ra-service-info-number{
        margin-bottom:18px;
        font-size:10px;
    }

    .ra-service-info-icon{
        width:40px;
        height:40px;
        margin-bottom:15px;
        font-size:19px;
    }

    .ra-service-info-card h3{
        margin-bottom:10px;
        font-size:18px;
    }

    .ra-service-info-card p{
        font-size:12px;
        line-height:1.65;
    }


    /* TIME */

    .ra-service-time{
        margin-bottom:12px;
    }

    .ra-service-time strong{
        font-size:16px;
    }

    .ra-service-time span{
        font-size:11px;
    }


    /* DIRECTIONS */

    .ra-service-info-card > a{
        margin-top:18px;
        font-size:12px;
    }


    /* CONTACT */

    .ra-service-contact-buttons{
        margin-top:18px;
        gap:8px;
    }

    .ra-service-call-btn,
    .ra-service-whatsapp-btn{
        min-height:44px;
        font-size:12px;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media(max-width:400px){

    .ra-service-details{
        padding:50px 15px;
    }

    .ra-service-details-header{
        margin-bottom:30px;
    }

    .ra-service-details-header h2{
        font-size:31px;
        letter-spacing:-1.3px;
    }

    .ra-service-details-header p{
        font-size:13px;
        line-height:1.65;
    }

    .ra-service-details-line{
        width:65px;
    }

    .ra-service-info-card{
        padding:22px;
    }

    .ra-service-info-card h3{
        font-size:17px;
    }

    .ra-service-info-card p{
        font-size:11px;
    }

}/* End custom CSS */