:root {
    --bs-blue: #1266f1;
    --bs-dark-blue: #0c5ce0;
    --bs-black: #000;
    --bs-light-1: rgb(18 102 241 / 8%);
    --bs-light-2: rgb(146 186 255 / 5%);
    --gray: #a5a5a5;
    --light-gray: #b6b4b4;
    --ui-theme1: #43a047;
    --ui-theme2: #ebedff;
    --icon-bg-color: #ecf3fe;
    /*--ui-theme2: #f1eff9;*/
    --font-size-default: 16px;
    --font-size-sub-title: 12px;
    --border-radius: 0.25rem;
    --color-skeleton: #F8F8F8;
    --color-skeleton-shine: #fcfcfc;
    --title-font-family: "ibmplexsansarabic-regular", sans-serif;
    --body-font-family: "ibmplexsansarabic-regular", sans-serif;
    --card-box-line-height: 1.2em;
    --card-box-padding: 1em;
    --card-box-radius: 0.5em;
    --radio-border-width: 1px;
    --radio-size: 1.5em;
    --theme-border-color: #03a846;
    --theme-bg-color: #00b74a;
    --brand-blue: #5b6cff; /* links / values */
    --brand-green: #3fa556; /* confirm button + name accent */
    --chip-bg: #f6f7fb; /* card bg */
    --chip-border: #e7e9f1; /* borders */
    --addon-bg: #fff3e6; /* add-on row bg */
    --addon-border: #ffe3c7;
    --addon-icon: #f5a524;
    --heading: #0f172a;
    --muted: #667085;
    --warning: #f7f7c8;
}


@font-face {
    font-family: 'ibmplexsansarabic-regular';
    src: url('../fonts/google_ibm/ibmplexsansarabic-regular.ttf') format('truetype');
}



body {
    font-size: var(--font-size-default);
    font-weight: 400;
}

/*#3741d9*/

a {
    color: var(--bs-blue);
}

    a:hover, .btn:hover {
        color: var(--bs-blue);
    }



.h1, h1 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 700;
}


.menu-home4 .header-logo img {
    width: auto;
    height: 40px;
    max-height:60px;
}

.mobile_menu_bar .mobile_logo img {
    width: auto;
    height: 24px;
}

.advance-style3 .nav.nav-tabs {
    max-width: 350px;
}



.mm-navbar {
    background-color: rgb(128 176 30 / 21%);
}


.btn-thm {
    background-color: #43a047;
    border: 1px solid #429346;
}


.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #8c8c8c !important;
    border-color: #7d7d7e !important;
}



.m-0{
    margin:0;
}

a.mm-listitem__text:hover, a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover {
    background-color: rgb(67 160 71 / 31%);
    border-right: 2px solid #43a047;
}





.frmDiv {
    padding: 15px;
    border: 1px solid var(--bs-gray-500);
    border-radius: var(--card-box-radius);
    backdrop-filter: blur(10px) contrast(95%);
    -webkit-backdrop-filter: blur(10px) contrast(95%);
    background: #ffffffde;
}




.frmDiv_description {
    background: #ffffffde;
    padding: 15px;
    border-radius: var(--card-box-radius);
}

.checkbox_list_outer1.error {
    border: 1px solid #ff0000;
}

.dd_travleres {
    /*position: absolute;*/
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(0px, 60px);
}

.text-shaddow-white1 {
    text-shadow: 1px 1px 10px #fff, 1px 1px 10px #fff;
}

.back-button {
    background: var(--gray);
    background-color: var(--gray);
    border: inherit;
}

.home7-main-slider .swiper-pagination-progressbar-fill {
    background-color: #000000;
}

.home7-main-slider .swpr_paginations .slideactive, .home7-main-slider .swpr_paginations .slidetotal {
    color: #000000;
}

.home-banner-style7:before {
    background-color: var(--icon-bg-color);
}


.home7-main-slider .swiper-pagination-progressbar {
    background-color: rgb(0 0 0 / 30%);
}


.img_forwarder_wide {
    width: 100%;
    height: auto;
    max-height: 500px;
}

.img_forwarder {
    height: auto;
    width: 100%;
    max-height: 300px;
}




.mobile-continer {
    max-height: 300px;
    overflow: scroll;
    overflow-x: hidden;
}


.declaration-content > ul {
    padding: 0px 10px;
    margin: 0px
}

    .declaration-content > ul li {
        list-style-type: disc;
        padding-bottom: 10px;
    }




.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.td-thumb img{
    width: 24px;
    height: 24px;
}



.vehicle-color {
    border-radius: 50%;
    height: 12px;
    width: 12px;
    display: inline-block;
    line-height: 12px;
}


.ud-btn:before,
.btn-gray:before,
.btn-dark:before,
.btn-thm:before,
.btn-thm2:before,
.btn-thm3:before,
.btn-thm-border:before,
.btn-white:before,
.btn-light-gray:before,
.btn-transparent:before,
.btn-transparent2:before {
    background-color: var(--bs-blue);
}

.text-thm2 {
    color: #43a047;
}

.text_small1 {
    font-size: var(--font-size-sub-title)
}

.bgc-thm2 {
    background-color: #43a047;
}

.bgc-icon {
    background-color: var(--icon-bg-color);
}

.bgc-section1 {
    background-color: var(--icon-bg-color);
}

.bgc-section2 {
    background-color: rgb(67 160 71 / 31%);
}

.bgc-section3 {
    background-color: #F7F7F7;
}

.bgc-section4 {
    background-color: rgb(253 244 245);
}



a.mm-listitem__text:hover, a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover {
    background-color: rgb(67 160 71 / 31%);
    border-left: 2px solid #43a047;
    color: #43a047;
}

header.nav-innerpage-style .ace-responsive-menu .sub-menu li:hover {
    background-color: rgb(67 160 71 / 31%);
}

header.nav-innerpage-style .ace-responsive-menu .megamenu_style a.list-item:hover, header.nav-innerpage-style .ace-responsive-menu .visible_list a.list-item:hover {
    background-color: rgb(67 160 71 / 31%);
}

.has-sub-mnu > a, .btn-menu-item {
    padding: 7px 22px !important;
    border-radius: 60px !important;
}

    .has-sub-mnu > a:hover, .btn-menu-item:hover {
        background-color: rgb(67 160 71 / 31%) !important;
    }


.btn-dark:hover {
    background-color: #3f7ee5;
    border: 1px solid var(--bs-blue);
}




