.partial-code.group {
  display: flex;
  flex-direction: column;
  background-color: rgb(250, 250, 250);
  position: relative;
}
.partial-code .group1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}
.partial-code .cover {
  width: calc(100% - 0px);
  height: auto;
  aspect-ratio: 1.41;
  vertical-align: top;
  object-fit: cover;
  object-position: center center;
/*  position: absolute; */
  position: fixed; /* Используем фиксированную позицию */
  top: 0px;
  left: 0px;
  right: 0px;
}
.partial-code .main {
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}
.partial-code .main > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section1__section1 {
  display: flex;
  flex-direction: column;
  position: relative; /* */
/*  position: fixed;	/* для фиксации вверху */
/*	height: 180px;			/* для фиксации вверху */
  			top: 0;
  			left: 0;
  			width: 100%;
			z-index: 9999; /* Adjust the z-index value as needed */
  			overflow: visible; /*hidden;*/
  flex-grow: 1;
}

.partial-code .section1__flex_row {
  display: flex;
  align-items: center;
  width: 73.26%;
  position: relative;
  flex-grow: 1;
  margin: 20px 11.32% 0px 15.42%;
}
.partial-code .section1__flex_row > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
/*  flex: 0 1 180px;	/* */
 flex: 0 1 180px;	/* */
}
		.partial-code .section1__image_top {
  		width: 100%;
/*  		height: 180px; */
		height:auto;
		aspect-ratio: 1.41; 
  		vertical-align: top;
  		object-fit: cover;
  		object-position: center center;
		/*  position: absolute; */
  		position: fixed; /* Используем фиксированную позицию */
  		top: 0px;
  		left: 0px;
  		right: 0px;
/*		z-index: 9990; /* Adjust the z-index value as needed */
  		overflow: hidden;
		}
.partial-code .section1__image {
  width: calc(100% - 0px);
  height: auto;
  aspect-ratio: 1.8;	/* */
  vertical-align: top;
  object-fit: cover;
  object-position: center center;
  position: relative;
}
.partial-code .section1__flex_row > .spacer {
  flex: 0 1 625px;
}
.partial-code .section1__flex_row > .cell1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 350px;
}
.partial-code .section1__image1 {
  width: calc(100% - 0px);
  height: auto;
  aspect-ratio: 4.81;
  vertical-align: top;
  object-fit: cover;
  object-position: center center;
  position: relative;
  margin: 30px 0px 18px;
}
.partial-code .section2__section2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
/*		  margin-top: 200px; /* Adjust this value to match the height of section1__section1 */

}
.partial-code .section2__flex_col {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  width: 56.67%;
  position: relative;
  flex-grow: 1;
  margin: 20px auto 0px; 
}
@media (max-width: 991px) {
  .partial-code .section2__flex_col {
    width: 63.55%;
  }
}
@media (max-width: 767px) {
  .partial-code .section2__flex_col {
    width: 69.93%;
  }
}
@media (max-width: 575px) {
  .partial-code .section2__flex_col {
    width: 75.62%;
  }
}
@media (max-width: 479px) {
  .partial-code .section2__flex_col {
    width: 80.52%;
  }
}
@media (max-width: 383px) {
  .partial-code .section2__flex_col {
    width: 84.65%;
  }
}
.partial-code .section2__flex_col > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section2__box {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border-radius: 4px 4px 4px 4px;
  filter: drop-shadow(8px 8px 4px rgba(0, 0, 0, 0.247));
  position: relative;
  flex-grow: 1;
}
.partial-code .section2__hero_title {
  display: flex;
  justify-content: center;
  font: 500 57px/1.12 "Cormorant Infant", Helvetica, Arial, serif;
  color: rgb(0, 0, 0);
  text-align: center;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  margin: 16px;
}
@media (max-width: 1199px) {
  .partial-code .section2__hero_title {
    font-size: 48px;
    margin: 16px 12px;
  }
}
@media (max-width: 991px) {
  .partial-code .section2__hero_title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .partial-code .section2__hero_title {
    font-size: 36px;
    margin: 16px 8px;
  }
}
@media (max-width: 575px) {
  .partial-code .section2__hero_title {
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .partial-code .section2__hero_title {
    font-size: 28px;
  }
}
@media (max-width: 383px) {
  .partial-code .section2__hero_title {
    font-size: 16px;
    margin: 16px 4px;
  }
}
.partial-code .section2__box2 {
  display: flex;
  flex-direction: column;
  background: var(--src) center center/cover no-repeat;
  background-color: rgb(255, 255, 255);
  width: 58.21%;
  position: relative;
  flex-grow: 1;
/*  min-height: 248px;*/
  margin: 0px auto;
}
		#video-container {
  			position: relative;
  			padding-top: 56.25%; /* 16:9 aspect ratio */
		}
		#video-container iframe {
  			position: absolute;
  			top: 0;
  			left: 0;
  			width: 100%;
  			height: 100%;
		}
		#video-container-elza {
  			position: relative;
  			padding-top: 56.25%; /* 16:9 aspect ratio */
		}
		#video-container-elza iframe {
  			position: absolute;
  			top: 0;
  			left: 0;
  			width: 100%;
  			height: 100%;
		}

