


#support {

}



#support .container-wrap {

}







#support .support-wrap {
    width: 100%;

    box-sizing: border-box;
    padding: var(--padding-l);
    border-radius: var(--radius-m);

    display: flex;
    gap: var(--gap-s);
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;

    background-image: url('../../img/support.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#support .section-title {
    font-family: var(--font-family-bold);
    font-size: var(--font-size-xl);
    line-height: var(--font-size-xl);
    text-align: center;
    color: transparent;
    
    background-size: cover;
    background: var(--color-7);
    -webkit-background-clip: text;
    transition: 0.2s;
}

#support .section-title span {
    color: var(--color-8);
}


#support .support-desc {
    font-family: var(--font-family-light);
    font-size: var(--font-size-xs);
    line-height: var(--font-size-s);
    color: var(--color-4);
    text-align: center;
}



#support .support-btn {
    position: relative;

    font-family: var(--font-family-regular);
    font-size: var(--font-size-xs);
    line-height: var(--font-size-xs);
    color: #fff;

    transition: 0.2s;
    padding: 0.75vw 1.5vw;

    border-radius: var(--radius-xs);
    background: linear-gradient(90deg, #57B9FF 0%, #1386D8 100%);

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0.75vw;
}

#support .support-btn .icon {
    width: 1vw;
    height: 1vw;

    background-image: url("data:image/svg+xml,%3Csvg width='29' height='24' viewBox='0 0 29 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.20109 13.998C7.15351 13.9946 7.10725 13.9818 7.0619 13.967L0.580685 11.8484C0.580685 11.8484 -0.202032 11.5298 0.0500025 10.8073C0.101885 10.6584 0.206545 10.5316 0.519632 10.3137C1.97079 9.29894 27.3793 0.136585 27.3793 0.136585C27.3793 0.136585 28.0967 -0.105952 28.5199 0.0553655C28.6245 0.0878729 28.7187 0.147693 28.7928 0.228704C28.8669 0.309715 28.9181 0.40901 28.9414 0.516434C28.9871 0.706171 29.0063 0.901378 28.9982 1.09641C28.9962 1.26514 28.9759 1.42152 28.9604 1.66675C28.8057 4.17177 24.1747 22.8676 24.1747 22.8676C24.1747 22.8676 23.8976 23.9616 22.9049 23.9991C22.6609 24.007 22.4179 23.9655 22.1902 23.8771C21.9626 23.7888 21.755 23.6554 21.5799 23.4848C19.6318 21.8036 12.8986 17.2639 11.4108 16.2654C11.3772 16.2425 11.349 16.2126 11.3279 16.1778C11.3068 16.1429 11.2935 16.104 11.2887 16.0635C11.2679 15.9583 11.3819 15.8279 11.3819 15.8279C11.3819 15.8279 23.1062 5.37257 23.4181 4.27498C23.4423 4.18995 23.351 4.14799 23.2285 4.18524C22.4658 4.46673 9.50151 12.6764 7.56811 13.9012C7.49196 13.9495 7.4177 13.9866 7.32805 13.996C7.28592 14.0004 7.24343 14.0011 7.20109 13.998Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#support .support-btn:hover {
    cursor: pointer;
    transform: scale(0.95);
}