/*=====================================================
ONE QR HERO SECTION
======================================================*/

.vqrx_landing_shell{

    padding:90px 0 80px;

    background:linear-gradient(to bottom,#ffffff,#fafafa);

    position:relative;

    overflow:hidden;

}

.vqrx_label_chip{

    display:inline-block;

    padding:10px 20px;

    background:#FFF6E6;

    color:#FDB515;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

}

.vqrx_main_heading{

    font-size:63px;

    font-weight:800;

    line-height:1.1;

    color:#102B55;

    margin-left:20px;

}

.vqrx_main_heading span{

    color:#FDB515;

}

.vqrx_intro_text{

    margin-top:37px;

    font-size:21px;

    line-height:38px;

    color:#667085;

    max-width:560px;

    margin-left:10px;

}

/* =====================================================
   CTA ACTION AREA
   ===================================================== */

.vqrx_action_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 40px;
}

/* Keep the popularity badge on its own row */
.vqrx_action_area .vqrx_cta_badge {
    flex-basis: 100%;
    width: fit-content;
    align-self: flex-start;
}

/* Main + secondary buttons */
.vqrx_action_area .vqrx_primary_action,
.vqrx_action_area .vqrx_secondary_action {
    flex: 0 0 auto;
}
.vqrx_cta_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #102B55;
    color: #ffffff;

    padding: 9px 18px;

    border-radius: 50px;

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

    margin: 0 0 0 0;

    box-shadow: 0 8px 20px rgba(16, 43, 85, 0.15);
}


/* =====================================================
   MAIN CTA BUTTON
===================================================== */

