body {
  background-color: var(--clr9);
}

textarea:focus,
input:focus {
  outline: none !important;
}

textarea {
  padding-top: 1rem !important;
}

.gform_validation_errors,
span.gfield_required.gfield_required_text,
.gform-footer.gform_footer.top_label > span {
  display: none !important;
}

body .gform_wrapper .gform_footer .gform_button[type="submit"]:hover {
  background-image: none !important;
}

body img.gform_ajax_spinner {
  display: none !important;
}

.validation_message {
  text-align: left !important;
}
#gform_1 label.gfield_label.gform-field-label,
#gform_1 label.gform-field-label {
  color: var(--clr5)!important;
}
#gform_1 input {
min-height: 4.5rem;
}
#masthead, #headfixer.stickyhead {
  height: 0px;
}

/* //////////////////////////////////// Hero box //////////////////////////////////// */
#hero {
  /*height: 100dvh;*/
  display: flex;
  justify-content: center;
  padding: 0;
  /*height: 119.3rem;*/
}

#hero::after {
  content: "";
  height: 12rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, transparent 0%, var(--clr9) 100%);
}

@media only screen and (max-width: 1000px) {
  #hero {
    /*height: 100dvh;*/
  }
  #hero video {
    max-width: unset;
    width: 160% !important;
  }
}

.hero-content {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8vw;
}

.hero-logo {
  max-width: 57rem;
  width: 100%;
  color: var(--clr1);
}

.hero-logo svg path {
  fill: var(--clr1);
}
.hero-logo svg .st1 {
  font-family: "inter";
  font-weight: bold;
}
.hero-logo svg .st3 {
  letter-spacing: 4px;
}

/* //////////////////////////////////// About us //////////////////////////////////// */

#about-us::after {
  content: "";
  height: 47rem;
  width: 100%;
  position: absolute;
  transform: rotate(-0.8deg);
  top: -3rem;
  background: linear-gradient(0deg, transparent 0%, var(--clr9) 88%);
}

#about-us {
  display: flex;
  justify-content: center;
  /*min-height: 100dvh;*/
  /*margin-top: -19.3rem;*/
  position: relative;
  /*padding: 0 1.5rem 3rem;*/
  /*overflow: unset;*/
  z-index: 2;
}

.map-section-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  bottom: calc(100% - 21vw);
}

.about-us-content {
  max-width: 67.1rem;
  position: relative;
  border: 1px solid var(--clr5);
  border-top: unset;
  padding: 5rem 8rem;
  margin-top: 11.6vw;
  padding-top: 4.3rem;
  padding-bottom: 3.7rem;
}

#about-us > img {
  width: 100%;
  height: auto;
  margin-top: -30vw;
}
.about-us-content {
  max-width: 67.1rem;
  position: relative;
  border: 1px solid var(--clr5);
  border-top: unset;
  padding: 5rem 8rem;
  margin-top: calc(96% - 90.5vw);
  padding-top: 4.3rem;
  padding-bottom: 3.7rem;
  position: absolute;
  z-index: 3;
  /*margin-top: 0;*/
  /*bottom: 7rem;*/
}

@media only screen and (max-width: 1000px) {
  .about-us-content {
    padding-inline: 3rem;
  }
}
@media only screen and (max-width: 650px) {
  .about-us-content {
    padding-inline: 1.5rem;
  }
}

.about-us-content > * {
  text-align: center;
}
.about-us-content a {
  color: var(--clr2);
  text-decoration: none;
}

.about-us-content a:hover {
  text-decoration: underline;
}

.title-description-wrapper {
  /*height: 53.3rem;*/
  padding-bottom: 20rem;
}

.about-us-content .section-title {
  font-size: var(--fontsize_h3);
  position: absolute;
  top: -2.3%;
  left: 50%;
  color: var(--clr5);
  transform: translateX(-50%);
  font-weight: 600;
  font-family: "inter";
}

