.contact-form-section{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 100px;
    padding: 140px 100px;
    position: relative;
}

.contact-form-section .contact-form-gradient{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    pointer-events: none;
}

.contact-form-section.light-theme{
    background: var(--n-white);
    border-top: 2px solid;
    border-image-slice: 2;
    border-image-source: linear-gradient(90deg, rgba(174, 209, 255, 0) 0%, rgba(174, 209, 255, 0.5) 50%, rgba(174, 209, 255, 0) 100%);
}

.contact-form-section.dark-theme{
    background: var(--d-dark);
    border-top: 2px solid;
    border-image-source: linear-gradient(90deg, rgba(56, 142, 255, 0) 0%, rgba(56, 142, 255, 0.5) 50%, rgba(56, 142, 255, 0) 100%);
    border-image-slice: 2;
}

.contact-form-section .left-side{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.contact-form-section .mobile-contact-us-wrapper{
    display: none;
}

.contact-form-section .right-side{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    border-radius: 20px;
    align-self: stretch;
    padding: 40px;
}

.contact-form-section.light-theme .right-side{
    background: url('https://storage.googleapis.com/dev_resources_voka_io_303011/common/get-started-bg.webp') center center / cover no-repeat;
}

.contact-form-section.dark-theme .right-side{
    background: url("https://storage.googleapis.com/dev_resources_voka_io_303011/common/dark-contact-us-bg.webp") no-repeat right center;
    background-size: cover;
}

.contact-form-section .description-wrapper{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
}

.contact-form-section .banner-titles{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.contact-form-section.light-theme .banner-titles .h3-small{
    color: var(--n-black);
}

.contact-form-section.light-theme .banner-titles .h3-small span{
    color: var(--bright-blue);
}

.contact-form-section.dark-theme .banner-titles .h3-small{
    color: var(--n-white);
}

.contact-form-section.light-theme .banner-titles .main-text-medium{
    color: var(--n-grey);
}

.contact-form-section.dark-theme .banner-titles .main-text-medium{
    color: var(--n-grey-BG);
}

.contact-form-section .banner-list-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 24px;
}

.contact-form-section.light-theme .banner-list-wrapper .main-text-bold{
    color: var(--n-black);
}

.contact-form-section.dark-theme .banner-list-wrapper .main-text-bold{
    color: var(--n-white);
}

.contact-form-section .banner-list{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
}

.contact-form-section .banner-list .list-item{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 16px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.contact-form-section .banner-list.steps .list-item:not(:last-child)::before{
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: -30px;
    width: 1px;
    display: block;
    z-index: -1;
}

.contact-form-section.light-theme .banner-list.steps .list-item:not(:last-child)::before{
    background-color: var(--n-white);
}

.contact-form-section.dark-theme .banner-list.steps .list-item:not(:last-child)::before{
    background-color: var(--bright-blue);
}

.contact-form-section .banner-list.steps .item-bullet{
    display: none;
}

.contact-form-section .banner-list.bullets .item-bullet{
    margin: 10px 4px 8px 4px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    flex-shrink: 0;
}

.contact-form-section.light-theme .banner-list.bullets .item-bullet{
    background: var(--bright-blue);
}

.contact-form-section.dark-theme .banner-list.bullets .item-bullet{
    background: var(--light-blue);
}

.contact-form-section .banner-list.bullets .item-number{
    display: none;
}

.contact-form-section .banner-list.steps .item-number{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: var(--bright-blue);
    border-radius: 50%;

    font-family: Manrope;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0
}

.contact-form-section.light-theme .banner-list.steps .item-number{
    background-color: var(--n-white);
}

.contact-form-section.dark-theme .banner-list.steps .item-number{
    background-color: var(--n-very-light-accent);
}

.contact-form-section.light-theme .banner-list .main-text-medium{
    color: var(--n-dark-grey);
}

.contact-form-section.dark-theme .banner-list .main-text-medium{
    color: var(--n-grey-BG);
}

.contact-form-section .desktop-contact-us-wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    padding: 12px 20px;
}

.contact-form-section.light-theme .desktop-contact-us-wrapper{
    background-color: var(--n-white);
}

.contact-form-section.dark-theme .desktop-contact-us-wrapper{
    background-color: var(--d-dark-60);
}

.contact-form-section.light-theme .desktop-contact-us-wrapper .small-text-medium{
    color: var(--n-dark-grey);
}

.contact-form-section.dark-theme .desktop-contact-us-wrapper .small-text-medium{
    color: var(--n-grey-BG);
}

.contact-form-section.light-theme .desktop-contact-us-wrapper .small-text-medium a{
    color: var(--bright-blue);
}

.contact-form-section.dark-theme .desktop-contact-us-wrapper .small-text-medium a{
    color: var(--light-blue);
}

.contact-form-section.light-theme .desktop-contact-us-wrapper path{
    fill: var(--bright-blue);
}

.contact-form-section.dark-theme .desktop-contact-us-wrapper path{
    fill: var(--light-blue);
}

.contact-form-section .left-side-content{
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    width: 100%;
}

.contact-form-section .form-description{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
}

.contact-form-section.light-theme .form-description .h2{
    background: radial-gradient(150.78% 334.03% at 50% 178.47%, #09111A 42%, #083D81 68.27%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact-form-section.dark-theme .form-description .h2{
    color: var(--n-white);
}

.contact-form-section.light-theme .form-description .main-text-medium{
    color: var(--l-gark-gray);
}

.contact-form-section.dark-theme .form-description .main-text-medium{
    color: var(--n-grey-BG);
}

.contact-form-section .form-container{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    --file-wrapper: 'file-wrapper';
    --textarea: 'textarea';
    --submit: 'submit';
}

.contact-form-section .form-container form{
    display: flex;
    width: 100%;
    gap: 24px;
    flex-direction: column;
    align-items: stretch;
    position: relative;
}

.contact-form-section form #form-agree{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}

.contact-form-section.light-theme form #form-agree .description-medium{
    color: var(--secondary-black);
}

.contact-form-section.dark-theme form #form-agree .description-medium{
    color: var(--d-grey);
}