.vqrx_primary_action {
    position: relative;

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

    width: 300px;
    height: 64px;

    padding: 0 28px;

    background: linear-gradient(
        135deg,
        #FDB515,
        #F7A600
    );

    color: #102B55;

    text-decoration: none;

    border-radius: 16px;

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

    letter-spacing: -0.2px;

    gap: 12px;

    overflow: hidden;

    border: none;

    box-shadow:
        0 12px 28px rgba(253, 181, 21, 0.30);

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

.vqrx_primary_action span {
    position: static;
    transform: none;

    white-space: nowrap;
}


.vqrx_primary_action i {
    position: static;

    margin: 0;

    font-size: 22px;

    transition: transform .3s ease;
}

.vqrx_primary_action:hover {
    background: linear-gradient(
        135deg,
        #102B55,
        #153C73
    );

    color: #ffffff;

    transform: translateY(-4px);

    box-shadow:
        0 18px 38px rgba(16,43,85,.28);
}



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

.vqrx_secondary_action {
    display: inline-flex;

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

    gap: 10px;

    width: 250px;
    height: 58px;

    padding: 0 24px;

    margin: 0;

    background: #ffffff;

    color: #102B55;

    border: 2px solid #FDB515;

    text-decoration: none;

    border-radius: 14px;

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

    box-shadow:
        0 8px 22px rgba(16,43,85,.08);

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


.vqrx_primary_action::before {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 60%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transform: skewX(-20deg);

    transition: left .7s ease;
}


.vqrx_primary_action:hover::before{

    left:150%;
}
.vqrx_secondary_action:hover {
    background: #102B55;

    color: #ffffff;

    transform: translateY(-3px);

    box-shadow:
        0 14px 28px rgba(16,43,85,.18);
}



.vqrx_highlight_row{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-top:50px;

}

.vqrx_highlight_box{

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 18px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

    color:#102B55;

    font-weight:500;

}

.vqrx_highlight_box i{

    color:#FDB515;

    font-size:22px;

}

.vqrx_product_stage{

    position:relative;

    min-height:620px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.vqrx_background_panel{

    position:absolute;

    right:-120px;

    top:-30px;

    width:620px;

    height:620px;

    background:#102B55;

    clip-path:polygon(32% 0,100% 0,100% 100%,0 86%);

    border-radius:35px;

}

.vqrx_product_image{

    width:640px;

    position:relative;

    z-index:2;

    filter:drop-shadow(0 35px 50px rgba(0,0,0,.25));

    transition:.5s;
    bottom: 72px;

}

.vqrx_product_image:hover{

    transform:translateY(-10px);

}

.vqrx_orb_large{

    position:absolute;

    width:90px;

    height:90px;

    left:60px;

    top:40px;

    border-radius:50%;

    background:#FDB51520;

}

.vqrx_orb_small{

    position:absolute;

    width:55px;

    height:55px;

    right:30px;

    bottom:80px;

    border-radius:50%;

    background:#FDB51520;

}

.vqrx_status_panel{

    position:absolute;

    left:20px;

    bottom:60px;

    background:#fff;

    padding:18px 22px;

    border-radius:16px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    z-index:5;

}

.vqrx_status_icon{

    width:48px;

    height:48px;

    margin-right:15px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#FFF4D6;

}

.vqrx_status_icon i{

    color:#FDB515;

    font-size:24px;

}

.vqrx_status_panel h6{

    margin-bottom:2px;

    font-weight:700;

    color:#102B55;

}

.vqrx_status_panel small{

    color:#6c7a92;

}

/*============================
Responsive
============================*/

@media(max-width:992px){

.vqrx_main_heading{

font-size:52px;

}

.vqrx_intro_text{

font-size:18px;

line-height:32px;

}

.vqrx_product_stage{

min-height:500px;

margin-top:40px;
margin-right:60px;

}

.vqrx_product_image{

width:320px;

}

.vqrx_background_panel{

width:470px;

height:470px;

right:-70px;

}

}

@media(max-width:768px){

.vqrx_landing_shell{

padding:70px 0;

text-align:center;

}

.vqrx_main_heading{

font-size:42px;

}

.vqrx_intro_text{

margin:auto;

margin-top:25px;

}

/* =====================================================
   TABLET + MOBILE CTA RESPONSIVE
   ===================================================== */

@media (max-width: 992px) {

    .vqrx_action_area {
        justify-content: center;
        align-items: center;
    }

    .vqrx_action_area .vqrx_cta_badge {
        align-self: center;
    }
}


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

@media (max-width: 767px) {

    .vqrx_action_area {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 14px;
    }

    .vqrx_action_area .vqrx_cta_badge {
        flex-basis: auto;
        align-self: center;
        margin: 0;
    }

    .vqrx_action_area .vqrx_primary_action {
        width: min(300px, 90vw);
        height: 62px;
    }

    .vqrx_action_area .vqrx_secondary_action {
        width: min(250px, 85vw);
        height: 56px;
    }
}

.vqrx_highlight_row{

justify-content:center;

}

.vqrx_product_stage{

min-height:420px;

}

.vqrx_product_image{

width:260px;
left:75px;

}

.vqrx_background_panel{

width:350px;

height:350px;

right:-80px;

top:40px;

}

.vqrx_status_panel{

position:relative;

left:auto;

bottom:auto;
top: 53px;
right:34px;

display:inline-block;

margin-top:20px;

}

}
/*====================================================
WHY CHOOSE VEHICLE QR
====================================================*/

.vqrw_reason_zone{

    background:#F8FAFC;

    padding:100px 0;

}

.vqrw_heading_label{

    display:inline-block;

    padding:8px 18px;

    background:#FFF4D8;

    color:#FDB515;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

}

.vqrw_heading_text{

    font-size:48px;

    font-weight:800;

    color:#102B55;

    line-height:1.3;

}

.vqrw_heading_text span{

    color:#FDB515;

}

.vqrw_heading_description{

    margin-top:20px;

    font-size:18px;

    line-height:34px;

    color:#667085;

    max-width:720px;

    margin-left:auto;

    margin-right:auto;

}

.vqrw_reason_card{

    background:#fff;

    padding:40px 30px;

    border-radius:22px;

    height:100%;

    border:1px solid #ECECEC;

    transition:.35s;

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

}

.vqrw_reason_card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 50px rgba(0,0,0,.12);

}

.vqrw_reason_icon{

    width:75px;

    height:75px;

    border-radius:20px;

    background:#102B55;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

    transition:.35s;

}

.vqrw_reason_card:hover .vqrw_reason_icon{

    background:#FDB515;

}

.vqrw_reason_icon i{

    color:#fff;

    font-size:34px;

}

.vqrw_reason_card h4{

    font-size:24px;

    font-weight:700;

    color:#102B55;

    margin-bottom:18px;

}

.vqrw_reason_card p{

    margin:0;

    color:#667085;

    line-height:30px;

    font-size:16px;

}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.vqrw_heading_text{

font-size:38px;

}

.vqrw_reason_card{

padding:30px;

}

}

@media(max-width:768px){

.vqrw_reason_zone{

padding:70px 0;

}

.vqrw_heading_text{

font-size:32px;

}

.vqrw_heading_description{

font-size:16px;

line-height:30px;

}

.vqrw_reason_card{

text-align:center;

}

.vqrw_reason_icon{

margin:0 auto 20px;

}

}
/*=========================================================
VEHICLE INFORMATION SHOWCASE
=========================================================*/

.vqri_display_section{

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

/*============================
LEFT MOBILE MOCKUP
============================*/

.vqri_mobile_wrapper{

    position:relative;

    display:flex;

    justify-content:center;

}

.vqri_glow_effect{

    position:absolute;

    width:420px;

    height:420px;

    background:#102B5510;

    border-radius:50%;

    filter:blur(70px);

    top:60px;

}

.vqri_phone_shell{

    width:330px;

    background:#111;

    border-radius:42px;

    padding:12px;

    position:relative;

    z-index:2;

    box-shadow:0 40px 70px rgba(0,0,0,.18);

}

.vqri_phone_island{

    width:140px;

    height:30px;

    background:#000;

    border-radius:20px;

    margin:0 auto 12px;

}

.vqri_phone_screen{

    background:#ffffff;

    border-radius:32px;

    overflow:hidden;

    padding:22px;

    min-height:650px;

}

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

.vqri_screen_top{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-bottom:25px;

}

.vqri_screen_top img{

    width:40px;

}

.vqri_screen_top span{

    font-size:20px;

    font-weight:700;

    color:#102B55;

}

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

.vqri_vehicle_preview{

    text-align:center;

    margin-bottom:25px;

}

.vqri_vehicle_preview img{

    width:170px;

}

/*============================
VERIFIED STATUS
============================*/

.vqri_scan_success{

    background:#EAF8EF;

    color:#16A34A;

    font-weight:600;

    padding:12px;

    border-radius:12px;

    text-align:center;

    margin-bottom:22px;

}

.vqri_scan_success i{

    margin-right:8px;

}

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

.vqri_information_box{

    background:#F8F9FB;

    padding:20px;

    border-radius:18px;

}

.vqri_information_row{

    display:flex;

    justify-content:space-between;

    padding-bottom:18px;

    margin-bottom:18px;

    border-bottom:1px solid #ECECEC;

}

.vqri_information_row:last-child{

    border:none;

    padding-bottom:0;

    margin-bottom:0;

}

.vqri_information_row span{

    font-size:14px;

    color:#667085;

}

.vqri_information_row strong{

    color:#102B55;

    font-weight:700;

}

.vqri_status_active{

    color:#16A34A !important;

}

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

.vqri_section_label{

    display:inline-block;

    padding:8px 18px;

    background:#FFF4D8;

    color:#FDB515;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

}

.vqri_section_heading{

    font-size:48px;

    font-weight:800;

    color:#102B55;

    line-height:1.3;

}

.vqri_section_heading span{

    color:#FDB515;

}

.vqri_section_description{

    margin-top:20px;

    font-size:18px;

    line-height:34px;

    color:#667085;

}

/*============================
FEATURE CARDS
============================*/

.vqri_feature_panel{

    display:flex;

    align-items:flex-start;

    gap:18px;

    background:#ffffff;

    padding:26px;

    border-radius:20px;

    border:1px solid #ECECEC;

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

    transition:.35s;

    height:100%;

}

.vqri_feature_panel:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.vqri_feature_symbol{

    width:65px;

    height:65px;

    background:#102B55;

    border-radius:16px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

    transition:.35s;

}

.vqri_feature_panel:hover .vqri_feature_symbol{

    background:#FDB515;

}

.vqri_feature_symbol i{

    font-size:28px;

    color:#ffffff;

}

.vqri_feature_panel h5{

    font-size:21px;

    font-weight:700;

    color:#102B55;

    margin-bottom:10px;

}

.vqri_feature_panel p{

    margin:0;

    font-size:15px;

    line-height:28px;

    color:#667085;

}

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

@media(max-width:992px){

.vqri_display_section{

padding:80px 0;

}

.vqri_phone_shell{

width:300px;

margin-bottom:50px;

}

.vqri_phone_screen{

min-height:600px;

}

.vqri_section_heading{

font-size:38px;

}

}

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

@media(max-width:768px){

.vqri_phone_shell{

width:270px;

}

.vqri_phone_screen{

padding:18px;

min-height:560px;

}

.vqri_section_heading{

font-size:32px;

text-align:center;

}

.vqri_section_description{

text-align:center;

font-size:16px;

line-height:30px;

}

.vqri_section_label{

display:block;

width:max-content;

margin:auto;

}

.vqri_feature_panel{

padding:22px;

}

}

/*=========================================================
EMERGENCY CONTACT SECTION
=========================================================*/

.vqre_contact_section{

    padding:100px 0;

    background:#F8FAFC;

}

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

.vqre_heading_badge{

    display:inline-block;

    padding:10px 20px;

    background:#FFF4D8;

    color:#FDB515;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

}

.vqre_heading_title{

    font-size:48px;

    font-weight:800;

    color:#102B55;

    line-height:1.3;

}

.vqre_heading_title span{

    color:#FDB515;

}

.vqre_heading_text{

    margin-top:20px;

    color:#667085;

    font-size:18px;

    line-height:34px;

}

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

.vqre_contact_box{

    background:#ffffff;

    border:1px solid #ECECEC;

    border-radius:22px;

    padding:35px;

    height:100%;

    position:relative;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 15px 40px rgba(16,43,85,.05);

}

.vqre_contact_box::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:#FDB515;

}

.vqre_contact_box:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(16,43,85,.12);

}

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

