@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
.red-frame-box {
    border: 12px solid #ec1f26;
    padding: 80px 60px 55px 50px;
    width: 100%;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    position: relative;
    z-index: 2;
    position: relative;
}

.red-frame-box::before {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 50px;
    right: 0;
    margin: auto;
    width: 164px;
    height: 166px;
    background-repeat: no-repeat;
    background-size: 164px;
    background-image: url(/wp-content/uploads/2026/06/free_wash_logo.png);
}

.red-frame-box::after {
    content: "";
    position: absolute;
    bottom: -93px;
    left: auto;
    right: -260px;
    margin: auto;
    width: 665px;
    height: 402px;
    background-repeat: no-repeat;
    background-size: 665px;
    background-image: url(/wp-content/uploads/2026/06/hero_bnr_car.png);
}


/* Typography */

.heading-group {
    position: relative;
}

.brand-title b {
    font-weight: 700;
}

.welcome-script {
    font-family: 'Satisfy', cursive;
    color: #ec1f26;
    font-size: 58px;
    position: absolute;
    top: -22px;
    left: 5px;
    z-index: -1;
    line-height: 1;
}

.brand-title {
    color: #ffffff !important;
    font-size: 74px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0;
    margin-top: 0;
    text-align: left;
}

.hero-desc {
    color: #C5C5C5;
    font-size: 16px;
    line-height: 37px;
    max-width: 600px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
}

.cta-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 40px;
}

.btn-appointment {
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 24px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s;
}

.btn-appointment i {
    color: #e51a23;
    font-size: 1.1rem;
}

.btn-phone {
    background-color: #e51a23;
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    padding: 12px 24px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 15px rgba(229, 26, 35, 0.3);
    transition: transform 0.2s;
}

.btn-appointment:hover,
.btn-phone:hover {
    transform: scale(1.02);
}


/* Trust Badge */

.trust-indicator {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    margin-top: 40px;
}


/* ==========================================================================
           GOOGLE FLOATING BADGE (TOP RIGHT)
           ========================================================================== */

.google-rating-box {
    position: unset;
    top: 0;
    right: 18%;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 0;
    padding: 15px 50px 15px 15px;
    display: flex;
    align-items: center;
    gap: 0;
    z-index: 5;
    background: #FFFFFF12;
    border-radius: 0 90px 90px 0;
}

.google-icon {
    width: 36px;
    height: 36px;
}

.google-rating-box svg {
    width: 52px;
    height: 52px;
}

.rating-info {
    padding-left: 18px;
    margin-left: 13px;
    border-left: 1px solid #FFFFFF33;
}

.rating-info .status-lbl {
    color: #ffffff;
    font-weight: 600;
    font-size: 22px;
    display: block;
    line-height: 1.2;
    text-align: left;
}

.stars-row i.fa-star {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 20px;
    color: #FFC107;
    margin: 0 1px;
    display: flex;
    line-height: 1;
}

.rating-info .stars-row {
    color: #FFC107;
    margin: 3px 0;
    display: flex;
    gap: 2px;
    line-height: 1;
}

.rating-info .score-lbl {
    color: #fff;
    font-size: 16px;
    display: block;
    font-weight: 500;
    line-height: 1;
    margin-top: 10px;
    text-align: left;
}


/* ==========================================================================
           FREE WASH EMBLEM (BOTTOM OVERLAPPING)
           ========================================================================== */

.free-wash-emblem {
    position: absolute;
    bottom: -50px;
    left: 48%;
    z-index: 10;
}

