/* ==========================================================================
   Layout: Contact Us
   Gradient section — left: tabs + contact info / right: CF7 form panels
   ========================================================================== */

/* Wrapper ----------------------------------------------------------------- */

.pb-ct-wrap {
    padding: 16px;
}

/* Section ----------------------------------------------------------------- */

.pb-ct {
    border-radius: 8px;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.02), 0 4px 22px 0 rgba(0, 0, 0, 0.04), 0 10px 58px 0 rgba(0, 0, 0, 0.05), 0 19px 134px 0 rgba(0, 0, 0, 0.07);
background: var(--brand-blue-500);
}

/* Inner grid -------------------------------------------------------------- */

.pb-ct__inner {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    min-height: 680px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 64px 48px 64px 56px;
    gap: 48px;
    align-items: start;
}

/* ── Left column ─────────────────────────────────────────────────────────── */

.pb-ct__left {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.pb-ct__label {
font-family: var(--font-family);
font-weight: 500;
font-size: 15px;
line-height: 160%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--white-tranparent-60);
    margin: 0 0 24px 0;
}

.pb-ct__heading {
font-family: var(--second-family);
font-weight: 550;
font-size: 36px;
line-height: 128%;
letter-spacing: -0.02em;
background: linear-gradient(159deg, rgba(255, 255, 255, 0.9) 0%, #fff 50%, rgba(255, 255, 255, 0.9) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: inset 0 1px 0px 0 var(--white-transparent-20);
    margin: 0 0 32px 0;
}

/* Tab grid ---------------------------------------------------------------- */

.pb-ct__tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 56px;
}

.pb-ct__tab {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    padding: 24px;
    border-radius: 8px;
    border: none;
background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
    text-align: left;
    position: relative;
    transition: background 0.2s ease, color 0.2s ease;
    font-family: var(--second-family);
font-weight: 600;
font-size: 18px;
line-height: 133%;
letter-spacing: 0.01em;
color: var(--base-black);
border-radius: 4px;
padding: 20px;
}

.pb-ct__tab:hover {
    background: rgba(255,255,255,.18);
}