@media only screen and (max-width: 1300px) {
  .about-us-content .section-title {
    top: -2%;
  }
}
@media only screen and (max-width: 450px) {
  .about-us-content .section-title {
    top: -1.5%;
  }
}

.about-us-content h2::before,
.about-us-content h2::after {
  content: "";
  position: absolute;
  top: 0%;
  height: 1px;
  background-color: var(--clr5);
  width: calc(50% - 7.5rem);
  z-index: 1;
}

.about-us-content h2::before {
  left: 0;
}

.about-us-content h2::after {
  right: 0;
}

.about-us-content .title-wrapper {
  color: #ffffff;
  text-transform: uppercase;
}
.about-us-content .title-wrapper h1 {
  margin-top: 0;
  letter-spacing: 2px;
  font-weight: 300;
  line-height: 5.5rem;
  color: #e9e9e9;
}

h2.gform_title {
  color: aliceblue;
}

p.gform_description {
  color: var(--clr5);
}

.title-wrapper .small-text {
  font-size: 3.5rem;
}

.title-wrapper h1 {
  display: flex;
  flex-direction: column;
}
.about-us-content .description {
  color: var(--clr5);
  margin-top: var(--pad_medium);
  /* font-size: 18px; */
  /* line-height: 26px; */
  margin-top: 3.2rem;
}

.about-us-content .description p {
  margin-bottom: 2rem;
}

.about-us-content .description p:last-of-type {
  margin-top: 4.5rem;
}

.map-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.9rem;
  /*margin-top: 5.5rem;*/
}

.map-section svg {
  color: var(--clr2);
  height: 11.9rem;
}

.map-section span {
  position: absolute;
  top: 36%;
  color: var(--clr2);
  left: 58%;
  opacity: 0.6;
}

@media only screen and (max-width: 450px) {
  .map-section span {
    left: calc(58% + 1.5rem);
  }
}

.map-section svg .st1 {
  fill: #ffffff;
}

/* //////////////////////////////////// contact form //////////////////////////////////// */

.gform_heading {
  color: #fff !important;
  font-weight: 300;
  font-family: "inter";
}

.gform_title {
  margin-top: 7.3rem;
  font-size: var(--fontsize_h2);
}

.gform_description {
  margin-top: 1.3rem;
  line-height: 2.5rem;
}

.gfield {
  position: relative !important; /*cia quick fix */
}
.checkbox {
  display: none !important; /*cia quick fix */
}
.gfield_label.gform-field-label {
  color: var(--clr6) !important; /*cia quick fix */
}

.gfield.active label {
  color: var(--clr3) !important;
}

#gform_1 {
  padding-top: 1.5rem;
}

#gform_1 .gfield_label.gform-field-label.gfield_label_before_complex {
  color: var(--clr2);
}
#gform_1 #gform_fields_1 input,
#gform_1 #gform_fields_1 textarea {
  background-color: transparent;
}

#gform_1 #gform_fields_1 input,
#gform_1 #gform_fields_1 textarea {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--clr2);
  border-radius: 0;
  padding: 0;
  color: var(--clr5) !important;
  text-align: left;
  padding-left: 1rem;
}

.charleft.ginput_counter.gfield_description {
  display: none;
}

.gform-footer.gform_footer.top_label {
  position: relative;
  height: 1rem;
}

.gchoice.gchoice_1_6_1.active {
  display: flex;
  align-items: center;
}

#gform_submit_button_1 {
  position: absolute;
  left: calc(50% - 8rem);
  top: 133%;
  padding: 1.5rem 5rem !important;
  background-color: var(--clr9);
  border-radius: 0;
  font-size: 2rem;
  border: 2px solid var(--clr2);
  color: var(--clr5) !important;
}

#gform_submit_button_1:hover {
  background-color: var(--clr3);
  color: #fff !important;
}

#label_1_6_1 {
  text-align: left;
  color: var(--clr5);
  margin-left: 1.3rem;
  margin-top: 0.3rem;
}
.checkbox-block {
  margin-right: 1.8rem !important;
  display: flex;
  align-items: center;
}