.contact-form-section.light-theme form #form-agree .description-medium a{
    color: var(--bright-blue);
}

.contact-form-section.dark-theme form #form-agree .description-medium a{
    color: var(--d-accent);
}

.contact-form-section form input[type="submit"]{
    background-image: none;
    cursor: pointer;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    anchor-name: --submit;
}

.contact-form-section form input[type="submit"]:disabled{
    cursor: not-allowed;
}

.contact-form-section form.submitting input[type="submit"]{
    padding-right: 54px;
}

.contact-form-section.light-theme form .area-text{
    color: var(--n-black);
}

.contact-form-section.dark-theme form .area-text{
    color: var(--n-white);
}

.contact-form-section form .top-fields{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 8px;
    width: 100%;
    align-items: flex-start;
}

.contact-form-section form .top-fields>p:nth-child(5),
.contact-form-section form .top-fields>p:nth-child(6),
.contact-form-section form .top-fields>p:nth-child(7){
    grid-column: 1 / -1;
}

.contact-form-section form .top-fields input, 
.contact-form-section form .top-fields select, 
.contact-form-section form textarea{
    width: 100%;
}

.contact-form-section form .top-fields input,
.contact-form-section form .top-fields select,
.contact-form-section form textarea{
    border-radius: 8px;
    border: 1px solid;
    outline: none;
    background-color: transparent;
    transition: 0.2s;
    height: 60px;
    padding: 27px 16px 9px 16px;
    font-family: Manrope;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
}

.contact-form-section form textarea{
    padding-top: 25px;
    min-height: 60px;
    anchor-name: --textarea;
}

.contact-form-section form .top-fields>p:has(label.focused) input,
.contact-form-section form .top-fields>p:has(label.focused) select{
    padding-top: 27px;
}

.contact-form-section form .middle-fields>p:has(label.focused) textarea{
    padding-top: 25px;
}

.contact-form-section.light-theme form .top-fields input,
.contact-form-section.light-theme form .top-fields select,
.contact-form-section.light-theme form .middle-fields textarea{
    border-color: #CDD2DF;
    color: var(--n-dark-grey);
}