.pb-ct__tab.is-active {
    background: #fff;
    color: var(--text-bold, #0d0d0d);
}

.pb-ct__tab-check {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

.pb-ct__tab.is-active .pb-ct__tab-check {
    opacity: 1;
}

.pb-ct__tab-title {
font-family: var(--second-family);
font-weight: 600;
font-size: 18px;
line-height: 133%;
letter-spacing: 0.01em;
color: var(--white-transparent-80);
margin-bottom: 10px;
}

.pb-ct__tab.is-active .pb-ct__tab-title {
    color: var(--text-bold, #0d0d0d);
}

.pb-ct__tab-subtitle {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
color: var(--white-tranparent-60);
}

.pb-ct__tab.is-active .pb-ct__tab-subtitle {
    color: var(--text-muted, #888);
}

/* Contact info ------------------------------------------------------------ */

.pb-ct__contact {
    display: flex;
    flex-direction: column;
    gap: 18px;

}

.pb-ct__contact-label {
font-family: var(--font-family);
font-weight: 500;
font-size: 15px;
line-height: 160%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--white-tranparent-60);
    margin: 0 0 14px;
}

.pb-ct__contact-row {
    display: flex;
    align-items: center;
    gap: 18px;
font-family: var(--second-family);
font-weight: 600;
font-size: 18px;
line-height: 133%;
letter-spacing: 0.01em;
color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: opacity 0.15s ease;
}

.pb-ct__contact-row:hover {
    opacity: 0.8;
}

.pb-ct__hours {
    font-size: 13px;
    color: rgba(255,255,255,.55);
    margin: 4px 0 0;
}

/* WhatsApp + QR ----------------------------------------------------------- */

.pb-ct__cta-row {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    margin: 24px 0;
    border: 1px solid var(--base-border-black);
    border-radius: 4px;
    padding: 4px 24px 4px 16px;
    height: 56px;
    background: var(--base-white);
        width: max-content;
}

.pb-ct__cta-row.is-hidden {
    display: none;
}

.pb-ct__whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--second-family);
    font-weight: 550;
    font-size: 16px;
    line-height: 150%;
    color: var(--base-black);
    text-decoration: none;
    position: relative;
    padding-left: 42px;
}
.pb-ct__whatsapp-btn svg{
    width: 30px;
    height: 23px;
}
.pb-ct__whatsapp-btn:before{
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='46' viewBox='0 0 60 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2056 24.9759L16.7656 30.6959L21.9056 29.4559L24.3856 29.9359L30.6656 31.4559L36.5856 29.9359L40.5856 27.0759L42.3856 23.2759L43.6256 17.6559L42.3856 11.8359L36.5856 5.65594L29.7256 3.83594L23.3456 5.65594L18.7656 9.55594L16.7656 16.7959L18.2056 24.9759Z' fill='url(%23paint0_linear_5010_10066)' /%3E%3Cpath d='M36.5703 5.67871L42.3604 11.8486L43.5977 17.6553L42.3594 23.2666L40.5645 27.0576L36.5732 29.9111L30.665 31.4277L24.3916 29.9102L24.3906 29.9092L21.9111 29.4297L21.9053 29.4561L21.9111 29.4268L21.8994 29.4297L16.8018 30.6592L18.2305 24.9824L18.2344 24.9834L18.2324 24.9717L16.793 16.7979L18.79 9.56934L23.3594 5.67871L29.7236 3.86328L36.5703 5.67871Z' stroke='url(%23paint1_linear_5010_10066)' stroke-opacity='0.2' stroke-width='0.05375' /%3E%3Cg filter='url(%23filter0_ddd_5010_10066)'%3E%3Cpath d='M40.501 6.9165C37.811 4.2265 34.095 2.5625 29.99 2.5625C21.781 2.5625 15.125 9.2175 15.125 17.4275C15.125 20.1595 15.862 22.7185 17.147 24.9185L17.109 24.8485L15 32.5505L22.879 30.4835C24.93 31.6225 27.377 32.2925 29.981 32.2925H29.987C38.196 32.2895 44.849 25.6335 44.849 17.4245C44.849 13.3215 43.187 9.6075 40.5 6.9175L40.501 6.9165ZM29.987 29.7815H29.982C27.663 29.7815 25.492 29.1415 23.639 28.0285L23.695 28.0595L23.244 27.7925L18.569 29.0195L19.816 24.4605L19.522 23.9935C18.337 22.1315 17.633 19.8625 17.633 17.4285C17.633 10.6065 23.164 5.0755 29.986 5.0755C36.808 5.0755 42.339 10.6065 42.339 17.4285C42.339 24.2505 36.81 29.7815 29.987 29.7815Z' fill='white' /%3E%3C/g%3E%3Cpath d='M34.2246 19.3236C34.5646 19.4486 36.3906 20.3456 36.7616 20.5316L36.7596 20.5336C37.1316 20.7206 37.3796 20.8126 37.4716 20.9676L37.4686 20.9486C37.4996 21.1246 37.5156 21.3056 37.5156 21.4906C37.5156 21.9396 37.4196 22.3666 37.2546 22.7326L37.2456 22.7496C36.7046 23.6306 35.8176 24.2756 34.7486 24.4986L34.7796 24.4946C34.4916 24.5456 34.1936 24.5726 33.8906 24.5726C33.3626 24.5726 32.8536 24.4916 32.4116 24.3516L32.2626 24.3106C31.5446 24.0836 30.8426 23.8186 30.2946 23.5706L30.2006 23.5276C27.6916 22.2456 25.5536 20.3426 23.9496 17.9636L23.9616 17.9786C23.1156 16.9056 22.5656 15.5886 22.4346 14.1216V14.1256C22.4336 14.0996 22.4336 14.0726 22.4336 14.0466C22.4336 12.8576 22.9316 11.7846 23.7336 11.0236L23.7346 11.0216C23.9766 10.7466 24.3276 10.5686 24.7226 10.5586C24.9706 10.5586 25.2186 10.5606 25.4346 10.5706C25.6616 10.5826 25.9686 10.4836 26.2706 11.2076C26.5796 11.9516 27.3216 13.7796 27.4156 13.9656L27.4136 13.9626C27.4776 14.0666 27.5146 14.1886 27.5146 14.3196C27.5146 14.4276 27.4896 14.5286 27.4466 14.6156L27.4406 14.6326C27.3456 14.8526 27.2206 15.0576 27.0746 15.2366C26.8896 15.4526 26.6846 15.7206 26.5176 15.8866C26.3326 16.0716 26.1396 16.2726 26.3556 16.6436L26.3836 16.6956C26.9359 17.6285 27.62 18.4746 28.4177 19.214C29.2751 19.976 30.2608 20.5949 31.4076 21.0596C31.7786 21.2446 31.9966 21.2146 32.2126 20.9656C32.4296 20.7176 33.1416 19.8816 33.3876 19.5106C33.6356 19.1386 33.8836 19.1996 34.2246 19.3236Z' fill='white' /%3E%3Cdefs%3E%3Cfilter id='filter0_ddd_5010_10066' x='0' y='-0.00069952' width='59.8491' height='62.0667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset dy='1.3056' /%3E%3CfeGaussianBlur stdDeviation='1' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0' /%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5010_10066' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset dy='5.8368' /%3E%3CfeGaussianBlur stdDeviation='4.2' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0' /%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_5010_10066' result='effect2_dropShadow_5010_10066' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset dy='14.5152' /%3E%3CfeGaussianBlur stdDeviation='7.5' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0' /%3E%3CfeBlend mode='normal' in2='effect2_dropShadow_5010_10066' result='effect3_dropShadow_5010_10066' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect3_dropShadow_5010_10066' result='shape' /%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_5010_10066' x1='30.1956' y1='3.83594' x2='30.1956' y2='31.4559' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235AD467' /%3E%3Cstop offset='1' stop-color='%2326B534' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_5010_10066' x1='30.1956' y1='3.83594' x2='30.1956' y2='31.4559' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' /%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.2' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");display: block;
    display: block;
    width: 60px;
    height: 46px;
    content: '';
    position: absolute;
    left: -13px;
    top: -6px;
}
.pb-ct__whatsapp-btn:after{
    content: '';
    display: block;
    width: 1px;
    height: 32px;
    background-color: var(--base-border-black);
    position: absolute;
    right: -16px;
    top: -3px;
}


/* QR wrap + tooltip */

.pb-ct__qr-wrap {
    position: relative;
}

.pb-ct__qr-btn {
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    background-color: rgba(0, 0, 0, 0);
}

.pb-ct__qr-btn:hover {
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0);
}
.pb-ct__qr-btn:hover svg path{
fill: var(--brand-blue-500);
}

