.btn{border-radius:5px}
.btn:hover{border-color:var(--site-primary-color);}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{border-color:#f8f8f8!important; color:#dcdcdc;background-color:#f8f8f8; background:#f8f8f8; box-shadow:none!important; border-radius:20px}
.form-control, select{border-radius:5px; height:45px; background:#00000082; border:1px solid #69727d; color:#fff}
.form-control::placeholder{color:#b6b6b6}
.input-group .btn{border-radius:0px 20px 20px 0px} 
.form-check .form-check-input:checked{background-color:#fff; border-color:#fff}
.btn-primary:focus-visible,.btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary.show, .btn-primary:first-child:active, :not(.btn-check)+.btn-primary:active{background-color:#000; border-color:#000}
.form-label,.form-check-label{font-weight:normal}
.error{font-size:12px; font-weight:normal; color:#E91E63}
.form-check-input{width:0.9rem; height:0.9rem}

.pagination .page-link{color:#071021;}
.pagination .active .page-link{background-color:var(--site-primary-color); border-color:#bababa; color:#fff}

input[type=checkbox]:checked + label:before{border-width:8px}
input[type=checkbox]:checked + label:after{top:-2px; left:3px}
textarea.form-control{border-radius:10px; height:80px; max-height:80px}

.select2-container .select2-selection--single{height:auto!important; min-height:28px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:120%!important; font-size:12px; min-height:26px; display:flex!important; align-items:center}
.select2-container--default .select2-selection--single .select2-selection__rendered .site-text-primary{font-size:14px}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color:#212529!important}
.price2 .select2-container{border: 1px solid #0000002d; border-radius: 10px;}
.price2 .select2-container .dropdown-wrapper{
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 40%;
    right:10px;
    width: 0;
}

fieldset{
    border: 1px solid #e0dfdf;
    display: block;
    padding: 0px 1.5rem 0.5rem 1.5rem;
    border-image: initial;
    padding-top: 0px;
    margin-top: 2rem;
    border-radius: 20px;
    background:#ffffff;
    box-shadow:0px 0px 6px #0000000f;
}
fieldset>div.mb-3{margin-left:1.2rem; margin-right:1.2rem}
legend{    
    display: inline-block;
    font-size:1rem; text-transform:capitalize;
    color:#ffffff;
    unicode-bidi: isolate;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin-top: -15px;
    background: var(--site-primary-color);
    width: fit-content;
    padding: 4px 1rem; border-radius: 15px; margin-left:1.2rem;
    margin-bottom:1rem;
    
}

.remove-member{border:1px solid #e40000; color:#e40000; background:#fff; padding:8px 20px; font-size:14px; box-shadow:0px 0px 4px #00000042!important; border-radius:20px; }

.btn-primary{
    background:linear-gradient(#ffffffbd,var(--site-primary-color) 80%); 
    border:1px solid var(--site-primary-color);
    color:#fff;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 40px;
    font-size: 1rem;
    /*font-family: Quicksand-bold, Roboto, Verdana, Geneva, Tahoma, sans-serif;*/
    min-height: 44px;
    align-items: center;
}
.btn-primary:hover{
    background:var(--site-primary-color); 
}
.button-lg{padding-left: 2rem; padding-right: 2rem;}
.btn-primary-light{
    border:1px solid var(--site-primary-color);
    color:var(--site-primary-color);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 40px;
    font-size: 1rem;
    font-family: Quicksand-bold, Roboto, Verdana, Geneva, Tahoma, sans-serif;
    min-height: 44px;
    align-items: center;
    box-shadow:0px 0px 6px #00000042!important;
    cursor:pointer;
}
.btn-primary-light:hover a,.btn-primary-light:hover a:hover,.btn-primary-light:hover{color:#ffffff}

.ui3-contact-right .form-control{height:48px; border-radius:50px; font-size:16px}

/*===== SELECT ======*/
.select-group{
    min-height: 48px;
    background: transparent;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    padding-left:10px;
}
 .txt-cross{
    text-decoration: line-through;
    font-size:90%;
}
.select-group.bootstrap-select .dropdown-toggle{
    min-height: 50px;
    background: transparent!important;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    color:#071021;
    padding:0px;
    font-size:16px;
    position: relative;
    z-index: 1;
}
.bootstrap-select:active, .bootstrap-select:focus{
    border: 1px solid #bdbdbd!important;
}
.bootstrap-select div.dropdown-menu{margin-left:-10px; box-shadow:0px 0px 16px #00000026; border-radius:10px}
.dropdown-item.active, .dropdown-item:active{background:var(--site-primary-color); }
.dropdown-item.active .site-text-primary, .dropdown-item:active .site-text-primary{color:#ffffff}
.select-group.bootstrap-select .dropdown-toggle:after {
    display:block;
    position: absolute;
    top:7px;
    right:10px;
    z-index: 1;
     content: "\f0dd"; 
    font-family: FontAwesome;
    border: none;
    margin-top: 0px;
}

/*boostrap 5*/

.select-group .select2-container{
    width:100%!important;
    
}
.select-group .select2-container--bootstrap-5 .select2-selection--single{
    min-height: 60px;
    background: transparent;
    border: 0px;
    border-radius: 0px;
    padding-left:0px;
    display:flex;
    align-items:center;
}
.select-group .select2-selection__arrow:after {
    display:block;
    position: absolute;
    top:10px;
    right:10px;
    z-index: 1;
     content: "\f0dd"; 
    font-family: FontAwesome;
    border: none;
    margin-top: 0px;
}

.select-group .select2-container--bootstrap-5.select2-container--focus .select2-selection, 
.select-group .select2-container--bootstrap-5.select2-container--open .select2-selection{    
    box-shadow:none;
}
.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below{
    border-radius:10px;
    border:none;
}
.select2-results__options{
    margin-left:-10px; box-shadow:0px 0px 16px #00000026; border-radius:0px
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, 
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]{
    background-color:#d9d9d9!important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected .site-text-primary, 
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"] .site-text-primary{
    color:#ffffff!important;
}

/* radio-check-bg */
.radio-check-bg.form-check-inline{padding-left:0px; margin-right:1.6rem}
.radio-check-bg input[type=radio] + label.primary-light-gradient{    
    padding: 10px 30px 10px 50px !important;
    border-radius: 20px;
    cursor:pointer;
    border:1px solid var(--site-primary-color);
}
.radio-check-bg input[type=radio]:not(:checked) + label.primary-light-gradient{    
    border: 1px solid #dadada!important;
    background:#ffffff!important;
    box-shadow:0px 0px 16px #00000026;
}
.radio-check-bg input[type=radio] + label.primary-light-gradient{    
    box-shadow:0px 0px 16px #00000026;
}
.radio-check-bg input[type=radio] + label:before{top:14px; margin-left:-26px}
.radio-check-bg .form-check-input[type=radio]{margin-top:15px; margin-left:25px!important}

.ui3-contact .form-control.is-valid,.ui3-contact .was-validated .form-control:valid,.ui3-contact .ui3-contact-right textarea.form-control,.ui3-contact .form-control{border-color:#e1e6eb00}

/*============== booking-bg-page ================ */
.booking-bg-page .price2 .select2-container {
    border: 1px solid #ffffffa3;
    border-radius: 10px;
}
.booking-bg-page .list-shop-item .site-text-primary{color:#fff!important}
.booking-bg-page .select-group .select2-container--bootstrap-5 .select2-selection--single{color:#fff}

/*============== services-bg-page ================ */
.services-bg-page .select-group{border: 1px solid #ffffffa3;}
.services-bg-page .select-group .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{color:#bdbdbd!important}
.services-bg-page .select-group .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .site-text-primary{color:#fff!important}
.services-bg-page .select-group .select2-container--bootstrap-5 .select2-selection{color:#bdbdbd}