body {
    /*  font-family: 'Poppins', sans-serif;*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 1);
    font-family: Lama Sans;
    font-style: normal;
    font-weight: normal;
   /* background: linear-gradient(155deg, #85113c, #740832, #941845);*/
}
/*.privacy-info-box {
    background-color: #fcf6f6 !important;
    border-left: 4px solid #590b25 !important;*/ /* Matches your blockquote color */
    /*border-radius: 4px;
    padding: 12px;
    margin-top: 5px;
}*/
.privacy-info-box {
    min-height: 48px; /* Matches the height of your input fields */
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    /* On mobile, stack them for better readability */
    .col-7, .col-5 {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .privacy-info-box {
        margin-top: 10px;
    }
}
    .privacy-info-box i {
        color: #590b25 !important;
    }

    .privacy-info-box span {
        font-size: 11px !important;
        color: #444 !important;
        font-weight: 500;
    }
.swal2-cancel {
    margin: 20px;
}
/* Date picker Style*/
/* Base styles (for desktop/web) */
.datepicker-days {
    border: none !important;
    border-radius: 16px;
    padding: 32px 32px 24px;
}

.datepicker .datepicker-switch,
.datepicker tfoot tr th {
    cursor: pointer;
    border: 1px solid rgba(82, 108, 130, .2);
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    line-height: 24px;
    padding: 8px 16px;
    transition: .2s;
    width: auto;
}

.datepicker-dropdown.dropdown-menu {
    box-shadow: rgba(33, 14, 86, 0.07) 0px 7px 40px !important;
    border: none !important;
}

.dropdown-menu {
    padding: 0px;
    overflow: hidden;
    box-shadow: rgba(33, 14, 86, 0.07) 0px 7px 40px;
    border: none !important;
}

.datepicker td,
.datepicker th {
    font-size: 12px;
    padding: 6px;
    align-items: center;
    border-radius: 12px;
    height: 38px;
    justify-content: center;
    text-align: center;
    width: 48px;
    border: none !important;
}

.datepicker table tr td.active,
.datepicker table tr td span.active {
    background-image: linear-gradient(to bottom, #912427, #85113c) !important;
}

.datepicker table tr td span:hover,
.datepicker table td:hover,
.datepicker table th:hover {
    background: #fff !important;
    color: #85113c !important;
    box-shadow: 0 0 0 3px rgba(89, 11, 37, 0.15) !important;
}

.datepicker .datepicker-switch {
    width: 145px;
}

.car-value-tooltip {
    background: #f2f2f2;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    padding: 0px;
    width: 28px;
    height: 28px;
    min-width: 28px;
    margin-left: 6px;
    color: gray;
}

.sub-dropdown .dropdown-menu {
    display: none;
    top: 0px;
    right: 100%;
}

.sub-dropdown:hover .dropdown-menu {
    display: block !important;
}

.dropdown-menu.show:has(.sub-dropdown) {
    overflow: visible !important;
}

.display-details {
    display: block;
    padding: 5px;
    font-size: medium;
}

@media (max-width: 576px) {
    .datepicker-days {
        padding: 16px 16px 12px !important;
        border-radius: 12px;
    }

    .datepicker .datepicker-switch,
    .datepicker tfoot tr th {
        font-size: 14px !important;
        height: 32px !important;
        line-height: 20px !important;
        padding: 6px 12px !important;
        border-radius: 8px !important;
    }

    .datepicker td,
    .datepicker th {
        font-size: 11px !important;
        height: 32px !important;
        width: 36px !important;
        padding: 4px !important;
        border-radius: 8px !important;
    }

    .datepicker .datepicker-switch {
        width: 110px !important;
    }
}


/************************************************
	************************************************
					4. Loading CSS
	************************************************
************************************************/

@media(max-width:768px) {
    .motor_section_banner img {
        width: auto;
        height: auto;
        max-width: 130% !important;
        overflow: hidden;
    }

    .motor_section_banner {
        height: 200px !important;
        top: 1% !important;
    }

    .mtr_banner_stiky_1 {
        width: 100px !important;
    }

    .mtr_banner_stiky_1_img img {
        width: 20px !important;
    }

    .mtr_banner_stiky_1_img {
        margin-bottom: 2px;
    }

    .get_qoute_sec_bannerdown {
        max-width: 600px;
        height: auto;
        max-height: 200px;
        position: absolute;
        right: 4% !important;
        left: 5% !important;
        top: 90% !important;
        border-radius: 15px;
        display: flex;
    }
}

.zoom-in-out-box {
    animation: zoom-in-zoom-out 4s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

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

#loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    /*background: rgba(0, 0, 0, 0.9);*/
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    #loading-wrapper .spinner-border {
        width: 10rem;
        height: 10rem;
        color: #85113c;
        border-width: .25rem;
    }

    #loading-wrapper .loading-messsage {
        font-size: 1.2rem;
        margin: 15px auto;
        color: #ffffff;
        text-transform: uppercase;
    }

        #loading-wrapper .loading-messsage span {
            -webkit-animation: loading 1.4s infinite alternate;
            animation: loading 1.4s infinite alternate;
        }

            #loading-wrapper .loading-messsage span:nth-child(1) {
                -webkit-animation-delay: 0s;
                animation-delay: 0s;
            }

            #loading-wrapper .loading-messsage span:nth-child(2) {
                -webkit-animation-delay: 0.1s;
                animation-delay: 0.1s;
            }

            #loading-wrapper .loading-messsage span:nth-child(3) {
                -webkit-animation-delay: 0.2s;
                animation-delay: 0.2s;
            }

            #loading-wrapper .loading-messsage span:nth-child(4) {
                -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
            }

            #loading-wrapper .loading-messsage span:nth-child(5) {
                -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s;
            }

            #loading-wrapper .loading-messsage span:nth-child(6) {
                -webkit-animation-delay: 0.5s;
                animation-delay: 0.5s;
            }

            #loading-wrapper .loading-messsage span:nth-child(7) {
                -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s;
            }