.pb-ct__qr-tooltip {
    position: absolute;
    top: 50%;
    left: calc(100% + 40px);
    transform: translateY(-50%) translateX(6px);
    background: #fff;
    border-radius: 12px;
    /* padding: 8px; */
    box-shadow:
        0 4px 16px 0 rgba(0,0,0,.10),
        0 16px 48px 0 rgba(0,0,0,.14);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 10;
    white-space: nowrap;
    width: 164px;
    height: 164px;
}

.pb-ct__qr-tooltip::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-right-color: #fff;
}

.pb-ct__qr-wrap:hover .pb-ct__qr-tooltip,
.pb-ct__qr-wrap:focus-within .pb-ct__qr-tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0);
}

.pb-ct__qr-tooltip img {
    display: block;
    width: 160px;
    height: 160px;
    object-fit: contain;
}

/* Socials ----------------------------------------------------------------- */

.pb-ct__socials {
    display: flex;
    gap: 16px;
    align-items: center;
}

.pb-ct__social {
    display: flex;
    align-items: center;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.pb-ct__social:hover {
    opacity: 1;
}

.pb-ct__social img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* ── Right column: panels ─────────────────────────────────────────────── */

.pb-ct__right {
    position: relative;
}

.pb-ct__panel {
    display: none;
    background: #fff;
    border-radius: 12px;
    padding: 36px 36px 32px;
    box-shadow:
        0 2px 8px 0 rgba(0,0,0,.04),
        0 12px 48px 0 rgba(0,0,0,.10);
}

.pb-ct__panel.is-active {
    display: block;
}

/* Form header */

.pb-ct__form-header {
    margin-bottom: 24px;
}

.pb-ct__form-title {
    font-family: var(--second-family);
    font-size: 22px;
    font-weight: 650;
    color: var(--text-bold, #0d0d0d);
    margin: 0 0 12px;
}

.pb-ct__form-subtitle {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: var(--text-base);
    margin: 0;
}

/* CF7 overrides ----------------------------------------------------------- */

.pb-ct__cf7-wrap .wpcf7 {
    margin: 0;
    padding: 0;
}

.pb-ct__cf7-wrap .wpcf7-form p {
    margin: 0 0 16px;
}

.pb-ct__cf7-wrap .wpcf7-form-control-wrap {
    display: block;
}

/* Labels */
.pb-ct__cf7-wrap .wpcf7-form label,
.pb-ct__cf7-wrap .wpcf7-form .wpcf7-form-control-wrap + br + span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted, #888);
    margin-bottom: 6px;
}
.wpcf7-spinner,
.wpcf7-response-output{
    display: none !important;
}
.iti__country-container{
    border: none !important;
    outline: none !important;
}
/* ── formWrap grid layout ──────────────────────────────────────────────── */

.pb-ct__cf7-wrap .formWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 12px;
}