.mm-listview li button {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

header.nav-innerpage-style.menu-home4 {
    -webkit-box-shadow: 0px 1px 4px rgba(24, 26, 32, 0.07);
    -moz-box-shadow: 0px 1px 4px rgba(24, 26, 32, 0.07);
    -o-box-shadow: 0px 1px 4px rgba(24, 26, 32, 0.07);
    box-shadow: 0px 1px 4px rgba(24, 26, 32, 0.07);
}



.page-title {
    padding-top: 30px;
}




.content-disable {
    pointer-events: none;
    opacity: 0.4;
}




.verticle-top {
    vertical-align: top;
}

.bg_blur_10 {
    backdrop-filter: blur(10px) contrast(95%);
    -webkit-backdrop-filter: blur(10px) contrast(95%);
    padding: 15px;
    border-radius: 15px;
}



.home-link-option a {
    padding: 10px;
}


.inner-banner-style7 .hero-title {
    font-size: 30px;
}

.iconbox-home {
    background-color: #ffffff;
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0px 10px 40px rgba(56, 62, 81, 0.13);
    -moz-box-shadow: 0px 10px 40px rgba(56, 62, 81, 0.13);
    -o-box-shadow: 0px 10px 40px rgba(56, 62, 81, 0.13);
    box-shadow: 0px 10px 40px rgba(56, 62, 81, 0.13);
    margin-bottom: 10px;
    padding: 10px 10px 0px 10PX;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


    .iconbox-home .icon {
        background-color: var(--bs-light-1);
        border-radius: 50%;
        color: var(--headings-color);
        display: block;
        font-size: 30px;
        height: 90px;
        line-height: 75px;
        margin-bottom: 15px;
        text-align: center;
        width: 90px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        margin: 0 auto;
    }


    .iconbox-home .iconbox-content {
        min-height: 60px;
    }



    .iconbox-home .title {
        margin-bottom: 5px;
        padding-top: 10px;
    }

    .iconbox-home .sub-title {
        font-size: var(--font-size-sub-title);
        color: var(--bs-gray-dark);
    }

    .iconbox-home:hover {
        background-color: var(--bs-blue);
        color: #fff;
    }

        .iconbox-home:hover .title, .iconbox-home:hover .sub-title {
            color: #fff;
        }

        .iconbox-home:hover .icon {
            background-color: rgb(132 170 235 / 60%);
            color: #fff;
        }



    .iconbox-home svg, .iconbox-home img {
        width: 90px;
        height: 90px;
    }

     .iconbox-home img {
        padding:10px; 
    }












.testimonial-box1 {
    /* background-color: #ffffff;
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 4px rgba(24, 26, 32, 0.07);
    -moz-box-shadow: 0px 1px 4px rgba(24, 26, 32, 0.07);
    -o-box-shadow: 0px 1px 4px rgba(24, 26, 32, 0.07);
    box-shadow: 0px 1px 4px rgba(24, 26, 32, 0.07);
    margin-bottom: 15px;
    padding: 30px 30px 30px 30px;*/
}

.img-box-10 .img-1 {
    right: -130px;
}

.close {
    border: 1px solid #dee2e6;
    height: 40px;
    opacity: 1;
    padding: 0;
    text-align: center;
    width: 40px;
}



.our_partners .partner_card .partner-ico {
    background-color: var(--bs-light-1);
    border-radius: var(--border-radius);
    height: 200px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
}


.our_partners .partner_card:hover .partner-ico {
    background-color: var(--bs-blue);
    color: #fff;
}

.owl-carousel .owl-item img {
    margin: 0 auto;
}


.listing-style13 {
    margin-bottom: 20px;
}


.cta-banner4 {
    background-image: url(/img/Banner/bnr2.png);
    height: 400px;
}


.w-100px{
    width:100px;
}

.p_5px_10px{
    padding:5px 10px;
}

.DisDiv {
    padding: 5px 10px;
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
    color: #fff;
    border-radius: .25rem;
}

.font-size-1_5rem {
    font-size: 1.5rem;
    line-height: 35px;
}


.input_cx input[type=text], input_cx select {
    margin:0px;
}


.p-15px-0 {
    padding: 15px 0px;
}

.p-20px-0 {
    padding: 20px 0px;
}

.p-25px-0 {
    padding: 25px 0px;
}

.pt-25px {
    padding-top: 25px;
}

.home-info-card {
    padding: 0 30px;
}

    .home-info-card .ico {
        text-align: center;
    }

        .home-info-card .ico img {
            height: 45px;
            width: auto;
        }

    .home-info-card .title {
        padding: 5px 0px;
        background: #ffffff;
        text-align: center;
        color: #000000;
        border-radius: 0.25rem;
    }



.exclusive-agent-widget {
    max-width: 100%;
    padding: 20px;
}


.input-bg1 {
    background-color: var(--bs-light-2);
    border-radius: 12px 12px 0 0;
}


.input_cx input:not(.x_input_cx), .input_cx select {
    border-radius: 0;
    border: 1px solid #c3c3c3;
    background: transparent !important;
    border-top: 0px;
    border-right: 0;
    border-left: 0;
}




    .input_cx input:not(.x_input_cx):focus, .input_cx select:focus {
        border: 1px solid #000;
        background: transparent !important;
        border-top: 0px;
        border-right: 0;
        border-left: 0;
        outline: none;
        transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
        border-bottom: 1px solid var(--bs-black);
    }


.frm01SelVehicle-outer {
    min-height: 400px;
}


.page-section1 {
    border-top: 1px solid rgba(24, 26, 32, 0.07);
}








.text-thm4 {
    color: #000000;
}

.bgc-thm4-light {
    background-color: rgb(255 255 255 / 41%);
}

.bg_light_gray {
    background-color: var(--light-gray);
}




.text-theme1 {
    color: var(--ui-theme1);
}

.text-theme2 {
    color: var(--ui-theme2);
}

.bg-theme {
    background-color: var(--ui-theme2);
}


.bg-theme1 {
    background-color: var(--ui-theme1);
}

.bg-theme2 {
    /* background-color: var(--ui-theme2); */
    background-image: url(/assets/images/bg-top-header.svg);
    background-size: cover;
}



.capitalize {
    text-transform: capitalize;
}


.capitalize_1st_letter {
    text-transform: lowercase;
}

    .capitalize_1st_letter::first-letter {
        text-transform: capitalize !important;
    }




.input_cx input:-webkit-autofill,
.input_cx input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.input_cx input[data-autocompleted] {
    background-color: transparent !important;
}


.input_cx input.error, .input_cx select.error {
    border-radius: 0;
    border: 1px solid #ff0000;
    background: transparent !important;
    border-top: 0px;
    border-right: 0;
    border-left: 0;
}


.font_inputForm, .form-floating_fix_label .iti--separate-dial-code .iti__flag-container .iti__selected-flag {
    font-weight: 600;
    font-size: 20px;
}


.form-floating_fix_label {
    border-radius: 0;
    border: 1px solid #c3c3c3;
    background: transparent !important;
    border-top: 0px;
    border-right: 0;
    border-left: 0;
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}

    .form-floating_fix_label.bg-white {
        background: #fff !important;
        border-radius: 8px;
    }



    .form-floating_fix_label label {
        transform: scale(.85);
        opacity: 0.65;
        padding: .16rem .75rem;
    }

    .form-floating_fix_label .iti--separate-dial-code .iti__flag-container {
        position: relative;
    }

        .form-floating_fix_label .iti--separate-dial-code .iti__flag-container .iti__selected-flag {
            background-color: rgb(0 0 0 / 0%);
        }

        .form-floating_fix_label .iti--separate-dial-code .iti__flag-container .iti--separate-dial-code .iti__selected-flag {
            background-color: rgb(0 0 0 / 0%);
        }

form-floating_fix_label .iti--separate-dial-code .iti__flag-container {
    position: relative;
}

.form-floating_fix_label .iti--separate-dial-code .iti__flag-container:hover .iti__selected-flag {
    background-color: rgb(0 0 0 / 0%);
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}


.font-size-1_5rem {
    font-size: 1.5rem;
}


.font-size-2rem {
    font-size: 2rem;
}

.font-size-3rem {
    font-size: 3rem;
}
.font-size-4rem {
    font-size: 4rem;
}




.font-weight-600 {
    font-weight: 600;
}

.btn-w100 {
    width: 100%;
}



/*.ContactNo_cx:focus+.ContactNo_cx_lbl {
    color: red !important;*/
/*transform: scale(.85) translateY(-.5rem) translateX(10%);*/
/*}*/






.ud-btn {
    font-weight: 400;
    padding: 13px 13px;
    font-size: var(--font-size-default);
    height: auto;
}

.icon_form_motor .icon {
    font-size: 80px;
}


.msg_alert1_bg {
    background-color: rgba(247, 243, 215, 0.5);
    color: #927238;
}

.msg_alert1_txt {
    color: #927238;
}



.btn-no-bg {
    background: transparent;
}

.no_border {
    border: 0px;
}

.color-light-gray {
    color: var(--light-gray);
}


.text_gray, .gray-text {
    color: var(--gray);
}


.ud-btn i {
    transform: unset;
}


.accordion-button::after {
    background-image: url(/assets/images/arrow_down.svg) !important;
}


.frm_lang button {
    font-weight: 600;
    color: #000;
}


.page-header1 {
    /*background: linear-gradient(rgb(18 102 241 / 90%), rgb(18 102 241 / 40%)), url(/assets/images/page_bg1.jpg) center center no-repeat;
    background-size: cover;*/
    border-bottom: 1px solid rgba(24, 26, 32, 0.07);
}

.border_left {
    border-left: 1px solid rgba(24, 26, 32, 0.07);
}

.border_top {
    border-top: 1px solid rgba(24, 26, 32, 0.07);
}

.border_bottom {
    border-bottom: 1px solid rgba(24, 26, 32, 0.07);
}

.label_align_center input {
    text-align: center;
}


.bold {
    font-weight: 600;
}

.terms_n_conditions_checkOutDiv {
    font-size: 11px;
}

.msgPayment1 {
    font-size: 10px;
    font-style: normal;
    font-weight: 100;
    line-height: 12px;
    min-height: 12px;
}

.txt_pmt_error {
    font-size: 12px;
    color: #ff0000;
    font-style: normal;
    font-weight: 100;
    line-height: 12px;
    display: inline-block;
}


.product-header {
}

    .product-header .ph-top, product-header .ph-bottom {
    }

    .product-header .ph-top, .product-header .product-info-top {
    }

.product-info-top .product-info {
}

.ph-top .banner1 img {
    width: auto;
    height: 44px;
}

.ph-top .goBack {
    vertical-align: middle;
}

    .ph-top .goBack div button {
        /* padding: 7px 17px;
            color: #ddd;
            font-size: calc(0.8rem + 1.1vw);
            font-weight: 700;
            ;*/

        padding: 15px 15px;
        vertical-align: middle;
        background-color: transparent;
        box-shadow: none;
    }

        .ph-top .goBack div button.collapsed {
            color: #ddd;
            background-color: transparent;
            box-shadow: none;
        }




.product-info {
}

    .product-info .pi-title {
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
    }

    .product-info .pi-sub-title {
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
        border-left: 1px solid rgba(24, 26, 32, 0.07);
    }




.product-info-card {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    /*background: linear-gradient(rgb(255 255 255 / 36%), rgb(18 102 241 / 40%));*/
}

    .product-info-card .pi-ico {
        font-size: 1.1rem;
        color: #ddd;
        text-align: center;
    }

    .product-info-card .pi-title {
        font-size: 1.0rem;
        color: #000;
        text-align: center;
    }

.key-title {
    line-height: 18px;
    font-size: var(--font-size-sub-title);
}

.key-value {
    line-height: 26px;
}

.product-info-card2 {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
}

    .product-info-card2 .pi-ico {
        font-size: 2.2rem;
        color: #ddd;
        text-align: center;
        display: inline-block;
        padding: 0 5px 0 0px;
    }

    .product-info-card2 .pi-title {
        color: #000;
        display: inline-block;
    }

        .product-info-card2 .pi-title .key {
            line-height: 18px;
            font-size: var(--font-size-sub-title);
        }

        .product-info-card2 .pi-title .value {
            line-height: 25px;
        }


.vehicle_evaluation {
}


    .vehicle_evaluation .ve_curency-name {
        font-size: 1.2rem;
        display: inline-block;
        vertical-align: super;
        color: #868686;
    }


    .vehicle_evaluation .ve_amount {
        font-size: 2rem;
        display: inline-block;
    }

.data-info {
}

    .data-info .key {
        line-height: 18px;
        font-size: var(--font-size-sub-title);
    }

    .data-info .value {
        line-height: 25px;
    }

        .data-info .value .icon img {
            /* max-height: 15px;*/
            max-height: 22px;
            height: auto;
        }



.message-alart-style1 .alert {
    font-weight: 400;
    padding: 5px 10px;
}



.acc_colapse_style1 {
}

    .acc_colapse_style1 .accordion-item .accordion-header .accordion-button {
        background-color: transparent;
        box-shadow: none;
        padding: 5px 10px;
        color: var(--ui-theme1);
    }


.font_weight_400 {
    font-weight: 400;
}

.font_weight_bold {
    font-weight: bold;
}




.scrollToHome {
    border: 1px solid #0d6efd;
    color: #0d6efd;
    background: #ffffff8f;
}



#selectLanguageForm > button > i {
    padding-right: 5px;
}


.card-ofr-footer2 {
    background-color: #F8F8F8;
    position: relative;
}



















.card-ofr-outer {
    margin-bottom: 35px;
    /*    box-shadow: 0px 6.4px 14.4px rgb(0 0 0 / 13%), 0px 1.2px 3.6px rgb(0 0 0 / 11%);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;*/
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 5px;
    background: #fff;
}



    .card-ofr-outer:hover {
        box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 18px;
    }




.card-ofr {
    font-size: var(--font-size-default);
    /*background: -webkit-radial-gradient( 50% 0%, 70% 30%, #f8f8f8 0%, rgba(255,0,0,0.00) 70% );*/
    position: relative;
    overflow: hidden;
}



.card-ofr-inner {
    /* box-shadow: 0px 6.4px 14.4px rgb(0 0 0 / 13%), 0px 1.2px 3.6px rgb(0 0 0 / 11%);
    border: 1px solid #f2f1f1;
    border-radius: 0.25rem;*/
    position: relative;
}


    .card-ofr-inner .card-ofr-body {
        padding-left: 0px;
        padding-right: 0px;
    }


.card-ofr-header {
    border-bottom: 1px solid #f2f1f1;
}


.card-ofr-header-company {
}

    .card-ofr-header-company .logo {
        display: inline-block;
        padding: 0 5px;
    }

        .card-ofr-header-company .logo img {
            width: 60px;
            height: auto;
        }

    .card-ofr-header-company .name {
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 0px;
    }



        .card-ofr-header-company .name .title {
            font-size: var(--font-size-default);
            text-transform: uppercase;
        }

        .card-ofr-header-company .name .sub-title {
            font-size: var(--font-size-sub-title);
        }



.card-ofr-header .more-options {
    line-height: 60px;
    padding: 0 25px;
}

    .card-ofr-header .more-options option {
    }

.card-ofr-header .price {
}

    .card-ofr-header .price .price-inner {
        text-align: center;
        vertical-align: middle;
        line-height: 22px;
        padding-top: 4px;
        background-color: #F8F8F8;
        height: 100%;
    }

        .card-ofr-header .price .price-inner .currency-name {
        }

        .card-ofr-header .price .price-inner .price-total {
            font-size: var(--font-size-default);
            font-weight: 600;
        }


.card-ofr .included {
    padding-top: 15px;
}


    .card-ofr .included .title {
        padding-bottom: 5px;
        font-weight: 500;
    }


    .card-ofr .included .covers {
        padding-bottom: 5px;
    }


.covers {
    max-height: 100% !important;
    overflow: hidden !important;
}

.msg_other_drv2{
    color:#ff0000;
    font-size:11px;
}

.covers.expanded {
    max-height: none !important;
    transition: max-height 0.3s ease !important;
}


.card-ofr .included .covers span, .covers span {
    background-color: var(--ui-theme2);
    color: #212529 !important;
    display: inline-block;
    padding: 0.25em 0.25em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    font-weight: 400;
    margin-bottom: 3px;
}





.opt2 span {
    background-color: #e9ecff !important;
}

.card-ofr .optional-outer {
    position:relative;
    height:100%;
}


.card-ofr .optional {
    padding-top: 15px;
}



    .card-ofr .optional .title {
        padding-bottom: 5px;
        font-weight: 500;
    }



    .card-ofr .optional .covers ul {
        padding: 0px;
        margin: 0px;
        padding-bottom: 5px;
    }

        .card-ofr .optional .covers ul li {
            padding: 0px 0px;
            margin: 0px;
            list-style: none;
        }




.bg-color-covers-included {
}



.card-ofr-footer {
    padding-bottom: 3px;
    border-top: 1px solid #f2f1f1;
    padding-top: 5px;
}


.pmt-options {
}



    .pmt-options .details, .card-ofr-footer .details {
        padding-top: 10px;
    }

        .pmt-options .details a, .card-ofr-footer .details a {
            padding: 10px 10px;
            color: #1266f1;
        }


    .pmt-options .prem, .card-ofr-footer .prem {
    }

        .pmt-options .prem .pay, .card-ofr-footer .prem .pay {
            color: #000;
            white-space: nowrap;
            vertical-align: baseline;
            font-weight: 400;
        }


            .pmt-options .prem .pay:hover .pay-now, .card-ofr-footer .prem .pay:hover .pay-now {
                color: #fff;
                background-color: #1266f1;
            }



            .pmt-options .prem .pay .total-prem, .card-ofr-footer .prem .pay .total-prem {
                text-align: center;
                background-color: #F8F8F8;
                border-radius: 0.25rem 0 0 0.25rem;
                position: relative;
            }

                .pmt-options .prem .pay .total-prem .currency-name, .card-ofr-footer .prem .pay .total-prem .currency-name {
                }

                .pmt-options .prem .pay .total-prem .amount, .card-ofr-footer .prem .pay .total-prem .amount {
                    font-size: var(--font-size-default);
                    font-weight: 600;
                }

                .pmt-options .prem .pay .total-prem .amount-inc-tax, .card-ofr-footer .prem .pay .total-prem .amount-inc-tax {
                    font-size: var(--font-size-sub-title);
                }

            .pmt-options .prem .pay .pay-now, .card-ofr-footer .prem .pay .pay-now {
                /* font-size: var(--font-size-default);
                text-align: center;
                background-color: #fff;
                color: #1266f1;
                padding-top: 9px;
                border-radius: 0 0.25rem 0.25rem 0;
                border: 1px solid #1266f1;
                display: inline-block;*/
                position: relative;
                z-index: 2;
            }

                .pmt-options .prem .pay .pay-now, .card-ofr-footer .prem .pay .pay-now button {
                    border-radius: 0 0.25rem 0.25rem 0;
                }


/*

.pay-now:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 8.5px);
    bottom: 100%;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #1266f1;
}

.pay-now:after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 8.5px);
    top: -17px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #fff;
}*/





.card-ofr .opt-amount {
    font-size: var(--font-size-default);
}

.card-ofr .cover_img img {
    max-width: 130px;
    height: auto;
}

.card-ofr .dd-option {
    padding: 2px 5px !important;
    font-size: var(--font-size-sub-title) !important;
    border: 1px solid #f2f1f1 !important;
}




.card-ofr-footer2 {
}


    .card-ofr-footer2 .amount {
        text-align: center;
    }


    .card-ofr-footer2 .amt {
        font-size: 22px;
        line-height: 50px;
        font-weight: 600;
        color: #000;
    }

    .card-ofr-footer2 .cur {
        vertical-align: text-bottom;
        color: #868686;
        font-size: var(--font-size-default);
        font-weight: 600;
    }





.cover_special_lbl {
    color: #212529;
    background-color: #ffc107;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}



.color-purple {
    color: #3200B7;
}



.vertical_align_middle {
    vertical-align: middle;
}









.cover_outer {
    padding-bottom: 5px;
}



    .cover_outer .cover_ico {
        top: -3px;
        position: relative;
    }


    .cover_outer input[type="checkbox"] {
        accent-color: #1266f1;
    }


    .cover_outer .cover_code_CAR_REPLACEMENT {
        background-color: var(--ui-theme2);
        padding: 5px !important;
        border-radius: 0.25rem;
        position: relative;
    }


        .cover_outer .cover_code_CAR_REPLACEMENT .options {
        }

.options-input {
    /*padding: 15px 15px;*/
}






.cover_outer_style {
    padding-top: 5px;
    padding-bottom: 3px;
    border-radius: 0.25rem;
}

    .cover_outer_style:hover {
        background-color: #fafaffac;
    }






.covers .cover_ico {
    position: relative;
    top: -2px;
}




.pl-10-pr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pl-5-pr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}




.d-block-768-min {
    display: none;
}




.ui.vertical.divider {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: auto;
    height: 50%;
    line-height: 0;
    text-align: center;
    transform: translateX(-50%);
    font-size: 12px;
}

.ui.divider {
    font-size: 1rem;
}

.ui.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}


.ui.vertical.divider:before {
    top: -100%;
}

.ui.vertical.divider:after, .ui.vertical.divider:before {
    position: absolute;
    left: 50%;
    content: '';
    z-index: 3;
    border-left: 1px solid rgba(34,36,38,.15);
    border-right: 1px solid rgba(255,255,255,.1);
    width: 0%;
    height: calc(100% - 1rem);
}


.ui.vertical.divider:after {
    top: auto;
    bottom: 0;
}

.ui.vertical.divider:after, .ui.vertical.divider:before {
    position: absolute;
    left: 50%;
    content: '';
    z-index: 3;
    border-left: 1px solid rgba(34,36,38,.15);
    border-right: 1px solid rgba(255,255,255,.1);
    width: 0%;
    height: calc(100% - 1rem);
}


.overflow-y-auto {
    overflow-y: auto;
}

.min_height_30vh {
    min-height: 30vh;
}

.min_height_40vh {
    min-height: 40vh;
}

.min_height_50vh {
    min-height: 50vh;
}

.min_height_60vh {
    min-height: 60vh;
}

.min_height_90vh {
    min-height: 90vh;
}

.min_height_100vh {
    min-height: 100vh;
}


.tbl_other_dr tr td {
    padding: 0.025rem 0.1rem;
    min-width: 25px;
}

.tbl_other_dr > thead > tr > td {
  /*  border-bottom: 1px solid #70798B !important;*/
}
.table.tbl_other_dr > :not(:first-child) {
    border-top:0px !important;
}


.item_other_dr {
}

.height-100_percent {
    height: 100%;
}

.postion_absolute {
    position: absolute;
}

.postion_relative {
    position: relative;
}