@media (max-width: 575px) {
  .partial-code .section2__box2 {
    width: 64.99%;
  }
}
@media (max-width: 479px) {
  .partial-code .section2__box2 {
    width: 71.22%;
  }
}
@media (max-width: 383px) {
  .partial-code .section2__box2 {
    width: 76.74%;
  }
}
.partial-code .section2__box1 {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border-radius: 4px 4px 4px 4px;
  filter: drop-shadow(8px 8px 4px rgba(0, 0, 0, 0.247));
  position: relative;
  flex-grow: 1;
}
.partial-code .section2__flex_col1 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  position: relative;
  flex-grow: 1;
  margin: 16px;
}
@media (max-width: 1199px) {
  .partial-code .section2__flex_col1 {
    margin: 16px 12px;
  }
}
@media (max-width: 767px) {
  .partial-code .section2__flex_col1 {
    margin: 16px 8px;
  }
}
@media (max-width: 383px) {
  .partial-code .section2__flex_col1 {
    margin: 16px 4px;
  }
}
.partial-code .section2__flex_col1 > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section2__title {
  display: flex;
  justify-content: center;
  font: 500 28px/1.28 "Cormorant Infant", Helvetica, Arial, serif;
  color: rgb(0, 0, 0);
  text-align: center;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  min-height: 12px;
  margin-bottom: 0; /* Remove bottom margin */
}
@media (max-width: 1199px) {
  .partial-code .section2__title {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .partial-code .section2__title {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .partial-code .section2__title {
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .partial-code .section2__title {
    font-size: 12px;
  }
}
.partial-code .section2__highlights {
  font: 400 16px/1.5 "Roboto", Helvetica, Arial, serif;
  color: rgb(0, 0, 0);
  text-align: justify;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  margin-top: 0; /* Remove top margin */
}
@media (max-width: 1199px) {
  .partial-code .section2__highlights {
    font-size: 12px;
  }
}
.partial-code .section2__box3 {
  display: flex;
  flex-direction: column;
  background-color: rgb(0, 102, 138);
  border-radius: 20px 20px 20px 20px;
  width: 148px;
  position: relative;
  flex-grow: 1;
  min-width: 148px;
  margin: 0px auto;
}
 .partial-code .section2__box3:hover {
      background-color: rgb(0, 52, 64); /* Darker color on hover */
      width: 180px;
    }
.partial-code .section2__text {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 500 14px/1.42 "Roboto", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
  text-align: center;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  margin: 10px 24px;
}
@media (max-width: 1199px) {
  .partial-code .section2__text {
    margin: 10px 20px;
  }
}
@media (max-width: 991px) {
  .partial-code .section2__text {
    margin: 10px 16px;
  }
}
@media (max-width: 767px) {
  .partial-code .section2__text {
    margin: 10px 12px;
  }
}
@media (max-width: 383px) {
  .partial-code .section2__text {
    margin: 10px 4px;
  }
}
.partial-code .section3__section3 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 411px;
}
.partial-code .section3__flex_col {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  width: 56.67%;
  position: relative;
  flex-grow: 1;
  margin: 40px auto 41px;
}
@media (max-width: 991px) {
  .partial-code .section3__flex_col {
    width: 63.55%;
  }
}
@media (max-width: 767px) {
  .partial-code .section3__flex_col {
    width: 69.93%;
  }
}
@media (max-width: 575px) {
  .partial-code .section3__flex_col {
    width: 75.62%;
  }
}
@media (max-width: 479px) {
  .partial-code .section3__flex_col {
    width: 80.52%;
  }
}
@media (max-width: 383px) {
  .partial-code .section3__flex_col {
    width: 84.65%;
  }
}
.partial-code .section3__flex_col > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section3__box4 {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.247);
  position: relative;
  flex-grow: 1;
}
.partial-code .section3__flex_col1 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  position: relative;
  flex-grow: 1;
  margin: 16px;
}
@media (max-width: 1199px) {
  .partial-code .section3__flex_col1 {
    margin: 16px 12px;
  }
}
@media (max-width: 767px) {
  .partial-code .section3__flex_col1 {
    margin: 16px 8px;
  }
}
@media (max-width: 383px) {
  .partial-code .section3__flex_col1 {
    margin: 16px 4px;
  }
}
.partial-code .section3__flex_col1 > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section3__title {
  display: flex;
  justify-content: center;
  font: 500 28px/1.28 "Cormorant Infant", Helvetica, Arial, serif;
  color: rgb(0, 0, 0);
  text-align: center;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  margin-bottom: 0; /* Remove bottom margin */
}
@media (max-width: 1199px) {
  .partial-code .section3__title {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .partial-code .section3__title {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .partial-code .section3__title {
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .partial-code .section3__title {
    font-size: 12px;
  }
}
.partial-code .section3__highlights {
  font: 400 16px/1.5 "Roboto", Helvetica, Arial, serif;
  color: rgb(0, 0, 0);
  text-align: justify;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  margin-top: 0; /* Remove top margin */
}
@media (max-width: 1199px) {
  .partial-code .section3__highlights {
    font-size: 12px;
  }
}
.partial-code .section3__box5 {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.247);
  position: relative;
  flex-grow: 1;
}
.partial-code .section3__flex_col1 > .cell1 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section3__box6 {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.247);
  position: relative;
  flex-grow: 1;
}
.partial-code .section3__flex_col1 > .cell2 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section3__box7 {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.247);
  position: relative;
  flex-grow: 1;
}
.partial-code .section3__flex_row {
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: relative;
  flex-grow: 1;
  margin: 16px;
}
@media (max-width: 1199px) {
  .partial-code .section3__flex_row {
    margin: 16px 12px;
  }
}
@media (max-width: 767px) {
  .partial-code .section3__flex_row {
    margin: 16px 8px;
  }
}
@media (max-width: 383px) {
  .partial-code .section3__flex_row {
    margin: 16px 4px;
  }
}
.partial-code .section3__flex_row > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 646px;
}
.partial-code .section3__flex_col2 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 28px;
}
.partial-code .section3__flex_col2 > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section3__highlights1 {
  font: 400 16px/1.5 "Roboto", Helvetica, Arial, serif;
  color: rgb(0, 0, 0);
  text-align: justify;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  margin: 0px 1px 0px 0px;
}
@media (max-width: 1199px) {
  .partial-code .section3__highlights1 {
    font-size: 12px;
  }
}
.partial-code .section3__flex_row > .cell1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 128px;
}
.partial-code .section3__icon {
  width: 128px;
  height: auto;
  aspect-ratio: 1;
  vertical-align: top;
  object-fit: cover;
  object-position: center center;
  position: relative;
  min-width: 128px;
}
.partial-code .section3__box8 {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.247);
  position: relative;
  flex-grow: 1;
}
.partial-code .section3__flex_col1 > .cell3 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.partial-code .section3__flex_row1 {
  display: flex;
  align-items: center;
  column-gap: 16px;
  width: 48.98%;
  position: relative;
  flex-grow: 1;
  margin: 0px auto;
  background-color: yellow;
}
@media (max-width: 479px) {
  .partial-code .section3__flex_row1 {
    width: 56.14%;
  }
}
@media (max-width: 383px) {
  .partial-code .section3__flex_row1 {
    width: 63.07%;
  }
}
.partial-code .section3__flex_row1 > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
/*  flex: 0 1 184px;*/
}
.partial-code .section3__flex_row2 {
  display: flex;
  align-items: center;
  column-gap: 16px;
  position: relative;
  flex-grow: 1;
}
.partial-code .section3__flex_row2 > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 24px;
}
.partial-code .section3__icon1 {
  width: 48px;
  height: auto;
  aspect-ratio: 1;
  vertical-align: top;
  object-fit: cover;
  object-position: center center;
  position: relative;
  min-width: 24px;
}
 .partial-code .section3__icon1:hover {
      width: 64px; /* Enlarge on hover */
    }