/* half / full label containers */
.pb-ct__cf7-wrap .formWrap label.half,
.pb-ct__cf7-wrap .formWrap label.full {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
}

.pb-ct__cf7-wrap .formWrap label.half { grid-column: span 1; }
.pb-ct__cf7-wrap .formWrap label.full { grid-column: span 2; }

/* Submit is a direct child of formWrap — span full width */
.pb-ct__cf7-wrap .formWrap > .wpcf7-submit,
.pb-ct__cf7-wrap .formWrap > .pb-ct__submit-wrap {
    grid-column: span 2;
}

/* formLable <span> — the visible field label */
.pb-ct__cf7-wrap .formWrap .formLable {
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
line-height: 133%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--text-base);
}

/* Inputs inside formWrap have no extra margin */
.pb-ct__cf7-wrap .formWrap .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* ── Radio → chip buttons ──────────────────────────────────────────────── */

.pb-ct__cf7-wrap .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Reset the generic label rule for radio list-item labels */
.pb-ct__cf7-wrap .wpcf7-radio .wpcf7-list-item {
    margin: 0;
    height: 42px;
}

.pb-ct__cf7-wrap .wpcf7-radio .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    background: var(--gray-25);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    margin: 0;
    font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 157%;
letter-spacing: 0.02em;
color: var(--v2-black-transparent--80);
border-radius: 4px;
padding: 10px 16px;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: rgba(0, 0, 0, 0);
}

.pb-ct__cf7-wrap .wpcf7-radio .wpcf7-list-item label:hover {
    border-color: #b0c0fa;
}

/* Hide actual radio input */
.pb-ct__cf7-wrap .wpcf7-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* Checked state via :has() */
.pb-ct__cf7-wrap .wpcf7-radio .wpcf7-list-item:has(input:checked) label {
border: 2px solid var(--brand-blue-500);
background: var(--base-white);
}

/* ── Phone field (intl-tel-input / Softech Country Phone Validator) ────── */

.pb-ct__cf7-wrap .iti {
    width: 100%;
    display: block;
}