#gform_1 #gform_fields_1 .checkbox-block input {
  border: 1px solid var(--clr2);
  padding-left: 0px;
  opacity: 1;
}

#gfield_description_1_6 {
  color: #fff;
  text-align: left;
}

/* //////////////////////////////////// logo section //////////////////////////////////// */

#logo-section {
  background-color: var(--clr9);
  overflow: visible;
  padding-top: 19rem;
  padding-inline: 1.5rem;
  padding-bottom: 19rem;
  z-index: 3;
}

.background-logo {
  color: #fff;
  opacity: 0.04;
  position: absolute;
  width: 100%;
  margin: auto;
  max-width: 194rem;
  inset: 0;
  display: flex;
  z-index: 0;
  padding: 0 10rem;
  margin-top: 0;
  align-items: center;
  justify-content: center;
}

.background-logo-footer {
  color: #fff;
  opacity: 0.04;
  width: 100%;
  margin: 0 auto;
  max-width: 194rem;
  z-index: 0;
  padding: 0 10rem 6.7rem;
}

.background-logo-footer svg {
  width: 100%;
  height: auto;
}

.logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 19.8rem;
  z-index: 1;
  position: relative;
  align-items: center;
}

.logos a svg polygon,
.logos a svg path {
  transition: fill var(--animtime1);
}

.logos a:hover svg polygon,
.logos a:hover svg path {
  fill: #cdd9f1;
}

#logo-section .logos .svg-logo-1 svg {
  height: 12rem;
  color: #fff;
  width: 36.7rem;
}
#logo-section .logos .svg-logo-2 svg {
  height: 14.7rem;
  color: #fff;
}

@media only screen and (max-width: 1100px) {
  #logo-section {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

@media only screen and (max-width: 750px) {
  .logos {
    gap: unset;
    column-gap: 9rem;
    row-gap: 5rem;
  }
  #logo-section {
    height: unset;
  }
}

@media only screen and (max-width: 600px) {
  .logos {
    justify-content: center;
  }
  #gform_submit_button_1 {
    top: 109%;
  }
}

@media only screen and (max-width: 500px) {
  .background-logo {
    top: 15%;
  }
  .logos {
    justify-content: center;
  }

  #logo-section {
    padding-top: 5rem;
  }

  #logo-section .logos .svg-logo-1 svg {
    width: 100%;
    max-width: 36.7rem;
  }

  #logo-section .logos .svg-logo-2 svg {
    height: 14.7rem;
    color: #fff;
  }
}

/* //////////////////////////////////// media with text section //////////////////////////////////// */

.media-with-text-wrapper {
  max-width: 92.6rem; /*jeigu naudoji rem suluzta ir max width buna 700px???????????*/
  max-width: calc(926px + 40px);
  margin: 0 auto;
  /* display: flex; */
}

.media-text-container {
  display: flex;
  flex-direction: column;
  gap: 7.8rem;
  width: 100%;
}

.media-text-item {
  display: flex;
  align-items: center;
  gap: 8.3rem;
  padding: 2rem;
}

.media-text-item.reverse {
  flex-direction: row-reverse;
}

.media {
  width: 50%;
}

.media img {
  max-width: 100%;
  height: auto;
}

.text h4::first-letter {
  font-family: Unna;
  font-size: var(--fontsize_h1);
  font-weight: 400;
  text-align: left;
  color: #fff;
}

.text h4 {
  font-family: Unna;
  font-size: var(--fontsize_h2);
  font-weight: 400;
  text-align: left;
  color: var(--clr5);
  margin-top: 0;
}

.text p {
  font-family: Inter;
  font-weight: 400;
  color: var(--clr5);
  margin: 0;
}

.text p:empty {
  display: none;
}

.text {
  flex: 1;
  width: 50%;
}

.text br {
  display: none;
}

