.elementor-10 .elementor-element.elementor-element-db1246f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-27fd238 *//*==================================================
Q TECH - GOOGLE ADS QUICK BOOKING FORM
FINAL CSS V4.3
COMPACT SMALL-MEDIUM MOBILE POPUP
==================================================*/


/*==================================================
1. SECTION
==================================================*/

.qtech-ads-booking-section{
    width:100%;
    padding:60px 20px;
    background:#f7f9fc;
    box-sizing:border-box;
}


/*==================================================
2. MAIN CONTAINER
==================================================*/

.qtech-ads-booking-container{
    width:100%;
    max-width:900px;
    margin:0 auto;
    padding:45px;

    background:#ffffff;
    border:1px solid #dbe5ef;
    border-radius:18px;

    box-sizing:border-box;

    box-shadow:
        0 4px 12px rgba(15,23,42,.06),
        0 12px 32px rgba(15,23,42,.08);
}


/*==================================================
3. HEADER
==================================================*/

.qtech-ads-booking-header{
    margin-bottom:34px;
    text-align:center;
}


/* Badge */

.qtech-ads-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin-bottom:16px;
    padding:9px 18px;

    background:#eef5ff;
    color:#0b5ed7;

    border-radius:50px;

    font-size:14px;
    font-weight:600;
    line-height:1.4;
}

.qtech-ads-badge i{
    font-size:14px;
}


/* Main Heading */

.qtech-ads-booking-header h2{
    margin:0;

    color:#16213e;

    font-size:34px;
    font-weight:700;
    line-height:1.3;
}


/* Description */

.qtech-ads-booking-header p{
    max-width:560px;
    margin:12px auto 0;

    color:#6b7280;

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


/*==================================================
4. FORM GRID
==================================================*/

.qtech-ads-booking-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 26px;
}


/*==================================================
5. FORM GROUP
==================================================*/

.qtech-ads-form-group{
    display:flex;
    flex-direction:column;
    min-width:0;
}


/* Labels */

.qtech-ads-form-group label{
    margin-bottom:8px;

    color:#1f2937;

    font-size:15px;
    font-weight:600;
    line-height:1.4;
}


/* Optional Text */

.qtech-ads-form-group small{
    color:#9ca3af;

    font-size:12px;
    font-weight:500;
}


/*==================================================
6. INPUT FIELDS
==================================================*/

.qtech-ads-form-group input{
    width:100%;
    height:56px;

    padding:0 18px;

    background:#ffffff;
    color:#111827;

    border:1px solid #d8e0ea;
    border-radius:12px;

    outline:none;

    font-family:inherit;
    font-size:15px;

    box-sizing:border-box;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}


/*==================================================
7. SELECT FIELD
==================================================*/

.qtech-ads-form-group select{
    width:100%;
    height:56px;

    padding:0 50px 0 18px;

    background-color:#ffffff;
    color:#111827;

    border:1px solid #d8e0ea;
    border-radius:12px;

    outline:none;
    cursor:pointer;

    font-family:inherit;
    font-size:15px;

    box-sizing:border-box;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:right 18px center;
    background-size:18px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}


/* Empty Select Text */

.qtech-ads-form-group select:invalid{
    color:#9ca3af;
}

.qtech-ads-form-group select option{
    color:#111827;
}


/*==================================================
8. ISSUE TEXTAREA
==================================================*/

.qtech-ads-issue-group textarea{
    width:100%;
    height:56px;
    min-height:56px;
    max-height:180px;

    padding:16px 18px;

    background:#ffffff;
    color:#111827;

    border:1px solid #d8e0ea;
    border-radius:12px;

    outline:none;

    resize:none;
    overflow:hidden;

    font-family:inherit;
    font-size:15px;
    line-height:22px;

    box-sizing:border-box;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}


/*==================================================
9. ADDRESS TEXTAREA
==================================================*/

.qtech-ads-address-group{
    grid-column:1 / -1;
}

.qtech-ads-address-group textarea{
    width:100%;
    min-height:90px;
    height:90px;
    
    padding:16px 18px;

    background:#ffffff;
    color:#111827;

    border:1px solid #d8e0ea;
    border-radius:12px;

    outline:none;

    resize:vertical;

    font-family:inherit;
    font-size:15px;
    line-height:1.6;

    box-sizing:border-box;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}


/*==================================================
10. PLACEHOLDER
==================================================*/

.qtech-ads-form-group input::placeholder,
.qtech-ads-form-group textarea::placeholder{
    color:#9ca3af;
    opacity:1;
}


/*==================================================
11. HOVER
==================================================*/

.qtech-ads-form-group input:hover,
.qtech-ads-form-group select:hover,
.qtech-ads-form-group textarea:hover{
    border-color:#b8c6d6;
}


/*==================================================
12. FOCUS
==================================================*/

.qtech-ads-form-group input:focus,
.qtech-ads-form-group select:focus,
.qtech-ads-form-group textarea:focus{
    border-color:#0b5ed7;
    box-shadow:0 0 0 3px rgba(11,94,215,.10);
}


/*==================================================
13. VALIDATION ERROR
==================================================*/

.qtech-ads-form-group input.qtech-error,
.qtech-ads-form-group select.qtech-error,
.qtech-ads-form-group textarea.qtech-error{
    border-color:#dc2626;
    background:#fffafa;
    box-shadow:0 0 0 3px rgba(220,38,38,.08);
}


/*==================================================
14. SUBMIT BUTTON
==================================================*/

.qtech-ads-submit-btn{
    grid-column:1 / -1;

    width:280px;
    height:56px;

    margin:10px auto 0;
    padding:0 24px;

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

    background:#ff6b00;
    color:#ffffff;

    border:none;
    border-radius:12px;

    font-family:inherit;
    font-size:16px;
    font-weight:700;
    line-height:1;

    cursor:pointer;

    box-shadow:0 6px 16px rgba(255,107,0,.16);

    user-select:none;
    -webkit-user-select:none;
    touch-action:manipulation;

    transition:
        background-color .25s ease,
        box-shadow .25s ease,
        transform .15s ease,
        opacity .25s ease;
}

.qtech-ads-submit-btn:hover{
    background:#e55d00;
    box-shadow:0 10px 24px rgba(255,107,0,.24);
}

.qtech-ads-submit-btn:focus-visible{
    outline:3px solid rgba(255,107,0,.25);
    outline-offset:3px;
}

.qtech-ads-submit-btn:active{
    transform:scale(.98);
}

.qtech-ads-submit-btn:disabled{
    opacity:.65;
    cursor:not-allowed;
    pointer-events:none;
    box-shadow:none;
}


/*==================================================
15. FORM RESULT MESSAGE
==================================================*/

.qtech-form-message{
    grid-column:1 / -1;

    width:100%;
    min-height:66px;

    margin-top:4px;
    padding:16px 20px;

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

    border-radius:12px;

    font-size:15px;
    font-weight:600;
    line-height:1.55;
    text-align:center;

    box-sizing:border-box;
}


/* Success Message */

.qtech-form-message.qtech-success-message{
    color:#15803d;
    background:#f0fdf4;
    border:1px solid #bbf7d0;
}


/* Error Message */

.qtech-form-message.qtech-error-message{
    color:#b91c1c;
    background:#fef2f2;
    border:1px solid #fecaca;
}


/* Hidden Attribute Protection */

.qtech-form-message[hidden]{
    display:none !important;
}


/*==================================================
16. PREMIUM POPUP DIALOG
==================================================*/

.qtech-booking-popup{
    width:calc(100% - 32px);
    max-width:440px;

    margin:auto;
    padding:0;

    background:#ffffff;
    color:#111827;

    border:none;
    border-radius:20px;

    box-shadow:
        0 26px 65px rgba(15,23,42,.27),
        0 9px 25px rgba(15,23,42,.13);

    overflow:hidden;
}


/* Popup Opening Animation */

.qtech-booking-popup[open]{
    animation:qtechPopupOpen .25s ease-out;
}

@keyframes qtechPopupOpen{

    from{
        opacity:0;
        transform:translateY(14px) scale(.97);
    }

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

}


/* Popup Background */

.qtech-booking-popup::backdrop{
    background:rgba(15,23,42,.62);

    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}


/* Popup Content */

.qtech-popup-content{
    width:100%;
    padding:25px 30px 27px;

    text-align:center;
    box-sizing:border-box;
}


/*==================================================
17. POPUP LOGO
==================================================*/

.qtech-popup-logo{
    display:block;
    width:180px;
    max-width:68%;
    height:auto;
    margin:0 auto 14px;
}


/*==================================================
18. POPUP STATUS ICON
==================================================*/

.qtech-popup-status-icon{
    position:relative;

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

    width:74px;
    height:74px;

    margin:0 auto 15px;

    background:#e8f7ed;
    border-radius:50%;

    box-shadow:
        inset 0 0 0 1px rgba(34,160,89,.05),
        0 7px 19px rgba(34,160,89,.10);
}


/* Green Check */

.qtech-popup-status-icon::before{
    content:"";

    width:28px;
    height:15px;

    border-left:5px solid #22a059;
    border-bottom:5px solid #22a059;

    border-radius:2px;

    transform:
        translateY(-3px)
        rotate(-45deg);
}


/* Large Sparkle */

.qtech-popup-status-icon::after{
    content:"";

    position:absolute;
    top:-5px;
    right:-11px;

    width:17px;
    height:17px;

    background:#2eaf67;

    clip-path:polygon(
        50% 0%,
        61% 38%,
        100% 50%,
        61% 62%,
        50% 100%,
        39% 62%,
        0% 50%,
        39% 38%
    );
}


/* Small Sparkle */

.qtech-popup-status-icon span{
    position:absolute;

    top:21px;
    right:-16px;

    width:8px;
    height:8px;

    background:#9bdab3;

    clip-path:polygon(
        50% 0%,
        61% 38%,
        100% 50%,
        61% 62%,
        50% 100%,
        39% 62%,
        0% 50%,
        39% 38%
    );
}


/*==================================================
19. POPUP HEADING
==================================================*/

.qtech-popup-content h3{
    margin:0;

    color:#111827;

    font-size:26px;
    font-weight:750;
    line-height:1.25;
    letter-spacing:-.35px;
}


/* Heading Divider */

.qtech-popup-content h3::after{
    content:"";

    display:block;

    width:38px;
    height:3px;

    margin:12px auto 11px;

    background:#37aa68;
    border-radius:50px;
}


/*==================================================
20. POPUP THANK YOU
==================================================*/

#qtech-popup-thank-you{
    display:block;

    width:100%;
    margin:0 auto 6px;

    color:#16a34a;

    font-size:19px;
    font-weight:750;
    line-height:1.35;
    text-align:center;
}


/*==================================================
21. POPUP MAIN MESSAGE
==================================================*/

#qtech-popup-message{
    display:block;

    width:100%;
    max-width:350px;
    min-height:0;

    margin:0 auto;

    color:#202733;

    font-size:15px;
    font-weight:500;
    line-height:1.48;
    letter-spacing:-.05px;
    text-align:center;
}


/*==================================================
22. COMPLAINT ID BOX
==================================================*/

#qtech-complaint-box{
    width:100%;
    max-width:360px;

    margin:15px auto 0;
    padding:13px 14px 15px;

    background:#f1f7ff;

    border:1px dashed #85bff5;
    border-radius:13px;

    text-align:center;
    box-sizing:border-box;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 5px 14px rgba(18,99,219,.06);
}


/* Complaint ID label */

#qtech-complaint-box p,
#qtech-complaint-box label,
#qtech-complaint-box .qtech-complaint-label{
    display:block;

    margin:0 0 6px;
    padding:0;

    color:#1f2937;

    font-size:14px;
    font-weight:700;
    line-height:1.3;
    text-align:center;
}


