/* First */

.first_div {
  height: 100vh;
}

.first_text {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 150px;
  max-width: 440px;
  font-size: 40px;
}

@media screen and (max-width: 768px) {
  .first_text {
    font-size: 22px;
  }
}

/* Second */

.second_div {
  margin-top: 30px;
  color: white;
  position: relative;
  text-align: center;
}

.always_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  border-bottom: 1px solid rgba(233, 230, 230, 0.151);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.always_top h1 {
  font-size: 50px;
  font-weight: 600;
}

.cube_div {
  position: relative;
  height: 500px;
  /* margin: 0 auto; */
  margin-top: 250px;
  font-size: 14px;
}

.card1 {
  position: absolute;
  bottom: 30%;
  left: 5%;
}

.card2 {
  max-width: 100px;
  text-align: center;
  position: absolute;
  bottom: 45%;
  left: 12%;
}
.card3 {
  max-width: 150px;
  text-align: center;
  position: absolute;
  bottom: 65%;
  left: 23%;
}
.card4 {
  max-width: 100px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 45.5%;
}
.card5 {
  text-align: center;
  position: absolute;
  top: 15%;
  right: 28%;
}
.card6 {
  text-align: center;
  position: absolute;
  top: 33%;
  right: 15%;
}
.card7 {
  text-align: center;
  position: absolute;
  bottom: 30%;
  right: 4%;
}

.blue_card1 {
  position: absolute;
  top: 10%;
  left: 0;
}
.blue_card2 {
  position: absolute;
  top: -10%;
  left: 10%;
  max-width: 150px;
  text-align: center;
}
.blue_card3 {
  position: absolute;
  top: -30%;
  left: 22%;
  max-width: 150px;
  text-align: center;
}
.blue_card4 {
  position: absolute;
  top: -43%;
  left: 45%;
  max-width: 150px;
  text-align: center;
}

.blue_card5 {
  position: absolute;
  top: 10%;
  right: 0;
}
.blue_card6 {
  position: absolute;
  top: -10%;
  right: 10%;
  max-width: 150px;
  text-align: center;
}
.blue_card7 {
  position: absolute;
  top: -30%;
  right: 22%;
  max-width: 150px;
  text-align: center;
}

.cube_line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  z-index: -1;
}

