.request_section {
    display: flex;
    padding: 4.17vw;
    flex-direction: column;
    align-items: center;
    gap: 1.3vw;
    align-self: stretch;
    background: #1E1722;
}

.requestTitleContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4.48vw;
    align-self: stretch;
}

.requestTitleInnerContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5vw;
    align-self: stretch;
}

.requestSectionTitle {
    color: #FFF;
    font-family: Forum;
    font-size: 2.14vw;
    font-style: normal;
    font-weight: 400;
    line-height: 3.79vw;
    letter-spacing: -0.043vw;
}

.requestButton {
    display: flex;
    width: 19.79vw;
    padding: 0.63vw 1.67vw;
    justify-content: center;
    align-items: center;
    border-radius: 3.65vw;
    border: 0.052vw solid rgba(240, 240, 240, 0.43);
    background: rgba(255, 255, 255, 0.50);
}

.requestTitleText {
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Manrope;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.requestInputs {
    display: flex;
    align-items: flex-start;
    gap: 1.35vw;
    align-self: stretch;
}

.requestInputContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.63vw;
    flex: 1 0 0;
    width: 100%;
}

.requestInputText {
    color: #FFF;
    font-family: Manrope;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    width: 100%;
    padding-left: 0.26vw;
}

.inputField {
    display: flex;
    height: clamp(2rem, 3vw, 3rem);
    justify-content: center;
    align-items: center;
    width: 100%;
}

.input {
    width: 100%;
    height: clamp(2rem, 3vw, 3rem);
    padding: 0 clamp(0.5rem, 1vw, 1rem);
    background-color: #1E1722;
    border: 0.052vw solid rgba(255, 255, 255, 1);
    color: white;
    font-family: Manrope;
    font-size: clamp(0.8rem, 1.2vw, 0.9rem);
    border-radius: 0.195vw;
    outline: none;
    transition: border 0.3s ease;
}

.input-error {
    border: 0.052vw solid red !important;
    animation: shake 0.3s ease;
}

.input:focus {
    border: 0.052vw solid rgba(162, 56, 255, 1);
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-0.21vw); }
    50% { transform: translateX(0.21vw); }
    75% { transform: translateX(-0.104vw); }
}

.attention {
    width: 49.27vw;
    color: #FFF;
    text-align: center;
    font-family: Manrope;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.attentionSpecial {
    color: #A238FF;
    font-family: Manrope;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
}

/*.request_section.highlight {*/
/*    animation: pulse 1s ease-in-out 1; */
/*}*/

/*@keyframes pulse {*/
/*    0% {*/
/*        transform: scale(1);*/
/*        box-shadow: 0 0 0 rgba(162, 56, 255, 0);*/
/*    }*/
/*    50% {*/
/*        transform: scale(1.02);*/
/*        box-shadow: 0 0 20px rgba(162, 56, 255, 0.7); */
/*    }*/
/*    100% {*/
/*        transform: scale(1);*/
/*        box-shadow: 0 0 0 rgba(162, 56, 255, 0);*/
/*    }*/
/*}*/

@media (max-width: 480px) {
    .requestSectionTitle{
        color: #FFF;
        text-align: center;
        font-family: Forum;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.48px;
        width: 300px;
        margin-bottom: 20px;
    }
    .requestInputs{
        display: flex;
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 26px;
        align-self: stretch;
    }
    .requestInputContainer{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }
    .requestInputText{
        color: #FFF;
        font-family: Manrope;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 19.6px */
    }
    .requestButton{
        margin-top: 26px;
        display: flex;
        padding: 8px 32px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 70px;
        border: 1px solid rgba(240, 240, 240, 0.43);
        background: rgba(255, 255, 255, 0.50);
        width: 100%;
    }
    .requestTitleText{
        color: #FFF;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Manrope;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .request_section{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 26px;
        align-self: stretch;
        padding: 0;
    }
}