.contact-form-section.dark-theme form .top-fields input,
.contact-form-section.dark-theme form .top-fields select,
.contact-form-section.dark-theme form .middle-fields textarea{
    border-color: var(--d-accent-30);
    color: var(--n-white);
}

@media (hover:hover){
    .contact-form-section.light-theme form .top-fields input:hover,
    .contact-form-section.light-theme form .top-fields select:hover,
    .contact-form-section.light-theme form .middle-fields textarea:hover{
        border-color: var(--light-blue);
    }

    .contact-form-section.dark-theme form .top-fields input:hover,
    .contact-form-section.dark-theme form .top-fields select:hover,
    .contact-form-section.dark-theme form .middle-fields textarea:hover{
        border-color: var(--n-very-dark-accent);
    }
}

.contact-form-section.light-theme form .top-fields input:focus,
.contact-form-section.light-theme form .top-fields input:active,
.contact-form-section.light-theme form .top-fields select:focus,
.contact-form-section.light-theme form .top-fields select:active,
.contact-form-section.light-theme form .middle-fields textarea:focus,
.contact-form-section.light-theme form .middle-fields textarea:active{
    border-color: var(--bright-blue);
}

.contact-form-section.dark-theme form .top-fields input:focus,
.contact-form-section.dark-theme form .top-fields input:active,
.contact-form-section.dark-theme form .top-fields select:focus,
.contact-form-section.dark-theme form .top-fields select:active,
.contact-form-section.dark-theme form .middle-fields textarea:focus,
.contact-form-section.dark-theme form .middle-fields textarea:active{
    border-color: var(--n-dark-accent);
}

.contact-form-section.light-theme form .top-fields input.wpcf7-not-valid,
.contact-form-section.light-theme form .top-fields select.wpcf7-not-valid,
.contact-form-section.light-theme form .middle-fields textarea.wpcf7-not-valid{
    border-color: var(--red);
}

.contact-form-section.dark-theme form .top-fields input.wpcf7-not-valid,
.contact-form-section.dark-theme form .top-fields select.wpcf7-not-valid,
.contact-form-section.dark-theme form .middle-fields textarea.wpcf7-not-valid{
    border-color: var(--dark-red);
}

.contact-form-section form .wpcf7-not-valid-tip{
    bottom: -30px;
    font-size: 12px;
}

.contact-form-section form p:has(textarea) .wpcf7-not-valid-tip{
    bottom: -18px;
}

.contact-form-section .textarea-footer{
    position: absolute;
    bottom: calc(anchor(bottom) - 20px);
    left: anchor(left);
    display: flex;
    flex-direction: row;
    gap: 0;
    width: anchor-size(width);
    position-anchor: --textarea;
    padding: 0 16px;
}

.contact-form-section.light-theme .textarea-tip, 
.contact-form-section.light-theme .textarea-counter{
    color: var(--n-grey);
}

.contact-form-section.dark-theme .textarea-tip, 
.contact-form-section.dark-theme .textarea-counter{
    color: var(--d-light-grey);
}

.contact-form-section.light-theme .textarea-footer .orange{
    color: #E67A1B;
}

.contact-form-section.dark-theme .textarea-footer .orange{
    color: #E6621B;
}

.contact-form-section.light-theme .textarea-footer .green{
    color: #2AB331;
}

.contact-form-section.dark-theme .textarea-footer .green{
    color: #23D05D;
}

.contact-form-section .textarea-footer *{
    font-weight: normal;
    font-size: 12px;
    line-height: 135%;
}

.contact-form-section:has(textarea.wpcf7-not-valid) .textarea-counter,
.contact-form-section:has(textarea:placeholder-shown) .textarea-counter{
    display:none;
}

.contact-form-section:has(textarea:focus) .textarea-counter,
.contact-form-section:has(textarea:active) .textarea-counter{
    display: inline-block;
}

.contact-form-section:has(textarea:focus) .textarea-tip,
.contact-form-section:has(textarea:active) .textarea-tip,
.contact-form-section:has(textarea.wpcf7-not-valid) .textarea-tip,
.contact-form-section:has(textarea:not(:placeholder-shown)) .textarea-tip{
    display: none;
}