/* Complaint ID Number */

#qtech-popup-booking-id{
    display:block;

    width:100%;
    margin:0;
    padding:0;

    color:#1263db;

    font-size:24px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.2px;
    text-align:center;

    overflow-wrap:anywhere;
    word-break:break-word;
}


/*==================================================
23. POPUP CONTACT TIME
==================================================*/

#qtech-popup-contact-time{
    width:100%;
    max-width:350px;

    margin:15px auto 0;
    padding:0;

    display:block;

    color:#374151;

    font-size:14px;
    font-weight:500;
    line-height:1.42;
    text-align:center;

    box-sizing:border-box;
}

/* Complete Contact Text Block */

#qtech-popup-contact-time > span{
    display:block;
    text-align:center;
}



/*==================================================
24. POPUP HIDDEN ELEMENT PROTECTION
==================================================*/

#qtech-popup-thank-you[hidden],
#qtech-complaint-box[hidden],
#qtech-popup-contact-time[hidden]{
    display:none !important;
}


/*==================================================
25. POPUP CLOSE BUTTON
==================================================*/

#qtech-popup-close{
    width:225px;
    max-width:100%;
    height:50px;

    margin-top:18px;
    padding:0 22px;

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

    background:#1263db;
    color:#ffffff;

    border:none;
    border-radius:11px;

    font-family:inherit;
    font-size:16px;
    font-weight:700;
    line-height:1;

    cursor:pointer;

    box-shadow:
        0 8px 20px rgba(18,99,219,.21),
        0 3px 7px rgba(18,99,219,.11);

    user-select:none;
    -webkit-user-select:none;
    touch-action:manipulation;

    transition:
        background-color .25s ease,
        box-shadow .25s ease,
        transform .15s ease;
}

#qtech-popup-close:hover{
    background:#0c55c3;

    box-shadow:
        0 11px 24px rgba(18,99,219,.27),
        0 4px 9px rgba(18,99,219,.13);
}

#qtech-popup-close:focus-visible{
    outline:3px solid rgba(18,99,219,.25);
    outline-offset:3px;
}

#qtech-popup-close:active{
    transform:scale(.98);
}


/*==================================================
26. POPUP SUCCESS STATE
==================================================*/

.qtech-booking-popup.qtech-popup-success
.qtech-popup-content h3{
    color:#111827;
}

.qtech-booking-popup.qtech-popup-success
#qtech-popup-message{
    color:#202733;
}

.qtech-booking-popup.qtech-popup-success
.qtech-popup-status-icon{
    background:#e8f7ed;
}

.qtech-booking-popup.qtech-popup-success
#qtech-popup-close{
    background:#1263db;
}

.qtech-booking-popup.qtech-popup-success
#qtech-popup-close:hover{
    background:#0c55c3;
}


/*==================================================
27. POPUP ERROR STATE
==================================================*/

.qtech-booking-popup.qtech-popup-error
.qtech-popup-status-icon{
    background:#feeaea;

    box-shadow:
        inset 0 0 0 1px rgba(185,28,28,.04),
        0 7px 19px rgba(185,28,28,.08);
}


/* Error Cross First Line */

.qtech-booking-popup.qtech-popup-error
.qtech-popup-status-icon::before{
    width:32px;
    height:5px;

    background:#b91c1c;

    border:none;
    border-radius:10px;

    transform:rotate(45deg);
}


/* Error Cross Second Line */

.qtech-booking-popup.qtech-popup-error
.qtech-popup-status-icon::after{
    content:"";

    position:absolute;
    top:35px;
    left:21px;

    width:32px;
    height:5px;

    background:#b91c1c;

    border:none;
    border-radius:10px;

    clip-path:none;

    transform:rotate(-45deg);
}


/* Hide Extra Sparkle on Error */

.qtech-booking-popup.qtech-popup-error
.qtech-popup-status-icon span{
    display:none;
}


/* Error Heading */

.qtech-booking-popup.qtech-popup-error
.qtech-popup-content h3{
    color:#991b1b;
}


/* Error Divider */

.qtech-booking-popup.qtech-popup-error
.qtech-popup-content h3::after{
    background:#dc2626;
}


/* Error Message */

.qtech-booking-popup.qtech-popup-error
#qtech-popup-message{
    color:#7f1d1d;
}


/* Error Button */

.qtech-booking-popup.qtech-popup-error
#qtech-popup-close{
    background:#b91c1c;

    box-shadow:
        0 8px 20px rgba(185,28,28,.20),
        0 3px 7px rgba(185,28,28,.10);
}

.qtech-booking-popup.qtech-popup-error
#qtech-popup-close:hover{
    background:#991b1b;
}


/*==================================================
28. AUTOFILL
==================================================*/

.qtech-ads-booking-section input:-webkit-autofill,
.qtech-ads-booking-section textarea:-webkit-autofill,
.qtech-ads-booking-section select:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #ffffff inset;
    -webkit-text-fill-color:#111827;
    caret-color:#111827;
}


/*==================================================
29. ACCESSIBILITY
==================================================*/

.qtech-ads-form-group input:focus-visible,
.qtech-ads-form-group select:focus-visible,
.qtech-ads-form-group textarea:focus-visible{
    outline:none;
}


/*==================================================
30. TABLET
==================================================*/

@media (max-width:991px){

    .qtech-ads-booking-container{
        max-width:760px;
        padding:36px;
    }

    .qtech-ads-booking-header{
        margin-bottom:28px;
    }

    .qtech-ads-booking-header h2{
        font-size:30px;
    }

    .qtech-ads-booking-form{
        gap:20px;
    }

    .qtech-ads-submit-btn{
        width:260px;
    }

}


/*==================================================
31. MOBILE
==================================================*/

@media (max-width:767px){

    .qtech-ads-booking-section{
        padding:24px 12px;
    }

    .qtech-ads-booking-container{
        width:100%;
        max-width:100%;

        margin:0;
        padding:20px 16px;

        border-radius:16px;
    }

    .qtech-ads-booking-header{
        margin-bottom:16px;
    }

    .qtech-ads-badge{
        margin-bottom:10px;
        padding:8px 16px;

        font-size:12px;
    }

    .qtech-ads-booking-header h2{
        margin-bottom:6px;

        font-size:24px;
        line-height:1.25;
    }

    .qtech-ads-booking-header p{
        margin:0;

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

    .qtech-ads-booking-form{
        grid-template-columns:1fr;
        gap:10px;
    }

    .qtech-ads-form-group{
        grid-column:1 / -1;
    }

    .qtech-ads-form-group label{
        margin-bottom:5px;

        font-size:14px;
    }

    .qtech-ads-form-group input,
    .qtech-ads-form-group select{
        height:50px;

        font-size:14px;
    }

    .qtech-ads-address-group textarea{
    height:70px;
    min-height:70px;
    padding:12px 14px;
    font-size:14px;
}


    /* Issue field hidden on mobile */

    .qtech-ads-issue-group{
        display:none;
    }


    .qtech-ads-submit-btn{
        width:100%;
        height:52px;

        margin-top:4px;

        border-radius:10px;

        font-size:16px;
    }

    .qtech-form-message{
        min-height:62px;
        padding:14px 16px;

        font-size:14px;
    }

}


/*==================================================
32. SMALL MOBILE
FINAL COMPACT POPUP
==================================================*/

@media (max-width:480px){

    .qtech-ads-booking-section{
        padding:16px 10px;
    }

    .qtech-ads-booking-container{
        width:100%;
        max-width:100%;

        margin:0;
        padding:15px 14px;

        border-radius:14px;
    }

    .qtech-ads-booking-header{
        margin-bottom:12px;
    }

    .qtech-ads-badge{
        gap:6px;

        margin-bottom:7px;
        padding:7px 14px;

        font-size:11px;
    }

    .qtech-ads-booking-header h2{
        margin:0 0 5px;

        font-size:22px;
        line-height:1.22;
    }

    .qtech-ads-booking-header p{
        margin:0;

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

    .qtech-ads-booking-form{
        gap:9px;
    }

    .qtech-ads-form-group label{
        margin-bottom:4px;

        font-size:14px;
    }

    .qtech-ads-form-group input,
    .qtech-ads-form-group select{
        height:45px;
        padding:0 14px;

        font-size:14px;
    }

    .qtech-ads-form-group select{
        padding-right:42px;
        background-position:right 14px center;
    }

    .qtech-ads-address-group textarea{
    height:64px;
    min-height:64px;
    padding:10px 12px;
    font-size:13px;
}

    .qtech-ads-submit-btn{
        width:100%;
        height:47px;

        margin-top:3px;

        font-size:15px;
    }

    .qtech-form-message{
        min-height:58px;
        padding:13px 14px;

        border-radius:10px;

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


    /*----------------------------------------------
    Popup Main Box
    ----------------------------------------------*/

    .qtech-booking-popup{
        width:calc(100% - 70px);
        max-width:325px;

        border-radius:17px;
    }


    /* Popup Inner Spacing */

    .qtech-popup-content{
        padding:17px 15px 18px;
    }


    /* Popup Logo */

    .qtech-popup-logo{
    width:150px;
    max-width:65%;
    margin:0 auto 9px;
    
    }


    /* Popup Success Icon */

    .qtech-popup-status-icon{
        width:54px;
        height:54px;

        margin:0 auto 10px;
    }

    .qtech-popup-status-icon::before{
        width:20px;
        height:11px;

        border-left-width:4px;
        border-bottom-width:4px;
    }

    .qtech-popup-status-icon::after{
        top:-3px;
        right:-8px;

        width:12px;
        height:12px;
    }

    .qtech-popup-status-icon span{
        top:16px;
        right:-11px;

        width:6px;
        height:6px;
    }


    /* Popup Heading */

    .qtech-popup-content h3{
        font-size:19px;
        line-height:1.22;
        letter-spacing:-.2px;
    }

    .qtech-popup-content h3::after{
        width:31px;
        height:3px;

        margin:8px auto 7px;
    }


    /* Thank You */

    #qtech-popup-thank-you{
        margin-bottom:4px;

        font-size:15px;
        line-height:1.3;
    }


    /* Success Message */

    #qtech-popup-message{
        max-width:255px;

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


    /* Complaint ID Box */

    #qtech-complaint-box{
        max-width:270px;

        margin-top:11px;
        padding:9px 9px 10px;

        border-radius:10px;
    }

    #qtech-complaint-box p,
    #qtech-complaint-box label,
    #qtech-complaint-box .qtech-complaint-label{
        margin-bottom:4px;

        font-size:12px;
        line-height:1.25;
    }

    #qtech-popup-booking-id{
        font-size:17px;
        line-height:1.2;
        letter-spacing:0;
    }


    /* Contact Section */

#qtech-popup-contact-time{
    width:100%;
    max-width:270px;

    margin:11px auto 0;
    padding:0;

    display:block;

    font-size:12px;
    font-weight:500;
    line-height:1.4;
    text-align:center;
}

#qtech-popup-contact-time > span{
    display:block;
    text-align:center;
}


    /* Close Button */

    #qtech-popup-close{
        width:170px;
        height:42px;

        margin-top:12px;
        padding:0 18px;

        border-radius:9px;

        font-size:14px;
    }


    /* Mobile Error Cross First Line */

    .qtech-booking-popup.qtech-popup-error
    .qtech-popup-status-icon::before{
        width:24px;
        height:4px;

        border:none;

        transform:rotate(45deg);
    }


    /* Mobile Error Cross Second Line */

    .qtech-booking-popup.qtech-popup-error
    .qtech-popup-status-icon::after{
        top:25px;
        left:15px;

        width:24px;
        height:4px;

        transform:rotate(-45deg);
    }

}


/*==================================================
33. EXTRA SMALL MOBILE
==================================================*/