@-webkit-keyframes loading {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loading {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@media(max-width:1530px) {
    .get_qoute_sec_banner_qte_icos {
        min-height: 40px !important;
        max-height: 65px !important;
    }

    .get_qoute_sec_banner {
        width: 100% !important;
        top: 7% !important;
    }

    .get_qoute_sec_bannerdown {
        max-width: 600px;
        height: auto;
        max-height: 200px;
        position: absolute;
        right: 4%;
        left: 50%;
        top: 80%;
        border-radius: 15px;
        display: flex;
    }
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa-Bold.woff2') format('woff2'), url('../fonts/Nexa-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NexaRegular';
    src: url('../fonts/NexaRegular.woff2') format('woff2'), url('../fonts/NexaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.zoom:hover {
    transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom1:hover {
    transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



.sticky {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 1s ease-in-out;
}

.get_qoute_sec_bannerdown {
    max-width: 600px;
    height: auto;
    max-height: 200px;
    position: absolute;
    right: 4%;
    left: 70%;
    top: 80%;
    border-radius: 15px;
    display: flex;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: smoothScroll 1s forwards;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0px 0px 10px #f3f3f3;
}

.maintop_header {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 3px;
    background-color: #85113c;
}

    .maintop_header .navbar-light .navbar-nav .nav-link {
        color: #fff;
        font-size: 14px;
        padding: 0 20px;
    }

        .maintop_header .navbar-light .navbar-nav .nav-link:hover {
            color: #85113c;
        }

    .maintop_header .navbar-light .navbar-nav .nav-item:last-child .nav-link {
        border-right: 0
    }

    .maintop_header .dropdown-toggle::after {
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        border: 0;
        position: relative;
        top: 3px
    }

    .maintop_header .dropdown-item {
        font-size: 12px;
    }

.sec_header_box {
    width: 100%;
    height: auto;
    float: left;
    background-color: #fff;
    padding: 10px 0;
}

.top_right_sec {
    gap: 20px;
}

.lang_ico_btn {
    width: 23px;
    height: 28px;
    line-height: 8px;
    background-color: #85113c;
    float: left;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    transition: 0.2s ease;
}

    .lang_ico_btn:hover {
        background-color: #6C6C6C;
    }

.sec_header_box .navbar-light .navbar-nav .nav-link {
    color: #85113c;
    font-size: 17px;
    padding: 0 15px;
}

    .sec_header_box .navbar-light .navbar-nav .nav-link:hover {
        color: #000;
    }

.main_header_sec {
    width: 100%;
    height: auto;
    float: left;
    box-shadow: 0px 1px 18px rgb(0 0 0 / 10%);
}

.header_callbtn {
    width: auto;
    float: right;
    padding: 5px 20px;
    background-color: #85113c;
    color: #fff;
    font-size: 13px;
    border-radius: 30px;
    min-width: 125px;
    transition: 0.2s ease;
    line-height: 22px;
}

    .header_callbtn:hover {
        background-color: #85113c;
    }

.header_mailbtn {
    width: auto;
    float: right;
    padding: 5px 20px;
    background-color: #85113c;
    color: #fff;
    font-size: 13px;
    border-radius: 30px;
    min-width: 125px;
    transition: 0.2s ease;
    line-height: 22px;
}

    .header_mailbtn:hover {
        background-color: #85113c;
    }

.main_logo {
    width: 100%;
    height: auto;
    float: left;
}

    .main_logo img {
        max-width: 200px;
    }

.banner_section {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0;
    background-image: url(../images/banner_bg.jpg);
    background-size: cover;
}

.lang_ico {
    width: 30px;
    float: right;
    height: 30px;
}

.banner_slide_box {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px;
    padding-bottom: 10px;
    background-color: #FAF5E6;
    border-radius: 30px;
}

.banner_txt_bx {
    width: 100%;
    height: auto;
    float: left;
}

    .banner_txt_bx h1 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 50px;
        color: #242424;
        margin-bottom: 10px;
        font-weight: bold;
    }

        .banner_txt_bx h1 span {
            width: 100%;
            height: auto;
            float: left;
            font-size: 30px;
        }

    .banner_txt_bx p {
        width: 100%;
        height: auto;
        float: left;
        font-size: 16px;
        line-height: 28px;
        color: #242424;
        margin-bottom: 10px;
    }

.banner_txt_bx_btn {
    width: auto;
    float: left;
    padding: 10px 20px;
    background-color: #85113c;
    color: #fff;
    font-size: 15px;
    border-radius: 30px;
    transition: 0.2s ease;
    margin-top: 10px;
}

    .banner_txt_bx_btn:hover {
        background-color: #85113c;
    }

.banner_img {
    width: 100%;
    height: auto;
    float: left;
}

    .banner_img img {
        width: 100%;
    }

.owl-dots {
    text-align: center;
    padding-top: 15px;
}

    .owl-dots button.owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        background: #6C6C6C;
        margin: 0 3px;
    }

        .owl-dots button.owl-dot.active {
            background-color: #85113c;
            width: 10px;
            height: 10px;
        }

        .owl-dots button.owl-dot:focus {
            outline: none;
        }

.insurance_plan_box {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0;
}

.insrn_ftr_bx {
    width: 80%;
    height: auto;
    float: left;
    padding: 40px 30px;
    border-radius: 30px;
    margin-bottom: 10px;
    background-color: #85113c;
    transition: 0.2s ease;
    cursor: pointer;
}

    .insrn_ftr_bx:hover {
        background-color: #85113c;
    }

.insrn_ftr_bx_ico {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

    .insrn_ftr_bx_ico img {
        height: 60px;
    }

.insrn_ftr_bx_head {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}

    .insrn_ftr_bx_head h3 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
    }

.insrn_ftr_bx_cnt {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    color: #242424;
}

.insrn_ftr_bx_row {
    width: 100%;
    height: auto;
    float: left;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit,minmax(18%,1fr));
}

.home_main_contant_area_1 {
    width: 100%;
    height: auto;
    float: left;
}

.home_main_area_1_contnt {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    padding-left: 70px;
}

    .home_main_area_1_contnt::after {
        width: 40px;
        height: 340px;
        position: absolute;
        left: 0;
        top: -80px;
        content: '';
        background-size: 100%;
        background-image: url(../images/contnt_lft_img.png);
    }

    .home_main_area_1_contnt h2 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 40px;
        color: #242424;
        font-weight: bold;
    }

    .home_main_area_1_contnt p {
        width: 100%;
        height: auto;
        float: left;
        font-size: 15px;
        color: #242424;
    }

.home_main_area_1_image {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

    .home_main_area_1_image img {
        max-width: 100%;
    }

.home_main_area_1_image_btm_txt {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 15px;
    color: #242424;
    margin-top: 10px;
}

.home_help_section {
    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0;
}

.home_help_section_head {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 10px;
    position: relative;
    margin-bottom: 50px;
}

    .home_help_section_head h2 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 35px;
        color: #242424;
        margin-bottom: 20px;
        text-align: center;
        font-weight: bold;
    }

    .home_help_section_head:before {
        width: 25%;
        height: 2px;
        background-color: #85113c;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0px;
    }

.home_help_section_cnt {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
}

.home_help_section_box {
    padding: 30px 20px;
    flex: auto;
}

.help_section_1 {
    background: #82181b; /* Old browsers */
    background: -moz-linear-gradient(left, #82181b 0%, #ce7678 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #82181b 0%,#ce7678 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #82181b 0%,#ce7678 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82181b', endColorstr='#ce7678',GradientType=1 );
    cursor: pointer;
    transition: 0.2s ease;
}

    .help_section_1:hover {
        background: #CFA531;
    }

.home_help_section_box_head {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

    .home_help_section_box_head span {
        width: 100%;
        height: auto;
        float: left;
        font-size: 15px;
        color: #fff;
    }

    .home_help_section_box_head h5 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 22px;
        color: #fff;
        margin-top: 10px;
    }

.home_help_section_box_ico {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

    .home_help_section_box_ico img {
        max-width: 80px;
    }

.home_help_section_box_img {
    width: 100%;
    height: auto;
    float: left;
}

    .home_help_section_box_img img {
        width: 100%;
        max-width: 200px;
    }

.submit_claim_section {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    background-image: url(../images/claim_bg.jpg);
    background-size: cover;
    padding: 100px 0;
}

.submit_claim_section_head {
    width: 100%;
    float: left;
    padding: 0 10px;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

    .submit_claim_section_head span {
        width: 100%;
        float: left;
        font-size: 32px;
    }

.submit_claim_section_btn {
    width: auto;
    float: left;
    padding: 10px 20px;
    background-color: #242424;
    color: #fff;
    font-size: 15px;
    border-radius: 30px;
    transition: 0.2s ease;
    line-height: 25px;
}

    .submit_claim_section_btn:hover {
        background-color: #CFA531;
    }

.our_spcial_section {
    width: 100%;
    height: auto;
    float: left;
    background-image: url(../images/ftr_bg.jpg);
    background-size: cover;
    padding: 50px 0;
}

.our_spcial_section_cnt {
    width: 100%;
    height: auto;
    float: left;
    max-width: 300px;
}

    .our_spcial_section_cnt h3 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 34px;
        color: #242424;
    }

.our_spcial_count_bx {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    color: #D2AA3A;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}

.our_spcial_count_bx_cnt {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    font-weight: lighter;
    color: #242424;
}

.app_view_section {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0;
    background-color: #f3f3f3;
}

.app_view_section_img {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

    .app_view_section_img img {
        max-width: 60%;
    }

.app_view_section_contant {
    width: 100%;
    height: auto;
    float: left;
}

    .app_view_section_contant h5 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 34px;
        color: #242424;
        margin-bottom: 20px;
        max-width: 350px;
        position: relative;
    }

        .app_view_section_contant h5:before {
            width: 150px;
            height: 2px;
            background-color: #85113c;
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: -10px;
        }

.app_view_section_btn_row {
    width: 100%;
    height: auto;
    float: left;
    gap: 10px;
    display: flex;
    margin-top: 20px;
}

.app_view_section_btn {
    width: 150px;
    height: 40px;
    display: inline-block;
    color: #242424;
}

    .app_view_section_btn img {
        height: 40px;
        transition: 0.2s ease;
    }

    .app_view_section_btn:hover img {
        transform: scale(1.1);
    }

.home_news_section {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0;
}

.home_news_section_head {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

    .home_news_section_head h2 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 35px;
        color: #242424;
        margin-bottom: 20px;
        text-align: center;
        font-weight: bold;
    }

    .home_news_section_head:before {
        width: 250px;
        height: 2px;
        background-color: #85113c;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0px;
    }

    .home_news_section_head span {
        position: relative;
    }

        .home_news_section_head span:before {
            width: 250px;
            height: 2px;
            background-color: #85113c;
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 0px;
        }

#newsslide {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.home_news_section_box {
    width: 90%;
    height: auto;
    float: left;
    box-shadow: 0px 0px 10px #e5e5e5;
    margin: 30px 0;
    /* min-height: 400px; */
    cursor: pointer;
    transition: 0.2s ease;
    position: relative;
    border-radius: 20px;
}

    .home_news_section_box:hover {
        box-shadow: 10px 10px 20px #e1e1e1;
        transform: translateY(-10px);
    }

.home_news_section_boximg {
    width: 100%;
    height: auto;
    float: left;
}

    .home_news_section_boximg img {
        width: 100%;
    }

.home_news_section_box_cnt {
    width: 100%;
    height: 100%;
    float: left;
    font-size: 14px;
    color: #ffffff;
    margin-top: 20px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    padding: 20px;
    flex-wrap: wrap;
    display: flex;
    align-items: baseline;
    justify-content: end;
    background: rgb(127,21,24);
    background: linear-gradient(0deg, rgba(127,21,24,1) 31%, rgba(127,21,24,0) 100%);
    flex-direction: column;
}

    .home_news_section_box_cnt strong {
        width: 100%;
        height: auto;
        float: left;
        font-size: 18px;
    }

    .home_news_section_box_cnt span {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 10px;
        font-size: 12px;
        opacity: 0.7;
    }

        .home_news_section_box_cnt span div {
            float: right;
        }

    .home_news_section_box_cnt a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        margin-top: 5px;
        font-weight: 500;
    }

.testimonial_sec {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0;
}

.home_new_box_deate {
    width: 150px;
    height: 30px;
    background-color: #85113c;
    position: absolute;
    right: -20px;
    top: 30px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    z-index: 9;
}

.testimonial_box {
    width: 80%;
    height: auto;
    padding: 20px;
    background: rgb(133,28,31);
    background: linear-gradient(90deg, rgba(133,28,31,1) 0%, rgba(168,71,74,1) 97%);
    border-radius: 30px;
    display: inline-block;
    position: relative;
    margin-top: 50px;
    padding-top: 60px;
}

    .testimonial_box:before {
        content: '';
        width: 80px;
        height: 80px;
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 500px;
        line-height: 370px;
        text-align: center;
        font-weight: 200;
        background-image: url(../images/qte.svg);
        background-size: 80px;
    }

#newsslide .owl-dots button.owl-dot.active {
    background-color: #fff;
    border: solid 1px #242424;
}

.testimonial_box .owl-dots button.owl-dot {
    background-color: #fff;
}

    .testimonial_box .owl-dots button.owl-dot.active {
        background-color: #85113c;
    }

.testimonial_sec .home_main_area_1_contnt::after {
    display: none;
}

.testimonial_sec .home_main_area_1_contnt {
    padding: 0;
}

.testimonial_box_contant {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 60px;
}

.testimonial_box_contant_src {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

.testimonial_box_contant_review {
    width: 100%;
    height: auto;
    display: inline-block;
    ;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}

#testimonial {
    width: 100%;
    height: auto;
    float: left;
}

.testimonial_box_contant_review_name {
    width: auto;
    height: auto;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    position: relative;
}

    .testimonial_box_contant_review_name:before {
        content: '';
        width: 20px;
        height: 2px;
        background-color: #fff;
        float: left;
        margin-right: 10px;
        margin-top: 13px;
    }

    .testimonial_box_contant_review_name:after {
        content: '';
        width: 20px;
        height: 2px;
        background-color: #fff;
        float: right;
        margin-top: 13px;
        margin-left: 10px;
    }

#newsslide .owl-nav.disabled {
    display: block !important;
}

#newsslide .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    top: 40%;
}

#newsslide .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    top: 40%;
}

.footer_top_sec {
    width: 100%;
    height: auto;
    float: left;
    background-color: #85113c;
    padding: 10px 0;
    margin-top: 0px;
}

.footer_top_cnt_1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #fff;
}

.footer_top_cnt_2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #fff;
    text-align: right;
}

    .footer_top_cnt_2 a {
        color: #fff;
        text-decoration: none;
    }

.footer_section {
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0;
}

.footer_left_link_box {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    color: #242424;
}

    .footer_left_link_box a {
        color: #242424;
        text-decoration: none;
        transition: 0.2s ease;
    }

        .footer_left_link_box a:hover {
            color: #85113c;
        }

    .footer_left_link_box ul {
        padding: 0;
    }

    .footer_left_link_box li {
        list-style: none;
        line-height: 30px;
    }

.footer_left_link_box_head {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    color: #851C1F;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer_right_box {
    width: 100%;
    height: auto;
    float: left;
}

