body{background: #ffffff;}

:root {
    --white: #fff;
    --uketa-blue: #2a58c0;
}
.inm_note {
    padding: 5px 0;
}
.inm_note .container{
    padding: 0;
    border-radius: 0;
}
.inm_note .container p{
    margin: 0;
    font-size: 13px;
}
/* STEP BAR */

.step-wrapper{display:flex;background:#e9edf2;border-radius:8px;overflow:hidden;width: 80%;margin: 0 auto 25px;}

.step{flex:1;padding: 11px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;color:#8a94a6;background: #fbf9fa;}

.step span{width:26px;height:26px;border-radius:50%;background: #ebe6e7;display:flex;align-items:center;justify-content:center;font-size:13px;color: #fff;}

.step.active{
background:var(--uketa-blue);
color:white;
}

.step.active span{
background:white;
color:#2a58c0;
}

/* CARDS */

.info-card{border-radius:12px;
border:1px solid #e6e6e6;
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--tw-shadow);}

.form-card{border-radius:12px;border:1px solid #e6e6e6;--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--tw-shadow);}

/* LEFT INFO ITEMS */

.info-item{display:flex;align-items:center;gap:12px;margin-bottom: 23px;font-size:15px;}

.info-item i{
font-size:20px;
color:#2a58c0;
}
.info-item span {
    color: #101828;
    font-size: 16px;
    font-weight: 500;
}
.info-item span strong {
    font-weight: 700;
}
/* TRUSTED BOX */

.trusted-box{background: #fbf9fa;padding:14px;border-radius:8px;font-size: 15px;color: #364153;}

/* TRAVELLER COUNTER */

.traveller-counter{
display:flex;
align-items:center;
gap:10px;
}

.traveller-counter button{width: 45px;height: 45px;border-radius:6px;border: 0px solid #ced4da;background:white;padding: 0;background: var(--uketa-blue);color: #fff;display: flex;align-items: center;justify-content: center;}
.traveller-counter button svg {
    width: 22px;
    height: 22px;
}
.traveller-counter input{width:70px;height: 45px;text-align:center;border:1px solid #ced4da;border-radius:6px;font-size:23px}

/* BUTTON */

.begin-btn{padding:16px;font-size:18px;background:#0f6c37;border:none;border-radius:8px;font-weight: 600;}

.begin-btn:hover{
background:#0c5a2e;
}

.flag{
width:20px;
margin-right:8px;
}

.card-body.pd-0{padding:0}
.sid_bar {
    padding: 20px 30px;
    border-bottom: 1px solid #e7e7e7;
}
.sid_bar h4{
    font-size: 30px;
    margin: 0;
}

.sid_bar_det {padding: 20px 30px;border-bottom: 1px solid #e7e7e7;}
.trusted_pad {padding: 20px 30px;}
.sfd_box {padding: 20px 30px;}
p.adf_app { margin: 16px 0 0 0;    font-size: 18px;}
.sfd_box .ts-wrapper{}
.sfd_box .ts-wrapper .ts-control{border: 1px solid #d1d5dc;padding: 15px;height: 58px;
    border-radius: 6px;z-index:0}
.sfd_box .ts-wrapper .ts-control input{font-size: 17px;    color: #000;}
.sfd_box .ts-wrapper .ts-control .item{font-size: 16px;color: #364153;display: flex;align-items: center;gap: 5px;font-weight: 500;}
.ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create {
    padding: 10px 8px;font-size: 16px;
}

.travel_hed {
    background: #e7e7e7;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 16px;
    border-bottom: 1px solid #e7e7e7;
}
.travel_hed h3{
    margin: 0;
    font-size: 23px;
    font-weight: 600;
}

.trace_form {}
.trace_form label.form-label{
    font-size: 15px;
    font-weight: 500;
    color: #364153;
}
.trace_form select.form-select:focus,
.trace_form input.form-control:focus{
    box-shadow: none;
    border: 2px solid var(--uketa-blue);
}
.trace_form input{
    height: 50px;
    font-size: 16px;
    font-weight: 500;
}
.trace_form select{
    height: 50px;
    font-size: 16px;
    font-weight: 500;
}

.add-traveller {
    border: 2px dashed #c6c6c6;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 15px;
    cursor: pointer;
}
.add-traveller:hover {
    border-color: var(--uketa-blue);
}
.add-traveller .ade-svg {
    width: 50px;
    height: 50px;
    background: #e8f0f8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--uketa-blue);
}
.add-traveller .ade-svg svg {}
.add-traveller .ade-desc h3{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
.add-traveller .ade-desc p{
    margin: 0;
    font-size: 15px;
}
.card_order {    background: #f9fafb;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 16px;
    border-bottom: 1px solid #e7e7e7;}
.card_order h5{
    margin: 0;
}
.order_det{padding: 20px;}
.order_det p{    font-size: 18px;    font-weight: 700;}
.order_det .sdfds {
    margin-bottom: 7px;
    border-bottom: 1px solid #eee;
    padding-bottom: 7px;
}
.order_detsd .sdfds:last-child{margin-bottom: 0;
    padding-bottom: 0;
    border: navajowhite;}
.fr_tp_secure {
    display: flex;
    gap: 6px;
}
.fr_tp_secure svg{
    color: #bdbdbd;
    width: 20px;
    height: 20px;
}
.fr_tp_secure p{
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #bdbdbd;
    margin: 0;
}

.trace_form .ts-wrapper{}
.trace_form .ts-wrapper .ts-control{border: 1px solid #d1d5dc;padding: 15px;height: 58px;
    border-radius: 6px;}
.trace_form .ts-wrapper .ts-control input{font-size: 17px;height:auto;    color: #000;}
.trace_form .ts-wrapper .ts-control .item{font-size: 16px;color: #364153;display: flex;align-items: center;gap: 5px;font-weight: 500;}
.trace_form .form-check input{    width: 15px;    height: 15px;}

.back_space{
    margin-bottom: 30px;
}
.back_space a {
    font-size: 16px;
    font-weight: 600;
    color: red !important;
}
.back_space h2{
    font-weight: 700;
    font-size: 30px;
}
.back_space p{
    font-size: 15px;
}

.form-check{
    border:1px solid #ccc;
    padding:12px 15px;
    border-radius:6px;
    margin-bottom:10px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:10px;
    transition:0.3s;
}
.form-check-input.pos_rel {position:relative !important;left: 0 !important;margin-left: 0;}

.form-check-input{
    cursor:pointer;
}

.gsp_s_15 {gap:15px;display: flex;flex-wrap: wrap;}
.for_m_group{
    width: calc(50% - 8px);
    padding: 0;
    }















.process-box{border:2px solid #dee2e6;border-radius:20px;padding:26px;cursor:pointer;transition:0.3s;margin-bottom: 15px;}
.process-box p {color: #4c4c4c;font-weight: 500;margin: 0;}

.process-box.active{
border:2px solid #0d6efd;
background:#f8fbff;
}

.process-price{
font-size:22px;
font-weight:700;
}

.btn-green{
background:#0c6b3f;
color:#fff;
padding:14px;
font-weight:500;
}


.scroll_fit {min-height: calc(100vh - 160px);}
/*------------------------*/

.sf_header {
    position: sticky;
    top: 0;
    background: #fff;
	    z-index: 9;
    }
.bd-header__position {
    width: 100%;
    
}
.bd-header__top {
    padding: 6px 0 7px;
    background: var(--uketa-blue);
}
.bd-header__top1-wrapper ul {
    display: flex;
    margin: 0;
}
.bd-header__top1-wrapper ul li {
        list-style: none;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    line-height: 1;
    margin-right: 20px;
    position: relative;
}
.bd-header__top1-wrapper ul li:after {
    content: '|';
    position: absolute;
    right: -10px;
    top: 0;
}
.bd-header__top1-wrapper ul li:last-child:after {display:none}
.bd-header__top1-wrapper ul li:last-child {
    margin-right: 0
}
.bd-header__bottom-wrapper {padding: 15px 0;}
.bd-header__top1-wrapper ul li a {color:#fff;text-decoration: none;outline: none;}
.logo-position {
    width: 170px;
    z-index: 107;
}
.logo-position img {
    width: 100%;
    object-fit: contain;
    padding: 6px;
    filter: invert(1);
}
.aplY_hAd {
    flex: 1;
    text-align: center;
}
.main_content.Gsj .log_name {
    margin: 0;
    font-size: 40px;
    padding: 0;
    line-height: 45px;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: -webkit-linear-gradient(#000, #000000, #000, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.main_content.Gsj h3 {
    margin: 0;
    font-size: 23px;
    font-weight: 900;
    color: #000;
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 650;
    right: 0;
    left: 0;
    width: 100%;
    transition: .4s;
    animation: .3s ease-in-out fadeInDown;
    border: none;
    display: block;
    background: #fff;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.sidebar__area {
    position: fixed;
    right: -100%;
    top: 0;
    width: 315px;
    height: 100%;
    background: #fff none repeat scroll 0 0;
    overflow-y: scroll;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, .5);
    -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, .5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, .5);
    z-index: 999;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
}
.sidebar__area.sidebar-opened {
    right: 0;
}
.sidebar__wrapper {
    position: relative;
    padding: 20px;
}
.sidebar__logo {
        width: 160px;
    }
	.sidebar__logo a img {
    width: 100%;
    filter: invert(1);
}
.sidebar__close {
}
.sidebar__close-btn {
    display: flex;
    font-size: 18px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #d00000;
    outline: none;
    border: none;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.sidebar_info-item {}
.sidebar_info-item ul{
    padding: 0;
    list-style: none;
}
.sidebar_info-item ul li{
    font-size: 21px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.sidebar_info-item ul li a{
    color: #000;
    font-weight: 600;
    text-decoration: none;
}
.sidebar_info-item ul li:last-child{
    border-bottom: none;
}

.sidebar_info-item ul li.a_apply a{    background: var(--uketa-blue);
    padding: 8px 20px;
    display: inline-block;
    border-radius: 4px;
    color: white;
    line-height: 35px;
    height: 56px;}


/*------------------------*/
.footer_section.bg_black {
    background-color: #212121;
}
.footer_bottom {
    padding: 5px 0;
    margin-top: 20px;
}
.footer_bottom .copyright_text {
    padding: 0;
    text-align: inherit;
    font-size: 15px;
}
.text_right_s {
    display: flex;
    align-items: center;
    justify-content: end;
}
.footer_nav {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer_nav li.menu-item {
    position: relative;
    font-size: 15px;
}
.footer_nav li.menu-item:before {
    content: '|';
    position: absolute;
    right: -11px;
}
.footer_nav li.menu-item a {color: #fff;text-decoration: none;}
.footer_nav li.menu-item:last-child:before{
    display: none;
}