.button-wrapper {
  margin-top: 13.5rem;
  display: flex;
  justify-content: center;
  padding-top: 8.8rem;
  border-top: 1px solid #87bcf433;
  margin-left: -20px;
  margin-right: -20px;
  max-width: none;
}
.pdf-button {
  border: 1px solid var(--clr2);
  padding: 6px 22px;
  color: var(--clr2);
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  text-transform: uppercase;
}
.pdf-button:hover {
  background-color: var(--clr2);
  color: #fff;
}

.pdf-button:hover svg path {
  stroke: #fff;
}
@media (max-width: 1000px) {
  .media-with-text-wrapper {
    padding: 0 2rem;
  }
  .button-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

}

@media (max-width: 768px) {
  #media-with-text {
    padding-bottom: 0rem;
    padding-top: 14rem;
  }
  .media-with-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .media-text-container {
    gap: 4.8rem;
  }
  .media-text-item {
    flex-direction: column;
    gap: 1rem;
    padding: 0rem;
  }

  .media-text-item.reverse {
    flex-direction: column;
  }
  .media {
    max-width: 42rem;
    width: 100%;
  }
  .text {
    max-width: 42rem;
    width: 100%;
  }
  .button-wrapper {
    margin-top: 5.5rem;
    padding-top: 5.5rem;
    margin-left: unset;
    margin-right: unset;
    width: calc(100%);
  }
}

/* //////////////////////////////////// footer section //////////////////////////////////// */

#colophon {
  background-color: var(--clr10);
  color: #fff;
  font-family: "inter";
  display: flex;
  align-items: center;
  padding: 6.7rem;
  height: auto;
  position: relative;
  flex-direction: column;
}

@media only screen and (max-width: 500px) {
  #colophon {
    padding: 3rem 2rem;
  }
  .background-logo-footer {
    padding: 0 0 2rem !important;
  }
}

#colophon a {
  color: var(--clr2);
  text-decoration: none;
}
#colophon a:hover {
  text-decoration: underline;
}

#gfield_description_1_6 {
  display: none;
}

/* Show the text when the checkbox is checked */
.gfield-choice-input:checked ~ #gfield_description_1_6 {
  display: block;
}

.copyright-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  position: relative;
  color: #b2b2b2;
  font-size: 2.3rem;
  font-size: var(--fontsize_h4);
}

.footer-link-wrapper a {
  font-size: 2.3rem;
  font-size: var(--fontsize_h4);
}

.footer-link-wrapper a:hover {
  text-decoration: underline;
}

.footer-link-wrapper {
  display: flex;
  gap: 1.5rem;
}

/* Responsive */

/*@media only screen and (max-width: 3800px) {*/
/*  .about-us-content {*/
/*    margin-top: calc(96% - 91.5vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 22vw);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 3600px) {*/
/*  .about-us-content {*/
/*    margin-top: calc(96% - 92.5vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 23vw);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 3400px) {*/
/*  .about-us-content {*/
/*    margin-top: calc(96% - 93.5vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 24vw);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 3300px) {*/
/*  #about-us > img {*/
/*    margin-top: -24vw;*/
/*  }*/
/*  .about-us-content {*/
/*    margin-top: calc(96% - 89.5vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 26.3vw);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 3000px) {*/
/*  .about-us-content {*/
/*    margin-top: calc(96% - 91.5vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 28.6vw);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 2800px) {*/
/*  .about-us-content {*/
/*    margin-top: calc(96% - 93.5vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 30.3vw);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 2600px) {*/
/*  #about-us > img {*/
/*    margin-top: -18vw;*/
/*  }*/
/*  .about-us-content {*/
/*    margin-top: calc(96% - 90vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 33.3vw);*/
/*  }*/
/*  #about-us{*/
/*    padding-bottom: 25rem;*/
/*  }*/
/*}*/
/*@media only screen and (max-width: 2350px) {*/
/*  .about-us-content {*/
/*    margin-top: calc(96% - 93vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 36.3vw);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 2150px) {*/
/*  #about-us > img {*/
/*    margin-top: -6vw;*/
/*  }*/
/*  .about-us-content {*/
/*    margin-top: calc(100% - 87vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 39vw);*/
/*  }*/
/*  #about-us {*/
/*    padding-bottom: 33rem;*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 2000px) {*/
/*  #about-us > img {*/
/*    margin-top: -25rem;*/
/*  }*/
/*  .about-us-content {*/
/*    margin-top: calc(100% - 85vw);*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 43vw);*/
/*  }*/
/*  #about-us {*/
/*    padding-bottom: 33rem;*/
/*  }*/
/*}*/