.footer_right_box_1 {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.footer_stay_updatd_input {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

    .footer_stay_updatd_input input {
        width: 100%;
        height: 40px;
        float: left;
        border: 0;
        border-bottom: 1px #ccc solid;
        padding-right: 30px;
    }

.footer_stay_updatd_input_sub_btn {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 22px;
    transition: 0.2s ease;
    cursor: pointer;
}

    .footer_stay_updatd_input_sub_btn:hover {
        color: #7E1316;
    }

.footer_stay_connect_dv {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    gap: 10px;
}

.footer_stay_connect_ico {
    width: 30px;
    height: 30px;
    font-size: 24px;
    color: #242424;
}

    .footer_stay_connect_ico .fa-facebook {
        color: #1773ea
    }

    .footer_stay_connect_ico .fa-instagram {
        background: -webkit-linear-gradient(-45deg, rgba(254,213,26,1) 0%,rgba(254,89,98,1) 30%,rgba(209,20,166,1) 60%,rgba(144,0,220,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .footer_stay_connect_ico .fa-linkedin {
        color: #0c64c5
    }

.footer_stay_updatd_input a {
    color: #242424;
    transition: 0.2s ease;
}

.footer_stay_connect_ico:hover {
    color: #7E1316;
}

.footer_whatsapp_btn {
    width: auto;
    height: auto;
    float: left;
    padding: 10px 30px;
    background-color: #67D449;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    margin-top: 10px;
    transition: 0.2s ease;
}

    .footer_whatsapp_btn:hover {
        background-color: #85113c;
    }

.footer_copy_right {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0;
    background-color: #242424;
}

    .footer_copy_right p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 0;
    }

    .footer_copy_right a {
        color: #fff;
        font-size: 14px;
        padding-right: 5px;
        margin-right: 5px;
        border-right: solid 1px #ccc;
        text-decoration: none;
    }

        .footer_copy_right a:last-child {
            border: 0;
            padding-right: 0;
            margin-right: 0;
        }


/*********************************************/


.inner_main_banner_section {
    width: 100%;
    height: auto;
    float: left;
    background-color: #e1c06738;
    padding: 50px 0;
    overflow: hidden;
}

.inner_banner_cnt {
    width: 100%;
    height: auto;
    float: left;
}

    .inner_banner_cnt h1 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 50px;
        color: #242424;
        margin-bottom: 15px;
        font-weight: bold;
    }

        .inner_banner_cnt h1 span {
            width: 100%;
            height: auto;
            float: left;
            font-size: 30px;
        }

    .inner_banner_cnt ul {
        padding-left: 0;
    }

    .inner_banner_cnt li {
        list-style: none;
        width: 100%;
        float: left;
        position: relative;
        padding-left: 30px;
        margin-bottom: 5px;
    }

    .inner_banner_cnt .inner_banner_list_ico {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0;
        top: 0;
    }

        .inner_banner_cnt .inner_banner_list_ico img {
            width: 20px;
        }

    .inner_banner_cnt li p {
        width: 100%;
        height: auto;
        float: left;
        font-size: 16px;
        color: #242424;
    }

.container_inn_banner {
    width: 84%;
    height: auto;
    float: right;
    margin-left: 15%;
}

.inner_banner_right_img {
    width: 100%;
    height: auto;
    float: left;
}

.inner_banner_btm_btns {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
}

.inner_banner_btm_buttons {
    width: auto;
    float: left;
    margin-right: 10px;
    padding: 10px 20px;
    background-color: #85113c;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    transition: 00.2s ease;
}

    .inner_banner_btm_buttons img {
        width: 15px;
        position: relative;
        top: -2px;
        right: -2px;
    }

.inner_banner_btm_btns a:first-child .inner_banner_btm_buttons {
    background-color: #85113c;
}

.inner_banner_btm_buttons:hover {
    background-color: #242424 !important;
}

.insurance_packge_sec {
    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0;
    background: linear-gradient(90deg, rgba(133,28,31,1) 0%, rgba(168,71,74,1) 97%);
}

.insurance_packge_cnt_area h2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 35px;
    position: relative;
    color: #242424;
    font-weight: bold;
}

    .insurance_packge_cnt_area h2:before {
        /*content: '';*/
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 100px;
        height: 2px;
        background-color: #242424;
    }

.insurance_packge_cnt_area p {
    width: 100%;
    height: auto;
    float: left;
    color: #242424;
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
}

.insurance_packge_cnt_area a {
    float: left;
    color: #85113c;
    font-size: 14px;
    margin-top: 15px;
    text-decoration: none;
}

.insurance_packge_box {
    width: 100%;
    height: auto;
    max-width: 800px;
    margin: auto;
    /*float: left;
    padding:30px 15px;
  background: rgb(133,28,31);*/
    text-align: center;
    border-radius: 10px;
    transition: 0.2s ease;
}
/*.insurance_packge_box:hover{background: #CFA531;}*/
.insurance_packge_box_head {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}

.insurance_packge_box_list {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}

.insurance_packge_box_list_ar {
    width: 100%;
    height: auto;
    float: right;
    margin-top: 10px;
}

    .insurance_packge_box_list_ar li {
        width: 50%;
        position: relative;
        padding-right: 30px;
        color: #fff;
        font-size: 14px;
        list-style: none;
        margin-bottom: 15px;
        text-align: right;
    }

.insurance_packge_box_list ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.insurance_packge_box_list li {
    width: 50%;
    position: relative;
    padding-left: 30px;
    color: #fff;
    font-size: 14px;
    list-style: none;
    margin-bottom: 15px;
    text-align: left;
}

    .insurance_packge_box_list li::before {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: -1px;
        background-color: #fff;
        color: #242424;
        border-radius: 30px;
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        content: "\f00c";
        text-align: center;
    }

    .insurance_packge_box_list li.cross_lst::before {
        content: "\f00d";
    }

.insurance_packge_box_list p {
    text-align: center;
    margin-bottom: 20px
}

.insurance_packge_box_list_ar li::before {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: -1px;
    background-color: #fff;
    color: #242424;
    border-radius: 30px;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f00c";
    text-align: center;
}

.insurance_packge_box_list_ar li.cross_lst::before {
    content: "\f00d";
}

.insurance_packge_box_list_ar p {
    text-align: center;
    margin-bottom: 20px
}

.keybenefit_section {
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0;
}

.keybenefit_box {
    width: 100%;
    height: 100%;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    transition: all 0.5s ease;
    box-shadow: 0 3px 6px rgba(0 0 0 / 0.16);
    border-radius: 10px;
}

    .keybenefit_box:hover {
        background: #85113c;
    }

    .keybenefit_box img {
        width: 100%;
    }

.keybenefit_box_contant {
    /*width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;*/
}

.keybenefit_box_contant_box {
    /*height: auto;
  float: left;
  position: absolute;
  bottom: 30px;
  left: 20px;
  right:20px*/
    padding: 20px;
}

.keybenefit_box_contant_box_contant {
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #212529;
    margin-bottom: 15px;
    line-height: 24px;
    transition: all 0.5s ease;
}

.keybenefit_box:hover .keybenefit_box_contant_box_contant {
    color: #fff
}

.keybenefit_box_contant_box_ico {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    display: none;
}

    .keybenefit_box_contant_box_ico img {
        max-width: 60px;
    }

.keybenefit_section .item {
    padding: 5px
}

.keybenefit_section .active {
    background-color: #fff;
}

.keybenefit_box_contant_box_hover_cnt {
    width: 100%;
    height: 100%;
    background-color: #85113c;
    padding: 10px;
    position: absolute;
    top: -500px;
    left: 0;
    transition: 0.2s ease;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .keybenefit_box_contant_box_hover_cnt .keybenefit_box_contant_box_contant {
        color: #fff;
    }

.keybenefit_box_contant_box_hover_cnt_src {
    width: 100%;
    height: auto;
    float: left;
}

.keybenefit_box_contant_box_desc {
    width: 100%;
    height: auto;
    font-size: 17px;
    color: #212529;
    line-height: 25px;
    transition: all 0.5s ease;
}

.keybenefit_box:hover .keybenefit_box_contant_box_desc {
    color: #fff
}

.keybenefit_box:hover .keybenefit_box_contant_box_hover_cnt {
    top: 0;
}

.key_benefit_head {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

    .key_benefit_head h2 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 35px;
        position: relative;
        color: #242424;
        font-weight: bold;
    }

        .key_benefit_head h2:before {
            /*content: '';*/
            position: absolute;
            left: 0;
            bottom: -10px;
            width: 100px;
            height: 2px;
            background-color: #242424;
        }

.quote_sec {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 50px;
    margin-bottom: 20px;
}

.quote_sec_cnt {
    width: 100%;
    height: auto;
    float: left;
}

.quote_sec_head {
    width: 100%;
    height: 100%;
    float: left;
    padding-right: 10px;
    border-right: 1px #85113c solid;
    font-weight: bold;
}

    .quote_sec_head h3 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 25px;
        position: relative;
        color: #242424;
        font-weight: bold;
    }

.quote_sec_cnt p {
    width: 100%;
    height: auto;
    float: left;
    color: #242424;
    font-size: 15px;
    line-height: 25px;
}

.inner_main_banner_child {
    max-width: calc(100vw - 20px);
    width: 100%;
    float: left;
}

    .inner_main_banner_child .row {
        width: 70vw;
        transform: translateX(30px);
    }

.video_section {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0;
}

.video_section_view {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .video_section_view img {
        width: 100%;
    }

.video_section_ico {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 9;
    border-radius: 50px;
}

    .video_section_ico video {
        width: 100%;
    }

.video_section_view:hover .video_section_ico {
    background-color: #7E1316;
    color: #fff;
}

.howto_claim_sec .key_benefit_head {
    margin-bottom: 50px;
}

.howto_claim_sec {
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0;
    background-image: url(../images/how_claim_bg.jpg);
    background-size: cover;
}

.howto_claim_sec_box {
    width: 90%;
    height: 96%;
    float: left;
    padding: 40px 20px;
    border-radius: 30px;
    background-color: transparent;
    border: solid 2px #871E21;
    margin-bottom: 10px;
    position: relative;
}

.howto_claim_sec_box_num {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 30px;
    top: -20px;
    background-color: #871E21;
    border-radius: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
}

.howto_claim_sec_box_head {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    color: #242424;
    font-weight: bold;
    margin-bottom: 10px;
}

.howto_claim_sec_box_cnt {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    color: #242424;
    margin-top: 10px;
}

.datepicker td, .datepicker th {
    font-size: 12px;
    padding: 6px;
}

.howto_claim_sec_box_contant {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    color: #242424;
    margin-top: 10px;
}

.howto_claim_sec_box_contant_ar {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    color: #242424;
    margin-top: 10px;
}

.howto_claim_sec_box_contant ul {
    margin-top: 15px;
}

.howto_claim_sec_box_contant_ar ul li {
    list-style: initial;
}

.howto_claim_sec_box_contant ul li {
    list-style: none;
    position: relative;
}

    .howto_claim_sec_box_contant ul li::before {
        width: 7px;
        height: 7px;
        background-color: #85113c;
        border-radius: 30px;
        content: '';
        position: absolute;
        left: -28px;
        top: 7px;
    }

.actv_faq a {
    color: #85113c !important;
    font-weight: bold;
}

.faq_view_sec {
    width: 100%;
    height: auto;
    padding: 40px 0;
    background-color: #f8f9fa;
}

.faq_view_cnt_sec {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.faq_view_cnt_left_mn {
    width: 100%;
    height: auto;
}

    .faq_view_cnt_left_mn ul {
        padding: 0;
    }

    .faq_view_cnt_left_mn li {
        list-style: none;
        width: 100%;
        float: left;
        line-height: 25px;
        margin-bottom: 10px;
    }

        .faq_view_cnt_left_mn li a {
            color: #242424;
            font-size: 15px;
            text-decoration: none;
            transition: 0.2s ease;
        }

            .faq_view_cnt_left_mn li a:hover {
                color: #7E1316;
            }

.faq_view_right_sec {
    width: 100%;
    height: auto;
    float: left;
}

.insurance_packge_cnt_area {
    width: 100%;
    height: auto;
    float: left;
}

.faq_view_right_box {
    width: 100%;
    height: 90%;
    float: left;
    padding: 20px 10px;
    border-radius: 20px;
    background-color: #e3e3e383;
    margin-bottom: 20px;
    transition: 0.2s ease;
}

    .faq_view_right_box:hover {
        background-color: #fff;
    }

.faq_view_right_box_head {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    color: #85113c;
    margin-bottom: 15px;
    line-height: 25px;
    font-weight: bold;
}

.faq_view_right_box_cnt {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #242424;
}

.download_sec_view {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0;
}

.download_sec_box {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    background-color: #85113c;
    border-radius: 20px;
    padding: 20px 30px;
}

.download_sec_box_cnt {
    width: auto;
    flex: auto;
}

.download_sec_box_cnt_head {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    position: relative;
    color: #fff;
    padding-left: 45px;
    font-weight: 700;
}

    .download_sec_box_cnt_head a {
        color: #fff;
        text-decoration: none;
    }

.download_sec_box_cnt_head_ico {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 10px;
}

    .download_sec_box_cnt_head_ico img {
        width: 100%;
    }

.insurance_dtl_ent_box {
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0;
}

.insurance_dtl_ent_box_head {
    width: 100%;
    height: auto;
    float: left;
    font-size: 40px;
    font-weight: bold;
    position: relative;
    color: #85113c;
    text-align: center;
    margin-bottom: 60px;
}

.insurance_dtl_ent_box_head1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 40px;
    font-weight: bold;
    position: relative;
    color: #85113c;
    text-align: left;
    margin-bottom: 60px;
}

.insurance_dtl_ent_box_head::before {
    width: 20%;
    height: 2px;
    background-color: #85113c;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -5px;
}

.insurance_dtl_ent_box_head1::before {
    width: 20%;
    height: 2px;
    background-color: #85113c;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -5px;
}

.insurance_dtl_ent_box_head::before {
    width: 20%;
    height: 2px;
    background-color: #85113c;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -5px;
}

.insurance_dtl_ent_box_view {
    width: 100%;
    height: auto;
    float: left;
}

.insurance_dtl_ent_box_view_search {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.search_insrn_brand {
    width: 100%;
    height: 50px;
    float: left;
    border-radius: 30px;
    background-color: #f3f3f3;
    box-shadow: 2px 2px 5px #ccc;
    border: 0 !important;
    outline: none !important;
    padding: 5px 15px;
    padding-right: 30px;
    appearance: none;
}

.insurance_dtl_ent_box_view_search_rslt .col-md-6 {
    margin-bottom: 0px;
}

.select2-container--default .select2-selection--single {
    width: 100%;
    height: 50px;
    float: left;
    border-radius: 30px;
    background-color: #f3f3f3;
    box-shadow: 2px 2px 5px #ccc;
    border: 0 !important;
}

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

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 48px;
    }

.insurance_dtl_ent_box_view_search_ico {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 10px;
}

.multi_src {
    right: 20px;
    top: 15px;
}

.insurance_dtl_ent_box_view_search_ico img {
    width: 100%;
}

.insurance_dtl_ent_box_view_search_rslt {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 30px;
    background-color: #f3f3f3;
    box-shadow: 2px 2px 5px #ccc;
    margin-top: 10px;
    padding: 20px;
}

.serch_sec .insurance_dtl_ent_box_view_search_ico {
    right: 12px;
    top: 10px;
    width: 13px;
    opacity: 0.5;
}

.insurance_dtl_ent_box_view_search_rslt_src {
    width: 100%;
    height: auto;
    float: left;
    max-height: 250px;
    overflow-x: hidden;
    padding: 10px;
    padding-top: 20px;
}

    .insurance_dtl_ent_box_view_search_rslt_src::-webkit-scrollbar {
        width: 5px;
    }

    .insurance_dtl_ent_box_view_search_rslt_src::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .insurance_dtl_ent_box_view_search_rslt_src::-webkit-scrollbar-thumb {
        background-color: #7E1316;
    }


.insurance_dtl_ent_box_view_search_rslt_hd {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #000;
    border-bottom: 2px #e5e5e5 solid;
    padding: 5px 0;
}

.insurance_dtl_ent_box_view_search_rslt ul {
    padding: 0;
}

.insurance_dtl_ent_box_view_search_rslt li {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    border-bottom: 2px #e5e5e5 solid;
    padding: 8px 0;
    list-style: none;
}

.insurance_dtl_ent_box_view_search_rslt a {
    color: #000;
    text-decoration: none;
    transition: 0.2s ease;
}

    .insurance_dtl_ent_box_view_search_rslt a:hover {
        color: #85113c;
    }

.insurance_dtl_ent_box_showall_btn {
    width: auto;
    padding: 8px 30px;
    background-color: #85113c;
    font-size: 15px;
    margin-top: 20px;
    border-radius: 30px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    transition: all 0.6s ease;
    cursor: pointer
}

    .insurance_dtl_ent_box_showall_btn:hover {
        color: #fff;
        background-color: #85113c;
    }

.insurance_dtl_ent_box_footr_btn_row {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 30px;
}

.insurance_dtl_ent_box_footr_btn {
    width: auto;
    padding: 12px 30px;
    background-color: #f3f3f3;
    font-size: 15px;
    margin-top: 20px;
    border-radius: 30px;
    color: #666 !important;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    transition: 0.2s ease;
}

    .insurance_dtl_ent_box_footr_btn:hover {
        background-color: #85113c;
        color: #fff !important;
    }

.insurance_dtl_ent_box_footr_btn1 {
    width: auto;
    padding: 12px 30px;
    background-color: #85113c;
    font-size: 15px;
    margin-top: 20px;
    border-radius: 30px;
    color: #fff !important;
    text-decoration: none;
    transition: 0.2s ease;
    display: inline-block;
}

    .insurance_dtl_ent_box_footr_btn1:hover {
        background-color: #85113c;
    }

.selectd_insurance_summary {
    width: 100%;
    height: auto;
    float: left;
    padding: 20px;
    background-color: #e3e3e3c0;
    border-radius: 20px;
}

.selectd_insurance_summary_mn_head {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    color: #000;
}

.selectd_insurance_summary_cnt_sec {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
}

.selectd_insurance_summary_cnt_sec_head {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
}

    .selectd_insurance_summary_cnt_sec_head span {
        border-bottom: 2px #ccc solid;
    }

.selectd_insurance_summary_cnt_box {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 15px;
}

    .selectd_insurance_summary_cnt_box table {
        width: 100%;
        height: auto;
        float: left;
    }

    .selectd_insurance_summary_cnt_box td {
        font-size: 15px;
        color: #242424;
        padding: 5px;
    }

.insurance_modl_yr_box {
    width: 130px;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #ccc;
    text-align: center;
    font-size: 15px;
    color: #242424;
    line-height: 40px;
    display: inline-block;
    margin-bottom: 20px;
}

    .insurance_modl_yr_box:hover {
        background-color: #7E1316;
        color: #fff;
    }

.seart_slct .insurance_modl_yr_box {
    height: 60px;
    line-height: 60px;
    width: 90px;
    margin-left: 1%;
    margin-right: 1%
}

.insurance_modl_cyl_box {
    width: 130px;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #ccc;
    text-align: center;
    font-size: 15px;
    color: #242424;
    line-height: 40px;
    display: inline-block;
    margin-bottom: 20px;
}

    .insurance_modl_cyl_box:hover {
        background-color: #7E1316;
        color: #fff;
    }

.seart_slct .insurance_modl_cyl_box {
    height: 60px;
    line-height: 60px;
    width: 90px;
    margin-left: 1%;
    margin-right: 1%
}

.range-wrap input[type=range] {
    -webkit-appearance: none;
    margin: 20px 0;
    width: 100%;
}

    .range-wrap input[type=range]:focus {
        outline: none;
    }

    .range-wrap input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 3px;
        cursor: pointer;
        animate: 0.2s;
        background: #7E1316;
        border-radius: 25px;
    }

    .range-wrap input[type=range]::-webkit-slider-thumb {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 4px 0 rgba(0,0,0, 1);
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -8px;
    }

    .range-wrap input[type=range]:focus::-webkit-slider-runnable-track {
        background: #7E1316;
    }

.range-wrap {
    width: 80%;
    position: relative;
    margin: auto;
}

.range-value {
    position: absolute;
    top: -52%;
}

    .range-value span {
        width: auto;
        white-space: nowrap;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background: transparent;
        color: #000;
        font-size: 15px;
        display: block;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        border-radius: 6px;
        min-width: 80px;
        font-weight: bold;
    }

        .range-value span:before {
            content: "";
            position: absolute;
            width: 7px;
            height: 15px;
            border-left: 1px solid #7E1316;
            top: 21px;
            left: 50%;
        }

        .range-value span::after {
            content: "";
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: #7E1316;
            position: absolute;
            top: 18px;
            left: 48%;
        }

.range_val1 {
    width: auto;
    float: left;
    font-size: 12px;
    text-align: left;
}

.range_val2 {
    width: auto;
    float: right;
    font-size: 12px;
    text-align: right;
}

.step_phone_number {
    width: 100%;
    max-width: 400px;
    height: auto;
    float: left;
    padding: 10px;
    background-color: #e3e3e3c0;
    display: grid;
    grid-template-columns: 80px 1fr;
    border-radius: 30px;
    gap: 35px;
    position: relative;
}

.step_phone_number_code {
    width: 100%;
    height: 40px;
    border: 0;
    outline: 0;
    font-size: 15px;
    background-color: transparent;
}

.step_phone_number::before {
    content: '';
    width: 1px;
    height: 40px;
    background-color: #ccc;
    position: absolute;
    left: 100px;
    top: 10px;
}

.step_phone_number_input {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 15px;
    outline: 0;
    background-color: transparent;
    border: 0;
}

.policy_box {
    background-color: #FAFAFA;
    width: 100%;
    height: auto;
    float: left;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 2px 2px 10px #ccc;
    position: relative;
    cursor: pointer;
}

.policy_box_head {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
    font-size: 20px;
    color: #000;
}

.policy_box_ftr {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
}

.policy_box_ftr_ico {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

    .policy_box_ftr_ico img {
        height: 50px;
    }

    .policy_box_ftr_ico span {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        font-size: 12px;
        color: #242424;
        margin-top: 10px;
        line-height: 15px;
    }

.policy_box_ftr_ico_dct {
    opacity: 0.3;
}

.policy_box_ftr_list_sec {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
}

    .policy_box_ftr_list_sec ul {
        padding: 0;
    }

    .policy_box_ftr_list_sec li {
        font-size: 15px;
        color: #000;
        list-style: none;
        margin: 15px 0;
    }

        .policy_box_ftr_list_sec li .chk_bx {
            width: 18px;
            height: 18px;
            float: left;
            margin-right: 15px;
        }

        .policy_box_ftr_list_sec li strong {
            float: right;
            color: #000;
            font-size: 15px;
        }

.form-group1 {
    margin-right: 9px;
    float: left;
}

    .form-group1 input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .form-group1 label {
        position: relative;
        cursor: pointer;
    }

        .form-group1 label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #666;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            position: relative;
            top: -2px;
            border-radius: 5px;
        }

    .form-group1 input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 2px;
        left: 8px;
        width: 6px;
        height: 14px;
        border: solid #85113c;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.lst_dact {
    opacity: 0.2;
    pointer-events: none;
}

.policy_box_ftr_list_ttl {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin: 10px 0;
    border-top: 1px #ccc solid;
}

.policy_box_ftr_btn_row {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0;
    text-align: center;
}

.policy_box_ftr_btn {
    width: auto;
    padding: 12px 40px;
    background-color: #85113c;
    font-size: 15px;
    margin-top: 20px;
    border-radius: 30px;
    color: #fff !important;
    text-decoration: none;
    transition: 0.2s ease;
    display: inline-block;
}

    .policy_box_ftr_btn:hover {
        background-color: #85113c;
    }

.selected::before {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -18px;
    line-height: 40px;
    background-color: #7E1316;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f00c";
    border-radius: 30px;
}

.plicy_box_number_plate_view {
    width: 100%;
    height: 54px;
    border: solid 1px #666;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 20px;
    max-width: 350px;
}

    .plicy_box_number_plate_view img {
        width: 100%;
    }

    .plicy_box_number_plate_view input {
        width: 100%;
        height: 52px;
        border: 0;
        outline: none;
        font-weight: bold;
        font-size: 26px;
    }

.plicy_box_number_plate_view_btm_or {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0;
    font-size: 12px;
    text-align: center;
    max-width: 350px;
}

.full_width {
    width: 100%;
    height: auto;
    float: left;
}

.plicy_box_number_idont_numbrplate {
    width: 100%;
    float: left;
    padding: 20px;
    font-size: 16px;
    color: #000;
    text-align: center;
    max-width: 350px;
    border-radius: 5px;
    border: solid 1px #7E1316;
    border-radius: 5px;
    transition: 0.2s ease;
}

    .plicy_box_number_idont_numbrplate:hover {
        background-color: #7E1316;
        color: #fff;
    }

.numbr_plat_view {
    padding-left: 3rem;
}

.insurance_dtl_ent_box_view_sub {
    width: 100%;
    float: left;
    padding-left: 3rem;
    max-width: 500px;
}

.insurnce_txt_are {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

    .insurnce_txt_are label {
        width: 100%;
        float: left;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .insurnce_txt_are input {
        width: 100%;
        height: 40px;
        padding-left: 10px;
        float: left;
        background-color: #f3f3f3;
        box-shadow: 2px 2px 10px #ccc;
        border-radius: 20px;
        font-size: 15px;
        outline: none;
        border: 0;
    }

.chase_number {
    width: 100%;
    height: 50px;
    padding: 20px;
    float: left;
    background-color: #e3e3e3c0;
    border-radius: 30px;
    font-size: 30px;
    outline: none;
    border: 0;
    text-align: center;
}

.chase_number_sample {
    width: 100%;
    float: left;
    margin: 20px 0;
}

    .chase_number_sample img {
        width: 100%;
    }

.insurnce_datepicker {
    width: 100%;
    float: left;
    margin: 20px 0;
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 15px;
}

    .insurnce_datepicker .datepicker {
        width: 100%;
        float: left;
    }

        .insurnce_datepicker .datepicker table {
            width: 100%;
            float: left;
        }

        .insurnce_datepicker .datepicker td, .insurnce_datepicker .datepicker th {
            padding: 10px 0;
            font-size: 12px;
        }

        .insurnce_datepicker .datepicker table tr td.active.active {
            background: #85113c;
            border-radius: 30px;
            width: 20px;
            height: 40px
        }

.insurance_last_quote_sec {
    width: 100%;
    float: left;
    padding: 20px;
    background-color: #f3f3f3;
    border-radius: 10px;
}

.lst_plc_bx {
    background-color: transparent;
    box-shadow: none;
    border: solid 1px #666;
}

.lst_vecl_slctd_dtl {
    width: 100%;
    float: left;
    padding: 20px;
    font-size: 25px;
    color: #000;
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    gap: 15px;
}

    .lst_vecl_slctd_dtl span {
        font-size: 25px;
        color: #000;
    }

.whatsapp_cnt_icon_float {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 20px;
    bottom: 30px;
    border-radius: 30px;
    z-index: 9;
    cursor: pointer;
    border: 0;
}

    .whatsapp_cnt_icon_float img {
        width: 100%;
    }

.menu_toogle_icon {
    width: auto;
    display: inline-block;
    margin-right: 15px;
    outline: none;
}

.navbar-toggler {
    box-shadow: none !important;
}

.serch_user_ico_top {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
}

.serch_sec {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

    .serch_sec input {
        width: 100%;
        height: 30px;
        background-color: #fff;
        border-radius: 10px;
        border: 0;
        padding-left: 10px;
        padding-right: 30px;
        margin-top: 2px;
    }

    .serch_sec
    .top_right_usr_log_sec {
        width: 80px;
        text-align: center;
        color: #fff;
        font-size: 22px;
        line-height: 25px;
        display: flex;
        align-items: center;
    }

.maintop_header .dropdown-toggle::after {
    top: 7px;
}

.user_drop {
    background-color: transparent;
    border: 0;
    color: #fff;
}

.motor_section_banner {
    width: 100%;
    height: auto !important;
    float: left;
    overflow: hidden;
    position: relative;
}

.motor_section_banner_img {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    min-height: 250px;
}

.motor_section_banner img {
    width: auto;
    height: auto;
    max-width: 110%;
    overflow: hidden;
}

.rcg {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .rcg a {
        text-decoration: none
    }

.mtr_banner_stiky_1 {
    width: 106px;
    margin: 5px;
    background-color: #85113c;
    text-align: center;
    transition: all 0.6s ease;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}

    .mtr_banner_stiky_1:hover {
        background-color: #85113c;
    }

.mtr_banner_stiky_1_img {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}

    .mtr_banner_stiky_1_img img {
        width: 30px;
    }

.mtr_banner_stiky_1 span {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #fff;
}

.mtr_banner_stiky_2 {
    left: 40%;
    /*top: 7%;*/
}

.mtr_banner_stiky_3 {
    left: 65.4%;
    /*top: 7%;*/
}

.ftr_insra .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px !important;
}

/*.get_qoute_sec_banner {
    width: 450px !important;
    height: 800px !important;
    width: 600px;
    position: absolute;
    right: 5%;
    top: 10%;
    bottom:2%;
    overflow-x: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 10px;
}*/
.get_qoute_sec_banner_head {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 25px;
    color: #7E1316;
    font-weight: 200;
    line-height: 23px;
    padding-top: 20px;
}

    .get_qoute_sec_banner_head span {
        width: 100%;
        display: inline-block;
        text-align: center;
        font-size: 13px;
        color: #666;
    }

.mtr-sct-bnr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 50px;
    background: url(../../../assets/images/banner_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
}

.mtr-sct-bnr-img {
    width: 60%
}

    .mtr-sct-bnr-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.mtr-sct-bnr-rgt {
    width: 40%
}

.get_qoute_sec_banner_qte_icos_sec {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    height: auto;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
}

    .get_qoute_sec_banner_qte_icos_sec a {
        text-decoration: none;
    }

.get_qoute_sec_banner_qte_icos {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /*min-height: 100px;*/
    min-height: 50px !important;
    max-height: 65px !important;
    transition: all 0.4s ease
}

    .get_qoute_sec_banner_qte_icos img {
        max-width: 70px !important;
    }

.get_qoute_sec_banner_qte_show_all_btn {
    width: 60px;
    border-radius: 30px;
    background-color: #404041;
    text-align: center;
    color: #fff;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin: auto;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .get_qoute_sec_banner_qte_show_all_btn:hover {
        background-color: #7E1316;
    }


.faq-drawer {
    margin-bottom: 30px;
}

.faq-drawer__content-wrapper {
    line-height: 1.4em;
    max-height: 0px;
    overflow: hidden;
    transition: 0.25s ease-in-out;
}

.faq-drawer__title {
    /*border-bottom: #666 1px solid;*/
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 30px 0 10px 0;
    padding-top: 0;
    position: relative;
    transition: all 0.25s ease-out;
}

    .faq-drawer__title::after {
        border-style: solid;
        border-width: 1px 1px 0 0;
        content: " ";
        display: inline-block;
        float: left;
        height: 10px;
        left: 2px;
        position: relative;
        right: 20px;
        top: 2px;
        transform: rotate(135deg);
        transition: 0.35s ease-in-out;
        vertical-align: top;
        width: 10px;
    }

    /* OPTIONAL HOVER STATE */
    .faq-drawer__title:hover {
        color: #4E4B52;
    }

.faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {
    max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
    transform: rotate(-45deg);
    transition: 0.25s ease-in-out;
}

.faq-drawer input[type="checkbox"] {
    display: none;
}

.faq-drawer__content p {
    font-size: 15px;
}

    .faq-drawer__content p li {
        font-size: 10px !important;
    }

.new_news_sec .home_news_section_head h2 {
    text-align: left;
}

.new_news_sec .home_news_section_head p {
    width: 100%;
    height: auto;
    float: left;
    color: #242424;
    font-size: 15px;
    line-height: 25px;
    margin: 10px 0;
}

.new_news_sec .home_news_section_head:before {
    display: none;
}

.new_testi_sec .testimonial_box {
    background: #F6F6F6;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
}

.new_testi_sec .testimonial_box_contant_review {
    color: #242424;
}

.new_testi_sec .testimonial_box_contant_review_name {
    color: #242424;
    text-align: left;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.tst_name span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
}

.new_testi_sec .testimonial_box::after {
    position: absolute;
    content: '';
    left: -24px;
    bottom: -40px;
    background-image: url(../images/arrow_tstmnl.png);
    background-size: cover;
    width: 70px;
    height: 70px;
}

.new_testi_sec .new_testi_img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ccc;
    border-radius: 50%;
}

.new_testi_sec .home_main_area_1_contnt::before {
    width: 100px;
    height: 2px;
    background-color: #85113c;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
}

.new_testi_sec_head_btm_aros {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}

    .new_testi_sec_head_btm_aros img {
        height: 40px;
    }
/* _header */
/* line 2, D:/Projects/OL 1955 Tawuniya/Markup/Markup/assets/css/_header */

.navbar-inverse {
    background-color: #6C1E3D;
    /*background-color:#1F5099;*/
    border: none;
}

.top-nav {
    background: #fff;
    min-height: 40px;
}

    .top-nav .navbar-header {
        float: right;
    }

    .top-nav a {
        font-family: "Open Sans";
        font-weight: 700;
    }

    .top-nav.navbar-inverse .navbar-nav > li > a {
        color: #6a717b;
        padding-top: 10px;
        padding-bottom: 11px;
        font-size: 16px;
        font-weight: 700;
    }

        .top-nav.navbar-inverse .navbar-nav > li > a:hover {
            background: #d8e1e8;
            color: #6a717b;
        }

    .top-nav.navbar-inverse .navbar-nav > .open > a, .top-nav.navbar-inverse .navbar-nav > .active > a {
        background: #d8e1e8;
        color: #6a717b;
    }



.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
}



.navbar-toggle {
    position: relative;
    float: right;
    padding: 7px 10px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar {
    border-radius: 0px;
}

.main-nav .navbar-nav > li > a:hover,
.main-nav .navbar-nav > li > a:focus {
    background-color: #D99340;
}

.main-nav .navbar-nav > li > a {
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    height: 51px;
    font-size: 14px;
}


.login-controls-box {
    background: #ffffff;
    border-color: #6C1E3D;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    height: 120px;
    top: -34px;
    position: absolute;
    z-index: 9999;
    /* background: #1F5099; */
    padding: 10px 10px 20px;
    left: 0;
    text-align: center;
    display: block;
    color: #fff;
    width: 264px;
    margin-left: 15px;
    padding-top: 0px;
    /* box-shadow: 4px 4px 4px 0px #6e85a7; */
}

    .login-controls-box h3, .login-controls-box h2 {
        color: #fff;
        font-size: 22px;
    }

    .login-controls-box .btn, .login-controls-box .btn-white {
        min-width: 95px;
        background: #fff;
        color: #575d65 !important;
        text-align: center;
    }


.sticky-wrapper {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}

.footer-2blue {
    width: 280px;
    height: 72px;
    font-size: 21px;
}

.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
    min-height: 200px;
}

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

    ul.social-network li {
        display: inline;
        margin: 0 5px;
    }


/* footer social icons */
.social-network a.icoRss:hover {
    background-color: #F56505;
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
    background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

    .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
    .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
        color: #fff;
    }

a.socialIcon:hover, .socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 22px;
}

.social-circle li i {
    margin: 0;
    line-height: 40px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #1F5099;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-circle a {
    background-color: #ffffff;
}

.sliderSubTitle {
    font-family: 'Open Sans';
    color: #82b4d4;
    font-size: 35px;
    font-weight: 600;
    text-wrap: normal;
    width: 800px;
    text-shadow: 0px 2px 4px #1a1a1a;
    text-transform: uppercase;
}

.product_buttons {
    height: 70px;
    background-color: #1F1216;
    margin: 2px;
    width: 19%;
    float: left;
}

.prd_but_container {
    width: 70%;
    margin: 0 auto;
    margin-top: 15px;
}

.prd_but_text {
    line-height: 30px;
    font-family: 'Open Sans';
    font-size: 20px;
    color: white;
    margin-left: 15px;
}



/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
    .carousel-caption {
        bottom: 0px;
        padding-top: 0px;
        right: 50%;
    }

    .footer-2blue {
        width: 180px;
        height: 72px;
        font-size: 15px;
    }

    .sliderMainTitle {
        font-size: 25px !important;
    }

    .sliderSubTitle {
        font-size: 15px !important;
    }
}


