::placeholder {
    color: #d2d6e6;
}

fieldset {
    margin: 1rem 0 0 0;
    padding: 0;
    border: none;
}

.form-title {
    color: var(--color--orange);
    font-weight: var(--custom--font-weight--semibold);
    font-size: var(--font-size--semi-x-large);
    margin-bottom: 2rem;
}

fieldset {
    padding: 1rem;
    border: 1px solid #efefef;
    border-radius: 5px;
}

.form-group + .form-group {
    position: relative;
    margin-top: 2rem;
}

.form-inline > .form-group, .form-inline > .btn {
    display: inline-block;
    margin-bottom: 0;
}

.form-help {
    margin-top: 0.125rem;
    margin-left: 0.125rem;
    color: #3c3c3b;
    font-size: 0.8rem;
}

.checkbox .form-help,
.form-radio .form-help,
.form-group .form-help {
    position: absolute;
    width: 100%;
}

.checkbox .form-help {
    position: relative;
    margin-bottom: 1rem;
}

.form-radio .form-help {
    padding-top: 0.25rem;
    margin-top: -1rem;
}

.form-group input {
    height: 2.5em;
}

.form-group [disabled]:not([type="radio"]):not([type="checkbox"]),
.form-group [readonly]:not(.datepicker):not(.iti__tel-input),
.form-group [readonly] + .nice-select,
.form-group .iti:has(input[readonly]) {
    opacity: .5;
    pointer-events: none;
}

.form-group input::-webkit-outer-spin-button,
.form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-group input[type=number] {
    -moz-appearance: textfield;
}

.form-group textarea {
    resize: none;
    overflow-y: hidden;
}

.form-group > label {
    font-size: 1rem;
    padding-left: 0.125rem;
}

.form-group .control-label {
    pointer-events: none;
    z-index: 1;
    font-size: var(--font-size--small);
    transition: all 0.28s ease;
    white-space: nowrap;
    padding-bottom: .2em;
    display: block;
}

label[for] {
    cursor: pointer;
    position: relative;
    user-select: none;
}

.control-label .optional {
    font-size: 80%;
}

.form-group .iti {
    width: 100%;
    font-size: 75%;
    position: relative;
    z-index: 3;
}

.form-group input,
.form-group textarea,
.form-group select,
.form-group div.nice-select {
    display: block;
    background: var(--color--white);
    padding: .5em .75em;
    font-size: var(--font-size--small);
    line-height: var(--custom--line-height--body);
    width: 100%;
    color: var(--color--blue);
    transition: all 0.28s ease;
    transition-property: border-color, background, color;
    caret-color: var(--color--blue);
    border: 0;
    box-shadow: 0 0 0 1px var(--color--grey) inset;
    border-radius: 5px;
}


.form-group .nice-select .current,
.form-group .nice-select .option:not(:empty) {
    display: flex;
    gap: 0 1em;
    align-items: center;
}

.form-group select,
.form-group div.nice-select {
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: content-box;
    height: 1.375em;
    max-width: calc( 100% - 2 * .75em );
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--color--grey);
}

.form-group div.nice-select ul {
    margin: 0;
}

.form-group div.nice-select.open{
    overflow: visible;
}

.form-select {
    position: relative;
}

.form-select:after {
    content: '';
    position: absolute;
    top: 1px;
    right: 0px;
    bottom: 1px;
    width: 4em;
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cpath fill='%232d3866' d='m0 0 400 400L800 0H0Z'/%3E%3C/svg%3E") right 1em top .75em / .75em 1em no-repeat, linear-gradient(to right, transparent, var(--color--white) 50% );
    pointer-events: none;
    display: none;
}

.form-group--select-caret select,
.form-group--select-caret div.nice-select {
    padding: 0.125em 1em 0.125em 2em;
    border: none;
    box-shadow: none;
}

.form-group--select-caret select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%232d3866' d='M10 0 5 5 0 0h10z'/%3E%3C/svg%3E") 0 .68em / .7em .7em no-repeat;
}


.form-group input[type="file"] {
    line-height: 1;
}

