@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --font-family: Arial, sans-serif;
    --validation-error-color: #e80c4d;
    --background-color: #F4F6FA;
    --primary-color: #462E82;
    --recent_color: #462E82;
    --primary_color: #462E82;
    --primary_black: #462E82;
    --black_btn: #fff;
    --primary-color-home: #462E82;
    --google-clr_black: #000;
    --white: #fff;
    --white_clr: #fff;
    --black_txt: #000;
        --font-size: 12px;
    --font-color: #000000;
    --card-color: #ffffff;
    --panel-bg: #333333;
    --skip-color: #c84b31;
    --notice-color: #c84b31;
    --font-theme-clr: #000000;
    --font-theme-clr1: #000000;
    --google-color: #e7f6ff;
    --bg-footer: #1F1F1F;
    --yellow-clr: #ff9900;
    --yellow_clrdark: #ff9900;
    --river-sand-clr: #8cd4ff;
    --black-white: #000;
    --black-white_clr: #000;
    --card-hover: #fff;
    --login-bg: #F3F3F7;
    --disabled--border: #BBBAB6;
    --disabled--border_black: #462E82;
    --disabled--bg: #dddddd;
    --attention-btnclr: #C84B31;
    --content-bg: #6f52b91c;
    --dashboard_bg: #F5F2FF;
    --dashboard_bg_black: #F5F2FF;
    --card-one: #fff7cf;
    --card-bg-green: #e1ffcf;
    --black-txt: #000;
    --card-bg-blue: #EAF9FF;
    --card-bg-red: #FFEAE5;
    --card-bg-violet: #F4EEFF;
    --dashboard_title: #CC6240;
    --dashboard_title1: #22AD83;
    --dashboard_title2: #2251AD;
    --white-theme: #fff;
    --font-theme-white: #000;
    --navbar-border: #e7e7e7;
    --font-size-5: 5px;
    --font-size-8: 8px;
    --font-size-9: 9px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-10: 10px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-19: 19px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-23: 23px;
    --font-size-24: 24px;
    --font-size-25: 25px;
    --font-size-28: 28px;
    --font-size-30: 30px;
    --font-size-31: 31px;
    --font-size-34: 34px;
    --font-size-40: 40px;
    --font-size-46: 46px;
    --font-size-50: 50px;
    --help_bg: #313131;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   
   
}
/*body {
    font-family: 'Poppins', sans-serif;
}*/
/*body {
    font-family: Poppins;
    background: #ddd !important;
}*/
.input-validation-error, .input-validation-error:focus, .input-validation-error:hover {
    border: 1px solid var(--validation-error-color);
}
.db_heading b{
    color: var(--font-theme-clr);
}

label {
    font-weight: 500 !important;
}
.mobile_width_mei {
    margin: 20px auto 5px;
    width: 50%;
}
.mobile_width_mei_new {
    margin: 3px auto 5px;
    width: 77%;
}
.support_box_clr {
    color: var(--font-theme-clr)
}
.toogle_img_block{
    display:none;
}

.label-required {
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
    color: #F44336;
    position: relative;
    padding-left: 1px;
    text-align: left;
    font-size: var(--font-size-13);
}

.text-semibold {
    font-weight: bold;
}

.paddingleft5 {
    padding-left: 5px;
}

.ug-slider-wrapper .ug-button-videoplay.ug-type-square {
    width: 40px !important;
    height: 40px !important;
    background-image: url('../Scripts/unitegallery/images/play-button.png') !important;
    background-position: -15px -76px !important;
    border-radius: 18px !important;
    box-shadow: 0px 0px 11px 2px !important;
}

.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play {
    width: 40px !important;
    height: 40px !important;
    background-image: url('../Scripts/unitegallery/images/play-button.png') !important;
    background-position: -15px -76px !important;
    border-radius: 18px !important;
    box-shadow: 0px 0px 11px 2px !important;
}

.videoImg {
    content: url(../Scripts/unitegallery/images/video_icon_small.png) !important;
}

/*Style to adjust grid height - scrollable*/
.k-grid .k-grid-content {
    max-height: 500px !important;
    max-height: 320px !important;
}


/*Style to adjust export chart button*/
.exportChart {
    position: relative !Important;
    right: 50px !Important;
}

.term-TNSand a {
    margin: 10px 0;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

.public {
    background-image: url('../images/public-entry.svg');
    background-position: center;
    background-size: cover;
    height: 12rem;
    border-radius: 4px;
    margin: 10px 0;
}

    .public:hover {
        background-image: url('../images/public-entry-active.svg');
        background-position: center;
        background-size: cover;
        height: 12rem;
        border-radius: 4px;
        margin: 10px 0;
    }

.lorry-owner {
    background-image: url('../images/lorry-owner.svg');
    background-position: center;
    background-size: cover;
    height: 12rem;
    border-radius: 4px;
    margin: 10px 0;
}

    .lorry-owner:hover {
        background-image: url('../images/lorry-owner-active.svg');
        background-position: center;
        background-size: cover;
        height: 12rem;
        border-radius: 4px;
        margin: 10px 0;
    }


/*.nav-li-a-color li a {
    color: #000;
}*/


/*Naveena Styles*/
body {
    background-color: var(--background-color) !important;
}


.footer_query {
    /*   position: fixed;
    bottom: 0;
    left: 50%;*/
    margin-bottom: 5px;
}
.news_loader_section {
    background-color: #F7F4FF;
}


.logo_img_a {
    width: 253px;
    height: auto;
    padding: 0;
}

.logo_img_registration {
    width: 100%;
}

.home_page {
    color: var(--primary-color);
    font-weight: 500;
    font-size:var(--font-size-15);
    text-decoration: none;
}

    .home_page:hover {
        color: var(--primary-color);
    }

.logo_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 50px 10px 27px;
    background-color: var(--white);
}

.login_flex {
    display: flex;
    column-gap: 20px;
}

.main_form_height {
    height: 550px;
}

.register_section {
    background-color: var(--primary-color);
    padding: 10px 20px 58px 25px;
    font-family: 'Poppins';
    cursor: pointer;
}

.form_cmn_scroll {
    height: 375px;
    overflow-y: scroll;
}
.form_cmn_scroll_new {
    height: 425px;
    overflow-y: scroll;
}

.form_cmn_scroll_big {
    height: 400px;
    overflow-y: scroll;
}

.register_section > span {
    font-weight: normal;
    font-size:var(--font-size-20);
    line-height: 30px; /* identical to box height */
    color: var(--white);
}

.register_section span:nth-of-type(2) {
    display: inline-block;
    margin-left: 5px;
}

.register_title {
    display: inline-block;
    margin-left: 10px;
}

.form_section {
    background: var(--white);
    border-radius: 10px;
    margin: 0px 46px;
    margin-top: -47px;
    font-family: 'Poppins';
    padding-bottom:10px;
}

.register_section .icon-Vector1 {
   font-size: var(--font-size-17);
}

.flex_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px 20px 20px;
}
.flex_unset{
    display:block !important;

}


.public_user {
    display: inline-block;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
   font-size: var(--font-size-24);
    line-height: 36px; /* identical to box height */
    color: #000000;
}

.stepper-wrapper {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.language_flx{
    display:flex;
    column-gap:10px;

}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #D9D9D9;
    top: 20px;
    left: -50%;
    z-index: 2;
}

    .stepper-item::after {
        position: absolute;
        content: "";
        border-bottom: 1px solid #D9D9D9;
        width: 100%;
        top: 20px;
        left: 50%;
        z-index: 2;
    }

    .stepper-item .step-counter {
        position: relative;
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background:var(--login-bg);
        margin-bottom: 6px;
        color: #1F1F1F;
        font-weight: 500;
       font-size: var(--font-size-17);
    }

.step-name {
   font-size: var(--font-size-14);
    font-weight: 300;
}

.stepper-item.completed .step-counter {
    background-color: var(--primary-color);
    color: var(--white);
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.step-name.completed {
    color: var(--primary-color);
}

.step-name {
    color: #808080;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

@media(max-width:1200px) {
    .public_user {
       font-size: var(--font-size-17);
    }

    .stepper-wrapper {
        width: 60%;
    }

    .sidebar .nav span {
       font-size: var(--font-size-13);;
    }
    
}

@media(max-width:992px) {
    .step-name {
        color: #808080;
        font-size: var(--font-size);
        white-space: nowrap;
    }

    .register_heading {
        margin-bottom: 0px !important;
    }

    .img_register {
        margin-top: 30px;
    }
}

@media(max-width:768px) {
    .flex_form {
        display: block;
    }

    .form_cmn_scroll, .form_cmn_scroll_big, .form_cmn_scroll_new {
        height: unset;
    }

    .main_form_height {
        height: unset;
    }

    .stepper-wrapper {
        width: 100%;
        margin-top: 10px;
    }
}

@media(max-width: 576px) {
    .checkbox_allow {
        display: flex;
        column-gap: 10px;
    }

    .label_docs {
       font-size: var(--font-size-10) !important;
    }

    .logo_nav {
        display: grid;
        justify-content: unset;
    }

    .mt_captacha {
        margin-top: 15px;
    }

    .login_flex {
        justify-content: end;
    }

    

    .form_section, .form_section_booking {
        background: var(--white);
        border-radius: 10px;
        margin-left: 13px;
        margin-right: 13px;
    }
}

.align_center {
    display: flex;
    align-items: center;
}

.align_middle {
    display: flex;
    align-items: end;
}

.col_gap {
    column-gap: 20px;
    display: flex;
    align-items: center;
}

.info_form {
    border-top: 1px solid #7070705c;
    border-bottom: 1px solid #7070705c;
    padding: 10px 90px 40px 20px;
}
.info_new {
    border-top: 1px solid #7070705c;
    border-bottom: 1px solid #7070705c;
    padding: 10px 90px 40px 20px;
}
.border_bottom_white{
    border-bottom: 1px solid var(--white);
}
.info_gap {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.form_title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
   font-size: var(--font-size-18);
    line-height: 27px;
    margin-top: 15px;
    /* identical to box height */

    text-transform: capitalize;
    color: var(--primary-color);
}
.form_flex{
    display:flex;
    flex-wrap:wrap;
}

.form_input {
    background: var(--white);
    outline: 0.5px solid var(--disabled--border) !important;
    border: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    
    font-weight: 400;
    color: #000000;
    font-family: 'Poppins';
    margin-bottom: 2px;
}
    .form_input::placeholder{
        font-weight:400;
        
    }
.border_row {
    padding-bottom:30px;
    border-bottom: 1px solid #7070705c;
}

/*.k-state-border-down{
    width:900px !important;
}*/

    .form_input:focus-visible, .form_input:focus, .form_input:hover, .form_input:active {
        background: var(--white);
        outline: 0.5px solid var(--disabled--border) !important;
        border: none;
        border-radius: 5px;
        /*width: 100%;*/
        height: 50px;
    }
#dvNewModel{
    margin-bottom:5px;
}

.confirm_star {
    color: #FF0000;
}
.justify_center{
    display:flex;
    justify-content:center;
}
.justify_center_col {
    display: flex;
    justify-content: center;
  
}

.label_number {
    color: #000000;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500 !important;
   font-size: var(--font-size-13);
}

.verified_user {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size);
    line-height: 19px;
    /* identical to box height, or 158% */


    color: #2CA380;
    display: inline-block;
    display: flex;
    align-items: center;
    margin: 10px 0px;
    column-gap: 6px;
}

.existing_user {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size);
    line-height: 19px;
    /* identical to box height, or 158% */


    color: #d92800;
    display: inline-block;
    display: flex;
    align-items: center;
    margin: 10px 0px;
    column-gap: 6px;
}

.form_input::-webkit-input-placeholder {
    color: #000000;
    display: inline-block;
    font-weight: 400;
    font-size:var(--font-size-15);
}

.tic_icn {
   font-size: var(--font-size-5);
}

.note_user {
    color: var(--primary-color);
}

.m_input_row {
    margin-top: 10px;
    margin-bottom: 40px;
}

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

.my_input {
    margin: 12px 0px;
}
.icn_40 {
    margin-top: 4px;
    display: inline-block;
}
.button_form {
    display: flex;
    justify-content: end;
    column-gap: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 600;
}

.previous_btn {
    height: 50px;
    padding: 15px 30px !important;
    color: #555555;
    background: #DEE5EB;
    border-radius: 5px !important;
    font-weight: 600 !important;
}

.sts_dropdown {
    display: flex;
    align-items: center;
    column-gap: 10px;
    /*width: 184px;*/
    color: #000;
    font-weight: 500;
   font-size: var(--font-size-14);
}

    .sts_dropdown .k-dropdownlist {
        height: 39px !important;
        border-radius: 5px;
    }

.button_form > button:active, .button_form > button:focus {
    box-shadow: none;
    outline: none !important;
}

.mt_captacha {
    margin-top: 40px;
}

.next_btn_tab {
    display: inline-block;
    margin-right: 20px;
    height: 50px;
    padding: 15px 33px !important;
    color: var(--white);
    font-weight: 600 !important;
    background: var(--primary-color);
    border-radius: 5px !important;
}

    .next_btn_tab:hover, .next_btn_tab:focus, .next_btn_tab:active {
     
        outline: none !important;
    }


.next_btn {
    display: inline-block;
    margin-right: 20px;
    height: 50px;
    padding: 15px 33px !important;
    color: var(--white);
    font-weight: 600 !important;
    background: var(--primary-color);
    border-radius: 5px !important;
}

    .next_btn:hover, .next_btn:focus, .next_btn:active {
        color: var(--white) !important;
        outline:none !important;
    }
.previous_btn:hover, .previous_btn:focus, .previous_btn:active {
  
    outline: none !important;
}

.icon_width {
    width: 13px;
    height: 13px;
    background-color: #4BB395;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.error_bg {
    background-color: #d92800 !important;
}

.error_content {
    background-color: #d92800;
    text-align: center;
}

.err_icn, .err_title {
    color: #d92800 !important;
}

.error_btn {
    border-radius: 5px !important;
    color: var(--white);
    background-color: #d92800 !important;
}

.footer_div {
    font-style: normal;
    font-weight: 400;
   font-size: var(--font-size-13);
    line-height: 22px;
    /* identical to box height, or 169% */


    color: #464646;
    display: flex;
    justify-content: center;
    padding: 10px;
    margin-bottom: 0px;
}

@media(max-width:1200px) {
    .info_form, .info_new_booking, .info_new {
        padding-right: 20px;
    }

}