@media (min-width: 1200px) {
    .container {
        width: 1200px !important;
    }
}


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


    .carousel-caption {
        left: 10%;
        top: 25%;
        text-align: right;
        padding-top: 0px;
    }

    .slider-carousel {
        width: 100%;
    }

    .slider-menu {
        display: block !important;
    }


    .sidebar-menu {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    .maintop_header .col-md-8 {
        flex: 0 0 auto !important;
        width: 80% !important;
    }

    .maintop_header .col-md-4 {
        flex: 0 0 auto !important;
        width: 20% !important;
    }

    ._3_dts {
        display: none !important;
    }
}

.services-box h3 {
    color: #fff;
    font-size: 28px;
    line-height: 34px;
}


.services-list {
    display: table;
    margin: 10px 0 0;
}

.icon {
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 30px;
    line-height: 26px;
    padding-bottom: 10px;
    margin-right: 25px;
    display: inline-block;
}

.services-list ul {
    max-width: 435px;
}


    .services-list ul li.icon {
        background-repeat: no-repeat;
        padding-left: 30px;
        line-height: 26px;
        margin-bottom: 10px;
        margin-right: 25px;
        display: inline-block;
        min-width: 175px;
        padding-bottom: 0;
        color: white;
    }

    .services-list ul li:nth-child(odd) {
        /* float: right; */
        clear: left;
    }