.top50_left50_percent {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item_other_dr td .name {
    width: 95%;
}

.item_other_dr td.age_outer {
    max-width: 100px;
}

.item_other_dr td .age {
    max-width: 80px;
}

.item_other_dr td .item_other_dr_remove {
    padding: 0px 5px;
    border-radius: 50%;
}

    .item_other_dr td .item_other_dr_remove i {
        padding: 0px;
        margin: 0px;
    }

.item_other_dr td input {
    height: auto;
    padding: 5px;
}




.v_owner_name, .v_owner_id {
    font-weight: 600;
}

.steps_drvr {
}

.btn-block {
    display: block;
    width: 100%;
}
.btn-grey {
    background: #f7f7f7;
}

div[data-notify="container"] span[data-notify="title"] {
    margin-right: 50px !important;
}

/*
.card-ofr-inner .preloader {
    background-color: #eaeaeab8;
    position: absolute;
    display: none;
}


.working .card-ofr-inner .preloader {
    display:block;
}

*/

.table > :not(caption) > * > * {
    padding: .1rem .1rem;
}



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

.font-size-11px_imp {
    font-size: 11px !important;
}

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

.line-height-2rem {
    line-height: 2rem;
}


.line-height-15px {
    line-height: 15px;
}


.width-height-5rem {
    width: 5rem;
    height: 5rem;
}

.bg-gradient-1 {
    background-color: #d1e8ff;
    background-image: linear-gradient(91deg, #deebf7 0%, #d1d1d1 100%);
}

.tbl-pmt-schedule{

}

    .tbl-pmt-schedule tbody {
        font-size: 12px;
    }


        .tbl-pmt-schedule tbody tr td {
            padding: 0.15rem 0.15rem;
        }

.rotate-icon {
    transform: rotate(0deg);
    transition: all 0.6s;
}

    .rotate-icon.active {
        transform: rotate(180deg);
    }



.custom_checkbox {
    font-size: var(--font-size-default);
    line-height: 20px;
}

    .custom_checkbox .checkmark {
        top: 3px;
    }


.animate_right_to_left {
    position: relative;
    -webkit-animation-name: animate_right_to_left; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
    animation-name: animate_right_to_left;
    animation-duration: 6s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes animate_right_to_left {
    0% {
        left: 200px;
        top: 0px;
    }

    25% {
        left: 0px;
        top: 0px;
    }
    /*  50%  {background-color:blue; left:200px; top:200px;}
    75%  {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}*/
}

/* Standard syntax */
@keyframes animate_right_to_left {
    0% {
        left: 200px;
        top: 0px;
    }

    25% {
        left: 0px;
        top: 0px;
    }
    /*  50%  {background-color:blue; left:200px; top:200px;}
    75%  {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}*/
}




.item_other_dr_no {
    padding-top: 5px !important;
}

.card-wrapper-outer {
    position: relative;
    width: 320px;
    margin: auto;
}


.card-wrapper {
    margin: auto;
    position: relative;
    width: 320px;
}

    .card-wrapper img {
        width: 100%;
        height: auto;
    }


    .card-wrapper .text-labels {
        font-size: var(--font-size-default);
        direction: rtl;
    }

        .card-wrapper .text-labels .name {
            position: absolute;
            top: 1px;
            right: 0px;
            padding-right: 55px;
            font-weight: 500;
        }

        .card-wrapper .text-labels .provider_name {
            position: absolute;
            top: 55px;
            right: 0px;
            padding-right: 80px;
            font-weight: 500;
        }

        .card-wrapper .text-labels .insurance_type {
            position: absolute;
            top: 90px;
            right: 0px;
            padding-right: 80px;
            font-weight: 500;
        }


.tbl_recent_drivers tr td {
    padding: .1rem .5rem;
}



.ins-frm1 .ins-frm1-inner {
    background: #fffffff2;
    padding: 15px;
    border-radius: 0.25rem;
}


ul.lst_photos li:before {
    content: "\f030";
    font-family: 'Font Awesome 6 Pro';
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #00b74a !important;
}

.qrCode_upload_link {
    width: 200px;
    height: 200px;
}

.gradiant-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 36px;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px 16px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0);
}

.gradiant-btn {
    font-size: 25px;
}

    .gradiant-btn.green {
        color: #ffffff;
        background: linear-gradient(0deg, #80af1f 0%, #2bb140 100%);
    }


    .gradiant-btn .back-icon {
        font-size: 170px;
        opacity: 0.1;
        position: absolute;
        right: -20%;
        bottom: 0;
        line-height: 1;
    }

    .gradiant-btn .icon-box {
        display: inline-block;
        vertical-align: middle;
        font-size: 70px;
    }


    .gradiant-btn .content-box {
        width: calc(100% - 80px);
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
    }

.content-box_3 {
    border: 0px solid white !important;
    -webkit-box-shadow: none;
}

.gradiant-btn small {
    font-size: 18px;
    display: block;
}

    .gradiant-btn small .far {
        font-size: 16px;
    }


.cards-list {
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}




.card_upload_label {
    margin: 0.5rem !important;

}

.card_upload_label {
    text-align: center;
}

.card_upload {
    margin-bottom: 1.5rem !important;
}


.card_upload_inner, .card_upload_inner_group {
    margin: 30px auto;
    width: 200px;
    height: 100px;/*200px;*/
    border-radius: 15px;
    /* box-shadow: 5px 5px 10px 7px rgb(0 0 0 / 25%), -5px -5px 10px 7px rgb(0 0 0 / 22%); */
    box-shadow: 3px 3px 5px 4px rgba(0, 0, 0, 0.08), -3px -3px 5px 4px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    transition: 0.4s;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.card_upload_inner_group {
    height: auto; /*200px;*/
    box-shadow: none;
    overflow: visible;
}

    .card_upload_inner_group .card_upload_inner {
        margin: 10px auto;
        width: 90px;
        height: 100px;
    }


.file_upload .upload_icon, .file_done .upload_icon, .file_working .upload_icon {
    position: absolute;
    top: calc(50% - 20px);
    text-align: center;
    width: 100%;
    font-size: 5rem;
    transition: 0.4s;
}


.card_upload_inner_group .file_upload .upload_icon, .file_done .upload_icon, .file_working .upload_icon {

    font-size: 3rem;
}


.card_upload_inner .file_thumb_outer {
    margin: 0px auto;
}

.card_upload_inner .file_thumb_preview {
    width: 200px;
    height: 100px;
    position: relative;
}

.card_upload_inner_group .card_upload_inner .file_thumb_preview {
    width: 100px;
}



.card_upload_inner .file_thumb {
    width: 200px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.card_upload_inner_group .card_upload_inner .file_thumb {
    width: 100px;
}







.file_upload .upload_icon:before {
    content: "\f0ee";
    font-family: 'Font Awesome 6 Pro';
    display: inline-block;
    color: #dee2e6 !important;
}
.card_upload_inner input[type="file"] {
    display: none;
}

.card_upload_inner:hover .upload_icon {
    transform: scale(1.5, 1.5);
    /* box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), -5px -5px 30px 15px rgba(0,0,0,0.22); */
}
.file_done .upload_icon:before {
    content: "\f308";
    font-family: 'Font Awesome 6 Pro';
    display: inline-block;
    color: #dc3545 !important;
    cursor: pointer;
}
.heding1_outer {
    border-bottom: 1px solid #43a047;
    margin-bottom: 20px;
}
.heding1_inner {
    border-bottom: 3px solid #43a047;
    display: inline-block;
}






.card-ofr-header-company .logo.skeleton1 {
    width: 60px;
    height: 60px;
    background-color: #ccc;
    border-radius: 0.25rem;
    margin: 8px;
    background-image: linear-gradient(90deg, var(--color-skeleton) 0px, var(--color-skeleton-shine) 40px, var(--color-skeleton) 80px);
    background-size: 600px;
    animation: shine-avatar 1.6s infinite linear;
}




.card-ofr-header-company .name .title.skeleton1 {
    width: 200px;
    height: 25px;
    margin-top: 8px;
    border-radius: 0.25rem;
    background-image: linear-gradient(90deg, var(--color-skeleton) 0px, var(--color-skeleton-shine) 40px, var(--color-skeleton) 80px);
    background-size: 600px;
    animation: shine-lines 1.6s infinite linear;
}

.card-ofr-header-company .name .sub-title.skeleton1 {
    width: 120px;
    height: 20px;
    margin-top: 12px;
    border-radius: 0.25rem;
    background-image: linear-gradient(90deg, var(--color-skeleton) 0px, var(--color-skeleton-shine) 40px, var(--color-skeleton) 80px);
    background-size: 600px;
    animation: shine-lines 1.6s infinite linear;
}


.card-ofr .included .covers.skeleton1 span {
    width: 80px;
    height: 40px;
    margin-top: 12px;
    border-radius: 0.25rem;
    background-image: linear-gradient(90deg, var(--color-skeleton) 0px, var(--color-skeleton-shine) 40px, var(--color-skeleton) 80px);
    background-size: 600px;
    animation: shine-lines 1.6s infinite linear;
}

.card-ofr .optional .covers ul li .cover_outer.skeleton1 {
    width: 80px;
    height: 40px;
    margin-top: 12px;
    border-radius: 0.25rem;
    background-image: linear-gradient(90deg, var(--color-skeleton) 0px, var(--color-skeleton-shine) 40px, var(--color-skeleton) 80px);
    background-size: 600px;
    animation: shine-lines 1.6s infinite linear;
}




.pmt-options .prem .pay .total-prem, .card-ofr-footer .prem .pay .total-prem.skeleton1 {
    background-color: #ffffff;
}

    .pmt-options .prem .pay .total-prem .currency-name, .card-ofr-footer .prem .pay .total-prem.skeleton1 .currency-name {
        width: 50px;
        height: 20px;
        margin-top: 12px;
        border-radius: 0.25rem;
        background-image: linear-gradient(90deg, var(--color-skeleton) 0px, var(--color-skeleton-shine) 40px, var(--color-skeleton) 80px);
        background-size: 600px;
        animation: shine-lines 1.6s infinite linear;
        margin: 0 auto;
    }

    .pmt-options .prem .pay .total-prem .currency-name, .card-ofr-footer .prem .pay .total-prem.skeleton1 .amount {
        width: 50px;
        height: 20px;
        margin-top: 12px;
        border-radius: 0.25rem;
        background-image: linear-gradient(90deg, var(--color-skeleton) 0px, var(--color-skeleton-shine) 40px, var(--color-skeleton) 80px);
        background-size: 600px;
        animation: shine-lines 1.6s infinite linear;
        margin: 0 auto;
        margin-top: 10px;
    }

.pmt-options .details a, .card-ofr-footer .details .cover_view_more.skeleton1 {
    float: left;
    width: 70px;
    height: 20px;
    margin-top: 12px;
    border-radius: 0.25rem;
    background-image: linear-gradient(90deg, var(--color-skeleton) 0px, var(--color-skeleton-shine) 40px, var(--color-skeleton) 80px);
    background-size: 600px;
    animation: shine-lines 1.6s infinite linear;
    margin: 0 auto;
    margin-top: 10px;
}

.card-ofr .optional.skeleton1 {
    padding-left: 10px;
    padding-right: 10px;
}


.card-ofr-footer.skeleton1 {
    border-top: 0px solid #f2f1f1;
}


@keyframes shine-lines {
    0% {
        background-position: -100px;
    }

    40%, 100% {
        background-position: 500px;
    }
}











/* Ensure the label is positioned correctly */
.form-floating.select2_custom1 > .select2-container {
    height: calc(3.5rem + 2px);
    /
}

    .form-floating.select2_custom1 > .select2-container .select2-selection--single {
        height: 100%; /* Make Select2's single selection span the height */
        padding: 0.375rem 0.75rem; /* Match Bootstrap's form-select padding */
    }

    .form-floating.select2_custom1 > .select2-container .select2-selection__rendered {
        padding-left: 0; /* Adjust padding to align with the label */
        padding-right: 0;
        line-height: calc(3.5rem); /* Match the line-height */
        font-weight: 600 !important;
        text-align: center !important;
    }

/* Placeholder compatibility */
.form-floating.select2_custom1 .select2-container--default .select2-selection--single .select2-selection__rendered:empty::after {
    content: attr(data-placeholder);
    color: #6c757d; /* Bootstrap's default placeholder color */
}

.form-floating.select2_custom1 > .select2-container .select2-selection--single {
    border-radius: 0;
    border: 1px solid #c3c3c3;
    background: transparent !important;
    border-top: 0px;
    border-right: 0;
    border-left: 0;
}


/* Remove the outline for the Select2 container */
.form-floating.select2_custom1 .select2-container .select2-selection {
    outline: none !important;
    box-shadow: none !important; /* Remove focus shadow */
}

/* Optional: Remove focus styles (hover effects) */
.form-floating.select2_custom1 .select2-container .select2-selection--single:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: initial; /* Reset border color if modified */
}

/* Remove the outline for the dropdown items */
.form-floating.select2_custom1 .select2-container--default .select2-results__option--highlighted {
    background-color: #e9ecef; /* Light grey background for highlight */
    outline: none !important;
}

/* Reset the dropdown focus styles */
.form-floating.select2_custom1 .select2-dropdown {
    outline: none !important;
    box-shadow: none !important;
}

.form-floating.select2_custom1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

     






























    .w-120px {
        width: 120px !important;
    }

.w-150px {
    width: 150px !important;
}


.w-170px {
    width: 170px !important;
}


.w-190px {
    width: 190px !important;
}


.w-220px {
    width: 220px !important;
}

.w-400px {
    width: 400px !important;
}
















































































/*start old styles*/


#offers_outer_panel .card-offer-outer {
    padding-top: 20px;
}

    #offers_outer_panel .card-offer-outer:first-child {
        padding-top: 0px;
    }



.offer-provider-logo {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #e4e4e4;
    vertical-align: middle;
    box-shadow: 0 0 0 1px #80b01f;
    opacity: 1;
    transition: box-shadow 0.2s, opacity 0.4s;
}


.card-offer-outer {
    /* padding: 0 15px 15px 0;*/
    margin: 0px;
    /*margin-bottom: 0.5rem !important;*/
    padding-bottom: 15px;
}

.container_offers {
    padding: 0px;
}

.choose_coverage_title {
    color: #9e9e9e;
    font-size: 11px;
    padding: 0 10px;
}

.benefitsOptional_title {
    display: block;
    position: relative;
    float: left;
    clear: both;
    padding-top: 15px;
    color: #9e9e9e;
    font-size: 11px;
    padding-left: 5px;
}

.clear-both {
    clear: both;
}

#aspect-content, #aspect-content2 {
    margin: 0px 0 0;
    /* font-family: "Poppins", sans-serif;*/

    height: 100%;
    display: flex;
}

    #aspect-content *, #aspect-content2 * {
        box-sizing: border-box;
    }





ul.cboxtags2 {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    ul.cboxtags2 li {
        display: inline;
        float: left;
        padding: 0 0px;
    }

        ul.cboxtags2 li:first-child {
            padding-left: 0px;
        }


        ul.cboxtags2 li label {
            display: inline-block; /*
            background-color: rgba(255, 255, 255, .9);
            border: 2px solid rgba(139, 139, 139, .3);*/
            color: #9e9e9e;
            border-radius: 25px;
            white-space: nowrap;
            margin: 1px 5px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            transition: all .2s;
            font-size: 14px;
        }

        ul.cboxtags2 li label {
            padding: 0px 4px 0 0;
            cursor: pointer;
        }

            ul.cboxtags2 li label::before {
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-family: "Font Awesome 5 Pro";
                font-weight: 900;
                font-size: 12px;
                padding: 2px 6px 2px 2px;
                content: "\f067";
                transition: transform .3s ease-in-out;
            }

        ul.cboxtags2 li input[type="checkbox"]:checked + label::before {
            content: "\f00c";
            transform: rotate(-360deg);
            transition: transform .3s ease-in-out;
        }

        ul.cboxtags2 li input[type="checkbox"]:checked + label {
            /* border: 2px solid #1bdbf8;
            background-color: #12bbd4;
            color: #fff;
            transition: all .2s;*/

            border: 0px solid #80b01f;
            color: #43a047;
            transition: all .2s;
        }

        ul.cboxtags2 li input[type="checkbox"] {
            display: absolute;
        }

        ul.cboxtags2 li input[type="checkbox"] {
            position: absolute;
            opacity: 0;
        }

            ul.cboxtags2 li input[type="checkbox"]:focus + label {
                border: 0px solid #80b01f;
            }



.offer_details_provider_benefits {
    padding: 0;
    margin: 0px;
    display: block;
    padding: 0 10px;
    position: relative;
    line-height: 12px;
}

    .offer_details_provider_benefits ul {
        margin: 0px;
        padding: 0px;
    }

        .offer_details_provider_benefits ul li {
            display: inline-block;
            font-size: 11px;
            padding: 0px 5px;
        }

            .offer_details_provider_benefits ul li a {
                color: #9e9e9e;
            }

.offer_details_provider-logo-outer {
    display: inline-block;
}

.offer_details_provider-name-outer {
    display: inline-block;
    vertical-align: middle;
}

.benefitsOuter .benefitsTags {
    padding: 0;
    margin: 0px;
    display: inline-block;
}

    .benefitsOuter .benefitsTags li {
        display: inline-block;
    }

        .benefitsOuter .benefitsTags li .benefitTag {
            /* border: 1px solid #ececec;*/
            border-radius: 25px;
            /* padding: 2px 10px;*/
            font-size: 11px;
        }


            .benefitsOuter .benefitsTags li .benefitTag.error {
                border: 1px solid #fbe1d5;
                background-color: #fdeae2;
                color: #545454;
            }

            .benefitsOuter .benefitsTags li .benefitTag.warning {
                /*  border: 1px solid #fbf3d5;
                background-color: #fdf7e2;*/
                color: #545454;
            }



.offer_details_geo_amount {
    padding-right: 15px;
}

    .offer_details_geo_amount .prv_amount {
        text-decoration: line-through;
        text-decoration-color: red;
        color: red;
        padding: 0 5px;
    }




/*.form-floating > .form-control, .form-floating > .form-select {*/
/* height: calc(3.5rem + 2px); */
/*height: calc(3rem + 2px);
    padding: 1rem 0.75rem;
}*/
.darkmode .form-floating > .form-control:disabled, .darkmode .form-floating > .form-control[readonly] {
    background-color: #4f5458;
}

.darkmode .form-control {
    color: #ced4da;
    background-color: #323c46;
}

.darkmode .form-floating > .form-control:focus ~ label, .darkmode .form-floating > .form-control:not(:placeholder-shown) ~ label, .darkmode .form-floating > .form-select ~ label {
    color: #a9a9a9;
}



.offer_details_provider-logo_48px {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #e4e4e4;
    vertical-align: middle;
    box-shadow: 0 0 0 1px #d0d7de;
    opacity: 1;
    transition: box-shadow 0.2s, opacity 0.4s;
}



.offer_details_provider-logo {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #e4e4e4;
    vertical-align: middle;
    box-shadow: 0 0 0 1px #d0d7de;
    opacity: 1;
    transition: box-shadow 0.2s, opacity 0.4s;
}

.offer_details_provider_name {
    display: inline-block;
    /*position: absolute;*/
}




    .offer_details_provider_name span {
        padding: 0 10px;
        position: relative;
        line-height: 18px;
    }


.offer_details_geos {
    /*padding-top:15px;*/
}


    .offer_details_geos ul {
        padding: 0;
        margin: 0px;
    }


        .offer_details_geos ul li {
            display: block;
            margin-bottom: 2px;
            border-bottom: 1px solid #ececec;
        }

.offer_details_geo {
    /*  background-color: #f5f5f5;*/
    color: #0d6efd;
    padding: 5px 10px;
    display: flex;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    font-size: 16px;
}

    .offer_details_geo.warning {
        color: #ff9800 !important;
    }

.offer_details_info {
    color: red;
    font-size: 11px;
    padding-top: 5px;
}

.offer_details_geos ul li:first-child .offer_details_geo {
    /* border-radius: 0 25px 0 0;*/
}


.offer_details_geos ul li:last-child .offer_details_geo {
    /*   border-radius: 0 0 25px 0;*/
}


.offer_details_geos ul li:last-child {
    border-bottom: 0px solid #ececec;
}

/*.benefitsOuter_div .benefitsOuter ul li {
    display: inline-block; 
    float:left;
}*/

.aspect-content:hover .offer_details_geo {
    /*background-color: #fff;*/
}




.card2 {
    /*font-size: 12px;*/
}

    .card2 .aspect-content {
        padding: 10px;
        transition-duration: 1.2s;
    }


        .card2 .aspect-content .aspect-tab {
            padding: 10px 5px 5px 5px;
        }

    .card2 .aspect-tab {
        padding: 0;
    }

        .card2 .aspect-tab .aspect-content {
            padding: 0;
        }

        .card2 .aspect-tab .offer_details_Outer {
            position: relative;
        }

            .card2 .aspect-tab .offer_details_Outer > div {
                /* background-color: #f5f5f5;*/
                height: 100%;
                /*position: absolute;*/
                /*width: 100%;*/
            }



.offer_details_Outer {
    width: 40%;
}

.benefitsOuter_div {
    width: 60%;
}


.benefit_excluding {
    color: #ff0000 !important;
}


.offer_details_provider {
    padding: 15px;
    /* background-color: #f6f8fa;*/
    /*background-image: linear-gradient(#f6f8fa, #fff);*/
    border-bottom: 1px solid #ececec;
}


.offer_details_provider_footer {
    padding: 5px 15px;
    /* background-color: #f6f8fa;*/
    /*background-image: linear-gradient(#f6f8fa, #fff);*/
    border-top: 1px solid #ececec;
    margin-top: 10px;
    display: block;
}



.flip_1 {
    transition: 2.5s;
    transform: rotateY(180deg);
    animation-delay: 5s;
}

.flip_2 {
}

    .flip_2:hover > i, .flip_2:hover i {
        transition: 1s;
        transform: rotateY(180deg);
    }


.divMessages {
    padding: 0 8px;
}


.divMessagesList {
    padding: 0;
    margin: 0;
}


    .divMessagesList li {
        display: inline-block;
        color: red;
    }



.offer-provider-logo {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #e4e4e4;
    vertical-align: middle;
    box-shadow: 0 0 0 1px #80b01f;
    opacity: 1;
    transition: box-shadow 0.2s, opacity 0.4s;
}


.card-offer-outer {
    /* padding: 0 15px 15px 0;*/
    margin: 0px;
    /*margin-bottom: 0.5rem !important;*/
    padding-bottom: 15px;
}

.container_offers {
    padding: 0px;
}

.choose_coverage_title {
    color: #9e9e9e;
    font-size: 11px;
    padding: 0 10px;
}

.benefitsOptional_title {
    display: block;
    position: relative;
    float: left;
    clear: both;
    padding-top: 15px;
    color: #9e9e9e;
    font-size: 11px;
    padding-left: 5px;
}

.clear-both {
    clear: both;
}

#aspect-content, #aspect-content2 {
    margin: 0px 0 0;
    /* font-family: "Poppins", sans-serif;*/

    height: 100%;
    display: flex;
}

    #aspect-content *, #aspect-content2 * {
        box-sizing: border-box;
    }

