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: 60%;margin: 0 auto 45px;}

.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;
    }


.scroll_fit {min-height: calc(100vh - 176px);}
/*------------------------*/

.sf_header {
    position: sticky;
    top: 0;
    background: #1b6ca3;
	    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: 10px 0 10px;}
.bd-header__top1-wrapper ul li a {color:#fff;text-decoration: none;outline: none;}
.logo-position {
    width: 180px;
    z-index: 107;
    position: absolute;
    left: 0;
}
.bd-header__bottom-order {position:relative}
.logo-position img {
    width: 100%;
    object-fit: contain;
    /* padding: 6px; */
}
.aplY_hAd {
    flex: 1;
    text-align: center;
}
.main_content.Gsj .log_name h3{
    margin: 0;
    font-size: 26px;
    padding: 0;
    line-height: 26px;
    font-weight: 600;
    color: #ffffff;
    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 .log_name p {
    font-size: 19px;
    margin: 0;
    color: #ffffff;
    line-height: 28px;
}
.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: #753dd9 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 #eeeeee36;
    padding-bottom: 10px;
}
.sidebar_info-item ul li a{
    color: #ffffff;
    font-weight: 400;
    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;
}

.sf_main_x{
    margin: 2rem;
    min-height: calc(100vh - 171px);
}
.sf_main_x .main-wrapper{}
.sf_main_x .main-wrapper .row_sd{
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.sf_main_x .main-wrapper .row_sd .stepper{
    min-width: 280px;
    background: #fff;
    border-radius: 25px;
    padding: 25px;
    position: sticky;
    top: 106px;
    box-shadow: 0px 6px 10px #e5e5e5;
}
.sf_main_x .main-wrapper .row_sd .stepper ul {
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
}

.sf_main_x .main-wrapper .row_sd .stepper li {
    padding-bottom: 40px;
    position: relative;
    color: #999;
    display: flex;
    gap: 10px;
    font-size: 17px;
    font-weight: 600;
}
.sf_main_x .main-wrapper .row_sd .stepper li.active:after{
    background: #0f6b5c;
}
.sf_main_x .main-wrapper .row_sd .stepper li:after {content:'';position: absolute;width: 2px;height: 30px;background: #cccccc;bottom: 0;left: 13px;top: 34px;}
.sf_main_x .main-wrapper .row_sd .stepper li span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
    text-align: center;
    line-height: 28px;
}
.sf_main_x .main-wrapper .row_sd .stepper li p {
    margin-bottom: 0;
}

.sf_main_x .main-wrapper .row_sd .stepper li.active span {
    background: #0f6b5c;
}

.sf_main_x .main-wrapper .row_sd .stepper li.active {
    color: #0f6b5c;
}
.sf_main_x .main-wrapper .row_sd .stepper li:last-child{
    padding-bottom: 0;
}
.sf_main_x .main-wrapper .row_sd .stepper li:last-child:after{display:none}

.sf_main_x .main-wrapper .row_sd .sf-form{flex:1}
/* Form Box */
.sf_main_x .main-wrapper .row_sd .sf-form .form-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}

/* Inputs */
.sf_main_x .main-wrapper .row_sd .sf-form .form-control {
    border-radius: 8px;
    height: 45px;
}

/* Gender */
.sf_main_x .main-wrapper .row_sd .sf-form .gender-box {
    display: flex;
    gap: 20px;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-card {
    flex: 1;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-card input {
    display: none;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-card input:checked + span {
    font-weight: bold;
    color: #0f6b5c;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-card.female input:checked + span {
    color: #c56c86;
}

/* Buttons */
.sf_main_x .main-wrapper .row_sd .sf-form .btn-success {
    background: #0f6b5c;
    border: none;
}



.sf_main_x .main-wrapper .row_sd .sf-form .applicant-card {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
}

.sf_main_x .main-wrapper .row_sd .sf-form .ts-control{
    border-radius: 8px;
    height: 50px;
    border: 1px solid #cbd5e1;
    background: #f4f6f9;
    padding: 15px 10px;
    font-size: 15px;
    display: block;
    }
	.sf_main_x .main-wrapper .row_sd .sf-form .ts-control .item {overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;}
.sf_main_x .main-wrapper .row_sd .sf-form .ts-control input{font-size: 15px;color: #000;}
.sf_main_x .main-wrapper .row_sd .sf-form .form-control {
    border-radius: 8px;
    height: 50px;
    border: 1px solid #cbd5e1;
    background: #f4f6f9;
    font-size: 15px;
    padding: 10px 10px;
    box-shadow: none;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-box {
    display: flex;
    gap: 15px;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-card {
    flex: 1;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    height: 50px;
    border: 1px solid #cbd5e1;
    background: #f4f6f9;
    font-size: 15px;
    /* padding: 10px 10px; */
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-card input {
    display: none;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-card input:checked + span {
    font-weight: bold;
    color: #0f6b5c;
}

.sf_main_x .main-wrapper .row_sd .sf-form .gender-card.female input:checked + span {
    color: #c56c86;
}
.sf_main_x .main-wrapper .row_sd .sf-form .form-box label {
    font-weight: 500;
    color: #334155;
    font-size: 15px;
    margin-bottom: 5px;
}
.sf_main_x .main-wrapper .row_sd .sf-form .form-box label span {
    display: flex;
    align-items: center;
}
.sf_main_x .main-wrapper .row_sd .sf-form .form-box label span svg {
    width: 24px;
    height: 24px;
}
.sf_main_x .main-wrapper .row_sd .sf-form .gender-card.active{    border: 1px solid #0f6b5c;background: #0f6b5c1c;}
.sf_main_x .main-wrapper .row_sd .sf-form .gender-card.female.active{    border: 1px solid #c56c86;background: #c56c8617;}
/*input:invalid, select:invalid {
    border: 1px solid red;
}
*/

.sd-menu {
    float: right;
    right: 0;
    position: absolute;
    top: 15px;
}
.sd-menu ul{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 15px;
}
.sd-menu ul li{}
.sd-menu ul li a{
    color: #fff;
    text-decoration: none;
}

.sf_main_x .main-wrapper .row_sd .sf-form  .pb-mobile {}
.sf_main_x .main-wrapper .row_sd .sf-form  .pb-mobile .ts-control{width:auto}


.new_phone_list {
    display: flex;
    position: relative;
    border-radius: 8px;
    height: 50px;
    border: 1px solid #cbd5e1;
    background: #f4f6f9;
    font-size: 15px;
    padding: 10px 10px;
    box-shadow: none;
}
.new_phone_list .call  {
    width: 100%;
    border: none;
    background: #0000;
}
.new_phone_list .flg_cd {
    /* background: #f2f2f2; */
    /* padding: 7px; */
    border-radius: 6px 0 0 6px;
}
.new_phone_list .flg_cd span {
    display: flex;
    height: 100%;
    align-items: center;
    line-height: 10px;
    font-size: 15px;
    padding-right: 10px;
    position: relative;
    cursor: pointer;
}
.new_phone_list .flg_cd span svg {
}
.new_phone_list .flg_cd span:after {
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 10px;
    color: #5e5e5e;
    position: absolute;
    right: 0;
}
.flg_cd_fli {
    position: absolute;
    z-index: 3;
    background: white;
    left: 0;
    top: 40px;
    padding: 5px;
    border: 1px solid #eee;
}
.new_phone_list .flg_cd ul {
    /* position: absolute; */
    z-index: 3;
    /* background: aquamarine; */
    max-height: 50vh;
    overflow-y: scroll;
}
.new_phone_list .flg_cd ul li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin: 6px 0;
}
.new_phone_list .flg_cd ul li img {
    width: 30px;
    box-shadow: 0px 0px 10px #c1b5b5;
    margin-right: 10px;
}
.sf_main_x .main-wrapper .row_sd .sf-form input::placeholder {
    color: #b3b3b3 !important;
    font-size: 14px !important;
}
.sf_main_x .main-wrapper .row_sd .sf-form .applicant-card  .form-control{background:#fff}
.sf_main_x .main-wrapper .row_sd .sf-form .alert_box{background: #f7f7f7;border-radius: 10px;padding: 15px 15px;text-align: center;margin-bottom: 20px;}
.sf_main_x .main-wrapper .row_sd .sf-form .alert_box p {margin: 0;}
.sf_main_x .main-wrapper .row_sd .sf-form .alert_box b {font-weight: 600;}
.sf_main_x .main-wrapper .row_sd .sf-form .alert_box .sk_btn {background: #763ddb;width: fit-content;margin: 0 auto;border-radius: 25px;color: #ffff;padding: 5px 15px;}



/* ================= PROCESSING ================= */
.sf_main_x .main-wrapper .row_sd .sf-form .processing-options {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sf_main_x .main-wrapper .row_sd .sf-form .process-card {
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 18px;
    cursor: pointer;
    transition: 0.3s;
}

.sf_main_x .main-wrapper .row_sd .sf-form .process-card input {
    display: none;
}

/* Layout */
.sf_main_x .main-wrapper .row_sd .sf-form .card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sf_main_x .main-wrapper .row_sd .sf-form .left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sf_main_x .main-wrapper .row_sd .sf-form .left h4 {
    /* margin: 0; */
    font-weight: 600;
    font-size: 20px;
}

/* Badge */
.sf_main_x .main-wrapper .row_sd .sf-form .badge {
    background: #eef3ff;
    color: #4a6cf7;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
}

/* Radio Circle */
.sf_main_x .main-wrapper .row_sd .sf-form .radio-circle {
    width: 24px;
    height: 24px;
    border: 2px solid #bbb;
    border-radius: 50%;
    position: relative;
    transition: 0.3s;
}

/* ================= ACTIVE STATES ================= */

/* FAST (GREEN) */
.sf_main_x .main-wrapper .row_sd .sf-form .process-card:has(input:checked) {
    border: 2px solid #2ecc71;
    background: #f3fff7;
}


/* standard (Blue) */
.sf_main_x .main-wrapper .row_sd .sf-form .process-card.standard:has(input:checked) {
    border: 2px solid orange;
    background: #dee2e600;
}

.sf_main_x .main-wrapper .row_sd .sf-form .process-card:has(input:checked) .radio-circle {
    border-color: #2ecc71;
}

/*.process-card:has(input:checked) .radio-circle::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #2ecc71;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
}*/


.sf_main_x .main-wrapper .row_sd .sf-form .process-card:has(input:checked) .radio-circle::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #2ecc71;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.sf_main_x .main-wrapper .row_sd .sf-form .process-card:has(input:checked) h4 {
    color: #27ae60;
}

/* ULTRA PREMIUM (ORANGE) */
.sf_main_x .main-wrapper .row_sd .sf-form .process-card.premium:has(input:checked) {
    border: 2px solid orange;
    background: #fff7e6;
}



.sf_main_x .main-wrapper .row_sd .sf-form .process-card.premium:has(input:checked) .radio-circle {
    border-color: orange;
}

.sf_main_x .main-wrapper .row_sd .sf-form .process-card.premium:has(input:checked) .radio-circle::after {
    background: orange;
}

.sf_main_x .main-wrapper .row_sd .sf-form .process-card.premium:has(input:checked) h4 {
    color: orange;
}

/* Price */
.sf_main_x .main-wrapper .row_sd .sf-form .price {
    font-weight: 600;
    font-size: 22px;
}

/* ================= ADDON ================= */
.sf_main_x .main-wrapper .row_sd .sf-form .addon-box {
    border: 2px solid #28a745;
    border-radius: 12px;
    padding: 20px;
    background: #f9fffb;
}

.sf_main_x .main-wrapper .row_sd .sf-form .counter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sf_main_x .main-wrapper .row_sd .sf-form .count-box {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}

.sf_main_x .main-wrapper .row_sd .sf-form .count-box button {
    border: none;
    background: #eee;
    padding: 5px 10px;
}

.sf_main_x .main-wrapper .row_sd .sf-form .count-box input {
    width: 40px;
    text-align: center;
    border: none;
}