.icon.icon-pc {
    background-image: url('../images/icon-small-pc.html');
}

.carousel-control.left {
    background-image: none !important;
}

.carousel-control.right {
    background-image: none !important;
}

#myCarousel2 .carousel-control {
    width: 0px;
}

.newsBody {
    font-size: 13px;
}

.content-block-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: auto;
}

.content-block-details {
    margin: 8%;
    color: #fff;
    text-align: center;
    max-width: 370px;
    margin-top: 250px;
}


.dropdown-menu-lg {
    width: 600px;
    padding: 20px 0px;
}

    .dropdown-menu-lg > li > ul {
        padding: 0;
        margin: 0;
    }

        .dropdown-menu-lg > li > ul > li {
            list-style: none;
        }

            .dropdown-menu-lg > li > ul > li > a {
                display: block;
                padding: 3px 20px;
                clear: both;
                font-weight: normal;
                line-height: 1.428571429;
                color: #333333;
                white-space: normal;
            }

    .dropdown-menu-lg > li ul > li > a:hover,
    .dropdown-menu-lg > li ul > li > a:focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
    }

    .dropdown-menu-lg .disabled > a,
    .dropdown-menu-lg .disabled > a:hover,
    .dropdown-menu-lg .disabled > a:focus {
        color: #999999;
    }

        .dropdown-menu-lg .disabled > a:hover,
        .dropdown-menu-lg .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

    .dropdown-menu-lg .dropdown-header {
        color: #428bca;
        font-size: 18px;
    }

/* 
=========================================
    Details Page    
=========================================
*/