.contact-form-section.light-theme textarea:focus,
.contact-form-section.light-theme textarea:active{
    border-color: var(--bright-blue) !important;
}

.contact-form-section.dark-theme textarea:focus,
.contact-form-section.dark-theme textarea:active{
    border-color: var(--n-dark-accent) !important;
}

.contact-form-section:has(textarea:focus) p:has(textarea) .wpcf7-not-valid-tip,
.contact-form-section:has(textarea:active) p:has(textarea) .wpcf7-not-valid-tip{
    display: none !important;
}

.contact-form-section.light-theme form .wpcf7-not-valid-tip{
    color: var(--red);
}

.contact-form-section.dark-theme form .wpcf7-not-valid-tip{
    color: var(--dark-red);
}

.contact-form-section form .top-fields>p,
.contact-form-section form .middle-fields>p{
    position: relative;
    margin-bottom: 24px;
}

.contact-form-section form label{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    transition: 0.2s;
    z-index: 1;
    pointer-events: none;
}

.contact-form-section.light-theme form label{
    color: var(--n-grey);
}

.contact-form-section.dark-theme form label{
    color: var(--n-grey-60);
}

.contact-form-section form label.focused{
    top: 15px;
    font-size: 12px;
    line-height: 16px;
    color: #768394;
}

.contact-form-section form label::after{
    position: absolute;
    top: 0;
    right: -9px;
    display: block;
    content: '*';
    color: var(--n-grey-60);
}

.contact-form-section form .top-fields p:has(select){
    position: relative;
}