@media(max-width:768px) {
    .row_flex {
       display:flex;
      
    }

    .info_form, .info_new_booking, .info_new {
        padding-bottom: 40px;
    }
   
}
@media(max-width:767.98px) {
    .row_flex {
        display: flex;
        flex-direction:column;
    }
}

    @media(max-width:578px) {

        .info_form {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .form_title {
            padding-left: 15px;
        }
    }

    .verify_input_btn {
        background: var(--primary-color) !important;
        border-radius: 5px !important;
        color: var(--white);
        position: absolute;
        top: 31px;
        right: 21px;
        padding: 9px 26px !important;
    }

        .verify_input_btn:hover, .verify_input_btn:focus, .verify_input_btn:active, .error_btn:hover, .error_btn:focus, .error_btn:active {
            color: var(--white) !important;
            box-shadow: none !important;
            outline: none !important;
        }

    .form_verify {
        position: relative;
    }

.form_input[disabled] {
    cursor: default;
    background: var(--disabled--bg) !important;
    opacity: 0.5;
    border: 0.5px solid var(--disabled--border);
    font-weight: 400;
}

    .disabled_txt label, .disabled_txt label span {
        color: rgba(85, 85, 85, 0.5);
    }
    /*modal_starts here*/
    :root {
        --modal-duration: 1s;
    }



    .button_modal {
        background: #428bca;
        padding: 1em 2em;
        color: var(--white);
        border: 0;
        border-radius: 5px;
        cursor: pointer;
    }

        .button_modal:hover {
            background: #3876ac;
        }

    .modal_verify .modal-header {
        border-bottom: none;
    }

    .modal_verify .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal_verify .modal-content {
        margin: 10% auto;
        width: 25%;
        box-shadow: none !important;
        animation-name: modalopen;
        animation-duration: var(--modal-duration);
    }

    .modal_verify .modal-header h2,
    .modal_verify .modal-footer h3 {
        margin: 0;
    }

    .modal_verify .modal-header {
        font-style: normal;
        font-weight: 500;
       font-size: var(--font-size-18);
        line-height: 27px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0px !important;
        padding-left: 20px;
        /* identical to box height */


        color: #333333;
    }

    .otp_label {
        font-weight: 400;
        font-size: var(--font-size);
        line-height: 18px;
        /* identical to box height */


        color: #333333;
    }

    .otp_input:focus-visible, .otp_input:focus, .otp_input:hover, .otp_input:active {
        background: var(--white);
        outline: 0.5px solid #DDDCE0 !important;
        border: none;
    }

    .otp_input::-webkit-input-placeholder {
        font-weight: 600 !important;
        font-size: var(--font-size-16);
        color: #000 !important;
    }

    .otp_input {
        width: 52px;
        height: 48px;
        background: var(--white);
        border: 1px solid #DDDCE0;
        border-radius: 4px;
        text-align: center;
        font-weight: 600;
        font-size: var(--font-size-16);
        color: #000 !important;
    }

    .modal_verify .modal-header::before, .modal_verify .modal-header::after {
        content: none;
    }

    .ph_no {
        color: var(--primary-color);
    }

    .modal_verify .modal-body {
        padding: 0px 20px 10px 20px;
        background: var(--white);
       font-size: var(--font-size-14);
    }

    .modal_verify .modal-footer {
        border-top: none;
        background: var(--modal-color);
        padding: 10px;
        color: var(--white);
        text-align: center;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding-bottom: 17px;
        background-color: var(--white);
    }

    .verify_footer_btn {
        background: var(--primary-color) !important;
        border-radius: 5px !important;
        color: var(--white);
        padding: 9px 26px !important;
    }

        .verify_footer_btn:hover, .verify_footer_btn:focus, .verify_footer_btn:active {
            color: var(--white) !important;
            box-shadow: none !important;
            outline: none !important;
        }

    .resend_otp {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 5px 0px;
    }

    .min_lft {
        font-size: var(--font-size);
        line-height: 18px;
        /* identical to box height */


        color: #333333;
    }

    .resend_txt {
       font-size: var(--font-size-14);
        text-transform: capitalize;
        /* Primary */

        color: var(--primary-color);
        text-decoration: underline;
        font-weight: 500;
    }

    .modal_verify.close {
        color: #000;
        color: var(--white);
        opacity: 1 !important;
    }

    .modal_verify .close {
       font-size: var(--font-size-14);
        opacity: 1 !important;
    }

    .verify_otp_title {
        font-weight: 500;
      /*  font-size: var(--font-size-16);*/
        line-height: 27px;
        color: #333333;
    }

    .modal_verify .close:hover,
    .modal_verify .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

    @keyframes modalopen {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .d_input {
        display: flex;
        justify-content: space-around;
    }

    @media(max-width:1500px) {
        .modal_verify .modal-content {
            margin: 10% auto;
            width: 32%;
        }

        .otp_input {
            width: 66px;
        }
    }

    @media (max-width: 1410px) {
        .modal_verify .modal-content {
            margin: 10% auto;
            width: 36%;
        }

        .otp_input {
            width: 52px;
            height: 48px;
        }
    }

    @media(max-width:1200px) {
        .modal_verify .modal-content {
            margin: 10% auto;
            width: 50%;
        }
    }

    @media(max-width:768px) {
        .modal_verify .modal-content {
            margin: 10% auto;
            width: 70%;
        }
    }

    @media(max-width:578px) {
        .modal_verify .modal-content {
            margin: 10% auto;
            width: 90%;
        }

        .otp_input {
            width: 40px;
            height: 40px;
        }
    }




    /*modal ends here
*/

    /*adhar*/
    .counter_green {
        background-color: #0D8520 !important;
    }

    .tabset > input[type="radio"] {
        position: absolute;
        left: -200vw;
    }

    .tabset .tab-panel {
        display: none;
    }

    .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
    .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
    .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
    .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
    .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
    .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
        display: block;
    }

    /*
 Styling
*/
    .register_img {
        margin-bottom: 40px;
    }

    .center_login {
        flex-direction: column;
        display: flex;
        height: 100%;
        min-height: 100vh;
        align-items: center;
        justify-content: center;
        background-color: var(--white) !important;
        font-family: 'Poppins';
        position: relative;
    }

    .register_footer {
        position: absolute;
        bottom: 0px;
        margin-bottom: 10px;
    }

    .tabset > label {
        position: relative;
        display: inline-block;
        height: 56px;
        padding: 15px 15px 10px 15px !important;
        border-bottom: 0;
        cursor: pointer;
        font-weight: 600;
        width: 48%;
       font-size: var(--font-size-14);
        text-align: center;
        border-bottom: 1px solid #DDDCE0;
        margin-right: -5px;
        background: var(--white);
        border: 1px solid #DDDCE0;
        border-radius: 0px 4px 4px 0px;
    }

        .tabset > label:hover::after,
        .tabset > input:focus + label::after,
        .tabset > input:checked + label::after {
            background: #06c;
        }

    .tabset > input:checked + label {
        background-color: var(--primary-color);
        color: var(--white);
        border-radius: 4px 0px 0px 4px;
        font-weight: 600;
       font-size: var(--font-size-14);
    }

    .pdf_img {
        background: #F8F8F8;
        border: 0.5px dashed #888888;
        border-radius: 4px;
        padding: 26px 20px;
        margin-bottom: 8px;
        text-align: center;
        font-weight: 400;
        font-size: var(--font-size-16);
        /* identical to box height */
        cursor: pointer;
        color: #333333;
    }



    .atch_doc {
        font-weight: 500;
       font-size: var(--font-size-18);
        line-height: 24px;
        /* identical to box height */


        color: #000000 !important;
    }

    .file_atch {
        background: #F8F8F8 !important;
        border-radius: 4px;
        width: 100%;
        height: 50px;
        padding: 10px 15px;
        display: flex;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .max_size {
        font-weight: 400;
        font-size: var(--font-size);
        line-height: 18px;
        /* identical to box height */


        color: var(--primary-color) !important;
    }

    .aadhar_txt {
        font-weight: 400;
       font-size: var(--font-size-14);
        line-height: 17px;
        /* identical to box height */
        line-break:anywhere;

        color: #333333;
    }

    .input_flx {
        align-items: end;
        display: flex;
    }

    .delete_icn {
        color: #333333;
    }

    .label_number {
        display: inline-block;
        margin-bottom: 5px !important;
    }

    .select_input {
        margin-top: 10px;
    }

    .input_calender {
        background: var(--white);
        outline: none !important;
        border: none;
        border-radius: 5px;
        width: 100%;
        height: 50px;
        padding: 10px 15px;
        font-size: var(--font-size-16);
        font-weight: 500;
        color: #000000;
    }

    .k-input:not(:-webkit-autofill) {
        border: 0.5px solid var(--disabled--border) !important;
        border-radius: 5px;
        /* animation-name: autoFillEnd; */
    }

    .my_input .k-input:not(:-webkit-autofill):hover, .my_input .k-input:not(:-webkit-autofill):focus {
        border: 0.5px solid var(--disabled--border);
        box-shadow: none;
        /* animation-name: autoFillEnd; */
    }

    .my_input button.k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base {
        background-color: none !important;
        border-color: var(--white);
        background-image: linear-gradient(var(--white), var(--white));
    }

    .pl_form {
        padding-left: 5px !important;
    }

    .my_input input#txtApprovalDate {
        padding-bottom: 13px;
        padding-left: 14px;
    }

    .form_num {
        position: relative;
    }

    .btn_unit {
        background: #F8F8F8;
        border-radius: 0px 4px 4px 0px;
        padding: 10px 20px !important;
        position: absolute;
        padding: 14px 12px !important;
        position: absolute;
        right: 16px;
        top: 36px;
    }

    .w_file {
        width: 40%;
    }

    .pdf_img img {
        width: 19px;
        display: inline-block;
        margin-top: -3px;
        margin-right: 3px;
    }

    .btn_unit:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .success_header {
        background-color: var(--primary-color);
        border-radius: 10px 10px 0px 0px;
        justify-content: center !important;
    }

    .success_content {
        background-color: var(--primary-color) !important;
        text-align: center;
    }

    .success_icn {
        width: 48px;
        height: 48px;
        background-color: var(--white);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }

    .success_tic {
        color: var(--primary-color);
        font-weight: 600;
    }

    .sucess_title {
        display: inline-block;
        font-weight: 500;
        font-size: var(--font-size-25);
        line-height: 30px;
        margin: 15px 0px;
        /* identical to box height */


        color: #333333;
    }

    .login_success {
        font-weight: 400;
        font-size: var(--font-size-16);
        line-height: 23px;
        text-align: center;
        color: #333333;
    }

    .gologin_btn {
        padding: 15px 30px !important;
        margin-bottom: 10px !important;
    }

    .modal_verify .modal_cls {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal_verify.close_success {
        color: #ccc;
        float: right;
        font-size: var(--font-size-30);
        color: var(--white);
        opacity: 1 !important;
    }

        .modal_verify .close_success:hover,
        .modal_verify .close_success:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

    .success_tic:before {
        color: var(--primary-color) !important;
    }
    /*.login_bg_section{
  background-color: var(--white);
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  height: 100vh;

}
.home_left{
  padding: 20px 40px !important;
  background: #F3F3F7;
border-radius: 12px;
display: flex;
    flex-direction: column;
    justify-content: space-around;
   
}*/
    .login_bg_section {
        background-color: var(--white);
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex;
        flex-wrap: wrap;
        min-height: 100vh;
        height: 100%;
    }

    .captcha_div {
        position: relative;
        left: 15px;
    }

    .refresh_txt {
        font-family: 'Poppins';
        color: #000;
        font-size: var(--font-size);
    }

        .refresh_txt:hover {
            color: #000;
        }

    .refresh_icn {
        display: inline-block;
        margin-right: 5px;
        color: var(--primary-color);
       font-size: var(--font-size-11);
        top: 1px;
        position: relative;
    }

    .home_left {
        padding: 60px 40px !important;
        background: var(--login-bg);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .home_page_txt {
        font-weight: 500;
       font-size: var(--font-size-14);
        line-height: 23px;
        font-family: 'Poppins';
        /* identical to box height, or 164% */


        color: var(--primary-color-home) !important;
        text-decoration: none !important;
    }

    .home_icn {
        display: inline-block;
        padding-right: 7px;
       font-size: var(--font-size-13);;
    }

    .tnsand_welcome {
        font-size: var(--font-size-30);
        font-family: 'Poppins';
        /* identical to box height */


        color: #000000;
    }

    .tnsand_para {
        font-weight: 300;
       font-size: var(--font-size-14);
        font-family: 'Poppins';
        color: #000000;
    }

    .powered_title {
       font-size: var(--font-size-14);
        font-family: 'Poppins';
        color: #565656;
    }

    .img_top {
        position: relative;
        top: -35px;
    }



    /* registrationform_styles_by_naveena_ends_here*/

    #resendlink {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        /*text-decoration: underline;*/
        /*cursor: pointer;*/
    }

    .alrt_div {
        background: #F7F4FF;
        border-radius: 0px 5px 5px 0px;
        /* margin-left: 45px;
margin-right: 45px; */
        /*width: max-content;*/
        margin: 10px auto;
        padding: 0px 21px 0px 0px;
    }


    .attention_btn {
        background: var(--attention-btnclr);
        border-radius: 5px 0px 0px 5px !important;
        font-weight: 500;
       font-size: var(--font-size-14);
        color: var(--white);
        font-family: 'Poppins';
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .alert_attention_title {
        font-weight: 500;
       font-size: var(--font-size-13);;
        /* identical to box height, or 208% */


        color: #000000;
        display: inline-block;
        margin-left: 15px;
        position: relative;
        margin: 10px 0px 10px 15px;
    }

    .click_title:hover, .click_title:focus {
        color: var(--primary-color);
        text-decoration: underline !important;
    }

    .click_title {
        color: var(--primary-color);
        text-decoration: underline;
    }

    .x_icn {
       font-size: var(--font-size-11);
        display: inline-block;
        margin-left: 10px;
    }

    .attention_btn:active, .attention_btn:focus {
        box-shadow: none;
        outline: none !important;
    }

    .attention_btn:hover, .attention_btn:focus {
        color: var(--white) !important;
    }

.login_center {
    width: 57%;
    margin: 0px auto;
    margin-bottom: 35px;
    padding-top: 30px;
}

    .login_info {
        font-weight: 500;
        font-size: var(--font-size-30);
        /* identical to box height */


        color: #000000;
        margin: 5px 0px 0px 0px;
        display: inline-block;
        font-family: 'Poppins';
    }

    .pos_rel {
        position: relative;
        margin: 10px 0px;
    }

    .phone_icn {
        display: inline-block;
        position: absolute;
        top: 43px;
        left: 2px;
        color: var(--primary-color);
        font-weight: 900;
        font-size:var(--font-size-20);
        padding: 0px 10px;
    }

    .srch_icn {
        display: inline-block;
        position: absolute;
        top: 18px;
        left: 2px;
        color: var(--primary-color);
        font-weight: 900;
        font-size:var(--font-size-20);
        padding: 0px 10px;
    }

    .padding_input {
        padding: 10px 15px 10px 40px;
        margin-top: 3px;
    }

    .pl_title {
        padding-left: 18px;
    }

    .forgot_tag {
       font-size: var(--font-size-17);
        /* identical to box height */

        text-decoration-line: underline;
       
        /*float: right;*/
        display: flex;
        justify-content: end;
        color: var(--primary-color);
        float: right;
       
        margin: 10px 0px;
        font-family: 'Poppins';
        cursor: pointer;
    }

.forgot_tag {
   font-size: var(--font-size-17);
    /* identical to box height */



    text-decoration-line: underline;
    color: var(--primary-color);
    /*float: right;*/
    display: flex;
    justify-content: end;
    margin: 10px 0px;
    font-family: 'Poppins';
    cursor: pointer;
}

    .captacha_icn {
        display: inline-block;
        padding-left: 25px;
    }

    .login_click {
        font-weight: 400;
        font-family: 'Poppins';
       font-size: var(--font-size-14);
        /* identical to box height */


        color: #000000;
    }

    .login_terms {
        color: var(--primary-color);
        text-decoration: underline;
    }

    .btn_block_login {
        background: var(--primary-color);
        border-radius: 5px !important;
        padding: 15px 15px !important;
        margin: 25px 0px;
        font-family: 'Poppins';
        color: var(--white);
        font-weight: 600 !important;
    }

        .btn_block_login:active, .btn_block_login:focus {
            box-shadow: none;
            outline: none !important;
        }

        .btn_block_login:hover, .btn_block_login:focus {
            color: var(--white) !important;
        }

    .register_btn {
        background: var(--white);
        border: 1px solid var(--primary-color) !important;
        border-radius: 6px !important;
        padding: 13px 24px !important;
        display: inline-block;
        margin-left: 10px;
        color: var(--primary-color);
        font-weight: 600 !important;
        font-family: 'Poppins';
        margin-top: 5px;
    }

    .register_total {
        margin: 15px 0px;
        text-align: center;
    }


    .register_total_cmn {
        margin: -27px 0px 0px 0px;
        text-align: center;
    }

    .register_btn:active, .register_btn:focus {
        box-shadow: none;
        outline: none !important;
    }

    .register_btn:hover, .register_btn:focus {
        color: var(--primary-color) !important;
    }

    .home_right {
        background-color: var(--white) !important;
        font-family: 'Poppins';
        height: 100%;
        position: relative;
    }

    .footer_absolute {
        position: absolute;
        bottom: 0px;
        bottom: 0px;
        left: 28%;
        margin-bottom: 10px;
    }

    .pb_right {
        padding-bottom: 15px;
    }

    .refresh_unset {
        justify-content: unset !important;
    }

    .footer_login {
        font-weight: 400;
        font-size: var(--font-size);
        font-family: 'Poppins';
        /* identical to box height, or 183% */


        color: #565656;
        margin-top: 15px;
        text-align: center;
    }

    .kendo_footer {
        margin-top: 10px;
        position: absolute;
        margin-top: 10px;
        /*bottom:0px;*/
        padding-bottom: 15px !important;
        left: 34%;
    }

    .k-i-arrow-rotate-cw::before {
        color: var(--primary-color);
        content: "\e103";
    }

    .k-pager-sizes .k-input-inner, .k-pager-sizes .k-input-value-text {
        text-overflow: clip;
        padding-top: 4px !important;
        padding-right: 30px !important;
    }

    div.k-grid-norecords {
        top: -7px;
        position: relative;
        align-items: center;
        justify-content: center;
    }

    .captcha_top {
        width: 100%;
    }


        .captcha_top img {
            width: 100%;
            margin-top: 29px;
            height: 38px;
        }

    .mt_col {
        padding-right: 0px;
    }

    .pos_rel .row {
        width: 100%;
        display: flex;
    }

    .login_none {
        display: none;
    }

    .alrt_div {
        display: flex;
    }

    .x_icn {
        margin-top: 16px;
        margin-left: 32px;
        color: var(--primary-color);
        cursor: pointer;
    }

    .d_none {
        display: none !important;
    }

    .register_img {
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .img_top img {
        display: block;
        max-width: 100%;
    }

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

    .d_block {
        display: block !important;
        margin-left: 12px;
    }

    @media(max-width:1440px) {
        #dvQuarryDepotPortPartial .tn_no {
            width: 60px !important;
        }

        #dvQuarryDepotPortPartial .label_number {
            font-size: var(--font-size) !important;
            white-space: nowrap;
        }
        .mobile_width_mei {
            margin: 20px auto 5px;
            width: 59%;
        }
    }


    @media(max-width:1300px) {
        .form_padding_mar {
            margin-left: 20px !important;
            margin-right: 20px !important;
        }

        .kendo_table_h {
            margin-left: 20px !important;
            margin-right: 20px !important;
        }

        .k-pager-numbers {
            display: none;
        }
        .mobile_width_mei {
          
            width: 69%;
        }

        .sidebar .nav span {
            font-size: var(--font-size-14) !important;
        }

        #dvQuarryDepotPortPartial .label_number {
           font-size: var(--font-size-13) !important;
            white-space: nowrap;
        }
    }

    @media only screen and (min-width : 769px) and (max-width : 1200px) {
        /* Styles */


        .tnsand_welcome {
            font-size: var(--font-size-22) !important;
        }

        .alert_attention_title {
            font-weight: 400;
            font-size: var(--font-size);
        }
    }

    @media(max-width:1200px) {
        /*.home_right {
        display: flex;
        flex-wrap: wrap;
       
        margin: 0 auto;
    }*/
        .mobile_width_mei {
            margin: 20px auto 5px;
            width: 79%;
        }
        .footer_absolute {
            left: 20%;
        }

        .alrt_div {
            display: flex;
        }

        .x_icn {
           font-size: var(--font-size-14);
            display: inline-block;
            margin-left: 20px;
            margin-top: 7px;
        }

        .login_center {
            width: 75%;
        }

        .kendo_footer {
            position: unset;
        }
    }

    @media(max-width:992px) {
        .mobile_width_mei, .mobile_width_mei_new {
            width: 97%;
        }
        .captcha_div {
            left: 0px;
        }

        .footer_absolute {
            left: 15%;
        }

        .home_left {
            padding: 60px 20px !important;
        }

        .login_center {
            width: 90%;
        }


        .refresh_icn {
           font-size: var(--font-size-10);
        }

        .refresh_txt {
            font-family: 'Poppins';
            color: #000;
            font-size: var(--font-size-8);
        }
    }

    @media(max-width:845px) {

        .footer_absolute {
            left: 10%;
        }
    }


    @media(max-width:768px) {
        .w_full {
            width: 100%
        }

        .footer_absolute {
            left: 24%;
        }

        .center_login {
            height: unset;
            min-height: unset;
        }

        .refresh_txt {
            font-family: 'Poppins';
            color: #000;
           font-size: var(--font-size-14);
            white-space: nowrap;
        }

        .pos_rel .row {
            width: 100%;
            flex-wrap: wrap;
            display: flex;
        }

        .home_left {
            /*  height: 85vh !important;*/
            padding: 60px 15px !important;
        }

        /*  .home_right {
            height: unset !important;
            min-height: unset !important;
        }*/

        .img_top {
            position: relative;
            top: 0px;
        }

        .home_right {
            margin: 20px 0px 0px;
            /* width: 100% !important;*/
        }

        .captcha_flx {
            display: flex;
            margin-top: 10px;
            column-gap: 13px;
            align-items: center;
        }

        .captcha_top img {
            margin-top: 0px;
        }

        .refresh_icn {
           font-size: var(--font-size-14);
        }
    }

    @media(max-width:576px) {
        .footer_absolute {
            left: 3%;
        }


        #dvQuarryDepotPortPartial .label_number {
            font-size: var(--font-size) !important;
            white-space: nowrap;
        }
        .carousel ul li {
           
            font-size: 10px !important;
        }
            .pl_input {
            padding-left: 15px !important;
        }

        .d_block {
            margin-left: 0px;
        }

        .label_docs {
            margin-top: 0px;
        }

        .next_btn, .previous_btn {
           font-size: var(--font-size-13);
        }

        .w_center_div {
            padding-left: 25px;
            width: 100% !important;
            padding-right: 25px;
        }

        .mt_col {
            padding-right: 0px;
            padding-left: 0px;
            width: 100%;
        }

        .btn_block {
            display: block;
        }

        .pos_rel .row {
            width: 100%;
            margin-right: 0px;
            flex-wrap: wrap;
            margin-left: 0px;
            display: flex;
        }

        .captacha_icn {
            padding-left: 10px;
        }

        .captcha_top img {
            margin-top: 0px;
        }

        .captcha_div {
            padding-left: 0;
        }

        .captcha_flx {
            display: flex;
            margin-top: 10px;
            column-gap: 13px;
            align-items: center;
        }

        .tnsand_welcome {
            font-size: var(--font-size-25);
        }

        .p_sm_0 {
            padding: 0px !important;
        }

        .login_center {
            width: 100% !important;
        }

        .center_login {
            margin-top: 20px;
            min-height: unset;
            align-items: center;
            justify-content: flex-start;
        }

        .alert_attention_title {
            padding: 10px 0px;
        }

        .x_icn {
            margin-top: 15px;
        }

        .home_left {
            padding: 60px 18px !important;
            background: #F3F3F7;
        }

        .home_right {
            /* height: 55vh !important;*/
        }
    }

    /*.center_login {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

    .user_bg {
        /*background: #F3F3F6;*/
        border: 1px solid #BDC7CD;
        border-radius: 12px;
        /*padding: 30px;
    display: flex;*/
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: 20px 0px;
    }

    .public_title {
        color: var(--primary-color);
       font-size: var(--font-size-17);
        white-space: nowrap;
    }

    .person_icn {
        font-size: var(--font-size-50);
    }

    .truck_div {
        display: flex;
        column-gap: 40px;
    }

    .border_or {
        border-top: 1px solid #BDC7CD;
    }

    .or_title {
        color: #565656;
        border: 1px solid #BDC7CD;
        padding: 10px;
        border-radius: 50%;
        width: 46px;
        height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        top: -20px;
       font-size: var(--font-size-9);
        left: 41%;
        background-color: var(--white);
    }


    /* .or_title::before{
  position: absolute;
  content: '';
  width: 1px;
  height: 100px;
  border: 1px solid #BDC7CD;
} */
    .or_top {
        margin: 20px 0px 4px 0px;
    }

    .register_heading {
        font-weight: 500;
        font-size: var(--font-size-28);
        margin-bottom: 20px;
        line-height: 45px;
        /* identical to box height */


        color: #000000;
    }

    .login_btn_top {
        margin-top: 10px;
    }

    .acnt_span {
        position: relative;
        top: 5px;
        color: #000;
    }

    .docs_gap form {
        display: flex;
        align-items: center;
    }

    @media(max-width:768px) {
        /*.center_login {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }*/
        /* .home_right{
        height:70vh;
    }*/
    }


    #resendlink {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        /*text-decoration: underline;*/
        /*cursor: pointer;*/
    }

    .pdf_img input {
        opacity: 0;
        cursor: pointer;
    }

    .ready_div {
        display: flex;
        align-items: center;
        column-gap: 20px;
    }

    .ready_icn::before {
        color: #000 !important;
    }