.vqre_box_header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

}

.vqre_avatar_box{

    width:75px;

    height:75px;

    background:#102B55;

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

}

.vqre_contact_box:hover .vqre_avatar_box{

    background:#FDB515;

}

.vqre_avatar_box i{

    font-size:32px;

    color:#ffffff;

}

/*========================================
BADGES
========================================*/

.vqre_priority_tag{

    background:#EAF8EF;

    color:#16A34A;

    padding:8px 16px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

}

.vqre_priority_tag_family{

    background:#FFF7E3;

    color:#FDB515;

    padding:8px 16px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

}

.vqre_priority_tag_backup{

    background:#EEF5FF;

    color:#2563EB;

    padding:8px 16px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

}

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

.vqre_contact_box h4{

    font-size:24px;

    font-weight:700;

    color:#102B55;

    margin-bottom:15px;

}

.vqre_contact_box p{

    color:#667085;

    font-size:16px;

    line-height:30px;

    margin-bottom:25px;

}

/*========================================
PHONE PANEL
========================================*/

.vqre_phone_panel{

    display:flex;

    align-items:center;

    gap:12px;

    padding:15px 18px;

    margin-bottom:25px;

    background:#F8FAFC;

    border-radius:14px;

    color:#102B55;

    font-weight:600;

}