@media (max-width:360px){

    .qtech-booking-popup{
        width:calc(100% - 46px);
        max-width:310px;
    }

    .qtech-popup-content{
        padding:16px 12px 17px;
    }

    .qtech-popup-logo{
        width:125px;
        margin-bottom:8px;
    }

    .qtech-popup-status-icon{
        width:50px;
        height:50px;

        margin-bottom:9px;
    }

    .qtech-popup-status-icon::before{
        width:19px;
        height:10px;
    }

    .qtech-popup-status-icon::after{
        top:-3px;
        right:-7px;

        width:11px;
        height:11px;
    }

    .qtech-popup-status-icon span{
        top:15px;
        right:-10px;
    }

    .qtech-popup-content h3{
        font-size:18px;
    }

    .qtech-popup-content h3::after{
        margin:7px auto 6px;
    }

    #qtech-popup-thank-you{
        margin-bottom:3px;

        font-size:14.5px;
    }

    #qtech-popup-message{
        max-width:245px;

        font-size:12px;
        line-height:1.38;
    }

    #qtech-complaint-box{
        max-width:255px;

        margin-top:10px;
        padding:8px 8px 9px;
    }

    #qtech-complaint-box p,
    #qtech-complaint-box label,
    #qtech-complaint-box .qtech-complaint-label{
        font-size:11.5px;
    }

    #qtech-popup-booking-id{
        font-size:16px;
    }

    #qtech-popup-close{
        width:160px;
        height:40px;

        margin-top:11px;

        font-size:13.5px;
    }


    /* Extra Small Error Cross First Line */

    .qtech-booking-popup.qtech-popup-error
    .qtech-popup-status-icon::before{
        width:22px;
        height:4px;
    }


    /* Extra Small Error Cross Second Line */

    .qtech-booking-popup.qtech-popup-error
    .qtech-popup-status-icon::after{
        top:23px;
        left:14px;

        width:22px;
        height:4px;
    }

}


/*==================================================
34. FINAL POLISH
==================================================*/

.qtech-ads-booking-section *,
.qtech-ads-booking-section *::before,
.qtech-ads-booking-section *::after,
.qtech-booking-popup *,
.qtech-booking-popup *::before,
.qtech-booking-popup *::after{
    box-sizing:border-box;
}

.qtech-ads-booking-container,
.qtech-ads-form-group input,
.qtech-ads-form-group select,
.qtech-ads-form-group textarea,
.qtech-ads-submit-btn,
.qtech-booking-popup,
#qtech-popup-close{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.qtech-ads-form-group input,
.qtech-ads-form-group select,
.qtech-ads-form-group textarea,
#qtech-popup-close{
    -webkit-tap-highlight-color:transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c140fc *//* =========================
   HERO SECTION
========================= */

.hero-section{
    background:#f5f6f8;
    padding:25px 0;
    overflow:hidden;
}

.hero-container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;

    display:flex;
    justify-content:space-between;
    align-items:stretch;
    gap:25px;
}

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

.hero-left{
    width:56%;
}

/* =========================
   BADGE
========================= */

.service-badge{

    display:inline-flex;
    align-items:center;
    gap:8px;

    background:#fff;

    padding:8px 14px;

    border-radius:50px;

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

    color:#061a4d;

    box-shadow:0 2px 10px rgba(0,0,0,.06);

    margin-bottom:15px;
}

.service-badge svg{
    width:14px;
    height:14px;
}



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

.hero-title{

    margin:0;

    font-size:36px;

    line-height:1.15;

    font-weight:900;

    color:#0A2E7A;
}

.orange-text{

    color:#FF6B00;

    display:block;
}

.hero-home-line{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:8px;
}

.hero-home-line::before,
.hero-home-line::after{

    content:"";

    flex:1;

    height:2px;

    background:#FF6B00;
}

.hero-home-line span{

    color:#0A2E7A;

    font-size:28px;

    font-weight:800;

    line-height:1;
}



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

.hero-description{

    margin-top:14px;

    font-size:15px;

    line-height:1.6;

    font-weight:400;

    color:#555;

    max-width:520px;
}

/* =========================
   FEATURE BOX
========================= */

.feature-box{

    margin-top:18px;
    background:#fff;
    border-radius:16px;
    padding:16px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    box-shadow:0 4px 15px rgba(0,0,0,.06);
}

.trust-feature-item{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:0 8px;

    border-right:1px solid #ececec;
}

.trust-feature-item:last-child{
    border-right:none;
}

.trust-feature-icon{

    width:50px;
    height:50px;

    flex-shrink:0;
}

.trust-feature-icon svg{
    width:100%;
    height:100%;
}

.trust-feature-item h4{

    margin:0;

    font-size:11px;

    line-height:1.4;

    font-weight:700;

    color:#061a4d;

    text-align:left;
}

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

@media(max-width:992px){

.hero-container{
    flex-direction:column;
}

.hero-left{
    width:100%;
}

.hero-right{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:20px;
}

.hero-image{
    width:100%;
    max-width:420px;
    margin:0;
}

.hero-title{
    font-size:32px;
}

.feature-box{
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.trust-feature-item{
    border-right:none;
}

}


/* =========================
   MOBILE
========================= */
@media(max-width:767px){

.hero-section{
    padding:18px 0;
}

.hero-container{
    padding:0 12px;
}

.service-badge{
    font-size:10px;
    padding:7px 12px;
}

.hero-title{
    font-size:28px;
    line-height:1.15;
}

.hero-description{
    font-size:13px;
    line-height:1.45;
}

.feature-box{
    padding:14px;
}

.trust-feature-icon{
    width:38px;
    height:38px;
}

.trust-feature-item h4{
    font-size:11px;
    line-height:1.3;
}

}









/* =========================
   LOCATION BOX
========================= */

.location-box{

    margin-top:14px;

    background:#eef4ff;

    border-radius:16px;

    padding:14px 16px;

    display:flex;
    align-items:center;

    gap:12px;
}

.location-icon{

    width:38px;
    height:38px;

    flex-shrink:0;
}

.location-icon svg{
    width:100%;
    height:100%;
}

.location-text{

    font-size:11px;

    font-weight:800;

    line-height:1.5;

    color:#0D47A1;
}


/* =========================
   STATS BOX
========================= */

.stats-box{

    margin-top:14px;

    background:#fff;

    border-radius:16px;

    padding:18px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

    box-shadow:0 4px 15px rgba(0,0,0,.06);
}

.stat-item{

    display:flex;

    align-items:center;

    gap:14px;

    transition:.3s ease;
}

.stat-item:hover{

    transform:translateY(-2px);
}

.stat-icon{

    width:52px;

    height:52px;

    flex-shrink:0;

    animation:iconPulse 4s infinite ease-in-out;
}

.stat-icon svg{

    width:100%;

    height:100%;
}

.stat-item h3{

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#0D47A1;

    line-height:1;
}

.stat-item p{

    margin:4px 0 0;

    font-size:12px;

    font-weight:700;

    color:#666;

    line-height:1.3;

    letter-spacing:.3px;
}

/* Gentle Professional Animation */

@keyframes iconPulse{

    0%,100%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.05);
    }
}

/* Mobile */

@media(max-width:767px){

    .stats-box{

        padding:16px;

        gap:14px;
    }

    .stat-icon{

        width:40px;

        height:40px;
    }

    .stat-item h3{

        font-size:20px;
    }

    .stat-item p{

        font-size:10px;
    }
}



























































































    
/* =========================
   CTA BUTTONS - FINAL PREMIUM
========================= */

.cta-row{
    display:flex;
    gap:16px;
    margin-top:42px;
}

.call-btn,
.book-btn{

    flex:1;

    display:flex;
    align-items:center;

    gap:12px;

    height:74px;

    padding:0 18px;

    border-radius:14px;

    text-decoration:none;

    box-sizing:border-box;

    transition:.25s ease;

    box-shadow:0 6px 18px rgba(0,0,0,.10);
}

.call-btn{
    background:#2563EB;
}

.book-btn{
    background:#F97316;
}

.call-btn:hover,
.book-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 24px rgba(0,0,0,.15);

}

.call-btn:active,
.book-btn:active{

    transform:scale(.98);

}

/* ICON */

.btn-icon{

    width:48px;
    height:48px;

    min-width:48px;

    border-radius:50%;

    background:rgba(255,255,255,.16);

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

    flex-shrink:0;

}

.btn-icon i{

    font-size:22px;

    line-height:1;

    color:#fff;

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

}

/* TEXT */

.btn-text{

    display:flex;

    flex-direction:column;

    justify-content:center;

    flex:1;

}

.btn-title{

    font-size:15px;

    font-weight:800;

    line-height:1.1;

    color:#fff;

}

.btn-subtitle{

    margin-top:3px;

    font-size:12px;

    font-weight:500;

    color:rgba(255,255,255,.92);

    line-height:1.25;

}

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

@media(max-width:767px){

.cta-row{

    flex-direction:column;

    gap:12px;

}

.call-btn,
.book-btn{

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

    padding:0 18px;

    gap:12px;

}

.btn-icon{

    width:46px;

    height:46px;

    min-width:46px;

}

.btn-icon i{

    font-size:21px;

}

.btn-title{

    font-size:14px;

}

.btn-subtitle{

    font-size:11px;

}

}





































































/* =========================
   GUARANTEE
========================= */

.guarantee{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:8px;

    margin:16px 0 14px;

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

    color:#0D47A1;
}

.guarantee svg{
    width:18px;
    height:18px;
}

/* =========================
   BENEFITS BOX
========================= */

.benefits-box{

    margin-top:14px;

    background:#001B6B;

    border-radius:16px;

    padding:16px 18px;

    display:grid;

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

    gap:18px;

    width:100%;

    box-sizing:border-box;
}

.benefit-item{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;
}

.benefit-icon{

    width:34px;

    height:34px;

    min-width:34px;

    display:flex;

    align-items:center;

    justify-content:center;
}

.benefit-icon i{

    font-size:30px;

    color:#fff;

    line-height:1;
}

.benefit-content{

    flex:1;
}

.benefit-content h4{

    margin:0 0 3px;

    font-size:13px;

    font-weight:700;

    line-height:1.2;

    color:#fff;

    text-transform:uppercase;
}

.benefit-content p{

    margin:0;

    font-size:11px;

    line-height:1.35;

    color:rgba(255,255,255,.82);
}

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

@media(max-width:767px){

    .benefits-box{

        grid-template-columns:1fr;

        gap:16px;

        padding:18px;
    }

    .benefit-icon{

        width:30px;

        height:30px;

        min-width:30px;
    }

    .benefit-icon i{

        font-size:26px;
    }

    .benefit-content h4{

        font-size:12px;
    }

    .benefit-content p{

        font-size:10px;
    }
}

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

@media(max-width:767px){

    .benefits-box{

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

        gap:18px;

        padding:16px;
    }

    .benefit-icon{

        width:30px;

        height:30px;
    }

    .benefit-icon i{

        font-size:28px;
    }

    .benefit-item h4{

        font-size:12px;
    }

    .benefit-item p{

        font-size:10px;
    }
}

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

.hero-right{

    width:44%;

    display:flex;

    justify-content:flex-end;

    align-items:flex-start;
}

.hero-image{

    width:120%;

    max-width:none;

    height:auto;

    display:block;

    margin-top:-30px;
    margin-right:-40px;
}

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

@media(max-width:767px){

    .benefits-box{

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

        gap:18px;

        padding:18px;
    }

    .hero-right{

        width:100%;

        justify-content:center;

        margin-top:20px;
    }

    .hero-image{

        max-width:320px;
    }
}






























/*=====================================
HERO CTA - CALL LIVE RING
=====================================*/

.call-btn .btn-icon{
    position:relative;
    overflow:visible;
}

