* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Sofia Sans Extra Condensed', sans-serif;
  background: #fff;
  color: #000;
}

@font-face {
  font-family: 'Druk Cyr';
  src: local('Druk Cyr Heavy'), local('Druk-Cyr-Heavy'),
    url('../fonts/DrukCyr-Heavy/DrukCyr-Heavy.woff2') format('woff2'),
    url('../fonts/DrukCyr-Heavy/DrukCyr-Heavy.woff') format('woff'),
    url('../fonts/DrukCyr-Heavy/DrukCyr-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Druk Cyr';
  src: local('Druk Cyr Bold'), local('Druk-Cyr-Bold'),
    url('../fonts/DrukCyr-Bold/DrukCyr-Bold.woff2') format('woff2'),
    url('../fonts/DrukCyr-Bold/DrukCyr-Bold.woff') format('woff'),
    url('../fonts/DrukCyr-Bold/DrukCyr-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

.header {
  height: 100px;
  background-color: #000;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
}

.header_container {
  width: 100%;
  max-width: 90vw;
  margin: 0 auto;
  padding: 0 5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_left {
  padding: 0 5vw;
  align-items: center;
}

.header_icon {
  width: 3.7vw;
  object-fit: fill;
}

.header_right {
  display: flex;
  align-items: center;
  gap: 2vw;
}

.rating_block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
}

.rating_number {
  font-size: 1.2vw;
  font-weight: 700;
}

.rating_stars {
  font-size: 1vw;
  color: #F7A100;
}

.reviews_block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
}

.reviews_count {
  font-size: 1.2vw;
  font-weight: 700;
}

.header_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 12vw;
  height: 3vw;
  font-family: 'Druk Cyr';
  background: url("../img/back.png") no-repeat center center/cover;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5vw;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.reviews_label {
  font-family: 'Inter', sans-serif;
  font-size: 0.7vw;
  font-weight: 100;
  padding: 0.3vw 0;
}

.approve_block {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.approve_icon {
  width: 1.2vw;
  object-fit: contain;
}

.approve_text {
  font-size: 1vw;
  color: #4CAF50;
}

.hero {
  background: url("../img/first.png") no-repeat center center/cover;
  width: 100%;
  min-height: 100vh;
  align-items: center;
}

.hero_container {
  width: 100%;
  max-width: 70vw;
  margin: 0 auto;
}

.hero_supertitle {
  width: 26.5vw;
  margin-top: 3vw;
  margin-bottom: 0.5vw;
}

.hero_title {
  font-family: 'Druk Cyr';
  font-size: 2vw;
  max-width: 25vw;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 4vw;
}

.hero_title .highlighted {
  color: #CD412B
}

.hero_container_2 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 70vw;
  margin: 0 auto;
  gap: 5vw;
  margin-bottom: 1vw;
}

.hero_big_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 16vw;
  height: 4vw;
  font-family: 'Druk Cyr';
  background: url("../img/back.png") no-repeat center center/cover;
  border: none;
  border-radius: 2px;
  color: #fff;
  font-size: 1.7vw;
  font-weight: 900;
  cursor: pointer;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.hero_approve_block {
  display: flex;
  align-items: center;
  padding: 1.7vw 1vw;
  gap: 0.3vw;
}


.hero_approve_text {
  font-size: 1.1vw;
  font-weight: 500;
  color: #4DC316;
}

.hero_approve_icon {
  font-size: 1vw;
  color: #4DC316;
  object-fit: contain;
}

.gap {
  gap: 0vw;
}

.hero_title_2 {
  font-family: 'Druk Cyr';
  font-size: 3vw;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.2vw;
}


.hero_subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 0.8vw;
  color: #ffffff;
  margin-bottom: 1vw;
}

.hero-2 {
  background-color: #000;
  width: 100%;
  min-height: 100vh;
}

.hero_2_container {
  width: 100%;
  max-width: 40vw;
  margin: 0 auto;
  padding: 2vw;
  margin-bottom: 3vw;
}

.hero_2_title {
  font-family: 'Inter Tight', sans-serif;
  font-size: 1.2vw;
  font-weight: 200;
  text-align: center;
  color: #ffffff;
}

.hero_2_title_2 {
  font-family: 'Druk Cyr';
  font-size: 6vw;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin-top: 1vw;
  text-transform: uppercase;
}

.hero_2_block_2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: justify;
  color: #fff;
}

