.groupGraphicBg.dropdownLocation {
  position: initial;
  background-image: url('../images/groupGraphicBlueDouble.webp');
  background-size: 100%;
}

.innerheroParallaxBanner.contactusBg {
  background-image: url('../images/contactUsBg.webp');
}

.bannerParallaxImgText.contactusImgText .bgBannerTitle h2 {
  margin-bottom: 5px;
}

.feedbackCol {
  background-color: var(--deepChampagne);
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 100px 50px;
  position: relative;
  text-align: left;
  width: 100%;

}

.graphicIcon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: 163px;
}

.graphicIcon.graphicIcon2 {
  top: 0;
  left: 0;
}

.feedbackCol .contactUs p {
  color: var(--eagleGreen);
  font-family: var(--fontFamilyBrandonBold);
}

.contactUs h2 {
  max-width: 100%;
}

.feedbackCol .contactUs {
  width: 100%;

}

.contactUs h3 {
  line-height: 59px;
  padding-bottom: 15px;
  text-align: left;
}

.selectLocationDropdown {
  width: 100%;
}

.dropdownLocation select {
  background: url('../images/smallDropdownArrow.svg') no-repeat calc(100% - 16px) 50% #fff;
  background-size: 0.8888888889rem;
  cursor: pointer;
}

select.selectLocationPlaceholder {
  font-size: 13px;
  line-height: 28px;
  letter-spacing: 0.65px;
  font-family: var(--fontFamilyBrandonRegular);
  color: var(--philippineSilver);
  margin: 17px 0 35px;
  border: 1px solid var(--philippineSilver);
  padding: 12px 15px;
}

.dropdownLocation .silverBg .designImage {
  right: 0;
}

.innerdropdownLocation {
  padding: 70px 0 0;
}

.socialIcons img {
  margin: 30px 30px 0 0;
  cursor: pointer;
}

.blankSection {
  background-color: var(--eagleGreen);
  width: 100%;
  height: 220px;
  margin-top: -180px
}

.contactUsImg {
  padding-left: 0;
}

.socialIcons {
  padding-top: 36px;
  width: 100%;
}

.socialIcons a:not(:first-child) {
  margin: 0 15px;
}

.socialIcons .social-media {
  padding: 0;
}

/* Media Query */
@media (min-width: 1200px) and (max-width: 1363px) {
  .contactUs h3 {
    font-size: 43px;
    line-height: 46px;
  }
}

@media (min-width: 1099px) and (max-width: 1198px) {
  .contactUs h3 {
    font-size: 48px;
  }
}

@media (min-width: 992px) and (max-width: 1098px) {
  .contactUs h3 {
    font-size: 41px;
    line-height: 50px;
  }
}

@media (max-width: 1199px) {
  .dropdownLocation .silverBg {
    padding: 87px 20px;
  }

  .feedbackCol {
    padding: 100px 20px;
  }
}

@media (max-width: 991px) {
  .groupGraphicBg.dropdownLocation {
    background-image: url('../images/groupGraphicBlueSingleBgMobile.svg');
  }

  .selectLocationDropdown {
    width: 60%;
  }

  .innerdropdownLocation {
    margin: 0;
    padding: 60px 0;
    text-align: center;
  }

  .contactUs h3 {
    padding-bottom: 24px;
    line-height: 30px;
    margin-bottom: 0;
    text-align: center;
    max-width: 322px;
    margin: 0 auto;
  }

  .socialIcons {
    margin: 0 auto 40px;
    text-align: center;
  }

  .socialIcons .social-media {
    justify-content: center;
  }

  .feedbackCol {
    background-color: transparent;
    padding: 0 40px;
    text-align: center;
  }

  .contactUsImg {
    padding: 0 55px;
  }

  .blankSection {
    height: 120px;
  }

  .contactUsImg {
    width: 100%;
    height: 400px;
    object-fit: cover;
    position: relative;
    z-index: 0;
  }

  .contactUsImg img {
    object-fit: cover;
  }

  .graphicIcon {
    bottom: 120px;
    z-index: -1;
  }
}

@media (max-width: 575px) {
  .selectLocationDropdown {
    width: 100%;
  }

  .contactUsImg {
    height: 204px;
    object-fit: cover;
  }
}