.aspect-tab {
    position: relative;
    width: 100%;
    max-width: 1000px;
    /*margin: 0 auto 10px;*/
    margin: 0 auto;
    /*border-radius: 4px;*/
    background-color: #fff;
    opacity: 1;
    transition: box-shadow 0.2s, opacity 0.4s;
    padding: 20px 5px 10px 5px;
    /*box-shadow: 0 0 0 1px #d0d7de;*/
    /*border: 1px solid #d0d7de;*/
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 0 1px #9e9e9e;
    border: 1px solid #9e9e9e;
}

    .aspect-tab:hover {
        /* box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.11);*/
        background: #f6f8fa;
    }

.aspect-input {
    display: none;
}

    .aspect-input:checked ~ .aspect-content + .aspect-tab-content {
        max-height: 3000px;
    }

    .aspect-input:checked ~ .aspect-content:after {
        transform: rotate(0);
    }

.aspect-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 80px;
    width: 30px;
    margin: 0;
    padding: 0;
    font-size: 0;
    z-index: 1;
    cursor: pointer;
}

    .aspect-label:hover ~ .aspect-content:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
    }

.aspect-content {
    position: relative;
    display: block;
    /*height: 80px;*/
    margin: 0;
    padding: 0 5px 10px 30px;
    /*font-size: 0;*/
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

/*    .aspect-content:before, .aspect-content:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
    }

    .aspect-content:before {
        height: 100%;
    }

    .aspect-content:before {
        position: absolute;
        width: 24px;
        height: 100%;
        left: 5px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
    }*/

.aspect-name {
    display: inline-block;
    width: 75%;
    margin-left: 16px;
    font-weight: 500;
    color: #242a32;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
}

.aspect-stat {
    width: 60%;
    text-align: right;
}

.all-opinions,
.aspect-name {
    font-size: 14px;
    line-height: 22px;
}

.all-opinions {
    color: #5d5d5d;
    text-align: left;
}

.aspect-content + .aspect-tab-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s;
}

.aspect-content > div,
.aspect-stat > div {
    display: block;
}

.aspect-content > div {
    vertical-align: middle;
}

.positive-count,
.negative-count,
.neutral-count {
    display: inline-block;
    margin: 0 0 0 20px;
    padding-left: 26px;
    background-repeat: no-repeat;
    font-size: 13px;
    line-height: 20px;
    color: #363636;
}

.positive-count {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM3RUQzMjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxMS40MjdhNSA1IDAgMCAwIDEwIDAgLjcxNC43MTQgMCAxIDAtMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMS03LjE0MiAwIC43MTQuNzE0IDAgMSAwLTEuNDI5IDB6bTEuMDcxLTVhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MyAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==");
}

.negative-count {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNGRjZFMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxNC45OThhLjcxNC43MTQgMCAwIDAgMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMSA3LjE0MiAwIC43MTQuNzE0IDAgMSAwIDEuNDI5IDAgNSA1IDAgMSAwLTEwIDB6bTEuMDcxLTguNTdhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MiAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDIgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==");
}

.neutral-count {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNCQUMyRDYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNS43MTQgMTEuNDI3YS43MTQuNzE0IDAgMSAwIDAgMS40MjloOC41NzJhLjcxNC43MTQgMCAxIDAgMC0xLjQyOUg1LjcxNHptLjM1Ny01YTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3ptNy44NTggMGExLjA3MSAxLjA3MSAwIDEgMCAwIDIuMTQzIDEuMDcxIDEuMDcxIDAgMCAwIDAtMi4xNDN6Ii8+Cjwvc3ZnPgo=");
}

.aspect-info {
    width: 40%;
    white-space: nowrap;
    font-size: 0;
}

    .aspect-info:before {
        content: "";
        display: inline-block;
        /*height: 44px;*/
        vertical-align: middle;
    }


.feature_loading_prog {
    display: none;
}

.updating_feature {
    position: relative;
}


    .updating_feature .aspect-tab .feature_loading_prog {
        position: absolute;
        width: 100%;
        height: 100%;
        display: inline-block;
        top: 0px;
        text-align: center;
        margin: 0 auto;
        background-color: rgba(0,0,0,.5);
        color: #fff;
    }


        .updating_feature .aspect-tab .feature_loading_prog > div {
            display: inline-block;
            margin: 0 auto;
            top: calc(50% - 20px);
            position: absolute;
            font-size: 35px;
            color: white;
            left: calc(50% - 20px);
        }

.card-offer-inner {
    display: block !important;
}

.sw-theme-default {
    border: 0px solid #eeeeee !important;
}


.card-offer-outer {
    /* padding: 0 15px 15px 0;*/
    margin: 0px;
    /*margin-bottom: 0.5rem !important;*/
    padding-bottom: 15px;
}

.container_offers {
    padding: 0px;
}

.choose_coverage_title {
    color: #9e9e9e;
    font-size: 11px;
    padding: 0 10px;
}

.benefitsOptional_title {
    display: block;
    position: relative;
    float: left;
    clear: both;
    padding-top: 15px;
    color: #9e9e9e;
    font-size: 11px;
    padding-left: 5px;
}

.clear-both {
    clear: both;
}


.section_radioButton {
    display: flex;
    flex-flow: row wrap;
}

    .section_radioButton > div {
        flex: 1;
        padding: 0.5rem;
    }

    .section_radioButton input[type=radio] {
        display: none;
    }

        .section_radioButton input[type=radio]:not(:disabled) ~ label {
            cursor: pointer;
        }

        .section_radioButton input[type=radio]:disabled ~ label {
            color: #bcc2bf;
            border-color: #bcc2bf;
            box-shadow: none;
            cursor: not-allowed;
        }

    .section_radioButton label {
        height: 100%;
        display: block;
        background: white;
        border: 2px solid #43a047;
        border-radius: 0.25rem;
        padding: 15px 5px 5px 5px;
        text-align: center;
        box-shadow: 0px 3px 10px -2px rgba(161, 170, 166, 0.5);
        position: relative;
        cursor: pointer;
    }

    .section_radioButton input[type=radio]:checked + label {
        background: #43a047;
        color: white;
        /*box-shadow: 0px 0px 20px rgba(0, 255, 128, 0.75);*/
    }

        .section_radioButton input[type=radio]:checked + label::after {
            color: #000;
            font-family: 'Font Awesome 6 Pro';
            content: "\f00c";
            border: 2px solid #43a047;
            font-size: 16px;
            position: absolute;
            top: -16px;
            left: 50%;
            transform: translateX(-50%);
            height: 32px;
            width: 32px;
            line-height: 32px;
            text-align: center;
            border-radius: 50%;
            border-top-left-radius: 50%;
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            background: white;
            box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%);
        }

    .section_radioButton input[type=radio]#control_05:checked + label {
        background: red;
        border-color: red;
    }

.opt-rbtn.error {
    border: 2px solid #f44336;
}





/*NO CLAIM BANNER*/
.no-claims-banner {
    /*animation: joyful-shake 2s infinite ease-in-out;*/ /* NEW joyful shake */
    background-color: #f6fff6; /* soft green tint */
    border: 1px solid #e0f1e5;
    border-radius: 6px;
    color: #2e7d32; /* main green text */
    font-size: 0.95rem;
}

.no-claims-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #52b76b;
    background-color: #e8fff0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.6rem;
    animation: bounce 2.2s infinite ease-in-out;
    overflow: hidden;
}

.happy-face {
    position: relative;
    width: 70%;
    height: 70%;
}

    .happy-face .eye {
        position: absolute;
        top: 25%;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #2e7d32;
        animation: blink 3.2s infinite ease-in-out;
    }

    .happy-face .eye-left {
        left: 22%;
    }

    .happy-face .eye-right {
        right: 22%;
    }

    .happy-face .smile {
        position: absolute;
        bottom: 18%;
        left: 50%;
        width: 70%;
        height: 70%;
        border-bottom: 2px solid #2e7d32;
        border-radius: 0 0 100px 100px;
        transform: translateX(-50%);
    }

.no-claims-text strong {
    font-weight: 600;
}

.no-claims-toggle {
    border: none;
    background: transparent;
    padding: 0;
    margin-left: 1rem;
    color: #a0a0a0;
}

    .no-claims-toggle:focus {
        outline: none;
        box-shadow: none;
    }

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-3px);
    }

    60% {
        transform: translateY(-1px);
    }
}

@keyframes blink {
    0%, 90%, 100% {
        transform: scaleY(1);
    }

    93%, 97% {
        transform: scaleY(0.1);
    }
}
/* Celebration confetti background */
.no-claims-banner {
    position: relative;
    overflow: hidden;
}

.confetti-piece {
    position: absolute;
    width: 6px;
    height: 12px;
    opacity: 0.9;
    top: -20px;
    animation: confetti-fall 1.5s linear infinite;
    transform: rotate(15deg);
    /* default fallback color */
    background-color: #ff6b6b;
}

    .confetti-piece:nth-child(odd) {
        background-color: #ffd93d; /* yellow */
    }

    .confetti-piece:nth-child(3n) {
        background-color: #6c63ff; /* purple */
    }

@keyframes confetti-fall {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(200px) rotate(160deg);
        opacity: 0;
    }
}

@keyframes joyful-shake {
    0% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(-3px) rotate(-1deg);
    }

    30% {
        transform: translateX(3px) rotate(1deg);
    }

    45% {
        transform: translateX(-3px) rotate(-1deg);
    }

    60% {
        transform: translateX(3px) rotate(1deg);
    }

    100% {
        transform: translateX(0);
    }
}






/*NO CLAIM POPUP*/
/* Overlay */
.nc-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
    z-index: 9999;
}

/* Bottom sheet container */
.nc-sheet {
    width: min(720px, 100%);
    margin: 0 12px 12px;
    transform: translateY(120%);
    transition: transform 1.6s cubic-bezier(.22,.61,.36,1);
    position: relative;
}

/* Open state */
.nc-overlay.is-open {
    opacity: 1;
    pointer-events: auto;
}

    .nc-overlay.is-open .nc-sheet {
        transform: translateY(0);
    }

/* Close button */
.nc-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    border: 2px solid rgba(45,28,28,.85);
    background: #fff;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

    .nc-close:hover {
        background: rgba(0,0,0,.03);
    }

/* Card */
.nc-card {
    background: #F4EEE5;
    border-radius: 28px;
    box-shadow: 0 18px 60px rgba(0,0,0,.25);
    overflow: hidden;
    border: 1px solid rgba(45,28,28,.10);
    padding-bottom: 6px;
}

.nc-top {
    display: flex;
    gap: 10px;
    padding: 14px 16px 6px;
    flex-wrap: wrap;
}

.nc-tag {
    background: #2e7d32b5;
    color: #fff;
    padding: 7px 10px;
    border-radius: 8px;
    font-weight: 800;
    letter-spacing: .2px;
    text-transform: lowercase;
    transform: rotate(-2deg);
    box-shadow: 0 6px 18px rgba(255,106,0,.25);
}

    .nc-tag:nth-child(2) {
        transform: rotate(2deg);
    }

/* Tighten Bootstrap row spacing */
.nc-row {
    margin: 0;
}

    .nc-row > [class*='col-'] {
        padding-left: 16px;
        padding-right: 16px;
    }

.nc-left {
    padding-top: 8px;
    padding-bottom: 16px;
}

.nc-title {
    margin: 0 0 6px;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 900;
    color: #2D1C1C;
    letter-spacing: -.4px;
}

.nc-highlight-line {
    margin: 4px 0 4px;
}

.nc-highlight {
    display: inline-block;
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
    color: #2D1C1C;
    padding: 5px 10px 6px;
    border-radius: 8px;
    background: #C8FF3A;
    box-shadow: 0 6px 14px rgba(0,0,0,.08);
}

.nc-subtitle {
    font-size: 26px;
    line-height: 1.1;
    font-weight: 900;
    color: #2D1C1C;
    margin: 0 0 10px;
    letter-spacing: -.4px;
}

.nc-text {
    margin: 0 0 10px;
    font-size: 14px;
    color: rgba(45,28,28,.8);
}

.nc-actions {
    display: flex;
    justify-content: flex-start;
}

.nc-btn {
    border: 0;
    border-radius: 14px;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 800;
    background: #2D1C1C;
    color: #fff;
}

    .nc-btn:hover {
        filter: brightness(1.05);
    }

.nc-right {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 16px 16px;
}

.nc-illus {
    width: min(200px, 100%);
    height: auto;
}

/* Open popup button */
.nc-open-btn {
    border: 1px solid rgba(45,28,28,.18);
    background: #fff;
    color: #2D1C1C;
    padding: 10px 14px;
    border-radius: 14px;
    font-weight: 800;
    cursor: pointer;
}

    .nc-open-btn:hover {
        background: rgba(0,0,0,.04);
    }

/* Mobile */
@media (max-width:720px) {
    .nc-sheet {
        width: 100%;
        margin: 0;
        padding-bottom: env(safe-area-inset-bottom);
    }

    .nc-card {
        border-radius: 22px 22px 0 0;
    }

    .nc-row > [class*='col-'] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .nc-right {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .nc-illus {
        width: min(170px, 65vw);
    }

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

    .nc-highlight {
        font-size: 24px;
    }

    .nc-subtitle {
        font-size: 24px;
    }

    .nc-actions {
        justify-content: stretch;
    }

    .nc-btn {
        width: 100%;
        padding: 12px 14px;
        border-radius: 14px;
    }
}

/* Prevent overflow issues on short screens */
@media (max-height:700px) {
    .nc-card {
        max-height: calc(100dvh - 16px);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-overlay, .nc-sheet {
        transition: none !important;
    }
}

/* RTL polish */
[dir="rtl"] .nc-actions {
    justify-content: flex-start;
}

[dir="rtl"] .nc-tag {
    text-transform: none;
}

/* RTL: move close button to left */
[dir="rtl"] .nc-close {
    right: auto;
    left: 14px;
}








@media only screen and (max-width: 200px) {
    .section_radioButton {
        flex-direction: column;
    }
}


.form-control.error {
    border-color: red !important;
}




.section_radioButton input[type="radio"]:checked + label::after {
    color: #000;
    font-family: 'Font Awesome 6 Pro';
    content: "\f00c";
    border: 2px solid #43a047;
    font-size: 16px;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%);
}

.section_radioButton input[type="radio"]:checked + label::after {
    color: #000;
    font-family: 'Font Awesome 6 Pro';
    content: "\f00c";
    border: 2px solid #43a047;
    font-size: 16px;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%);
}

.btns-traveling-way > div:nth-child(1) input[type="radio"]:checked + label::after {
    content: "\f5b0" !important;
}

.btns-traveling-way > div:nth-child(2) input[type="radio"]:checked + label::after {
    content: "\f5af" !important;
}

.btn-choose-offer-theme.active, .btn-choose-offer-theme:focus, .btn-choose-offer-theme:hover {
    background-color: #4caf50;
}





/*end start old styles*/





.header_view_more {
    position: absolute;
    z-index: 5;
    width: 100%;
}


.accordion-button.btnViewMore {
    text-align: center;
    width: auto;
    margin: 0 auto;
    top: -16px;
    border-radius: 50%;
    padding: 6px;
    background: #d7dbff;
}


