.flow-contact-us-form .ff-phone-code-select-wrapper {
    display: flex !important;
    min-width: 45px !important;
    align-items: center !important;
}

.flow-contact-us-form .ff-phone-code-select-name {
    display: none !important;
}

.flow-contact-us-form .ff-phone-code-select-prefix {
    color: white !important;
    padding-left: 7px !important;
}

.flow-contact-us-form .ff-phone-code-select-flag {
    width: calc(22px * 1.5) !important;
    height: calc(20px * 1.5) !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.flow-contact-us-form .select2 {
    min-width: 100px !important;
    padding-left: 18px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin-left: 11px !important;
}

.flow-contact-us-form .select2-selection--single {
    background: transparent !important;
    border: none !important;
    height: auto !important;
}

.flow-contact-us-form .select2-selection__rendered {
    padding: 0 !important;
}

.flow-contact-us-form .select2-selection__arrow b {
    border-color: transparent transparent #ffffff transparent !important;
    margin-left: 0 !important;
    margin-top: 15px !important;
    top: calc(50% - 2px) !important;
    left: 0 !important;
    border-width: 0 !important;
    background: url('/wp-content/plugins/flow-form/public/images/arrow-down-white.svg');
    width: 10px !important;
    height: 10px !important;
    background-repeat: no-repeat;
    background-size: contain;
}

.flow-contact-us-form .select2-selection__arrow {
    top: 0 !important;
    left: 0 !important;
    right: initial !important;
}

/* .flow-contact-us-form .flow-form-row .flow-form-col:last-child {
    padding-left: 10px !important;
    display: flex !important;
    align-items: center !important;
} */

.select2-dropdown--below {
    width: 320px !important;
    background: #102c34 !important;
    color: white !important;
    border-color: #468292 !important;
    border-radius: 0px 0px 8px 8px !important;
    font-family: 'Lexend' !important;
}

.select2-dropdown--below .ff-phone-code-select-flag {
    display: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #468292 !important;
    background: #15282f !important;
    color: white !important;
    font-family: 'Lexend' !important;
    outline: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #368aa1 !important;
}

.select2-container--default .select2-results__option--selected {
    background: #2a545f !important;
    color: white !important;
}

.select2-results__option .ff-phone-code-select-wrapper {
    display: flex !important;
    gap: 10px !important;
    padding-left: 10px !important;
}

.select2-search--dropdown {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.flow-form-phone-wrapper #ff_phone_number {
    padding-left: 10px !important;
}

.flow-contact-us-form-content textarea {
    box-sizing: border-box;
    width: 100%;
}



/* form active */
.flow-contact-us-form-content .flow-form-row {
    border: none;
}

.flow-contact-us-form-content {
    border: none;
}

.flow-contact-us-form-content:after {
    display: none;
}

.flow-form-row .flow-form-col {
    border: 1px solid #458292;
    border-bottom: none;
}

.flow-form-row.first-row .flow-form-col.flow-form-col-left {
    border-top-left-radius: 28px;
}

.flow-form-row.first-row .flow-form-col.flow-form-col-right {
    border-top-right-radius: 28px;
}


.flow-form-row.last-row .flow-form-col.flow-form-col-left {
    border-bottom-left-radius: 28px;
}

.flow-form-row.last-row .flow-form-col.flow-form-col-right {
    border-bottom-right-radius: 28px;
}

.flow-form-row.last-row .flow-form-col {
    border-bottom: 1px solid #458292;
}

.flow-form-row .flow-form-col.flow-form-col-left {
    border-right: none;
}

.flow-form-row .flow-form-col.flow-form-col-right {
    /* transition: all ease-in-out 0.3s; */
}

.flow-form-row.active .flow-form-col.flow-form-col-right {
    border-color: rgb(255 67 235 / 68%) !important;
    border-width: 2px;
    background: linear-gradient(135deg, rgba(82, 162, 202, 0.13), rgba(235, 85, 228, 0.13)) !important;
}


.flow-form-row.next .flow-form-col.flow-form-col-right {
    border-top-color: rgb(255 67 235 / 68%) !important;
    border-top-width: 2px;
}

.flow-form-phone-wrapper {
    display: flex;
}

.select2-dropdown.select2-dropdown--above {
    width: 320px !important;
}

.ff-phone-code-select-flag {
    width: 20px;
}