.form-group select:focus, .form-group input:not([type="checkbox"]):not([type="radio"]):focus, .form-group textarea:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--color--blue);
}

.form-group select:focus ~ .control-label, .form-group select:valid ~ .control-label, .form-group input:focus:not([type="checkbox"]) ~ .control-label, .form-group input:required:valid:not([type="checkbox"]) ~ .control-label, .form-group input.form-file ~ .control-label, .form-group input.has-value ~ .control-label, .form-group textarea:focus ~ .control-label, .form-group textarea:required:valid ~ .control-label, .form-group textarea.has-value ~ .control-label, .form-group textarea.form-file ~ .control-label, .form-group textarea.has-value ~ .control-label, .form-group input:optional:not(:placeholder-shown):not([type="checkbox"]) ~ .control-label {
    top: 0;
    left: 0;
    font-size: .8em;
    transform: translateY(-100%);
}

.form-group select:focus ~ .control-label, .form-group input:focus ~ .control-label, .form-group textarea:focus ~ .control-label {
    color: var(--color--white);
}

.checkbox > label,
.radio > label {
    position: relative;
    cursor: pointer;
    padding: 1px 0 0 2em;
    text-align: left;
    display: flex;
    flex-direction: column;
    font-size: var(--font-size--small);
    line-height: 1.2;
    border: 1em solid transparent;
    border-width: 1em 0 1em 0;
    background-clip: content-box;
    box-sizing: content-box;
    max-width: fit-content;
    padding-right: 1rem;
}

.checkbox input,
.radio input,
.input-swatch input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    height: 0.1rem;
}

.input-description {
    font-weight: var(--custom--font-weight--regular);
    margin-top: .4em;
    font-size: 80%;
}

.input-description > * {
    display: block;
}

.radio .helper {
    position: absolute;
    top: -0.25em;
    left: -0.25em;
    cursor: pointer;
    display: block;
    font-size: 1em;
    user-select: none;
    color: var(--color--grey);
}

.radio .helper::before,
.radio .helper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: .2em;
    width: 1.167em;
    height: 1.167em;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: thin solid currentColor;
}

.radio .helper::after {
    transform: scale(0);
    background-color: var(--color--orange);
    border-color: var(--color--orange);
}

.radio input:focus:not([disabled]) ~ .helper,
.radio label:hover input:not([disabled]) ~ .helper {
    color: var(--color--orange);
}

.radio input:checked ~ .helper::after {
    transform: scale(0.5);
}

.checkbox {
    margin-top: 1rem;
}

label + .radio,
label + .checkbox {
    margin-top: 1rem;
}

.checkbox .helper {
    color: var(--color--gray-dark);
    position: absolute;
    left: 0;
    width: 1em;
    height: 1em;
    z-index: 0;
    border: 1px solid currentColor;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease;
}

.checkbox .helper::before, .checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 0.16em;
    background-color: var(--color--orange);
    display: block;
    transform-origin: left top;
    content: '';
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
}

.checkbox .helper::before {
    top: calc( 50% + .32em );
    left: calc( 50% - .1em );
    transform: rotate(-135deg);
}

.checkbox .helper::after {
    top: calc( 50%  );
    left: .05em;
    transform: rotate(-45deg);
}

.checkbox label:hover .helper,
.checkbox input:focus .helper{
    color: var(--color--blue);
}

.checkbox input:checked ~ .helper {
    color: var(--color--blue);
}

.checkbox input[disabled] ~ .helper {
    filter: grayscale(100%);
    opacity: 0.5;
}

label:has([disabled]),
label:has([disabled]) .helper {
    cursor: default;
}

.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
    opacity: 1;
    transition: height 0.28s ease;
}

.checkbox input:checked ~ .helper::after {
    height: 0.4em;
}

.checkbox input:checked ~ .helper::before {
    height: 0.8em;
    transition-delay: 0.28s;
}

.checkbox input:focus ~ .helper {
    border-color: var(--color--orange);
    accent-color: currentcolor;
}

.checkbox-card {
    margin: 0;
    height: 100%;
}

