/* Reset Styles */

@import url("./reset.css");

/* Fonts */

@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap");


body {
   font-family: 'Barlow', sans-serif;
   font-size: 18px;
   color: #fff;
   background-color: #191c1f
} 

.wrapper {
   /* min-height: 100%; */
   overflow: clip;
   display: flex;
   flex-direction: column;
}

.wrapper > main {
   flex: 1 1 auto;
}

/* ------------------------- */

[class*="__container"] {
   padding-left: 15px;
   padding-right: 15px;
   margin: 0 auto;
   max-width: 1140px;
}

/* ------------------------- */

.button {
   background-color: #e11b19;
   border-radius: 40px;
   padding: 20px;
   display: inline-block;
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   line-height: 125%; /* 20/16 */
   transition: background-color 0.3s;
}

.button:hover {
   background-color: #8b1210;
}

.button span {
   display: block;
   padding-right: 22px;
   background: url("../img/icons/arrow.svg") right no-repeat;
}

.title {
   font-size: 36px;
   line-height: 111.111111%; /* 40/36 */
   text-transform: uppercase;
   font-weight: 700;
}

.label {
   font-size: 16px;
   line-height: 125%; /* 20/16 */
   font-weight: 700;
   text-transform: uppercase;
}

.header {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-top: 30px;
   padding-bottom: 30px;
   z-index: 50;
}

.main-block {
   padding-top: 180px;
   padding-bottom: 180px;
   background: url("../img/main-background.jpg") center / cover no-repeat;
   position: relative;
}

.main-block::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: radial-gradient(837.78% 378.29% at 69.44% -79.86%, rgba(31, 35, 39, 0) 0%, #191C1F 47.89%, rgba(31, 35, 39, 0) 100%);
}

.main-block__container {
   position: relative;
   z-index: 2;
}

.main-block__body {
   max-width: 746px;
}

.main-block__label {
   line-height: 111.111111%; /* 20/18 */
   text-transform: uppercase;
   font-weight: 700;
}

.main-block__label:not(:last-child) {
   margin-bottom: 5px;
}

.main-block__title {
   text-transform: uppercase;
   font-weight: 700;
   font-size: 64px;
   line-height: 117.1875%; /* 75/64 */
}

.main-block__title:not(:last-child) {
   margin-bottom: 10px;
}

.main-block__text {
   font-size: 24px;
   line-height: 125%; /* 30/24 */
}

.main-block__text:not(:last-child) {
   margin-bottom: 30px;
}

.main-block__button:not(:last-child) {
   margin-bottom: 15px;
}

@media (max-width: 991.98px) {
   .main-block {
      padding-top: 100px;
      padding-bottom: 100px;
   }
   .main-block__title {
      font-size: 54px;
   }
}

@media (max-width: 767.98px) {
   .main-block {
      padding-top: 100px;
      padding-bottom: 30px;
   }
}

/* --------Benefits---------- */

.benefits {
   padding-top: 60px;
   padding-bottom: 60px;
}

.benefits__container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap:30px;
}

.item-benefit {
   display: flex;
   align-items: center;
   gap: 20px;
}

.item-benefit__icon {
   flex: 0 0 40px;
}

.item-benefit__icon img {
   max-width: 100%;
}

.item-benefit__body {
   flex: 1 1 auto;
}

.item-benefit__text {
   font-size: 24px;
   line-height: 125%;
   font-weight: 700;
   text-transform: uppercase;
}

/* --------Trainning--------- */

.trainning {
   padding-top: 120px;
   padding-bottom: 120px;
   background-color: #1f2327;
}

.trainning__container {
   display: flex;
   flex-direction: row-reverse;
   align-items: center;
}

.trainning__content {
   flex: 0 1 50%;
   padding-left: 123px;
}

.trainning__label:not(:last-child) {
   margin-bottom: 5px;
}

.trainning__title {
   max-width: 350px;
}

.trainning__title:not(:last-child) {
   margin-bottom: 25px;
}

