#contact {
  @media (width>=768px) {
  }
  & .call {
    background-color:  var(--color-primary);
    color: #fff;
    & .content-plus {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      background-color: var(--color-primary);
    }
  }
  & .content-info {
    & .image {
      width: 69px;
      height: 69px;
      border-radius: 100%;
      font-size: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #666;
      color: var(--color-primary);
    }
  }
  & .content-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 200px;
    & p {
      margin: 0;
    }
    & h3 {
      margin: 0;
    }
  }
  & .content-networks {
    display: flex;
    justify-content: center;
    gap: 16px;
    & a {
      text-decoration: none;
      height: 39px;
      background-color: #EBC2FF;
      color: #fff;
      width: 39px;
      font-size: 14px;
      transition: 400ms;

      & span{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
  & .form {
    & input {
      width: 100%;
      margin-bottom: 15px;
      outline: none;
      border: 1px solid #01473626;
      padding: 17px;
    }
    & textarea{
        margin-bottom: 15px;
        outline: none;
        padding: 17px 0 17px 30px;
        border: 1px solid #01473626;
        width: 100%;
        height: 150px;
    }
    & .submit{
        margin: 0;
        border: 0;
        width: fit-content;
        outline: none;
        background: var(--color-primary) !important;
        padding: 17.5px 40px;
        color: white;
        background: transparent;
    
    }
  }
}

#contact {
	padding: 45px 0;
	overflow: hidden;
	position: relative;
}
@media (min-width: 991px) {
  #contact .content-networks img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(49%) saturate(4440%) hue-rotate(268deg) brightness(103%) contrast(123%);
  }
}

#contact .call a {
	color: #fff;
	text-decoration: none;
	font-size: var(--font-size-title-small);
	transition: 400ms;
}
#contact .call a:hover {
  color: var(--color-primary);
  transition: 400ms;
}
#contact .call p {
	margin-bottom: 0;
}

#contact .content-networks a:hover {
	background: var(--color-secondary-ligth);
	transition: 400ms;
}
.content-text a {
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	transition: 400ms;
}
.content-text a:hover {
	color: var(--color-primary);
	transition: 400ms;
}

#contact .image svg {
	width: 20px;
	height: 20px;
}
.content-plus svg {
	width: 90px;
	height: 115px;
}

#contact .content-contact-form {
	background: #f1f1f1;
	padding: 30px;
}

.call .text-center.text-md-start {
	background: #666666;
}

@media (max-width: 992px) {
  .content-networks  a {
    background: var(--color-primary)!important;
}
}
@media (max-width: 768px) {
  #contact h2 {
    margin: auto !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  #contact .call  .content-plus {
   
        width: 100%;
      }
    


}

@media (max-width: 425px) {
  #contact h2 img {
    margin-left: -95px!important;
  }
}


/*Button*/
#contact .btn-form {
	padding: 0;
	max-width: 250px;
}
#contact .btn-form input {
	padding: 0 !important;
	height: 45px;
	background: transparent;
	color: #fff;
  margin-bottom: 0 !important;
}
.btn-form p {
  margin-bottom: 0;
}