.contato {box-shadow: 3px 3px 10px -2px rgba(204, 204, 204, 0.5);border-radius: 20px 0px;overflow: hidden;}
.contato .title {font-size: 32px; font-weight: 900;line-height: 1;}
.contato-left{background: var(--secondary-color);}
.contato-right{background: #fff;}
@media screen and (min-width: 992px) {.contato{margin-top: -100px;}}
@media screen and (max-width: 768px) {.contato {border-radius: 10px;}}

/* ? SOCIAL */
.contato .social__icons {width: 41px; height: 41px; border-radius: 10%; background: #fff; font-size: 20px; color:var(--secondary-color); display: flex; justify-content: center; align-items: center; transition: .3s;}
.contato .social__icons:hover {opacity: .9;}

/* ? FORM */
.contato .form--contato {color: var(--primary-color);}
.contato .form--contato .form-control {border:1px solid #E6E6E6; border-radius: 0; font-family: var(--primary-font);}
.contato .form--contato .form-control:focus {border-color: var(--primary-color);}
.contato .form--contato .btn {border-radius: 20px 0px;}