.contact-form-section form .top-fields select{
    padding: 27px 48px 9px 12px;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.contact-form-section form .top-fields p:has(select)::after{
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(180deg);
    content: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M13.704 9.382L18.654 14.332C19.044 14.723 19.044 15.356 18.654 15.746C18.263 16.137 17.63 16.137 17.24 15.746L12.997 11.503L8.754 15.746C8.363 16.137 7.73 16.137 7.34 15.746C6.949 15.356 6.949 14.723 7.34 14.332L12.29 9.382C12.477 9.195 12.732 9.089 12.997 9.089C13.262 9.089 13.516 9.195 13.704 9.382Z' fill='%238C9AAB'/%3E%3C/svg%3E");
    display: block;
    transition: 0.3s;
    pointer-events: none;
}

.contact-form-section form .top-fields p:has(select:open)::after{
    transform: translateY(-50%);
}

.contact-form-section form .top-fields select option{
    padding: 12px 16px;
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    transition: 0.2s;
}

.contact-form-section form .top-fields select option:first-child{
    display: none;
}

.contact-form-section.light-theme form .top-fields select option{
    background-color: var(--n-white);
    color: var(--n-dark-grey);
}

.contact-form-section.dark-theme form .top-fields select option{
    background-color: var(--d-dark);
    color: var(--n-grey-BG);
}

.contact-form-section.light-theme form .top-fields select option:checked{
    background-color: #D3E6FF99 !important;
}

.contact-form-section.dark-theme form .top-fields select option:checked{
    background-color: var(--d-dark-40) !important;
}

.contact-form-section form textarea{
    resize: none;
}

.contact-form-section form .top-fields input[type='radio']{
    display: none;
}

.contact-form-section form .chip-radio{
    min-height: 44px;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    row-gap: 6px;
    flex-wrap: wrap;
}

.contact-form-section form .chip-radio .wpcf7-list-item-label{
    min-height: 44px;
    height: auto;
    width: auto;
    margin: 0;
    margin-right: 6px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    white-space: nowrap;
    border: none;
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    transition: 0.2s;
    cursor: pointer;
}

.contact-form-section form .chip-radio .wpcf7-list-item.first .wpcf7-list-item-label{
    display: none;
}

.contact-form-section.light-theme form .chip-radio .wpcf7-list-item-label{
    color: var(--n-dark-grey);
    background: var(--n-light-blue-BG);
}

.contact-form-section.dark-theme form .chip-radio .wpcf7-list-item-label{
    color: var(--n-white);
    background: var(--d-dark-60);
}

@media (hover:hover){
    .contact-form-section.light-theme form .chip-radio .wpcf7-list-item-label:hover{
        color: var(--n-dark-grey);
        background: var(--n-very-light-accent);
    }

    .contact-form-section.dark-theme form .chip-radio .wpcf7-list-item-label:hover{
        background: var(--d-dark-40);
    }
}

.contact-form-section.light-theme form .chip-radio .wpcf7-list-item-label.chip-selected{
    color: var(--n-white);
    background: var(--bright-blue);
}

.contact-form-section.dark-theme form .chip-radio .wpcf7-list-item-label.chip-selected{
    background: var(--bright-blue);
}

.contact-form-section form p:has(.chip-radio) label{
    position: relative;
    margin-bottom: 16px;
    left: unset;
    bottom: unset;
    transform: unset;
    display: inline-block;
}

.contact-form-section.dark-theme form p:has(.chip-radio) .wpcf7-not-valid-tip{
    bottom: -24px;
}

.contact-form-section form .file-wrapper{
    width: 100%;
    margin-top: 16px;
    margin-bottom: 24px;
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: center;
    padding: 20px 16px;
    border-radius: 6px;
    border: 1px dashed;
    transition: 0.3s background-color;
    position: relative;
    cursor: pointer;
    anchor-name: --file-wrapper;
}

.contact-form-section.light-theme form .file-wrapper{
    border-color: #CDD2DF;
    background-color: var(--n-light-blue-BG);
}

.contact-form-section.dark-theme form .file-wrapper{
    border-color: var(--d-accent-30);
    background-color: var(--d-dark-80);
}

@media (hover:hover) and (min-width: 1280px){

    .contact-form-section.light-theme form .file-wrapper.drag-active{
        background-color: var(--n-very-light-accent);
    }

    .contact-form-section.dark-theme form .file-wrapper.drag-active{
        background-color: var(--d-dark-60);
    }

    @media (hover:hover){
        .contact-form-section.light-theme form .file-wrapper:not(.drag-drop-success):hover{
            background-color: var(--n-very-light-accent);
        }

        .contact-form-section.dark-theme form .file-wrapper:not(.drag-drop-success):hover{
            background-color: var(--d-dark-60);
        }
    }

}

.contact-form-section form .file-wrapper.drag-drop-success{
    padding-left: 60px;
    padding-right: 52px;
    align-items: flex-start;
    cursor: default;
}

.contact-form-section form .file-wrapper .file-error{
    display: none;
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    text-align: start;
    font-size: 10px;
    font-weight: normal;
}

.contact-form-section.light-theme form .file-wrapper .file-error{
    color: var(--red);
}

.contact-form-section.dark-theme form .file-wrapper .file-error{
    color: var(--dark-red);
}

.contact-form-section .form-container .remove-file {
    display: none;
}

.contact-form-section .form-container:has(.file-wrapper.drag-drop-success) .remove-file {
    display:block;
    position-anchor: --file-wrapper;
    position: absolute;
    top: calc(anchor(top) + 30px);
    right: calc(anchor(right) + 16px);
    width: 24px;
    height: 24px;
    cursor: pointer; 
}

.contact-form-section.light-theme .form-container:has(.file-wrapper.drag-drop-success) .remove-file path{
    fill: var(--n-grey-40);
}

.contact-form-section.dark-theme .form-container:has(.file-wrapper.drag-drop-success) .remove-file path{
    fill: var(--n-grey-60);
} 

.contact-form-section form .file-wrapper.drag-drop-success::before{
    display: block;
    position: absolute;
    top: 26px;
    left: 16px;
    width: 32px;
    height: 32px;
}

.contact-form-section.light-theme form .file-wrapper.drag-drop-success::before{
    content: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM21.7075 13.7075L14.7075 20.7075C14.6146 20.8005 14.5043 20.8742 14.3829 20.9246C14.2615 20.9749 14.1314 21.0008 14 21.0008C13.8686 21.0008 13.7385 20.9749 13.6171 20.9246C13.4957 20.8742 13.3854 20.8005 13.2925 20.7075L10.2925 17.7075C10.1049 17.5199 9.99945 17.2654 9.99945 17C9.99945 16.7346 10.1049 16.4801 10.2925 16.2925C10.4801 16.1049 10.7346 15.9994 11 15.9994C11.2654 15.9994 11.5199 16.1049 11.7075 16.2925L14 18.5863L20.2925 12.2925C20.3854 12.1996 20.4957 12.1259 20.6171 12.0756C20.7385 12.0253 20.8686 11.9994 21 11.9994C21.1314 11.9994 21.2615 12.0253 21.3829 12.0756C21.5043 12.1259 21.6146 12.1996 21.7075 12.2925C21.8004 12.3854 21.8741 12.4957 21.9244 12.6171C21.9747 12.7385 22.0006 12.8686 22.0006 13C22.0006 13.1314 21.9747 13.2615 21.9244 13.3829C21.8741 13.5043 21.8004 13.6146 21.7075 13.7075Z' fill='%232AB331'/%3E%3C/svg%3E");
}

.contact-form-section.dark-theme form .file-wrapper.drag-drop-success::before{
    content: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM21.7075 13.7075L14.7075 20.7075C14.6146 20.8005 14.5043 20.8742 14.3829 20.9246C14.2615 20.9749 14.1314 21.0008 14 21.0008C13.8686 21.0008 13.7385 20.9749 13.6171 20.9246C13.4957 20.8742 13.3854 20.8005 13.2925 20.7075L10.2925 17.7075C10.1049 17.5199 9.99945 17.2654 9.99945 17C9.99945 16.7346 10.1049 16.4801 10.2925 16.2925C10.4801 16.1049 10.7346 15.9994 11 15.9994C11.2654 15.9994 11.5199 16.1049 11.7075 16.2925L14 18.5863L20.2925 12.2925C20.3854 12.1996 20.4957 12.1259 20.6171 12.0756C20.7385 12.0253 20.8686 11.9994 21 11.9994C21.1314 11.9994 21.2615 12.0253 21.3829 12.0756C21.5043 12.1259 21.6146 12.1996 21.7075 12.2925C21.8004 12.3854 21.8741 12.4957 21.9244 12.6171C21.9747 12.7385 22.0006 12.8686 22.0006 13C22.0006 13.1314 21.9747 13.2615 21.9244 13.3829C21.8741 13.5043 21.8004 13.6146 21.7075 13.7075Z' fill='%2323D05D'/%3E%3C/svg%3E");
}

.contact-form-section form .file-wrapper p{
    text-align: center;
}

.contact-form-section form .file-wrapper.drag-drop-success p{
    text-align: start;
}

.contact-form-section form .file-wrapper .mobile-label{
    display:none;
}

.contact-form-section form .file-wrapper .max-size,
.contact-form-section form .file-wrapper .label{
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.contact-form-section.light-theme form .file-wrapper .max-size{
    color: var(--n-grey);
}

.contact-form-section.dark-theme form .file-wrapper .max-size{
    color: var(--d-light-grey);
}

.contact-form-section form .file-wrapper .label{
    font-weight: 700;
}

.contact-form-section form .file-wrapper .label,
.contact-form-section form .file-wrapper .mobile-label{
    word-break: break-all;
}

.contact-form-section.light-theme form .file-wrapper .label,
.contact-form-section.light-theme form .file-wrapper .mobile-label{
    color: var(--n-black);
}

.contact-form-section.dark-theme form .file-wrapper .label,
.contact-form-section.dark-theme form .file-wrapper .mobile-label{
    color: var(--n-white);
}

.contact-form-section.light-theme form .file-wrapper .label .browse{
    color: var(--bright-blue);
}

.contact-form-section.dark-theme form .file-wrapper .label .browse{
    color: var(--d-accent);
}

.contact-form-section form span[data-name='file-attachment']{
    display: none;
}

@media (max-width: 1919px) {
    .contact-form-section{
        padding: 100px 80px;
        gap: 60px;
    }

    .contact-form-section .left-side{
        width: 624px;
    }

    .contact-form-section .right-side{
        gap: 40px;
        padding: 32px;
    }

    .contact-form-section .left-side-content{
        gap: 32px;
    }

    .contact-form-section .form-description{
        gap: 12px;
    }
}

@media (max-width: 1439px) {
    .contact-form-section{
        padding: 80px 60px;
    }

    .contact-form-section .left-side{
        width: 572px;
    }

    .contact-form-section .right-side{
        border-radius: 16px;
        padding: 24px;
    }

    .contact-form-section .banner-titles{
        gap: 10px;
    }

    .contact-form-section .banner-list{
        gap: 16px;
    }

    .contact-form-section .left-side-content{
        gap: 24px;
    }
}

@media (max-width: 1279px) {
    .contact-form-section{
        padding: 80px 40px;
        flex-direction: column;
    }

    .contact-form-section .left-side{
        width: 100%;
        gap: 40px;
    }

    .contact-form-section .mobile-contact-us-wrapper{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 24px;
    }

    .contact-form-section.light-theme .mobile-contact-us-wrapper .small-text-bold{
        color: var(--n-black);
    }

    .contact-form-section.dark-theme .mobile-contact-us-wrapper .small-text-bold{
        color: var(--n-white);
    }

    .contact-form-section .mobile-contact-us-wrapper .contact-mobile-items{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .contact-form-section .mobile-contact-us-wrapper .contact-mobile-item{
        display: flex;
        flex: 1;
        gap: 16px;
        justify-content: space-between;
        align-items: center;
        border-radius: 100px;
        padding: 16px 20px;
        cursor: pointer;
    }

    .contact-form-section.light-theme .mobile-contact-us-wrapper .contact-mobile-item{
        background: var(--n-light-blue-BG);
    }

    .contact-form-section.dark-theme .mobile-contact-us-wrapper .contact-mobile-item{
        background: var(--d-accent-30);
    }

    .contact-form-section.light-theme .mobile-contact-us-wrapper .small-text-medium{
        color: var(--n-black);
    }

    .contact-form-section.dark-theme .mobile-contact-us-wrapper .small-text-medium{
        color: var(--n-white);
    }

    .contact-form-section.light-theme .mobile-contact-us-wrapper path{
        color: var(--n-grey-60);
    }

    .contact-form-section.dark-theme .mobile-contact-us-wrapper path{
        color: var(--n-very-light-accent);
    }

    .contact-form-section .right-side{
        gap: 0px;
        padding: 32px 24px 40px 24px;
    }

    .contact-form-section .desktop-contact-us-wrapper{
        display: none;
    }

    .contact-form-section form .file-wrapper .mobile-label{
        display: inline;
        font-family: Manrope;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .contact-form-section form .file-wrapper .label{
        display:none;
    }

    .contact-form-section form .file-wrapper{
        align-items: flex-start;
        padding-left: 60px;
    }

    .contact-form-section form .file-wrapper::before{
        display: block;
        position: absolute;
        top: 26px;
        left: 16px;
        width: 32px;
        height: 32px;
    }

    .contact-form-section.light-theme form .file-wrapper::before{
        content: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.501 3.28134C22.7506 3.28926 23.9467 3.78927 24.8301 4.67294C25.7137 5.55672 26.2133 6.75336 26.2208 8.00302C26.2282 9.25253 25.7429 10.4545 24.8702 11.3487C24.8611 11.3581 24.8522 11.368 24.8428 11.377L12.8672 22.9015L11.1338 21.1007L23.0889 9.59384C23.4972 9.17112 23.7243 8.60564 23.7208 8.01767C23.7172 7.42588 23.4809 6.8591 23.0626 6.44052C22.6441 6.02199 22.0772 5.78515 21.4854 5.78134C20.8935 5.77764 20.3232 6.00764 19.8995 6.42099L7.64947 18.6349L7.48932 18.8058C6.7112 19.6786 6.28051 20.8106 6.28522 21.9854C6.29032 23.2385 6.79076 24.4392 7.67682 25.3253C8.56281 26.2112 9.76279 26.7108 11.0157 26.7159C12.2687 26.721 13.473 26.2313 14.3663 25.3526L24.6172 15.1163C25.1056 14.6286 25.897 14.6292 26.3848 15.1173C26.8726 15.6058 26.8724 16.398 26.3839 16.8858L16.126 27.128L16.1202 27.1349C14.7569 28.4762 12.9184 29.2236 11.0059 29.2159C9.09334 29.2081 7.26067 28.4453 5.90826 27.0929C4.55607 25.7405 3.79306 23.9086 3.78522 21.9962C3.77743 20.0836 4.5259 18.2453 5.86725 16.8819L5.87604 16.8731L18.1446 4.64072L18.1544 4.63095C19.0489 3.75849 20.2515 3.27352 21.501 3.28134Z' fill='%23056CF2'/%3E%3C/svg%3E");
    }

    .contact-form-section.dark-theme form .file-wrapper::before{
        content: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.501 3.28134C22.7506 3.28926 23.9467 3.78927 24.8301 4.67294C25.7137 5.55672 26.2133 6.75336 26.2208 8.00302C26.2282 9.25253 25.7429 10.4545 24.8702 11.3487C24.8611 11.3581 24.8522 11.368 24.8428 11.377L12.8672 22.9015L11.1338 21.1007L23.0889 9.59384C23.4972 9.17112 23.7243 8.60564 23.7208 8.01767C23.7172 7.42588 23.4809 6.8591 23.0626 6.44052C22.6441 6.02199 22.0772 5.78515 21.4854 5.78134C20.8935 5.77764 20.3232 6.00764 19.8995 6.42099L7.64947 18.6349L7.48932 18.8058C6.7112 19.6786 6.28051 20.8106 6.28522 21.9854C6.29032 23.2385 6.79076 24.4392 7.67682 25.3253C8.56281 26.2112 9.76279 26.7108 11.0157 26.7159C12.2687 26.721 13.473 26.2313 14.3663 25.3526L24.6172 15.1163C25.1056 14.6286 25.897 14.6292 26.3848 15.1173C26.8726 15.6058 26.8724 16.398 26.3839 16.8858L16.126 27.128L16.1202 27.1349C14.7569 28.4762 12.9184 29.2236 11.0059 29.2159C9.09334 29.2081 7.26067 28.4453 5.90826 27.0929C4.55607 25.7405 3.79306 23.9086 3.78522 21.9962C3.77743 20.0836 4.5259 18.2453 5.86725 16.8819L5.87604 16.8731L18.1446 4.64072L18.1544 4.63095C19.0489 3.75849 20.2515 3.27352 21.501 3.28134Z' fill='%23589BFF'/%3E%3C/svg%3E");
    }

    .contact-form-section form .file-wrapper p{
        text-align: start;
    }
}

@media (max-width: 577px) {
    .contact-form-section{
        padding: 60px 16px;
    }

    .contact-form-section .right-side{
        border-radius: 20px;
        padding: 32px 20px;
    }

    .contact-form-section .mobile-contact-us-wrapper .contact-mobile-items{
        flex-direction: column;
        gap: 12px;
    }

    .contact-form-section .mobile-contact-us-wrapper .contact-mobile-item{
        width: 100%;
    }

    .contact-form-section form #form-agree{
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .contact-form-section form .top-fields{
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        align-items: stretch;
    }
}

.contact-form-section form .wpcf7-spinner::before {
    display: none;
}

.contact-form-section form .wpcf7-spinner {
    width:28px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: 
        radial-gradient(farthest-side,#ffffff 94%,#0000) top/5px 5px no-repeat,
        conic-gradient(#0000 30%,#ffffff);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
    animation: l13 1s infinite linear;

    visibility: visible;
    margin: 0;
    height: auto;
    opacity: 1;
    flex-shrink: 0;

    pointer-events: none;

    position-anchor: --submit;
    position: absolute;
    top: calc(anchor(top) + 12px);
    right: calc(anchor(right) + 12px);
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}

.contact-form-section form.submitting .wpcf7-spinner{
    display: block;
}