/* Country selector button */
.pb-ct__cf7-wrap .iti__selected-country {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 56px;
    padding: 0 10px 0 14px;
    background: var(--gray-25);
    background-color: var(--gray-25) !important;
    border: 0px solid transparent;
    border-radius: 8px 0 0 8px;
    border-right: 0px solid #e0e3ef !important;
    cursor: pointer;
    transition: border-color 0.15s ease;
    white-space: nowrap;
}

.pb-ct__cf7-wrap .iti__selected-country:hover {
    background-color: rgba(0, 0, 0, 0);
}

.pb-ct__cf7-wrap .iti__selected-country-primary {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
}
.pb-ct__cf7-wrap .iti__selected-country-primary:after{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 26px;
    right: -4px;
    top: 12px;
    background-color: var(--base-border-black);
}
/* Flag */
.pb-ct__cf7-wrap .iti__flag {
    flex-shrink: 0;
}

/* Arrow chevron */
.pb-ct__cf7-wrap .iti__arrow {
    width: 10px;
    height: 6px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.77293 3.71229L8.48528 0L9.54593 1.06066L4.77293 5.83366L0 1.06066L1.06066 0L4.77293 3.71229Z' fill='%23121733' fill-opacity='0.4'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    margin-left: 2px;
}

.pb-ct__cf7-wrap .iti__arrow--up {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.773 2.12169L1.06065 5.83398L1.0464e-06 4.77333L4.773 0.000319064L9.54593 4.77333L8.48528 5.83398L4.773 2.12169Z' fill='%23121733'/%3E%3C/svg%3E");
}

/* Dial code */
.pb-ct__cf7-wrap .iti__selected-dial-code {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-bold, #0d0d0d);
}

/* Tel input — padding override (plugin sets inline style, use !important) */
.pb-ct__cf7-wrap .iti__tel-input {
    border-radius: 4px !important;
    border-left: none !important;
}