.big_border {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

.rotated_text2 {
  position: absolute;
  top: -25%;
  left: 33%;
  color: white;
}
.rotated_text1 {
  position: absolute;
  top: -37%;
  left: 33%;
  color: white;
}

.cube_img {
  position: absolute;
  top: 61%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  z-index: 2;
  transition: transform 0.5s;
}

.cube_div:hover .cube_img {
  transform: translate(-50%, -50%) scale(1.1);
}

/* Third */

.third_div .third_div_texts {
  display: flex;
  align-items: start;
  gap: 20px;
  max-width: 500px;
}

.third_div_texts h4 {
  font-weight: 400;
  font-size: 24px;
}
.third_div_texts p {
  margin-top: 15px;
  font-size: 20px;
  color: rgba(169, 169, 169, 1);
}

.third_dual_div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.third_dual_div img {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .third_dual_div {
    flex-direction: column;
  }
}

/* Sixth */

.sixth_div {
  max-width: 1200px;
  margin-left: 120px;
  position: relative;
  padding-top: 200px;
  height: 650px;
}

.sixthBlockSection1 {
  position: relative;
  height: 100px;
}
.sixthBlockSection1 p {
  font-size: 14px;
}

.sixth_div_textDiv {
  background-color: rgba(255, 255, 255, 0.137);
  backdrop-filter: blur(10px);
  padding: 10px;
}

.textDiv1 {
  margin-top: 20px;
  position: absolute;
  max-width: 300px;
  top: -170%;
}
.textDiv2 {
  margin-top: 20px;
  position: absolute;
  max-width: 300px;
  /*top: -35%;*/
  left: 18%;
}
.textDiv3 {
  margin-top: 20px;
  position: absolute;
  max-width: 300px;
  top: -265%;
  right: 0;
}
.textDiv4 {
  margin-top: 20px;
  position: absolute;
  max-width: 300px;
  top: -80%;
  right: 19%;
}

.textDiv5 {
  margin-top: 20px;
  position: absolute;
  max-width: 300px;
  /*bottom: 0%;*/
  left: 36%;
  top: 15px;
}

.sixth_div_textDiv h4 {
  color: rgba(0, 85, 246, 1);
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 38px;
}
.sixthBlock1 {
  left: 95px;
  top: 48px;
  position: absolute;
}
.sixthBlock2 {
  left: 26%;
  /*bottom: 5%;*/
  top: 48px;
  position: absolute;
}

.sixthBlockRight1 {
  right: 100px;
  top: -52px;
  position: absolute;
}
.sixthBlockRight2 {
  top: 50px;
  right: 29%;
  bottom: 0;
  position: absolute;
}

.leftLine1 {
  position: absolute;
  left: 12%;
  /*top: -50%;*/
  z-index: -1;
}
.leftLine2 {
  position: absolute;
  left: 30%;
  /*bottom: 53%;*/
  z-index: -1;
}
.rightLine1 {
  position: absolute;
  right: 149px;
  top: -110px;
  z-index: -1;
}

.rightLine2 {
  position: absolute;
  right: 33%;
  bottom: 0px;
  z-index: -1;
}

/* Ninth */

.ninth_div {
  position: relative;
}

.ninth_div h2 {
  font-size: 22px;
  max-width: 800px;
  margin-bottom: 30px;
}

.ninth_dual_div {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-top: 50px;
  list-style-type: circle !important;
}

.ninth_dual_div ul {
  list-style-type: square;
  list-style-position: outside;
}

.ninth_dual_div ul li::marker {
  color: #012667;
}

.ninth_dual_div ul li {
  font-size: 20px;
  font-weight: 400;
  margin-top: 20px;
  color: rgba(169, 169, 169, 1);

}

/* Tenth */

.tenth_div {
  margin-top: 150px;
}

.tenth_div_texts {
  margin-top: 20px;
  max-width: 500px;
}

.tenth_div_texts ul {
  display: flex;
  flex-direction: column;
  gap: 15px;

  list-style-type: square;
  list-style-position: outside;

}

.tenth_div_texts ul li::marker {
  color: #012667;
}

.tenth_div_texts ul li {
  font-size: 20px;
  font-weight: 400;
  color: rgba(169, 169, 169, 1);
  margin-bottom: 10px;
}

.tenth_div_texts ul li img {
  width: 25px;
}

/* Eleventh */

.eleventh_div {
  margin-top: 100px;
  position: relative;
}

.eleventh_div_texts {
  max-width: 500px;
  top: 30px;
  position: relative;
}

.eleventh_div_texts div ul {
  list-style-type: none;
}

.eleventh_div_texts span {
  color: gray;
  font-weight: 600;
  text-transform: uppercase;
}

.eleventh_quote_section {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-top: 33px;
  margin-left: -66px;
}

.eleventh_quote_section h4 {
  font-weight: 700;
  font-size: 18px;
}

.eleventh_div_texts ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.eleventh_div_texts ul li {
  font-size: 14px;
  font-weight: 400;
}

.social_media {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.social_media div {
  display: flex;
  gap: 20px;
  align-items: center;
}

.social_media div img {
  width: 25px;
}

.eleventh_right_text_div {
  display: flex;
  flex-direction: column;
  right: -100px;
  top: 5%;
  position: relative;
}

.eleventh_right_text_div p {
  background-color: rgba(36, 42, 52, 55%);
  backdrop-filter: blur(10px);
  padding: 20px;
  max-width: 600px;
  font-size: 14px;
}

.eleventh_right_text_div_1 {
  position: absolute;
  right: -100px;
  top: 30px;
}

.eleventh_right_text_div_2 {
  position: absolute;
  right: -100px;
  top: 5%;
}
.eleventh_right_text_div_4 {
  position: absolute;
  right: -100;
  top: 5%;
}
.eleventh_right_text_div_5 {
  position: absolute;
  right: -100;
  top: 5%;
}

.eleventh_dual_div {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  margin-top: 20px;
  position: relative;
}

.manText_div {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-top: 100px;
}

.manText_div h4 {
  font-weight: 700;
  font-size: 18px;
}
.manText_div span {
  font-weight: 500;
  font-size: 18px;
  max-width: 10px !important;
}

.manText_div_texts {
  max-width: 300px;
}
.manText_div_texts h4 {
  font-size: 18px;
}

.manText_div_texts span {
  font-size: 15px;
}

.manText_div_texts_fifteenth h4 {
  font-size: 18px;
}
.manText_div_texts_fifteenth p {
  font-size: 15px;
}
.man_picture {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100px;
  bottom: 0;
  top: 0;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .eleventh_dual_div {
    flex-direction: column;
  }
  .man_picture {
    max-width: 100%;
  }
}

/* Twelfth */

.twelfth_div_texts {
  /*margin-top: 20px;*/
  max-width: 350px;
}

/* thirteenth */

.thirteenth_div_texts {
  margin-top: 20px;
  max-width: 400px;
}

/* Fifteenth */

.manText_div_texts_fifteenth {
  max-width: 300px;
}

/* Map */

.map {
  margin-top: 200px;
}

.map img {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

/* Contacts */

.contacts {
  margin-top: 200px;
}

.contacts .contact_text {
  color: gray;
  text-transform: uppercase;
  font-weight: 700;
}

.contacts .qr_div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 150px;
  margin-top: 150px;
  max-width: 100%;
}

.contact_bottom {
  display: flex;
  align-items: start;
  justify-content: space-between;
  font-size: 18px;
  gap: 30px;
}

.contact_bottom_1 {
  margin-top: 100px;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: start;
  flex-direction: column;
}

.contact_bottom_1 h4 {
  width: 100%;
  border-bottom: 1px solid white;
}

.contact_bottom_info_1 {
  display: flex;
  align-items: start;
  gap: 50px;
}
@media screen and (max-width: 992px) {
  .contacts .qr_div {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .contact_bottom_info_1 {
    flex-direction: column;
  }
}