.ready_icn{
    cursor:pointer;
}


.ready_title {
    font-weight: 500;
    font-size: var(--font-size-30);
    font-family: 'Poppins';
    line-height: 25px;
    /* identical to box height */


    color: #000000;
}

    .register_login {
        margin-top: 6px;
        padding: 40px 40px 20px 40px;
        font-family: 'Poppins';
    }

    .ensure_para {
        font-weight: 300;
       font-size: var(--font-size-14);
        line-height: 24px;
        margin-top: 15px;
        /* or 171% */


        color: #000000;
    }

    .voter_id {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: var(--login-bg);
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 300;
       font-size: var(--font-size-18);
        line-height: 20px;
        /* identical to box height, or 111% */


        color: #1F1F1F;
    }

    .voter_div_info {
        display: flex;
        align-items: center;
        column-gap: 15px;
    }

    .id_name {
        font-weight: 400;
        font-size:var(--font-size-15);
        line-height: 23px;
        /* identical to box height, or 143% */


        color: var(--primary-color);
    }

    .card_details {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
        padding-top: 30px;
        row-gap: 30px;
    }

    .aproval_expample {
        display: block;
        font-weight: 400;
        font-size:var(--font-size-15);
        line-height: 23px;
        color: #7C7C7C;
        margin: 3px 0px;
    }

    .label_docs {
        font-style: normal;
        font-weight: 400;
        font-size:var(--font-size-15);
        margin-top: 10px;
        line-height: 21px;
        /* identical to box height */


        color: #000000;
        position: relative;
        display: inline-block;
        padding-left: 5px;
    }

    .input_check .docs_input, .input_check .label_docs {
        cursor: pointer;
    }

    .input_check {
        display: flex;
        align-items: center;
        padding-left: 5px;
    }

    input[type=checkbox] {
        margin-top: 0;
        width: 15px;
        height: 15px;
        accent-color: var(--primary-color);
        border-radius: 10px;
        position: relative;
        top: 2px;
        cursor: pointer;
    }

    .justify_btn {
        display: flex;
        justify-content: center;
    }

    #aPaymentTerms {
        text-decoration: none;
    }

        #aPaymentTerms:hover {
            text-decoration: none;
            color: #000;
        }

    .pl_input {
        padding-left: 0px;
    }

    .input_check input[type=checkbox] {
        margin-top: 0;
        width: 20px;
        height: 20px;
        accent-color: var(--primary-color);
        border-radius: 10px;
        position: relative;
        top: 2px;
    }

    input[type=checkbox] + label:before {
        border-radius: 10px;
    }

    .docs_input {
        border-radius: 10px !important;
    }

    .start_registerbtn {
        background: var(--primary-color);
        border-radius: 5px !important;
        color: var(--white) !important;
        padding: 15px 10px !important;
        font-weight: 600 !important;
       font-size: var(--font-size-18) !important;
    }

        .start_registerbtn:active, .start_registerbtn:focus {
            box-shadow: none;
            outline: none !important;
            color: var(--white) !important;
        }

    .checkbox_row {
        margin: 35px 5px;
        padding: 30px 0px;
        border-top: 1px solid #BDC7CD;
        border-bottom: 1px solid #BDC7CD;
        display: flex;
        flex-wrap: wrap;
    }

    .register_btn_col {
        padding-left: 25px !important;
    }

    .input_check form {
        display: flex;
        align-items: center;
        column-gap: 4px;
    }

    .padding_voter {
        padding: 15px;
    }

    .lorry_icn {
       font-size: var(--font-size-31);
        margin-bottom: 10px;
    }

    @media(max-width:1300px) {
        .register_login {
            padding: 40px 10px 20px 10px;
        }

        .label_docs {
           font-size: var(--font-size-13);
        }
    }

    @media(max-width:992px) {
        .register_btn_col {
            margin-top: 15px !important;
            padding-left: 0px !important;
        }

        .pl_flx {
            left: 30px;
        }

        .input_check {
            padding-left: 0px;
        }

        .ready_title {
            font-weight: 500;
            font-size:var(--font-size-20);
        }
    }

    @media(max-width:768px) {
        .register_btn_col {
            width: 100%;
            padding-left: 15px !important;
        }

        .pl_flx {
            left: 0px;
        }

        .checkbox_row {
            margin: 10px 5px;
        }

        .card_details {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            margin-top: 10px;
            padding-top: 0px;
            row-gap: 30px;
        }

        .input_check {
            padding-left: 15px;
        }

        .docs_checkbox {
            display: block !important;
        }

        .input_check {
            justify-content: center;
        }

        .label_docs {
            margin-bottom: 0px;
        }
    }

    @media(max-width:578px) {
        .ready_title {
            font-weight: 500;
            font-size:var(--font-size-15);
        }

        .sidebar .nav span {
           font-size: var(--font-size-13);
        }

        .register_login {
            padding: 10px 10px 20px 10px;
        }

        .p_0 {
            padding: 0px;
        }

        .register_total {
            margin: 15px 0px 23px 0px;
            text-align: center;
        }

        .card_details {
            margin-top: 10px;
        }

        .checkbox_row {
            margin: 15px 5px;
        }

        .margin_lft {
            margin: 15px !important;
        }

        .p_ryt {
            padding-right: 15px !important;
        }

        .tabset > label {
            position: relative;
            display: inline-block;
            height: 68px;
        }

        .alert_attention_title {
           font-size: var(--font-size-9);
        }

        .refreshCapatcha {
            margin-top: 0px !important;
            display: block;
        }

        .refresh_txt {
           font-size: var(--font-size-10);
            margin-top: 2px;
        }

        .refresh_icn {
            font-size: var(--font-size);
        }
    }

    .py_div {
        padding-top: 15px;
        padding-bottom: 15px;
    }



    .docs_checkbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .docs_checkbox input[type=checkbox] {
            width: 20px;
            height: 20px;
            margin-top: 0px;
            accent-color: var(--primary-color);
            border-radius: 10px;
            cursor: pointer;
        }

    .docs_gap {
        margin-left: 20px;
    }

    .translate_title {
        font-size: var(--font-size-16);
        line-height: 21px;
        /* identical to box height */


        color: #000000;
    }

    .tamil_para {
        margin-left: 7px;
        margin-bottom: 18px;
    }

    .eng_para {
        font-weight: 400;
        font-size: var(--font-size-16);
        margin-top: 12px;
    }

    .form_padding {
        padding: 10px 5px 25px 20px;
    }

    .translate_title {
        height: 265px;
        padding-right: 20px;
        overflow-y: scroll;
    }

    /* .translate_title::-webkit-scrollbar {
            display: none;
        }*/

    #filesection {
        width: 100%;
    }

    .nav-li-a-color li a {
        color: #000;
    }

    .margin_ryt_none {
        margin-right: 0px !important;
    }
    /*Home page styles by Akash 09-05-23 starts here*/
    .latest_db .top-panel .container {
        display: flex;
        justify-content: space-between;
    }
.top-panel{
    color: #ffffff !important;
}

.latest_db .top-panel {
    width: 100%;
    background-color: #333;
    padding: 10px 0px;
    color: #ffffff;


}
.latest_db .top-panel {
    width: 100%;
    background-color: var(--panel-bg);
    padding: 10px 0px;
    color: #fff;
    border-bottom: 1px solid #ffffff36;
}
.login_btn {
    background-color: var(--primary_black) !important;
    border-color: var(--primary_black) !important;
    color: var(--black_btn) !important;
}


    


    .top-panel-toll-free-no, .top-panel-right-components {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .select-language {
        background: #f90;
        color: var(--white);
        padding: 6px 5px 6px;
        border-left: 1px solid #444;
    }

    .fright {
        float: right;
    }

    .cursor {
        cursor: pointer;
    }

    .mr-3 {
        margin-right: 15px;
    }

    .ml-3 {
        margin-left: 15px;
    }

    .mr-2 {
        margin-right: 6px;
    }

    .ml-2 {
        margin-left: 6px;
    }

    .hor-mspace {
        font-weight: 400;
        /*   font-size: var(--font-size);*/
        line-height: 18px;
        color: #F2F2F2;
        text-decoration: none !important;
    }

        .hor-mspace:hover {
            font-weight: 400;
            /*    font-size: var(--font-size);*/
            line-height: 18px;
            color: #F2F2F2;
        }

    .scr_rad_txt {
        text-decoration-line: underline;
    }

    .login_btn {
        padding: 10px 30px !important;
    }

    .navbar-nav > li > a.login_btn:hover {
        background-color: var(--primary_black) !important;
        border-color: var(--primary_black);
        color: var(--black_btn) !important;
    }

    .TNhome-btn li .skip_to_main {
        color:var(--skip-color) !important;
        font-weight: 500;
       font-size: var(--font-size-14);
        position: relative;
        top: 4px;
    }

        .TNhome-btn li .skip_to_main:hover {
            color: var(--skip-color) !important;
            font-weight: 500;
           font-size: var(--font-size-14);
            position: relative;
            top: 4px;
        }

    .text-vertical-center .db_heading {
       font-size: var(--font-size-40);
        font-weight: 300;
        color: #000000;
        line-height: 127%;
    }

    .heroContent .text-vertical-center {
        height: 100%;
        display: flex;
        align-items: center;
    }

.book_snd_btn {
    margin-top: 21px;
    padding: 13px 27px;
    color: #fff !important;
    background-color: var(--primary_color) !important;
    border-color: var(--primary_color) !important;
}

.booking_flow_header {
    padding: 50px 0px 0px 0px;
}

        .booking_flow_header .nav-tabs {
            border-bottom: 0px !important;
        }

    .booking_flow_top_panel {
        display: flex;
        align-items: center;
    }

        .booking_flow_top_panel .nav-tabs {
            margin-left: 21px;
        }

    .nav-tabs li:nth-child(3) a {
        border: 1px solid #989898;
        border-radius: 0px 8px 8px 0px;
        background-color: var(--white_clr);
        color: var(--black_txt);
    }
.nav-tabs li:nth-child(2) a {
    border: 1px solid #989898;
    border-radius: 0px 0px 0px 0px;
    background-color: var(--white_clr);
    color: var(--black_txt);
    margin-right: 0px;
    border-right: none !important;
    border-left: none !important;
}
.nav-tabs li:nth-child(1) a {
    border: 1px solid #989898;
    border-radius: 8px 0px 0px 8px;
    background-color: var(--white_clr);
    color: var(--black_txt);
    margin-right: 0px;
}
    /*.nav-tabs li.active a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #FF9900;
    border-color: #FF9900;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    padding: 10px 25px;
}*/
    .nav-tabs li.active a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: #F5F2FF;
        border-left: 3px solid var(--primary-color);
        color: var(--primary-color);
        font-weight: 500;
    }


    /*   .booking_flow_top_panel .nav-tabs li a, .booking_flow_top_panel .nav-tabs li a:hover {
        border: 0px;
        background-color: unset;
        color: #000;
    }*/
    p, a, h1, h2, h3, h4, h5, h6 {
        color: var(--font-color);
    }

    .booking_flow_header h3 {
        margin: 0px;
    }