@media only screen and (max-width: 4500px) {
  .background-logo {
    max-width: 300rem;
  }
  /*.about-us-content {*/
  /*  margin-top: calc(100% - 90vw);*/
  /*}*/
  .about-us-content {
    margin-top: 45rem;
    padding-top: 5rem;
  }
  .about-us-content .description {
    margin-top: 5rem;
  }
  #about-us > img {
    margin-top: -130rem;
    height: 100%;
    width: unset;
    max-width: unset;
  }
  /*.title-description-wrapper {*/
  /*  padding-bottom: 25rem;*/
  /*}*/
  .title-description-wrapper {
    padding-bottom: 6rem;
  }
  /*.map-section-wrapper {*/
  /*  bottom: calc(100% - 48.3vw);*/
  /*}*/
  .map-section-wrapper {
    bottom: unset;
    position: relative;
  }
  #about-us {
    padding-bottom: 0;
    /* overflow: unset; */
    height: 390rem;
  }
  .gform_heading {
    margin-top: 8rem !important;
  }
  .hero-content {
    top: 7vw;
  }
  .hero-logo {
    max-width: 20vw;
  }
  #media-with-text {
    margin-top: -124rem;
    padding-bottom: 124rem;
  }
  #logo-section {
    margin-top: -124rem;
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
}
@media only screen and (max-width: 4000px) {
  #about-us {
    height: 345rem;
  }
  .about-us-content {
    margin-top: 15rem;
  }
}
@media only screen and (max-width: 3500px) {
  #about-us {
    height: 300rem;
  }
  #about-us > img {
    margin-top: -100rem;
  }
  #media-with-text {
    margin-top: -110rem;
    padding-bottom: 110rem;
  }
  #logo-section {
    margin-top: -110rem;
    background: transparent;
  }
}

@media only screen and (max-width: 3000px) {
  #about-us {
    height: 260rem;
  }
  #about-us > img {
    margin-top: -74rem;
  }
  #media-with-text {
    margin-top: -65rem;
    padding-bottom: 65rem;
  }
  #logo-section {
    margin-top: -65rem;
    padding-top: 25rem;
    padding-bottom: 25rem;
  }
}
@media only screen and (max-width: 2500px) {
  #about-us {
    height: 220rem;
  }
  #about-us > img {
    margin-top: -47rem;
  }
  #media-with-text {
    margin-top: -30rem;
    padding-bottom: 30rem;
  }
  #logo-section {
    margin-top: -30rem;
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
  .background-logo {
    max-width: 185rem;
  }
}
@media only screen and (max-width: 1920px) {
  #media-with-text {
    margin-top: -15rem;
    padding-bottom: 15rem;
  }
  #logo-section {
    margin-top: -15rem;
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
  .about-us-content {
    margin-top: 9.5rem;
    padding-top: 5rem;
  }
  .about-us-content .description {
    margin-top: 5rem;
  }
  #about-us > img {
    margin-top: -40rem;
    height: 100%;
    width: unset;
    max-width: unset;
  }
  /*.title-description-wrapper {*/
  /*  padding-bottom: 25rem;*/
  /*}*/
  .title-description-wrapper {
    padding-bottom: 6rem;
  }
  /*.map-section-wrapper {*/
  /*  bottom: calc(100% - 48.3vw);*/
  /*}*/
  .map-section-wrapper {
    bottom: unset;
    position: relative;
  }
  #about-us {
    padding-bottom: 0;
    /* overflow: unset; */
    height: 200rem;
  }
  .gform_heading {
    margin-top: 8rem !important;
  }
  .hero-content {
    top: 7vw;
  }
  .hero-logo {
    max-width: 26vw;
  }
}