.trainning__list li {
   padding-left: 35px;
   font-size: 16px;
   line-height: 125%; /* 20/16 */
   text-transform: uppercase;
   font-weight: 700;
   background: url('../img/icons/check.svg') 0 3px no-repeat;
}

.trainning__list li:not(:last-child) {
   margin-bottom: 10px;
}

.trainning__list:not(:last-child) {
   margin-bottom: 15px;
}

.trainning__image {
   flex: 0 1 50%;
}

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

@media (max-width: 1140px) {
   .trainning__content {
      padding-left: 50px;
   }
}

@media (max-width: 991.98px) {
   .trainning {
      padding-top: 80px;
      padding-bottom: 80px;
   }
   .trainning__content {
      padding-left: 30px;
   }
}

@media (max-width: 767.98px) {
   .trainning {
      padding-top: 60px;
      padding-bottom: 60px;
   }
   .trainning__container {
      flex-direction: column;
      align-items: stretch;
      gap: 30px;
   }
   .trainning__content {
      padding-left: 0px;
   }
   .trainning__image {
      text-align: center;
   }
}

/* ---------Leader--------- */

.leader {
   padding-top: 120px;
   padding-bottom: 120px;
}

.leader__container {
   display: flex;
   align-items: center;
}

.leader__content {
   flex: 0 1 50%;
   padding-right: 125px;
}

.leader__label:not(:last-child) {
   margin-bottom: 5px;
}

.leader__title {
   max-width: 350px;
}

.leader__title:not(:last-child) {
   margin-bottom: 10px;
}

.leader__text {
   line-height: 139%;
}

.leader__text:not(:last-child) {
   margin-bottom: 10px;
}

.leader__image {
   flex: 0 1 50%;
}

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

@media (max-width: 1140px) {
   .leader__content {
      padding-right: 50px;
   }
}

@media (max-width: 991.98px) {
   .leader {
      padding-top: 80px;
      padding-bottom: 80px;
   }
   .leader__content {
      padding-right: 30px;
   }
}

@media (max-width: 767.98px) {
   .leader {
      padding-top: 60px;
      padding-bottom: 60px;
   }
   .leader__container {
      flex-direction: column;
      align-items: stretch;
      gap: 30px;
   }
   .leader__content {
      padding-right: 0px;
   }
   .leader__image {
      text-align: center;
   }
}

/* ----------Academy--------- */


.academy {
   padding-top: 80px;
   padding-bottom: 80px;
   text-align: center;
   background: url('../img/academy.jpg') center / cover no-repeat;
   position: relative;
}

.academy::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: radial-gradient(570.42% 265.28% at 47.92% 0%, #191C1F 0%, rgba(25, 28, 31, 0) 88.96%, rgba(25, 28, 31, 0.04) 100%);
}

.academy__container {
   position: relative;
   z-index: 2;
}

.academy__body {
   max-width: 746px;
   margin: 0 auto;
}

.academy__label {
   font-weight: 700;
   line-height: 111.111111%; /* 20/18 */
   text-transform: uppercase;
}

.academy__label:not(:last-child) {
   margin-bottom: 5px;
}

.academy__title {
   font-weight: 700;
   font-size: 64px;
   line-height: 117.1875%; /* 75/64 */
   text-transform: uppercase;
}

.academy__title:not(:last-child) {
   margin-bottom: 10px;
}
.academy__text {
   font-size: 24px;
   line-height: 125%; /* 30/24 */
}

.academy__text:not(:last-child) {
   margin-bottom: 30px;
}

.academy__button:not(:last-child) {
   margin-bottom: 20px;
}

@media (max-width: 991.98px) {
   .academy {
      padding-top: 80px;
      padding-bottom: 80px;
   }
   .academy__title {
      font-size: 54px;
   }
}

@media (max-width: 767.98px) {
   .academy {
      padding-top: 60px;
      padding-bottom: 60px;
   }
}

/* --- Footer --- */

.footer {
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: #14171a;
}

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

.social {
   display: flex;
   gap: 15px;
   flex-wrap: wrap;
}