.call-btn .btn-icon::before,
.call-btn .btn-icon::after{
    content:"";
    position:absolute;
    inset:-3px;
    border:2px solid rgba(255,255,255,.45);
    border-radius:50%;
    animation:heroCallWave 3s infinite;
}

.call-btn .btn-icon::after{
    animation-delay:.8s;
}

.call-btn .btn-icon i{
    transform-origin:center;
    animation:heroPhoneRing 3s infinite;
}

@keyframes heroPhoneRing{

    0%,45%,100%{transform:rotate(0deg);}

    5%{transform:rotate(-18deg);}
    10%{transform:rotate(18deg);}
    15%{transform:rotate(-15deg);}
    20%{transform:rotate(15deg);}
    25%{transform:rotate(-10deg);}
    30%{transform:rotate(10deg);}
    35%{transform:rotate(-5deg);}
    40%{transform:rotate(5deg);}
}

@keyframes heroCallWave{

    0%{
        transform:scale(1);
        opacity:.7;
    }

    35%{
        transform:scale(1.45);
        opacity:.3;
    }

    70%{
        transform:scale(1.9);
        opacity:0;
    }

    100%{
        transform:scale(1.9);
        opacity:0;
    }

}

/*=====================================
HERO CTA - BOOK SERVICE (FINAL)
=====================================*/

.book-btn .btn-icon{
    position:relative;
    overflow:visible;
}

/* Soft Premium Glow */

.book-btn .btn-icon::before{
    content:"";
    position:absolute;
    inset:-4px;

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

    animation:heroBookGlow 3.5s ease-in-out infinite;
}

/* Icon stays fixed */

.book-btn .btn-icon i{
    animation:none;
}

/*=========================
SOFT GLOW
=========================*/

@keyframes heroBookGlow{

    0%,100%{
        transform:scale(1);
        opacity:.25;
    }

    40%{
        transform:scale(1.12);
        opacity:.10;
    }

    70%{
        transform:scale(1.25);
        opacity:0;
    }

}
























