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

.container {
  width: 1140px;
  margin: 0 auto;
  position: relative;
}

/* promo section */

.promo {
  height: 800px;
  background: url("../img/bg/main_bg.jpg") center center/cover no-repeat;
  padding: 38px 0 62px 0;
}

.locale-switcher {
  position: absolute;
  top: 10px;
  right: 0;
  display: flex;
  gap: 10px;
  z-index: 1;
}

.locale-switcher__btn {
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(0, 0, 0, 0.35);
  color: #ffffff;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1;
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.locale-switcher__btn[aria-pressed="true"] {
  background: #f9bf3b;
  color: #252525;
  border-color: #f9bf3b;
}

.locale-switcher__btn:focus-visible {
  outline: 2px solid #f9bf3b;
  outline-offset: 2px;
}

.logo .logo_img {
  display: block;
  margin: 0 auto;
}

.logo .logo_text,
.title,
.simple .title_big,
.promo .promo_text,
.more .more_text {
  font-family: "Roboto";
  font-style: normal;
}

.logo .logo_text,
.simple .title_big,
.promo .promo_text,
.promo .promo_btn,
.more .more_text,
.gift .gift_btn {
  color: #ffffff;
  text-align: center;
}

.logo .logo_text,
.title,
.simple .title_big,
.promo .promo_btn,
.more .more_text,
.gift .gift_btn {
  text-transform: uppercase;
}

.logo .logo_text {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-top: 10px;
}

h1 {
  margin-top: 53px;
}

h2.title {
  margin-top: 21px;
}

.title {
  font-weight: 900;
  font-size: 41px;
  line-height: 41px;
  text-align: center;
  color: #f9bf3b;
}

.simple .title_big {
  font-weight: 900;
  font-size: 80px;
  line-height: 80px;
  margin-top: 21px;
}

.promo .promo_text {
  padding: 0 13px;
  margin-top: 23px;
  font-weight: 300;
  font-size: 21px;
  line-height: 28px;
}

.promo .promo_text span {
  font-weight: 700;
  color: #f9bf3b;
}

.promo .promo_btn,
.gift .gift_btn {
  display: block;
  margin: 0 auto;
  margin-top: 72px;
  width: 313px;
  height: 72px;
  background: linear-gradient(0deg, #2798b9 0%, #3ab6da 100%);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  font-family: "RobotoCondensed";
  font-size: 21px;
  line-height: 24px;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.22);
  cursor: pointer;
}

.more {
  margin-top: 71px;
}

.more .more_text {
  font-weight: 100;
  font-size: 15px;
}

.more .more_img {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
}

/* waiting section */

.waiting {
  min-height: 607px;
  background: #efefef;
  padding: 85px 0 75px 0;
  text-align: center;
}

.waiting .waiting_header,
.waiting .waiting_subheader,
.waiting .waiting_wrapper .waiting_item .waiting_descr,
.finish .finish_header,
.optimization .optimization_header,
.finish .finish_wrapper .finish_item .finish_descr,
.gift .gift_text {
  font-family: "Roboto";
  font-style: normal;
}

.waiting .waiting_header,
.finish .finish_header {
  font-weight: 400;
  font-size: 30px;
  text-transform: uppercase;
  color: #252525;
}

.finish .finish_header {
  color: #efefef;
}

.waiting .waiting_divider,
.finish .finish_divider {
  width: 220px;
  height: 7px;
  background: #f9bf3b;
  margin: 0 auto;
  margin-top: 18px;
}

.waiting .waiting_subheader {
  font-weight: 400;
  font-size: 23px;
  color: #4a4a4a;
  margin-top: 19px;
}

.waiting .waiting_wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}

.waiting .waiting_wrapper .waiting_item {
  width: 342px;
}

.waiting .waiting_wrapper .waiting_item .waiting_img {
  width: 100%;
}

.waiting .waiting_wrapper .waiting_item .waiting_descr {
  margin-top: 26px;
  font-weight: 300;
  font-size: 15px;
  line-height: 21px;
  color: #4a4a4a;
}

/* optimization section */

.optimization {
  min-height: 547px;
  padding: 108px 0 74px 0;
}

.optimization .optimization_header {
  margin-left: 391px;
  font-weight: 900;
  font-size: 30px;
  text-transform: uppercase;
  color: #299cbd;
}

.optimization .optimization_text {
  margin-left: 389px;
  margin-top: 25px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 27px;
  color: #4a4a4a;
}

.optimization .optimization_text span {
  font-weight: 700;
}

.optimization .optimization_img {
  position: absolute;
  top: -47px;
  left: -240px;
  z-index: -1;
}

/* finish section */

.finish {
  text-align: center;
  min-height: 447px;
  padding: 86px 0 69px 0;
  background: url("/img/bg/second_bg.jpg") center center/cover no-repeat;
}

.finish .finish_wrapper {
  margin-top: 39px;
  display: flex;
  justify-content: space-between;
}

.finish .finish_wrapper .finish_item {
  width: 234px;
}

.finish .finish_wrapper .finish_item .finish_round {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 118px;
  height: 118px;
  background: #b4e2ff;
  border-radius: 100%;
}

.finish .finish_wrapper .finish_item .finish_descr {
  margin-top: 25px;
  font-weight: 300;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  color: #efefef;
}

/* gift section */

.gift {
  min-height: 631px;
  padding: 86px 0 87px 0;
  background-color: #efefef;
}

.gift .gift_img {
  display: block;
  margin: 0 auto;
}

.gift .gift_text {
  margin-top: 45px;
  font-weight: 400;
  font-size: 30px;
  line-height: 43px;
  text-align: center;
  color: #252525;
}

/* first_webinar section */

.first_webinar {
  min-height: 512px;
  padding: 89px 0 50.5px 0;
}

.first_webinar .first_webinar_img {
  display: block;
  margin: 0 auto;
}

.first_webinar .first_webinar_text {
  margin-top: 36px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #252525;
}

.first_webinar .date {
  margin-top: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  color: #299cbd;
}

.first_webinar .first_webinar_subtitle {
  margin-top: 24.5px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 20px;
  text-align: center;
  color: #4a4a4a;
}

/* footer  */

footer {
  min-height: 169px;
  background-color: #1a1a1a;
  padding: 57px 0 69px 0;
}

footer .container {
  margin: 0 auto;
  width: 407px;
}

footer .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.links__divider {
  color: #888888;
}

.links__call {
  color: #888888;
}

footer a,
footer .container {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  color: #888888;
}

footer a {
  text-decoration: none;
}

.underlined {
  text-decoration-line: underline;
}