body[dir="rtl"] .text-start {
    display: flex;
}
/* Page Header with your color palette */
.page-header {
    background: linear-gradient(135deg, #85113c, #85113c); /* primary + secondary gradient */
    color: #fff;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    position: relative;
    border-radius: 10px;
}

    .page-header h1 {
        font-size: 2.2rem;
        margin: 0;
        letter-spacing: 1px;
    }

    .page-header p {
        margin-top: 8px;
        font-size: 1rem;
        opacity: 0.9;
    }

/* Optional icon */
.header-icon {
    font-size: 40px;
    margin-bottom: 10px;
    display: inline-block;
}
/* Main heading */
.header-text h1 {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.card {
    max-width: 1150px;
    margin: 30px auto 50px auto;
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
}

.grid-header {
    text-align: left;
    margin-top: 20px;
    font-weight: 600;
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.custom-col-6 {
    flex: 0 0 48%;
}

/* Field row */
.field-row {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.field-label {
    font-weight: 600;
    color: #85113c;
    width: 35%;
    white-space: nowrap;
}

.field-value {
    width: 65%;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Input / Select */
.field-input:disabled,
.select2-container--disabled .select2-selection {
    background-color: #e9ecef !important; /* grey disabled */
    color: #000 !important;
}

.field-input {
    background-color: #ffffff; /* normal white */
    border: 1px solid #ccc;
    padding: 6px;
    border-radius: 4px;
    width: 100%;
}

/* Edit / Save buttons */
.edit-btn {
    background: none;
    border: none;
    color: #85113c;
    cursor: pointer;
    font-size: 16px;
    transition: color 0.2s;
}

    .edit-btn:hover {
        color: #85113c;
    }

.save-btn {
    background: #85113c;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}

    .save-btn.show {
        display: flex;
    }

.reset-btn {
    background: #85113c;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}

    .reset-btn.show {
        display: flex;
    }

.action-bar {
    text-align: center;
    margin-top: 30px;
}

.final-btn {
    padding: 12px 30px;
    background: #85113c;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

    .final-btn:hover {
        background: #85113c;
    }

.back-btn {
    padding: 12px 30px;
    background: #fff;
    color: #000;
    border: 1px solid #85113c;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;    
}

    .back-btn:hover {
        background: #85113c;
        color: #fff;
        border: none;        
    }

@media (max-width: 768px) {
    .dropdown-menu-lg {
        margin-left: 0;
        margin-right: 0;
    }

        .dropdown-menu-lg > li {
            margin-bottom: 30px;
        }

            .dropdown-menu-lg > li:last-child {
                margin-bottom: 0;
            }

        .dropdown-menu-lg .dropdown-header {
            padding: 3px 15px !important;
        }
}

.language-search-box ul li a {
    color: #90979f;
    font-weight: 400;
}

#navbarTop {
    float: right;
}

.mobile-only {
    display: none;
}

.desktop-only, .desktop-inline-only {
    display: block;
}

.user-login-mobile {
    display: none;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

@media screen and (max-width: 767px) {
    header {
        /*margin: 0 -15px;*/
        position: relative;
        z-index: 1110;
    }

    .top-nav .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    #navbarTop {
        float: none;
        width: 100%;
    }

    .top-nav .language-search-box ul li {
        border-left: 1px solid #abaaab;
        height: 40px;
        line-height: 40px;
    }

    .top-nav .selected-category {
        padding: 10px 10px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        color: #6a717b;
        display: inline;
        width: 100%;
    }

    .top-nav .navbar-header {
        float: none;
    }


    .language-search-box ul {
        list-style: none;
        padding: 0;
        margin: 0;
        float: right;
        display: inline;
    }

    .top-nav .top-nav-btn {
        border: none;
        background: none;
        color: #90979f;
        display: inline-block;
        float: right;
        /* width: 65%; */
        padding: 10px 0;
        text-decoration: none;
    }

    .mobile-only {
        display: block !important;
    }

    .logo {
       /* width: 100%;*/
        height: 60px;
        /* background-position: 7px center; */
    }

    .desktop-only, .desktop-inline-only {
        display: none !important;
    }



    .mobile-nav-header {
        display: block;
        overflow: hidden;
        float: right;
        clear: both;
        position: static;
        width: 100%;
        height: 50px;
    }

    .user-login-mobile {
        float: right;
        margin: 0;
        background: #4c5156;
        padding: 0 10px;
        display: block;
    }

    .nav-title-main {
        float: right;
        display: block;
        font-family: "Open Sans";
        font-weight: 700;
        font-size: 22px;
        color: #fff;
        background: none;
        border: none;
        padding: 10px;
    }

    .navbar-inverse .navbar-toggle {
        float: right;
    }

    #navbar {
        position: static;
    }

    .nav-content {
        display: block;
        float: right;
    }

    .prd_but_text {
        line-height: 21px;
        font-family: 'Open Sans';
        font-size: 13px;
        color: white;
        margin-left: 1px;
    }
}




.inner-bg {
    padding: 0px 0 80px 0;
}

.top-content .text {
    color: #fff;
}

    .top-content .text h1 {
        color: #fff;
    }

.top-content .description {
    margin: 20px 0 10px 0;
}

    .top-content .description p {
        opacity: 0.8;
    }

    .top-content .description a {
        color: #fff;
    }

        .top-content .description a:hover,
        .top-content .description a:focus {
            border-bottom: 1px dotted #fff;
        }


.form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #444;
    background: rgb(206, 164, 46);
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: right;
}

.form-top-left {
    float: right;
    width: 75%;
    padding-top: 25px;
}

    .form-top-left h3 {
        margin-top: 0;
        color: #fff;
    }

    .form-top-left p {
        opacity: 0.8;
        color: #fff;
    }

.form-top-right {
    float: right;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #000;
    line-height: 100px;
    text-align: right;
    opacity: 0.3;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background: rgb(255, 255, 255);
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: right;
}

    .form-bottom form textarea {
        height: 100px;
    }

    .form-bottom form button.btn {
        width: 100%;
    }

    .form-bottom form .input-error {
        border-color: #19b9e7;
    }

.social-login {
    margin-top: 35px;
}

    .social-login h3 {
        color: #fff;
    }

.social-login-buttons {
    margin-top: 25px;
}

.middle-border {
    min-height: 300px;
    margin-top: 170px;
    border-right: 1px solid #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
}


/***** Footer *****/


.hover_img {
    display: none
}

.member-profile:hover .unhover_img {
    display: none;
}

.member-profile:hover .hover_img {
    display: block;
}




.navbar-login {
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session {
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.navbar-footer {
    background-color: #DDD;
}

.navbar-footer-content {
    padding: 15px 15px 15px 15px;
}

.dropdown-menu {
    padding: 0px;
    overflow: hidden;
}

.icon-size {
    font-size: 87px;
}



.user-row {
    margin-bottom: 14px;
}

    .user-row:last-child {
        margin-bottom: 0;
    }

.dropdown-user {
    margin: 13px 0;
    padding: 5px;
    height: 100%;
}

    .dropdown-user:hover {
        cursor: pointer;
    }

.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}

    .table-user-information > tbody > tr:first-child {
        border-top: 0;
    }


    .table-user-information > tbody > tr > td {
        border-top: 0;
    }

.toppad {
    margin-top: 20px;
}



.swal-form {
    padding-top: 3%;
    overflow: auto;
    height: auto;
}

    .swal-form input.nice-input {
        display: block;
        margin: 0;
        width: 96%;
        font-family: sans-serif;
        font-size: 18px;
        box-shadow: none;
        padding: 10px;
        border: solid 1px #dcdcdc;
        transition: box-shadow 0.3s, border 0.3s;
        height: initial;
    }

        .swal-form input.nice-input:focus,
        .swal-form input.nice-input.focus {
            outline: none;
            border: solid 1px #707070;
            box-shadow: 0 0 5px 1px #969696;
        }

    .swal-form .patch-swal-styles-for-inputs {
        width: initial !important;
        height: initial !important;
        display: initial !important;
    }


.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.im-centered {
    margin: auto;
    width: 100%;
}

#tmm-form-wizard input, #tmm-form-wizard textarea, #tmm-form-wizard select, #tmm-form-wizard button {
    font-size: 16px;
}


.thumbnail {
    text-align: center;
}

.imgUpload {
    display: none !important;
}

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

    .lnkUpload:hover {
        color: black !important;
    }

.loading-gif {
    position: absolute;
    top: 46px;
    left: 108px;
}


.extra_service {
    border-color: #85113c;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
}




.btn:active, .btn.active {
    background-color: #cccccc \9;
}

.btn:first-child {
    *margin-left: 0;
}

.btn:hover, .btn:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
        margin-top: 4px;
    }

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
        margin-top: 0;
    }

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        color: #ffffff;
        background-color: #0044cc;
        *background-color: #003bb3;
    }

    .btn-primary:active, .btn-primary.active {
        background-color: #003399 \9;
    }

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #f89406;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
        color: #ffffff;
        background-color: #f89406;
        *background-color: #df8505;
    }

    .btn-warning:active, .btn-warning.active {
        background-color: #c67605 \9;
    }

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #bd362f;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
        color: #ffffff;
        background-color: #bd362f;
        *background-color: #a9302a;
    }

    .btn-danger:active, .btn-danger.active {
        background-color: #942a25 \9;
    }

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #51a351;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
        color: #ffffff;
        background-color: #51a351;
        *background-color: #499249;
    }

    .btn-success:active, .btn-success.active {
        background-color: #408140 \9;
    }

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #2f96b4;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
        color: #ffffff;
        background-color: #2f96b4;
        *background-color: #2a85a0;
    }

    .btn-info:active, .btn-info.active {
        background-color: #24748c \9;
    }

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #222222;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }

    .btn-inverse:active, .btn-inverse.active {
        background-color: #080808 \9;
    }

button.btn, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.btn.btn-large, input[type="submit"].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-small, input[type="submit"].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btn.btn-mini, input[type="submit"].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #0088cc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-link:hover, .btn-link:focus {
        color: #005580;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover, .btn-link[disabled]:focus {
        color: #333333;
        text-decoration: none;
    }



body.modal-open > .wrap {
    overflow: hidden;
    height: 100%;
}

.modal-content,
.modal-dialog,
.modal-body {
    height: inherit;
    min-height: 100%;
}



/*.modal-dialog {
        width: 650px !important;
    }*/

.modal {
    display: block;
    min-height: 100%;
    /*overflow-y: hidden;*/
}

.modal-body:before,
.modal-body:after {
    display: table;
    content: " ";
}

.modal-header:before,
.modal-header:after {
    display: table;
    content: " ";
}



#brandModal .modal-dialog {
    height: auto;
    max-width: 700px;
}







.input-group-field {
    display: table-cell;
    vertical-align: middle;
    border-radius: 4px;
}

    .input-group-field .form-control, .input-group-field .form-control {
        border-radius: inherit !important;
    }

    .input-group-field:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.thumb_upload {
}


.m-auto {
    margin: auto !important;
}

.apps > a > li {
    border-radius: 8.5px;
    padding: 7px 2.5rem;
    background-color: white;
}

.google-store, .apple-store {
    width: 26px;
    height: 32px;
}

.mr-2 {
    display: inline-block;
}

.m-auto {
    margin-top: 15px !important;
}


.logo_en {
    font-family: 'Open Sans';
    font-weight: 700;
    color: #B48E48;
    font-size: 14px;
}

.logo_ar {
    font-family: "Droid Arabic Kufi";
    font-weight: 700;
    color: #B48E48;
    font-size: 18px;
}

@media screen and (max-width:768px) {
    .get_qoute_sec_banner {
        position: static;
        float: none;
        width: 100% !important;
        /*height: auto !important;*/
        max-height: unset;
        margin-top: 20px;
    }

    .get_qoute_sec_banner_qte_icos_sec {
        width: 100%;
        display: inline-block;
        margin-top: 10px;
        height: auto;
        overflow: visible;
    }

    .motor_section_banner_img {
        min-height: 210px;
        display: none;
    }

    .video_section video {
        width: 100%;
        height: auto;
    }

    .get_qoute_sec_banner_qte_icos_sec .col-6 {
        width: 33%;
    }

    .insurance_dtl_ent_box_view_search_rslt_src .col-6 {
        width: 50%;
    }

    .get_qoute_sec_banner_qte_icos img {
        max-width: 66px;
    }

    .motor_section_banner {
        padding: 0 15px;
    }

    .insurance_packge_box_list .col-6 {
        width: 100%;
    }

    .insurance_packge_box_head {
        margin-bottom: 4px;
    }

    .insurance_packge_sec {
        padding-bottom: 0px;
    }

    .video_section {
        padding-top: 0;
    }

    .howto_claim_sec_box {
        width: 100%;
    }

    .howto_claim_sec {
        padding-bottom: 0px;
    }

    .insurance_packge_cnt_area h2 {
        font-size: 24px;
    }

    .howto_claim_sec_box {
        width: 100%;
    }

    .key_benefit_head h2 {
        font-size: 24px;
    }

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

    p, span, li {
        font-size: 13px !important;
        line-height: 20px !important;
        margin-top: 10px !important;
    }
}


@media (max-width:767px) {
    .mtr-sct-bnr-img {
        display: none
    }

    .mtr-sct-bnr-rgt {
        width: 100%
    }

    .mtr-sct-bnr {
        padding: 150px 10px 10px;
        display: block;
    }
}