.emblem-circle {
    background: radial-gradient(circle, #262626 0%, #050505 100%);
    border: 4px solid #e51a23;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);
    position: relative;
}


/* Top Car Arc Decoration line inside badge */

.emblem-circle::before {
    content: '';
    position: absolute;
    top: 15px;
    width: 75px;
    height: 10px;
    border-top: 2px solid #e51a23;
    border-radius: 50%;
}

.emblem-main-txt {
    font-weight: 800;
    font-size: 1.75rem;
    font-style: italic;
    color: #ffffff;
    line-height: 0.9;
}

.emblem-mid-txt {
    font-weight: 700;
    font-size: 0.9rem;
    color: #ffffff;
    margin: 2px 0;
}

.emblem-highlight-txt {
    font-weight: 800;
    font-size: 1.35rem;
    font-style: italic;
    color: #ffb400;
    line-height: 0.9;
}

.emblem-tagline {
    font-size: 0.55rem;
    background: #e51a23;
    padding: 3px 10px;
    border-radius: 2px;
    margin-top: 8px;
    font-weight: 800;
    letter-spacing: 0.3px;
}


/* ==========================================================================
           STICKY SIDE VERTICAL ACTION BUTTON
           ========================================================================== */

.hero_bnr_main_box {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100% !important;
    max-width: 1380px;
    margin-left: 150px;
    margin-top: -220px;
}

.hero_bnr_main_box .two_btns_box {
    justify-content: left;
    margin-top: 35px;
}

.hero_bnr_main_box p {
    display: none !important;
    padding: 0 !important;
}

.expert_sec .et_pb_slide_description {
    padding: 0 !important;
}

.expert_sec .et_pb_slide {
    height: 1194px;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
}

@media all and (min-width: 320px) and (max-width: 767px) {
	.bsc_faqs_block2::after{
		width:100% !important;
	}
    .brand-title {
        font-size: 25px;
        line-height: 1.2;
        text-align: center;
    }
    .welcome-script {
        font-size: 29px;
        top: -22px;
        text-align: center;
        position: unset;
    }
    .hero-desc {
        font-size: 14px;
        line-height: 25px;
        max-width: 100%;
        text-align: center;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 25px;
    }
    .trust-indicator {
        font-size: 15px;
        margin-top: 23px;
        text-align: center;
        line-height: 1.3;
        justify-content: center;
    }
    .red-frame-box {
        padding: 30px 15px 35px 15px;
        border: 6px solid #ec1f26;
    }
    .hero_bnr_main_box {
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 30px;
    }
    .red-frame-box::after {
        bottom: -43px;
        right: -150px;
        width: 350px;
        height: 205px;
        background-size: 350px;
        display: none !important;
    }
    .red-frame-box::before {
        bottom: -55px;
        left: 0;
        width: 84px;
        height: 86px;
        background-size: 84px;
        right: 0;
    }
    .rating-info .status-lbl {
        font-size: 17px;
    }
    .stars-row i.fa-star {
        font-size: 16px;
    }
    .rating-info .score-lbl {
        font-size: 14px;
        margin-top: 8px;
    }
    .rating-info {
        padding-left: 12px;
        margin-left: 10px;
    }
    .google-rating-box {
        padding: 10px 30px 10px 20px;
        border-radius: 90px;
        margin-top: 65px;
    }
    .expert_sec .et_pb_slide {
        height: auto;
    }
    .google-rating-box svg {
        width: 36px;
        height: 36px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 20px !important;
        justify-content: center;
    }
    .expert_sec .expert_block {
        position: unset!important;
        margin-top: 30px;
    }
    .trust-indicator svg {
        display: none;
        text-align: left;
    }
}

@media all and (min-width: 481px) and (max-width: 767px) {
    .brand-title {
        font-size: 33px;
    }
    .welcome-script {
        font-size: 32px;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .brand-title {
        font-size: 38px;
        line-height: 1;
    }
    .welcome-script {
        font-size: 32px;
        top: -22px;
    }
    .hero-desc {
        font-size: 14px;
        line-height: 25px;
        max-width: 100%;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 25px;
    }
    .trust-indicator {
        font-size: 16px;
        margin-top: 22px;
    }
    .red-frame-box {
        padding: 60px 25px 35px 25px;
        border: 9px solid #ec1f26;
    }
    .hero_bnr_main_box {
        max-width: 100%;
        margin-left: 00;
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .red-frame-box::after {
        bottom: -43px;
        right: -150px;
        width: 350px;
        height: 205px;
        background-size: 350px;
        display: none !important;
    }
    .red-frame-box::before {
        bottom: -35px;
        left: auto;
        width: 104px;
        height: 106px;
        background-size: 104px;
        right: -40px;
    }
    .rating-info .status-lbl {
        font-size: 17px;
    }
    .stars-row i.fa-star {
        font-size: 16px;
    }
    .rating-info .score-lbl {
        font-size: 14px;
        margin-top: 8px;
    }
    .rating-info {
        padding-left: 12px;
        margin-left: 10px;
    }
    .google-rating-box {
        padding: 10px 30px 10px 15px;
    }
    .expert_sec .et_pb_slide {
        height: 470px;
    }
    .google-rating-box svg {
        width: 36px;
        height: 36px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 20px !important;
    }
    .expert_sec .expert_block {
        position: unset!important;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .brand-title {
        font-size: 48px;
        line-height: 1;
    }
    .welcome-script {
        font-size: 40px;
        top: -25px;
    }
    .hero-desc {
        font-size: 15px;
        line-height: 28px;
        max-width: 500px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 25px;
    }
    .trust-indicator {
        font-size: 16px;
        margin-top: 22px;
    }
    .red-frame-box {
        padding: 60px 25px 35px 25px;
        border: 9px solid #ec1f26;
    }
    .hero_bnr_main_box {
        max-width: 100%;
        margin-left: 00;
        margin-top: 80px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .red-frame-box::after {
        bottom: -43px;
        right: -150px;
        width: 350px;
        height: 205px;
        background-size: 350px;
    }
    .red-frame-box::before {
        bottom: -35px;
        left: 190px;
        width: 104px;
        height: 106px;
        background-size: 104px;
    }
    .rating-info .status-lbl {
        font-size: 17px;
    }
    .stars-row i.fa-star {
        font-size: 16px;
    }
    .rating-info .score-lbl {
        font-size: 14px;
        margin-top: 8px;
    }
    .rating-info {
        padding-left: 12px;
        margin-left: 10px;
    }
    .google-rating-box {
        padding: 10px 30px 10px 15px;
    }
    .expert_sec .et_pb_slide {
        height: 600px;
    }
    .google-rating-box svg {
        width: 36px;
        height: 36px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 20px !important;
    }
    .expert_sec .expert_block {
        position: unset!important;
    }
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .brand-title {
        font-size: 48px;
        line-height: 1;
    }
    .welcome-script {
        font-size: 40px;
        top: -25px;
    }
    .hero-desc {
        font-size: 15px;
        line-height: 28px;
        max-width: 500px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 25px;
    }
    .trust-indicator {
        font-size: 16px;
        margin-top: 22px;
    }
    .red-frame-box {
        padding: 60px 25px 35px 25px;
        border: 9px solid #ec1f26;
    }
    .hero_bnr_main_box {
        max-width: 100%;
        margin-left: 00;
        margin-top: 80px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .red-frame-box::after {
        bottom: -43px;
        right: -150px;
        width: 350px;
        height: 205px;
        background-size: 350px;
    }
    .red-frame-box::before {
        bottom: -35px;
        left: 190px;
        width: 104px;
        height: 106px;
        background-size: 104px;
    }
    .rating-info .status-lbl {
        font-size: 17px;
    }
    .stars-row i.fa-star {
        font-size: 16px;
    }
    .rating-info .score-lbl {
        font-size: 14px;
        margin-top: 8px;
    }
    .rating-info {
        padding-left: 12px;
        margin-left: 10px;
    }
    .google-rating-box {
        padding: 10px 30px 10px 15px;
    }
    .expert_sec .et_pb_slide {
        height: 600px;
    }
    .google-rating-box svg {
        width: 36px;
        height: 36px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 20px !important;
    }
    .expert_sec .expert_block {
        position: unset!important;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .brand-title {
        font-size: 58px;
        line-height: 1;
    }
    .welcome-script {
        font-size: 42px;
        top: -25px;
    }
    .hero-desc {
        font-size: 16px;
        line-height: 33px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 25px;
    }
    .trust-indicator {
        font-size: 16px;
        margin-top: 28px;
    }
    .red-frame-box {
        padding: 70px 50px 45px 40px;
    }
    .hero_bnr_main_box {
        max-width: 100%;
        margin-left: 00;
        margin-top: -180px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .red-frame-box::after {
        bottom: -53px;
        right: -150px;
        width: 400px;
        height: 239px;
        background-size: 400px;
    }
    .red-frame-box::before {
        bottom: -45px;
        left: 150px;
        width: 124px;
        height: 126px;
        background-size: 124px;
    }
    .rating-info .status-lbl {
        font-size: 18px;
    }
    .stars-row i.fa-star {
        font-size: 17px;
    }
    .rating-info .score-lbl {
        font-size: 15px;
        margin-top: 8px;
    }
    .rating-info {
        padding-left: 15px;
        margin-left: 12px;
    }
    .google-rating-box {
        padding: 10px 40px 10px 15px;
    }
    .expert_sec .et_pb_slide {
        height: 930px;
    }
    .google-rating-box svg {
        width: 42px;
        height: 42px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 20px !important;
    }
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .brand-title {
        font-size: 58px;
        line-height: 1;
    }
    .welcome-script {
        font-size: 42px;
        top: -25px;
    }
    .hero-desc {
        font-size: 16px;
        line-height: 33px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 25px;
    }
    .trust-indicator {
        font-size: 18px;
        margin-top: 35px;
    }
    .red-frame-box {
        padding: 70px 50px 45px 40px;
    }
    .hero_bnr_main_box {
        max-width: 1110px;
        margin-left: 30px;
        margin-top: -210px;
    }
    .red-frame-box::after {
        bottom: -66px;
        right: -230px;
        width: 480px;
        height: 289px;
        background-size: 480px;
    }
    .red-frame-box::before {
        bottom: -45px;
        left: 150px;
        width: 124px;
        height: 126px;
        background-size: 124px;
    }
    .rating-info .status-lbl {
        font-size: 18px;
    }
    .stars-row i.fa-star {
        font-size: 17px;
    }
    .rating-info .score-lbl {
        font-size: 15px;
        margin-top: 8px;
    }
    .rating-info {
        padding-left: 15px;
        margin-left: 12px;
    }
    .google-rating-box {
        padding: 10px 40px 10px 15px;
    }
    .expert_sec .et_pb_slide {
        height: 980px;
    }
    .google-rating-box svg {
        width: 42px;
        height: 42px;
    }
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    .brand-title {
        font-size: 64px;
        line-height: 1;
    }
    .welcome-script {
        font-size: 48px;
    }
    .hero-desc {
        font-size: 16px;
        line-height: 33px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 25px;
    }
    .trust-indicator {
        font-size: 18px;
        margin-top: 35px;
    }
    .red-frame-box {
        padding: 70px 50px 45px 40px;
    }
    .hero_bnr_main_box {
        max-width: 1200px;
        margin-left: 30px;
        margin-top: -200px;
    }
    .red-frame-box::after {
        bottom: -76px;
        right: -260px;
        width: 550px;
        height: 332px;
        background-size: 550px;
    }
    .red-frame-box::before {
        bottom: -50px;
        left: 130px;
        width: 144px;
        height: 146px;
        background-size: 144px;
    }
    .rating-info .status-lbl {
        font-size: 20px;
    }
    .stars-row i.fa-star {
        font-size: 18px;
    }
    .rating-info .score-lbl {
        font-size: 15px;
        margin-top: 8px;
    }
    .rating-info {
        padding-left: 15px;
        margin-left: 12px;
    }
    .google-rating-box {
        padding: 15px 40px 15px 15px;
    }
    .expert_sec .et_pb_slide {
        height: 1050px;
    }
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
    .brand-title {
        font-size: 64px;
        line-height: 1;
    }
    .welcome-script {
        font-size: 48px;
    }
    .hero-desc {
        font-size: 16px;
        line-height: 33px;
    }
    .hero_bnr_main_box .two_btns_box {
        margin-top: 25px;
    }
    .trust-indicator {
        font-size: 18px;
        margin-top: 35px;
    }
    .red-frame-box {
        padding: 70px 50px 45px 40px;
    }
    .hero_bnr_main_box {
        max-width: 1200px;
        margin-left: 70px;
        margin-top: -200px;
    }
    .red-frame-box::after {
        bottom: -76px;
        right: -260px;
        width: 550px;
        height: 332px;
        background-size: 550px;
    }
    .red-frame-box::before {
        bottom: -50px;
        left: 130px;
        width: 144px;
        height: 146px;
        background-size: 144px;
    }
    .rating-info .status-lbl {
        font-size: 20px;
    }
    .stars-row i.fa-star {
        font-size: 18px;
    }
    .rating-info .score-lbl {
        font-size: 15px;
        margin-top: 8px;
    }
    .rating-info {
        padding-left: 15px;
        margin-left: 12px;
    }
    .google-rating-box {
        padding: 15px 40px 15px 15px;
    }
    .expert_sec .et_pb_slide {
        height: 1050px;
    }
}