.vqre_phone_panel i{

    color:#FDB515;

    font-size:20px;

}

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

.vqre_call_button{

    background:#102B55;

    color:#ffffff;

    border:none;

    padding:14px;

    border-radius:14px;

    font-weight:600;

    transition:.35s;

}

.vqre_call_button:hover{

    background:#FDB515;

    color:#ffffff;

    transform:translateY(-3px);

}

/*========================================
PRIVACY PANEL
========================================*/

.vqre_privacy_panel{

    margin-top:20px;

    background:#102B55;

    color:#ffffff;

    padding:35px;

    border-radius:24px;

    display:flex;

    align-items:flex-start;

    gap:25px;

    box-shadow:0 25px 60px rgba(16,43,85,.15);

}

.vqre_privacy_icon{

    width:75px;

    height:75px;

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

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.vqre_privacy_icon i{

    font-size:34px;

    color:#FDB515;

}

.vqre_privacy_panel h5{

    font-size:24px;

    font-weight:700;

    margin-bottom:12px;

}

.vqre_privacy_panel p{

    margin:0;

    line-height:32px;

    opacity:.9;

}

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

@media(max-width:991px){

.vqre_contact_box{

padding:30px;

}

.vqre_privacy_panel{

flex-direction:column;

align-items:center;

text-align:center;

}

}

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

@media(max-width:767px){

.vqre_contact_section{

padding:70px 0;

}

.vqre_heading_title{

font-size:34px;

}

.vqre_heading_text{

font-size:16px;

line-height:30px;

}

.vqre_contact_box{

padding:25px;

}

.vqre_box_header{

flex-direction:column;

gap:20px;

}

.vqre_contact_box h4{

text-align:center;

font-size:22px;

}

.vqre_contact_box p{

text-align:center;

}

.vqre_phone_panel{

justify-content:center;

}

.vqre_privacy_panel{

padding:25px;

}

.vqre_privacy_panel h5{

font-size:22px;

}

.vqre_privacy_panel p{

font-size:15px;

line-height:28px;

}

}

/*=========================================================
EMERGENCY DASHBOARD
=========================================================*/

.vqrd_dashboard_section {

    padding: 60px 0;

    background: #ffffff;

}


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

.vqrd_dashboard_header {

    max-width: 760px;

    margin: 0 auto 50px;

    text-align: center;

}


.vqrd_heading_badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 8px 18px;

    background: #FFF4D8;

    color: #FDB515;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .5px;

}