.partial-code .section3__flex_row2 > .cell1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 144px;
  min-width: 144px;
}
.partial-code .section3__flex_row2 > .cell2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 24px;
}
.partial-code .section3__flex_row2 > .cell3 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 144px;
  min-width: 144px;
}
.partial-code .section3__flex_row3 {
  display: flex;
  align-items: center;
  column-gap: 16px;
  width: 23.47%;
  position: relative;
  flex-grow: 1;
  margin: 0px auto;
}
.partial-code .section3__flex_row3 > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 24px;
}
.partial-code .section3__flex_row3 > .cell1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 144px;
  min-width: 144px;
}
.partial-code .section3__flex_row4 {
  display: flex;
  align-items: center;
  column-gap: 16px;
  width: 36.48%;
  position: relative;
  flex-grow: 1;
  margin: 0px 25.26% 0px 38.27%;
}
.partial-code .section3__flex_row4 > .cell {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 24px;
}
.partial-code .section3__flex_row4 > .cell1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 246px;
  min-width: 246px;
}
.partial-code .section3__flex_row3 > .cell2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 24px;
}
.partial-code .section3__flex_row3 > .cell3 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 144px;
  min-width: 144px;
}

/* New styles for the dropdown menu */
        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #6cccff;
            min-width: 380px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 999;
        }

        .dropdown:hover .dropdown-content {
/*            display: block;
  display: flex;
  flex-direction: column;*/
        }

        .selector {
            width: 24px;
            height: 24px;
            background-image: url("../img/burger.png");
            background-size: cover;
        }


/*# sourceMappingURL=styles.css.map */