@charset "UTF-8";
#header {
  position: fixed;
  z-index: 100;
  width: 100%;
}

.bg-green {
  background: #61A60E;
}

.bg-gray {
  background: #7B868C;
}

.bg-blue {
  background: #EDF1FB;
}

.text-green {
  color: #61A60E;
}

#main {
    color: #010101;
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    width: 100vw;
    overflow-x: hidden;
}

#main .header-block {
    border-radius: 24px;
    background: #EDF1FB;
    padding: 0 60px;
}

#main .header-block .content-col {
  padding: 40px 0;
}

#main .header-block .header-subtitle, #main .contact-block .header-subtitle {
  font-weight: 800;
  font-size: 11px;
}

#main .header-block .header-title {
  font-weight: 300;
  font-size: 28px;
}

#main .header-block .header-title strong {
  font-weight: 700;
}

#main .header-block .supraterra-text, #main .contact-block .supraterra-text {
  height: 8px;
  object-fit: contain;
}

#main .btn-main, #main .block-main {
  background: #61A60E;
  color: #FFF; 
  border: 1px solid #61A60E;
  border-radius: 6px;
  padding: 10px 12px;
  font-weight: 500;
  font-size: 13px;
}

#main .header-img {
  max-height: 150px;
}

#main p {
  line-height: 110%;
}

#main .btn-main:hover {
  color: #61A60E;
  background: #FFF; 
}

#main .bg-green .supraterra-text, #main .bg-gray .supraterra-text {
  width: 200px;
  filter: invert(1) brightness(200);
}

.min-vh-100 {
  min-height: 100dvh;
}

.extrabold {
  font-weight: 700 !important;
}

.benefits-section .container {
  max-width: 520px;
}

.join-section .container {
  max-width: 800px;
}

.benefits-section .benefit-text {
  font-weight: 700;
  font-size: 11px;
}

.regular-title {
  font-size: 24px;
  font-weight:  400;
}

.regular-title strong {
  font-weight: 700;
}

.contact-section .regular-title {
  font-size: 28px;
}

.form-container {
  border-radius: 20px;
}

.form-container .form-title {
  font-size: 18px;
  font-weight: 800;
}

.form-container label {
  font-size: 8px;
  font-weight: 700;
  color: #7B868C;
}

.form-container input, .form-container select {
  border: none;
  border-bottom: 2px solid #61A60E;
  padding: 4px;
  background: transparent;
}

.form-container .hint {
  font-size: 8px;
  font-weight: 500;
  color: #E52521;
}

@media (min-width: 768px) {
  #main .header-block {
    margin-top: 70px;
  }
  #main .header-img {
    margin-top: -70px;
    height: calc(100% + 70px);
    object-fit: contain;
    object-position: center bottom;
    max-height: none;
  }

  #main .header-block {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
  }

  #main .suprateam-section {
    padding-bottom: 180px !important;
  }

  #main .suprateam-subsection .supraterra-block .suprateam-img {
    width: calc(100% + 80px) !important;
    height: calc(100% + 40px);
    margin-top: -40px;
    right: -80px;
    object-fit: contain;
    object-position: right bottom;
    position: relative;
  }

  #main .gallery-section .carousel-controls {
      position: absolute;
      top: 50%;
      left: -32px;
      width: calc(100% + 64px);
      transform: translateY(-50%);
  }
}

#main .suprateam-section {
  background: url('/images/suprateam/bg.webp') no-repeat;
  background-size: cover;
  background-position: center;
}

#main .suprateam-section p {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 24px;
  text-align: justify;
}

#main .suprateam-section .container {
  z-index: 200;
  position: relative;
}

#main .suprateam-subsection .container .row {
  z-index: 150;
  position: relative;
}

#main .suprateam-subsection .supraterra-block .regular-title, #main .gallery-section .regular-title  {
  font-family: "Rubik", serif;
  font-weight: 600;
}

#main .suprateam-subsection .supraterra-text {
  max-width: 200px;
}

#main .suprateam-subsection {
  position: relative;
  background: url('/images/suprateam/bg-iso.webp') no-repeat;
  background-size: 400px;
  background-position: calc(100% + 200px) 50%;
}

#main .suprateam-subsection .supraterra-block {
  border-radius: 20px;
  background: #EDF1FB;
}



#main .suprateam-subsection .container {
  padding-top: 210px !important;
}

#main .suprateam-subsection .container::before {
  content: '';
  background: url('/images/suprateam/bg-iso-lines.webp') no-repeat;
  background-size: contain;
  width: 400px;
  height: 400px;
  display: block;
  position: absolute;
  top: -200px;
  left: calc(12.5% - 200px);
  z-index: 100;
}

#main .suprateam-img-block, #main .suprateam-subsection .block-main {
  border-radius: 20px;
}

#main .gallery-section {
  background-image: url('/images/suprateam/bg-iso-lines.webp'), url('/images/suprateam/bg-inverse.webp');
  background-repeat: no-repeat, no-repeat;
  background-size:  400px, cover;
  background-position: 100% calc(100% + 200px), center;
  position: relative;
  overflow: hidden;
}

#main .gallery-section::before {
  content: '';
  background: url('/images/suprateam/bg-iso.webp') no-repeat;
  filter: brightness(200) grayscale(100%);
  background-size; contain;
  width: 400px;
  height: 400px;
  display: block;
  position: absolute;
  top: 50px;
  left: -200px;
}

#main .gallery-section .carousel-control {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  background: #61A60E;
  width: 64px;
  height: 64px;
  border-radius: 64px;
}


@media (max-width: 768px) {
    #main .suprateam-subsection .block-main {
      font-size: 11px;
    }
}

#main .file-input {
  width: 100%;
  height: 100px;
  opacity: 0;
}

#main .file-block {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  border: 2px solid #7B868C;
  border-radius: 10px;
  pointer-events: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#main .file-block .file-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

#main .file-block .file-icon {
  color: #61A60E;
  font-size: 20px;
}