.slow {
    animation-name: wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

@keyframes wobble-horizontal {
    16.65% {
        transform: translateX(8px);
    }

    33.3% {
        transform: translateX(-6px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

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

.key-img {
    max-height: 400px;
    object-fit: cover;
}

#owl-banner .owl-item.active, .hm-sltbrd .owl-item.active {
    background-color: transparent
}

/* Mobile View (Default) */
#owl-banner .item {
    display: flex;
    flex-wrap: wrap; /* Stacks car and form vertically */
    justify-content: center;
    align-items: center;
}

.bnr-rgt, .form-main-wrapper {
    flex: 0 0 100%; /* Take full width on mobile */
    max-width: 100%;
}

/* Desktop View (Screens wider than 992px) */
@media (min-width: 992px) {
    #owl-banner .item {
        flex-wrap: nowrap; /* Forces Car and Form side-by-side */
        justify-content: space-between;
    }

    .bnr-rgt {
        flex: 0 0 50%; /* Car takes up left half */
        max-width: 50%;
    }

    .form-main-wrapper {
        flex: 0 0 45%; /* Form takes up right half with a small gap */
        max-width: 45%;
    }
}

.bnr-lft {
    width: 48%;
}

.bnr_lft_sec {
    width: 48%;
}

    .bnr_lft_sec .stp_input {
        text-align: left;
    }


.bnr-lft h2 {
    font-size: 38px;
    /*padding-right: 8%;*/
    margin-bottom: 20px;
    /*text-align: left;*/
}

    .bnr-lft h2 span {
        color: #90292c
    }

.bnr-lft p {
    margin-bottom: 20px;
    line-height: 23px;
    text-align: justify !important;
}

.bnr-lft a {
    display: inline-block;
    margin-right: 10px;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #90292c;
    text-decoration: none;
    color: #90292c;
    transition: all 0.8s ease;
}

    .bnr-lft a:hover {
        color: #fff;
        background: #90292c
    }

.bnr-rgt {
    width: 48%
}

.hm-sltbrd {
    padding: 0px 0 50px;
    text-align: center
}

    .hm-sltbrd h3 {
        margin-bottom: 20px
    }

    .hm-sltbrd a {
        display: inline-block;
        padding: 10px 30px;
        border-radius: 5px;
        color: #fff;
        background: #90292c;
        text-decoration: none;
        transition: all 0.8s ease;
        margin: 20px 0 0
    }

        .hm-sltbrd a:hover {
            background-color: #85113c;
        }

    .hm-sltbrd .item {
        padding: 5px;
    }

        .hm-sltbrd .item a {
            display: block;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 3px 6px rgba(0 0 0 / 0.16);
            height: 100px;
            background: #fff
        }

        .hm-sltbrd .item img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: all 0.8s ease;
        }

        .hm-sltbrd .item a:hover img {
            transform: scale(1.2)
        }

    .hm-sltbrd .owl-carousel .owl-nav button.owl-next, .hm-sltbrd .owl-carousel .owl-nav button.owl-prev {
        width: 40px;
        height: 40px;
        background: #85113c;
        margin: 0 5px;
        border-radius: 100%;
        border: 1px solid #85113c;
        transition: all 0.8s ease;
        position: absolute;
        top: 60px;
        color: #fff;
    }

    .hm-sltbrd .owl-carousel .owl-nav button.owl-next {
        right: -55px;
    }

    .hm-sltbrd .owl-carousel .owl-nav button.owl-prev {
        left: -55px;
    }

        .hm-sltbrd .owl-carousel .owl-nav button.owl-next:hover, .hm-sltbrd .owl-carousel .owl-nav button.owl-prev:hover {
            color: #85113c;
            background: #fff
        }

.navbar-toggler {
    display: none
}

.olm .modal-dialog-centered {
    height: auto
}

.olm .modal-dialog {
    max-width: 800px;
    background: #F6EFE6
}

.olm .modal-body {
    padding: 0
}

.olm .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.olm-sec {
    display: flex;
    flex-wrap: wrap
}

.olmlft, .olmrgt {
    width: 50%
}

    .olmlft img {
        width: 100%
    }

.olmrgt {
    padding: 30px
}

    .olmrgt .form-control {
        margin-bottom: 10px;
        height: 45px;
    }

    .olmrgt p {
        color: #404041
    }


@media (max-width:990px) {
    .vehicle_step_section_box_second_wht_bx_right span {
        margin-top: 0 !important;
    }

    .bnr-lft, .bnr-rgt {
        width: 100%
    }

    .bnr_lft_sec {
        width: 100%
    }

    .bnr-lft h2 {
        font-size: 25px;
        padding-right: 0;
    }

    .bnr-lft a {
        margin-right: 5px;
        padding: 10px 6px;
        font-size: 14px;
        margin-bottom: 5px;
    }

        .bnr-lft a:last-child {
            margin-right: 0px;
        }

    .hm-sltbrd .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }

    .hm-sltbrd .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }

    .navbar-toggler {
        display: block
    }
}

.what_offer_section {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0;
    padding-bottom: 120px;
    position: relative;
}

    .what_offer_section::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(../images/what_offer_bg.svg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 100%;
        min-width: 110px;
    }

.homepage_main_head {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 41px;
}

    .homepage_main_head h2 {
        width: 100%;
        height: auto;
        display: inline-block;
        font-weight: bold;
        font-size: 40px;
        letter-spacing: 0.9px;
        color: #85113c;
        line-height: 40px;
    }

        .homepage_main_head h2 span {
            width: 100%;
            height: auto;
            display: inline-block;
            color: #85113c;
            font-weight: bold;
            font-size: 44px;
            letter-spacing: 0.9px;
        }

    .homepage_main_head p {
        text-align: center
    }

.cmp_patern1 {
    width: auto;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 10px 0;
}

.cmp_line {
    width: 50px;
    height: 2px;
    background-color: #D4B38A;
}

.cmp_patern1 img {
    width: 30px;
}

.what_offer_sub_sec {
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center;
    max-width: 800px;
}

    .what_offer_sub_sec p {
        font-size: 14px;
        margin-top: 10px;
    }

.what_offer_option_box {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    border-left: 1px #EEEEEE solid;
}

.what_offer_option_box_img {
    max-width: 60px;
    display: inline-block;
    transition: 0.2s ease;
}

    .what_offer_option_box_img img {
        max-width: 100%
    }

.what_offer_option_box p {
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
}

.what_offer_option_box:hover .what_offer_option_box_img {
    transform: scale(1.1);
}

.what_offer_section::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/what_offer_bg.svg);
    background-position: left;
    background-repeat: no-repeat;
    height: 100%;
    background-size: 100%;
    min-width: 110px;
    transform: rotateY(180deg);
}

.what_offer_section_btm__term {
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    position: relative;
}

    .what_offer_section_btm__term span {
        background-color: #fff;
        padding: 2px 10px;
        position: relative;
        z-index: 2;
        color: #85113c;
    }

    .what_offer_section_btm__term::before {
        width: 100%;
        height: 1px;
        background-color: #EEEEEE;
        position: absolute;
        top: 50%;
        left: 0;
        content: '';
    }

.why_choose_section {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0;
    background: #F4ECE2;
}