/* TABLET IMAGE FIX */

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

    .hero-right{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        margin-top:20px;
    }

    .hero-image{
        width:100%;
        max-width:520px;
        height:auto;
        margin:0 auto;
        display:block;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46847f4 *//* =========================
   COMFORT SECTION
========================= */

.comfort-section{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    background:#ffffff;

    border:1px solid #E8E8E8;

    border-bottom:3px solid #FF6B00;

    border-radius:0 0 16px 16px;

    padding:14px 20px;

    margin-top:12px;

    box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.comfort-icon{

    width:42px;

    height:42px;

    flex-shrink:0;
}

.comfort-icon svg{

    width:100%;

    height:100%;
}

.comfort-content h3{

    margin:0;

    font-size:22px;

    font-weight:800;

    color:#0D47A1;

    line-height:1.2;

    text-transform:uppercase;
}

.comfort-content p{

    margin:4px 0 0;

    font-size:13px;
    
    line-height: 1.5;

    font-weight:500;

    color:#555;
}

/* MOBILE */

@media(max-width:767px){

    .comfort-section{

        flex-direction:column;

        text-align:center;

        padding:16px;
    }

    .comfort-content h3{

        font-size:18px;
    }

    .comfort-content p{

        font-size:13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a460398 *//* =========================
SERVICES HEADER
========================= */

.services-header{

text-align:center;  

max-width:800px;  

margin:0 auto 20px;  

padding:0 12px;

}

/* BADGE - VERIFIED STYLE */

.services-badge{

display:inline-flex;  

align-items:center;  

gap:8px;  

padding:8px 20px;  

background:#ffffff;  

border:1px solid #D9E2F1;  

border-radius:50px;  

color:#0D47A1;  

font-size:12px;  

font-weight:700;  

letter-spacing:.8px;  

text-transform:uppercase;  

box-shadow:0 2px 8px rgba(0,0,0,.04);

}

.services-badge svg{

width:16px;  

height:16px;  

color:#0D47A1;  

flex-shrink:0;

}

.services-badge span{

line-height:1;

}

/* MOBILE */

@media(max-width:767px){

.services-badge{  

    padding:7px 16px;  

    font-size:11px;  
}  

.services-badge svg{  

    width:14px;  

    height:14px;  
}

}

/* TITLE */

.services-title{

margin:12px 0 8px;  

font-size:32px;  

line-height:1.1;  

font-weight:800;  

color:#081F5C;

}

.services-title span{

display:block;  

color:#2563EB;

}

/* DESCRIPTION */

.services-desc{

margin:0 auto;  

max-width:600px;  

font-size:13px;  

line-height:1.7;  

color:#6B7280;

}

/* DIVIDER */

.services-divider{

margin-top:12px;

}

.services-divider span{

display:inline-block;  

width:50px;  

height:3px;  

background:#2563EB;  

border-radius:50px;  

position:relative;

}

.services-divider span:after{

content:"";  

position:absolute;  

right:-8px;  

top:-2px;  

width:7px;  

height:7px;  

border-radius:50%;  

background:#2563EB;

}

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

@media(max-width:767px){

.services-header{  

    margin-bottom:16px;  
}  

.services-badge{  

    font-size:9px;  

    padding:6px 14px;  
}  

.services-badge svg{  

    width:12px;  

    height:12px;  
}  

.services-title{  

    font-size:24px;  

    margin:10px 0 6px;  
}  

.services-desc{  

    font-size:11px;  

    line-height:1.6;  
}  

.services-divider span{  

    width:40px;  
}

}

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

.services-grid{

display:grid;  

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

gap:14px;  

margin-top:25px;

}

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

.service-card{

background:#fff;  

border:1px solid #E8EAF0;  

border-radius:16px;  

overflow:hidden;  

text-align:center;  

padding-bottom:12px;  

transition:.3s ease;  

box-shadow:0 2px 8px rgba(0,0,0,.04);

}

.service-card:hover{

transform:translateY(-3px);  

box-shadow:0 6px 15px rgba(0,0,0,.08);

}

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

.service-image{

height:190px;  

overflow:hidden;

}

.service-image img{

width:100%;  

height:100%;  

object-fit:cover;  

display:block;

}

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

.service-card h3{

margin:12px 8px 6px;  

font-size:15px;  

font-weight:700;  

line-height:1.3;  

color:#08245C;

}

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

.service-card p{

margin:0 10px 12px;  

font-size:12px;  

line-height:1.5;  

color:#6B7280;  

min-height:34px;

}

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

.service-btn{

display:inline-flex;  

align-items:center;  

justify-content:center;  

min-width:105px;  

height:36px;  

padding:0 14px;  

border-radius:50px;  

border:1px solid #E5E7EB;  

background:#fff;  

text-decoration:none;  

font-size:12px;  

font-weight:700;  

transition:.3s ease;

}

.blue-btn{
color:#0D47A1;
}

.green-btn{
color:#22C55E;
}

.orange-btn{
color:#FF6B00;
}

.service-btn:hover{

transform:translateY(-2px);

}

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

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

    .service-image{
        height:220px;
    }

    .service-card{
        padding-bottom:16px;
    }

    .service-card h3{
        font-size:16px;
    }

    .service-card p{
        font-size:13px;
    }

    .service-btn{
        min-width:115px;
        height:38px;
        font-size:13px;
    }

}

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

@media(max-width:767px){

.services-grid{  

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

    gap:10px;  
}  

.service-image{  

    height:140px;  
}  

.service-card h3{  

    font-size:12px;  
}  

.service-card p{  

    font-size:10px;  

    min-height:auto;  
}  

.service-btn{  

    min-width:90px;  

    height:30px;  

    font-size:10px;  
}

}

/* =====================================
FEATURES BAR - FULL REPLACE VERSION
===================================== */

.service-features{

margin-top:22px;  

background:#F7F9FD;  

border:1px solid #E7ECF5;  

border-radius:18px;  

padding:18px 12px;  

display:grid;  

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

gap:0;  

width:100%;

}

/* FEATURE ITEM */

.feature-item{

display:flex;  

align-items:center;  

gap:10px;  

padding:0 12px;  

position:relative;  

min-height:60px;

}

/* VERTICAL DIVIDER */

.feature-item:not(:last-child)::after{

content:"";  

position:absolute;  

right:0;  

top:50%;  

transform:translateY(-50%);  

width:1px;  

height:42px;  

background:#E1E7F0;

}

/* ICON CIRCLE */

.feature-icon{

width:48px;  

height:48px;  

min-width:48px;  

border-radius:50%;  

background:#EDF3FF;  

display:flex;  

align-items:center;  

justify-content:center;  

color:#0D47A1;

}

/* SVG */

.feature-icon svg{

width:22px;  

height:22px;  

stroke-width:2;

}

/* TEXT AREA */

.feature-content{

flex:1;

}

.feature-content h4{

margin:0 0 3px;  

font-size:13px;  

font-weight:700;  

line-height:1.2;  

color:#08245C;

}

.feature-content p{

margin:0;  

font-size:10px;  

line-height:1.4;  

color:#6B7280;

}

/* TABLET */

@media(max-width:1024px){

.service-features{  

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

    gap:14px;  

    padding:18px;  
}  

.feature-item:not(:last-child)::after{  

    display:none;  
}

}

/* MOBILE */

@media(max-width:767px){

.service-features{  

    grid-template-columns:1fr;  

    padding:15px;  

    gap:12px;  
}  

.feature-item{  

    padding:0;  

    min-height:auto;  
}  

.feature-icon{  

    width:42px;  

    height:42px;  

    min-width:42px;  
}  

.feature-icon svg{  

    width:18px;  

    height:18px;  
}  

.feature-content h4{  

    font-size:12px;  
}  

.feature-content p{  

    font-size:10px;  
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41ee0a3 *//* =========================
WHY CHOOSE SECTION
FULL REPLACE
========================= */

.why-choose-section{
    padding:25px 0px;
}

/* HEADER */

.why-header{
    text-align:center;
    margin-bottom:20px;
}

.why-badge{
    display:inline-block;
    background:#0D47A1;
    color:#fff;
    font-size:10px;
    font-weight:700;
    padding:7px 18px;
    border-radius:40px;
    margin-bottom:12px;
    letter-spacing:.5px;
}

.why-header h2{
    font-size:30px;
    line-height:1.15;
    font-weight:800;
    color:#081F5C;
    margin:0;
}

.why-header h2 span{
    color:#FF6B00;
}

.why-header p{
    font-size:13px;
    color:#6B7280;
    margin-top:10px;
    line-height:1.6;
}

/* GRID */

.why-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:12px;
}

/* CARD */

.why-card{
    background:#fff;
    border:1px solid #E8ECF2;
    border-radius:14px;
    padding:16px 10px;
    text-align:center;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
    transition:.3s;
}

.why-card:hover{
    transform:translateY(-3px);
}

/* IMAGE */

.why-card img{
    width:80px;
    height:80px;
    object-fit:contain;
    display:block;
    margin:0 auto 10px;
}

/* TITLE */

.why-card h3{
    font-size:13px;
    line-height:1.3;
    color:#081F5C;
    font-weight:700;
    margin:0 0 8px;
}

/* BLUE LINE */

.why-card span{
    width:35px;
    height:2px;
    background:#2563EB;
    display:block;
    margin:0 auto 10px;
    border-radius:20px;
}

/* TEXT */

.why-card p{
    font-size:10px;
    line-height:1.5;
    color:#6B7280;
    margin:0;
}

/* TABLET */

@media(max-width:1024px){

    .why-grid{
        grid-template-columns:repeat(3,1fr);
        gap:12px;
    }

    .why-header h2{
        font-size:26px;
    }
}

/* MOBILE */

@media(max-width:767px){

    .why-grid{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    .why-header h2{
        font-size:22px;
    }

    .why-header p{
        font-size:11px;
    }

    .why-card{
        padding:12px 8px;
    }

    .why-card img{
        width:50px;
        height:50px;
    }

    .why-card h3{
        font-size:11px;
    }

    .why-card p{
        font-size:9px;
        line-height:1.4;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79d510c */.serve-everyone-section{
    max-width:1250px;
    margin:auto;
    padding:25px 0px;
    text-align:center;
}

/* HEADER */

.serve-badge{
    display:inline-block;
    background:#eef4ff;
    padding:7px 16px;
    border-radius:40px;
    font-size:11px;
    font-weight:700;
    color:#1357ff;
    margin-bottom:10px;
}

.serve-title{
    font-size:32px;
    line-height:1.1;
    font-weight:800;
    color:#081b49;
    margin-bottom:8px;
}

.serve-title span{
    color:#1357ff;
}

.serve-subtitle{
    font-size:13px;
    line-height:1.5;
    max-width:520px;
    margin:auto auto 20px;
    color:#6b7280;
}

/* GRID */

.serve-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

/* CARD */

.serve-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
    transition:.3s;
}

.serve-card:hover{
    transform:translateY(-2px);
}

/* ICON */

.serve-icon{
    width:70px;
    height:70px;
    margin:14px auto 8px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.serve-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.premium{
    background:#eef4ff;
}

.budget{
    background:#ecfff0;
}

.emergency{
    background:#fff0f0;
}

.family{
    background:#f7efff;
}

/* TITLE */

.serve-card h3{
    font-size:14px;
    font-weight:800;
    line-height:1.3;
    padding:0 8px;
    margin-bottom:6px;
}

/* LINE */

.serve-line{
    width:28px;
    height:2px;
    margin:0 auto 8px;
    border-radius:10px;
}

.premium-bg{
    background:#1357ff;
}

.budget-bg{
    background:#16a34a;
}

.emergency-bg{
    background:#ef4444;
}

.family-bg{
    background:#9333ea;
}

/* TEXT */

.serve-card p{
    font-size:11px;
    line-height:1.45;
    padding:0 10px;
    min-height:60px;
    color:#6b7280;
    margin:0 0 6px;
}

/* IMAGE */

.serve-image{
    width:100%;
    height:120px;
    object-fit:cover;
    display:block;
}

/* FOOTER */

.serve-footer{
    padding:10px;
    font-size:12px;
    font-weight:700;
}

.premium-text{
    color:#1357ff;
}

.budget-text{
    color:#16a34a;
}

.emergency-text{
    color:#ef4444;
}

.family-text{
    color:#9333ea;
}

/* TABLET */

@media(max-width:1024px){

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

}

/* MOBILE */

@media(max-width:767px){

    .serve-title{
        font-size:24px;
    }

    .serve-subtitle{
        font-size:12px;
    }

    .serve-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .serve-image{
        height:180px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f95362 *//* =========================
   EXPERTS SECTION - PART 1
========================= */

.experts-section{
    max-width:1280px;
    margin:auto;
    padding:20px 0px;
}

/* BADGE */

.experts-badge{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:max-content;
    margin:0 auto 10px;
    padding:6px 14px;
    background:#EEF4FF;
    border-radius:30px;
}

.experts-badge svg{
    width:14px;
    height:14px;
}

.experts-badge span{
    font-size:11px;
    font-weight:800;
    color:#1357FF;
    letter-spacing:.3px;
}

/* TITLE */

.experts-title{
    text-align:center;
    font-size:32px;
    line-height:1.08;
    font-weight:800;
    color:#081B49;
    margin:0 0 8px;
}

.experts-title span{
    display:block;
    color:#1357FF;
}

/* SUBTITLE */

.experts-subtitle{
    max-width:480px;
    margin:0 auto 18px;
    text-align:center;
    font-size:13px;
    line-height:1.5;
    color:#6B7280;
}


/* FEATURES */

.experts-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#fff;
    border:1px solid #ECEFF3;
    border-radius:12px;
    overflow:hidden;
    margin:2px 0 4px;
    position:relative;
    z-index:1;
}

.experts-feature-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 14px;
    min-height:82px;
    border-radius:0 !important;
}

.experts-feature-item:not(:last-child){
    border-right:1px solid #ECEFF3;
}

.experts-feature-item img{
    width:60px;
    height:60px;
    object-fit:contain;
    flex-shrink:0;
}

.experts-feature-item h4{
    margin:0;
    font-size:12px;
    font-weight:700;
    line-height:1.25;
    color:#111827;
}



/* MEET HEADING */

.meet-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin:10px 0 18px;
}


.meet-heading h3{
    margin:0;
    font-size:20px;
    font-weight:800;
    color:#081B49;
}

/* TABLET */

@media(max-width:1024px){

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

    .experts-feature-item:nth-child(2){
        border-right:none;
    }

}

/* MOBILE */

@media(max-width:767px){

    .experts-section{
        padding:18px 6px;
    }

    .experts-title{
        font-size:24px;
    }

    .experts-subtitle{
        font-size:11px;
    }

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

    .experts-feature-item{
    border-bottom:1px solid #E5E7EB;
}

.experts-feature-item:nth-child(odd){
    border-right:1px solid #E5E7EB;
}

    .experts-feature-item:nth-child(3),
.experts-feature-item:nth-child(4){
    border-bottom:none;
}

    .experts-feature-item img{
        width:40px;
        height:40px;
    }

    .experts-feature-item h4{
        font-size:11px;
    }

    .meet-heading h3{
        font-size:17px;
    }

}









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

.tech-card{
    flex:0 0 calc((100% - 32px) / 3);
    box-sizing:border-box;

    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:20px;

    box-shadow:
        0 8px 24px rgba(15,23,42,.10),
        0 2px 8px rgba(15,23,42,.06);

    overflow:hidden;
}

/* PHOTO */

.tech-photo-wrap{
    display:flex;
    justify-content:center;
    padding-top:12px;
}

.tech-photo{
    width:110px;
    height:110px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #fff;
    box-shadow:0 4px 10px rgba(0,0,0,.08);
}

/* CONTENT */

.tech-content{
    padding:10px;
}

/* TITLE */

.tech-title{
    text-align:center;
    font-size:15px;
    font-weight:800;
    line-height:1.3;
    color:#081B49;
    margin:8px 0 10px;
}

/* SERVICE LIST */

.service-list{
    margin-bottom:10px;
}

.service-row{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    border-bottom:1px solid #ECEFF3;
    padding:2px 0;
}

.service-row:last-child{
    border-bottom:none;
}

.appliance-icon{
    width:35px;
    height:35px;
    object-fit:contain;
    flex-shrink:0;
}

.service-tick{
    font-size:18px;
    font-weight:800;
    color:#082B73;
    flex-shrink:0;
}

.service-text{
    flex:1;
    font-size:12px;
    font-weight:600;
    color:#111827;
}

/* VERIFICATION */

.verify-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:10px;
    margin-bottom:6px;
}

.verify-item{
    display:flex;
    align-items:center;
    gap:6px;
    background:#EEF4FF;
    border-radius:10px;
    padding:6px;
    min-height:40px;
}

.verify-icon{
    width:45px;
    height:45px;
    object-fit:contain;
    flex-shrink:0;
}

.verify-item span{
    font-size:10px;
    font-weight:700;
    color:#081B49;
    line-height:1.2;
}

/* FOOTER */

.tech-footer{
    display:grid;
    grid-template-columns:1fr 1px 1fr;
    align-items:center;
    border-top:1px solid #E5E7EB;
    padding-top:8px;
}

.footer-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-align:center;
}

.footer-icon{
    width:18px;
    height:18px;
}

.footer-item span{
    font-size:11px;
    font-weight:700;
    color:#111827;
    line-height:1.2;
}

.footer-divider{
    width:1px;
    height:24px;
    background:#E5E7EB;
    margin:auto;
}

/* TABLET */

@media(max-width:1024px){

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

}

/* MOBILE */

@media(max-width:767px){

    .tech-grid{
        grid-template-columns:1fr;
    }

    .tech-photo{
        width:120px;
        height:120px;
    }

    .tech-title{
        font-size:15px;
    }

}






.tech-slider{
    overflow:hidden;
    width:100%;
    padding:12px 10px;
    box-sizing: border-box;
}

.tech-grid{
    display:flex;
    gap:17px;
    transition:transform .8s ease;
}

/* DESKTOP = 3 CARD */

.tech-card{
    flex:0 0 calc((100% - 32px) / 3);
    box-sizing:border-box;
}

/* TABLET = 2 CARD */

@media(max-width:1024px){

    .tech-card{
        flex:0 0 calc((100% - 16px) / 2);
    }

}

/* MOBILE = 1 CARD */

@media(max-width:767px){

    .tech-card{
        flex:0 0 100%;
    }

}

























/* =========================
   PART 3 - COMPACT
========================= */

.safe-section{
    display:grid;
    grid-template-columns:40% 28% 30%;
    gap:8px;
    margin-top:10px;
    align-items:stretch;

    padding-left:px;
    box-sizing:border-box;
}

/* LEFT BOX */

.safe-left{
    background:#EEF4FF;
    border:1px solid #DCE8FF;
    border-radius:12px;

    padding:12px 14px;

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

    box-shadow:
    0 2px 6px rgba(0,0,0,.04);
}

.safe-icon img{
    width:75px;
    height:75px;
    object-fit:contain;
}

.safe-content h3{
    margin:0 0 3px;
    font-size:18px;
    font-weight:800;
    line-height:1.2;
    color:#081B49;
}

.safe-content p{
    margin:0;
    font-size:11px;
    line-height:1.4;
    color:#4B5563;
}

/* CENTER IMAGE */

.safe-image{
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:12px;
    overflow:hidden;

    box-shadow:
    0 2px 6px rgba(0,0,0,.04);
}

.safe-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* RIGHT BUTTONS */

.safe-buttons{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.safe-call-btn,
.safe-book-btn{
    height:60px;
    border-radius:12px;
    padding:0 12px;

    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    box-sizing:border-box;
}

.safe-call-btn{
    background:#1357FF;
}

.safe-book-btn{
    background:#FF6B00;
}

.safe-btn-icon{
    width:45px;
    height:45px;

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

    background:rgba(255,255,255,.18);
    border-radius:50%;

    flex-shrink:0;
}

.safe-btn-icon svg{
    width:28px;
    height:28px;
    display:block;
}

.safe-call-btn .safe-btn-icon svg,
.safe-book-btn .safe-btn-icon svg{
    fill:#fff;
}

.safe-btn-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    line-height:1.2;
}

.safe-btn-text span{
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.safe-btn-text strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:16px;
    font-weight:800;
    line-height:1.2;
}

/* TRUST STRIP */

.trust-strip{
    margin-top:10px;
    padding:0px 16px;

    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:12px;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;

    box-shadow:0 2px 6px rgba(0,0,0,.04);
}

.trust-item{
    display:flex;
    align-items:center;
    gap:8px;
}

.trust-item img{
    width:35px;
    height:35px;
    object-fit:contain;
    flex-shrink:0;
}

.trust-item span{
    font-size:12px;
    font-weight:700;
    color:#081B49;
    line-height:1.2;
    white-space:nowrap;
}


/* TABLET */

@media(max-width:1024px){

    .safe-section{
        grid-template-columns:1fr 1fr;
    }

    .safe-buttons{
        grid-column:1/3;
    }

}

/* MOBILE */

@media(max-width:767px){

    .safe-section{
        display:flex;
        flex-direction:column;
        gap:8px;
    }

    /* ORDER */

    .safe-left{
        order:1;
        padding:12px;
    }

    .safe-image{
        order:2;
        height:180px;
    }

    .safe-buttons{
        order:3;
    }

    /* ICON */

    .safe-icon img{
        width:42px;
        height:42px;
    }

    /* TEXT */

    .safe-content h3{
        font-size:12px;
    }

    .safe-content p{
        font-size:10px;
    }

    /* BUTTONS */

    .call-btn,
    .whatsapp-btn{
        height:52px;
    }

    /* TRUST */

.trust-strip{
    order:4;

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

    padding:12px 8px;
    gap:0;

    overflow:hidden;
}

.trust-item{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
}

.trust-item img{
    width:16px;
    height:16px;
}

.trust-item span{
    font-size:8px;
    font-weight:800;
    line-height:1.3;
    text-align:center;
}

.dot{
    display:none;
}

.trust-item{
    border:none !important;
    box-shadow:none !important;
}

}











/*=====================================
QTECH LIVE CALL RING ANIMATION
=====================================*/

.safe-call-btn .safe-btn-icon{
    position:relative;
    overflow:visible;
}

/* Ring Wave 1 */

.safe-call-btn .safe-btn-icon::before{
    content:"";
    position:absolute;
    inset:-2px;

    border:2px solid rgba(255,255,255,.45);

    border-radius:50%;

    animation:qtRingWave 3s infinite;
}

/* Ring Wave 2 */

.safe-call-btn .safe-btn-icon::after{
    content:"";
    position:absolute;
    inset:-2px;

    border:2px solid rgba(255,255,255,.30);

    border-radius:50%;

    animation:qtRingWave 3s infinite .8s;
}

/* Phone Shake */

.safe-call-btn .safe-btn-icon svg{

    transform-origin:50% 50%;

    animation:qtPhoneRing 3s infinite;
}


/*=========================
PHONE RING
=========================*/

@keyframes qtPhoneRing{

0%,45%,100%{
transform:rotate(0deg);
}

5%{
transform:rotate(-18deg);
}

10%{
transform:rotate(18deg);
}

15%{
transform:rotate(-15deg);
}

20%{
transform:rotate(15deg);
}

25%{
transform:rotate(-10deg);
}

30%{
transform:rotate(10deg);
}

35%{
transform:rotate(-5deg);
}

40%{
transform:rotate(5deg);
}

}


/*=========================
RING WAVES
=========================*/

@keyframes qtRingWave{

0%{
transform:scale(1);
opacity:.7;
}

30%{
transform:scale(1.45);
opacity:.35;
}

60%{
transform:scale(1.9);
opacity:0;
}

100%{
transform:scale(1.9);
opacity:0;
}

}



/*=====================================
QTECH LIVE BOOK NOW ANIMATION
=====================================*/

/*=====================================
QTECH BOOK BUTTON - PREMIUM
=====================================*/

.safe-book-btn .safe-btn-icon{
    position:relative;
    overflow:visible;
}

/* Soft Pulse Ring */

.safe-book-btn .safe-btn-icon::before{
    content:"";
    position:absolute;
    inset:-2px;

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

    animation:qtBookPulse 3s ease-in-out infinite;
}

/* Icon - No Bounce */

.safe-book-btn .safe-btn-icon svg{
    transform:none;
    animation:none;
}

/*=========================
BOOK PULSE
=========================*/

@keyframes qtBookPulse{

    0%,100%{
        transform:scale(1);
        opacity:.35;
    }

    50%{
        transform:scale(1.18);
        opacity:0;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a9d190 *//*======================================
  REVIEWS SECTION - PART 1
  Header + Slider + Card Base
======================================*/

/* SECTION */

.reviews-header{

    max-width:1080px;

    margin:0 auto;

    padding:18px 12px 20px;

    text-align:center;

}

/* BADGE */

.review-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:7px 16px;

    background:#FFF8E1;

    border:1px solid #F4D03F;

    border-radius:50px;

    margin-bottom:14px;

}

.review-badge svg{

    width:18px;

    height:18px;

    color:#D4A017;

}

.review-badge span{

    font-size:11px;

    font-weight:700;

    letter-spacing:.5px;

    color:#B8860B;

    text-transform:uppercase;

}

/* TITLE */

.review-title{

    max-width:680px;

    margin:0 auto 10px;

    font-size:36px;

    font-weight:800;

    line-height:1.15;

    color:#081B49;

}

.review-title span{

    color:#1357FF;

}

/* DESCRIPTION */

.review-desc{

    max-width:560px;

    margin:0 auto;

    font-size:14px;

    line-height:1.7;

    color:#6B7280;

}

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

.reviews-slider{

    width:100%;

    overflow:hidden;

    position:relative;

    padding:14px 8px;

    box-sizing:border-box;

}

.review-track{

    display:flex;

    align-items:stretch;

    gap:16px;

    will-change:transform;

    box-sizing:border-box;

}

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

.review-card{

    flex:0 0 calc((100% - 32px) / 3);

    display:flex;

    flex-direction:column;

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    border-radius:20px;

    padding:18px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

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

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


/*======================================
  REVIEWS SECTION - PART 2
  Header Content
======================================*/


/* =========================
   CUSTOMER AVATAR
========================= */

.customer-avatar{

    width:48px;
    height:48px;

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

    border-radius:50%;

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

    flex-shrink:0;

    font-size:21px;
    font-weight:700;
    font-family:Arial, Helvetica, sans-serif;

    color:#fff;

    text-transform:uppercase;

    line-height:1;

    user-select:none;

    box-sizing:border-box;

    border:2px solid #fff;

    box-shadow:
        0 0 0 1px #E5E7EB,
        0 2px 6px rgba(0,0,0,.08);

    overflow:hidden;
}


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

.card-header{

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

    margin-bottom:14px;
}


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

.google-icon{

    width:22px;
    height:22px;

    flex-shrink:0;

    object-fit:contain;
}



/*==========================
  CUSTOMER INFO
==========================*/

.customer-info{

    flex:1;

    min-width:0;

}

.customer-info h4{

    margin:0;

    font-size:15px;

    font-weight:700;

    line-height:1.35;

    color:#081B49;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.customer-info span{

    display:block;

    margin-top:3px;

    font-size:11px;

    font-weight:500;

    color:#6B7280;

}


/*==========================
  STAR RATING
==========================*/

.stars{

    margin-bottom:12px;

    font-size:16px;

    letter-spacing:2px;

    color:#F4B400;

    line-height:1;

}

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

.review-text{

    margin:0;

    color:#4B5563;

    font-size:13px;

    line-height:1.75;

    flex:1;

}

/*======================================
  REVIEWS SECTION - PART 3 (FINAL)
  Avatar Colors + Responsive
======================================*/

/*==========================
  AVATAR COLORS
==========================*/

.avatar-blue{
    background:#2563EB;
}

.avatar-pink{
    background:#EC4899;
}

.avatar-yellow{
    background:#F59E0B;
}

.avatar-green{
    background:#16A34A;
}

.avatar-indigo{
    background:#4F46E5;
}

.avatar-purple{
    background:#9333EA;
}

.avatar-orange{
    background:#EA580C;
}

.avatar-red{
    background:#DC2626;
}

.avatar-teal{
    background:#0F766E;
}

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

@media (max-width:1024px){

    .review-title{

        font-size:30px;

    }

    .review-desc{

        font-size:13px;

        max-width:500px;

    }

    .review-card{

        flex:0 0 calc((100% - 16px)/2);

        padding:16px;

    }

    .customer-avatar{

        width:46px;

        height:46px;

        font-size:18px;

    }

}

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

@media (max-width:767px){

    .reviews-header{

        padding:18px 12px;

    }

    .review-title{

        font-size:24px;

    }

    .review-desc{

        font-size:12px;

        max-width:100%;

    }

    .reviews-slider{

        padding:8px 0;

    }

    .review-track{

        gap:14px;

    }

    .review-card{

        flex:0 0 100%;

        padding:16px;

        border-radius:18px;

    }

    .card-header{

        gap:10px;

    }

    .customer-avatar{

        width:42px;

        height:42px;

        font-size:17px;

    }

    .customer-info h4{

        font-size:14px;

    }

    .customer-info span{

        font-size:10px;

    }

    .google-icon{

        width:18px;

        height:18px;

    }

    .stars{

        font-size:15px;

    }

    .review-text{

        font-size:12px;

        line-height:1.7;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-247af30 *//* =========================
   BEFORE AFTER HEADER
========================= */

.work-header{
    max-width:1080px;
    margin:auto;
    padding:18px 8px 14px;
    text-align:center;
}

/* BADGE */

.work-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:6px 14px;

    background:#EEF4FF;

    border-radius:30px;

    margin-bottom:8px;
}

.work-badge svg{
    width:14px;
    height:14px;
    color:#1357FF;
}

.work-badge span{
    font-size:11px;
    font-weight:800;
    color:#1357FF;
    letter-spacing:.2px;
}

/* TITLE */

.work-title{
    max-width:700px;

    margin:0 auto 6px;

    font-size:32px;
    line-height:1.08;
    font-weight:800;

    color:#081B49;
}

.work-title span{
    color:#1357FF;
}

/* DESCRIPTION */

.work-desc{
    max-width:480px;

    margin:auto;

    font-size:12px;
    line-height:1.5;

    color:#6B7280;
}

/* TABLET */

@media(max-width:1024px){

    .work-title{
        font-size:30px;
    }

    .work-desc{
        font-size:11px;
    }

}

/* MOBILE */

@media(max-width:767px){

    .work-header{
        padding:18px 6px 12px;
    }

    .work-badge{
        padding:6px 12px;
    }

    .work-badge svg{
        width:12px;
        height:12px;
    }

    .work-badge span{
        font-size:10px;
    }

    .work-title{
        font-size:24px;
        line-height:1.1;
    }

    .work-desc{
        max-width:95%;
        font-size:11px;
        line-height:1.5;
    }

}
















































/* =========================
   BEFORE AFTER - PART 2
========================= */

.before-after-section{
    max-width:1280px;
    margin:auto;
    padding:0 5px 20px;
}

/* =========================
   TABS
========================= */

.repair-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:18px;
}

.repair-tab{

    padding:9px 16px;

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:30px;

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

    color:#081B49;

    cursor:pointer;

    transition:.3s ease;
}

.repair-tab.active{

    background:#1357FF;

    color:#fff;

    border-color:#1357FF;
}

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

.before-grid{

    display:grid;

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

    gap:16px;
}

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

.before-card{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:16px;

    padding:12px;

    box-shadow:
    0 4px 12px rgba(0,0,0,.06);
}

.before-card h3{

    margin:0 0 12px;

    text-align:center;

    font-size:14px;
    font-weight:800;

    color:#081B49;

    line-height:1.3;
}

/* =========================
   BEFORE AFTER
========================= */

.before-wrap{

    display:grid;

    grid-template-columns:
    1fr 1fr;

    gap:8px;

    align-items:center;
}

/* IMAGE BOX */

.before-box{
    position:relative;
}

/* IMAGE */

.before-box img{

    width:100%;

    height:180px;

    object-fit:contain;

    border-radius:12px;

    display:block;
}

/* =========================
   BEFORE AFTER TAG
========================= */

.before-tag,
.after-tag{

    position:absolute;

    top:8px;
    left:8px;

    padding:4px 8px;

    border-radius:6px;

    color:#fff;

    font-size:9px;
    font-weight:800;

    letter-spacing:.3px;
}

.before-tag{
    background:#EF4444;
}

.after-tag{
    background:#16A34A;
}


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

.before-desc,
.after-desc{

    margin-top:10px;

    font-size:11px;

    line-height:1.5;

    font-weight:600;

    color:#374151;

    text-align:left;
}

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

@media(max-width:1024px){

    .before-grid{

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

    .before-box img{

        height:160px;
    }

}

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

@media(max-width:767px){

    .before-grid{

        grid-template-columns:1fr;

        gap:12px;
    }

    .repair-tab{

        font-size:10px;

        padding:8px 12px;
    }

    .before-card{

        padding:12px;
    }

    .before-card h3{

        font-size:14px;
    }

    .before-box img{

    width:100%;
    height:180px;

    object-fit:contain;

    background:#fff;

    border-radius:12px;
}

    .before-desc,
    .after-desc{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd03752 *//* =========================
   PROCESS SECTION
========================= */

.process-section{
    text-align:center;
    padding:32px 15px 20px;
    background:#fff;
}

/* Badge */

.process-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 14px;
    border:1px solid #e7ebf3;
    border-radius:30px;
    background:#fff;
    margin-bottom:10px;
}

.process-badge span{
    font-size:11px;
    font-weight:800;
    color:#1557FF;
    letter-spacing:.3px;
}

/* Heading */

.process-section h2{
    margin:0;
    font-size:22px;
    font-weight:800;
    line-height:1.08;
    color:#08132e;
}

.process-section h2 span{
    color:#1557FF;
}

/* Subtitle */

.process-subtitle{
    max-width:480px;
    margin:10px auto 0;
    font-size:12px;
    line-height:1.5;
    color:#5d6782;
}

/* Blue Line */

.heading-line{
    width:60px;
    height:3px;
    border-radius:30px;
    background:#1357FF;
    margin:16px auto 0;
}
































/* =========================
   PROCESS SECTION
========================= */

.process-section{
    padding:40px 20px;
    text-align:center;
}

.process-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0;
    width:100%;
    max-width:1400px;
    margin:36px auto 0;
}

/* STEP CARD */

.process-item{
    width:200px;
    position:relative;
    text-align:center;
}

.step-number{
    width:40px;
    height:40px;
    background:#1357FF;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    font-weight:800;
    position:absolute;
    top:-8px;
    left:22px;
    z-index:5;
}

/* ICON CIRCLE */

.icon-circle{
    width:135px;
    height:135px;
    margin:0 auto 18px;

    border-radius:50%;

    background:#F5F8FF;

    border:6px solid #fff;

    box-shadow:
    0 0 0 2px #E5E7EB,
    0 6px 16px rgba(0,0,0,.06);

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

.icon-circle img{
    width:72px;
    height:72px;
    object-fit:contain;
}

/* TITLE */

.process-item h3{
    font-size:15px;
    font-weight:800;
    color:#081B49;
    margin:0 0 8px;
    line-height:1.3;
}

/* TEXT */

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

/* CONNECTOR */

.connector{
    width:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    position:relative;
    top:-50px;
}

.connector-line{
    flex:1;
    border-top:2px dashed #1357FF;
}

.connector span{
    width:32px;
    height:32px;
    border:2px solid #1357FF;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#1357FF;
    font-size:18px;
    font-weight:800;
}






























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

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

.process-wrapper{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    justify-items:center;
    align-items:start;
    gap:32px 24px;
    max-width:900px;
    margin:36px auto 0;
}

.process-item{
    width:190px;
}

.icon-circle{
    width:125px;
    height:125px;
}

.icon-circle img{
    width:66px;
    height:66px;
}

.step-number{
    width:38px;
    height:38px;
    font-size:16px;
}

.process-item h3{
    font-size:15px;
    line-height:1.3;
}

.process-item p{
    font-size:12px;
    line-height:1.6;
}

/* Connector Hide */

.connector{
    display:none !important;
}

/* Last 2 cards center */

.process-item:nth-of-type(7){
    grid-column:1;
}

.process-item:nth-of-type(9){
    grid-column:2;
}

}





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

@media (max-width:767px){

/* =========================
   PROCESS SECTION
========================= */

.process-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    justify-items:center;
    align-items:start;
    gap:24px 16px;
    max-width:360px;
    margin:16px auto 0;
}

.process-item{
    width:100%;
    max-width:160px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
}

.process-item:last-child{
    grid-column:1/-1;
    justify-self:center;
}

/* Number */

.step-number{
    width:32px;
    height:32px;
    font-size:13px;
    top:-6px;
    left:14px;
}

/* Remove Circle */

.icon-circle{
    width:auto;
    height:auto;
    margin:0 auto 12px;
    background:none;
    border:none;
    border-radius:0;
    box-shadow:none;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-circle img{
    width:58px;
    height:58px;
    object-fit:contain;
    object-position:center;
    display:block;
}

/* Title */

.process-item h3{
    margin:0 0 8px;
    font-size:14px;
    font-weight:800;
    line-height:1.35;
    color:#081B49;
    min-height:38px;

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

/* Description */

.process-item p{
    margin:0;
    font-size:11px;
    line-height:1.5;
    color:#6B7280;
    min-height:64px;
}

/* Hide Connector */

.connector{
    display:none !important;
}


/* =========================
   TRUST FEATURES
========================= */

.trust-features{
    display:block;
    margin:28px auto 0;
    border:1px solid #E5E7EB;
    border-radius:14px;
    overflow:hidden;
}

.trust-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px;
    border-bottom:1px solid #E5E7EB;
}

.trust-item:last-child{
    border-bottom:none;
}

.trust-icon{
    width:40px;
    min-width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1357FF;
}

.trust-icon svg{
    width:100%;
    height:100%;
}

.trust-content{
    flex:1;
}

.trust-content h3{
    margin:0 0 4px;
    font-size:13px;
    font-weight:800;
    line-height:1.3;
    color:#081B49;
}

.trust-content p{
    margin:0;
    font-size:11px;
    line-height:1.45;
    color:#6B7280;
}

}






/* =========================
   TRUST FEATURES FINAL
========================= */

.trust-features{
    max-width:1400px;
    margin:40px auto 0;
    border:1px solid #edf0f7;
    border-radius:16px;
    background:#fff;
    display:flex;
    overflow:hidden;
}

.trust-item{
    flex:1;
    display:flex;
    align-items:center;
    gap:14px;
    padding:20px 18px;
    border-right:1px solid #edf0f7;
}

.trust-item:last-child{
    border-right:none;
}

.trust-icon{
    width:42px;
    min-width:42px;
    height:42px;
    color:#2563eb;
}

.trust-icon svg{
    width:100%;
    height:100%;
    stroke-width:1.8;
}

.trust-content h3{
    margin:0 0 4px;
    font-size:14px;
    font-weight:700;
    color:#08122f;
    line-height:1.3;
}

.trust-content p{
    margin:0;
    font-size:12px;
    line-height:1.5;
    color:#4b5563;
}








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

@media(max-width:1024px){

.trust-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
}

.trust-item{
    border-right:none;
    border-bottom:1px solid #E5E7EB;
    padding:18px 16px;
}

.trust-item:nth-child(3),
.trust-item:nth-child(4){
    border-bottom:none;
}

}

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

@media(max-width:767px){

.trust-features{
    display:block;
}

.trust-item{
    padding:14px 16px;
    gap:12px;
    border-bottom:1px solid #E5E7EB;
}

.trust-item:last-child{
    border-bottom:none;
}

.trust-icon{
    width:36px;
    min-width:36px;
    height:36px;
}

.trust-content h3{
    font-size:13px;
    font-weight:800;
}

.trust-content p{
    font-size:11px;
    line-height:1.45;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c49ed55 */.faq-section{
    padding:20px 0px;
    background:#fff;
}

/* HEADER */

.faq-header{
    max-width:600px;
    margin:auto;
    text-align:center;
}

.faq-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:6px 14px;
    border:1px solid #e6ebf5;
    border-radius:40px;
    color:#2563eb;
    font-size:11px;
    font-weight:700;
    margin-bottom:12px;
}

.faq-badge svg{
    width:14px;
    height:14px;
}

.faq-header h2{
    font-size:32px;
    line-height:1.08;
    margin:0;
    font-weight:800;
    color:#08122f;
}

.faq-header h2 span{
    color:#2563eb;
}

.faq-header p{
    font-size:12px;
    color:#4b5563;
    margin-top:10px;
}

.title-line{
    width:40px;
    height:3px;
    background:#2563eb;
    border-radius:50px;
    margin:15px auto 25px;
}

/* CONTENT */

.faq-content{
    max-width:1180px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:25px;
}

.faq-image{
    width:35%;
}

.faq-image img{
    width:100%;
    display:block;
}

.faq-list{
    width:65%;
}

/* FAQ */

.faq-item{
    border:1px solid #e9edf5;
    border-radius:10px;
    background:#fff;
    margin-bottom:8px;
    padding:12px 14px;
    cursor:pointer;
    transition:.3s;
}

.faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.faq-question span{
    font-size:13px;
    font-weight:700;
    color:#08122f;
}

.plus{
    width:26px;
    height:26px;
    min-width:26px;
    border-radius:50%;
    background:#2563eb;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

.faq-answer{
    display:none;
    padding-top:10px;
    font-size:12px;
    line-height:1.7;
    color:#4b5563;
}

.faq-item.active .faq-answer{
    display:block;
}

.faq-item.active .plus{
    transform:rotate(45deg);
}

/* SUPPORT BOX */

.faq-support{
    max-width:1180px;
    margin:25px auto 0;
    padding:15px 18px;
    border:1px solid #e9edf5;
    border-radius:12px;
    background:#f8faff;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.support-left{
    display:flex;
    align-items:center;
    gap:12px;
}

.support-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    background:#2563eb;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.support-icon svg{
    width:18px;
    height:18px;
}

.support-left h3{
    margin:0;
    font-size:16px;
    color:#08122f;
}

.support-left p{
    margin:2px 0 0;
    font-size:12px;
    color:#4b5563;
}

.wa-btn{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    background:#25D366;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-size:13px;
    font-weight:700;
}

.wa-btn svg{
    width:28px;
    height:28px;
}

/* TABLET */

@media(max-width:1024px){

    .faq-content{
        flex-direction:column;
        gap:20px;
    }

    .faq-image{
        width:55%;
        max-width:260px;
    }

    .faq-list{
        width:100%;
    }

    .faq-header h2{
        font-size:24px;
    }

}

/* MOBILE */

@media(max-width:767px){

    .faq-section{
        padding:20px 0px;
    }

    .faq-image{
        max-width:180px;
    }

    .faq-header h2{
        font-size:26px;
    }

    .faq-header p{
        font-size:12px;
    }

    .faq-item{
        padding:10px 12px;
    }

    .faq-question span{
        font-size:12px;
    }

    .faq-answer{
        font-size:11px;
    }

    .plus{
        width:24px;
        height:24px;
        min-width:24px;
        font-size:16px;
    }

    .faq-support{
        flex-direction:column;
        gap:12px;
        text-align:center;
        padding:15px;
    }

    .support-left{
        flex-direction:column;
        gap:8px;
    }

    .wa-btn{
        width:100%;
        justify-content:center;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9293bd8 *//*==================================================
QTECH HERO SECTION
PART 1 - FINAL
==================================================*/

.qt-help-section{
    position:relative;
    overflow:hidden;

    background:#fff;

    border:none;

    border-radius:16px;

    padding:20px 5px;
}

.qt-help-container{
    position:relative;
    max-width:1280px;
    margin:auto;
    z-index:2;
    text-align:center;
}

/*=========================
RIGHT BACKGROUND CIRCLE
=========================*/

.qt-bg-circle{
    position:absolute;
    right:-95px;
    top:50%;
    transform:translateY(-50%);
    width:160px;
    height:160px;
    border-radius:50%;
    background:#2563eb;
    opacity:.05;
}

/*=========================
LEFT BACKGROUND CIRCLE
=========================*/

.qt-bg-circle-left{
    position:absolute;
    left:-95px;
    top:50%;
    transform:translateY(-50%);
    width:160px;
    height:160px;
    border-radius:50%;
    background:#2563eb;
    opacity:.05;
}


/*=========================
DOT GRID
=========================*/

.qt-dot-grid{
    position:absolute;
    top:28px;
    right:32px;
    display:grid;
    grid-template-columns:repeat(5,7px);
    gap:8px;
}

.qt-dot-grid span{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#2563eb;
    opacity:.18;
}


/*=========================
LEFT DOT GRID
=========================*/

.qt-dot-left{
    position:absolute;
    top:28px;
    left:32px;

    display:grid;
    grid-template-columns:repeat(5,7px);
    gap:8px;
    z-index:1;
}

.qt-dot-left span{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#2563EB;
    opacity:.18;
}



/*=========================
HELP BADGE
=========================*/

.qt-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 14px;
    background:#EEF4FF;
    border:1px solid #DCE8FF;
    border-radius:40px;
    color:#2563eb;
    font-size:12px;
    font-weight:700;
}

.qt-badge-icon{
    width:18px;
    height:18px;
    stroke:#2563eb;
    fill:none;
    stroke-width:2;
}

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

.qt-title{
    margin:16px 0 0;
    font-size:32px;
    font-weight:800;
    line-height:1.08;
    letter-spacing:-0.3px;
    color:#08122f;
    text-align:center;
}

.qt-title span{
    display:block;
    color:#2563eb;
}

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

.qt-title-line{
    width:60px;
    height:3px;
    margin:20px auto;
    background:#2563eb;
    border-radius:30px;
}

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

.qt-description{
    max-width:480px;
    margin:0 auto;
    font-size:12px;
    line-height:1.5;
    color:#6b7280;
    text-align:center;
}

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

@media(max-width:1024px){

.qt-help-section{
    padding:28px 24px;
}

.qt-title{
    font-size:30px;
}

.qt-description{
    font-size:11px;
}

.qt-bg-circle{
    width:160px;
    height:160px;
}

}

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

@media(max-width:767px){

.qt-help-section{
    padding:20px 0px;
    border-radius:16px;
}

.qt-help-container{
    text-align:center;
}

.qt-badge{
    font-size:10px;
    padding:6px 12px;
}

.qt-badge-icon{
    width:14px;
    height:14px;
}

.qt-title{
    margin-top:18px;
    font-size:24px;
    line-height:1.10;
}

.qt-title-line{
    margin:18px auto;
}

.qt-description{
    margin:auto;
    font-size:11px;
    max-width:320px;
}

.qt-bg-circle{
    width:120px;
    height:120px;
    right:-60px;
}

.qt-dot-grid{
    top:18px;
    right:18px;
    gap:6px;
}

.qt-dot-grid span{
    width:4px;
    height:4px;
}

}









/*==================================================
QTECH FEATURE SECTION
PART 2 - COMPLETE REPLACE
==================================================*/

.qt-feature-wrap{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#ffffff;
    border:1px solid #E5E7EB;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.qt-feature-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 12px;
    border-right:1px solid #edf2fa;
    transition:.30s;
    background:#fff;
}

.qt-feature-item:last-child{
    border-right:none;
}

.qt-feature-item:hover{
    background:#f8fbff;
}

.qt-feature-icon{
    width:48px;
    height:48px;
    min-width:52px;
    border-radius:12px;
    background:#eef5ff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.qt-feature-icon svg{
    width:24px;
    height:24px;
    stroke:#2563eb;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.qt-feature-text{
    flex:1;
}

.qt-feature-text h4{
    margin:0;
    font-size:15px;
    font-weight:700;
    color:#08122f;
    line-height:1.35;
}

.qt-feature-text p{
    margin:5px 0 0;
    font-size:12px;
    color:#6b7280;
    line-height:1.5;
}

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

@media(max-width:1024px){

.qt-feature-wrap{
    grid-template-columns:repeat(2,1fr);
}

.qt-feature-item{
    padding:18px 16px;
    gap:12px;
    border-right:none;
    border-bottom:1px solid #E5E7EB;
}

.qt-feature-item:nth-last-child(-n+2){
    border-bottom:none;
}

.qt-feature-icon{
    width:46px;
    height:46px;
    min-width:46px;
}

.qt-feature-icon svg{
    width:22px;
    height:22px;
}

.qt-feature-text h4{
    font-size:14px;
    line-height:1.35;
}

.qt-feature-text p{
    font-size:11px;
    line-height:1.5;
}

}




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

@media(max-width:767px){

.qt-feature-wrap{
    grid-template-columns:repeat(2,1fr);
    border-radius:16px;
}

.qt-feature-item{
    padding:16px;
    gap:12px;
    border-right:none;
    border-bottom:1px solid #E5E7EB;
}

.qt-feature-item:nth-last-child(-n+2){
    border-bottom:none;
}

.qt-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:12px;
}

.qt-feature-icon svg{
    width:20px;
    height:20px;
}

.qt-feature-text h4{
    font-size:13px;
    line-height:1.35;
}

.qt-feature-text p{
    font-size:11px;
    line-height:1.5;
}

}




/*==================================================
QTECH CTA SECTION - FINAL COMPACT
==================================================*/

.qt-action-wrap{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:22px;
}

/* CARD */

.qt-call-box,
.qt-wa-box{
    position:relative;
    display:flex;
    align-items:center;
    gap:0;

    min-height:78px;

    padding:11px;

    border-radius:16px;

    background:#fff;

    text-decoration:none;

    transition:.25s;

    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.qt-call-box{
    border:1px solid #2563EB;
}

.qt-wa-box{
    border:1px solid #F97316;
}

.qt-call-box:hover,
.qt-wa-box:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(0,0,0,.08);
}

/* ICON */

.qt-action-icon{
    width:66px;
    height:66px;
    min-width:66px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:30px ;
}

.qt-call-box .qt-action-icon{
    background:#2563EB;
}

.qt-wa-box .qt-action-icon{
    background:#F97316;
}

.qt-action-icon svg{
    width:32px;
    height:32px;
    color:#fff;
    fill:none;
}

/* TEXT */

.qt-action-content{
    flex:1;
}

.qt-action-content small{
    display:block;
    font-size:9px;
    font-weight:600;
    margin-bottom:3px;
    color:#222;
}

.qt-call-box h3{
    margin:0;
    font-size:16px;
    font-weight:800;
    color:#2563EB;
}

.qt-wa-box h3{
    margin:0;
    font-size:15px;
    font-weight:800;
    color:#F97316;
}

.qt-action-content p{
    margin-top:4px;
    font-size:10px;
    line-height:1.4;
    color:#5B6575;
}

/* OR */

.qt-or-box{
    position:absolute;

    left:50%;
    top:50%;

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

    width:40px;
    height:40px;

    border-radius:50%;

    background:#fff;

    border:1px solid #E5E7EB;

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

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

    color:#222;

    box-shadow:0 4px 12px rgba(0,0,0,.06);

    z-index:50;
}

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

@media(max-width:991px){

.qt-action-wrap{
    grid-template-columns:1fr;
    gap:14px;
}

.qt-or-box{
    display:none;
}

.qt-call-box,
.qt-wa-box{
    min-height:76px;
    padding:14px;
    gap:12px;
}

.qt-action-icon{
    width:44px;
    height:44px;
    min-width:44px;
}

.qt-action-icon svg{
    width:20px;
    height:20px;
}

.qt-action-content small{
    font-size:9px;
}

.qt-call-box h3{
    font-size:16px;
}

.qt-wa-box h3{
    font-size:15px;
}

.qt-action-content p{
    font-size:10px;
    line-height:1.4;
}

}

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

@media(max-width:767px){

.qt-action-wrap{
    gap:12px;
}

.qt-call-box,
.qt-wa-box{
    min-height:72px;
    padding:12px;
    gap:10px;
}

.qt-action-icon{
    width:50px;
    height:50px;
    min-width:50px;
}

.qt-action-icon svg{
    width:26px;
    height:26px;
}

.qt-action-content small{
    font-size:8px;
    margin-bottom:2px;
}

.qt-call-box h3{
    font-size:15px;
}

.qt-wa-box h3{
    font-size:14px;
}

.qt-action-content p{
    margin-top:3px;
    font-size:9px;
    line-height:1.35;
}

}







/*==================================================
QTECH TRUST BAR
PART 4 - FINAL
==================================================*/

.qt-trust-wrap{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.qt-trust-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    padding:20px 0px;

    border-right:1px solid #E5E7EB;

    transition:all .3s ease;
}

.qt-trust-card:last-child{
    border-right:none;
}

.qt-trust-card:hover{
    background:#F8FBFF;
    transform:translateY(-2px);
}

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

.qt-trust-icon{

    width:28px;
    height:32px;
    min-width:56px;

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

    margin-bottom:14px;

    border-radius:16px;

    background:#FFF8E8;

    border:1px solid #F2D27B;

    transition:.3s ease;
}

.qt-trust-card:hover .qt-trust-icon{

    background:#FFF3D8;

}

.qt-trust-icon svg{

    width:28px;
    height:28px;

    stroke:#C99700;

    fill:none;

    stroke-width:2;

    stroke-linecap:round;

    stroke-linejoin:round;
}

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

.qt-trust-text{
    width:100%;
    text-align:center;
}

.qt-trust-text h4{

    margin:0;

    font-size:15px;

    font-weight:700;

    line-height:1.35;

    color:#08122F;
}

.qt-trust-text p{

    margin:8px 0 0;

    font-size:12px;

    line-height:1.55;

    color:#6B7280;
}

.qt-tc-link{

    display:block;

    margin-top:6px;

    font-size:10px;

    font-weight:500;

    color:#9CA3AF;
}

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

@media(max-width:1024px){

.qt-trust-wrap{
    grid-template-columns:repeat(2,1fr);
}

.qt-trust-card{

    padding:22px 18px;

    border-right:none;

    border-bottom:1px solid #E5E7EB;
}

.qt-trust-card:nth-last-child(-n+2){

    border-bottom:none;
}

}

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

@media(max-width:767px){

.qt-trust-wrap{

    grid-template-columns:1fr;
}

.qt-trust-card{

    padding:20px 16px;

    border-right:none;

    border-bottom:1px solid #E5E7EB;
}


.qt-trust-card:nth-child(3){
    border-bottom:1px solid #E5E7EB;
}


.qt-trust-card:last-child{

    border-bottom:none;
}

.qt-trust-icon{

    width:25px;
    height:28px;
    min-width:50px;

    margin-bottom:12px;

    border-radius:14px;
}

.qt-trust-icon svg{

    width:24px;
    height:24px;
}

.qt-trust-text h4{

    font-size:14px;
}

.qt-trust-text p{

    font-size:11px;
}

.qt-tc-link{

    font-size:9px;
}

}











/*=================================
CALL ICON LIVE RING
=================================*/

.qt-call-box .qt-action-icon{
    position:relative;
    overflow:visible;
}

.qt-call-box .qt-action-icon::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:2px solid rgba(37,99,235,.35);
    animation:qtCallRing 2s infinite;
}

.qt-call-box .qt-action-icon::after{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:2px solid rgba(37,99,235,.15);
    animation:qtCallRing 2s infinite .6s;
}

.qt-call-box .qt-action-icon svg{
    animation:qtPhoneShake 2s infinite;
}

@keyframes qtCallRing{

    0%{
        transform:scale(1);
        opacity:.8;
    }

    100%{
        transform:scale(1.6);
        opacity:0;
    }

}

@keyframes qtPhoneShake{

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

    10%{
        transform:rotate(-15deg);
    }

    20%{
        transform:rotate(15deg);
    }

    30%{
        transform:rotate(-10deg);
    }

    40%{
        transform:rotate(10deg);
    }

    50%{
        transform:rotate(0deg);
    }

}












.qt-wa-box .qt-action-icon{
    animation:qtBookPulse 2.5s ease-in-out infinite;
}

@keyframes qtBookPulse{

    0%,100%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.08);
    }

}/* End custom CSS */