.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
}





    .autocomplete-items div {
        padding: 5px 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
        z-index: 2;
    }


.form-step-outer1 .form-step-1 .row div:first-child {
    padding-right: 0px;
}


.list-style1 li {
    flex-wrap: wrap;
}

.ltr-fix {
    direction: ltr !important;
}




.pmt-options .prem .pay .total-prem .amount, .card-ofr-footer .prem .pay .total-prem .amount .amt {
    font-size: 22px;
    line-height: 50px;
}

.pmt-options .prem .pay .total-prem .amount, .card-ofr-footer .prem .pay .total-prem .amount .cur {
    vertical-align: text-bottom;
    color: #868686;
}



.cover_outer_options {
    padding-left: 6px;
    padding-right: 6px;
}




.container_insoffers_outer {
    padding-top: 2px;
}

.img25_th-2 {
    width: 25px;
    height: 25px;
    border: 1px solid #dee2e6;
}




.lstHr, .lstVer {
    list-style: none;
}

    .lstHr li, .lstVer li {
        list-style: none;
        display: inline-block;
    }


.lst-lbl {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .lst-lbl li {
        font-size: 16px;
        border-bottom: 1px solid #f2f1f1;
        display: block;
    }

        .lst-lbl li:hover {
            background: #eae9e9;
        }

        .lst-lbl li .lbl-feature-option {
            padding: 5px 0;
        }

            .lst-lbl li .lbl-feature-option label {
                padding: 0;
            }



.divMedicalOffersOuter {
    padding: 15px !important;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}


.EliteCustomer_Alert {
    margin-top: 10px;
    color: #664d03;
    /* background-color: #fff3cd; */
    border-color: #ffecb5;
    font-weight: 400;
    padding: 5px 10px;
    border: 1px solid #ffecb5;
    border-radius: 0.25rem;
}




.liner {
    display: flex;
    align-items: flex-start;
    text-align: left;
}

    .liner:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #f5f5f5;
        min-width: 20px;
        margin: auto;
    }

.product-tag {
    border-radius: 5px;
    padding: 12px 5px;
    min-width: 70px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: var(--font-size-sub-title);
    margin: 0 0 5px 0;
}

.product-tag img {
    height: 20px; /* Set a consistent image height */
    width: auto;
    margin-right: 5px;
}

    .product-tag p {
        margin: 0px;
    }

.card-ofr-outer2 {
    margin-bottom: 35px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 5px;
}

    .card-ofr-outer2 .card-ofr {
        font-size: var(--font-size-default);
        position: relative;
        overflow: hidden;
        background: #fff;
        border-radius: 0.25rem;
        border: 1px solid #fff;
    }

        .card-ofr-outer2 .card-ofr:hover {
            border: 1px solid var(--ui-theme1);
        }

        .card-ofr-outer2 .card-ofr .card-ofr-inner {
            position: relative;
        }

            .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-loader {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 100%;
                height: 100%;
                background-color: rgb(255 255 255);
                background-size: 50px;
                background-repeat: no-repeat;
                background-position: center;
                z-index: 10000000;
                opacity: 0.8;
                filter: alpha(opacity=80);
                display: none;
            }

            .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-header {
                border-bottom: 1px solid #f2f1f1;
                padding: 10px 5px;
            }

                .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-header .card-ofr-header-company {
                    position: relative;
                }

                    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-header .card-ofr-header-company .logo {
                        display: inline-block;
                        padding: 0px 2px;
                    }

                        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-header .card-ofr-header-company .logo img {
                            width: 40px;
                            height: auto;
                        }

                    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-header .card-ofr-header-company .name {
                        display: inline-block;
                        vertical-align: middle;
                        padding-bottom: 0px;
                    }

                        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-header .card-ofr-header-company .name .card-ofr-header-company .name .title {
                            font-size: var(--font-size-default);
                            text-transform: uppercase;
                        }




.lowercase {
    text-transform: lowercase;
}

.offer-hdr-link {
}

@media (min-width: 768px) {
}


@media (max-width: 768px) {
    .offer-hdr-link {
        font-size: var(--font-size-sub-title);
    }
}



.font_size_11 {
    font-size: 11px;
}

.card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body {
    padding-left: 0px;
    padding-right: 0px;
}

    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .included .covers .opt-outer {
        padding: 2px 0px;
        display: inline-block;
    }

        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .included .covers .opt-outer .opt {
            background-color: #f5f5f5 !important;
            padding: 0px 7px;
            border-radius: 0.25rem;
        }

            .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .included .covers .opt-outer .opt i {
                color: var(--ui-theme1);
                font-weight: 400;
            }


            .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .included .covers .opt-outer .opt.highlighted {
                background-color: #43a047 !important;
                color: #fff;
            }

                .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .included .covers .opt-outer .opt.highlighted i {
                    color: #fff;
                }



    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .BasePrice-outer {
        height: 100% !important;
        position: relative;
        min-height: 50px;
    }

    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .BasePrice {
        position: absolute;
        bottom: 0px;
        padding: 0 10px;
    }

        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .BasePrice .Title {
            font-size: 12px;
            color: #767676;
            line-height: 16px;
        }

        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .BasePrice .Amount {
        }

            .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .BasePrice .Amount .amt {
                font-size: 1.2rem;
                color: var(--ui-theme1);
                font-weight: 600;
            }

            .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .BasePrice .Amount .amt-tax {
                font-size: 14px;
                color: var(--gray);
            }



    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .optinal {
        padding-left: 10px;
        padding-right: 10px
    }

    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .cover_outer .ofr-cover .ofr-cover-chk {
        display: inline-block;
        vertical-align: top;
        padding-top: 2px;
    }



        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .cover_outer .ofr-cover .ofr-cover-chk input[type=checkbox] {
            width: 18px;
            height: 18px;
        }

            .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .cover_outer .ofr-cover .ofr-cover-chk input[type=checkbox]:checked {
                background-color: var(--ui-theme1);
                accent-color: var(--ui-theme1);
            }


    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .cover_outer .ofr-cover .ofr-cover-lbl {
        display: inline-block;
    }


    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment {
        position: relative;
        bottom: 0px;
        width: 100%;
    }

    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment {
        color: #7d7d7d;
        /*font-weight: 600;*/
    }

.card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-bodyc .payment .Title {
}

.card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .Amount {
    font-size: 22px;
}



.card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .BasePrice .Amount .cur-name {
    font-size: 14px;
    vertical-align: top;
    line-height: 23px;
}


.card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .buy {
    vertical-align: middle;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .buy .total-amount {
        width: 100%;
        position: relative;
    }

        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .buy .total-amount .total-amount-inner {
            width: 100%;
            position: absolute;
            bottom: 0px;
        }

    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .buy .Title {
        font-size: 12px;
        color: #767676;
        line-height: 16px;
    }

    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .buy .Amount {
        font-size: 1.2rem;
        
    }

        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .buy .Amount .cur-name {
            font-size: 14px;
            line-height: 12px;
            vertical-align: middle;
        }

.font-weight-600 {
    font-weight: 600 !important;
}

.old-price {
    font-size: 1.2rem;
    color: red;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    text-decoration-color: red;
    opacity: 0.95;
    font-weight: 0 !important;
}


.card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .buy .btn-buy-now {
    background: var(--ui-theme1);
    color: #fff;
    font-weight: 600;
    border: 1px solid var(--ui-theme1);
    height: 40px;
    line-height: 30px;
    min-width: 115px;
}

    .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .payment .buy .btn-installment {
        background: #ffffff;
        color: var(--ui-theme1);
        font-weight: 600;
        border: 1px solid var(--ui-theme1);
        height: 40px;
        padding-left: 0;
        padding-right: 0;
    }


.btn-installment .x-payments {
    font-size: 12px;
    color: #6c757d;
    font-weight: 400;
    line-height: 5px;
    text-align: end;
}


.btnPay {
    width: 100%;
}

    .btnPay .payment-plan {
        text-align: start;
        line-height: 5px;
    }



        .btnPay .payment-plan span {
            font-size: 12px;
            color: #acb0b4;
            line-height: 5px;
        }


.plan-title {
    font-size: 12px;
    color: #000;
    line-height: 16px;
}


    .plan-title .plan-ico {
        height: 30px;
        width: auto;
    }

.plan-provider-ico {
    height: 56px;
    width: auto;
}


.plan-checkout-ico {
    height: 30px;
    width: auto;
    padding-right: 10px;
}


.pb-3px {
    padding-bottom: 3px;
}


/*            .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body {
                padding-left: 0px;
                padding-right: 0px;
            }

                .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .included .covers .opt-outer {
                    padding: 2px 0px;
                }

                .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .included .covers .opt-outer .opt {
                    background-color: #f5f5f5 !important;
                    display: inline-block;
                    padding: 3px 7px;
                    border-radius:0.25rem;

                }*/







.ltr-fix {
    direction: ltr;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

/* not requied only for demo * */
.row [class*='col-'] {
    /* background-colro: #cceeee;
    background-clip: content-box;*/
}



.card-ofr-loader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    display: none;
}


    .card-ofr-loader div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        font-size: 2rem;
        color: #212121;
        text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    }


.working .card-ofr-loader {
    display: block !important;
}


.card-additional-nonmandatory-benefits-loader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    display: none;
}

.working .card-additional-nonmandatory-benefits-loader {
    display: block !important;
}

.card-additional-nonmandatory-benefits-loader div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #212121;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}



.working .card-additional-benefits-loader {
    display: block !important;
}

.number-plate {
    border: 2px solid #000000;
    background-color: #FFBB00;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
}

    .number-plate h6 {
        font-size: 16px;
        text-transform: uppercase;
        color: #000000;
        margin-bottom: 0;
    }

    .number-plate h4 {
        font-size: 26px;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 26px;
    }



.status {
    border: 2px solid transparent;
    background-color: #ffffff;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
}

    .status .icon {
        width: 50px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

        .status .icon img {
            width: 100%;
        }

    .status .content {
        text-align: left;
        width: calc(100% - 64px);
        display: inline-block;
        vertical-align: middle;
        margin-top: -6px;
    }

    .status p {
        color: #70798B;
        margin-bottom: 0;
    }

    .status h5 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .status.blue {
        border-color: #0F89FF;
    }

        .status.blue h5 {
            color: #0F89FF;
        }

    .status.green {
        border-color: #43a047;
    }

        .status.green h5 {
            color: #43a047;
        }

.document {
    border: 2px solid transparent;
    background-color: #43a047;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
    display: block;
    text-decoration: none;
    position: relative;
}

    .document .icon {
        width: 50px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

        .document .icon img {
            width: 100%;
        }

    .document .content {
        text-align: left;
        width: calc(100% - 64px);
        display: inline-block;
        vertical-align: middle;
    }

    .document p {
        color: #ffffff;
        margin-bottom: 0;
    }

    .document h5 {
        font-size: 18px;
        margin-bottom: 0;
        color: #ffffff;
    }

    .document .icon-right {
        color: #ffffff;
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 28px;
    }



.simple-tabs {
    border-bottom: 1px solid #f2f1f1;
}

    .simple-tabs a {
        font-size: 18px;
        color: #70798B;
        border-bottom: 2px solid transparent;
        text-decoration: none;
        padding: 4px;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
    }

        .simple-tabs a.active {
            border-bottom-color: #43a047;
            color: #43a047;
        }



.accordian-container {
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 30px;
}

    .accordian-container .accrodian-box {
        border-bottom: 1px solid #CFCFCF;
    }

        .accordian-container .accrodian-box .question-text {
            position: relative;
            padding: 20px 0;
            cursor: pointer;
        }

            .accordian-container .accrodian-box .question-text p {
                transition: color 0.3s ease-in-out;
                color: #000000;
                font-size: 20px;
                margin-bottom: 0;
                padding-right: 30px;
            }

            .accordian-container .accrodian-box .question-text i {
                transition: all 0.3s ease-in-out;
                position: absolute;
                right: 0;
                top: 25px;
                font-size: 22px;
            }

        .accordian-container .accrodian-box .answer-text {
            display: none;
        }

        .accordian-container .accrodian-box.active .question-text p, .accordian-container .accrodian-box.active .question-text i {
            color: #43a047;
        }

        .accordian-container .accrodian-box.active .question-text i {
            transform: rotate(180deg);
        }

        .accordian-container .accrodian-box:last-child {
            border-bottom: none;
        }

        .accordian-container .accrodian-box.active .question-text p, .accordian-container .accrodian-box.active .question-text {
            color: #43a047;
        }

@media only screen and (max-width: 768px) {
    .accordian-container .accrodian-box .question-text p {
        font-size: 16px;
    }

    .accordian-container .accrodian-box .question-text i {
        font-size: 18px;
        top: 23px;
    }

    .accordian-container .accrodian-box .answer-text p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 280px) {
    .accordian-container {
        padding: 0;
    }
}






.steps-bar ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
}

    .steps-bar ul li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding-right: 20%;
        margin-right: -4px;
        text-align: center;
    }

        .steps-bar ul li:after {
            content: "";
            width: calc(100% - 50px);
            height: 2px;
            position: absolute;
            right: 0;
            top: 25px;
            border-bottom: 2px dashed #BFC3C9;
        }

        .steps-bar ul li .steps-box {
            width: 50px;
            height: 50px;
            line-height: 44px;
            border-radius: 50%;
            border: 2px solid #BFC3C9;
            color: #BFC3C9;
            font-size: 24px;
            background-color: #ffffff;
        }

        .steps-bar ul li p {
            margin-top: 4px;
            font-size: 12px;
            color: #70798B;
            margin-bottom: 0;
        }

        .steps-bar ul li.green:after {
            border-bottom: 2px solid #80AF1F;
        }

        .steps-bar ul li.green .steps-box {
            background-color: rgba(128, 175, 31, 0.2);
            border-color: #80AF1F;
            color: #80AF1F;
        }

        .steps-bar ul li.green p {
            color: #80AF1F;
        }

        .steps-bar ul li.orange .steps-box {
            background-color: rgba(255, 137, 91, 0.2);
            border-color: #FF895B;
            color: #FF895B;
        }

        .steps-bar ul li.orange p {
            color: #FF895B;
        }

        .steps-bar ul li:last-child {
            padding-right: 0;
        }

@media only screen and (max-width: 1024px) {
    .steps-bar ul li {
        padding-right: 18%;
    }
}

@media only screen and (max-width: 1024px) {
    .steps-bar ul li {
        padding-right: 14%;
    }
}

@media only screen and (max-width: 420px) {
    .steps-bar ul li {
        padding-right: 10%;
    }
}

@media only screen and (max-width: 280px) {
    .steps-bar ul li {
        padding-right: 8%;
    }

        .steps-bar ul li:after {
            top: 20px;
            width: calc(100% - 40px);
        }

        .steps-bar ul li .steps-box {
            width: 40px;
            height: 40px;
            line-height: 34px;
            font-size: 18px;
        }
}

.steps-bar.verticle ul li {
    display: block;
    text-align: left;
    padding-right: 0;
    padding-bottom: 50px;
    margin-right: 0;
}

    .steps-bar.verticle ul li:after {
        border-bottom: none;
        border-right: 2px dashed #BFC3C9;
        top: 50px;
        left: 25px;
        right: auto;
        height: calc(100% - 50px);
        width: 2px;
    }

@media only screen and (max-width: 280px) {
    .steps-bar.verticle ul li:after {
        top: 40px;
        height: calc(100% - 40px);
        left: 20px;
    }
}

.steps-bar.verticle ul li.green:after {
    border-bottom: none;
    border-right: 2px solid #80AF1F;
}

.steps-bar.verticle ul li:last-child {
    padding-bottom: 0;
}

