.smm-fe-popup .swal2-popup {
    border-radius: 1em!important;
    padding: 0 1em 2em!important;
}
.smm-fe-popup .swal2-actions {
    width: 100%!important;
}
.smm-fe-popup .swal2-actions .popup_confirm_button {
    width: 80%;
    background-color: #d93257!important;
}
span.select2-selection.select2-selection--single {
    border: none;
}

/** INPUT GROUP **/

.smm-input-group {
    position: relative;
}

.smm-input, .smm-select, .select2-container--default {
    border: solid 1.5px #9e9e9e!important;
    font-size: 1rem!important;
    color: #333!important;
    transition: border 150ms cubic-bezier(0.4,0,0.2,1)!important;
    border-radius: 1rem;
}

.smm-input:not([type=checkbox]):not([type=radio]){
    height: unset!important;
    border-radius: 1rem!important;
    background: white!important;
}

.smm-input:not([type=checkbox]):not([type=radio]), .smm-select {
    width: 100%;
    padding: 10px 16px;
}

.form-check-input:focus{
    box-shadow: 0 0 0 0.25rem rgb(217 50 88 / 25%)!important;
}
.form-switch input[type=checkbox]:checked::before {
    content: '';
}

.select2-container {
    padding: 7px 16px;
}
   
.form-label {
    position: absolute;
    left: 15px;
    top: -4px;
    color: #333;
    pointer-events: none;
    transform: translateY(1rem);
    transition: 150ms cubic-bezier(0.4,0,0.2,1);
    font-weight: normal;
}
   
.smm-input:focus, .smm-input:valid,
.smm-select:focus, .smm-select:valid {
    outline: none;
    border: 1.5px solid #d93258!important;
}
   
.smm-input:not([type=checkbox]):not([type=radio]):not(:empty) ~ label, 
.smm-input:not([type=checkbox]):not([type=radio]):focus ~ label, 
.smm-input:not([type=checkbox]):not([type=radio]):valid ~ label,
.smm-select ~ label, .phone-wrapper ~ label{
    transform: translateY(calc(-50% + 4px)) scale(0.8);
    background-color: white;
    padding: 0 .2em;
    color: #333;
}

.select2-container--open .select2-dropdown{
    left: -1px!important;
}

.smm-select, .select2-container--default .select2-selection--single .select2-selection__arrow {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px;
    background-color: white;
    height: unset;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    background-position: center center;
    top: 0.5em!important;
    right: 0.65em!important;
}

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

.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0!important;
    padding-right: 0!important;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
     color: transparent;
}
 :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
     color: transparent;
}
 ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
     color: transparent;
}
 :-ms-input-placeholder {
    /* Internet Explorer 10+ */
     color: transparent;
}
 input::placeholder {
     color: transparent;
}
 textarea::-webkit-input-placeholder {
    /* WebKit browsers */
     color: transparent;
}
 textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
     color: transparent;
}
 textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
     color: transparent;
}
 textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
     color: transparent;
}
 textarea::placeholder {
     color: transparent;
}

.form-check-input:checked {
    background-color: #d93258!important;
    border-color: #d93258!important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #d93258;
    --bs-btn-border-color: #d93258;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d13b5e;
    --bs-btn-hover-border-color: #d13b5e;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d10a39;
    --bs-btn-active-border-color: #d10a39;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #d93258;
    --bs-btn-disabled-border-color: #d93258;
}

button[name=smm_form_submit]{
    height: 56px;
    padding: 16px 32px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
}

i.bi.bi-exclamation-circle.me-1::before {
    background-color: #dc354545;
    border-radius: 50%;
}

.smm-fe-popup .swal2-modal {
    width: 400px;
}

.smm-fe-popup .swal2-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #060755!important;
}

.smm-fe-popup .swal2-html-container {
    font-size: 14px;
    line-height: 19.6px
}

.smm-fe-popup .btn{
    padding: 10px 16px;
}

.phone-wrapper {
    background-color: white!important;
    border-radius: 1rem!important;
    border: 1px solid #8c8f94!important
}

.phone-wrapper input, .phone-wrapper .select2-container--default {
    border: 0!important;
}