.checkbox-card label {
    box-shadow: 0 0 0 1px var(--color--grey);
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .4em;
    background: var(--color--white);
    transition: .2s all linear;
    height: 100%;
    min-height: 7rem;
    margin: 0;
    box-sizing: border-box;
    border: none;
    flex-direction: row;
    max-width: none;
}

.checkbox-card.active label > span {
    animation: bounce-progress 2s 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    box-shadow: 0 0 0 0 var(--color--blue);
    transition: 1s box-shadow linear;
}

.checkbox-card label:has(input:checked) {
    box-shadow: 0 0 0 1px var(--color--blue);
}

.checkbox-card label:has(input:focus) {
    box-shadow: 0 0 0 1px var(--color--blue-light);
}

.checkbox-card label:hover {
    box-shadow: 0 0 0 1px var(--color--blue-light);
}

.input-swatch label {
    position: relative;
    user-select: none;
}

.input-swatch .helper {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: var(--font-size--x-small);
    font-weight: var(--custom--font-weight--semibold);
    line-height: 1.2em;
    background-clip: content-box;
    box-sizing: content-box;
    text-transform: uppercase;
    padding: .65em 1em;
    border: 3px solid var(--color--blue-light-2);
    border-radius: .75em;
    transition: .2s all linear;
    background: var(--color--white);
}

.input-swatch.has-image .helper {
    padding: .2em;
}

.input-swatch .helper img {
    filter: grayscale(100%);
    transition: .2s all linear;
}

.input-swatch input:checked ~ .helper {
    border-color: var(--color--orange);
}

.input-swatch input:checked ~ .helper img {
    filter: grayscale(0);
    border-radius: .5em;
}

.input-swatch label:hover input:not(:checked):not([disabled]) ~ .helper {
    border-color: var(--color--grey);
}

.input-swatch input:disabled ~ .helper {
    opacity: 0.2;
    pointer-events: none;
}

.form-group-horizontal  {
    display: flex;
    gap: 0 4rem;
    flex-wrap: wrap;
    flex-direction: row;
}

.form-group-horizontal > * {
    margin-top: 0 !important;
}

.form-group.has-error :where(input,select,textarea) {
    box-shadow: 0 0 0 1px var(--color--orange) inset;
}

.validate-error {
    font-size: var(--font-size--small);
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 100%;
    color: var(--color--orange);
    padding-top: 0;
    line-height: 1;
    padding-top: 0.2em;
}

fieldset .validate-error {
    font-size: var(--font-size--x-small);
}

.radio + .validate-error {
    padding: 0;
    backdrop-filter: none;
}

.has-error.form-group .form-help, .has-error.form-group .helper, .has-error.form-group .helper + span, .has-error.checkbox .form-help, .has-error.checkbox .helper, .has-error.radio .form-help, .has-error.radio .helper, .has-error.form-radio .form-help, .has-error.form-radio .helper {
    color: var(--color--orange);
}

.required {
    position: relative;
}

div.required > label:after {
    content: '*';
    font-size: 1.2em;
    color: var(--color--orange);
    z-index: 1;
    margin-left: .2em;
    line-height: 1;
    display: inline-flex;
}

abbr.required {
    color: var(--color--orange) !important;
    text-decoration: none;
}

.toggle-password {
    position: relative;
}

.toggle-password input[type="checkbox"], .toggle-password input[type="checkbox"] + span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 100%;
    cursor: pointer;
}

.toggle-password input[type="checkbox"] {
    opacity: 0;
    margin: 0;
}

.toggle-password input[type="checkbox"]:focus + span {
    background-color: var(--color--blue);
}

.toggle-password input[type="checkbox"] + span {
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 1em;
    background-color: currentColor;
}

.toggle-password input[type="checkbox"] + span {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z'/%3E%3C/svg%3E");
    pointer-events: none;
}

.toggle-password input[type="checkbox"]:checked + span {
    mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z'/%3E%3C/svg%3E");
}

.toggle-password input::-ms-reveal, .toggle-password input::-ms-clear {
    display: none;
}

.form-group {
    position: relative;
    margin-bottom: 1rem;
}