.vqrd_heading_title {

    margin: 18px 0 0;

    color: #102B55;

    font-size: 44px;

    font-weight: 800;

    line-height: 1.2;

}


.vqrd_heading_title span {

    color: #FDB515;

}


.vqrd_heading_description {

    max-width: 700px;

    margin: 18px auto 0;

    color: #667085;

    font-size: 19px;

    line-height: 28px;

}


/*=========================================================
MAIN TWO-COLUMN GRID
=========================================================*/

.vqrd_dashboard_grid {

    display: grid;

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

    gap: 24px;

    align-items: start;

}


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

.vqrd_dashboard_column {

    display: flex;

    flex-direction: column;

    gap: 18px;

    min-width: 0;

}


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

.vqrd_info_card {

    width: 100%;

    min-height: 108px;

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 20px 22px;

    background: #ffffff;

    border: 1px solid #E8EBEF;

    border-radius: 18px;

    box-sizing: border-box;

    box-shadow:
        0 8px 25px rgba(16, 43, 85, 0.05);

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

}


.vqrd_info_card:hover {

    transform: translateY(-3px);

    box-shadow:
        0 15px 35px rgba(16, 43, 85, 0.09);

}


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

.vqrd_info_icon {

    width: 56px;

    height: 56px;

    min-width: 56px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

}


.vqrd_info_icon i {

    font-size: 23px;

}


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

.vqrd_info_content {

    flex: 1;

    min-width: 0;

}


.vqrd_info_card h5 {

    margin: 0 0 5px;

    color: #102B55;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.35;

}


.vqrd_info_card h3 {

    margin: 0;

    color: #102B55;

    font-size: 23px;

    font-weight: 800;

    line-height: 1.3;

}


.vqrd_info_card p {

    margin: 0;

    color: #667085;

    font-size: 18px;

    line-height: 23px;

}


/*=========================================================
QUICK ACTION PANEL
=========================================================*/

.vqrd_action_panel {

    width: 100%;

    padding: 22px;

    background: #102B55;

    border-radius: 18px;

    box-sizing: border-box;

    color: #ffffff;

    box-shadow:
        0 15px 35px rgba(16, 43, 85, 0.13);

}


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

.vqrd_action_title {

    margin: 0 0 16px;

    color: #ffffff;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.3;

}


/*=========================================================
ACTION BUTTON GRID
=========================================================*/

.vqrd_action_grid {

    display: grid;

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

    gap: 10px;

}


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

.vqrd_action_item {

    min-height: 48px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 10px 12px;

    box-sizing: border-box;

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

    border-radius: 10px;

    color: #ffffff;

    text-decoration: none;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.3;

    transition:
        background .25s ease,
        transform .25s ease;

}


.vqrd_action_item:hover {

    background: rgba(253,181,21,.18);

    color: #ffffff;

    transform: translateY(-2px);

}


.vqrd_action_item i {

    width: 28px;

    height: 28px;

    min-width: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    background: #FDB515;

    color: #102B55;

    font-size: 14px;

}


/*=========================================================
THANK YOU BANNER
=========================================================*/

