.contact_banner{
    background: url(/wp-content/uploads/2025/10/Hero-1-scaled.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 100px 0;
}
.contact_banner .contact_us{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}
.contact_banner .contact_us .subtitle{
    margin-left: 0;
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    gap: 8px;
    border-radius: 60px;
    border: 1px solid var(--border-primary-dark, #0E3C71);
    background: var(--surface-primary-dark, #002E64);
    box-shadow: 0 0 16px 0 rgba(255, 255, 255, 0.15) inset;
    color: var(--text-white, #FFF);
    text-align: center;
    font-family: var(--font-family-family, Sora);
    font-size: var(--button-sm-size, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--button-sm-line-height, 24px);
}
.contact_banner .contact_us h1{
    color: var(--text-white, #FFF);
    font-family: var(--font-family-family, Sora);
    font-size: var(--heading-h1-size, 64px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--heading-h1-line-height, 80px);
    margin-bottom: 16px;
}
.contact_banner .contact_us .left_side p{
    color: var(--text-off-white, #D9D9D9);
    font-family: var(--font-family-family, Sora);
    font-size: var(--body-lg-size, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-lg-line-height, 32px); 
}
.contact_us .right_side form{
    /*display: flex;*/
    width: 640px;
    padding: 32px;
    /*flex-direction: column;*/
    /*align-items: flex-end;*/
    /*gap: 24px;*/
    border-radius: 20px;
    background: var(--surface-white, #FFF);
    box-sizing: content-box;
}
.contact_us .right_side form p label {
    color: var(--form-text, #15171B);
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact_us .right_side form p label:last-child,.contact_us .right_side form p label:nth-child(5){
    grid-column: 1 / -1;
}
.contact_us .right_side form p label select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 35px;
    background-image: url('/wp-content/uploads/2025/10/caret.svg')!important;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 30px 30px;
}
.contact_us .right_side form p label input,.contact_us .right_side form p label select{
    display: flex;
    height: 52px;
    padding: 14px 14px 14px 16px;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid var(--form-border, #BEC0C3);
    background-color: var(--surface-white, #FFF);
    align-self: stretch;
    width: 100%;
    color: var(--form-placeholder, #6E737B);
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}
.contact_us .right_side form p label textarea{
    display: flex;
    padding: 14px 14px 84px 16px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--form-border, #BEC0C3);
    background: var(--surface-white, #FFF);
    max-height: 122px;
    width: 100%;
    color: var(--form-placeholder, #6E737B);
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;;
}
.contact_us .right_side form p{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /*align-items: flex-end;*/
    gap: 24px;
}
.contact_us .right_side form .vsform-submit-container {
    /*max-width: max-content;*/
    max-width: 100%;
    margin-right: 0 !important;
    position: relative;
    margin: auto;
    justify-content: right;
    display: flex;
}
.contact_us .right_side form .vsform-submit-container > p > .vsform-submit-container {
    display: block;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-end;
    gap: 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-width: fit-content;
    border-radius: 48px;
    margin-top: 24px;
    background: var(--button-primary-main, #00E4F6);
    box-shadow: 0 0 16px 0 rgba(255, 255, 255, 0.70) inset;
    outline: 0;
    color: var(--button-primary-text, #002E64);
    font-family: var;
    z-index: 1;
}
.contact_us .right_side form .vsform-submit-container > p{
    display:block;
    width:100%;
}
.contact_us .right_side form .vsform-submit-container > p  > .vsform-submit-container:after{
    content: "";
    width: 50px;
    height: 50px;
     bottom: -50px; 
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 100%;
    transition: all 400ms ease;
    background: #002e64;
    box-shadow: 0 0 16px 0 rgba(255, 255, 255, 0.15) inset;
    transform: translateY(100%);

}
.contact_us .right_side form .vsform-submit-container p  > .vsform-submit-container:hover::after
/*,.contact_us .right_side form .vsform-submit-container .wpcf7-submit:hover + p::after */
{
    transform: translateY(0);
    z-index: -1;
    bottom: -100px;
    border-radius: 100px;
    width: 100%;
    height: 250px;
}
.contact_us .right_side form .vsform-submit-container p > .vsform-submit-container:hover input{
    color:#fff;
}
.contact_us .right_side form .vsform-submit-container .wpcf7-spinner {
    position: absolute;
}
.contact_us .right_side form .vsform-submit-container .wpcf7-submit{
    display: flex;
    /*padding: 16px 40px;*/
    padding: 16px 72px 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 48px;
    /*background: var(--button-primary-main, #00E4F6);*/
    background: transparent;
    /*box-shadow: 0 0 16px 0 rgba(255, 255, 255, 0.70) inset;*/
    /*outline: 0;*/
    /*color: var(--button-primary-text, #002E64);*/
    font-family: var(--font-family-family, Sora);
    font-size: var(--button-lg-size, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--button-lg-line-height, 24px);
    border: 1px solid #00E4F6;
    grid-column: 1 / -1;
    max-width: 180px;
    margin-right: 0 !important;
    float: right;
    margin: auto;
    /*margin-top: 24px;*/
    cursor:pointer;
}
.contact_us .right_side form .vsform-submit-container > p > .vsform-submit-container::before {
    content: '';
    background: url('/wp-content/uploads/2025/10/arrow-right.svg') center center / auto no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain !important;
    display: inline-block;
    background-repeat: no-repeat !important;
    position: absolute;
    z-index: 99;
    right: 40px;
    top: 16px;
    transition: all .3s;  
}
.contact_us .right_side form .vsform-submit-container p > .vsform-submit-container:hover::before{
    background: url('/wp-content/uploads/2025/10/arrow-right-1.svg') center center / auto no-repeat;
}
/*first banner css ends here*/