/* CONTACT */

.contact{
    padding: 54px 0 38px;
}

.contact .container{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}

.contact-content{
    max-width: 508px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact-overline{
    margin-bottom: 16px;
    color: var(--primary-accent-color);
}

.contact-heading{
    margin-bottom: 24px;
}

.contact-description{
    margin-bottom: 32px;
}

.contact-list{
    margin-bottom: 32px;
}

.contact-link{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    text-decoration: none;
    color: var(--primary-dark-color);
    transition: 0.2s ease-in-out;
}

.contact-link:before{
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.contact-link.contact-link--phone:before{
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z' fill='%232E2EE5'/%3E%3Cpath d='M22.675 18.8167C21.65 18.8167 20.6583 18.65 19.7333 18.35C19.4417 18.25 19.1167 18.325 18.8917 18.55L17.5833 20.1917C15.225 19.0667 13.0167 16.9417 11.8417 14.5L13.4667 13.1167C13.6917 12.8833 13.7583 12.5583 13.6667 12.2667C13.3583 11.3417 13.2 10.35 13.2 9.325C13.2 8.875 12.825 8.5 12.375 8.5H9.49167C9.04167 8.5 8.5 8.7 8.5 9.325C8.5 17.0667 14.9417 23.5 22.675 23.5C23.2667 23.5 23.5 22.975 23.5 22.5167V19.6417C23.5 19.1917 23.125 18.8167 22.675 18.8167Z' fill='%232E2EE5'/%3E%3C/svg%3E%0A");
}

.contact-link.contact-link--mail:before {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z' fill='%232E2EE5'/%3E%3Cpath d='M16.6664 25.8201C18.4611 25.8201 20.5356 25.3306 21.499 24.88L20.9552 23.1784C20.3025 23.4115 18.5078 23.9787 16.7674 23.9787C11.5385 23.9787 8.73369 21.0962 8.73369 15.9372C8.73369 10.9958 11.5074 7.80253 16.4799 7.80253C21.0251 7.80253 23.7367 10.7239 23.7289 14.6708C23.7367 18.0428 23.3016 19.5578 21.8875 19.5578C21.0872 19.5578 20.6444 18.9052 20.6444 18.0894V10.8793H18.7331V11.7495H18.6321C18.399 11.0657 17.0471 10.4519 15.4233 10.6462C13.1779 10.9103 11.251 12.7673 11.251 15.8285C11.251 19.0217 12.8826 21.1584 15.5009 21.2594C17.2724 21.3371 18.4223 20.5135 18.7875 19.5967H18.8807C19.0672 20.8476 20.4191 21.3992 21.7477 21.3526C25.0652 21.2904 25.6946 18.0272 25.6946 14.7485C25.6946 10.0712 22.4935 6 16.5576 6C10.3342 6 6.67476 9.7993 6.66699 15.9217C6.67476 22.2228 10.241 25.8201 16.6664 25.8201ZM15.9516 19.3558C13.9237 19.3558 13.2245 17.6155 13.2167 15.7352C13.2245 13.9482 14.2267 12.5264 15.9827 12.5264C17.8862 12.5264 18.7408 13.3655 18.7486 15.7275C18.7564 18.1515 17.9717 19.3558 15.9516 19.3558Z' fill='%232E2EE5'/%3E%3C/svg%3E%0A");
}

.contact-link:hover{
    color: var(--primary-accent-color);
}

.contact-info{
    margin-top: auto;
}

.contact-caption{
    margin-bottom: 50px;
    color: var(--secondary-dark-color);
    text-transform: uppercase;
    text-align: center;
}

.contact-formWrapper{
    max-width: 480px;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 20px 32px 32px;
    background-color: var(--secondary-light-color);
    box-shadow: 0 4px 20px rgba(68, 64, 242, 0.1);
    border-radius: 16px;
}

.contact .contact-formWrapper .btn{
    width: 100%;
    margin-top: 32px;
}

@media only screen and (max-width: 1199px){
    .contact{
        padding-bottom: 50px;
    }

    .contact .container{
        flex-direction: column;
    }

    .contact-content{
        max-width: 100%;
    }

    .contact-formWrapper{
        max-width: 100%;
    }

    .contact-info{
        
        left: 24px;
        right: 24px;
        top: calc(100% + 70px);
        text-align: center;
    }
}

@media only screen and (max-width: 600px){
    .contact{
        padding-top: 24px;
        padding-bottom: 20px;
    }
    .contact-formWrapper{
        box-shadow: none;
        padding: 0;
    }
    .contact-caption{
    margin-bottom: 15px;
  
}
}


/* INFLUENCERS */

.influencers{
    padding: 72px 0 82px;
    text-align: center;
}

.influencers-heading{
    margin-bottom: 40px;
}

.influencers-list{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -32px;
}

.influencers-item{
    margin: 0 32px;
}

.influencers-item-link{
    display: flex;
    color: rgba(255, 255, 255, 0.3);
    align-items: center;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

.influencers-item-icon{
    margin-right: 16px;
    border-radius: 50%;
    min-width: 48px;
}

.influencers-item-title{
    min-width: 120px;
    text-align: left;
    color: var(--secondary-light-color);
}
.influencers-item-link.influencers-item-link:hover .influencers-item-icon{
    width: 42px;
    height: 42px;
}
.influencers-item-link.influencers-item-link--facebook:hover{
    color: var(--social-facebook-color);
}

.influencers-item-link.influencers-item-link--instagram:hover svg{
    display: none;
}
div.influencers-item-icon{
    display: none;
}
.influencers-item-link.influencers-item-link--instagram:hover div.influencers-item-icon{
    display: block;
}
.influencers-item-link.influencers-item-link--linkedin:hover{
    color: var(--social-linkedin-color);
}

.influencers-item-link.influencers-item-link--youtube:hover{
    color: var(--social-youtube-color);
}

.influencers-item-link.influencers-item-link--twitter:hover{
    color: var(--social-twitter-color);
}

@media only screen and (max-width: 1199px) {
    .influencers{
        padding-bottom: 32px;
    }
    .influencers-list{
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }
    .influencers-item {
        margin: 0 16px 32px;
    }
}