@charset "utf-8";
/* CSS Document */

.contacpg_sec .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contactleft {
  width: calc(100% - 640px);
  max-width: 810px;
}

.contactright {
  width: 640px;
  background: var(--lightbg);
  padding: 50px 60px;
}

.contactleft hr {
  background: #e1e2e5;
  border: 0px solid transparent;
  height: 1px;
  margin: 0 0 35px 0;
}

.contact-details {
  display: flex;
  justify-content: space-between;
}

.contact-map-wrap {
  width: 435px;
}

.contactleft .contact-wrap {
  width: calc(100% - 435px);
  max-width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contactleft .contact-wrap .ft-title {
  color: var(--darkgrey);
  position: relative;
  font-size: 18px;
}

.contact-content {
  width: calc(100% - 50px);
}

.contact-icon {
  background: var(--themeblue);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;

  img {
    margin: auto;
    filter: brightness(0) invert(10);
  }
}

.contactleft .contact-wrap .ft-text {
  text-decoration: none;
  color: var(--darkgrey);
  font-size: 16px;
}

.contactleft .contact-wrap .ft-text:has(+ .sm-contact-title) {
  margin-bottom: 20px;
}

.contactleft .contact-wrap a.ft-text:hover {
  text-decoration: underline;
  color: var(--themecolor);
}

.sm-contact-title {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 700;
  color: var(--darkgrey);
}

.contact-map-wrap iframe {
  height: 267px;
}

/* Duper large devices (large desktops, 1600px and up) */
@media (min-width: 1921px) {}

@media (max-width: 1800px) {}

@media (max-width: 1599.98px) {
  .contactright {
    width: 610px;
    padding: 40px 45px;
  }

  .contactleft {
    width: calc(100% - 610px);
    max-width: 720px;
  }

  .contact-map-wrap {
    width: 390px;
  }
}

@media (max-width: 1439.98px) {
  .contactleft {
    width: 100%;
    max-width: 100%;
  }

  .contactright {
    width: 100%;
  }

  .contacpg_sec .container {
    gap: 30px;
  }

  .contactleft .contact-wrap {
    max-width: 550px;
  }

  .form-group.cf7_rpmsg.cf7_rpmsg_bklk {
    display: block;
    width: 100%;
  }

  .contactright .form-group.btnbox {
    margin-top: 20px;
  }
}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
  .contactleft .contact-details {
    margin-bottom: 10px;
  }

  .contactleft hr {
    margin: 0 0 15px 0;
  }

  .contact-map-wrap {
    width: 290px;
  }

  .contactleft .contact-wrap {
    width: calc(100% - 290px);
    max-width: 380px;
  }

}

@media (max-width: 767.98px) {
  .contactright {
    padding: 30px;
  }

  .contact-details {
    flex-wrap: wrap;
  }

  .contactleft .contact-wrap {
    width: 100%;
    max-width: 100%;
  }

  .contact-map-wrap {
    width: 100%;
  }

  .contact-map-wrap iframe {
    height: 200px;
  }

  .contact-content {
    width: calc(100% - 45px);
  }

  .contactleft .contact-wrap .ft-title {
    margin-bottom: 12px;
  }

  .contactleft .contact-wrap .ft-text:has(+ .sm-contact-title) {
    margin-bottom: 12px;
  }
}

@media (max-width: 576px) {}