/*.how_to_book_section{
    background-color: var(--card-color);
}*/

.how_to_bk_heading {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
   font-size: var(--font-size-18);
    line-height: 30px;
    margin-top: 23px;
    margin-bottom: 63px;
    color:var(--font-theme-white);
}
.booking_flow_top_panel h3 {
    color: var(--font-theme-white);
}

.how_to_bk_layout_1, .how_to_bk_layout_2 {
    text-align: center;
    position: relative;
}
.balck_txt{
    color: var(--black-txt) !important;

}

.how_to_bk_layout_1_icons img, .how_to_bk_layout_1_step div, .how_to_bk_layout_2_icons img, .how_to_bk_layout_2_step div {
    position: absolute;
}

        .how_to_bk_layout_1_icons img:nth-child(1) {
            top: 31px;
            left: 153px;
        }

        .how_to_bk_layout_1_icons img:nth-child(2) {
            left: 394px;
            bottom: 37px;
        }

        .how_to_bk_layout_1_icons img:nth-child(3) {
            top: 18px;
            right: 404px;
        }

        .how_to_bk_layout_1_icons img:nth-child(4) {
            bottom: 28px;
            right: 149px;
        }

        .how_to_bk_layout_1_step div p:first-child, .how_to_bk_layout_2_step div p:first-child {
            font-weight: 300;
           font-size: var(--font-size-34);
            margin-bottom: 0px;
        }
.tabs_two li:nth-child(2) a {
    border: 1px solid #989898 !important;
    border-radius: 0px 8px 8px 0px !important;
  
    border-radius: 0px 0px 0px 0px;
    background-color: var(--white_clr);
    color: var(--black_txt);
    
    border-right: 1px solid #989898 !important;
    border-left: 1px solid #989898 !important;
}
        .how_to_bk_layout_1_step div p, .how_to_bk_layout_2_step div p {
            text-align: left;
        }

        .how_to_bk_layout_1_step div:nth-child(1) {
            top: 23px;
            left: 259px;
        }

        .how_to_bk_layout_1_step div:nth-child(2) {
            bottom: 0px;
            left: 507px;
        }

        .how_to_bk_layout_1_step div:nth-child(3) {
            top: 23px;
            left: 785px;
        }

        .how_to_bk_layout_1_step div:nth-child(4) {
            bottom: 0px;
            left: 1050px;
            right: -60px;
        }

        .how_to_bk_layout_2_icons img:nth-child(1) {
            top: 34px;
            left: 194px;
        }

        .how_to_bk_layout_2_icons img:nth-child(2) {
            left: 546px;
            bottom: 30px;
        }

        .how_to_bk_layout_2_icons img:nth-child(3) {
            top: 23px;
            right: 209px;
        }

        .how_to_bk_layout_2_step div:nth-child(1) {
            top: 30px;
            left: 310px;
        }

        .how_to_bk_layout_2_step div:nth-child(2) {
            bottom: 0px;
            left: 670px;
        }

        .how_to_bk_layout_2_step div:nth-child(3) {
            top: 12px;
            left: 988px;
            right: -100px;
        }

.booking_flow_footer {
    background-color: var(--river-sand-clr);
    text-align: center;
    padding: 8px 0px;
    margin-top: 20px;
}
.component_cards p, .our_mob_app_header  h3{
    color: var(--font-theme-clr)
}
.booking_flow_footer p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size-16);
    line-height: 30px;
    margin-bottom: 0px;
    color: var(--black-white);
}

            .booking_flow_footer p span {
                font-weight: 600;
            }

.help_to_u_section_header {
    background-color: var(--help_bg);
    padding: 7px 0px;
    margin-top: 15px;
}

        .help_to_u_section_header p {
            font-weight: 300;
            font-size: var(--font-size-30);
            line-height: 45px;
            margin-bottom: 0px;
            color: var(--white);
        }

    .component_card_box {
        display: flex;
        border-bottom: 1px solid #BDC7CD;
    }

    .width_rdo {
        margin: 0 auto;
        width: 65%;
    }

    .d_flex_rdo {
        margin-bottom: 11px;
        column-gap: 8px;
        display: flex;
        align-items: center;
    }

    .label_input_width {
        width: 50%;
    }

    .component_card_box .component_cards {
        justify-content: space-around;
        flex-direction: column;
        display: flex;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        border-right: 1px solid #BDC7CD;
        padding: 36px 32px;
        position: relative;
    }
    /* .component_card_box .component_cards::after {
            content: '';
            position: absolute;
            height: 100%;
            right:0px;
            top:0px;
            bottom:0px;
            border: 1px solid #BDC7CD;
        }*/
    .card_none:hover {
        border-right: 0px solid #BDC7CD;
    }

    .component_card_box .component_cards .icn {
        font-size: var(--font-size-50);
    }
    /*.help_to_u_section_components {
    display: flex;
    flex-wrap: wrap;
}*/



    /* .help_to_u_section_components > div {
        flex: 1 0 25%;
        display: flex;
    }*/



    .component_card_box .component_cards p:nth-child(2) {
        font-weight: 500;
        font-size:var(--font-size-20);
        line-height: 30px;
        color: var(--primary_color);
        font-size:var(--font-size-15);
    }

    .k-input-inner {
        padding-left: 6px !important;
    }

    .component_card_box .component_cards a {
        width: fit-content;
        margin-top: 14px;
        background-color: var(--white);
        color: var(--primary_color);
        border: 1px solid var(--primary_color);
        font-weight: 500;
       font-size: var(--font-size-13)!important;
    }

    .component_cards p:nth-child(3) {
        font-size: var(--font-size-14) !important;
        /* Add any other desired styles */
    }

    .our_mob_app_section {
        padding-bottom: 30px;
    }

    .our_mob_app_header {
        padding-left: 32px;
    }

    .our_mob_app_section .component_cards {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .our_mob_app_section .component_card_box:last-child .component_cards {
        border-right: 1px solid #BDC7CD;
    }

    .our_mob_app_header .nav-tabs {
        border-bottom: 0px;
    }

    .our_mob_app_section .component_card_box .component_cards p:nth-child(1) {
        font-weight: 600;
        font-size:var(--font-size-20);
        line-height: 30px;
        color: var(--primary-color);
    }

    .our_mob_app_section .component_card_box .component_cards p:nth-child(2) {
        font-weight: 400;
       font-size: var(--font-size-14);
        line-height: 24px;
        color: #000;
    }

.our_mob_app_section .component_card_box {
    align-items: unset;
    /*border: none !important;*/
}
/*.acc_box .collapse.in .acc_btn_box {
    background: #EAF9FF;
}
.acc_box .collapse.in .acc_box {
    background: #EAF9FF;
}
.acc_box .collapse.in .acc_btn {
    background: #EAF9FF;
}*/
.bg_collapse {
    background: #EAF9FF !important;
}

.faq_list_box p {
    margin-bottom: 0px;
    padding-bottom: 10px;
}
.acc_btn_box:nth-child(1){
    padding-top:12px;
}
.acc_btn_box:last-of-type {
    padding-bottom: 12px;
}

.our_mob_app_section .component_card_box .component_cards {
    padding-right: 24px;
}

        .our_mob_app_section .component_card_box:first-child .component_cards {
            padding-top: 0px;
        }

    .our_mob_app_section .help_to_u_section_components {
        margin-top: 53px;
    }

    .our_mob_app_section .component_card_box:last-child {
        border-bottom: 0px;
    }

        .our_mob_app_section .component_card_box:last-child .component_cards {
            padding-bottom: 0px;
        }

    .our_mob_app_header h3 {
        margin-bottom: 0px;
        margin-top: 50px;
        font-weight: 400;
        font-size: var(--font-size-30);
    }

    .booking_flow_top_panel h3 {
        font-weight: 300;
        font-size: var(--font-size-30);
    }
.announcement_header {
    background-color: #8CD4FF;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.announcement_content{
    border-radius:20px;

}
.announcement_close {
    border-radius: 50%;
    background-color: black;
    height: 25px;
    width: 25px;
    place-content: center;
    /* display: grid; */
    opacity: 1;
}
.announcement_close:hover{
    color: #fff;
}

.component_cards:hover {
    background-color: #ffffff !important;
    cursor: default;
}
.component_cards_first:nth-child(1) {
    background-color: var(--card-one);
    cursor: default;
}

.component_cards_first:nth-child(2) {
    background-color: var(--card-bg-blue);
    cursor: default;
}

.component_cards_first:nth-child(3) {
    background-color: var(--card-bg-red);
    cursor: default;
}

.card_clr:nth-child(1) {
    background-color: var(--card-bg-green);
    cursor: default;
}

.card_clr:nth-child(2) {
    background-color: var(--card-bg-violet);
    cursor: default;
}

.card_clr:nth-child(3) {
    background-color: var(--card-one);
    cursor: default;
}

.card_clr_another:nth-child(1) {
    background-color: var(--card-bg-blue);
    ;
    cursor: default;
}

.card_clr_another:nth-child(2) {
    background-color: var(--card-bg-red);
    cursor: default;
}

.card_clr_another:nth-child(3) {
    background-color: var(--card-bg-green);
    cursor: default;
}

    .our_mob_app_section .component_cards:hover {
        background-color: unset !important;
    }
.carousel-inner {
    top: 8px;
}

    .component_cards:hover .btn {
        background-color: var(--primary_color);
        color: var(--white);
    }

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

.card_none1:hover {
    background-color: var(--background-color);
}

.border_ryt_none {
    border-right: 1px solid var(--background-color) !important;
}

.app_for_u_footer {
    background-color: var( --river-sand-clr);
    margin-top: 50px;
    padding: 18px 0px;
}
/*.component_cards:hover .balck_txt {
    color: #000 !important;
}*/
.app_dwld_banner p {
    font-weight: 300;
    font-size: var(--font-size-20);
    line-height: 30px;
    margin-right: 27px;
    margin-bottom: 0px;
    color: var(--black-white)
}

        .app_dwld_banner p span {
            font-weight: 600;
        }

    .app_dwld_banner img {
        margin-right: 17px;
    }

    .support_faq_box {
        position: relative;
    }

    .support_box .box {
        display: flex;
        align-items: center;
    }

        .support_box .box div:nth-child(2) p:first-child {
            color: var(--primary_color);
           font-size: var(--font-size-14);
            line-height: 27px;
        }

        .support_box .box div:nth-child(2) p:last-child {
            font-weight: 500;
           font-size: var(--font-size-18);
            line-height: 30px;
        }

            .support_box .box div:nth-child(2) p:last-child img {
                width: 24px;
                height: 24px;
                margin-top: -4px;
                margin-left: 4px;
            }

    .support_faq_box h6 {
        font-weight: 300;
        font-size: var(--font-size-30);
        line-height: 45px;
    }

    .support_box ul, .faq_box ul {
        list-style: none;
        background-color: var(--white);
        padding-inline-start: 0px;
        border: 1px solid #BDC7CD;
        border-radius: 17px;
    }

    .faq_box ul {
        border: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
    }

    .support_box ul li {
        border-bottom: 1px solid #BDC7CD;
        padding: 18px;
    }

        .support_box ul li div .support_logos {
            background-color: var(--white)5C2;
            padding: 16px;
            border-radius: 12px;
        }

            .support_box ul li div .support_logos img {
                width: 42px;
                height: 42px;
            }

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

    .support_box .box div:nth-child(2) {
        margin-left: 31px;
    }

        .support_box .box div:nth-child(2) p {
            margin-bottom: 0px;
        }

    .mail_box p a {
        color: #2A52E0;
        text-decoration-line: underline;
    }

    .faq_box ul li .btn {
        width: 100%;
        background-color: #f8f8f8;
        color: var(--primary-color);
        font-weight: 500;
        font-size:var(--font-size-15);
        line-height: 21px;
        text-align: left;
        padding: 10px;
    }

    .faq_box ul li:first-child .btn:first-child {
        padding-top: 0px;
    }

    .faq_box ul li:last-child .btn:first-child {
        padding-bottom: 0px;
    }

    .faq_box ul {
        height: 329px;
        overflow-y: auto;
    }
.btn_toggle_fw {
    color: #000 !important;
    font-weight: 600 !important;
}

        .faq_box ul li {
            border-bottom: 1px solid #E5E8EB;
        }
    /*.acc_text_1{
    padding:10px;
}*/
.acc_box div:nth-child(2) p {
    padding: 10px;
    color: #000000;
}

    .query_section {
    }

    .sidebar_all {
        display: none;
    }

    .sidebar_block {
        display: block;
    }

    .k-grid-content {
        width: 5px;
    }

    ::-webkit-scrollbar-track {
        background: var(--white);
    }


    ::-webkit-scrollbar-thumb {
        background: #BDC7CD;
        border-radius: 17px;
    }


        ::-webkit-scrollbar-thumb:hover {
            background: #BDC7CD;
        }

    ::-webkit-scrollbar {
        width: 5px;
        height: 4px
    }










    .k-grid-content {
        width: 100%;
        min-height: 0;
        overflow: auto;
        overflow-x: auto;
        overflow-y: scroll;
        position: relative;
    }

    .k-grid-content {
        width: 5px;
    }

        .k-grid-content::-webkit-scrollbar-track {
            background: #f8f8f8;
        }

    Handle
    .k-grid-content::-webkit-scrollbar-thumb {
        background: #BDC7CD;
        border-radius: 17px;
    }

    Handle on hover
    .k-grid-content::-webkit-scrollbar-thumb:hover {
        background: #BDC7CD;
    }

    .k-grid-content::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }

    /* Track */
    .scroll_bar::-webkit-scrollbar {
        width: 5px;
        height: 4px;
    }

    .scroll_bar::-webkit-scrollbar-track {
        background: #f8f8f8;
    }

    /* Handle */
    .scroll_bar::-webkit-scrollbar-thumb {
        background: #B6B6B6;
        border-radius: 17px;
    }

        /* Handle on hover */
        .scroll_bar::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .faq_list_box {
        border: 1px solid #BDC7CD;
        border-radius: 17px;
        padding: 0px 0px;
        background-color: #f8f8f8;
    }

        .faq_list_box ul {
            background-color: #f8f8f8;
            border-radius:20px;
        }

    .acc_btn:focus, .acc_btn:focus-visible {
        outline: none !important;
    }

    .acc_btn:active {
        box-shadow: none;
    }

    .acc_btn:not(collapsed) {
        background-color: var(--white);
    }

    /*.footer_main_logo .logo_1 {
    width: 80px;
}*/

    .footer_main_logo .logo_2 {
        width: 325px;
        height: 60px;
    }

    .marquee_div {
        background-color: #F7F4FF;
        display: flex !important;
    }

    .marquee_news {
        display: flex;
        column-gap: 20px;
        list-style: none;
        align-items: center;
        margin-top: 6px;
    }

        .marquee_news li {
            color: #000;
        }