.hero_2_container_2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 85vw;
  margin: 0 auto;
}

.hero_2_block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: justify;
  height: 35vw;
  color: #fff;
}

.hero_2_img {
  width: 27vw;
  object-fit: contain;
  margin-bottom: 1vw;
}

.hero_2_subtitle {
  font-family: 'Inter Tight', sans-serif;
  font-size: 1vw;
  font-weight: 200;
  color: #ffffff;
  max-width: 25vw;
  word-wrap: break-word;
  text-align: left;
}

.hero_2_title_3 {
  font-family: 'Druk Cyr';
  font-size: 2.3vw;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.5vw;
  text-transform: uppercase;
}

.hero_2_year {
  font-family: 'Inter', sans-serif;
  font-size: 1.1vw;
  color: #ffffff;
  margin-bottom: 0.5vw;
  background-color: #CD412B;
  border: 5px solid #CD412B;
}

.hero-3 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding: 0;
}

.background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.hero_3_container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 80vw;
  margin: 0 auto;
  padding-top: 10vw;
  color: white;
  text-align: center;
}


.hero_3_title {
  font-size: 4.7vw;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
  color: #CD412B;
  text-transform: uppercase;
  margin-bottom: 5vw;
}

.hero_3_subtitle {
  font-size: 1.7vw;
  font-family: 'Inter', sans-serif;
  color: #ffffff;
  margin-bottom: 1vw;
  text-align: center;
  margin-bottom: 3vw;
}

.hero_3_container_2 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 60vw;
  margin: 0 auto;
  padding-top: 2vw;
}

.hero_3_img {
  width: 28vw;
  display: block;
  object-fit: contain;
  margin-bottom: 1vw;
  margin: 0 auto;
}

.hero_3_approve_block {

  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: fit-content;
}

.hero_3_approve_block_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: fit-content;
}

.hero_4_container_1 {
  width: 100%;
  background: url("../img/img13.png") no-repeat center center/cover;
  max-width: 100vw;
  margin: 0 auto;
  padding-top: 10vw;
  height: 30vw;
}

.hero_4_block_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: justify;
  color: #fff;
  margin: 0 23vw 0 auto;
  width: fit-content;
}

.hero_4_title {
  font-family: 'Druk Cyr';
  font-size: 2.9vw;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 1vw;
}

.hero_4_subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 1.3vw;
  max-width: 25vw;
  color: #ffffff;
  text-align: left;
  margin-bottom: 1vw;
}

.hero_4_container_2 {
  width: 100%;
  background: url("../img/img14.png") no-repeat center center/cover;
  max-width: 100vw;
  margin: 0 auto;
  padding-top: 10vw;
  height: 30vw;
}

.hero_4_block_2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: justify;
  color: #fff;
  margin: 0 auto 0 18vw;
  width: fit-content;
}

.hero_4_container_3 {
  width: 100%;
  background: url("../img/img16.png") no-repeat center center/cover;
  max-width: 100vw;
  margin: 0 auto;
  padding-top: 10vw;
  height: 30vw;
}

.hero_4_block_3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: justify;
  color: #fff;
  margin: 0 auto;
  width: fit-content;
}

.hero_4_container_4 {
  width: 100%;
  background: url("../img/img15.png") no-repeat center center/cover;
  max-width: 100vw;
  margin: 0 auto;
  padding-top: 10vw;
  height: 30vw;
}

.hero-5 {
  background-color: #000;
  width: 100%;
  min-height: 100vh;
  padding: 3vw;
}


.hero_5_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 80vw;
  margin: 0 auto;
  padding-top: 2vw;
  align-items: center;
}


.hero_5_block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2vw;
  width: 100%;
  max-width: 80vw;
  margin: 0 auto;
  margin-bottom: 2vw;
  margin-top: 5vw;
}

.hero_5_img {
  width: 37vw;
  border-radius: 1vw;
}

.hero_5_img_2 {
  width: 25vw;
}

.hero_5_title {
  font-family: 'Druk Cyr';
  font-size: 3vw;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 1vw;
}

.hero_5_subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 1.3vw;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1vw;
}

.hero_5_subtitle_2 {
  font-family: 'Inter', sans-serif;
  font-size: 1.3vw;
  color: #ffffff;
  text-align: center;
}

.hero_5_block_2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  max-width: 33vw;
  color: #fff;
}