.contact-section{
    padding: 2em 0 4em 0;
}

.contact-section .row-contact-title{
    margin: 2em 0 2em 0;
}

.contact-section .row-contact-title .wrapper-title{
    margin-top: 0.7em;
}

.contact-section .row-contact-title .wrapper-title h1{
    font-size: 2.3em;
}

.contact-section .contact-item{
    margin-top: 2em;
}

.contact-section .contact-item .wrapper-content, .contact-form-section .wrapper-form, .map-section iframe{
    box-shadow: 3px 3px 0 0 var(--blue-back-color);
}

.contact-section .contact-item .wrapper-content{
    background-color: #f4f4f4;
    padding: 2.5em 2em;
    border-radius: 1em;
    height: 100%;
}

.contact-section .contact-item .contact-icon{
    width: 4em;
    height: 4em;
    border-radius: 50%;
    background-color: #d2ebf2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-section .contact-item .contact-icon svg{
    color: var(--blue-txt-color);
    font-size: 1.7em;
}

.contact-section .contact-item .contact-name p{
    font-family: "poppins-bold", sans-serif;
    color: var(--gray-blue-txt-color);
    font-size: 1.7em;
    margin: 1em 0;
}

.contact-section .contact-item .contact-text p{
    color: var(--light-gray-txt-color);
    font-size: 1.2em;
    line-height: 1.5;
}

.contact-form-section{
    padding: 2em 0 4em 0;
}

.contact-form-section .wrapper-form{
    border-radius: 1em;
    padding: 3em;
    background-color: #f4f4f4;
}

.contact-form-section .wrapper-form .column-input{
    margin-bottom: 1.5em;
}

.contact-form-section .wrapper-form .input-field{
    text-align: left;
    display: flex;
    flex-direction: column;
}

.contact-form-section .wrapper-form .input-field:last-child{
    margin-bottom: 0;
}

.contact-form-section .wrapper-form .input-field label{
    margin-bottom: 0.5em;
    font-size: 1.1em;
    font-family: "poppins-semibold", sans-serif;
}

.contact-form-section .wrapper-form .input-field textarea{
    min-height: 10em;
    height: 13em;
    max-height: 17em;
    width: 100%;
}

.contact-form-section .wrapper-form .input-field .ui.input span, .contact-form-section .wrapper-form .input-field span{
    width: 100%;
    margin-top: 0.5em;
    line-height: 1.5;
}

.contact-form-section .wrapper-form .wrapper-btn img{
    width: 2.5em;
    top: 50%;
    right: -3.5em;
    transform: translateY(-50%) rotateZ(0deg);
    animation: rotate_loader 2s linear infinite;
    animation-play-state: paused;
}

@keyframes rotate_loader{
    0%{
        transform: translateY(-50%) rotateZ(0deg);
    }
    100%{
        transform: translateY(-50%) rotateZ(360deg);
    }
}

.map-section{
    padding: 2em 0 8em 0;
}

.map-section iframe{
    width: 100%;
    height: 25em;
    border: 0;
    border-radius: 1em;
}

.contact-form-section .wrapper-form .wrapper-btn{
    margin-top: 0;
}