main .section-wrapper:first-of-type {
    background-color: var(--white) !important;
    border-radius: 0 !important
}

.contact-section{
    gap: 20px;
    padding: 20px
}
.contact-section .border-item{
    padding: 20px;
    border-radius: 20px;
    max-width: 650px;
    gap: 20px;
    margin: 20px 0;
    transition: 50ms ease-out;
}
.contact-section .border-item .contact-avatar,
.contact-section .border-item .contact-avatar img{
    width: 67px;
    min-width: 67px;
    height: 67px;
    min-height: 67px;
}
.contact-section .border-item:hover{
    background-color: #fffdf9;
    border-color: #8f9aa5;
}

.contact-section > .side:first-child > .flex{
    gap: 40px;
}
.contact-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.3rem
}
.contact-media{
    padding: 40px 0;
    font-size: 1.3rem;
    display: flex;
}
.contact-media a{
    display: block;
    padding: 0 20px;
}


.contact-section .illustration{
    position: relative;
}
.contact-section .illustration svg{
    position: absolute;
}
.contact-section .illustration .main{
    bottom: 0;
    width: 100%;
}