html {
  scroll-behavior: smooth;
}
.text-center {
  text-align: center;
}
a {
  color: unset;
  text-decoration: none;
}
a i.fa-brands:hover,
a i.fa-solid:hover {
  color: #fff !important;
}
.contactus {
  display: flex;
  justify-content: space-around;
  gap: 60px;
}

.phone-contact h5,
.address-contact h5,
.email-contact h5 {
  margin-bottom: 0 !important;
}
.social-contact,
.address-contact {
  margin-top: 20px;
  margin-bottom: 20px;
}
.git-title {
  margin-bottom: 20px;
}
.send-button {
  cursor: pointer;
  background-color: #f3f3f3;
  color: black;
  padding: 1rem 3rem;
  border-radius: 7px;
}
.send-button:hover {
  background-color: #e0e0e0;
}
.social-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-form {
  margin-top: 20px;
}
/* .contactus .contactus > h2,
.contactus > h5 {
  color: #fff !important;
} */

.git-title,
.git-title > h2,
.social-contact span,
.address-contact span {
  color: #fff !important;
}
@media (max-width: 767px) {
  .contactus {
    flex-wrap: wrap;
    gap: 30px;
  }
  .mb-6 {
    margin-bottom: 1.2rem !important;
  }
  .contact-form {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .mb-6 {
    margin-bottom: 2rem !important;
  }
  .contact-form,
  .get-in-touch {
    width: 44vw;
    padding: 0rem 2rem;
  }
  .contact-form {
    margin-top: 3rem;
  }
  /* .social-contact {
    padding:0rem 2rem;
} */
}
@media (min-width: 800px) {
  .elementor-6
    .elementor-element.elementor-element-b7aeaae:not(
      .elementor-motion-effects-element-type-background
    ),
  .elementor-6
    .elementor-element.elementor-element-b7aeaae
    > .elementor-motion-effects-container
    > .elementor-motion-effects-layer {
    height: 600px !important;
  }
}
@media (max-width: 799px) {
  .elementor-6
    .elementor-element.elementor-element-b7aeaae:not(
      .elementor-motion-effects-element-type-background
    ),
  .elementor-6
    .elementor-element.elementor-element-b7aeaae
    > .elementor-motion-effects-container
    > .elementor-motion-effects-layer {
    height: 440px !important;
  }
}