.third_party_insurance_box {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    background-color: #85113c;
    padding: 20px;
    border-radius: 10px;
    margin-top: -110px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.third_party_insurance_cnt1 {
    height: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.third_party_insurance_cnt1_img {
    width: 80px;
    min-width: 80px;
}

    .third_party_insurance_cnt1_img img {
        max-width: 100%
    }

.third_party_insurance_cnt1_txt {
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

    .third_party_insurance_cnt1_txt h5 {
        width: 100%;
        height: auto;
        display: inline-block;
        font-size: 22px;
    }

.contct-btn {
    height: 40px;
    text-align: center;
    background-color: #85113c;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    border: 0;
    text-decoration: none
}

    .contct-btn:hover {
        background-color: #212529;
        color: #fff;
    }

.why_choose_cnt {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 30px;
}

.why_choose_cnt {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 30px;
}

.why_choose_cnt_box {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 10px;
}

.why_choose_cnt_box_img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 20px;
    overflow: hidden;
}

    .why_choose_cnt_box_img img {
        transition: 0.2s ease;
    }

.why_choose_cnt_box_cnt {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
    transition: 0.2s ease;
}

    .why_choose_cnt_box_cnt:hover .why_choose_cnt_box_img img {
        transform: scale(1.2);
    }

    .why_choose_cnt_box_cnt strong {
        width: 100%;
        height: auto;
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        color: var(--black);
        margin-bottom: 20px;
        line-height: 19px;
    }

    .why_choose_cnt_box_cnt p {
        width: 100%;
        height: auto;
        display: inline-block;
        font-size: 13px;
        font-weight: normal;
        text-align: justify;
    }

.how_to_claim_sec {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0;
}

.homepage_main_box {
    width: 100%;
    height: auto;
    display: inline-block;
    background-color: #FAFAFA;
    position: relative;
    height: 95%;
    padding-bottom: 60px;
}

    .homepage_main_box::before {
        content: '';
        background-image: url(../images/shadow.png);
        position: absolute;
        left: 0;
        bottom: -20px;
        height: 20px;
        width: 100%;
    }

.homepage_main_box_img {
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}

    .homepage_main_box_img img {
        transition: 0.2s ease;
    }

.homepage_main_box:hover .homepage_main_box_img img {
    transform: scale(1.1);
}

.homepage_main_box_ico {
    width: 60px;
    height: 60px;
    background-color: #85113c;
    border-radius: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -30px;
    text-align: center;
    padding: 10px;
}

    .homepage_main_box_ico img {
        max-height: 35px;
    }

.homepage_main_box_cnt {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    padding: 10px;
}

    .homepage_main_box_cnt strong {
        width: 100%;
        height: auto;
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        color: #85113c;
        margin-bottom: 20px;
        line-height: 19px;
    }

    .homepage_main_box_cnt p {
        width: 100%;
        height: auto;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        text-align: justify;
    }

.list_with_tick_sec {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 30px;
}

    .list_with_tick_sec ul {
        padding: 0;
    }

    .list_with_tick_sec li {
        padding-left: 40px;
        position: relative;
        list-style: none;
        font-size: 14px;
        line-height: 25px;
        text-align: left;
        margin-bottom: 10px;
    }

        .list_with_tick_sec li:hover {
            color: #000
        }

        .list_with_tick_sec li::before {
            width: 25px;
            height: 25px;
            border-radius: 30px;
            background-color: #85113c;
            color: #fff;
            text-align: center;
            line-height: 30px;
            font-size: 20px;
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            background-image: url(../images/tick.svg);
            background-repeat: no-repeat;
            background-position: center;
        }


.bnr-lft h2 {
    color: #85113c;
    font-weight: bold;
    font-size: 44px;
    letter-spacing: 0.9px;
}

    .bnr-lft h2 span {
        color: #85113c;
    }

.bnr-lft p {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

.banner_btn1 {
    background-color: #85113c;
    color: #fff !important;
}

.banner_btn3 {
    border: 0 !important;
    color: #292D32 !important;
    text-decoration: underline !important;
}

    .banner_btn3:hover {
        color: #fff !important;
    }

.ui-view.mtr-sct-bnr .owl-dots {
    max-width: 500px;
}


.vehicle_step_section {
   /* width: 100%;*/
  /*  display: inline-block;*/
    padding: 60px 0;
    background: white;
    margin: 2%;
    border-radius: 2%;
}

.vehicle_step_section_box_mn {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

.vehicle_step_section_box_mn_btn_row {
    width: 100%;
    display: flex;
    gap: 10px;
    background-color: #F4F4F4;
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.vehicle_step_section_box_mn_btn {
    width: 100%;
    height: 100%;
    color: #292D32;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    padding: 20px 0;
}

    .vehicle_step_section_box_mn_btn:hover {
        color: #fff;
        background: linear-gradient(155deg, #85113c, #740832, #941845);
    }

.vehicle_step_active_btn {
    color: #fff;
    background: linear-gradient(155deg, #85113c, #740832, #941845);
}

.vehicle_step_section_box_second {
    width: 100%;
    display: inline-block;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    min-height: 300px;
    padding-bottom: 100px;
    position: relative;
}

.vehicle_step_section_box_second_wht_bx {
    width: 100%;
    height: auto;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    background-color: #fff;
    border: solid 1px #fff;
    text-decoration: none;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.label_divider {
    align-self: center;
    border: 1px solid rgba(82, 108, 130, .2);
    height: 24px;
}

.swal2-confirm {
    background-color: #85113c !important;
    color: #fff;
}

.swal2-deny {
    background-color: #85113c !important;
    color: #fff;
}

.vehicle_step_section_box_second_wht_bx:hover {
    border: solid 1px #85113c;
}

.vehicle_step_section_box_second_wht_bx p {
    font-size: 17px;
    color: #85113c;
    margin: 0;
    text-align: left;
}

.vehicle_step_section_box_second_wht_bx_right {
    display: flex;
    width: 70%;
    align-items: center;
    justify-content: space-between;
}

.stp_input {
    width: 100%;
    color: #292D32;
    font-size: 20px;
    outline: none;
    border: 0;
}

.vehicle_step_section_box_second_wht_bx_right span {
    color: #C7C7C7;
    font-size: 18px;
}

.vehicle_step_section_box_second_btn {
    width: 90%;
    height: auto;
    color: #fff;
    border-radius: 20px;
    text-align: center;
   /* background: linear-gradient(155deg, #85113c, #740832, #941845);*/
    background-color: #85113c;
    text-decoration: none;
    padding: 20px 0;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
    font-size: larger;
}

    .vehicle_step_section_box_second_btn:hover {
        background: linear-gradient(155deg, #85113c, #740832, #941845);
        color: #fff;
    }

.logo_section {
    width: 100%;
    display: inline-block;
    text-align: center;
}

    .logo_section img {
        width: 100%;
        max-width: 300px;
    }

.card_top__step_sec {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .card_top__step_sec p {
        width: 100%;
        display: inline-block;
        font-size: 11px;
        color: #C7C7C7;
        text-align: left;
    }

.card_top__step_sec_txt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.back_view_btn {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #242424;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

.card_top__step_count_box {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .card_top__step_count_box span {
        width: 100%;
        background-color: #D9D9D9;
        height: 4px;
    }

        .card_top__step_count_box span.active {
            background-color: #85113c;
        }

.vehicle_summary_box {
    width: 100%;
    display: inline-block;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 20px !important;
    margin-bottom: 20px;
    border: 0 !important;
}

    .vehicle_summary_box h5 {
        width: 100%;
        display: inline-block;
        color: #85113c;
        font-weight: bold;
    }

.vehicle_summary_box_head {
    width: 100%;
    display: inline-block;
    color: #85113c;
    font-size: 19px;
    text-align: right;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 5px;
}

.vehicle_summary_row_bx {
    width: 100%;
    height: auto;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    background-color: #fff;
    text-decoration: none;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.summary_table {
    width: 100%;
}

.edit_btn {
    color: #85113c;
    text-decoration: none;
    float: right;
    font-size: 14px;
    margin-bottom: 10px;
}

.summary_table p {
    font-size: 15px;
    color: #85113c;
    margin: 0;
    padding-left: 15px;
    font-weight: bold;
}

.summary_table td {
    color: #292D32;
    text-align: left;
    border-bottom: 1px #e5e5e5 solid;
    padding: 8px 0;
    font-weight: bold;
    padding: 8px;
}

.summary_table.arabic td {
    text-align: right !important;
}

.summary_table td:last-child {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}

.summary_table.arabic td:last-child {
    text-align: left !important;
}


.summary_table tr:last-child td {
    border-bottom: 0;
}

.number_code_select_ {
    width: 50px;
    border: 0;
    color: #C7C7C7;
    outline: none;
}

.vehicle_step_section_box_second_otp {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 20px 0;
}

    .vehicle_step_section_box_second_otp input {
        width: 100%;
        display: inline-block;
        height: 80px;
        border-radius: 20px;
        text-align: center;
        background-color: #fff;
        border: 0;
        outline: none;
    }

.bg-none {
    border: 0;
    background-color: transparent;
}

    .bg-none .summary_table td {
        text-align: left !important;
    }

.vehicle_summary_box .accordion-button {
    background-color: transparent !important;
    color: #000;
}

    .vehicle_summary_box .accordion-button::after {
        filter: brightness(0.5);
    }

.vehicle_summary_box .accordion-collapse .bg-none td:last-child {
    text-align: right !important;
}

.vehicle_summary_box .accordion-collapse .accordion-body {
    padding: 0;
}

.befefits_bx {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-option3 {
    background-color: #fff !important;
    color: #85113c !important;
    border: solid 1px #85113c !important;
}

.completed_ico {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.completed_box {
    flex-direction: column;
    color: #000;
}

    .completed_box strong {
        font-size: 19px;
        margin-bottom: 10px;
    }

.upload_sec_btn_row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    gap: 5px;
}

.upload_sec_btn_img {
    width: 100%;
    display: inline-block;
}

    .upload_sec_btn_img img {
        width: 100%;
    }

.second_bx_new {
    flex-direction: column;
    color: #000;
}

.upload_sec_btn_row .btn-option3 {
    width: 70%;
}

.upld_btn {
    width: 70%;
    height: auto;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    background-color: #292D32;
    text-decoration: none;
    padding: 20px 0;
    display: inline-block;
}


.pricing-container {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    margin-top: 5.8rem;
}

.pricing {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
}

.container-2 {
    background: #fff;
    margin-top: -1.6rem;
    margin-bottom: -1.6rem;
    box-shadow: 0px 0px 40px #ccc;
    position: relative;
    border-bottom: 10px #85113c solid;
    border-radius: 20px;
}

.container-1,
.container-3 {
    background-color: #fff;
    gap: 1.3rem;
}

.pricing h2 {
    font-size: 1.23rem;
    font-weight: 700;
}

.container-2 h2 {
    padding-top: 12px;
}

.container-1 h2,
.container-1 li,
.container-3 h2,
.container-3 li {
    color: #ccc;
}

.pricing p {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 auto;
    font-size: 4.6rem;
}

.dollar-sign {
    font-size: 2.6rem;
}

.container-1 p,
.container-3 p {
    color: #ccc;
}

.container-2 p {
    margin-top: -11px;
}

.pricing-container hr {
    width: 80%;
    border-width: 0.5px;
    margin: 0 auto;
    border-color: transparent;
    border-color: #ccc;
    border-style: solid;
    opacity: 0.5;
}

.pricing ul {
    list-style: none;
    margin-top: 10px;
    padding: 10px;
}

    .pricing ul li {
        padding: 8px 0;
        text-align: left;
        color: #000;
    }

.container-2 ul li {
    padding: 8px 0;
    text-align: left;
    color: #000;
}

.pricing ul li img {
    position: relative;
    top: -2px;
}

.pricing button {
    cursor: pointer;
    width: 90%;
    margin: 0 auto;
    margin-top: 1rem;
    border-radius: 10px;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    padding: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    word-spacing: 3px;
    font-weight: 700;
    text-align: center;
}

.container-2 button {
    color: #fff;
    background-color: #85113c;
    height: 60px;
    border-radius: 50px;
}

.container-1 button,
.container-3 button {
    color: var(--white);
    background: linear-gradient(var(--gradient));
    background-repeat: no-repeat;
    height: 60px;
    border: solid 1px #85113c;
    border-radius: 50px;
    margin-bottom: 20px;
}

.pricing.container-1 {
    border: solid 1px #ccc;
    box-shadow: 0px 10px #85113c;
}

    .pricing.container-1 .pricing_header {
        background-color: #85113c;
        color: #fff;
        padding: 40px 15px;
        text-align: center;
        height: 240px;
    }

.pricing.container-2 .pricing_header {
    background-color: #85113c;
    color: #fff;
    padding: 40px 15px;
    text-align: center;
}

.pricing.container-3 .pricing_header {
    background-color: #EDECEB;
    color: #292D32;
    padding: 40px 15px;
    text-align: center;
    height: 240px;
}

    .pricing.container-3 .pricing_header h2 {
        color: #292D32;
        font-size: 18px;
    }

    .pricing.container-3 .pricing_header p {
        margin: 0;
        color: #292D32;
    }

.pricing.container-3 .price-1 {
}

.pricing.container-3 {
    border: solid 1px #ccc;
    box-shadow: 0px 10px #EDECEB;
}

    .pricing.container-3 button {
        border-color: #ccc;
    }

.pricing_header h2 {
    color: #fff;
    font-size: 18px;
}

.pricing_header p {
    margin: 0;
    color: #fff;
}

.pricing_header .price-1 {
    font-size: 30px;
    justify-content: center;
    font-weight: 800;
    margin-top: 15px;
}

.pricing_header p {
    justify-content: center;
    font-size: 14px;
}

.after_selected_box {
    box-shadow: none;
    border: solid 1px #e5e5e5;
    margin-top: 0px;
}

    .after_selected_box button {
        margin-bottom: 20px;
        font-size: larger;
    }

.slect_btm_dtl_bx {
    width: 100%;
    display: inline-block;
    padding: 15px;
    border-radius: 10px;
    margin: 20px 0;
}

.slect_btm_dtl_bx_cnt {
    width: 100%;
    display: inline-block;
    border: solid 1px #e5e5e5;
    padding: 5px;
    padding-top: 10px;
    border-radius: 10px;
}

    .slect_btm_dtl_bx_cnt h6 {
        color: #85113c;
        text-align: left;
    }

.after_selected_box table {
    width: 100%;
    text-align: left;
}

    .after_selected_box table td {
        padding: 5px 7px;
    }

.after_selected_box_cnt {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

    .after_selected_box_cnt h6 {
        color: #85113c;
        font-size: 18px;
        text-align: left;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .after_selected_box_cnt input[type="checkbox"] {
        position: relative;
        width: 40px;
        height: 20px;
        -webkit-appearance: none;
        background: #c6c6c6;
        outline: none;
        border-radius: 20px;
        box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);
        transition: 0.7s;
    }

    .after_selected_box_cnt input:checked[type="checkbox"] {
        background: #85113c;
    }

    .after_selected_box_cnt input[type="checkbox"]:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        top: 0;
        left: 0;
        background: #ffffff;
        transform: scale(1.1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        transition: .5s;
    }

    .after_selected_box_cnt input:checked[type="checkbox"]:before {
        left: 20px;
    }

.view-profile-box {
    width: 60%;
    display: inline-block;
    background-color: #F2F2F2;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    min-height: 300px;
    padding-bottom: 100px;
    position: relative;
}

.small-size-btn {
    width: 30%;
    height: auto;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    background-color: #85113c;
    text-decoration: none;
    padding: 20px 0;
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
    font-size: larger;
}

    .small-size-btn:hover {
        background-color: #85113c;
        color: #fff;
    }

.intimate-claim-box {
    width: 100%;
    display: inline-block;
    background-color: #F2F2F2;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    min-height: 300px;
    padding-bottom: 40px;
    position: relative;
}

.show-claim-btn {
    width: 45%;
    height: auto;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    background-color: #85113c;
    text-decoration: none;
    padding: 8px 0;
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
    font-size: medium;
}

    .show-claim-btn:hover {
        background-color: #85113c;
        color: #fff;
    }

.cancel-btn {
    width: 20%;
    height: auto;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    background-color: #85113c;
    text-decoration: none;
    padding: 20px 0;
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
    font-size: larger;
    margin-bottom: 25px;
    margin-top: 15px;
}

/* Tabs */
.tab-btn-container {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.tab-btn {
    background: #fff;
    border: 1px solid #85113c;
    color: #85113c;
    padding: 10px 25px;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}

    .tab-btn.active,
    .tab-btn:hover {
        background: linear-gradient(155deg, #85113c, #740832, #941845);
        color: #fff;
    }

/* File Upload */
.file-box {
    justify-content: center;
    gap: 15px;
}

.file-upload-btn {
    background-color: #fff;
    border: 1px solid #85113c;
    color: #85113c;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

    .file-upload-btn:hover {
        background-color: #85113c;
        color: #fff;
    }

.w-49 {
    width: 49%;
}

.refreshWarning {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #85113c;
    border: 1px solid #ffeeba;
    color: #fff;
    padding: 12px 18px;
    border-radius: 8px;
    margin: 0px auto;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    font-family: 'Segoe UI', sans-serif;
    animation: fadeIn 0.6s ease-in-out;
}

.alert-icon {
    font-size: 22px;
    color: #fff3cd;
}

.alert-content {
    font-size: 15px;
    line-height: 1.4;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

/* Details Page */
@keyframes float {
    0% {
        transform: translateY(0) translateX(0);
    }

    100% {
        transform: translateY(15px) translateX(15px);
    }
}

@media (hover: hover) {
    .container-1 button:hover, .container-3 button:hover {
        background: transparent;
        border-color: var(--light-grayish-blue);
        color: var(--purple);
        border-width: 1px;
    }

    .container-2 button:hover {
        background-color: transparent;
        border-color: var(--white);
        color: var(--white);
        border-width: 1px;
    }
}

@media screen and (max-width: 1025px) {
    .pricing-container {
        width: 50%;
        grid-template-columns: 1fr;
        margin-top: 5.8rem;
        gap: 5rem;
    }

    .container-2 {
        margin-top: initial;
        margin-bottom: initial;
    }

        .container-2 ul li {
            padding: 1.06rem;
        }

        .container-2 h2 {
            padding-top: initial;
        }

        .container-2 p {
            margin-top: initial;
        }
}

@media screen and (max-width: 800px) {
    .pricing-container {
        width: 60%;
    }

    .container-2 button {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
    .pricing-container {
        width: 90%;
    }
}