.notice_btn {
    padding: 7px 17px 7px 9px;
    display: flex;
    color: #ffff;
    column-gap: 10px;
    align-items: center;
    /*margin-right: 15px;*/
    background: #C84B31;
}
.more_txt {
    color: #337ab7;
}


.notice_btn {
    padding: 7px 17px 7px 9px;
    display: flex;
    color: var(--white);
    column-gap: 10px;
    align-items: center;
    /*margin-right: 15px;*/
    background: var(--notice-color);
    white-space: nowrap;
}

    .marque_flex {
        background-color: #F7F4FF;
        display: flex;
    }

    .blck_arw {
        background-color: #000;
        width: 35px;
       
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white);
    }

    .icn_lft {
       font-size: var(--font-size-9);
        /*transform: rotate(90deg);*/
    }

    .icn_ryt {
       font-size: var(--font-size-9);
        /*transform: rotate(270deg);*/
    }

    .arw_cmn {
        display: flex;
        column-gap: 10px;
        margin-left: 10px;
    }

    .contact_details_header {
        color: var(--white);
        font-weight: 400;
       font-size: var(--font-size-18);
        line-height: 22px;
    }

    .d-flex {
        display: flex;
    }

    .footer-right-pannel p, .bottom_footer p {
        color: var(--white);
        position: relative;
        cursor: pointer;
    }

    .footer-right-pannel img {
        width: 19px;
        height: 19px;
        margin-right: 14px;
        cursor: pointer;
    }

.details {
    font-weight: 500;
    color: #ffffff !important;
}

    .bottom_footer p {
        margin-bottom: 0px;
       font-size: var(--font-size-13);;
    }

    .powered_by span {
       font-size: var(--font-size-13);;
    }

    .bottom_footer .row {
        display: flex;
        align-items: center;
    }

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

    .term_policy span {
        color: #FF9900;
        cursor: pointer;
    }

        .term_policy span:nth-child(2) {
            margin-left: 6px;
        }

    .bottom_footer {
        border-top: 1px solid #444444;
    }

        .bottom_footer .row {
            padding-top: 16px;
        }

    .top_footer {
        margin-bottom: 31px;
    }

    .powered_by {
        text-align: right;
        cursor: pointer;
    }

    .contact_details_header {
        margin-bottom: 37px;
    }

        .contact_details_header::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 2px;
            border: 2px solid #FF9900;
            width: 63px;
        }

    .footer_main_logo {
        cursor: pointer;
    }

    .support_faq_box .container {
        padding-bottom: 60px;
    }

    .support_faq_box_banner {
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .acc_btn_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .acc_btn_box .icn {
            color: #000;
           
            padding-right: 10px;
        }





    /* RESET CSS */
    * {
        margin: 0;
        padding: 0;
    }

    /* CAROUSEL CSS */
    .carousel {
        position: relative;
    }

        .carousel::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            /*box-shadow: inset 0px 0px 120px 30px rgba(0,0,0,0.35);*/
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        .carousel ul {
            overflow: auto;
            display: flex;
            /*height: 40vw;*/
            max-height: 500px;
            scroll-snap-type: x mandatory;
            scroll-snap-points-y: repeat(100%);
            scroll-behavior: smooth;
            /*background: gray;*/
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */
            width: 100%;
        }

            .carousel ul::-webkit-scrollbar {
                display: none; /* Hide scrollbar for Chrome, Safari and Opera */
            }

            .carousel ul li {
                width: 100%;
                min-width: 43.33%;
                list-style: none;
                scroll-snap-align: start;
                /*   display: flex;
            justify-content: center;
            align-items: center;*/
                color: white;
                font-weight: bold;
                font-size: var(--font-size-30);
                text-align: center;
                text-shadow: 0px 0px 10px rgba(0,0,0,0.75);
                margin-right: 35px;
                border-radius:20px;
            }

                .carousel ul li div {
                    z-index: 9;
                }

        /*    .carousel ul li div a {
                    color: white;
                    display: inline-block;
                    background: white;
                    text-shadow: none;
                    color: black;
                    padding: 5px 15px;
                   font-size: var(--font-size-18);
                    text-decoration: none;
                    border-radius: 4px;
                    margin-top: 10px;
                }*/

        .carousel ol {
            position: absolute;
            bottom: 15px;
            display: flex;
            justify-content: center;
            left: 50%;
            transform: translateX(-50%);
            z-index: 9;
            opacity: 0;
        }

            .carousel ol li {
                list-style: none;
                padding: 0 5px;
            }

                .carousel ol li a {
                    display: block;
                    height: 10px;
                    width: 10px;
                    border: 2px solid white;
                    background: transparent;
                    border-radius: 100%;
                }

                .carousel ol li.selected a {
                    background: white;
                }

        .carousel .prev, .carousel .next {
            user-select: none;
            cursor: pointer;
            font-size: var(--font-size-25);
            color: #000;
            position: absolute;
            right: 0;
            /*padding: 15px;*/
            top: -23px;
            transform: translateY(-50%);
            z-index: 9;
        }

        .carousel .prev {
            right: 34px;
        }

            .carousel .prev span, .carousel .next span {
                background: var(--white);
                border: 0.5px solid #989898;
                padding: 4px;
            }

            .carousel .prev span {
                border-radius: 8px 0px 0px 8px;
            }

        .carousel .next span {
            border-radius: 0px 8px 8px 0px;
        }

        .carousel .next {
            left: auto;
            right: 0;
        }

    /* RESPONSIVE CSS */
    @media only screen and (max-width: 600px) {
        /* .carousel ul li div {
        display: none;
    }*/
    }

    .carousal_list {
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        width: 100%;
        height: 204px;
        border-radius: 10px;
        position: relative;
    }

    .carousal_item_1 {
        background: url(../images/lorry_slider_1.png)
    }

    .carousal_item_2 {
        background: url(../images/lorry_slider_2.png)
    }

    .carousal_item_3 {
        background: url(../images/lorry_slider_3.png)
    }

    .tn_sand_heading {
        font-weight: 300;
        font-size: var(--font-size-30);
        line-height: 45px;
        color: var(--font-theme-clr)
    }
.support_box h6, .faq_box h6 {
    color: var(--font-theme-clr1)
}

.overlay_bg {
    background: linear-gradient(100.99deg, #000000 15.99%, #9A2F2F 128.21%, #E70D0D 128.22%, rgba(0, 0, 0, 0.01) 128.23%);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    opacity: 0.7;
}

    .carousal_list p {
        font-weight: 400;
       font-size: var(--font-size-24);
        line-height: 36px;
        color: var(--white);
    }

    .slider_item {
        position: absolute;
        top: 40%;
        width: 100%;
    }

    .slider_item_box {
        display: flex;
        padding: 0px 20px;
    }

        .slider_item_box p {
            flex: 0 0 80%;
            max-width: 80%;
            text-align: left;
        }

        .slider_item_box div {
            flex: 0 0 20%;
            max-width: 20%;
            text-align: right;
            display: flex;
            flex-direction: column;
            align-items: end;
        }

    .watch_txt {
        font-size: var(--font-size) !important;
        text-align: center !important;
        margin: 0px !important;
        max-width: 100% !important;
        position: relative;
        right: 4px;
    }

    .slider_item_box div img {
        width: 45px;
        height: 45px;
    }


    .d_flex {
        display: flex;
    }

    .circle_select {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        border: 1px solid var(--white);
        cursor: pointer;
    }

    .blue_cir {
        background-color: #236DB8;
    }
.blur_new_cir {
    background-color: #462e82;
}

.green_cir {
    background-color: #004600;
}

    .red_cir {
        background-color: #9E2C2B;
    }

    .circle_select_par {
        display: flex;
        align-items: center;
        column-gap: 8px;
    }

    .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 400px;
        margin: 50vh auto 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .switch_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 200px;
        min-width: 200px;
        height: 200px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    /* Switch 1 Specific Styles Start */

    .box_1 {
        background: #eee;
    }

    input[type="checkbox"].switch_1 {
        font-size: var(--font-size-30);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 2.75em;
        height: 0.8em;
        background: var(--white);
        border-radius: 3em;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        margin-top: 0px;
        position: relative;
        top: 3px;
    }

        input[type="checkbox"].switch_1:checked {
            background: #0ebeff;
        }

            input[type="checkbox"].switch_1:checked::before {
                content: 'DARK';
                right: 15px;
                left: unset;
                top: 16%;
            }

        input[type="checkbox"].switch_1:after {
            position: absolute;
            content: '';
            width: 0.8em;
            height: 0.8em;
            border-radius: 50%;
            background: #000 url(../images/Frame.svg) center/70% no-repeat; /* Adjust the background-size value */
            -webkit-transform: scale(.7);
            transform: scale(.7);
            right: 0;
            top: 0px;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        input[type="checkbox"].switch_1::before {
            position: absolute;
            content: "LIGHT";
            left: 15px;
            right: unset;
            top: 16%;
            font-size: var(--font-size);
            color: #000;
        }

        input[type="checkbox"].switch_1:checked:after {
            right: calc(100% - 0.8em);
        }
    /* Switch 1 Specific Style End */
    .font_sec span {
        font-size: var(--font-size);
        color: var(--white);
        padding: 0px 5px;
        border-left: 1px solid #8D8E98;
        border-right: 1px solid #8D8E98;
        cursor: pointer;
    }

        .font_sec span:nth-child(even) {
            border: none;
            padding: 0;
        }

    .bg_black {
        background-color: #000;
    }

    .align_items_center {
        align-items: center;
    }

    .col_gap_cus {
        column-gap: 15px;
        justify-content: end;
        display: flex;
    }

    .btn_lan {
        background-color: transparent;
        color: var(--white);
        padding: 0;
    }

        .btn_lan:hover, .btn_lan:focus, .btn_lan:active {
            color: var(--white);
            outline: 0px;
            box-shadow: none;
        }

            .btn_lan:active:focus, .btn_lan:focus {
                outline: 0px auto -webkit-focus-ring-color;
                outline-offset: 0px;
            }

.top_header_left {
    position: relative;
    top: 6px;
    color: #ffffff !important;
}
    /*Home page styles by Akash 09-05-23 ends here*/
    /*Home page styles by Akash 09-05-23 ends here*/
}

.label_width {
    width: 100%;
}

.declare_div {
    display: inline-block;
    float: right;
}

.declare_title {
    font-weight: 400;
   font-size: var(--font-size-14);
    line-height: 17px;
    text-decoration-line: underline;
    color: var(--primary-color);
    display: inline-block;
    margin-left: 5px;
}

.file_border .atch_doc {
    margin-left: 15px;
    margin-top: 15px;
}

.border_bottom {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

    .border_bottom::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #7070705c;
        bottom: -10px;
    }

file_border .atch_doc {
    margin-left: 17px;
}

.file_border {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

    .file_border::before {
        position: absolute;
        content: '';
        width: 100%;
        left: 16px;
        top: 4px;
        height: 1px;
        background-color: #7070705c;
    }

span.text-danger.text_err {
    color: var(--validation-error-color);
}

.scroll_cmn {
    overflow-y: scroll;
    position: relative; /* Position the container */
}

    .scroll_cmn:hover {
        overflow-y: scroll; /* Enable scrollbar on hover */
    }



    .scroll_cmn::-webkit-scrollbar {
        width: 5px;
        height: 100px;
    }

    /* Track */
    .scroll_cmn::-webkit-scrollbar-track {
        background: var(--white)f;
    }

    /* Handle */
    .scroll_cmn::-webkit-scrollbar-thumb {
        background: #B6B6B6;
        border-radius: 17px;
    }

        /* Handle on hover */
        .scroll_cmn::-webkit-scrollbar-thumb:hover {
            background: #B6B6B6;
        }







/*.k-grid-content {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
*/

   /* .k-grid-content:hover {
        overflow-y: scroll !important;
        overflow-x: scroll !important;
    }*/



    /*.k-grid-content::-webkit-scrollbar {
        width: 5px;
        height: 4px;
    }*/


    .k-grid-content::-webkit-scrollbar-track {
        background: var(--white);
    }


    .k-grid-content::-webkit-scrollbar-thumb {
        background: #BDC7CD;
        border-radius: 15px;
    }


        .k-grid-content::-webkit-scrollbar-thumb:hover {
            background: #BDC7CD;
        }



    .k-grid-content.hovered-scrollbar {
        overflow-y: scroll;
        overflow-x: scroll;
    }

.k-grid-pager button {
    border-radius: 5px;
}



.nav_scroll {
    height: 85vh;
    overflow-x: hidden;
    /* position: fixed;*/
}

.query_scroll {
   /* height: 388px;*/
    max-height: 388px;
    overflow-x: hidden;
     overflow-y: scroll !important;
    overflow-y: hidden; /* Hide the scrollbar by default */
    position: relative; /* Position the container */
}


    /*.query_scroll:hover {
        overflow-y: scroll; 
    }*/



    .query_scroll::-webkit-scrollbar {
        width: 5px;
        height: 100px;
    }
/**/
    /* Track */
    .query_scroll::-webkit-scrollbar-track {
        background: #f8f8f8;
    }

    /* Handle */
    .query_scroll::-webkit-scrollbar-thumb {
        background: #BDC7CD;
        border-radius: 17px;
    }

        /* Handle on hover */
        .query_scroll::-webkit-scrollbar-thumb:hover {
            background: #BDC7CD;
        }




/* .query_scroll::-webkit-scrollbar {
        display: none;
    }*/
.mt_table {
    margin-top: 30px !important;
}

.mb_table {
    margin-bottom: 10px;
}
.my_margin{
    margin-top:15px;
    margin-bottom:15px;
}

.chkbox_align {
    display: flex;
    align-items: center;
}

@media(max-width:1201px) {
    .border_bottom::before, .file_border::before {
        content: none;
    }
}

/* sidebar*/
.sidebar_bg {
    background-color: var(--white) !important;
}

.nav_sidebar li a {
    color: #000 !important;
   font-size: var(--font-size-18);
}

.nav_sidebar > li > a:focus, .nav_sidebar > li > a.active {
    background-color: #F5F2FF !important;
    border-left-color: var(--white);
}

.tnsand_logo_width {
    width: 215px;
}

/*new sidebar
*/
/*.upload_width .k-upload{
    width:50%;
}*/

#TermsAndConditionLink {
    margin-top: 13px;
    margin-left: 10px;
}

.sideBar {
    position: relative;
    z-index: 20;
    height: 100vh;
    width: 20%;
    color: #000000;
    background-color: var(--white);
    transition: 0.3s ease-in-out;
    border: 1px solid #e3e3e39c;
}

    .sideBar.widthChange {
        width: 8%;
        text-align: center;
    }

.img_div {
    height: 80px;
    text-align: center;
}





.sideBar li {
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.hideMenuList {
    display: none;
}

.hide_arw {
    display: none !important;
}

.sideBar li i {
    margin-right: 5px;
}

/* .sideBar li:hover {
    background-color: #F5F2FF;
} */

.selected {
    background-color: #F5F2FF;
    border-left: 3px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 500;
}

.close_icnn {
    position: absolute;
    color: var(--white);
    top: 20px;
    right: 20px;
}


.sideBar .cross-icon {
    display: none;
    color: #001629;
}

.sidebar-header {
    display: flex;
}

.content {
    width: 80%;
    font-family: 'Poppins';
    height: 100vh;
    /*background-color: #6f52b91c;*/
}

.header_cls {
    background-color: var(--white);
    height: 80px;
    padding: 10px 40px 10px 10px;
    width: 100%;
    display: flex;
    align-items: center;
}

.calender_date {
    display: inline-block;
   font-size: var(--font-size-14);
    color: #707070;
    padding-left: 25px;
}

.date_row {
    display: flex;
    column-gap: 20px;
}

    .date_row a {
        font-size: var(--font-size-16);
        color: var(--primary-color);
        text-decoration: underline;
    }

        .date_row a:hover, .date_row a:focus {
            font-size: var(--font-size-16);
            color: var(--primary-color);
            text-decoration: underline !important;
        }

.profile_logout {
    display: flex;
    align-items: center;
    column-gap: 25px;
}

.tnsand_img_logo {
    width: 232px;
    object-fit: cover;
    margin-top: 15px;
    margin-right: 30px;
}

.dashboard_row {
    margin-left: 21px;
   font-size: var(--font-size-18);
}

.icon_width {
    font-size:var(--font-size-20);
}

.icon_width_large {
    font-size: 23px;
}

.new_logo {
    width: 50px;
    margin-top: 9px;
    margin-right: -9px;
}

#mobile {
    display: none;
}

.menu-button {
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

    .menu-button div:nth-child(1) {
        position: absolute;
        height: 4px;
        border-radius: 20px;
        background-color: #c7c7c7;
        width: 100%;
    }

    .menu-button div:nth-child(2) {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 4px;
        border-radius: 20px;
        background-color: #c7c7c7;
        width: 80%;
    }

    .menu-button div:nth-child(3) {
        position: absolute;
        height: 4px;
        border-radius: 20px;
        bottom: 0;
        background-color: #c7c7c7;
        width: 100%;
    }

.header_cls img {
    height: 40px;
    border-radius: 100%;
}



.content-data {
    height: 84%;
    height: 89.3vh;
    /* background-color: #6f52b91c;*/
    position: relative;
}

.sideBar.showMenu {
    left: 0;
}





@media(max-width:1200px) {
    .sideBar {
        width: 25%;
    }


    .booking_flow_top_panel {
        display:block;
    }

    .content {
        width: 75%;
    }

    .calender_date {
        display: none;
    }

    .sidebar .nav i {
        margin-right: 5px;
    }

    .id_name {
        font-weight: 400;
        font-size:var(--font-size-15);
    }
}

@media(max-width:920px) {
    .sideBar {
        width: 38%;
    }

    .content {
        width: 68%;
    }

    .form_padding_mar, .kendo_table_h {
        margin-left: 15px;
        margin-right: 15px;
    }

    .calender_date {
        display: none;
    }
}


@media(max-width:900px) {
    #desktop {
        display: none;
    }

    #mobile {
        display: block;
    }

    .sideBar {
        position: absolute;
        width: 36%;
        top: 0;
        left: -100%;
    }

        .sideBar .cross-icon {
            display: block;
        }

    .backdrop {
        position: absolute;
        /* background-color: rgba(0, 0, 0, 0.4); */
        top: 0;
        left: -100%;
        height: 100vh;
        width: 100%;
    }

        .backdrop.showBackdrop {
            left: 0;
        }
}
@media(max-width:768px) {
    .d_tab_flex {
        display: flex;
    }
}

@media(max-width:700px) {
    .sideBar {
        width: 60%;
    }
}

@media(max-width:650px) {
    .profile_flex {
        padding-bottom: 0px;
        width: 100%;
        justify-content: end;
        padding-top: 9px;
    }


    .date_row {
        margin-left: 52px;
        width: 100%;
        padding-bottom: 14px;
    }

    .profile_logout {
        flex-direction: column-reverse;
        width: 100%;
    }
}

@media(max-width:578px) {
    .date_row {
        display: none;
    }

    .profile_flex {
        padding-top: 0;
    }
}

@media(max-width:400px) {
    .sideBar {
        width: 66%;
    }

    .dashboard_row {
       font-size: var(--font-size-14);
    }

    .header_cls h1 {
        font-size:var(--font-size-20);
    }

    #mobile {
        height: 25px;
    }
}