.vqrd_thankyou_banner {

    width: 100%;

    margin-top: 24px;

    padding: 28px 32px;

    box-sizing: border-box;

    background: linear-gradient(
        135deg,
        #102B55,
        #0D2346
    );

    border-radius: 22px;

    color: #ffffff;

    overflow: hidden;

    position: relative;

}


.vqrd_thankyou_banner::before {

    content: "";

    position: absolute;

    width: 260px;

    height: 260px;

    right: -100px;

    top: -120px;

    border-radius: 50%;

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

}


.vqrd_thankyou_content {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}


.vqrd_thankyou_content h3 {

    margin: 0 0 8px;

    color: #ffffff;

    font-size: 27px;

    font-weight: 800;

    line-height: 1.25;

}


.vqrd_thankyou_content p {

    max-width: 700px;

    margin: 0;

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

    font-size: 18px;

    line-height: 24px;

}


.vqrd_thankyou_button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 190px;

    height: 48px;

    padding: 0 20px;

    background: #FDB515;

    color: #102B55;

    border-radius: 12px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

    white-space: nowrap;

    transition:
        transform .25s ease,
        background .25s ease;

}


.vqrd_thankyou_button:hover {

    background: #ffffff;

    color: #102B55;

    transform: translateY(-2px);

}


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

@media (max-width: 991px) {

    .vqrd_dashboard_section {

        padding: 75px 0;

    }


    .vqrd_dashboard_grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }


    .vqrd_dashboard_header {

        margin-bottom: 35px;

    }


    .vqrd_heading_title {

        font-size: 38px;

    }


    .vqrd_thankyou_content {

        flex-direction: column;

        align-items: center;

        text-align: center;

    }


    .vqrd_thankyou_content p {

        margin-left: auto;

        margin-right: auto;

    }

}


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

@media (max-width: 767px) {

    .vqrd_dashboard_section {

        padding: 60px 0;

    }


    .vqrd_dashboard_header {

        margin-bottom: 30px;

    }


    .vqrd_heading_title {

        font-size: 30px;

        line-height: 1.25;

    }


    .vqrd_heading_description {

        font-size: 15px;

        line-height: 26px;

    }


    .vqrd_dashboard_column {

        gap: 14px;

    }


    .vqrd_info_card {

        min-height: 96px;

        padding: 17px;

        gap: 14px;

    }


    .vqrd_info_icon {

        width: 50px;

        height: 50px;

        min-width: 50px;

        border-radius: 13px;

    }


    .vqrd_info_icon i {

        font-size: 21px;

    }


    .vqrd_info_card h5 {

        font-size: 15px;

    }


    .vqrd_info_card h3 {

        font-size: 21px;

    }


    .vqrd_info_card p {

        font-size: 13px;

        line-height: 21px;

    }


    .vqrd_action_panel {

        padding: 18px;

    }


    .vqrd_action_title {

        font-size: 18px;

        margin-bottom: 13px;

    }


    .vqrd_action_grid {

        grid-template-columns: 1fr;

        gap: 8px;

    }


    .vqrd_action_item {

        min-height: 46px;

    }


    .vqrd_thankyou_banner {

        padding: 24px 18px;

    }


    .vqrd_thankyou_content {

        gap: 20px;

    }


    .vqrd_thankyou_content h3 {

        font-size: 23px;

    }


    .vqrd_thankyou_content p {

        font-size: 13px;

        line-height: 22px;

    }


    .vqrd_thankyou_button {

        width: 100%;

        min-width: 0;

    }

}
/*=========================================================
PREMIUM CTA
=========================================================*/

.vqrc_cta_section{

    padding:14px 0;

    background:#ffffff;

}

.vqrc_cta_wrapper{

    background:linear-gradient(135deg,#102B55,#0D2346);

    border-radius:35px;

    padding:70px;

    position:relative;

    overflow:hidden;

    color:#ffffff;

}

.vqrc_cta_wrapper::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    right:-120px;

    top:-120px;

}

.vqrc_cta_wrapper::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(253,181,21,.08);

    left:-70px;

    bottom:-70px;

}

/* Badge */

.vqrc_cta_badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

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

    padding:12px 20px;

    border-radius:50px;

    font-size:15px;

    font-weight:600;

    margin-bottom:25px;

}

