@import url("./reset.css");
@import url("./components/index.css");
@import url("./domains/index.css");
@import url("./vars.css");
@import url("./grid.css");

@font-face {
  font-family: "GeneralSans";
  font-weight: 400;
  src: url("../assets/fonts/GeneralSans-Regular.eot");
  src: url("../assets/fonts/GeneralSans-Regular.woff") format("woff"),
    url("../assets/fonts/GeneralSans-Regular.otf") format("opentype"),
    url("../assets/fonts/GeneralSans-Regular.svg") format("svg");
}
@font-face {
  font-family: "GeneralSans";
  font-weight: 500;
  src: url("../assets/fonts/GeneralSans-Medium.eot");
  src: url("../assets/fonts/GeneralSans-Medium.woff") format("woff"),
    url("../assets/fonts/GeneralSans-Medium.otf") format("opentype"),
    url("../assets/fonts/GeneralSans-Medium.svg") format("svg");
}
@font-face {
  font-family: "GeneralSans";
  font-weight: 600;
  src: url("../assets/fonts/GeneralSans-Semibold.eot");
  src: url("../assets/fonts/GeneralSans-Semibold.woff") format("woff"),
    url("../assets/fonts/GeneralSans-Semibold.otf") format("opentype"),
    url("../assets/fonts/GeneralSans-Semibold.svg") format("svg");
}
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
}
.decoration-line {
  position: absolute;
  width: 1px;
  background-color: var(--gray);
  z-index: -1;
}
#main {
  padding: var(--section-main-padding-top) var(--section-horizontal-padding)
    var(--section-main-padding-bottom);
}
#main .decoration-line {
  top: calc(var(--section-main-padding-top) * -1);
  bottom: -1650px;
}
.decoration-line#decoration-line-left {
  left: 16px;
}
.decoration-line#decoration-line-middle {
  left: 410px;
}
.decoration-line#decoration-line-right {
  left: 805px;
}
#main #line {
  display: none;
  position: absolute;
  left: 83px;
  top: calc(var(--section-main-padding-top) * -1);
  opacity: 0.8;
}
@media (min-width: 1280px) {
  #main #line {
    display: block;
  }
}
#about-us {
  background-color: var(--bg-gray);
  padding-bottom: 72px;
}
#about-us .line {
  background-color: var(--bg-primary-lighten);
  position: absolute;
}
#about-us .line.left-line {
  width: 6px;
  top: 364px;
  bottom: -72px;
  left: calc(50% - 2px);
}
#about-us .line.right-line {
  width: 6px;
  top: 20px;
  bottom: 102px;
  right: -14px;
}
#about-us .line.top-line {
  height: 6px;
  top: 633px;
  right: -200px;
  left: 296px;
}
#about-us .line.bottom-line {
  height: 6px;
  right: 340px;
  bottom: -40px;
  left: -60px;
}
#about-us .content {
  padding: 0 50px;
}
#about-us .content img {
  border-radius: 7px;
  max-width: 100%;
}
#team {
  background-color: var(--bg-gray);
}
#our_partners {
  z-index: 9;
  padding-bottom: 0;
}
#our_partners .decoration-line {
  bottom: 550px;
  top: calc(var(--section-vertical-padding) * -1);
}

#our_partners .container {
  padding-bottom: 64px;
}
#become-partner {
  background-color: var(--bg-gray);
  z-index: 10;
}
#become-partner #right-grid {
  position: absolute;
  right: -906px;
  top: -326px;
  width: 972px;
  height: 678px;
  background-image: url(../assets/illustrations/grid-mirrored.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 20;
}

#become-partner #left-grid {
  position: absolute;
  left: -1096px;
  top: 277px;
  width: 1082px;
  height: 754px;
  background-image: url(../assets/illustrations/grid-mirrored.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.submitted-message p {
  text-align: center;
  color: var(--primary);
}

#board-of-directors .heading {
  min-width: 300px;
}