/*@media only screen and (max-width: 1600px) {*/
/*  .about-us-content {*/
/*    margin-top: calc(100% - 87vw);*/
/*    max-width: unset;*/
/*    width: calc(100% - 6rem);*/
/*  }*/
/*  .title-description-wrapper {*/
/*    padding-bottom: 20rem;*/
/*  }*/
/*  .map-section-wrapper {*/
/*    bottom: calc(100% - 45.6vw);*/
/*  }*/
/*  #about-us {*/
/*    padding-bottom: 45rem;*/
/*  }*/
/*}*/

@media only screen and (max-width: 1600px) {
  #media-with-text {
    margin-top: -7rem;
    padding-bottom: 7rem;
  }
  #logo-section {
    margin-top: -7rem;
  }
}
@media only screen and (max-width: 1300px) {
  #about-us {
    height: 220rem;
  }
  #about-us > img {
    height: calc(100% - 15rem);
  }
}
@media only screen and (max-width: 1000px) {
  #logo-section {
    margin-top: 0;
  }
  #about-us {
    padding-bottom: 0;
    margin-top: -1rem;
    padding-top: 5rem;
    height: 170rem;
  }
  .about-us-content .title-wrapper h1 {
    font-size: 9rem;
  }
  #about-us > img {
    margin-top: -30rem;
    height: 100%;
  }
  #about-us::after {
    content: "";
    height: 20rem;
  }
  .about-us-content {
    margin-top: 11.5rem;
    max-width: unset;
    width: calc(100% - 6rem);
  }
  .map-section-wrapper {
    bottom: calc(100% - 72.6vw);
  }
  .map-section-wrapper {
    bottom: 0;
    position: relative;
  }
  .title-description-wrapper {
    padding-bottom: 2rem;
    height: 50rem;
  }
  .hero-logo {
    max-width: 30vw;
    display: flex;
  }
  #hero {
    /*padding: 8vw 1.5rem 0;*/
    /*height: 83vw;*/
  }
  .hero-content {
    align-items: flex-start;
    top: 7vw;
    z-index: 99;
  }
  #logo-section .logos .svg-logo-1 svg {
    height: 5rem;
    width: auto;
  }
  #logo-section .logos .svg-logo-2 svg {
    height: 11.7rem;

    width: auto;
  }
  .background-logo-footer {
    padding: 0 0 6.7rem;
  }
  .background-logo {
    padding: 2rem;
    z-index: 99;
  }
  .logos {
    z-index: 999;
  }
  .hero-logo {
    max-width: 45vw;
    display: flex;
    width: 100%;
    height: auto;
  }
  .hero-logo svg {
    width: 100%;
    height: auto;
    display: flex;
  }
  .background-logo svg {
    width: 100%;
    height: auto;
  }
  body {
    background-color: #8eaed0;
  }
  #page {
    background-color: var(--clr9);
  }
}

@media only screen and (max-width: 700px) {
  #logo-section {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  #about-us {
    height: 180rem;
  }
  .map-section {
    margin-top: 6rem;
  }
  .about-us-content .title-wrapper h1 {
    font-size: 7rem;
  }
  .about-us-content {
    width: calc(100% - 4rem);
  }
  #about-us::after {
    width: 104%;
    left: -2%;
  }
  .title-description-wrapper {
    height: 53rem;
  }
  .about-us-content {
    margin-top: 8.5rem;
  }
}

@media only screen and (max-width: 550px) {
  .logos {
    column-gap: 5rem;
  }
  #logo-section .logos .svg-logo-1 svg {
    height: 4rem;
  }
  #logo-section .logos .svg-logo-2 svg {
    height: 9.7rem;
  }
}