.vqrc_cta_badge i{

    color:#FDB515;

}

/* Heading */

.vqrc_cta_heading{

    font-size:56px;

    font-weight:800;

    line-height:1.15;

    margin-bottom:25px;

}

.vqrc_cta_description{

    font-size:20px;

    line-height:36px;

    opacity:.9;

    max-width:650px;

}

/* Buttons */

.vqrc_cta_button_group{

    display:flex;

    gap:18px;

    margin-top:40px;

    flex-wrap:wrap;

}

.vqrc_cta_primary{
 display: inline-flex;

    align-items: center;

    gap: 15px;

    background: linear-gradient(
        135deg,
        #FDB515,
        #F7A600

    );

    color: #fff;

    text-decoration: none;

    padding: 18px 34px;

    border-radius: 14px;

    font-size: 22px;

    font-weight: 600;

    transition: all .3s ease;
    margin-top: 10px;
    margin-left:24px;
}

.vqrc_cta_primary:hover{

    background:#ffffff;

    color:#102B55;

    transform:translateY(-4px);

}

.vqrc_cta_secondary{

    background:transparent;

    color:#ffffff;

    border:1px solid rgba(255,255,255,.25);

    padding:18px 34px;

    border-radius:14px;

    font-weight:600;

    transition:.35s;

}

.vqrc_cta_secondary:hover{

    background:#ffffff;

    color:#102B55;

}

/* Trust */

.vqrc_trust_group{

    display:flex;

    gap:30px;

    margin-top:45px;

    flex-wrap:wrap;

}

.vqrc_trust_item{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

}

.vqrc_trust_item i{

    color:#FDB515;

    font-size:22px;

}

/* Image */

.vqrc_cta_image_wrapper{

    position:relative;

    text-align:center;

}

.vqrc_cta_circle{

    position:absolute;

    width:360px;

    height:360px;

    border-radius:50%;

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

    left:50%;

    transform:translateX(-50%);

    top:30px;

}

.vqrc_cta_product{

    width:340px;

    position:relative;

    z-index:2;

    filter:drop-shadow(0 30px 60px rgba(0,0,0,.35));

    transition:.4s;

}

.vqrc_cta_product:hover{

    transform:translateY(-8px);

}

.vqrc_cta_status{

    position:absolute;

    bottom:35px;

    left:20px;

    background:#ffffff;

    color:#102B55;

    padding:15px 22px;

    border-radius:14px;

    font-weight:700;

    box-shadow:0 20px 45px rgba(0,0,0,.18);

    z-index:5;

}

.vqrc_cta_status i{

    color:#22C55E;

    margin-right:8px;

}

/* Tablet */

@media(max-width:992px){

.vqrc_cta_wrapper{

padding:50px;

text-align:center;

}

.vqrc_cta_heading{

font-size:42px;

}

.vqrc_cta_description{

margin:auto;

}

.vqrc_cta_button_group{

justify-content:center;

}

.vqrc_trust_group{

justify-content:center;

margin-bottom:40px;

}

.vqrc_cta_product{

width:270px;

}

.vqrc_cta_status{

left:50%;

transform:translateX(-50%);

bottom:-10px;

}

}

/* Mobile */

@media(max-width:768px){

.vqrc_cta_section{

padding:2px 0;

}

.vqrc_cta_wrapper{

padding:35px 25px;

}

.vqrc_cta_heading{

font-size:34px;

}

.vqrc_cta_description{

font-size:17px;

line-height:30px;

}

.vqrc_cta_button_group{

flex-direction:column;

}

.vqrc_cta_primary,

.vqrc_cta_secondary{

width:100%;
 display: inline-flex;

    align-items: center;

    gap: 15px;

    background: linear-gradient(
        135deg,
        #FDB515,
        #F7A600

    );

    color: #fff;

    text-decoration: none;

    padding: 18px 34px;

    border-radius: 14px;

    font-size: 22px;

    font-weight: 600;

    transition: all .3s ease;
    margin-top: 10px;
    margin-left:2px;

}

.vqrc_trust_group{

flex-direction:column;

align-items:center;

gap:18px;

}

.vqrc_cta_circle{

width:260px;

height:260px;

}

}