.form-group:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width:768px) {
    fieldset .form-group {
        margin-bottom: 0;
    }
}

.form-group + .form-group:last-child {
    margin-bottom: 0;
}

.form-group.has-error {
    /* margin-bottom: 4em; */
}

.form-info:not(:empty) {
    box-shadow: inset 0 0 0 1px var(--color--orange);
    font-size: .9rem;
    padding: 1rem;
    font-size: var(--font-size--regular);
    color: var(--color--orange);
    border-radius: 5px;
}

.form-info.is-style-notice-info {
    padding-left: 3.5em !important;
}

.form-info.is-style-notice-info:before {
    margin-top: 1em;
    margin-left: 1em;
}

.form-info:empty {
    margin-bottom: 0 !important;
}

.form-info *:first-child {
    margin-top: 0;
}

.form-info *:last-child {
    margin-bottom: 0;
}

.form-info:not(:empty):has(+.form-hide[style]) {
    margin-bottom: 0;
}

.form-info.inline {
    display: inline-flex;
    flex-direction: column;
}

.file-upload input[type="file"] {
    display: none;
}

.image-upload-thumbnails img {
    object-fit: cover;
    width: 3.25rem;
    height: 3.25rem;
    box-shadow: 0 4px 80px 0 rgb(0 0 0 / 10%);
}

.image-upload-thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.image-upload-thumbnails .thumbnail {
    position: relative;
}

.image-upload-thumbnails button {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(50%,50%);
    padding: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 15px 0px rgba(169, 169, 169, .5);
}

.image-upload-thumbnails svg {
    width: .6rem;
    height: .6rem;
}

.image-upload-thumbnails button:hover {
    box-shadow: 0px 0px 15px 0px rgba(169, 169, 169, .8);
}

.image-upload-thumbnails button:hover svg {
    fill: #bf1e2e;
}

.file-upload {
    display: flex;
    background: var(--color--white);
    box-shadow: inset 0 0 0 1px var(--color--grey);
    max-width: 20rem;
}

.file-upload-wrapper {
    background: var(--color--blue-light-2);
    padding: 1.5rem 2rem;
    margin-top: 1rem;
    cursor: default;
}

.file-upload-wrapper .form-group {
    margin-bottom: 0rem;
}

.file-upload-wrapper .required > label {
    margin-bottom: .5em;
    display: block;
    font-size: var(--font-size--x-small);
}

.file-upload label {
    cursor: pointer;
    font-size: var(--font-size--small);
    width: 100%;
    padding: .5em 1em;
}

.file-upload label:hover {
    color: var(--color--orange);
}

.file-upload label span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 80%;
}

.form-has-blue-input .file-upload-wrapper {
    background: var(--color--blue);
}

.form-has-blue-input .file-upload {
    background: rgb(63 73 115 / 80%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.32);
}

.form-has-blue-input .file-upload label:hover {
    color: var(--color--white);
}

.form-has-blue-input .file-upload label {
    color: #d2d6e6;
}

.input-sizer:after {
    content: attr(data-value) " ";
    visibility: hidden;
    white-space: pre-wrap;
    padding: .5em .75em;
    font-size: var(--font-size--small);
}

.input-sizer input {
    position: absolute;
}

.easepick-wrapper {
    user-select: none;
}

.datepicker-wrapper {
    position: relative;
}

.datepicker-wrapper:has(.easepick-wrapper):before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232d3866' d='M20 4.026h2V7H2V4.026h2v-1H1V21h22V3.026h-3zM22 20H2V8.026h20zM7 4.026v-1h10v1zM5 2h1v3H5zm13 0h1v3h-1z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E") top center / 100% 100% no-repeat;
    width: 1em;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: .5em;
    z-index: 1;
    pointer-events: none;
}

.datepicker-wrapper:has(.easepick-wrapper) input,
.datepicker-wrapper:has(.easepick-wrapper).input-sizer:after {
    padding-left: 2.225em;
}

.input-sizer:has(.easepick-wrapper):after {
    padding-left: 2.225em;
}

.form-has-blue-input abbr.required {
    color: var(--color--white) !important;
}