/* Focus ring — sync with other inputs */
.pb-ct__cf7-wrap .iti:focus-within .iti__selected-country,
.pb-ct__cf7-wrap .iti:focus-within .iti__tel-input {
    border-color: var(--brand-blue-300, #93b5fd);
    outline: none;
}

/* Dropdown panel */
.pb-ct__cf7-wrap .iti__dropdown-content {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow:
        0 4px 16px 0 rgba(0,0,0,.08),
        0 16px 48px 0 rgba(0,0,0,.12);
    padding: 8px 0 6px;
    min-width: 260px;
    overflow: hidden;
}

/* Search input inside dropdown */
.pb-ct__cf7-wrap .iti__search-input {
    width: 100%;
    height: 40px;
    padding: 0 14px 0 38px;
    margin: 0 0 4px;
    background: var(--bg-light, #f5f6fa)
        url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5231 12.4626L16.7351 15.6746L15.6745 16.7353L12.4625 13.5233C11.3075 14.4473 9.84286 15 8.24986 15C4.52386 15 1.49986 11.976 1.49986 8.25C1.49986 4.524 4.52386 1.5 8.24986 1.5C11.9759 1.5 14.9999 4.524 14.9999 8.25C14.9999 9.843 14.4471 11.3077 13.5231 12.4626ZM12.0184 11.9061C12.9355 10.9609 13.4999 9.6717 13.4999 8.25C13.4999 5.34938 11.1505 3 8.24986 3C5.34923 3 2.99986 5.34938 2.99986 8.25C2.99986 11.1506 5.34923 13.5 8.24986 13.5C9.67155 13.5 10.9608 12.9356 11.906 12.0185L12.0184 11.9061Z' fill='%23888'/%3E%3C/svg%3E")
        no-repeat 11px center;
    border: none;
    border-radius: 0;
    font-size: 14px;
    color: var(--text-bold, #0d0d0d);
    box-sizing: border-box;
    display: block;
}

.pb-ct__cf7-wrap .iti__search-input:focus {
    outline: none;
    background-color: #eef0f8;
}

/* Country list */
.pb-ct__cf7-wrap .iti__country-list {
    max-height: 220px;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Scrollbar */
.pb-ct__cf7-wrap .iti__country-list::-webkit-scrollbar {
    width: 4px;
}
.pb-ct__cf7-wrap .iti__country-list::-webkit-scrollbar-track {
    background: transparent;
}
.pb-ct__cf7-wrap .iti__country-list::-webkit-scrollbar-thumb {
    background: #dde1ef;
    border-radius: 4px;
}

/* Country item */
.pb-ct__cf7-wrap .iti__country {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    font-size: 14px;
    color: var(--text-bold, #0d0d0d);
    cursor: pointer;
    position: relative;
    transition: background 0.1s ease;
}

.pb-ct__cf7-wrap .iti__country:hover {
    background: var(--bg-light, #f5f6fa);
}

.pb-ct__cf7-wrap .iti__dial-code {
    margin-left: auto;
    font-size: 13px;
    color: var(--text-muted, #888);
}

/* Keyboard-focused / hovered country — subtle darkening */
.pb-ct__cf7-wrap .iti__country.iti__highlight {
    background: var(--bg-light, #f5f6fa);
}

/* Selected country (.is-selected set by JS on click) — blue tint + checkmark */
.pb-ct__cf7-wrap .iti__country.is-selected {
    background: rgba(47, 108, 250, .06);
}

.pb-ct__cf7-wrap .iti__country.is-selected::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0003 18.3327C14.6027 18.3327 18.3337 14.6017 18.3337 9.99935C18.3337 5.39697 14.6027 1.66602 10.0003 1.66602C5.39795 1.66602 1.66699 5.39697 1.66699 9.99935C1.66699 14.6017 5.39795 18.3327 10.0003 18.3327ZM14.5479 7.88027L9.16699 13.2612L5.66107 9.75527L6.83958 8.57677L9.16699 10.9042L13.3694 6.70176L14.5479 7.88027Z' fill='%231B5DF8'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    margin-left: auto;
}

.pb-ct__cf7-wrap .iti__country.is-selected .iti__dial-code {
    margin-left: 0;
}

/* ── Submit arrow (via JS-injected wrapper) ────────────────────────────── */

.pb-ct__cf7-wrap .pb-ct__submit-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.pb-ct__cf7-wrap .pb-ct__submit-wrap .wpcf7-submit {
    flex: 1;
    padding-right: 40px; /* space for arrow */
}

.pb-ct__cf7-wrap .pb-ct__submit-wrap::after {
    content: '›';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    pointer-events: none;
    line-height: 1;
}

/* Text inputs */
.pb-ct__cf7-wrap .wpcf7-form input[type="text"]::placeholder,
.pb-ct__cf7-wrap .wpcf7-form input[type="email"]::placeholder,
.pb-ct__cf7-wrap .wpcf7-form input[type="tel"]::placeholder,
.pb-ct__cf7-wrap .wpcf7-form input[type="url"]::placeholder,
.pb-ct__cf7-wrap .wpcf7-form textarea::placeholder,
.pb-ct__cf7-wrap .wpcf7-form select::placeholder{
color: var(--text-invisible);
}
.wpcf7-not-valid{
    border: 1px solid var(--system-red-400) !important;
}
.wpcf7-not-valid-tip{
font-family: var(--font11);
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--system-red-400);
    margin-top: 5px;
}
.pb-ct__cf7-wrap .wpcf7-form input[type="text"],
.pb-ct__cf7-wrap .wpcf7-form input[type="email"],
.pb-ct__cf7-wrap .wpcf7-form input[type="tel"],
.pb-ct__cf7-wrap .wpcf7-form input[type="url"],
.pb-ct__cf7-wrap .wpcf7-form textarea,
.pb-ct__cf7-wrap .wpcf7-form select {
    width: 100%;
    height: 56px;
    padding: 0 14px;
    background: var(--bg-light, #f5f6fa);
    border: 1.5px solid transparent;
    border-radius: 4px;
padding: 12px 16px;
    font-size: 15px;
    color: var(--text-bold);
    transition: border-color 0.15s ease;
    box-sizing: border-box;
    font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;

}

.pb-ct__cf7-wrap .wpcf7-form textarea {
    height: 120px;
    padding: 12px 14px;
    resize: vertical;
}

.pb-ct__cf7-wrap .wpcf7-form input:focus,
.pb-ct__cf7-wrap .wpcf7-form textarea:focus,
.pb-ct__cf7-wrap .wpcf7-form select:focus {
    outline: none;
    border-color: var(--brand-blue-300, #93b5fd);
}

/* Submit button */
.pb-ct__cf7-wrap .wpcf7-form .wpcf7-submit {
    width: 100%;
    height: 52px;
    background: var(--brand-blue-500, #2F6CFA);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
    margin-top: 8px;
}

.pb-ct__cf7-wrap .wpcf7-form .wpcf7-submit:hover:not(:disabled) {
    background: #1a5ce0;
}

.pb-ct__cf7-wrap .wpcf7-form .wpcf7-submit:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Sending state */
.pb-ct__panel.is-sending .wpcf7-submit {
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;
}

/* Spinner wrap (injected by JS) */
.pb-ct__submit-wrap {
    position: relative;
}

.pb-ct__spin-el {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: none;
    pointer-events: none;
}

.pb-ct__spin-el svg {
    animation: pb-ct-spin 0.7s linear infinite;
    display: block;
}

.is-sending .pb-ct__spin-el {
    display: block;
}

@keyframes pb-ct-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* Response output */
.pb-ct__cf7-wrap .wpcf7-response-output {
    margin: 12px 0 0;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 13px;
}

/* Success panel ----------------------------------------------------------- */

.pb-ct__success {
    display: none;
    flex-direction: column;
    gap: 24px;
    min-height: 400px;
}

.pb-ct__panel.is-success .pb-ct__form-wrap {
    display: none;
}

.pb-ct__panel.is-success .pb-ct__success {
    display: flex;
}

.pb-ct__success-top {
    padding: 16px 0 24px;
}

.pb-ct__success-icon-wrap {
    width: 56px;
    height: 56px;
    background: var(--bg-light, #f0f4ff);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.pb-ct__success-heading {
    font-family: var(--second-family);
    font-size: 24px;
    font-weight: 650;
    line-height: 130%;
    color: var(--text-bold, #0d0d0d);
    margin: 0 0 12px;
}

.pb-ct__success-desc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-muted, #888);
    margin: 0;
}

/* Meantime card */

.pb-ct__meantime {
    background: var(--bg-light, #f5f6fa);
    border-radius: 10px;
    padding: 24px;
}

.pb-ct__meantime-heading {
    font-family: var(--second-family);
    font-size: 18px;
    font-weight: 650;
    color: var(--text-bold, #0d0d0d);
    margin: 0 0 10px;
}

.pb-ct__meantime-desc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-muted, #888);
    margin: 0 0 20px;
}

.pb-ct__meantime-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 22px;
    background: var(--brand-blue-500, #2F6CFA);
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}

.pb-ct__meantime-btn:hover {
    background: #1a5ce0;
}
.iti__arrow{
    border: none !important;
}
.iti__flag{
    width: 22px !important;
height: 22px !important;
background-size: cover;
border-radius: 50%;
}

/* Responsive -------------------------------------------------------------- */

@media (max-width: 1100px) {
    .pb-ct__inner {
        padding: 56px 40px;
        gap: 36px;
    }
}

@media (max-width: 860px) {
    .pb-ct__inner {
        grid-template-columns: 1fr;
        padding: 48px 24px;
        gap: 40px;
        min-height: auto;
    }

    .pb-ct__panel {
        padding: 28px 24px 24px;
    }
}

@media (max-width: 480px) {
    .pb-ct__tabs {
        grid-template-columns: 1fr;
    }
}