@media(max-width:320px) {
    .sideBar {
        width: 80%;
    }
}


.profile_flex {
    display: flex;
    align-items: center;
    column-gap: 40px;
    position: relative;
    cursor: pointer;
}

.profile_name {
    display: block;
    font-weight: 500;
   font-size: var(--font-size-17);
}

.profile_user {
    color: #555555;
    font-size:var(--font-size-15);
}

.accordion_icn {
    background-image: url("../images/icn_down.png");
    background-size: contain;
    width: 19px;
    background-repeat: no-repeat;
    height: 11px;
    object-fit: cover;
}

.profile_img {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

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

.dropdown_change {
    display: flex;
    flex-direction: column;
    row-gap: 19px;
    background-color: var(--white);
    padding: 5px 33px 5px 20px;
    right: 42px;
    top: 79px;
    position: absolute;
    display: none;
    border-radius: 10px;
}

.chage_password {
   font-size: var(--font-size-14);
    display: inline-block;
    margin-left: 10px;
}

.logout_border {
    border-top: 1px solid #F3F3F7;
    margin-top: 15px;
    padding-top: 5px;
    padding-bottom: 15px;
}

.icon_width_dashboard {
    font-size:var(--font-size-20);
}

.dashboard_page_title {
    font-size:var(--font-size-20);
    font-weight: 500;
    color: var(--white);
}

.register_section_dash {
    background-color: var(--primary-color);
    padding: 10px 20px 58px 25px;
}

.icon_width_dashboard_large {
    font-size: 23px;
}

.booking_card {
    margin: 10px 25px;
    background-color: var(--white);
    border-radius: 10px;
    padding: 20px;
    margin-top: -46px;
}

.k-filtercell .k-input, .k-filtercell .k-picker {
    width: auto;
    height: 29px;
}

.four_card i {
    color: var(--white);
}

.four_card .card_no {
    display: inline-block;
    line-height: 20px;
    color: #000;
    font-size: 15px !important;
    font-weight: 500;
}

.four_card .card_booking {
    color: black;
    display: block;
   font-size: var(--font-size-13); !important;
    font-weight: 400;
    line-height: 18px;
}

.card_dashboard {
    border: 1px solid #339437;
    padding: 15px 12px;
    border-radius: 10px !important;
}
.card_dashboard_new {
    border: 1px solid #339437;
    padding: 15px 5px;
    border-radius: 10px !important;
}

.card_icn {
    width: 50px;
    min-width: 50px;
    height: 50px;
    background-color: #339437;
    border-radius: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clock_icn {
    color: var(--white) !important;
    font-size:var(--font-size-20);
}

.card_flx {
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.card_flx_new {
    display: flex;
    column-gap: 8px;
    align-items: center;
}

.card_booking {
    display: block;
   font-size: var(--font-size-14);
}
.card_booking_new {
    display: block;
    font-size: var(--font-size);
}

.card_no {
    color: #000;
    font-size: var(--font-size-22);
    font-weight: 500;
}
.px_zero{
    padding-left:0px !important;
    padding-right:0px !important;
}

.orange_border {
    border: 1px solid #E27F00;
}

.skyblue_border {
    border: 1px solid #87CEEB;
}
.blue_border {
    border:1px solid #26c6da;

}
.card_blue_icn {
    background: linear-gradient(60deg, #26c6da, #00acc1);
}

.card_orange_icn {
    background-color: #E27F00;
}

.violet_border {
    border: 1px solid #8E28A7;
}
.card_yellow_icn {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    
}
.grey_border {
    border: 1px solid #999999;
}

.card_grey_icn {
    background: #999999;
}

.yellow_border {
    border: 1px solid #ffa726;
}

.red_border {
    border: 1px solid #ef5350;
}

.card_violet_icn {
    background-color: #8E28A7;
}


.radio_label {
    display: block;
    margin-bottom: 15px !important;
}

.radio_text {
    font-style: normal;
   font-size: var(--font-size-18);
    font-weight: 500;
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: var(--white_clr);
}

.mt_vehicle {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-left: 4px;
}

.label_blck {
    display: block;
    margin-bottom: 10px !important;
}

.tn_no {
    border-radius: 5px !important;
    height: 50px;
    width: 100px !important;
    text-align: center;
    margin-bottom: 15px;
}

    .tn_no:focus-visible {
        border-radius: 5px !important;
        height: 50px;
        width: 100px !important;
        text-align: center;
        margin-bottom: 15px;
        outline: none !important;
    }

.tn_no_book {
    border-radius: 5px !important;
    height: 50px;
    width: 66px !important;
    text-align: center;
    margin-bottom: 15px;
}

    .tn_no_book:focus-visible {
        border-radius: 5px !important;
        height: 50px;
        width: 66px !important;
        text-align: center;
        margin-bottom: 15px;
        outline: none !important;
    }

.tn_no_small {
    border-radius: 5px !important;
    height: 50px;
    width: 63px !important;
    text-align: center;
}

.tn_no_book_small {
    border-radius: 5px !important;
    height: 50px;
    width: 63px !important;
    text-align: center;
}

.dropdown_change {
    z-index: 100000;
}

.panel_info {
    color: #000;
   font-size: var(--font-size-18);
    font-weight: 500;
}

.label_new {
    display: block;
    margin-bottom: 13px !important;
}

    .label_new .spanClass {
        top: -5.5px !important;
        position: relative;
    }

.k-toolbar.k-toolbar-resizable {
    justify-content: end;
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    padding: 0px;
    left: 49px;
}

span.k-icon.k-i-file-excel.k-button-icon {
    color: #333333 !important;
    top: -1px;
    right: -6px;
    font-size:var(--font-size-15);
    position: relative;
    font-weight: 600;
}

.k-button-solid-base:hover, .k-toolbar.k-toolbar-resizable:hover {
    background-color: var(--white) !important;
    border: 1px solid var(--white) !important;
}

.k-button-solid-base {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .k-button-solid-base .k-button-text {
        color: #333333;
       font-size: var(--font-size-14);
        font-family: 'Poppins';
        
    }
/*.k-grid-toolbar{
    display:none !important;
}*/
tr.k-filter-row.k-table-row {
    display: none;
}

.k-grid {
    border-top: none !important;
    border-left: none;
    border-right: none;
}

.k-grid-md .k-table-th {
    /* border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
    background-color: #F3F3F7 !important;
    border: none !important;
    color: #707070;
    padding: 12px !important;
}

td.k-table-td {
    border: 1px solid transparent;
    padding: 12px !important;
}

.k-grid .k-table-row.k-table-alt-row {
    background-color: white;
}

.k-master-row:hover {
    background-color: var(--dashboard_bg) !important;
}

.k-table-td {
    border-color: var(--white) !important;
}

.k-grid-pager {
    border-color: var(--white) !important;
}

.k-grid .k-table-row {
   font-size: var(--font-size-14);
}

.k-grid .k-grid-container {
    border: 1px solid #F3F3F7;
}

.k-grid-pager {
    background-color: var(--white);
}

.k-grid {
    border-color: #F3F3F7;
}

.k-table-row .k-table-td {
    color: #000 !important;
    font-weight: 500;
    padding: 10px !important;
}

    .k-table-row .k-table-td:nth-child(2) {
        color: var(--primary-color) !important;
    }

.k-pager-nav {
    color: var(--primary-color);
    height: 24px;
    width: 25px;
    border: 0.5px solid var(--primary-color) !important;
}

.k-button-flat-primary {
    height: 25px;
    width: 27px !important;
    border: 0.5px solid var(--primary-color) !important;
    color: var(--white);
    background-color: var(--primary-color) !important;
    /*  margin-left: 28px;*/
    margin-top: 2px;
}

.k-pager-md .k-pager-numbers-wrap .k-selected {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.k-input-inner {
    color: #000 !important;
}
/*.k-focus {
  border:none;
  border-color:transparent !important;
  box-shadow:none !important;
  border-width:0px !important;
}
.k-focus:focus {
    border: none;
    border-color: transparent !important;
    box-shadow: none !important;
    border-width: 0px !important;
}
    .k-focus:active {
        border: none;
        border-color: transparent !important;
        box-shadow: none !important;
    }
        .k-button{
    border-width:0px;
}*/
.sts_dropdown .k-picker{
    width:150px !important;
}
.mobile_width_radio{
    width:100%;
}

select.k-dropdown.k-picker.k-dropdown-list.k-rounded-md.k-picker-md {
    width: 50px;
    border: 1px solid var(--disabled--border);
    border-radius: 5px;
    /* margin-right: 20px;*/
}

.k-pager-numbers {
    display: none;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: var(--white);
    background-color: var(--primary-color);
}
/*.k-picker-solid:hover, .k-picker-solid.k-hover {
    color: var(--white) !important;
    background-color: var(--primary-color) !important;
}*/

.panel-headline input[type=checkbox], input[type=radio] {
    width: 18px;
    height: 17px;
    accent-color: var(--primary-color) !important;
    color: var(--white);
}
.mb_ten{
    display:inline-block;
    margin-bottom:10px;
}
.new_unit label {
    margin-top: 8px;
}
.img_blck{
    display:block;
    max-width:100%
}

.spanClass {
    display: inline-block;
    color: #333333;
   font-size: var(--font-size-14);
    top: 0.5px;
    position: relative;
}

.k-grid-pager {
    padding: 15px 8px;
}

.k-icon {
    color: var(--primary-color) !important;
}

.k-reorderable {
    overflow-x: scroll !important;
}

    .k-reorderable::-webkit-scrollbar {
        display: none !important;
    }

.k-grid-header-wrap {
    overflow-x: scroll !important;
}

    .k-grid-header-wrap::-webkit-scrollbar {
        display: none !important;
    }

.k-grid-md .k-reorderable {
    overflow-x: scroll !important;
}

    .k-grid-md .k-reorderable::-webkit-scrollbar {
        display: none !important;
    }

}

.details a {
    color: var(--white);
}

.tn_sand_media_section .carousel ul li.selected {
    border-left: 0px;
}

.how_to_bk_layout_mobile_1, .how_to_bk_layout_mobile_2 {
    display: none;
}

.tickercontainer, ul.newsticker li {
    background-color: transparent;
}

ul.newsticker a {
    margin-right: 16px;
}

.how_to_bk_layout_ipad_1, .how_to_bk_layout_ipad_2 {
    display: none;
}

.top-panel-right-components .dropdown {
    top: 3px;
}

body {
    background-color: var(--white);
}

.icn_1 {
    color: #173F5F;
}

.icn_2 {
    color: #20639B;
}

.icn_3 {
    color: #9E4AA6;
}

.icn_4 {
    color: #3CAEA3;
}

.icn_5 {
    color: #ED553B;
}

.icn_6 {
    color: #173F5F;
}

.icn_7 {
    color: #C84B31;
}

.icn_8 {
    color: #864879;
}

.icn_9 {
    color: #893BED;
}

.footerLinks, .footerLinks:hover {
    color: #FF9900;
    font-weight: 500;
}

@media only screen and (min-device-width: 300px) and (max-device-width: 650px) {
    .top-panel-toll-free-no, .top-panel-right-components {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .top-panel-toll-free-no {
        margin-bottom: 15px;
    }

    .latest_db .top-panel .container {
        flex-direction: column;
    }

    .navbar-toggle {
        margin-top: 26px;
    }

    .heroContent {
        padding: 26px 0px;
        height: 100%;
    }

    .text-vertical-center .db_heading {
       font-size: var(--font-size-19);
    }

    .book_snd_btn {
        padding: 9px 14px;
        font-size: var(--font-size) !important;
    }

    .booking_flow_header {
        padding: 20px 0px;
    }

    .booking_flow_top_panel {
        flex-direction: column;
        row-gap: 10px;
    }

    .how_to_bk_heading {
        text-align: justify;
    }

    .booking_flow_footer p {
       font-size: var(--font-size-13);;
    }

    .help_to_u_section_header p {
        font-size: var(--font-size-22);
    }

    .component_card_box {
        flex-direction: column;
    }

        .component_card_box .component_cards {
            flex: 0 0 100%;
            max-width: 100%;
            border-bottom: 1px solid #BDC7CD;
            border-right: 0px solid #BDC7CD;
            padding: 36px 0px;
            width: 100%;
        }

    .component_card_box {
        border: 0px;
    }

    .our_mob_app_header {
        padding-left: 0px;
    }

        .our_mob_app_header h3 {
            text-align: center;
            margin-bottom: 10px;
        }

        .our_mob_app_header .nav-tabs {
            display: flex;
            justify-content: center;
        }

    .our_mob_app_section .component_card_box .component_cards p:nth-child(2) {
        text-align: justify;
    }

    .our_mob_app_section .component_card_box .component_cards {
        padding-top: 10px !important;
        padding-bottom: 10px;
    }

    .our_mob_app_section .component_card_box:last-child .component_cards {
        border-right: 0px;
    }

    .app_dwld_banner {
        flex-wrap: wrap;
    }

        .app_dwld_banner p {
            flex: 0 0 100%;
            max-width: 100%;
            margin-right: 0px;
            margin-bottom: 16px;
        }

        .app_dwld_banner a {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .app_dwld_banner img {
            margin-right: 0px;
            width: 100%;
        }

    .tn_sand_media_section .carousel ul li .media_section_carousal_box {
        display: block;
    }

    .tn_sand_media_section .carousel ul li.selected {
        border-left: 0px;
    }

    .tn_sand_media_section .carousel ul li {
        min-width: 100%;
    }

    .carousel .prev, .carousel .next {
        top: -28px;
    }

    .support_faq_box_banner {
        height: 200px;
    }

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

        .bottom_footer .row div {
            flex: 0 0 100%;
            max-width: 100%;
        }

    .term_policy span:nth-child(2) {
        margin-left: 0px;
    }

   

    .powered_by {
        text-align: center;
        
    }

    .footer_main_logo {
        display: flex;
    }

        .footer_main_logo .logo_1 {
            width: 60px;
            margin-right: 10px;
        }

        .footer_main_logo .logo_2 {
            width: 200px;
            height: 48px;
            position: relative;
            top: 7px;
        }

    .footer-right-pannel {
        margin-top: 16px;
    }

    .how_to_bk_layout_1, .how_to_bk_layout_2 {
        display: none;
    }

    .how_to_bk_layout_ipad_1, .how_to_bk_layout_ipad_2 {
        display: none;
    }

    .how_to_bk_layout_mobile_1, .how_to_bk_layout_mobile_2 {
        position: relative;
        display: block;
    }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_icons img:nth-child(1) {
            top: 13px;
            left: 24px;
            width: 30px;
        }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_icons img:nth-child(2) {
            left: 17px;
            top: 150px;
            width: 40px;
        }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_icons img:nth-child(3) {
            bottom: 152px;
            left: 16px;
            width: 45px;
            top: unset;
        }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_icons img:nth-child(4) {
            bottom: 15px;
            left: 22px;
            width: 35px;
        }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_step div:nth-child(1) {
            top: 2px;
            left: 114px;
        }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_step div p br, .how_to_bk_layout_mobile_2 .how_to_bk_layout_2_step div p br {
            display: none;
        }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_step div:nth-child(2) {
            top: 139px;
            left: 114px;
            bottom: unset;
        }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_step div:nth-child(3) {
            bottom: 130px;
            left: 114px;
            top: unset;
            right: unset;
        }

        .how_to_bk_layout_mobile_1 .how_to_bk_layout_1_step div:nth-child(4) {
            bottom: -4px;
            left: 114px;
            right: unset;
        }

        .how_to_bk_layout_mobile_2 .how_to_bk_layout_2_icons img:nth-child(1) {
            top: 16px;
            left: 14px;
            width: 50px;
        }

        .how_to_bk_layout_mobile_2 .how_to_bk_layout_2_icons img:nth-child(2) {
            left: 15px;
            bottom: 155px;
            width: 45px;
        }

        .how_to_bk_layout_mobile_2 .how_to_bk_layout_2_icons img:nth-child(3) {
            bottom: 15px;
            left: 21px;
            width: 35px;
            top: unset;
        }

        .how_to_bk_layout_mobile_2 .how_to_bk_layout_2_step div:nth-child(1) {
            top: 0px;
            left: 114px;
        }

        .how_to_bk_layout_mobile_2 .how_to_bk_layout_2_step div:nth-child(2) {
            bottom: 131px;
            left: 114px;
            right: unset;
        }

        .how_to_bk_layout_mobile_2 .how_to_bk_layout_2_step div:nth-child(3) {
            bottom: -17px;
            left: 114px;
            top: unset;
            right:unset;
        }

    .help_to_u_section .component_cards:hover {
        padding: 36px 32px;
    }

    .help_to_u_section .component_card_box .component_cards p:nth-child(3) {
        text-align: justify;
    }
}


@media only screen and (min-device-width: 651px) and (max-device-width: 1200px) {
    .how_to_bk_layout_1, .how_to_bk_layout_2 {
        display: none;
    }

   /* .latest_db .top-panel .container {
        align-items: center;
    }
*/
    .component_card_box .component_cards {
        padding: 36px 14px;
    }

    .our_mob_app_section .component_card_box .component_cards p:nth-child(2) {
        text-align: justify;
    }

    .tn_sand_media_section .carousel ul li {
        min-width: 60%;
    }

    .how_to_bk_layout_ipad_1, .how_to_bk_layout_ipad_2 {
        position: relative;
        display: block;
    }

        .how_to_bk_layout_ipad_2 .how_to_bk_layout_2_icons img:nth-child(1) {
            top: 34px;
            left: 26px;
        }

        .how_to_bk_layout_ipad_2 .how_to_bk_layout_2_icons img:nth-child(2) {
            left: 316px;
            bottom: 260px;
        }

        .how_to_bk_layout_ipad_2 .how_to_bk_layout_2_icons img:nth-child(3) {
            bottom: 33px;
            left: 38px;
            top: unset;
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_step div p br, .how_to_bk_layout_ipad_2 .how_to_bk_layout_2_step div p br {
            display: none;
        }

        .how_to_bk_layout_ipad_2 .how_to_bk_layout_2_step div:nth-child(1) {
            top: 26px;
            left: 155px;
        }

        .how_to_bk_layout_ipad_2 .how_to_bk_layout_2_step div:nth-child(2) {
            bottom: 243px;
            right: 130px;
        }

        .how_to_bk_layout_ipad_2 .how_to_bk_layout_2_step div:nth-child(3) {
            bottom: 17px;
            left: 155px;
            top: unset;
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_icons img:nth-child(1) {
            top: 32px;
            left: 43px
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_icons img:nth-child(2) {
            left: 321px;
            top: 252px;
            bottom: unset;
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_icons img:nth-child(3) {
            bottom: 260px;
            left: 25px;
            top: unset;
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_icons img:nth-child(4) {
            left: 328px;
            bottom: 33px;
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_step div:nth-child(1) {
            top: 26px;
            left: 155px;
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_step div:nth-child(2) {
            top: 250px;
            top: 250px;
            left: 444px;
            bottom: unset;
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_step div:nth-child(3) {
            bottom: 239px;
            left: 155px;
            top: unset;
            right: unset;
        }

        .how_to_bk_layout_ipad_1 .how_to_bk_layout_1_step div:nth-child(4) {
            bottom: 17px;
            left: 444px;
            right: unset;
        }

    .help_to_u_section .component_card_box .component_cards p:nth-child(3) {
        text-align: justify;
    }
}

}

/*.sidebar > li > a > span {
    margin-left: 21px;
   font-size: var(--font-size-18);
}*/
.sidebar .nav li a span {
   font-size: var(--font-size-18);
}

.sidebar .nav li a i {
    font-size:var(--font-size-20);
}

.nav_inside li a {
    position: relative;
}

    .nav_inside li a::before {
        content: '';
        display: inline-block;
        width: 8px !important;
        background-color: #D9D9D9;
        height: 8px !important;
        border-radius: 100%;
        position: absolute;
        position: absolute;
        left: 51px;
        top: 15px;
    }


.nav_inside li:hover a::before {
    background-color: var(--primary-color);
}

.nav_inside li:hover a span {
    color: var(--primary-color);
}

.content_width {
    width: 92%;
    transition: all 0.5s ease;
}

.row_flx_alrt {
    display: flex;
    font-family: 'Poppins';
    margin-left: 10px;
    margin-right: 10px
}

.k-datepicker .k-input {
    background: var(--white);
    outline: none !important;
    border: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    font-size: var(--font-size-16);
    font-weight: 500;
    color: #000000;
    margin-top: 10px;
}

.voter_id2 {
    height: 57px;
    width: 65px;
    height: 57px;
    width: 65px;
}

.form_padding_mar {
    margin-left: 25px;
    margin-right: 25px;
    overflow: hidden;
    margin-top: -55px;
}

.kendo_table_h {
    margin-left: 25px;
    margin-right: 25px;
    /* height: 565px;*/
    overflow: hidden;
    margin-top: -53px;
}

@media(max-width:901px) {
    .content {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .form_padding_mar {
        height: unset;
        margin-left: 13px !important;
        margin-right: 13px !important;
    }

    .kendo_table_h {
        height: unset;
        margin-left: 13px !important;
        margin-right: 13px !important;
    }

    .img_top {
        margin: 45px 0px;
    }

    .welcome_top {
        margin: 0px 0px 30px 0px
    }

    .row_flx_alrt {
        display: flex;
        font-family: 'Poppins';
        margin-left: 0px;
        margin-right: 0px;
    }
    /*.center_login {
        position: unset;
        display:unset;
        transform:unset;
    }*/
}

.dashboard_ul {
    background-color: #F5F2FE;
}

.panel_white {
    color: var(--white);
    margin-top: 8px;
    font-size:var(--font-size-20);
}

.filter_table {
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
    COLUMN-GAP: 4px;
    align-items: center;
   
    position: relative;
    z-index: 99999;
    /*display: flex;*/
}

    .filter_table input[type=checkbox] {
        width: 14px;
        height: 14px;
        accent-color: var(--primary-color);
        cursor: pointer;
        margin-top: -4PX;

    }

.query_flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0px 8px 0px;
    border-bottom: 1px solid #7070705c;
    padding: 15px;
}

.query_list {
    color: #000000;
   font-size: var(--font-size-17);
    font-weight: 500;
}

.query_btn {
    background-color: var(--yellow-clr);
   border-color: var(--yellow-clr);
    border-radius: 5px !important;
    padding: 9px 17px;
    color: var(--black-white) !important;
}

.query_btn {
    color:var(--black-white);
    font-weight: 500;
}

    .query_btn a:hover, .query_btn a:focus {
        color: var(--black-white) !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .query_btn span {
        font-weight: 600;
    }

.k-pager-numbers {
    column-gap: 3px;
}

.k-pager-md .k-pager-numbers-wrap .k-button {
    color: #000000;
}

.k-column-title {
   font-size: var(--font-size-14);
    text-transform: uppercase;
    font-weight: 500;
    /*color: #000000 !important;*/
}

.img_register {
    margin-top: 15px;
    top: 0px !important;
    margin-bottom: 30px;
}

.k-label span {
    height: 28px !important;
}
/* .k-pager-md .k-pager-numbers-wrap .k-button:active {
    color: var(--white);
}*/
option:checked:hover {
    background-color: red;
    color: white;
}
.drpWaiting {
    margin-bottom: 12px;
    font-size: var(--font-size-16) !important;
    font-weight: 400;
}
.label-primary {
    display: inline-block;
    margin-bottom: 5px;
    background-color: var(--primary-color);
    padding: 6px 15px;
}

.k-list-group-sticky-header {
   font-size: var(--font-size-18);
    font-weight: 400;
    justify-content: end;
    display: flex;
    text-align: end;
    color: #000;
    padding: 10px 25px;
    background-color: #e8e8e8;
}
.nav_inside li a.active span {
    color: var(--primary-color);
    font-weight:500;
}
.nav_inside li a.active::before {
    background-color: var(--primary-color) !important;
}
    .export_title {
    color: #333333;
   font-size: var(--font-size-14);
    font-family: 'Poppins';
}
.export_icn {
   font-size: var(--font-size-13);;
}
.export_div{
    display:inline-block;
    margin-right:15px;
}
#ddlQuarry_listbox .k-list-item {
    display:flex;
    justify-content:flex-start;
   
    width: 100%;
    padding: 8px 5px;
    border-bottom: 1px solid #cccd;
}
.k-list-item-text {
    
    justify-content: space-between;
    display: flex;
    padding-bottom: 5px;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: var(--white);
    background-color: var(--primary-color);
    padding: 12px 5px;
}

    .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
        color: var(--white);
        background-color: var(--primary-color);
    }

.mb_btm {
    margin-bottom: 15px;
}

.dashboard_ul {
    display: inline-block;
    background-color: #F5F2FE;
    padding: 10px 15px;
    d /*isplay:none;*/
}
/*.li_hover:hover .dashboard_ul{
    display:block;
}*/
.justify_center {
    display: flex;
    justify-content: center !important;
}

.sidebar_hover {
    position: absolute;
    z-index: 20;
    list-style: none;
    border-radius: 0 0 3px 0;
    font-family: 'Poppins';
    width:200px;
}

.k-editor {
    border: 0.5px solid #8d8e98 !important;
}

span.k-toolbar-tool.k-toolbar-item {
    margin-left: 16px;
    margin-right: 11px;
}

.sidebar_hover li:first-child {
    background-color: #000;
    padding: 11px 20px;
    /*text-align: left;*/
    color: var(--white);
}

.sidebar_hover li {
    padding: 6px 20px;
    color: var(--white);
   font-size: var(--font-size-14);
    font-weight: 400;
    text-align: left;
    background-color: var(--primary-color);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
    .sidebar_hover li:last-child {
       
        margin-bottom:40px;
       
    }

.addquery_btn {
    padding: 10px 20px 58px 20px;
}

.info_padding {
    padding: 10px 15px 20px 20px;
}

.sts_filter_flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
}

.k-grid .k-grid-header {
    padding-right: 0px !important;
}

.k-grid {
    padding: 6px 15px;
}

.sideBar {
    font-family: 'Poppins';
}

.checkbox_allow {
    display: flex;
    column-gap: 26px;
}
.blur_cir {
    background-color: #236DB8 !important;
}

.k-dropdownlist {
    /*  width: 100% !important;
    border-radius: 5px !important;
    height: 50px;
    border: 0.5px solid #8d8e98 !important;*/
    background-color: var(--white) !important;
    border-radius: 5px;
    /*color: var(--disabled--border) !important;*/
    border-color: var(--disabled--border) !important;
}
#frmBulkScheduleNew .k-dropdownlist {
   height: 50px;
}
/*.k-table-td .k-dropdown-operator {
    height: 35px !important;
}*/
/*.k-filtercell .k-dropdown-operator {
    width: calc( 10px + 1.42857em);
    flex: none;
    position: absolute;
    top: 0;
    right: 0 !important;
}*/
.k-clear-value {
    margin-right: -13px;
    /* top: 4px; */
    margin-top: -11px !important;
}

.k-dropdown-operator .k-input-button .k-button-icon {
    padding-right: 14px !important;
}

.k-filtercell > span > .k-button, .k-filtercell .k-filtercell-operator > .k-button {
    position: absolute;
    top: 0px;
    width: 30px;
    height: 30px;
    right: -2px;
}

.sidebar_bg_clr {
    background-color: var(--content-bg) !important;
}

.help_to_u_section .component_card_box component_cards:nth-of-type(even) {
    border-right: 1px solid #BDC7CD !important;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

.media_modal .modal-dialog {
    width: 1066px;
}

.media_modal .modal-content {
    width: 100%;
    height: 520px;
    background-color: unset;
    border: 0px;
    box-shadow: none;
}

    .media_modal .modal-content iframe {
        width: 100%;
        height: 520px;
        border-radius: 10px;
    }

    .media_modal .modal-content .close {
        font-weight: 400;
        opacity: 1;
       font-size: var(--font-size-46);
        color: var(--white);
    }

@media only screen and (min-device-width: 300px) and (max-device-width: 500px) {
    .media_modal .modal-dialog {
        width: 350px;
        height: 350px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .media_modal .modal-dialog {
        width: 600px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .media_modal .modal-dialog {
        width: 800px;
    }
}


#aLanguage {
    color: var(--white);
    text-decoration: none;
}

.mail_txt,
.mail_txt:hover {
    color: var(--white);
    text-decoration: none;
}

.contact_details_header {
    cursor: default !important;
}

.booking_flow_top_panel .nav-tabs li.active a,
.booking_flow_top_panel .nav-tabs > li.active > a:focus,
.booking_flow_top_panel .nav-tabs > li.active > a:hover,
.our_mob_app_header .nav-tabs li.active a,
.our_mob_app_header .nav-tabs > li.active > a:focus,
.our_mob_app_header .nav-tabs > li.active > a:hover {
    background-color: var(--yellow_clrdark) !important;
    border-color: var(--yellow_clrdark) !important;
    font-weight: 600;
    color: var(--black-white_clr);
    cursor: pointer;
    padding: 10px 25px;
}

.cm_iamges {
    margin-bottom: 20px;
}

    .cm_iamges img {
        margin-right: 30px;
    }



/*latest code by akash*/


.label_radio .spanClass {
    top: -4.5px !important;
    position: relative;
}

.new_unit {
    background: #F8F8F8;
    border-radius: 0px 4px 4px 0px;
    padding: 8px 20px !important;
    position: absolute;
   /* padding: 12px 12px !important;*/
    position: absolute;
    right: 16px;
    top: 25px;
}

.k-toolbar .k-button::before {
    content: "";
    background-color: white !important;
}

.content-data {
    overflow-x: hidden;
}

.d_content{
    display:contents !important;
}
.grid-title{
    font-size:var(--font-size-20);
}

.align_center {
    align-items:center;
}

    .captcha_vehicle_img img {
        width: 100%;
        
        height: 38px;
    }
.captcha_srch img{
    margin-top:5px !important;
}
.form_file::file-selector-button {
    background-color: var(--primary-color);
    border-radius: 5px !important;
    border:none !important;
    padding:10px;
    color: var(--white);
    margin-bottom:10px;
    position:relative;
    top: -4px;
    left:-5px;
    cursor:pointer;
}
.download_icn_clr {
    font-weight: 600;
   font-size: var(--font-size-11);
    color: var(--primary-color);
}
.k-upload .k-dropzone {
    border-radius: 5px;
    border: 0.5px solid var(--disabled--border) !important;
   
    background-color: var(--white);
}
.pr_input {
    padding-right: 17px;
}
.pos_top {
    top: 12px;
    position: relative;
}
.pos_twofive {
    top: 2.5px;
    position: relative;
}
textarea {
    resize: none;
}
.four_card {
    display: flex;
    flex-wrap: wrap;
    padding-right: 20px;
    padding-left: 20px;
}

    .four_card > div {
       flex: 1 0 25%;
        display: flex;
    }
.white_space {
    white-space: nowrap;
}
.k-widget.k-calendar.k-calendar-md{
    width:284px !important;
}

.k-table-th .k-header {
    z-index: 999999;
    padding-right: 0px !important;
    padding-left: 5px !important;
}
.k-grid .k-grid-header .k-table-th:first-child {
    padding-right: 3px !important;
    padding-left: 7px !important;
   
}
.k-cell-inner > .k-link {
    left: 8px !important;
    position: relative !important;
}
.px_twenty {
    padding-right: 20px;
    padding-left: 20px;
}
.px_thirty {
    padding-right: 30px;
    padding-left: 30px;
}
.border_btm_bg {
    background-color: #f5f2ff;
    border-bottom: none !important;
}
.justify_center_row .row {
    width: unset !important;
}
.pos_radio {
    top: -5px !important;
    position: relative;
    left: 2px;
}
.text_align {
    text-align: right;
}

.flex_vehicle {
    justify-content: end;
}

.k-numerictextbox {
    height: 40px;
}

.captcha_vehicle {
   font-size: var(--font-size-13);;
    margin-top: 7px;
    display: flex;
}

.captcha_vehicle_img {
    width: 100%;
    margin-top: 30px !important;
}

    .captcha_vehicle_img img {
        width: 100%;
        height: 38px;
    }
    .ph_top{
        top:20px !important;
    }
.flex_five_card{
    display:flex;
    
}
.flex_five_card {
    display: flex;
    column-gap: 5px;
    flex-wrap: wrap !important;
}

    .flex_five_card > div {
      
        flex: 1 0 18%;
        display: flex;
        flex-wrap:wrap !important; 
       
        
    }
    

    .flex_five_card i {
        color: var(--white);
    }
.k-list-item input {
    position: absolute;
    right: 4px;
}
.flex_col{
    display:flex;
    flex-direction:column;
}
.app_play {
    font-weight: 500;
   font-size: var(--font-size-18);
    color: var(--primary-color);
}
.justify_end {
    display: flex;
    justify-content: end;
}
.justify_footer_end {
    display: flex;
    justify-content: end;
}

.justify_col_end {
    flex-direction: column;
    display: flex;
    justify-content: end;
}

.right_pad {
    padding-right: inherit
}

.pad_0 {
    padding: 0px !important;
}
/*.k-editor iframe.k-content {
    display: none !important;
}*/

.info_new_booking {
    border-top: 1px solid #7070705c;
    border-bottom: 1px solid #7070705c;
    padding: 10px 15px 40px 15px;
}

.form_section_booking {
    background: var(--white);
    border-radius: 10px;
    margin: 0px 22px;
    margin-top: -47px;
    font-family: 'Poppins';
    padding-bottom: 10px;
}


.overflow_vertical {
    overflow-y: scroll !important;
}

.pad_left {
    padding-left: 20px;
}

.map_content {
    width: 47% !important;
    margin: 6% auto !important;
}

.modal_map_popup {
    width: 60%;
    display: table-cell;
    position: unset !important;
}

.map_main {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px 0;
    height: 500px !important;
}

.depot_location_title {
    color: var(--white) !important;
    font-size:var(--font-size-20);
    top: -5px;
    position: relative;
}

.depot_close {
    color: var(--white) !important;
    top: -5px;
    position: relative;
}

#dvVehicleList .k-grid .k-grid-content {
    max-height: 323px !important;
}

#dvVehicleList {
    padding-bottom: 3px !important;
    padding: 10px 20px 3px 20px !important;
    border-bottom: 1px solid var(--white) !important;
}
.balck_txt1{
    color: var(--recent_color) !important;
}



.person_details {
    margin-bottom: 10px;
    flex-direction: column;
    display: flex;
}

.manager_after::after {
    width: 200px !important;
}

.location_icn {
    color: #FF9900;
    font-size: var(--font-size-16);
    margin-right: 14px;
    display: inline-block;
}

.verify_title {
    font-size: var(--font-size-28);
    font-weight: 500;
}

.mr_fifteen {
    margin-right: 15px;
}

.resend_btn {
    justify-content: end;
    display: flex;
    margin: 8px 0px;
}

.mt_twenty {
    margin-top: 20px;
}

.mr_none {
    margin-right: 0 !important;
}

.footerLinks {
    font-size: var(--font-size) !important;
}

.violet_location_icn {
    color: var(--primary-color);
   font-size: var(--font-size-17);
    cursor: pointer;
}

.pdf_box {
    display: flex;
    justify-content: center;
}

    .pdf_box img {
        width: 55% !important;
    }

#chkbxTermsAndCondition {
    top: 6px;
    left: 5px;
    position: relative;
}

#UserConstructionList {
    padding: 6px 0px !important;
}

.dflex_col_mobile {
    display: flex;
   
    align-items: center;
    column-gap: 10px;
    margin: 15px 0px;
}
.k-grid-toolbar.k-toolbar.k-toolbar-resizable.k-toolbar-md {
    border: 1px solid #fff !important;
   
}
.type_top {
    top: -3px;
    position: relative;
}
.register_map_flx{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-right:47px !important;
}
.public_flx {
    display: flex;
    column-gap: 10px;
    color: #000;
   font-size: var(--font-size-12);
    font-weight: 600;
    justify-content: space-between;
}
.online_title {
    display: flex;
    color: #FF9900;
    font-weight: 600;
    justify-content: center;
}
.fw_light{
    font-weight:400;
}
.li_new .k-list-item {
    display:flex !important;
    justify-content:flex-start !important;
}
#dvVehicleCampaignSchedule {
    position: relative !important;
    /*z-index: 1000 !important;*/
}
.k-list-item {
    display: flex;
    justify-content: flex-start;
}
#ViewCart .k-grid-toolbar{
    margin-right:20px !important;

}
.mr_twenty {
    margin-right: 20px;
}
.form_flx{
    display:flex;
    flex-wrap:wrap;
}
#UserConstructionList .k-button {
    margin-right: 13px;
}
.phone_number{
    color:white;
}
.center_img {
    column-gap: 15px;
    row-gap: 20px;
    align-items: center;
    display: flex;
}
.center_img_top{
    margin-top:15px !important;
}
.align_captacha_unset{
    align-items:flex-start !important;
}
.pl_none_all{
    padding-left:0px !important;
}
.cart_btn_lg .previous_btn{
    margin-right:15px;
}






.dashboard_title{
    color: var(--dashboard_title) !important;
    font-weight: 600;
}

.book_title {
    color: var(--dashboard_title1) !important;
    font-weight: 600;
}

.construction_title {
    color: var(--dashboard_title2) !important;
    font-weight: 600;
}

.recent_title {
    font-weight: 600;
    color: #D339A8;
}
.img_center{
    display:flex;
    justify-content:center;
    align-items:center;
}
.img_block_cmn{
    display:none;
}
.d_blk_btn , .label_block_div {
    display: block !important;
}
.mb_0{
    margin-bottom:0px;
}
.cart_btn_end {
    align-items: end;
    display: flex;
    justify-content: end;
}







.query_btn a {
    color: var(--black-white);
}
    .query_btn a span {
        color: var(--black-white);
    }




@media(max-width:1200px) {
    .footer_col{
        flex-direction:column;
        display:flex;
        row-gap:15px;
    }
    .term_policy{
        text-align:center;
    }
    .four_card > div {
        flex: 1 0 50%;
        display: flex;
    }
    .flex_five_card > div {
        width: 20%;
        flex: 1 0 25%;
        display: flex;
    }
    .width_rdo {
        margin: 0 auto;
        width: 85%;
    }
    .captacha_register {
        margin-top: 5px !important;
    }
}
@media(max-width:992px) {
    .img_block_cmn {
        display: block;
        margin: 10px 0px;
    }
    .our_mob_app_section .help_to_u_section_components {
        margin-top: 25px;
    }
    .img_none_cmn {
        display: none;
    }
    .online_title {
      
        font-size:var(--font-size-20);
        
    }
    .cart_btn_lg {
        row-gap: 15px;
        column-gap: 20px;
        justify-content: end;
        display: flex;
    }
        .cart_btn_lg .next_btn{
            margin-right:0px !important;
        }


        .online_title {
            font-size:var(--font-size-20);
        }
    .public_flx {
       align-items:center;
       margin-top:10px;
       font-size:16px;
    }
    .top_footer {
        margin-bottom: 5px;
    }
    .footer_main_logo {
        margin: 10px 10px 30px;
        justify-content: center;
        display: flex;
    }
    .justify_center_sm {
       /* margin: 28px 15px;*/
        justify-content:  center;
    }
    .flex_captcha {
        display: flex !important;
    }

    .booking_width {
        width: 100%
    }

    .pl_booking_none {
        padding-left: 0px;
    }

    .d_booking_flex {
        display: flex;
    }

    .d_block_lg {
        display: block;
    }

    .public_flx {
        row-gap: 3px;
        flex-direction: column;
    }

    .login_flex {
        justify-content: end;
        display: flex;
        column-gap: 20px;
    }

    .nav {
        padding: 5px 0;
    }

    .logo_nav {
        flex-direction: column;
        align-items: unset;
    }

    .component_card_box {
        flex-wrap: wrap;
    }

        .component_card_box .component_cards {
           
            flex: 0 0 100%;
            max-width: 100%;
        }
        .component_card_box .component_cards {
            flex: 0 0 100%;
            max-width: 100%;
            border-bottom: 1px solid #BDC7CD;
            border-right: 0px solid #BDC7CD;
            padding: 36px 15px;
            width: 100%;
        }
    .our_mob_app_section .component_cards {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        border-right: 1px solid #BDC7CD;
    }
    .our_mob_app_section .component_card_box:last-child .component_cards {
        padding-bottom: 0px;
        border-bottom-color: #fff;
    }
    #dvNewModel .tn_no {
        width: 55px !important;
    }

}

    @media(max-width:768px) {
        .four_card .col-md-6 {
            
            width: 50%;
        }
        .notice_btn {
          
            white-space: normal;
        }
        .our_mob_app_section .component_cards {
            flex: 0 0 50% !important;
            max-width: 50% !important;
            border-right: 1px solid #BDC7CD;
        }
        .our_mob_app_section .component_card_box:last-child .component_cards {
            padding-bottom: 0px;
            border-bottom-color: #fff;
        }
        .four_card > div {
            flex: 1 0 50%;
            display: flex;
        }
        .width_rdo {
            margin: 0 auto;
            width: 98%;
        }
        .captacha_new img{
            margin-top:29px !important;
        }
        .logo_nav {
            padding: 10px 27px 10px 27px;
        }
        .login_flex {
            display: unset;
           
        }
        .four_card > div {
            flex: 1 0 50%;
            display: flex;
        }

        .justify_center_row .row {
            flex-direction: column;
            justify-content: center;
        }

        .captcha_vehicle_img {
            width: unset !important;
            margin: 10px 0px;
        }

        .captcha_vehicle {
            justify-content: unset !important;
        }

        .captcha_vehicle_img img {
            width: unset;
            margin-top: 30px !important;
        }

        .flex_top img {
            margin-top: 27px !important;
        }
        .query_scroll {
            max-height: unset;
        }
        .justify_center_sm {
            justify-content: center;
        }
        .footer_lft{
            margin-left:-63px;
            margin-top:13px;
        }
        .center_img_top {
            margin-top: 15px !important;
        }
            .center_img_top img {
                margin-top: 0px !important;
            }
        .form_flex {
             display: unset; 
            
        }
    }
@media(max-width:767.98px) {
    .mt_sm_catacha {
        margin-top: 5px !important;
    }
    .flex_construction_unset{
        display:unset;
    }
}
@media(max-width:650px) {
    

    .our_mob_app_section .component_cards {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        border-right: 1px solid #fff;
    }
    .d_tab_flex li a {
        font-size: 9px;
    }
}



    @media(max-width:576px) {
        .carousel-inner {
            top: 2px;
            padding-bottom: 5px;
        }
        .pl_title{
            padding-left:0px;
        }
        .component_card_box .component_cards {
            align-items: center;
            justify-content: center;
        }
        .justify_center_sm{
            justify-content:center;
        }
        .footer_main_logo .logo_1 {
            width: 100% !important;
        }
        .announcement_title {
            color: #000;
           font-size: var(--font-size-19) !important;
        }
            .our_mob_app_section .component_cards {
            flex: 0 0 100% !important;
            max-width: 100% !important;
            border-right: 1px solid #ffffff;
            padding-left: 0;
            padding-right: 0px !important;
        }
        /*.component_card_box .component_cards {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }*/
            .d_booking_flex {
            flex-direction: column;
        }

        .captacha_new img {
            margin-top: 15px !important;
            width: fit-content;
        }

        .mt_five_sm {
            margin-top: 5px;
        }

        .booking_flow_top_panel .nav-tabs {
            margin-left: 0px;
        }

        .d_tab_flex {
            display: flex;
        }

        .btn_col_sm {
            flex-direction: column;
            row-gap: 10px;
            margin: 0px 13px;
        }

        .form_flx {
            display: unset;
        }

        .mr_none_sm {
            margin-right: 0px !important;
        }

        .query_scroll {
            max-height: unset;
        }

        .label_input_width {
            width: 100%;
        }

        .booking_card {
            margin: 10px 13px;
            padding: 20px 10px;
        }

        .flex_five_card > div {
            flex: 1 0 100%;
            display: flex;
        }


        .four_card .col-sm-6 {
            width: 100%;
        }

        .four_card > div {
            flex: 1 0 100%;
            display: flex;
        }

        .justify_center_col, .justify_center {
            flex-direction: column;
        }

        .pl_vehicle {
            padding-left: 0px;
        }

        .text_align {
            text-align: left;
        }

        .captcha_vehicle_img {
            margin-top: 20px !important;
        }

        .px_none {
            padding-left: 0px;
            padding-right: 0px;
        }

        #dvNewModel .tn_no {
            width: 55px !important;
        }

        .captcha_vehicle {
            justify-content: unset !important;
        }

        .captcha_vehicle_img img {
            margin-top: 0px !important;
        }

        .flex_top img {
            margin-top: 27px !important;
        }

        .construction_flx_sm {
            display: flex;
            flex-direction: column;
            justify-content: unset;
            align-items: unset;
            row-gap: 10px;
        }

        .d_flex_rdo {
            display: block;
        }

        .public_flx {
            font-size:var(--font-size-15);
        }
        .cart_btn_lg{
            flex-direction:column;
        }
        .center_img_top img {
            margin-top: 0px !important;
        }
        .next_btn , .previous_btn{
            height:unset;

        }
@media (max-width: 300px){
    .public_flx {
   font-size: var(--font-size-10);
}
    .footer_lft {
        margin-left: -33px;
        margin-top: 13px;
    }
}
      

        .k-input-solid:hover, .k-input-solid.k-hover {
            border-color: #8d8e98 !important;
        }
.heading_txt{
    color: #000;
    font-size:15px;
}
.pr_none_main {
    padding-right: 0px;
}
.pl_none_main {
    padding-left: 0px;
}


.popup_slowtransition {
    transition: all 1s ease !important;
}
@media only screen and (min-width:1200px) and (max-width:1300px) {
    .alert_attention_title {
        font-weight: 500;
       font-size: var(--font-size-12);
    }
}

    /*Code to be uncommented to check carousal -- Start*/
    /*.announcement-container {
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.announcement-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    animation: scrollText 60s linear infinite;*/ /* Increase the duration for slower scroll */
    /*animation-delay: -25s;
    animation-play-state: running;
}

    .announcement-list li {
        display: inline-block;
        padding: 0 10px;*/ /* Adjust the padding as needed */
    /*color:black;
    }

@keyframes scrollText {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}*/
    /*Code to be uncommented to check carousal -- End*/


.zero_margin {
    margin-right: 0px;
}