.steps-bar.verticle ul li .steps-box {
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.steps-bar.verticle ul li .content {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    max-width: 80%;
}

    .steps-bar.verticle ul li .content p {
        margin-top: 0;
        font-size: 16px;
        color: #000000;
    }

@media only screen and (max-width: 280px) {
    .steps-bar.verticle ul li .content {
        width: calc(100% - 54px);
    }

        .steps-bar.verticle ul li .content p {
            font-size: 12px;
        }
}

.steps-bar.verticle ul li .date {
    padding: 6px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    border-radius: 16px;
    border: 1px solid #70798B;
}

.steps-bar.verticle ul li.green p, .steps-bar.verticle ul li.orange p {
    font-size: 16px;
    color: #000000;
}

@media only screen and (max-width: 280px) {
    .steps-bar.verticle ul li.green p, .steps-bar.verticle ul li.orange p {
        font-size: 12px;
    }
}


.btns-border {
    padding: 11px 14px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    background: transparent;
}

    .btns-border.green {
        border-color: #43a047;
        color: #000000;
    }

        .btns-border.green .fas, .btns-border.green .far, .btns-border.green .fal {
            transition: all 0.3s ease-in-out;
            color: #43a047;
            margin-right: 4px;
        }

        .btns-border.green:hover {
            background-color: #43a047;
            color: #ffffff !important;
        }


.filter-type {
    font-size: 13px;
}

.filter-box {
    padding: 10px;
    border-radius: 5px;
    background-color: #F8F8F8;
}

    .filter-box ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

        .filter-box ul li:last-child {
            margin-bottom: 0;
        }

        .filter-box ul li a {
            display: block;
            padding: 10px;
            font-size: 12px;
            border-radius: 5px;
            color: #BFC3C9;
            border: 2px solid transparent;
            position: relative;
            text-decoration: none;
            transition: all 0.3s ease-in-out;
        }

            .filter-box ul li a:hover, .filter-box ul li a.active {
                border-color: #43a047;
                background-color: rgba(131, 177, 29, 0.2);
                color: #000000;
            }


            .filter-box ul li a .check {
                color: #BFC3C9;
                font-size: 20px;
                margin-right: 4px;
                vertical-align: middle;
                transition: all 0.3s ease-in-out;
            }

            .filter-box ul li a:hover .check, .filter-box ul li a:hover .arrow, .filter-box ul li a.active .check, .filter-box ul li a.active .arrow {
                color: #43a047;
            }

            .filter-box ul li a .text {
                display: inline-block;
                vertical-align: middle;
                max-width: calc(100% - 50px);
            }

            .filter-box ul li a .arrow {
                position: absolute;
                right: 10px;
                top: 10px;
                color: #BFC3C9;
                font-size: 20px;
                transition: all 0.3s ease-in-out;
            }

            .filter-box ul li a:hover .check, .filter-box ul li a:hover .arrow, .filter-box ul li a.active .check, .filter-box ul li a.active .arrow {
                color: #43a047;
            }


            .filter-box ul li a.active .arrow {
                color: #000000;
            }

        .filter-box ul li:last-child {
            margin-bottom: 0;
        }

.select-all-filters {
    font-size: 12px;
    color: #70798B;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    transition: all 0.3s ease-in-out;
}

    .select-all-filters i {
        font-size: 13px;
        margin-right: 4px;
    }



.gift-box1-icon {
    width: 42px;
    height: auto;
}



.lh-14 {
    line-height: 14px;
}

.lh-16 {
    line-height: 16px;
}


.border-gradient-radius {
    background: linear-gradient(#fff 0 0) padding-box, /*this is your white background*/ linear-gradient(to right, #9c20aa, #43a047) border-box;
    border: 2px solid transparent;
    display: inline-block;
    border-radius: 0.4rem !important;
    padding: 3px 7px 0px 7px !important;
}

    .border-gradient-radius .gift-title {
        overflow: hidden;
    }

.gift-box1 {
    width: 32px;
    height: auto;
}




.btn-purple {
    background-color: var(--bs-purple);
    border: 0px solid var(--bs-purple);
    color: #ffffff;
}

    .btn-purple:hover {
        background-color: var(--bs-purple) !important;
        border: var(--bs-purple) !important;
    }


.btn-theme {
    background-color: var(--theme-bg-color);
    border: 0px solid var(--theme-bg-color);
    color: #ffffff;
}

    .btn-theme:hover {
        background-color: var(--theme-border-color) !important;
        border: var(--theme-border-color) !important;
    }



.ins-frm2 .ins-frm2-inner {
    background: #fff;
    padding: 0px;
    border-radius: 12px;
    border: 1px solid #c3c3c3;
}


.trvl-bg {
    /*background-image: url(/img/travel-bg24.jpg);*/
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: bottom left;
    padding: 15px 0px 0px 0;
}


@media only screen and (max-width: 480px) {
    .trvl-bg {
        background-image: none;
    }
}

.guest-selector-dropdown {
    border-bottom: 1px solid var(--bs-black);
    border-radius: 0;
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
    margin-top: -3px !important;
    padding: 10px !important;
    min-width: 300px;
}




.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.hstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.guest-selector-count {
    min-width: 30px;
    text-align: center;
}





.input-wrapper {
    display: inline-block;
    position: relative
}


.icon-input-outer {
    display: -ms-flexbox; /* IE10 */
    display: flex;
}

.icon-input {
    padding: 15px;
    min-width: 30px;
    text-align: center;
    position: absolute;
    color: #c3c3c3;
    z-index: 2;
    padding-top: 22px;
}



.icon-input-outer .tokenize {
    width: 100%
}


.icon-input-outer .form-control.tokens-container, .icon-input-outer .form-control {
    padding: 0.4rem 2.5rem 0.5rem 2.5rem;
}

.icon-input-outer label {
    padding-left: 2.5rem;
}


.destination-selector-dropdown {
    border-bottom: 1px solid var(--bs-black);
    border-radius: 0;
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
    margin-top: -3px !important;
    width: 100%;
    min-width: 300px;
}

    .destination-selector-dropdown .simple-tabs a {
        padding: 4px 15px;
        margin: 0px;
        font-size: var(--font-size-default);
        font-weight: 400;
    }

        .destination-selector-dropdown .simple-tabs a.active {
            border-bottom-color: var(--theme-bg-color);
            color: var(--theme-bg-color);
        }




.destination-selector {
    width: 100%;
    min-width: 300px;
}

    .destination-selector .simple-tabs {
        display: flex;
        width: 100%; /* Ensure full width */
    }

        .destination-selector .simple-tabs a {
            font-size: 18px;
            color: var(--theme-bg-color);
            text-decoration: none;
            padding: 4px;
            vertical-align: top;
            border: 1px solid var(--theme-border-color);
            margin: 0px;
            flex: 1; /* Equal width for both tabs */
            text-align: center; /* Center the tab content */
        }

            .destination-selector .simple-tabs a.active {
                border-bottom-color: var(--theme-bg-color);
                color: #ffffff;
                background: var(--theme-bg-color);
            }



.hr-text {
    border: 0;
    line-height: 1em;
    position: relative;
    text-align: center;
    height: 1.5em !important;
    font-size: 14px;
    background: transparent;
}

    .hr-text::before {
        content: "";
        background: linear-gradient(to right, black, #000000, black);
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }

    .hr-text::after {
        content: attr(data-content);
        position: relative;
        padding: 0 7px;
        line-height: 1.5em;
        color: white;
        background-color: #1a1a1a;
    }


.grid {
    display: grid;
    grid-gap: var(--card-box-padding);
    margin: 0 auto;
    max-width: 60em;
    padding: 0;
}

.grid {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5px;
}
.card-additional-nonmandatory-benefits {
    /* height: 400px;*/
     min-width:200px;
}
.cross-sales-offer-card {
    /*display: flex;*/
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    position: relative;
    transition: box-shadow 0.3s ease-in-out;
    border: 1px solid #808080 !important;
    /* min-height: 160px*/
}

    
.cross-sales-info-icon {
    width: 15px !important;
    margin-left: 3px !important;
}

    .cross-sales-offer-card:hover {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    }

    .cross-sales-offer-card.selected {
        border-color: #4caf50;
    }

    .cross-sales-offer-card img {
        width: 72px;
        height: auto;
      /*  margin: 0px -12px;
        margin-top: -6px;*/
    }
.added-benefit-text {
    color: #0D35FF;
    font-weight: bold;
}
.tooltip-container {
    position: relative;
    display: inline-block;
}

    .tooltip-container .info-icon {
        cursor: pointer;
    }

.tooltip-container {
    position: relative;
    display: inline-block;
}

    .tooltip-container .info-icon {
        cursor: pointer;
    }

/* New bottom-tooltip class for card-like appearance */
.bottom-tooltip {
    position: fixed; /* Position relative to the viewport */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    background-color: #fff; /* White background like a Bootstrap card */
    color: #333; /* Text color */
    border-radius: 8px; /* Rounded corners */
    padding: 10px; /* Padding to make it spacious */
    font-size: 14px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px; /* Distance from the bottom of the screen */
    max-width: 90%; /* Responsive max width */
    min-width: 350px; /* Minimum width */
    box-sizing: border-box;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2), 0px 2px 4px rgba(0, 0, 0, 0.1); /* Stronger shadow for card-like appearance */
    word-wrap: break-word; /* To handle longer text */
    min-height: 200px; /* Minimum height for larger content */
    height: auto; /* Automatically adjust based on content */
    overflow-y: auto;
    max-height: 500px;
}

    /* Tooltip arrow styling */
    .bottom-tooltip .arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: 5px solid #fff; /* Arrow pointing upwards, same color as background */
    }

/* Close button in top right corner */
.close-button-tooltip {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

    .close-button-tooltip:dir(rtl) {
        left: 10px !important;
        right: auto;
    }
.close-button-tooltip:hover {
    color: #f00; /* Red on hover */
}

/* New bottom-tooltip-content class instead of .tooltip-inner */
.bottom-tooltip-content {
    /* No scroll or max-height to prevent scrolling */
    padding-bottom: 0; /* No padding for the bottom */
    font-size: 12px; /* Adjust font size if necessary */
}
.bottom-tooltip-description p {
    line-height: 18px;
}
bottom-tooltip-description.bold p {
    line-height: 18px;
}
.saved-total-amount {
    font-size:14px;
    margin-top:10px;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .bottom-tooltip {
        min-width: 480px; /* Smaller width on mobile */
        padding: 10px;
        min-height: 480px; /* Increase min height for mobile devices */

      
    }

        /*.bottom-tooltip .arrow {
            border-bottom-width: 4px;*/ /* Smaller arrow size */
        /*}*/
}

@media (max-width: 480px) {
    .bottom-tooltip {
        min-width: 300px; /* Even smaller width on very small screens */
        min-height: 400px; /* Increase min height for very small screens */
    }
}

.cross-sales-offer-details-top {
    display: flex;
    align-items: center;
    padding: 0px;
    margin-top: -5px;
}
/*.cross-sales-offer-details-inner-1 {
    padding: 0px;
    margin: 0px;*/
  /*  position: absolute;*/
    /*top:12px;*/

    /*margin-top: -40px;*/
/*}*/
.cross-sales-offer-title-1 {
    margin-left: 15px;
    font-weight: 700;
}
    .cross-sales-offer-title-1:dir(rtl) {
        margin-right: 7px;
        font-weight: 700;
        margin-left: 0px;
    }
/*
.additional-non-andatory-benefits {
    overflow-y: hidden
}
.cross-sales-offer-details-inner {
    margin-top: 0px;
}
.cross-sales-offer-details {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.cross-sales-offer-title {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    margin-left: 20px;
    margin-top: 7px
}
.cross-sales-offer-title:dir(rtl) {
font-size: 14px;
font-weight: bold;
color: #333;
margin-top: 5px;
margin-right: 18px;
}
.cross-sales-info-icon:dir(rtl) {
    margin-right: 3px !important;
}
.cross-sales-offer-description {
    font-size: 0.7rem;
    color: #666;
    line-height: 1.2;
    margin-top: 5px;
}


.cross-sales-offer-price {*/
    /*position:absolute;*/
    /*text-align: right;*/
    /*font-size: 0.7rem;
    font-weight: bold;
    color: #333;
    line-height: 1;
    padding-top: 5px;
    white-space: nowrap;*/
   /* right: 5px;
    top: 50px;*/

/*}*/
    .cross-sales-offer-price:dir(rtl) {
       /* right:auto;
        left: 11%;
        top: 76px;*/
    }

    /*.cross-sales-offer-price:dir(rtl) {
        text-align: left;
        margin: 0px 0;
        font-size: 0.7rem;
        font-weight: bold;
        color: #333;
        line-height: 0.2;
        margin-top: 28px;
        white-space: nowrap;
        bottom: 10px;
        right:auto;
        bottom:42px;
        left: 10px;*/
        /*margin-right: -36px;*/
    /*}*/
/*.cross-sales-more-options-anchor:dir(rtl) {
    bottom: 10px;
}
.cross-sales-offer-price p {
    font-size: 11px;
    margin: 0px;
    margin-bottom: 3px;
    color: #666;
    white-space:nowrap;
    }*/
.cross-sales-optional-price  {
    font-weight: 600;
}

.fs_12px{
    font-size:12px;
}

.cross-sales-original-price {
    text-decoration: line-through;
    color: #de5656;
    font-size: 14px;
}

.saved-amount-marker-text::before {
    content: "";
    position: absolute;
    top: 58%;
    left: 49%;
    transform: translate(-50%, -50%);
    width: 130px;
    height: 30px;
    background-image: url(images/BlueMarker.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    display: block;
}

.saved-amount-marker-text {
    color: #fff;
    z-index: 1; /* Ensure the text is above the background */
    position: relative;
    text-align: center; /* Center align the text */
    padding: 0px; /* Add padding if necessary */
}
.cross-sales-discount-tag {
    position: relative;
    /*bottom: 8px;*/
    /*right: 10px;*/
    color: #fff;
    /*padding: 3px 10px;*/
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    /* text-align: right; */
    display: flex;
    justify-content: right;
    line-height: 23px;
}

.p_0_5px{
    padding: 0 5px;
}
/* Marker styling with background image */
.cross-sales-discount-tag::before {
    content: "";
    position: absolute;
    /* top: 7px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    width: 115px;
    height: 25px;
    background-image: url(images/GreenMarker.svg);
    /*background-size: contain;*/
    background-repeat: no-repeat;
    display: block;
}
        /* Marker styling with background image */
        .cross-sales-discount-tag-rsa::before {
            background-image: url(images/OrangeMarker.svg) !important;
        }

    /* Styling for the amount */
.cross-sales-discount-tag .amount {
    position: relative; /* Keeps text below the marker */
    /*   font-size: 0.9em;*/
    
    color: #fff; /* Matches text color */
    display: flex;
    padding: 0 7px 0 8px;
    height: 25px;
}

/* RTL-specific styles, inherited from parent direction */
:dir(rtl) .cross-sales-discount-tag {
    /*right: auto;*/ /* Remove LTR right alignment */
    /*left: 10px;*/ /* Align to the left for RTL */
    /*text-align: left;*/ /* Align text to the left for RTL */
}

    /*:dir(rtl) .cross-sales-discount-tag::before {
        right: auto;
        left: 0;
    }*/
:dir(rtl) .cross-sales-low-price-benefits-tag::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 11%;
    width: 120px;
    height: 30px;
    /*background-image: url(images/BlueMarker.svg);*/
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}
:dir(rtl) .saved-amount-marker-text::before {
    content: "";
    position: absolute;
    top: 89%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 92px;
    height: 35px;
    background-image: url(images/BlueMarker.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    display: block;
}
.cross-sales-options {
   /* display: flex;*/
    align-items: center;
    margin-top: 5px;
    flex-direction: row;
    line-height: 20px;
    text-align:left;
}

    .cross-sales-options label {
        margin-right: 7px;
       /* font-size: 0.8em;*/
        color: #666;
    }

.cross-sales-more-options{
    position:relative;
   /* bottom:10px;*/
}
.cross-sales-more-options p {
    font-size: 0.6em;
    color: #333;
    margin-bottom: 0px;
}

.cross-sales-more-options-anchor {
    font-size: 10px;
    /*position: absolute;*/
    left: 10px;
    bottom: 2px;
}
    .cross-sales-more-options-anchor:dir(rtl) {
        position: absolute;
        left: auto;
        right: 10px;
    }
.cross-sales-more-options-anchor a {
    text-decoration: none;
    color: var(--ui-theme1);
    font-size: 0.8rem;
    transition: color 0.3s ease-in-out;
}

    .cross-sales-more-options-anchor a:hover {
        color: #0056b3;
    }
:dir(rtl) .cross-sales-offer-details-inner {
    margin-top: -20px;
}
.cross-sales-offer-card input[type=checkbox]:dir(rtl) {
    position: absolute;
    width: 18px;
    height: 18px;
    float: left;
    margin: auto;
    display: flex;
    top: 12px;
    left: 12px;
    right:auto;
}
.cross-sales-offer-card.checked {
    background: #f9fbfe !important;
    border: 1px solid #0d35ff !important;
}
.cross-sales-offer-card-rsa.checked {
    background: #fff9f3 !important;
    border: #ff7700 solid 1px !important;
}
.cross-sales-low-price-benefits-tag {
    position: relative; /* Keep it relative for absolute positioning of ::before */
    text-align: center;
    z-index: 0; /* Ensure this is above ::before */
}

    .cross-sales-low-price-benefits-tag::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 31%;
        width: 86px;
        height: 100px;
        /*background-image: url(images/BlueMarker.svg);*/
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 0;
    }

    .cross-sales-low-price-benefits-tag span {
        position: relative; /* Keeps the text relative to the parent */
        font-size: 1em;
        font-weight: bold;
        color: #f97410; /* Ensures contrast with the background */
        z-index: 1; /* Makes sure text appears above ::before */
    }
:dir(rtl) .cross-sales-offer-title,
:dir(rtl) .cross-sales-offer-description,
:dir(rtl) .cross-sales-offer-price {
    text-align: right;
}



.cross-sales-offer-card input[type=checkbox] {
    position:absolute;
    width: 18px;
    height: 18px;
    float: right;
    top: 7px;
    right: 15px;
}

    .cross-sales-offer-card input[type=checkbox]:checked {
        background-color: var(--ui-theme1);
        accent-color: var(--ui-theme1);
    }
.cross-sales-offer-card input[type="radio"] {
    margin-right: 2px;
}
:dir(rtl) .cross-sales-offer-card {
   /* height: 165px;*/
}

.golden-pkg input[type=checkbox]:checked {
    background-color: var(--ui-theme1);
    accent-color: #b8860b;
}


/*.cross-sales-offer-card.checked-golden {
    background-color: #ffd7001c !important;
    border: 1px solid gold !important;
}*/


.cross-sales-offer-card.checked-golden {
    background: #ffc2002b; 
    background-size: 200% 100%; 
    border: 1px solid #b8860b !important;
}


.cross-sales-offer-card.checked-golden {
    position: relative;
    background: #ffc2002b;
    background-size: 200% 100%;
    border-radius: 7px;
    background: #ffc2002b;
    border: 1px solid #b8860b !important;
    box-shadow: 0 0 15px 2px rgba(184, 134, 11, 0.6);
    animation: goldenShadowPulse 1s ease-in-out infinite;
}
 

.text-golden {
    color: #b8860b;
}


@keyframes goldenShadowPulse {
    0% {
        box-shadow: 0 0 5px 1px rgba(184, 134, 11, 0.1), 0 0 10px 2px rgba(255, 215, 0, 0.3);
    }

    50% {
        box-shadow: 0 0 5px 5px rgba(184, 134, 11, 0.1), 0 0 30px 10px rgba(255, 215, 0, 0.3);
    }

    100% {
        box-shadow: 0 0 5px 1px rgba(184, 134, 11, 0.1), 0 0 10px 2px rgba(255, 215, 0, 0.3);
    }
}

@keyframes goldenShiftReverse {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 100%;
    }
}
 

@media (max-width: 768px) {
    .cross-sales-offer-card {
        /*flex-direction: column;
        align-items: flex-start;
        padding: 8px;*/
       /* height: 150px;*/
    }
    :dir(rtl) cross-sales-offer-price {
        margin-right: -15px;
    }
/*    .cross-sales-offer-details-inner-1 {
        top: -2px;
    }*/
    .cross-sales-offer-card input[type=checkbox]:dir(rtl) {
         margin-left:auto;
    }
        .cross-sales-offer-price p {
       /* font-size: 10px;*/
        white-space: nowrap;
    }
    .cross-sales-more-options-anchor {
        margin-left: 0px;
    }
    .cross-sales-offer-card img {
        width: 72px;
        margin: 0px;
        margin-left: -5px;
        /*margin-top: 20px;*/
    }
    .cross-sales-offer-title {
        font-size: 1rem;
        font-weight: bold;
        color: #333;
        margin-top: 22px;
        margin-left: 43px;
    }
    .cross-sales-info-icon{
        margin: 0px !important;
    }
    :dir(rtl) .cross-sales-offer-title,
    :dir(rtl) .cross-sales-offer-description,
    :dir(rtl) .cross-sales-offer-price {
       /* text-align: right;*/
    }
    .cross-sales-offer-title:dir(rtl) {
       /* font-size: 13px;
        font-weight: bold;
        color: #333;
        margin-top: 22px;
        margin-right: 30px;*/
    }
    .cross-sales-discount-tag {
        /*position: absolute;
        text-align: center;
        bottom: 2px;
        right: 0px;*/
    }
        .cross-sales-discount-tag::before {
           /* content: "";
            position: absolute;
            top: 7px;
            left: 50%;
            transform: translateX(-50%);
            width: 140px;
            height: 120px;
            background-image: url(images/GreenMarker.svg);
            background-size: contain;
            background-repeat: no-repeat;
            display: block;*/
        }



    .cross-sales-offer-price {
        /*text-align: right;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        line-height: 1;*/
        /*padding-top: 10px;*/
        /*white-space: nowrap;
        margin-left: -25px;*/
    }
    .cross-sales-more-options {
       /* margin-top: -30px;*/
    }

    .cross-sales-low-price-benefits-tag::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 31%;
        width: 95px;
        height: 30px;
        /*background-image: url(images/BlueMarker.svg);*/
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 0;
    }

    .cross-sales-offer-card input[type=checkbox]:dir(rtl) {
        width: 18px;
        height: 18px;
        float: left;
        position: absolute;
        right: auto;
        top: 12px;
        left: 12px;
    }

    .cross-sales-more-options-anchor:dir(rtl) {
        text-align: right;
        margin-top: 2px;
    }
    .cross-sales-offer-card input[type=checkbox] {
        margin-top: 9px;
        margin-right: 0px;
    }
   
}

