:root {
  --vh-offset: 0px;
  --cyan: rgba(5, 242, 218, 1);
}

@supports (color: color(display-p3 1 1 1)) {
  :root {
    --cyan: color(display-p3 0.01960784314 0.9490196078 0.8549019608);
  }
}

@font-face {
  font-family: 'Archia';
  src: url("../fonts/./Archia-Thin.woff2") format("woff2"), url("../fonts/./Archia-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archia';
  src: url("../fonts/./Archia-Light.woff2") format("woff2"), url("../fonts/./Archia-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archia';
  src: url("../fonts/./Archia-Regular.woff2") format("woff2"), url("../fonts/./Archia-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archia';
  src: url("../fonts/./Archia-SemiBold.woff2") format("woff2"), url("../fonts/./Archia-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archia';
  src: url("../fonts/./Archia-Bold.woff2") format("woff2"), url("../fonts/./Archia-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archia';
  src: url("../fonts/./Archia-Medium.woff2") format("woff2"), url("../fonts/./Archia-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.get-in-touch {
  background-color: rgba(178, 248, 241, 0.5);
  border: 0;
  padding-top: 147px;
  padding-bottom: 147px;
}

@media screen and (max-width: 880px) {
  .get-in-touch {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 568px) {
  .get-in-touch {
    padding-top: 75px;
    padding-bottom: 30px;
  }
}

.get-in-touch .grid-full-width {
  margin-left: 0px;
}

.get-in-touch .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px;
  max-width: 1357px;
}

@media screen and (max-width: 1280px) {
  .get-in-touch .wrapper {
    gap: 15px;
  }
}

@media screen and (max-width: 880px) {
  .get-in-touch .wrapper {
    grid-template-columns: 1fr;
  }
}

.get-in-touch h5 {
  font-weight: 500;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: left;
  color: #80909b;
}

.get-in-touch .grid {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

.get-in-touch-bottom {
  padding-right: 22px;
}

@media screen and (max-width: 880px) {
  .get-in-touch-bottom {
    padding-right: 0px;
  }
}

.get-in-touch-top {
  position: relative;
}

.get-in-touch-top .h2 {
  max-width: 502px;
}

@media (max-width: 735px) {
  .get-in-touch-top .h2 {
    padding-top: 19px;
    padding-bottom: 21px;
  }
}

@media (min-width: 736px) and (max-width: 1067px) {
  .get-in-touch-top .h2 {
    padding-top: 24px;
    padding-bottom: 21px;
  }
}

@media (min-width: 1068px) {
  .get-in-touch-top .h2 {
    padding-top: 24px;
    padding-bottom: 21px;
  }
}

.get-in-touch-top .get-in-touch-toggle {
  background-color: transparent;
  position: relative;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  margin-top: -2px;
}

.get-in-touch-top .get-in-touch-toggle:focus {
  outline: 0;
}

.get-in-touch-top .get-in-touch-toggle:before, .get-in-touch-top .get-in-touch-toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #073444;
}

.get-in-touch-top .get-in-touch-toggle:before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.get-in-touch-top .get-in-touch-toggle:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}

.get-in-touch-top .get-in-touch-toggle.active:after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  opacity: 0;
}

@media (max-width: 735px) {
  .get-in-touch-top .get-in-touch-toggle {
    width: 30px;
    height: 30px;
  }
  .get-in-touch-top .get-in-touch-toggle:before, .get-in-touch-top .get-in-touch-toggle:after {
    width: 30px;
    height: 3px;
  }
}

@media (min-width: 736px) and (max-width: 1067px) {
  .get-in-touch-top .get-in-touch-toggle {
    width: 36px;
    height: 36px;
  }
  .get-in-touch-top .get-in-touch-toggle:before, .get-in-touch-top .get-in-touch-toggle:after {
    width: 36px;
    height: 4px;
  }
}

@media (min-width: 1068px) {
  .get-in-touch-top .get-in-touch-toggle {
    width: 36px;
    height: 36px;
  }
  .get-in-touch-top .get-in-touch-toggle:before, .get-in-touch-top .get-in-touch-toggle:after {
    width: 36px;
    height: 4px;
  }
}

.get-in-touch-text p {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: #364652;
}

@media screen and (max-width: 568px) {
  .get-in-touch-text p {
    font-size: 16px;
    line-height: 24px;
  }
}
/*# sourceMappingURL=get_in_touch.css.map */