.form-has-blue-input > label {
    color: var(--color--white);
}

.form-has-blue-input .validate-error {
    padding: .5em;
    color: var(--color--white);
    /* backdrop-filter: blur(10px); */
    background: rgba(255,255,255,0.2);
}

.form-has-blue-input select:focus, .form-has-blue-input select:valid, .form-has-blue-input input:not([type="checkbox"]):not([type="radio"]):focus, .form-has-blue-input input:valid, .form-has-blue-input input.form-file, .form-has-blue-input input.has-value, .form-has-blue-input textarea:focus, .form-has-blue-input textarea:valid, .form-has-blue-input textarea.form-file, .form-has-blue-input textarea.has-value {
    color: #d2d6e6;
    box-shadow: 0 0 0 1px rgba(255,255,255,.4) inset;
}

.form-has-blue-input .checkbox input:checked ~ .helper {
    color: rgba(255,255,255,.3);
}

.form-has-blue-input .checkbox .helper::before, .form-has-blue-input .checkbox .helper::after {
    background-color: var(--color--orange);
}

.form-has-blue-input .checkbox label:hover .helper,
.form-has-blue-input.checkbox input:focus .helper{
    color: var(--color--grey);
}

.form-has-blue-input input, .form-has-blue-input textarea {
    background: rgb(63 73 115 / 80%);
    color: #d2d6e6;
    caret-color: var(--color--white);
    box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset;
}

.form-has-blue-input div.nice-select,
.form-has-blue-input div.nice-select .nice-select-dropdown{
    background: rgb(63 73 115 / 80%);
    color: #d2d6e6;
    box-shadow: 0 0 0 1px rgba(255,255,255,.32);
    border-color: transparent;
}
/*
.form-has-blue-input .nice-select .list:hover .option:not(:hover) {
    background: rgb(36 45 82 / 95%);
}
*/
.form-has-blue-input .nice-select .option:hover,
.form-has-blue-input .nice-select .option.focus,
.form-has-blue-input .nice-select .option.selected.focus {
    background: rgb(36 45 82 / 95%);
}

.form-has-blue-input .nice-select:after {
    border-top-color: var(--color--white);
}

.form-has-blue-input .nice-select-search::placeholder {
    color: var(--color--white);
}

.form-has-blue-input .iti--inline-dropdown .iti__dropdown-content {
    background: rgb(63 73 115 / 80%);
    color: #d2d6e6;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .32) inset;
}

.form-has-blue-input .ico-refresh {
    color: var(--color--white);
    box-shadow: 0 0 0 1px rgba(255,255,255,.4) inset;
}

.form-has-blue-input .control-label {
    color: var(--color--white);
}

.form-has-line-input input, .form-has-line-input textarea {
    background: transparent;
    color: var(--color--blue);
    caret-color: var(--color--blue);
    box-shadow: 0 -1px 0 0 var(--color--grey-light) inset;
}

.form-group .iti__search-input {
    width: 100%;
    border-radius: 3px;
    padding: 0.25em 1em !important;
    min-height: 1em;
    outline: 0 !important;
    font-size: 90% !important;
    border-color: var(--color--gray-border) !important;
}

.form-group .iti__country-list {
    margin: 5px 0 0 0 !important;
    width: calc(100% + 4px);
    scrollbar-width: thin;
    scrollbar-color: var(--color--grey-light) transparent;
    transition: .3s all linear;
    color: var(--color--blue);
}

.form-group .iti__dropdown-content {
    border-radius: 0px;
    background-color: white;
    padding: 5px;
}

.form-group .iti--inline-dropdown .iti__dropdown-content {
    box-shadow: 0 0 0 1px var(--color--blue) inset !important;
    border: 0 !important;
    transform-origin: 50% 0;
    transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    margin-top: 0px;
}

.form-group .iti__country-list:hover {
    scrollbar-color: var(--color--blue) transparent;
}

.form-group .iti__flag {
    min-width: var(--iti-flag-width);
}

:root {
    --iti-border-color: var(--color--blue);
    --iti-arrow-color: var(--color--blue);
}