@media screen and (max-width: 480px) and (min-width: 300px) {
    /*:dir(rtl) .cross-sales-offer-card {*/
        /*height: 186px;*/
        /*min-width: 300px;
    }
    .cross-sales-offer-card {
        min-width: 300px;
    }*/

        .cross-sales-offer-title-1 {
        /*margin-top: 25px;*/
    }
    .cross-sales-offer-price:dir(rtl) {
        right: auto;
        left: 25%;
        top: 66px;
    }
   /* .cross-sales-offer-details-inner-1 {
        top: -2px;  
    }*/
    .cross-sales-offer-card {
        /*height: 170px;*/
    }
    .cross-sales-offer-price {
      /*  padding-top: 45px;
        white-space: nowrap;
        margin-left: -50px;*/
    }
    .cross-sales-offer-card img {
        width: 72px;
    }
    .cross-sales-offer-details-inner {
       /* margin-top: -10px !important;*/
    }

    cross-sales-offer-price p {
      /*  font-size: 9px;
        margin: 0px;
        margin-bottom: 3px;
        white-space: normal;*/
    }
    .cross-sales-offer-title {
      /*  font-size: 13px;
        font-weight: bold;
        color: #333;
        margin-top: 34px;
        margin-left: 17px;*/
    }

    .cross-sales-low-price-benefits-tag::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 32%;
        width: 86px;
        height: 30px;
        /*background-image: url(images/BlueMarker.svg);*/
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 0;
    }
    .cross-sales-offer-card input[type=checkbox] {
        float: right;
        top: 3px;
        right: 13px;
    }
    cross-sales-offer-price:dir(rtl) {
        margin-right: -15px;
    }

}

.cs_icon {
    width: 24px;
    height: auto;
}

@media (min-width: 42em) {
    .grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.card-box {
    background-color: #fff;
    border-radius: var(--card-box-radius);
    position: relative;
    border: 0px;
}

    .card-box:hover {
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
    }

.radio {
    font-size: inherit;
    margin: 0;
    position: absolute;
    right: calc(var(--card-box-padding) + var(--bs-gray-500));
    top: calc(var(--card-box-padding) + var(--bs-gray-500));
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        border: var(--radio-border-width) solid var(--bs-gray-500);
        border-radius: 50%;
        cursor: pointer;
        height: var(--radio-size);
        outline: none;
        transition: background 0.2s ease-out, border-color 0.2s ease-out;
        width: var(--radio-size);
        top: 6px;
        right: 4px;
    }

        .radio::after {
            border: var(--radio-border-width) solid #fff;
            border-top: 0;
            border-left: 0;
            content: "";
            display: block;
            height: 0.75rem;
            left: 25%;
            position: absolute;
            top: 50%;
            transform: rotate(45deg) translate(-50%, -50%);
            width: 0.375rem;
        }

        .radio:checked {
            background: var(--theme-bg-color) !important;
            border-color: var(--theme-bg-color);
            border-radius: 50%;
        }

    .card-box:hover .radio {
        /*border-color: var(--color-dark-gray);*/
    }

        .card-box:hover .radio:checked {
            /*border-color: var(--color-green);*/
        }
}



.tokenize > .tokens-container > .token {
    border-radius: 0.5rem !important;
    background-color: #ffffff !important;
}

    .tokenize > .tokens-container > .token > .dismiss {
        color: #dddddd !important;
    }

.tokenize > .tokens-container {
    font-weight: 600 !important;
    font-size: 18px !important;
}

    .tokenize > .tokens-container > .token.pending-delete {
        border-color: #ddd !important;
        color: #ddd !important;
    }


    .tokenize > .tokens-container > .token, .tokenize > .tokens-container > .placeholder, .tokenize > .tokens-container > .token-search {
        vertical-align: middle;
    }

.travel_destination {
    position: absolute;
    padding: 0.1rem 2.0rem !important;
    border-radius: 0;
    background: transparent !important;
    border-top: 0px;
    border-right: 0;
    border-left: 0;
    opacity: .65;
    transform: scale(.85);
}




.plan-details-outer {
    border: var(--radio-border-width) solid #c3c3c3;
    border-radius: var(--card-box-radius);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    outline: none; /* Remove outline focus for all elements */
    padding: 5px 0;
}


.plan-details-outer2 {
    border: var(--radio-border-width) solid #c3c3c3;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    outline: none; /* Remove outline focus for all elements */
    padding: 5px 0;
    background-color: #f3f7e6;
    border-color: #81B01C;
}








.container_separator_or {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.content_separator_or {
    padding: 20px;
}

.separator_or {
    padding: 10px;
    color: #5f656d;
    font-weight: bold;
}

/* For larger screens */
@media (min-width: 768px) {



    .offcanvas-offer-details {
        min-width: 650px;
    }



    .container_separator_or {
        flex-direction: row;
    }

    .separator_or::before,
    .separator_or::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #5f656d;
        margin: auto;
    }

    .separator_or {
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .separator_or::before {
            margin-right: 10px;
        }

        .separator_or::after {
            margin-left: 10px;
        }
}


 

.cs_body {
   
}


    .cs_body .cs_row {
        display: flex;
        flex-wrap: wrap; /* Allow wrapping for small screens */
    }


        .cs_body .cs_row .cs_column1 {
            width: 60%;
            box-sizing: border-box; /* Ensure padding and border are included */
        }
        .cs_body .cs_row .cs_column2 {
            width: 40%;
            box-sizing: border-box; /* Ensure padding and border are included */
        }



        .cs_body .cs_row .cs_price, .cs_body .cs_row .cs_price div {
            text-align: right;
        }

             

.cross-sales-offer-price {
    padding-top: 0;
}

.cross-sales-offer-description {
    font-size: 12px;
    color: #666;
    line-height: 1.2;
    padding-top:5px;
}


.cs_op{
    color:#666;
}

@media (max-width: 344px) {
    .cs_body .cs_row .cs_column1 {
        width: 100%;
        box-sizing: border-box; /* Ensure padding and border are included */
    }

    .cs_body .cs_row .cs_column2 {
        width: 100%;
        box-sizing: border-box; /* Ensure padding and border are included */
    }

    .cs_body .cs_row .cs_price, .cs_body .cs_row .cs_price div {
        text-align: center !important;
    }

    .cross-sales-offer-price {
        padding-top: 15px;
    }

    .cross-sales-discount-tag {
        justify-content: center;
        padding-top: 8px;
    }
}


/*
@media (min-width: 344px) {

    .cs_body .cs_desc {
        width: 50%;
        display:inline-block;
    }

    .cs_body .cs_price {
        width: 50%;
        display: inline-block;
    }

}


*/







































































    /* For smaller screens */
    @media (max-width: 767px) {
        .separator_or::before, .separator_or::after {
            content: '';
            flex: 1;
            border-left: 1px solid #5f656d;
            height: 1px;
            margin: auto;
        }

        .separator_or {
            border-left: none;
            display: flex;
            flex-direction: column;
        }

            .separator_or::before {
                margin-bottom: 10px;
            }

            .separator_or::after {
                margin-top: 10px;
            }
    }















    .tabs_seperator1 {
        display: inline-block;
        padding: 1px 7px;
        background-color: #fff;
        position: absolute;
        z-index: 1;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        border: 1px solid var(--theme-border-color);
        border-radius: 50%;
    }


    .border-left {
        border-radius: var(--card-box-radius) 0 0 var(--card-box-radius);
    }

    .border-right {
        border-radius: 0 var(--card-box-radius) var(--card-box-radius) 0;
    }


    .plan-details {
        padding: var(--card-box-padding);
        transition: border-color 0.2s ease-out;
        padding: 0;
        /*text-align: center;*/
        overflow: hidden;
        outline: none; /* Remove outline focus for all elements */
    }

        .plan-details .reg-icon {
            font-size: 2.5rem;
            padding: 15px;
            /*text-align: center;*/
        }


        .plan-details img {
            width: 100%;
            height: auto;
        }

    .card-box:hover .plan-details {
        /*border-color: var(--color-dark-gray);*/
        outline: none; /* Remove outline focus for all elements */
    }

    .radio:checked ~ .plan-details {
        border-color: var(--theme-bg-color);
        outline: none; /* Remove outline focus for all elements */
    }

    .radio:focus ~ .plan-details {
        /*box-shadow: 0 0 0 2px var(--color-dark-gray);*/
    }

    .radio:disabled ~ .plan-details {
        /*color: var(--color-dark-gray);*/
        cursor: default;
        outline: none; /* Remove outline focus for all elements */
    }

        .radio:disabled ~ .plan-details .plan-type {
            /*color: var(--color-dark-gray);*/
        }

    .card-box:hover .radio:disabled ~ .plan-details {
        border-color: var(--bs-gray);
        box-shadow: none;
        outline: none; /* Remove outline focus for all elements */
    }

    .card-box:hover .radio:disabled {
        border-color: var(--bs-gray);
        outline: none; /* Remove outline focus for all elements */
    }



    /*
    .plan-details-outer + .radio:checked{
        border: var(--radio-border-width) solid #000;
    }
*/


    .plan-details-outer:has(.radio:checked) {
        border: var(--radio-border-width) solid var(--theme-border-color) !important;
        border-radius: var(--card-box-radius);
        outline: none; /* Remove outline focus for all elements */
    }











    .hidden-visually {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .pl-40px {
        padding-left: 42px;
    }




    .badge1 {
        padding: 6px;
        line-height: 1;
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        border-radius: var(--card-box-radius);
        border: 1px solid #c3c3c3;
        margin: 5px;
        color: #000;
        font-size: var(--font-size-default);
        font-weight: 400;
        background: #fff;
    }





    .bdage2 {
        padding: 6px;
        line-height: 1;
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        border-radius: var(--card-box-radius);
        border: 1px solid #c3c3c3;
        margin: 5px;
        color: rgb(23 114 57);
        font-size: var(--font-size-default);
        font-weight: 400;
        background-color: rgb(215 248 226);
        border: 1px rgb(215 248 226);
    }

        .bdage2.small {
            font-size: 11px;
            padding: 5px;
        }


    .badge3 {
        border-bottom: dotted 1px #c3c3c3;
        border-radius: 0px;
        width: 100%;
        display: block;
        padding: 5px 1px;
        color: #343a40;
    }


    .discountCounter {
        background-image: url(/img/NationalDayOffer.png);
        background-position: right top;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #fff;
    }



    .flipdown .rotor {
        font-size: 3rem !important;
    }


    .img_countdown {
        max-height: 250px;
        width: auto;
    }




    @media (max-width: 550px) {
    }

    @media (max-width: 768px) {
        .discountCounter {
            background-image: none;
        }

        .flipdown-outer {
            display: inline-block;
        }



        .flipdown .rotor-group {
            padding-right: 15px !important;
        }

            .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
                left: 104px !important;
            }

            .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
                left: 104px !important;
            }

        .flipdown.flipdown__theme-dark {
            font-weight: normal !important;
        }

        .flipdown .rotor {
            width: 30px !important;
        }
    }










    .ms-header {
    }

    .ms-header__title {
        flex: 1 1 100%;
        width: 100%;
    }

    .ms-slider {
        display: inline-block;
        height: 1.6em;
        overflow: hidden;
        vertical-align: middle;
    }

    .ms-slider__words {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-animation-name: wordSlider;
        animation-name: wordSlider;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 15s;
        animation-duration: 15s;
        font-size: 14px;
        font-weight: 600;
    }

    .ms-slider__word {
        display: block;
    }


    @-webkit-keyframes wordSlider {
        0%, 20% {
            transform: translateY(0%);
        }

        21%, 40% {
            transform: translateY(-20%);
        }

        41%, 60% {
            transform: translateY(-40%);
        }

        61%, 85% {
            transform: translateY(-60%);
        }

        86%,100% {
            transform: translateY(-80%);
        }
    }

    @keyframes wordSlider {
        0%, 20% {
            transform: translateY(0%);
        }

        21%, 40% {
            transform: translateY(-20%);
        }

        41%, 60% {
            transform: translateY(-40%);
        }

        61%, 85% {
            transform: translateY(-60%);
        }

        86%,100% {
            transform: translateY(-80%);
        }
    }




    /*  @-webkit-keyframes wordSlider {
        0%, 27% {
            transform: translateY(0%);
        }

        33%, 60% {
            transform: translateY(-35%);
        }

        66%, 93% {
            transform: translateY(-65%);
        }

        100% {
            transform: translateY(-95%);
        }
    }

    @keyframes wordSlider {
        0%, 27% {
            transform: translateY(0%);
        }

        33%, 60% {
            transform: translateY(-35%);
        }

        66%, 93% {
            transform: translateY(-65%);
        }

        100% {
            transform: translateY(-95%);
        }
    }
*/


    .no-bg-efect .list-thumb:before {
        background: none;
    }



    .sm_header_wrap {
        display: flex;
        padding: 5px 15px;
        margin-bottom: 1rem;
        border-bottom: 1px solid rgba(24, 26, 32, 0.07);
    }

        .sm_header_wrap .header_logo {
            height: 40px;
            width: auto;
        }

        .sm_header_wrap .full-width {
            width: 100%;
        }





        .sm_header_wrap .centered {
            display: flex;
            justify-content: center;
        }

        .sm_header_wrap .right_content {
            display: flex;
            justify-content: end;
        }


            .sm_header_wrap .right_content .btn_lang button {
                font-size: 17px;
                font-weight: 500;
                margin-top: 5px;
            }













    .raffle-draw-container {
        background-image: url('/img/raffleDraw_bg1.jpg'); /* Replace with your image URL */
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 500px;
    }

        .raffle-draw-container .form-container {
            /*background: rgba(255, 255, 255, 0.8); /*/
            background: rgb(128 172 25 / 84%);
            padding: 50px;
            border-radius: 0.25rem;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            width: 90%;
            max-width: 400px;
            margin-top: 100px;
            margin-bottom: 100px;
        }

            .raffle-draw-container .form-container .formRD {
                display: flex;
                flex-direction: column;
            }






    .wheel-container {
        margin: 0 auto;
        text-align: center;
    }






    .cash-payment {
        font-size: 12px;
        color: #767676;
        line-height: 16px;
    }


    .pb-8px {
        padding-bottom: 8px;
    }

    .pb-10px {
        padding-bottom: 10px;
    }




    .center {
        text-align: center;
        touch-action: none;
    }

    .arrow-container {
        margin-bottom: -60px;
        z-index: 200;
    }

    .arrow {
        z-index: 200;
    }

    #canvas {
        touch-action: none;
        z-index: -1 !important;
    }
















    /* Flexbox layout for the payment options */
    .payment-options {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        padding: 20px 1px;
    }

    .payment-option {
        display: block;
        position: relative;
        cursor: pointer;
        width: 100%;
    }

    /* Hide the radio button */
    .payment-radio {
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer;
        transform: scale(1.5); /* Enlarge the radio button */

        z-index: 2;
        appearance: none;
        border: 1px solid #808080; /* Blue border when unchecked */
        border-radius: 50%;
        outline: none;
        cursor: pointer;
        width: 12px;
        height: 12px;
    }


        /* Style for checked radio button */
        .payment-radio:checked {
            border: 3px solid blue; /* Blue border when unchecked */
            background-color: #fff; /* Change to green when selected */
            border-color: blue; /* Change border to match background */
        }




    /* Style each payment option content */
    .option-content {
        display: flex;
        flex-direction: column;
        padding: 5px 15px;
        border: 2px solid transparent;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center right;
        border-radius: 10px;
        transition: border-color 0.3s;
        background-color: #fff;
        box-shadow: 0 2px 8px rgb(0 0 0 / 28%); /* Add a slight shadow for depth */
        position: relative; /* Required for positioning radio button inside */
        min-width: 275px;
    }

        .option-content .offer-by {
        }

            .option-content .offer-by .plan-name {
                display: inline;
                vertical-align: text-bottom;
                color: #515151;
                font-weight: bold;
            }

            .option-content .offer-by .plan-logo {
                display: inline;
                vertical-align: middle;
            }

                .option-content .offer-by .plan-logo img {
                    height: 24px;
                    width: auto;
                }


    .plan-price {
        padding-top: 15px;
    }

        .plan-price .price-amt {
            font-weight: bold;
            font-size: 1.5rem;
        }

    .duration {
        font-size: 0.8rem;
    }

    ul.pp-item {
        padding: 0px;
        margin: 0px;
        padding-top: 15px;
    }

        ul.pp-item li {
            color: #515151;
            font-size: 0.8rem;
            margin: 0px 15px;
            list-style-type: circle !important;
        }

    /* Apply border on radio checked */
    .payment-radio:checked + .option-content {
        border-color: blue;
    }


    .bg-theme-months {
        background: #b7cd8c;
        padding: 2px 5px;
        border-radius: 5px;
        font-weight: bold;
    }


    .bg-theme-months-12 {
        background: #ed9e51;
        padding: 2px 5px;
        border-radius: 5px;
        font-weight: bold;
    }


    .pmt-terms-outer {
        max-height: 400px;
        overflow-y: scroll;
        padding: 10px;
        font-size: 12px;
        background: #fff6c9;
    }

    .modal_header_img {
        height: 28px;
        width: auto;
    }


    .pmt_dlg_close a {
        border: 1px solid #000000;
        padding: 5px 12px;
        border-radius: 10px;
    }

    #pmtChceckDiv {
    }


    .divfrmPaymentCheckOut {
        /* font-size: 17px;*/
        padding: 0px;
    }


