/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 05 2026 | 23:50:25 */
.ci-left-box {
    position: relative;
    display: block;
}

.ci-left-box .floating-label {
    position: absolute;
    left: 16px;
    top: 6px;
    color: #F2F2F7;
    font-size: 18px;
    font-weight: 400;
    pointer-events: none;
    z-index: 10;
    background: transparent;
    transform: none;
    transform-origin: left center;
    transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.25s ease;
}

.ci-left-box .wpcf7-form-control-wrap[data-name="contact-phone"] ~ .floating-label {
    left: 100px;
    top: 6px;
}

.ci-left-box .wpcf7-form-control-wrap:focus-within ~ .floating-label,
.ci-left-box input:not(:placeholder-shown) ~ .floating-label,
.ci-left-box textarea:not(:placeholder-shown) ~ .floating-label,
.ci-left-box input:-webkit-autofill ~ .floating-label,
.ci-left-box .floating-label.active {
    color: #2B59FF;
   	transform: translateY(-22px);
    background: #121212;
}

.ci-left-box .wpcf7-form-control-wrap[data-name="contact-phone"]:focus-within ~ .floating-label,
.ci-left-box .wpcf7-form-control-wrap[data-name="contact-phone"] input:not(:placeholder-shown) ~ .floating-label,
.ci-left-box .wpcf7-form-control-wrap[data-name="contact-phone"] ~ .floating-label.active {
    color: #2B59FF;
    transform: translate(-89px, -24px);
}

.intl-tel-input .selected-flag{
	padding: 0 0 0 16px;
}



.cu-left input:not(:placeholder-shown),
.cu-left textarea:not(:placeholder-shown) {
    border-color: #2B59FF;
}

.ci-left-box:has(input.wpcf7-not-valid) .floating-label.active,
.ci-left-box:has(textarea.wpcf7-not-valid) .floating-label.active,
.ci-left-box:has(.wpcf7-form-control-wrap:focus-within input.wpcf7-not-valid) .floating-label,
.ci-left-box:has(.wpcf7-form-control-wrap:focus-within textarea.wpcf7-not-valid) .floating-label {
    color: #E10000;
}

.intl-tel-input ul.country-list{
	z-index: 9999;
}

button.iti__selected-country:hover,
button.iti__selected-country:focus{
    background: none;
    border: none;
    color: #F2F2F7;
}

button.iti__selected-country .iti__selected-dial-code{
	margin: 0;
}

button.iti__selected-country{
	font-family: var(--space-grotesk);
    font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    font-size: 1rem;
	color: #F2F2F7;
    font-weight: 400;
}

.iti__search-input-wrapper {
    display: none !important;
}

/* =========================
   PHONE FIELD ACTIVE STATE
   ========================= */

.ci-left-box:has(button.iti__selected-country[aria-expanded="true"]) .floating-label,
.ci-left-box:has(.iti input:not(:placeholder-shown)) .floating-label {
    color: #2B59FF;
    transform: translate(-89px, -24px);
    background: #121212;
}

.ci-left-box:has(button.iti__selected-country[aria-expanded="true"]) input,
.ci-left-box:has(.iti input:not(:placeholder-shown)) input {
    border-color: #2B59FF;
}


/* =========================
   ERROR STATE
   ========================= */

.ci-left-box:has(input.wpcf7-not-valid) .floating-label,
.ci-left-box:has(textarea.wpcf7-not-valid) .floating-label {
    color: #E10000 !important;
}

.ci-left-box:has(input.wpcf7-not-valid) input,
.ci-left-box:has(textarea.wpcf7-not-valid) textarea {
    border-color: #E10000 !important;
}


/* =========================
   PHONE ERROR STATE
   ========================= */

.ci-left-box:has(.wpcf7-not-valid[data-intl-tel-input-id]),
.ci-left-box:has(input.wpcf7-not-valid[type="tel"]) {
}

.ci-left-box:has(input.wpcf7-not-valid[type="tel"]) .floating-label {
    color: #E10000 !important;
    transform: translate(-89px, -24px);
    background: #121212;
}

.ci-left-box:has(input.wpcf7-not-valid[type="tel"]) input {
    border-color: #E10000 !important;
}


/* =========================
   PHONE LABEL ALWAYS UP
   WHEN COUNTRY DROPDOWN OPEN
   ========================= */

.ci-left-box:has(button.iti__selected-country[aria-expanded="true"]) .floating-label {
    transform: translate(-89px, -24px);
    background: #121212;
}