.checkout_owner_div {
    background: #f7f7f7;
    /*background: #fbfbfb;*/
    /*background: red;*/
    padding: 10px 10px 5px 10px;
    margin-top: -66px;
    border-radius: 10px 10px 0 0;
}

    .full-name-label-checkout {
        font-size: 14px !important;
    }

.checkout_aditional_driver_div {
    background: #f7f7f7;
    /*background: #fbfbfb;*/
    /*background: red;*/
    padding-left: 5px;
    margin-top: -28px;
    border-radius: 0 0 10px 10px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: .3rem;
    margin-top: .3rem !important;
}

    .checkout_aditional_driver_form_div {
        /*margin-top: 10px;*/
    }


    .Omantel-button-Checkout-div {
        align-items: end;
    }


    .pointer {
        cursor: pointer;
    }


.btn-add-driver {
    margin: 0 30px;
}

.payment-input-container {
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
}
/* Style each payment option content */
.payment-input {
    display: flex;
    flex-direction: column;
    padding: 5px 15px;
    border: 2px solid transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    border-radius: 10px;
    transition: border-color 0.3s;
    background-color: #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / 28%); /* Add a slight shadow for depth */
    position: relative; /* Required for positioning radio button inside */
    min-width: 275px;
}

    .payment-input .offer-by {
    }

        .payment-input .offer-by .plan-name {
            display: inline;
            vertical-align: text-bottom;
            color: #515151;
            font-weight: bold;
        }

        .payment-input .offer-by .plan-logo {
            display: inline;
            vertical-align: middle;
        }

            .payment-input .offer-by .plan-logo img {
                height: 24px;
                width: auto;
            }











.custom-upload-container-outer {
    display: flex;
    justify-content: center;
    align-items: center;
}




    .custom-upload-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
        width: 90%;
        max-width: 800px;
    }

    .custom-upload-card {
        position: relative;
        width: 100%;
        height: 200px;
        border: 2px dashed #ccc;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: cover;
        background-position: center;
        cursor: pointer;
    }

    .custom-placeholder {
        color: var(--bs-primary);
        font-size: 16px;
    }

    .custom-spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
        border: 4px solid #ccc;
        border-top: 4px solid var(--ui-theme1);
        border-radius: 50%;
        animation: spin 1s linear infinite;
        display: none;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .custom-delete-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #ff4d4d;
        color: white;
        border: none;
        border-radius: 4px;
        padding: 5px 10px;
        cursor: pointer;
        font-size: 12px;
        display: none;
    }

        .custom-delete-btn:hover {
            background-color: #e63939;
        }

    .custom-card-label {
        position: absolute;
        bottom: 10px;
        left: 10px;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 14px;
    }


    .custom-file-input {
        visibility: hidden;
        position: absolute;
        width: 1px;
        height: 1px;
    }




    .listing-style13 .list-content {
        bottom: 0;
        padding-bottom: 0px;
        padding-right: 60px;
        position: absolute;
        width: 100%;
    }

















.steps {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    overflow-x: auto
}
 

.step:first-of-type .step-circle::before {
    display: none
}



.step-content {
    box-sizing: content-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 5rem;
    min-width: 2rem;
    max-width: 6rem;
    padding-top: .5rem;
    padding-right: 1rem
}

.step-circle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    color: #adb5bd;
    border: 2px solid #adb5bd;
    border-radius: 100%;
    background-color: #fff
}

    .step-circle::before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: -2px;
        width: calc(5rem + 1rem - 1.5rem);
        height: 2px;
        /*transform: translate(-100%,-50%);*/
        color: #adb5bd;
        background-color: currentColor
    }

.step-text {
    color: #adb5bd;
    word-break: break-all;
    margin-top: .25em;
    font-size:14px; 
}

.step-active .step-circle {
    color: #fff;
    background-color: var(--ui-theme1);
    border-color: var(--ui-theme1)
}

    .step-active .step-circle::before {
        color: var(--ui-theme1)
    }

.step-active .step-text {
    color: var(--ui-theme1)
}

.step-error .step-circle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .step-error .step-circle::before {
        color: #dc3545
    }

.step-error .step-text {
    color: #dc3545
}

.step-success .step-circle {
    color: #28a745;
    background-color: #fff;
    border-color: #28a745
}

    .step-success .step-circle::before {
        color: #28a745
    }

.step-success .step-text {
    color: #28a745
}

.step-review-motor {
    width: 100%;
    padding: 0px;
    margin-bottom: 0;
    padding-bottom: 0;
}



.container.review-shell {
    max-width: 760px;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
    padding: clamp(18px,3vw,28px);
}

/* title */
.title-wrap h1 {
    color: var(--heading);
    font-weight: 800;
    letter-spacing: .2px;
    margin: 0 0 .25rem;
}

.title-wrap .name {
    color: var(--brand-green);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.title-wrap p {
    color: var(--muted);
    margin: 0;
    line-height: 1.5;
    font-size: clamp(.9rem,2.4vw,1.05rem);
}

.section {
    margin-top: 22px;
}

.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--heading);
    font-weight: 800;
    font-size: 18px;
    padding: .25rem 0 .75rem;
    border-bottom: 1px solid var(--chip-border);
}

    .section-title .left {
        display: flex;
        align-items: center;
        gap: .5rem;
    }

    .section-title i {
        color: #94a3b8;
    }

/* chip rows */
.chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    background: var(--chip-bg);
    border: 1px solid var(--chip-border);
    border-radius: 14px;
    padding: 8px 10px 8px 8px;
}

    .chip + .chip {
        margin-top: 10px;
    }

    .chip .lead {
        display: flex;
        align-items: center;
        gap: .75rem;
        min-width: 0;
        font-size: 16px;
    }

    .chip .icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        border-radius: 10px;
        border: 1px solid var(--chip-border);
        background: #fff;
        display: grid;
        place-items: center;
        color: var(--brand-blue);
        font-size: 1rem;
    }

    .chip .label {
        color: var(--muted);
        white-space: nowrap;
    }

    .chip .value {
        color: var(--brand-blue);
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .chip .trailing {
        display: flex;
        align-items: center;
        gap: .4rem;
    }

.icon-btn {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--chip-border);
    display: grid;
    place-items: center;
    color: var(--brand-blue);
}

/* policy card */
.policy {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #eef3ff;
    border: 1px solid #dbe3ff;
    border-radius: 14px;
    padding: 14px;
}

    .policy img {
        width: 60px;
        height: 60px;
        object-fit: contain;
        border-radius: 12px;
        background: #fff;
        border: 1px solid #e6e9f7;
    }

    .policy .price {
        margin: 0;
        color: var(--brand-blue);
        font-weight: 800;
    }

    .policy .line {
        margin: 0;
        color: var(--muted);
    }

    .policy .brand {
        margin: 0;
        font-weight: 700;
        color: var(--heading);
    }

/* add-ons */
.addon {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: var(--addon-bg);
    border: 1px solid var(--addon-border);
    border-radius: 14px;
    padding: 14px;
    color: #3a3a3a;
}

    .addon + .addon {
        margin-top: 10px;
    }

    .addon .check {
        width: 20px;
        height: 20px;
        border-radius: 999px;
        background: #fff;
        border: 2px solid var(--addon-icon);
        display: grid;
        place-items: center;
        color: var(--addon-icon);
        font-size: .8rem;
    }

    .addon .check {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .addon .check i {
            line-height: 0;
        }

/* info chips */
.chip-warning {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: var(--warning);
    border: 1px solid var(--chip-border);
    border-radius: 14px;
    padding: 10px 12px;
    color: #7a6b04;
}

/* CTAs */
.cta-primary {
    background: var(--ui-theme1);
    border: 1px solid var(--chip-border);
    /*background: var(--brand-green) !important;*/
    /*border-color: var(--brand-green) !important;*/
    font-weight: 800;
    border-radius: 14px;
    padding: 16px 18px;
    font-size: 16px;
    /*color: #fff;*/
    color: var(--bs-blue);
}

.cta-secondary {
    background: #f3f4f6;
    border: 1px solid var(--chip-border);
    color: #0f172a;
    font-weight: 800;
    border-radius: 14px;
    padding: 16px 18px;
    font-size: 16px;
    /*color: #fff;*/
    color: var(--bs-blue);
}

.BottomButtons {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 10px;
    z-index: 1000;
    margin-bottom: 0 !important; /* override Bootstrap spacing */
    box-shadow: 0 -4px 12px rgba(0,0,0,0.2);
    margin: 0 !important; /* remove any Bootstrap spacing */
}

.cta-primary:hover {
    color: #fff;
}























































































    @media screen and (max-width: 699px) and (min-width: 320px) {
        #canvas {
            width: 70vw;
        }
    }
























    @media (min-width: 768px) {
        .text_small1 {
            font-size: var(--font-size-default)
        }

        .d-none-768-min {
            display: none;
        }

        .d-block-768-min {
            display: block;
        }

        .pmt-options .prem .pay .total-prem, .card-ofr-footer .prem .pay .total-prem {
            border-radius: 0.25rem 0.25rem 0 0;
            padding: 15px 5px;
        }

        .pmt-options .prem .pay .pay-now, .card-ofr-footer .prem .pay .pay-now {
            /*  border-radius: 0 0 0.25rem 0.25rem;
        padding-bottom: 8px;*/
        }

            .pmt-options .prem .pay .pay-now, .card-ofr-footer .prem .pay .pay-now button {
                border-radius: 0 0 0.25rem 0.25rem;
                /* padding-bottom: 8px;*/
            }

        .pmt-options .prem, .card-ofr-footer .prem {
            padding-bottom: 3px;
        }

        .card-ofr .included .covers span {
        }




        .pmt-options .prem .pay:hover .pay-now:after, .card-ofr-footer .prem .pay:hover .pay-now:after {
            border-bottom-color: #1266f1;
        }
    }


    @media (max-width: 768px) {


        .card-ofr-outer2 .card-ofr .card-ofr-inner .card-ofr-body .BasePrice {
            /* left: 0; */
        }


        .hero-title-home {
            text-align: center;
        }

        .cover_outer .cover_code_CAR_REPLACEMENT {
            border-radius: 0rem !important;
        }


        .p-l-r-1px {
            padding-left: 1px !important;
            padding-right: 1px !important;
        }


        .container_insoffers_outer_2 {
/*            padding-left: 0.75rem !important;
            padding-right: 0.75rem !important;*/
        }



        .accordion-button::after {
            width: 1.0rem;
            height: 1.0rem;
            background-size: 1.0rem;
        }

        .accordion-button.btnViewMore {
            top: -11px;
            background: #d7dbff85;
        }

        .plateNo_inMobile {
            font-size: 1.5rem;
            padding: 5px;
        }


        .pt-15-max-w-768 {
            margin-top: 15px;
        }

        .pt-30-max-w-768 {
            margin-top: 30px;
        }



        /* .pmt-options .prem .pay .total-prem .amount, .card-ofr-footer .prem .pay .total-prem .amount {
        font-size: 20px;
        line-height: 45px;
    }*/


        /*
    .pay-now:before {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 8px);
        bottom: 100%;
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-right-color: #1266f1;
        left: -18px;
    }

    .pay-now:after {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 8px);
        bottom: 100%;
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-right-color: #fff;
        left: -17px;
    }*/





        .pmt-options .prem .pay:hover .pay-now:after, .card-ofr-footer .prem .pay:hover .pay-now:after {
            border-right-color: #1266f1;
        }
    }



    @media (min-width: 576px) {

        .card-ofr .cover_img img {
            max-width: 130px !important;
        }
    }



    @media (max-width: 576px) {
    }


    @media (max-width: 767.98px) {


        .border_radius_sm_0 {
            border-radius: 0px;
        }

        .btns-buy-outer {
            width: 100%; /*49.4%;*/
        }

            .btns-buy-outer .btn {
                width: 100%;
            }
    }