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

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}

[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}

[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}

[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos="zoom-in"] {
  transform: scale(0.6);
}

[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos="zoom-out"] {
  transform: scale(1.2);
}

[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}

[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}

[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}

[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}

[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper,
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  overflow: hidden;
  list-style: none;
  padding: 0;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: normal;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translateZ(0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

* {
  padding: 0;
  margin: 0;
  border: none;
}

*,
:after,
:before {
  box-sizing: border-box;
}

a,
a:hover,
a:link,
a:visited {
  text-decoration: none;
}

aside,
footer,
header,
main,
nav,
section {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button,
input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

button:active,
button:focus,
input:active,
input:focus {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

:root {
  --container-width: 1495px;
  --container-padding: 40px;
  --container-padding-laptop: 20px;
  --font-main: "SF", sans-serif;
  --font-inter: "Inter", sans-serif;
  --font-rubik: "Rubik", sans-serif;
  --page-bg: #fff;
  --bg-color: #f5f5f5;
  --add-bg-color: #ececec;
  --dark-bg-color: #061e2e;
  --accent-color: #1ab9be;
  --add-text-color: #fff;
  --op-text-color: #8e8e8e;
  --text-color: #1e2021;
  --button-hover-color: #01d7e4;
  --button-text-color: #fff;
  --input-bg-color: #1c4763;
  --input-border-color: #0f2c40;
  --label-span-color: #5d788a;
  --copy-border-color: #e3e3e3;
  --copy-text-color: #797979;
  --laptop-size: 1660px;
  --tablet-size: 959px;
  --mobile-size: 599px;
}

@font-face {
  font-family: SF;
  font-display: swap;
  src: url(../fonts/SF-Pro-Display-Medium.woff2) format("woff2"),
    url(../fonts/SF-Pro-Display-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: SF;
  font-display: swap;
  src: url(../fonts/SF-Pro-Display-Regular.woff2) format("woff2"),
    url(../fonts/SF-Pro-Display-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SF;
  font-display: swap;
  src: url(../fonts/SF-Pro-Display-Bold.woff2) format("woff2"),
    url(../fonts/SF-Pro-Display-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: SF;
  font-display: swap;
  src: url(../fonts/SF-Pro-Display-Semibold.woff2) format("woff2"),
    url(../fonts/SF-Pro-Display-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

* {
  transition: color 0.3s;
}

html {
  scroll-behavior: smooth;
  background-color: #272727;
}

body {
  background-color: var(--page-bg);
  color: var(--text-color);
  font-family: var(--font-main);
  text-wrap: balance;
  font-size: 24px;
}

img {
  display: block;
}

a {
  color: inherit;
}

footer,
section {
  margin: 20px;
  border-radius: 60px;
  overflow: hidden;
}

@media screen and (max-width: 1700px) {
  footer,
  section {
    margin: 10px;
    border-radius: 40px;
  }
}

@media screen and (max-width: 1366px) {
  footer,
  section {
    border-radius: 30px;
  }
}

@media screen and (max-width: 768px) {
  footer,
  section {
    border-radius: 20px;
  }
}

.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .section-header {
    font-size: 40px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1366px) {
  .section-header {
    font-size: 30px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .section-header {
    font-size: 26px;
    margin-bottom: 30px;
  }
}

.section-header .section-title {
  margin-bottom: 0 !important;
}

.none {
  display: none !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.no-scroll {
  overflow-y: hidden;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.d-flex {
  display: flex;
}

.flex-center {
  justify-content: center;
}

.container {
  margin: 0 auto;
  padding: 0 var(--container-padding);
  max-width: var(--container-width);
  width: 100%;
}

@media screen and (max-width: 1700px) {
  .container {
    padding: 0 30px;
  }
}

@media screen and (max-width: 1500px) {
  .container {
    padding: 0;
    width: 1120px;
  }
}

@media screen and (max-width: 1200px) {
  .container {
    padding: 0 15px;
    max-width: var(--container-width);
    width: 100%;
  }
}

body,
html {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.footer {
  margin-top: auto;
  padding: 60px 0;
  background-color: #e3e3e3;
}

.about-hero {
  padding: 160px 0 420px;
  background: var(--page-bg) url(../images/src/img/sections/about-hero/bg.jpg)
    top/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /*     .about-hero {
        background: var(--page-bg) url(../images/src/img/sections/about-hero/bg@2x.jpg) top/cover no-repeat
    } */
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 992px),
  screen and (min-resolution: 192dpi) and (max-width: 992px) {
  .about-hero {
    background: var(--page-bg)
      url(../images/src/img/sections/about-hero/bg-no-chart@2x.png) top/cover
      no-repeat;
  }
}

@media screen and (max-width: 1700px) {
  .about-hero {
    padding: 140px 0 350px;
  }
}

@media screen and (max-width: 1366px) {
  .about-hero {
    padding: 120px 0 300px;
  }
}

@media screen and (max-width: 992px) {
  .about-hero {
    padding: 80px 0 200px;
    background: var(--page-bg)
      url(../images/src/img/sections/about-hero/bg-no-chart.jpg) top/cover
      no-repeat;
  }
}

.about-hero__title {
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 40px;
  width: 50%;
}

@media screen and (max-width: 1700px) {
  .about-hero__title {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1500px) {
  .about-hero__title {
    font-size: 45px;
  }
}

@media screen and (max-width: 992px) {
  .about-hero__title {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .about-hero__title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

.about-hero p {
  font-size: 24px;
  font-weight: 500;
  width: 35%;
}

@media screen and (max-width: 1500px) {
  .about-hero p {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .about-hero p {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .about-hero p {
    font-size: 16px;
  }
}

.about-list {
  padding: 120px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .about-list {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .about-list {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .about-list {
    padding: 60px 0;
  }
}

.about-list ul {
  display: flex;
  flex-direction: column;
}

.about-list ul li {
  padding: 40px 0;
  border-top: 1px solid #ebe0e0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 1700px) {
  .about-list ul li {
    padding: 30px 0;
  }
}

@media screen and (max-width: 1366px) {
  .about-list ul li {
    padding: 20px 0;
  }
}

@media screen and (max-width: 992px) {
  .about-list ul li {
    flex-direction: column;
    align-items: flex-start;
  }
}

.about-list ul li:last-child {
  border-bottom: 1px solid #ebe0e0;
}

.about-list ul li h6 {
  font-size: 30px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .about-list ul li h6 {
    font-size: 22px;
  }
}

@media screen and (max-width: 992px) {
  .about-list ul li h6 {
    margin-bottom: 20px;
  }
}

.about-list ul li p {
  font-size: 22px;
  line-height: 150%;
  width: 900px;
}

@media screen and (max-width: 1700px) {
  .about-list ul li p {
    width: 600px;
  }
}

@media screen and (max-width: 1500px) {
  .about-list ul li p {
    font-size: 16px;
    width: 500px;
  }
}

@media screen and (max-width: 992px) {
  .about-list ul li p {
    width: 100%;
  }
}

.agents-earn {
  padding: 120px 0;
}

@media screen and (max-width: 1700px) {
  .agents-earn {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .agents-earn {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .agents-earn {
    padding: 60px 0;
  }
}

.agents-earn ul {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d9d9d9;
}

.agents-earn ul li {
  padding: 40px 0;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1500px) {
  .agents-earn ul li {
    padding: 30px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1366px) {
  .agents-earn ul li {
    padding: 20px 0;
  }
}

@media screen and (max-width: 992px) {
  .agents-earn ul li {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.agents-earn ul li span {
  font-size: 22px;
  min-width: 400px;
}

@media screen and (max-width: 1500px) {
  .agents-earn ul li span {
    font-size: 16px;
    width: auto;
  }
}

.agents-earn ul li div {
  font-weight: 500;
  font-size: 30px;
}

@media screen and (max-width: 1500px) {
  .agents-earn ul li div {
    font-size: 22px;
  }
}

@media screen and (max-width: 992px) {
  .agents-earn ul li div {
    font-size: 20px;
  }
}

.agents-faq {
  padding: 120px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .agents-faq {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .agents-faq {
    padding: 80px 0;
  }
}

@media screen and (max-width: 768px) {
  .agents-faq {
    padding: 60px 0;
  }
}

.agents-faq__wrapper {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1366px) {
  .agents-faq__wrapper {
    flex-direction: column;
    margin-bottom: 20px;
  }
}

.agents-faq__title {
  font-size: 48px;
  font-weight: 500;
}

@media screen and (max-width: 1700px) {
  .agents-faq__title {
    font-size: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-faq__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .agents-faq__title {
    font-size: 26px;
  }
}

.agents-faq__content {
  width: 1100px;
  border-top: 1px solid #d9d9d9;
}

@media screen and (max-width: 1700px) {
  .agents-faq__content {
    width: 900px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-faq__content {
    width: 100%;
  }
}

.agents-faq details {
  padding: 40px 0;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
}

@media screen and (max-width: 1700px) {
  .agents-faq details {
    padding: 30px 0;
  }
}

.agents-faq details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.agents-faq details summary span {
  font-size: 30px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .agents-faq details summary span {
    font-size: 22px;
  }
}

@media screen and (max-width: 768px) {
  .agents-faq details summary span {
    font-size: 20px;
  }
}

@media screen and (max-width: 1700px) {
  .agents-faq details summary img {
    width: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-faq details summary img {
    width: 25px;
  }
}

.agents-faq details p {
  margin-top: 20px;
  font-size: 22px;
  line-height: 150%;
}

@media screen and (max-width: 1700px) {
  .agents-faq details p {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .agents-faq details p {
    font-size: 16px;
  }
}

.agents-hero {
  padding: 120px 0 250px;
  background: var(--bg-color) url(../images/src/img/sections/agents-hero/bg.jpg)
    bottom/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .agents-hero {
    background: var(--bg-color)
      url(../images/src/img/sections/agents-hero/bg@2x.jpg) bottom/cover
      no-repeat;
  }
}

@media screen and (max-width: 1700px) {
  .agents-hero {
    padding: 100px 0 200px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-hero {
    padding: 80px 0 150px;
  }
}

@media screen and (max-width: 992px) {
  .agents-hero {
    padding: 60px 0 120px;
  }
}

@media screen and (max-width: 768px) {
  .agents-hero {
    padding: 30px 0;
  }
}

@media screen and (max-width: 768px) {
  .agents-hero__bg-mobile {
    background: hsla(0, 0%, 100%, 0.4);
    border-radius: 16px;
    padding: 20px;
    backdrop-filter: blur(48px);
    margin-bottom: 30px;
  }
}

.agents-hero__title {
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 80px;
}

@media screen and (max-width: 1500px) {
  .agents-hero__title {
    font-size: 45px;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-hero__title {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .agents-hero__title {
    font-size: 36px;
  }
}

@media screen and (max-width: 768px) {
  .agents-hero__title {
    font-size: 30px;
  }
}

.agents-hero__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .agents-hero__list {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .agents-hero__list {
    gap: 16px;
  }
}

@media screen and (max-width: 992px) {
  .agents-hero__list {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .agents-hero__list {
    margin-bottom: 0;
  }
}

.agents-hero__list li {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .agents-hero__list li {
    gap: 15px;
  }
}

@media screen and (max-width: 1700px) {
  .agents-hero__list li span svg {
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-hero__list li span svg {
    width: 25px;
    height: 25px;
  }
}

.agents-hero__list li p {
  font-size: 24px;
}

@media screen and (max-width: 1500px) {
  .agents-hero__list li p {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .agents-hero__list li p {
    font-size: 16px;
  }
}

.agents-hero__button {
  width: 300px;
}

@media screen and (max-width: 1366px) {
  .agents-hero__button {
    width: 250px;
  }
}

.agents-hero__button button {
  height: 80px;
  padding: 0;
}

@media screen and (max-width: 1366px) {
  .agents-hero__button button {
    height: 60px;
  }
}

.agents-promote {
  padding: 120px 0;
  background: var(--dark-bg-color)
    url(../images/src/img/sections/agents-promote/bg.jpg) bottom/cover no-repeat;
}

@media screen and (max-width: 1700px) {
  .agents-promote {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .agents-promote {
    padding: 80px 0;
    background-image: none;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote {
    padding: 60px 0;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .agents-promote {
    background: var(--dark-bg-color)
      url(../images/src/img/sections/agents-promote/bg@2x.jpg) bottom/cover
      no-repeat;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
  screen and (min-resolution: 192dpi) and (max-width: 1366px) {
  .agents-promote {
    background-image: none;
  }
}

.agents-promote__content {
  width: 960px;
  margin-left: auto;
  color: var(--add-bg-color);
}

@media screen and (max-width: 1700px) {
  .agents-promote__content {
    width: 700px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-promote__content {
    margin-left: 0;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote__content {
    width: 100%;
  }
}

.agents-promote__title {
  font-size: 60px;
  margin-bottom: 20px;
  font-weight: 500;
}

@media screen and (max-width: 1700px) {
  .agents-promote__title {
    font-size: 60px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .agents-promote__title {
    font-size: 45px;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote__title {
    font-size: 36px;
    margin-bottom: 10px;
  }
}

.agents-promote__subtitle {
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 30px;
  display: block;
}

@media screen and (max-width: 1700px) {
  .agents-promote__subtitle {
    font-size: 40px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1500px) {
  .agents-promote__subtitle {
    font-size: 36px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-promote__subtitle {
    font-size: 30px;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote__subtitle {
    font-size: 24px;
  }
}

.agents-promote__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .agents-promote__list {
    gap: 15px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote__list {
    margin-bottom: 30px;
    gap: 10px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-promote__list {
    margin-bottom: 40px;
  }
}

.agents-promote__list li {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .agents-promote__list li {
    gap: 15px;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote__list li {
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote__list li span svg {
    width: 16px;
  }
}

.agents-promote__list li p {
  font-size: 24px;
}

@media screen and (max-width: 1500px) {
  .agents-promote__list li p {
    font-size: 18px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-promote__list li p {
    font-size: 16px;
  }
}

.agents-promote__buttons {
  display: flex;
  gap: 70px;
}

@media screen and (max-width: 1700px) {
  .agents-promote__buttons {
    gap: 50px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-promote__buttons {
    gap: 40px;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

@media screen and (max-width: 460px) {
  .agents-promote__buttons {
    grid-template-columns: 1fr;
  }
}

.agents-promote__buttons button {
  width: fit-content;
  padding: 33.5px 60px;
}

@media screen and (max-width: 1366px) {
  .agents-promote__buttons button {
    padding: 20px 40px;
  }
}

@media screen and (max-width: 992px) {
  .agents-promote__buttons button {
    padding: 0;
    height: 55px;
    width: 100%;
  }
}

.agents-promote__buttons button:nth-child(2) {
  background: transparent;
  border: 1px solid var(--accent-color);
}

.agents-promote__buttons button:nth-child(2):hover {
  background: var(--accent-color);
}

.agents-video {
  padding: 120px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .agents-video {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .agents-video {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .agents-video {
    padding: 60px 0;
  }
}

.agents-video__content {
  position: relative;
  width: 100%;
  height: 800px;
  border-radius: 60px;
  overflow: hidden;
}

@media screen and (max-width: 1700px) {
  .agents-video__content {
    border-radius: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-video__content {
    height: 400px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .agents-video__content {
    border-radius: 20px;
  }
}

.agents-video__preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.agents-video__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.agents-video__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.agents-work-card {
  padding: 36px;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  background: var(--bg-color);
}

@media screen and (max-width: 1500px) {
  .agents-work-card {
    padding: 27px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-work-card {
    gap: 30px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 768px) {
  .agents-work-card {
    gap: 20px;
    padding: 20px;
    border-radius: 20px;
  }
}

.agents-work-card__image img {
  width: 90px;
  height: 90px;
}

@media screen and (max-width: 1500px) {
  .agents-work-card__image img {
    width: 70px;
    height: 70px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-work-card__image img {
    width: 60px;
    height: 60px;
  }
}

.agents-work-card h6 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1500px) {
  .agents-work-card h6 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-work-card h6 {
    margin-bottom: 10px;
  }
}

.agents-work-card p {
  font-size: 22px;
}

@media screen and (max-width: 1500px) {
  .agents-work-card p {
    font-size: 16px;
  }
}

.agents-work {
  padding-bottom: 120px;
}

@media screen and (max-width: 1700px) {
  .agents-work {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 1366px) {
  .agents-work {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 992px) {
  .agents-work {
    padding-bottom: 60px;
  }
}

.agents-work__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .agents-work__list {
    gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .agents-work__list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.button {
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--button-text-color);
  padding: 33px 0;
  border-radius: 500px;
  letter-spacing: 0.15em;
  transition: 0.3s;
}

@media screen and (max-width: 1700px) {
  .button {
    padding: 21px 0;
  }
}

@media screen and (max-width: 1500px) {
  .button {
    font-size: 14px;
    padding: 22px 0;
  }
}

@media screen and (max-width: 992px) {
  .button {
    padding: 18px 0;
    font-size: 13px;
  }
}

.button--fill {
  background: var(--accent-color);
}

.button--fill:hover {
  background: var(--button-hover-color);
}

.calc {
  padding: 120px 0;
  background: var(--dark-bg-color);
  color: var(--add-text-color);
}

@media screen and (max-width: 1700px) {
  .calc {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .calc {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .calc {
    padding: 60px 0;
  }
}

.calc__content {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 160px;
}

@media screen and (max-width: 1700px) {
  .calc__content {
    gap: 100px;
  }
}

@media screen and (max-width: 1366px) {
  .calc__content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.calc__inputs {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

@media screen and (max-width: 1700px) {
  .calc__inputs {
    gap: 24px;
  }
}

@media screen and (max-width: 1366px) {
  .calc__inputs {
    gap: 20px;
  }
}

.calc__input span {
  display: block;
  font-size: 16px;
  color: #b5b7ba;
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .calc__input span {
    font-size: 14px;
  }
}

.calc__input-wrapper {
  height: 80px;
  padding: 0 40px;
  border-radius: 500px;
  background: #0f2c40;
  border: 1px solid #1c4763;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 1700px) {
  .calc__input-wrapper {
    height: 70px;
    padding: 0 30px;
  }
}

.calc__input-wrapper span {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--add-text-color);
}

.calc__input-wrapper input {
  width: calc(100% - 80px);
  position: absolute;
  left: 40px;
  bottom: 0;
  transform: translateY(calc(50% + 1px));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 1700px) {
  .calc__input-wrapper input {
    left: 30px;
    width: calc(100% - 60px);
  }
}

.calc__input-wrapper input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  cursor: pointer;
  background: var(--accent-color);
  transform: translateY(-50%);
}

.calc__input-wrapper input::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  height: 1px;
  background: var(--accent-color);
  transform: translateY(-50%);
}

.calc__buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

@media screen and (max-width: 1700px) {
  .calc__buttons {
    gap: 15px;
  }
}

.calc__buttons button {
  padding: 0;
  width: 100%;
  height: 80px;
  font-weight: 700;
  letter-spacing: 2px;
}

@media screen and (max-width: 1700px) {
  .calc__buttons button {
    height: 70px;
    letter-spacing: 1px;
  }
}

.calc__buttons button:nth-child(2) {
  background: transparent;
  border: 1px solid var(--accent-color);
}

.calc__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .calc__list {
    margin-bottom: 10px;
    gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .calc__list {
    grid-template-columns: 1fr;
  }
}

.calc__list li {
  height: 100px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background: #0f2c40;
}

@media screen and (max-width: 1700px) {
  .calc__list li {
    height: 90px;
  }
}

.calc__list li span {
  font-size: 16px;
  color: #b5b7ba;
}

@media screen and (max-width: 1700px) {
  .calc__list li span {
    font-size: 14px;
  }
}

.calc__list li h6 {
  font-size: 32px;
  font-weight: 500;
}

@media screen and (max-width: 1700px) {
  .calc__list li h6 {
    font-size: 28px;
  }
}

.calc__image {
  padding: 10px;
  border-radius: 20px;
  background: #0f2c40;
}

.calc__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.check-content {
  display: none;
}

.check-content__title {
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 1700px) {
  .check-content__title {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1500px) {
  .check-content__title {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .check-content__title {
    margin-bottom: 20px;
  }
}

.check-content__chart {
  transition: 0.3s !important;
  width: 100%;
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 10px;
  cursor: pointer;
}

.check-content__chart:hover {
  box-shadow: 0 0 8px 0 rgba(34, 60, 80, 0.2);
}

.check-content__chart img {
  width: 100%;
  pointer-events: none;
}

.check-content__chart_mobile {
  display: none;
}

@media screen and (max-width: 480px) {
  .check-content__chart_desktop {
    display: none;
  }

  .check-content__chart_mobile {
    display: block;
  }

  .check-content__chart {
    padding: 20px 0 0;
    border-radius: 20px;
    margin-bottom: 0;
  }

  .check-content__chart:hover {
    box-shadow: none;
  }
}

.check-content__spans {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.check-content__spans span {
  font-size: 12px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.check-content__spans span:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--accent-color);
}

.check-content__spans span:nth-child(2):before {
  background: var(--text-color);
}

@media screen and (max-width: 480px) {
  .check-content__spans {
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }

  .check-content__spans span {
    font-size: 12px;
    gap: 8px;
  }

  .check-content__spans span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
  }
}

.check-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1700px) {
  .check-header {
    gap: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .check-header {
    margin-bottom: 30px;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
  .check-header {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  .check-header {
    display: flex;
    flex-direction: column;
  }
}

.check-header__block {
  border-radius: 40px;
  padding: 20px;
  background: var(--page-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 1700px) {
  .check-header__block {
    border-radius: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .check-header__block {
    border-radius: 20px;
  }
}

@media screen and (max-width: 768px) {
  .check-header__block {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

@media screen and (max-width: 480px) {
  .check-header__block {
    align-items: unset;
  }
}

.check-header__block .cap {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .check-header__block .cap {
    font-size: 14px;
    gap: 8px;
  }
}

.check-header__block .cap:before {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--accent-color);
  border-radius: 50%;
}

@media screen and (max-width: 1700px) {
  .check-header__block .cap:before {
    width: 8px;
    height: 8px;
  }
}

.check-header__title {
  padding-left: 20px;
}

@media screen and (max-width: 1700px) {
  .check-header__title {
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .check-header__title {
    padding-left: 0;
  }
}

.check-header__title h6 {
  font-size: 54px;
  font-weight: 500;
}

@media screen and (max-width: 1700px) {
  .check-header__title h6 {
    font-size: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .check-header__title h6 {
    font-size: 30px;
  }
}

.check-header__tips span {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .check-header__tips {
    font-size: 10px;
  }
}

.check-header__tips ul {
  display: grid;
  grid-template-columns: 125px 125px;
  grid-template-rows: 100px 100px;
  gap: 10px;
}

@media screen and (max-width: 1700px) {
  .check-header__tips ul {
    grid-template-columns: 100px 100px;
  }
}

@media screen and (max-width: 1500px) {
  .check-header__tips ul {
    grid-template-columns: 93px 93px;
    grid-template-rows: 70px 70px;
  }
}

@media screen and (max-width: 1200px) {
  .check-header__tips ul {
    grid-template-columns: 83px 83px;
  }
}

@media screen and (max-width: 480px) {
  .check-header__tips ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
  }
}

.check-header__tips ul li {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: var(--bg-color);
}

@media screen and (max-width: 1500px) {
  .check-header__tips ul li {
    gap: 6px;
  }
}

@media screen and (max-width: 480px) {
  .check-header__tips ul li {
    width: 48%;
    height: 65px;
  }

  .check-header__tips ul li:nth-child(n + 1):nth-child(-n + 2) {
    margin-bottom: 5px;
  }
}

.check-header__tips ul li h6 {
  font-size: 30px;
  font-weight: 500;
}

@media screen and (max-width: 1700px) {
  .check-header__tips ul li h6 {
    font-size: 28px;
  }
}

@media screen and (max-width: 1500px) {
  .check-header__tips ul li h6 {
    font-size: 22px;
  }
}

.check-header__tips ul li p {
  font-size: 16px;
  color: #7e8794;
}

@media screen and (max-width: 1700px) {
  .check-header__tips ul li p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1500px) {
  .check-header__tips ul li p {
    font-size: 10px;
  }
}

.check {
  padding: 110px 0 80px;
  background: var(--bg-color);
}

@media screen and (max-width: 1500px) {
  .check {
    padding: 80px 0;
  }
}

@media screen and (max-width: 1366px) {
  .check {
    padding: 60px 0;
  }
}

.check-main .section-title {
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .check-main .section-title {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) {
  .check-main .section-title {
    margin-bottom: 10px;
  }
}

.check-main .check__subtitle {
  font-size: 24px;
  line-height: 150%;
  margin-bottom: 50px;
  width: 820px;
}

@media screen and (max-width: 1500px) {
  .check-main .check__subtitle {
    font-size: 20px;
    margin-bottom: 36px;
  }
}

@media screen and (max-width: 992px) {
  .check-main .check__subtitle {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
  }
}

.contacts-content__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .contacts-content__wrapper {
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .contacts-content__wrapper {
    grid-template-columns: auto;
  }
}

.contacts-content__block {
  border-radius: 40px;
  overflow: hidden;
  background: var(--bg-color);
  min-height: 300px;
  /*     height: 470px */
}

@media screen and (max-width: 1500px) {
  /*     .contacts-content__block {
        height: 360px
    } */
}

@media screen and (max-width: 992px) {
  .contacts-content__block {
    border-radius: 20px;
    height: auto;
  }
}

.contacts-content__block--text {
  padding: 60px 40px;
}

@media screen and (max-width: 1700px) {
  .contacts-content__block--text {
    padding: 40px;
  }
}

@media screen and (max-width: 992px) {
  .contacts-content__block--text {
    padding: 20px;
    min-height: 0 !important;
  }
}

.contacts-content__tips {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .contacts-content__tips {
    gap: 15px;
  }
}

@media screen and (max-width: 992px) {
  .contacts-content__tips {
    gap: 10px;
  }
}

.contacts-content__tip {
  display: flex;
  align-items: center;
  gap: 7px;
}

@media screen and (max-width: 992px) {
  .contacts-content__tip {
    gap: 5px;
  }
}

.contacts-content__tip:nth-child(2) span {
  background: #00bc29;
}

.contacts-content__tip span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #b800bc;
}

@media screen and (max-width: 1700px) {
  .contacts-content__tip span {
    width: 10px;
    height: 10px;
  }
}

@media screen and (max-width: 992px) {
  .contacts-content__tip span {
    width: 8px;
    height: 8px;
  }
}

.contacts-content__tip p {
  font-size: 16px;
  font-family: var(--font-inter);
}

@media screen and (max-width: 1500px) {
  .contacts-content__tip p {
    font-size: 12px;
  }
}

.contacts-content__phone {
  margin-bottom: 40px;
}

.contacts-content__phone a {
  display: flex;
  align-items: center;
  gap: 15px;
}

@media screen and (max-width: 1700px) {
  .contacts-content__phone {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .contacts-content__phone {
    margin-bottom: 20px;
  }
}

.contacts-content__phone a {
  /* font-size: 44px; */
  font-size: clamp(1.5rem, 1.3557rem + 0.5369vw, 2rem);
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .contacts-content__phone a {
    font-size: 33px;
  }
}

@media screen and (max-width: 992px) {
  .contacts-content__phone a {
    font-size: 24px;
  }
}

.contacts-content__inner {
  display: flex;
  flex-direction: column;
  row-gap: clamp(0.75rem, 0.6779rem + 0.2685vw, 1rem);
}

.contacts-content__text {
  /* font-size: 22px; */
  font-size: clamp(1.125rem, 1.0709rem + 0.2013vw, 1.3125rem);
  display: flex;
  gap: 10px;
  /* margin-bottom: 5px */
}

.contacts-content__link {
  display: flex;
  gap: 10px;
  color: var(--accent-color);
  font-size: clamp(1.125rem, 1.0709rem + 0.2013vw, 1.3125rem);
  /* margin-bottom: 20px */
}

@media screen and (max-width: 1700px) {
  .contacts-content__link {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .contacts-content__text {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .contacts-content__text {
    font-size: 14px;
  }

  .contacts-content__link {
    margin-bottom: 15px;
  }
}

.contacts-content__text a {
  color: var(--accent-color);
}

.contacts-content__socials {
  /* padding-top: 35px */
  padding-top: 65px;
}

@media screen and (max-width: 1700px) {
  .contacts-content__socials {
    /* padding-top: 15px */
  }
}

@media screen and (max-width: 992px) {
  .contacts-content__socials {
    /* padding-top: 10px */
  }
}

.contacts-content__socials ul {
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .contacts-content__socials ul {
    gap: 10px;
  }
}

.contacts-content__socials ul li a {
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ebebeb;
}

@media screen and (max-width: 1500px) {
  /* .contacts-content__socials ul li a {
        width: 70px;
        height: 70px
    } */
}

@media screen and (max-width: 1366px) {
  /* .contacts-content__socials ul li a {
        width: 60px;
        height: 60px
    } */
}

@media screen and (max-width: 992px) {
  /* .contacts-content__socials ul li a {
        width: 50px;
        height: 50px
    } */

  .contacts-content__socials ul li a svg {
    width: 20px;
    height: 20px;
  }
}

.contacts-content #map {
  width: 100%;
  height: 100%;
}

.contacts__title {
  font-size: 60px;
  font-weight: 500;
  padding: 60px 0;
  width: 1100px;
}

@media screen and (max-width: 1700px) {
  .contacts__title {
    padding: 50px 0;
  }
}

@media screen and (max-width: 1500px) {
  .contacts__title {
    width: 900px;
    padding: 40px 0;
    font-size: 45px;
  }
}

@media screen and (max-width: 992px) {
  .contacts__title {
    width: 100%;
    padding: 30px 0;
    font-size: 40px;
  }
}

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

.dropdown {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  white-space: nowrap;
  padding-top: 17px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media screen and (max-width: 1700px) {
  .dropdown {
    padding-top: 14px;
  }
}

@media screen and (max-width: 1200px) {
  .dropdown {
    padding-top: 12px;
  }
}

@media screen and (max-width: 992px) {
  .dropdown {
    padding-top: 10px;
  }
}

.dropdown-item {
  position: relative;
}

.dropdown-item:hover .dropdown {
    opacity: 1;
    visibility: visible
}

.dropdown-item:hover .dropdown-link {
    color: var(--accent-color)
}

.dropdown-item:hover .icon--dropdown-arrow {
    transform: rotate(180deg);
    fill: var(--accent-color)
}


.dropdown-link {
  display: flex;
  align-items: center;
  gap: 7px;
}

.dropdown-link .icon--dropdown-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
  transition: 0.3s;
}

.dropdown__wrapper {
  padding: 40px;
  background: var(--page-bg);
  border-radius: 20px;
}

@media screen and (max-width: 1700px) {
  .dropdown__wrapper {
    padding: 35px;
  }
}

@media screen and (max-width: 1200px) {
  .dropdown__wrapper {
    padding: 30px;
  }
}

@media screen and (max-width: 992px) {
  .dropdown__wrapper {
    padding: 20px;
  }
}

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

@media screen and (max-width: 1700px) {
  .dropdown__list {
    gap: 18px;
  }
}

@media screen and (max-width: 1200px) {
  .dropdown__list {
    gap: 16px;
  }
}

@media screen and (max-width: 992px) {
  .dropdown__list {
    gap: 12px;
  }
}

.footer-address {
  font-size: 22px;
  line-height: 150%;
  width: 290px;
}

@media screen and (max-width: 1700px) {
  .footer-address {
    margin: 0;
    font-size: 20px;
  }
}

@media screen and (max-width: 1500px) {
  .footer-address {
    font-size: 16px;
    width: 230px;
  }
}

.footer-address p {
  display: inline-block;
}

.footer-address a {
  color: var(--accent-color);
  display: block;
  margin-bottom: 20px;
  max-width: fit-content;
}

.footer-address a,
.footer-address p {
  display: flex;
  gap: 10px;
}

.footer-address__links {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 992px) {
  .footer-address__links {
    /* flex-direction: column */
    gap: 10px;
    align-items: flex-start;
  }
}

.footer-address__links a {
  font-size: 16px;
  font-weight: 400;
  color: var(--accent-color);
}

@media screen and (max-width: 1500px) {
  .footer-address__links a {
    font-size: 10px;
  }
}

.footer-address__links a:not(:last-of-type) {
  margin: 0 20px 0 0;
}

@media screen and (max-width: 992px) {
  .footer-address__links a:not(:last-of-type) {
    margin: 0 0 10px;
  }
}

.footer-nav {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

@media screen and (max-width: 1700px) {
  .footer-nav {
    margin-right: 0;
    gap: 20px;
  }
}

.footer-nav__list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 170px;
  gap: 20px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}

.footer-nav__list li {
  margin-right: 5px;
}

.footer-nav__title {
  font-family: var(--font-inter);
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 1700px) {
  .footer-nav__list {
    gap: 15px;
    font-size: 14px;
    max-height: 135px;
  }

  .footer-nav__title {
    font-size: 14px;
  }
}

@media screen and (max-width: 1500px) {
  .footer-nav__list {
    gap: 10px;
    font-size: 10px;
    max-height: 95px;
  }

  .footer-nav__title {
    font-size: 10px;
  }
}

.footer-nav a:hover {
  color: var(--accent-color);
}

@media screen and (max-width: 992px) {
  .footer-socials {
    text-align: center;
  }
}

.footer-socials__phone {
  margin-bottom: 48px;
}

.footer-socials__phone a {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* .footer-socials__phone_icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebebeb
} */

.footer-socials__phone_icon {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1700px) {
  .footer-socials__phone {
    margin-bottom: 40px;
  }

  .footer-socials__phone_icon {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 1366px) {
  .footer-socials__phone {
    margin-bottom: 30px;
  }

  .footer-socials__phone_icon {
    width: 40px;
    height: 40px;
  }
}

.footer-socials__phone span {
  font-size: 16px;
  font-family: var(--font-inter);
  font-weight: 400;
  display: inline-flex;
  margin-right: 20px;
  margin-bottom: 12px;
  align-items: center;
  gap: 5px;
}

@media screen and (max-width: 1700px) {
  .footer-socials__phone span {
    margin-right: 15px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1500px) {
  .footer-socials__phone span {
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 8px;
  }
}

.footer-socials__phone span:nth-child(2):before {
  background: #00bc29;
}

.footer-socials__phone span:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #b800bc;
}

@media screen and (max-width: 1700px) {
  .footer-socials__phone span:before {
    width: 10px;
    height: 10px;
  }
}

@media screen and (max-width: 1366px) {
  .footer-socials__phone span:before {
    width: 8px;
    height: 8px;
  }
}

.footer-socials__phone a {
  font-size: 30px;
  font-weight: 700;
  line-height: 140%;
  white-space: nowrap;
}

@media screen and (max-width: 1700px) {
  .footer-socials__phone a {
    font-size: 26px;
  }
}

@media screen and (max-width: 1500px) {
  .footer-socials__phone a {
    font-size: 22px;
  }
}

.footer-socials__links {
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 1700px) {
  .footer-socials__links {
    gap: 8px;
  }
}

@media screen and (max-width: 1366px) {
  .footer-socials__links {
    justify-content: center;
  }
}

@media screen and (max-width: 430px) {
  .footer-socials__links {
    justify-content: flex-start;
  }
}

.footer-socials__links a {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ebebeb;
}

@media screen and (max-width: 1700px) {
  .footer-socials__links a {
    width: 50px;
    height: 50px;
  }

  .footer-socials__links a svg {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 1366px) {
  .footer-socials__links a {
    width: 40px;
    height: 40px;
  }

  .footer-socials__links a svg {
    width: 15px;
    height: 15px;
  }
}

.footer {
  background: var(--bg-color);
}

.footer__wrapper {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1700px) {
  .footer__wrapper {
    justify-content: space-between;
  }
}

@media screen and (max-width: 992px) {
  .footer__wrapper {
    flex-direction: column;
    gap: 30px;
    /* align-items: center */
  }
}

.footer__logo .logo {
  width: 280px;
}

@media screen and (max-width: 1700px) {
  .footer__logo .logo {
    width: 250px;
    margin-right: 0;
  }
}

@media screen and (max-width: 1500px) {
  .footer__logo .logo {
    width: 210px;
  }
}

.footer__copy {
  margin: 20px 0;
  padding-top: 20px;
  border-top: 1px solid var(--copy-border-color);
  display: flex;
  align-items: start;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  .footer__copy {
    /* flex-direction: column-reverse; */
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: 15px 0;
    padding-top: 15px;
  }
}

.footer__copy span {
  font-size: 16px;
  font-weight: 400;
  color: var(--copy-text-color);
  font-family: var(--font-inter);
}

@media screen and (max-width: 1500px) {
  .footer__copy span {
    font-size: 10px;
    text-align: center;
  }
}

.copy__left {
  display: flex;
  flex-direction: column;
}

.form-section-form {
  width: fit-content;
}

@media screen and (max-width: 992px) {
  .form-section-form {
    width: 100%;
  }
}

.form-section-form__inputs-list {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
}

.form-section-form__inputs-list label {
  width: 25%;
}

.form-section-form__inputs-list label input {
  width: 100%;
}

.form-section-form__inputs-list .modal__file div {
  height: 80px;
}

.form-section__form.form-section-form {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1700px) {
  .form-section-form__inputs-list {
    gap: 10px;
    margin-bottom: 10px;
  }

  .form-section-form__inputs-list .modal__file div {
    height: 60px;
  }
}

@media screen and (max-width: 992px) {
  .form-section-form__inputs-list {
    flex-direction: column;
  }
}

.form-section-form__button button {
  height: 80px;
  padding: 0;
}

@media screen and (max-width: 1700px) {
  .form-section-form__button button {
    height: 60px;
  }
}

@media screen and (max-width: 992px) {
  .form-section-form label,
  .form-section-form label input {
    width: 100%;
  }

  .form-section-form label input[type="checkbox"],
  .form-section__form label input[type="checkbox"] {
    width: auto;
  }
}

.form-section {
  padding: 130px 0;
  background: var(--dark-bg-color)
    url(../images/src/img/sections/form-section/cta.png) 100% 100% no-repeat;
  position: relative;
  color: var(--add-text-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .form-section {
    background: var(--dark-bg-color)
      url(../images/src/img/sections/form-section/cta.png) 100% 100% no-repeat;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
  screen and (min-resolution: 192dpi) and (max-width: 1366px) {
  .form-section {
    background-image: none;
  }
}

@media screen and (max-width: 1700px) {
  .form-section {
    padding: 100px 0;
    border-radius: 60px;
  }
}

@media screen and (max-width: 1366px) {
  .form-section {
    padding: 80px 0;
    background-image: none;
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .form-section {
    padding: 60px 0;
  }
}

@media screen and (max-width: 768px) {
  .form-section {
    padding: 50px 0;
  }
}

@media screen and (max-width: 992px) {
  .form-section:after {
    content: none;
  }
}

.form-section__title {
  width: 820px;
  margin-bottom: 60px;
  font-size: 44px;
  font-weight: 500;
}

@media screen and (max-width: 1700px) {
  .form-section__title {
    font-size: 40px;
    margin-bottom: 40px;
    font-size: 33px;
  }
}

@media screen and (max-width: 992px) {
  .form-section__title {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .form-section__title {
    font-size: 26px;
  }
}

.general-structure-chart__list {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .general-structure-chart__list {
    gap: 15px;
  }
}

@media screen and (max-width: 1366px) {
  .general-structure-chart__list {
    gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .general-structure-chart__list {
    flex-direction: column;
    gap: 40px;
  }
}

.general-structure-chart__item {
  height: auto;
  width: 16.6666666667%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .general-structure-chart__item {
    width: 100%;
  }
}

.general-structure-chart__item:first-child .general-structure-chart__value {
  height: 112px;
  background: #722ed1;
}

@media screen and (max-width: 768px) {
  .general-structure-chart__item:first-child .general-structure-chart__value {
    width: 100%;
  }
}

.general-structure-chart__item:nth-child(2) .general-structure-chart__value {
  height: 132px;
  background: #3491fa;
}

@media screen and (max-width: 768px) {
  .general-structure-chart__item:nth-child(2) .general-structure-chart__value {
    width: 100%;
  }
}

.general-structure-chart__item:nth-child(3) .general-structure-chart__value {
  height: 156px;
  background: #165dff;
}

@media screen and (max-width: 768px) {
  .general-structure-chart__item:nth-child(3) .general-structure-chart__value {
    width: 100%;
  }
}

.general-structure-chart__item:nth-child(4) .general-structure-chart__value {
  height: 144px;
  background: #f7ba1e;
}

@media screen and (max-width: 768px) {
  .general-structure-chart__item:nth-child(4) .general-structure-chart__value {
    width: 100%;
  }
}

.general-structure-chart__item:nth-child(5) .general-structure-chart__value {
  height: 96px;
  background: #9fdb1d;
}

@media screen and (max-width: 768px) {
  .general-structure-chart__item:nth-child(5) .general-structure-chart__value {
    width: 100%;
  }
}

.general-structure-chart__item:nth-child(6) .general-structure-chart__value {
  height: 148px;
  background: #14c9c9;
}

@media screen and (max-width: 768px) {
  .general-structure-chart__item:nth-child(6) .general-structure-chart__value {
    width: 100%;
  }
}

.general-structure-chart__visual {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}

@media screen and (max-width: 1700px) {
  .general-structure-chart__visual {
    gap: 15px;
  }
}

@media screen and (max-width: 1366px) {
  .general-structure-chart__visual {
    gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .general-structure-chart__visual {
    flex-direction: row;
    width: 100%;
    height: 100%;
  }
}

.general-structure-chart__fill {
  display: none;
}

.general-structure-chart__value {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-weight: 500;
  border-radius: 20px;
  color: var(--add-text-color);
}

@media screen and (max-width: 1700px) {
  .general-structure-chart__value {
    font-size: 36px;
    border-radius: 15px;
  }
}

@media screen and (max-width: 1366px) {
  .general-structure-chart__value {
    font-size: 30px;
    border-radius: 10px;
  }
}

.general-structure-chart__name {
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translate(-50%, 100%);
  font-size: 24px;
}

@media screen and (max-width: 1700px) {
  .general-structure-chart__name {
    font-size: 20px;
    bottom: -15px;
  }
}

@media screen and (max-width: 1366px) {
  .general-structure-chart__name {
    font-size: 16px;
    bottom: -10px;
  }
}

.general-structure {
  background: var(--bg-color);
  padding: 120px 0;
}

@media screen and (max-width: 1700px) {
  .general-structure {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .general-structure {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .general-structure {
    padding: 60px 0;
  }
}

.gum {
  cursor: pointer;
  width: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1000;
}

.gum span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 3px;
  background: var(--text-color);
}

.gum.active span {
  position: absolute;
}

.gum.active span:first-child {
  transform: rotate(45deg);
}

.gum.active span:nth-child(2) {
  display: none;
}

.gum.active span:nth-child(3) {
  transform: rotate(-45deg);
}

.header {
  margin: 10px 20px;
  padding: 23px 0;
  border-radius: 500px;
  background: var(--bg-color);
  font-family: var(--font-inter);
  font-weight: 700;
  font-size: 16px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1700px) {
  .header {
    margin: 10px;
    font-size: 14px;
    padding: 18px 0;
  }
}

@media screen and (max-width: 1500px) {
  .header {
    font-size: 12px;
  }
}

@media screen and (max-width: 1200px) {
  .header {
    padding: 16px 0;
  }
}

@media screen and (max-width: 992px) {
  .header {
    padding: 14px 0;
  }
}

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

.header__nav {
  margin-left: auto;
}

.header__language-select {
  margin-left: 100px;
}

@media screen and (max-width: 1700px) {
  .header__language-select {
    margin-left: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .header__language-select {
    margin-left: 30px;
  }
}

@media screen and (max-width: 992px) {
  .header__language-select {
    margin-left: auto;
  }
}

.header__gum {
  display: none;
}

@media screen and (max-width: 992px) {
  .header__gum {
    display: block;
    margin-left: 60px;
  }
}

.header a {
  text-transform: uppercase;
  font-family: inherit;
}

.header a:not(.header a.dropdown-link):hover {
  color: var(--accent-color);
}

.hero {
  background: url(../images/src/img/sections/hero/hero-bg.jpg) top/cover
    no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /*.hero{background-image:url(../images/src/img/sections/hero/hero-bg@2x.jpg)*/
}

@media screen and (max-width: 992px) {
  .hero {
    background: url(../images/src/img/sections/hero/hero-bg-no-bag.jpg) center
      100px / cover no-repeat;
  }
}

@media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (max-width: 992px) and (min-resolution: 192dpi) {
  .hero {
    background-image: url(../images/src/img/sections/hero/hero-bg-no-bag@2x.jpg);
  }
}

.hero__wrapper {
  position: relative;
  padding-bottom: 310px;
}

@media screen and (max-width: 1500px) {
  .hero__wrapper {
    padding-bottom: 230px;
  }
}

@media screen and (max-width: 1366px) {
  .hero__wrapper {
    padding-bottom: 250px;
  }
}

@media screen and (max-width: 992px) {
  .hero__wrapper {
    padding-bottom: 200px;
  }
}

.hero__title {
  width: 850px;
  font-weight: 600;
  font-size: 64px;
  padding-top: 100px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1500px) {
  .hero__title {
    font-size: 48px;
    padding-top: 80px;
    margin-bottom: 30px;
    width: 800px;
  }
}

@media screen and (max-width: 992px) {
  .hero__title {
    padding-top: 30px;
    font-size: 48px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .hero__title {
    font-size: 35px;
    width: 100%;
  }
}

.hero__subtitle {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 80px;
}

@media screen and (max-width: 1500px) {
  .hero__subtitle {
    font-size: 30px;
    margin-bottom: 53px;
  }
}

@media screen and (max-width: 992px) {
  .hero__subtitle {
    font-size: 26px;
    margin-bottom: 15px;
  }
}

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

.hero__button {
  width: 400px;
}

@media screen and (max-width: 1700px) {
  .hero__button {
    width: 300px;
  }
}

@media screen and (max-width: 992px) {
  .hero__button {
    width: 250px;
  }
}

.hero__cards {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero__card {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 380px;
  backdrop-filter: blur(30px);
  box-shadow: inset 0 4px 50px 0 hsla(0, 0%, 100%, 0.8);
  background: hsla(0, 0%, 100%, 0.1);
  -webkit-backdrop-filter: blur(30px);
  border-radius: 40px 40px 0 0;
}

@media screen and (max-width: 1700px) {
  .hero__card {
    padding: 30px;
    border-radius: 30px 30px 0 0;
    gap: 15px;
    width: 320px;
  }
}

@media screen and (max-width: 1366px) {
  .hero__card {
    padding: 20px;
    border-radius: 20px 20px 0 0;
    gap: 10px;
    width: 280px;
  }
}

@media screen and (max-width: 768px) {
  .hero__card {
    width: 50%;
  }
}

.hero__card-title {
  font-size: 60px;
  font-weight: 600;
}

@media screen and (max-width: 1700px) {
  .hero__card-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 768px) {
  .hero__card-title {
    font-size: 25px;
  }
}

.hero__card-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

@media screen and (max-width: 1700px) {
  .hero__card-text {
    font-size: 14px;
  }
}

@media screen and (max-width: 1366px) {
  .hero__card-text {
    font-size: 12px;
  }
}

.history {
  padding: 120px 0;
  background: var(--bg-color);
  position: relative;
}

@media screen and (max-width: 1700px) {
  .history {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .history {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .history {
    padding: 60px 0;
  }
}

.history:before {
  content: url(../images/src/img/sections/history/bg.svg);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 277px;
}

@media screen and (max-width: 1700px) {
  .history:before {
    width: 100%;
    left: 20px;
    transform: none;
    top: 230px;
  }
}

@media screen and (max-width: 1500px) {
  .history:before {
    top: 220px;
  }
}

@media screen and (max-width: 1366px) {
  .history:before {
    top: 184px;
  }
}

@media screen and (max-width: 992px) {
  .history:before {
    top: 164px;
  }
}

@media screen and (max-width: 768px) {
  .history:before {
    content: none;
  }
}

.history__block {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1700px) {
  .history__block {
    margin-bottom: 47px;
  }
}

@media screen and (max-width: 1500px) {
  .history__block {
    margin-bottom: 118px;
  }
}

@media screen and (max-width: 768px) {
  .history__block {
    justify-content: center;
    margin-bottom: 30px;
  }
}

.history__block:nth-child(2) {
  justify-content: center;
}

.history__block:nth-child(3) {
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .history__block:nth-child(3) {
    justify-content: center;
  }
}

.history__block div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.history__block div span {
  font-size: 30px;
  font-weight: 500;
  padding: 20px 40px;
  border-radius: 500px;
  background: var(--accent-color);
  display: block;
  margin-bottom: 20px;
  color: var(--add-text-color);
}

@media screen and (max-width: 1700px) {
  .history__block div span {
    padding: 15px 30px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .history__block div span {
    font-size: 22px;
  }
}

@media screen and (max-width: 768px) {
  .history__block div span {
    font-size: 16px;
    padding: 10px 20px;
  }
}

.history__block div h6 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 1500px) {
  .history__block div h6 {
    font-size: 22px;
  }
}

.history__block div p {
  text-align: center;
  width: 450px;
  font-size: 22px;
  color: #7b7b7b;
}

@media screen and (max-width: 1700px) {
  .history__block div p {
    width: 400px;
  }
}

@media screen and (max-width: 1500px) {
  .history__block div p {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .history__block div p {
    width: 100%;
  }
}

.icon {
  fill: transparent;
  stroke: transparent;
  width: 62px;
  height: 62px;
}

.icon--dropdown-arrow {
  width: 16px;
  height: 16px;
  fill: var(--text-color);
}

.icon--slider-arrow {
  width: 20px;
  height: 20px;
  fill: var(--text-color);
}

@media screen and (max-width: 768px) {
  .icon--slider-arrow {
    width: 10px;
    height: 10px;
  }
}

.icon--play {
  width: 40px;
  height: 40px;
  fill: var(--accent-color);
}

.icon--ph {
  /* width: 24px;
    height: 24px; */
  width: clamp(1.25rem, 1.1057rem + 0.5369vw, 1.75rem);
  height: clamp(1.25rem, 1.1057rem + 0.5369vw, 1.75rem);
}

.icon--in,
.icon--tg,
.icon--wa,
.icon--x {
  width: 16px;
  height: 16px;
  /* width: 24px;
    height: 24px; */
  fill: var(--text-color);
}

.icon--circle-tick {
  width: 40px;
  height: 40px;
  fill: var(--accent-color);
}

.icon--tick {
  width: 24px;
  height: 17px;
  fill: var(--accent-color);
}

.interviews-card {
  padding: 40px;
  border-radius: 40px;
  position: relative;
  color: var(--add-text-color);
  overflow: hidden;
  cursor: pointer;
}

@media screen and (max-width: 1700px) {
  .interviews-card {
    padding: 30px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .interviews-card {
    padding: 20px;
    border-radius: 20px;
  }
}

@media screen and (min-width: 1366px) {
  .interviews-card:hover .interviews-card__content {
    transform: translateY(0);
  }

  .interviews-card:hover .interviews-card__link,
  .interviews-card:hover .interviews-card__title {
    color: var(--accent-color);
  }

  .interviews-card:hover .interviews-card__link svg {
    fill: var(--accent-color);
  }
}

.interviews-card__tip {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}

.interviews-card__tip span {
  display: block;
  font-size: 16px;
  padding: 14px 32px;
  border-radius: 500px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 1700px) {
  .interviews-card__tip span {
    font-size: 14px;
    padding: 12px 30px;
  }
}

@media screen and (max-width: 1500px) {
  .interviews-card__tip span {
    font-size: 10px;
  }
}

.interviews-card__preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.interviews-card__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.interviews-card__content {
  position: relative;
  z-index: 2;
  transition: 0.3s;
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
  transform: translateY(70px);
}

@media screen and (max-width: 1700px) {
  .interviews-card__content {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }
}

@media screen and (max-width: 1500px) {
  .interviews-card__content {
    bottom: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .interviews-card__content {
    left: 20px;
    right: 20px;
    bottom: 20px;
    transform: none;
  }
}

.interviews-card__title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .interviews-card__title {
    font-size: 26px;
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 1500px) {
  .interviews-card__title {
    font-size: 20px;
    margin-bottom: 14px;
  }
}

.interviews-card__text {
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 40px;
}

@media screen and (max-width: 1700px) {
  .interviews-card__text {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1500px) {
  .interviews-card__text {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 992px) {
  .interviews-card__text {
    font-size: 14px;
    margin-bottom: 14px;
  }
}

.interviews-card__link {
  display: flex;
  align-items: center;
  gap: 20px;
  color: inherit;
  font-size: 24px;
}

@media screen and (max-width: 1700px) {
  .interviews-card__link {
    gap: 15px;
    font-size: 20px;
  }
}

@media screen and (max-width: 1500px) {
  .interviews-card__link {
    font-size: 16px;
    gap: 12px;
  }
}

.interviews-card__link svg {
  transition: 0.3s;
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  fill: var(--add-text-color);
}

@media screen and (max-width: 1700px) {
  .interviews-card__link svg {
    width: 18px;
    height: 18px;
  }
}

@media screen and (max-width: 1366px) {
  .interviews-card__link svg {
    width: 14px;
    height: 14px;
  }
}

@media screen and (max-width: 992px) {
  .interviews-card__link svg {
    width: 12px;
    height: 12px;
  }
}

.interviews-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 660px;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .interviews-cards {
    gap: 10px;
    grid-template-rows: 500px;
  }
}

@media screen and (max-width: 1366px) {
  .interviews-cards {
    grid-template-rows: 450px;
  }
}

@media screen and (max-width: 992px) {
  .interviews-cards {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 300px);
  }
}

.interviews {
  padding: 120px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .interviews {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .interviews {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .interviews {
    padding: 60px 0;
  }
}

.invested-projects-card {
  width: 820px;
  padding: 30px;
  background: var(--page-bg);
  border-radius: 40px;
  opacity: 0.3;
  transition: 0.3s;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card {
    width: 650px;
    padding: 30px;
    border-radius: 30px;
  }
}

.invested-projects-card.swiper-slide-active {
  opacity: 1;
}

.invested-projects-card__header {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--bg-color);
  margin-bottom: 30px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__header {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__header {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

.invested-projects-card__header img {
  height: 63px;
  width: auto;
  display: block;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__header img {
    height: 43px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__header img {
    height: 38px;
  }
}

.invested-projects-card__header p {
  font-size: 24px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__header p {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__header p {
    font-size: 16px;
  }
}

.invested-projects-card__adv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__adv {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__adv {
    margin-bottom: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
}

.invested-projects-card__adv div {
  border-radius: 20px;
  background: var(--bg-color);
  padding: 10px 20px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__adv div {
    padding: 8px 16px;
    border-radius: 16px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__adv div {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 15px 0;
    border-radius: 14px;
  }
}

.invested-projects-card__adv div h6 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__adv div h6 {
    font-size: 28px;
    margin-bottom: 8px;
  }
}

.invested-projects-card__adv div p {
  font-size: 18px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__adv div p {
    font-size: 16px;
  }
}

.invested-projects-card__steps {
  margin-bottom: 30px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__steps {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__steps {
    margin-bottom: 20px;
  }
}

.invested-projects-card__steps h6 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__steps h6 {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__steps h6 {
    font-size: 16px;
    margin-bottom: 6px;
  }
}

.invested-projects-card__steps ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__steps ul {
    gap: 8px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__steps ul {
    gap: 6px;
  }
}

.invested-projects-card__steps ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__steps ul li {
    gap: 8px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__steps ul li {
    gap: 6px;
  }
}

.invested-projects-card__steps ul li .icon {
  transform: rotate(180deg);
  fill: #06daae;
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__steps ul li .icon {
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__steps ul li .icon {
    width: 14px;
    height: 14px;
  }
}

.invested-projects-card__steps ul li p {
  font-size: 16px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__steps ul li p {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__steps ul li p {
    font-size: 12px;
  }
}

.invested-projects-card__button {
  width: 364px;
}

@media screen and (max-width: 1700px) {
  .invested-projects-card__button {
    width: 300px;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects-card__button {
    width: 100%;
  }
}

.invested-projects {
  background: var(--bg-color);
  padding: 60px 0;
}

@media screen and (max-width: 1700px) {
  .invested-projects {
    padding: 50px 0;
  }
}

@media screen and (max-width: 1366px) {
  .invested-projects {
    padding: 40px 0;
  }
}

@media screen and (max-width: 992px) {
  .invested-projects__slider {
    padding: 0 10px;
  }
}

.invested-projects_new .invested-projects-card {
  padding: 0;
  opacity: 1;
}
.invested-projects_new .invested-projects-card_img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/0.57;
}
.invested-projects_new .invested-projects-card_img .card_logo {
  position: absolute;
  top: 60px;
  left: 45px;
}
.invested-projects_new .invested-projects-card_img .card_bg {
  width: 100%;
  height: 100%;
  border-radius: 40px;
}
.invested-projects_new .invested-projects-card h3 {
  font-weight: 500;
  font-size: 50px;
  line-height: 100%;
  color: #1e2021;
  margin-top: 30px;
}
.invested-projects_new .invested-projects-card p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1e2021;
  margin-top: 20px;
}
@media screen and (max-width: 992px) {
  .invested-projects_new .invested-projects-card_img .card_logo {
    top: 30px;
    left: 25px;
  }
  .invested-projects_new .invested-projects-card h3 {
    font-size: 32px;
  }
}

.investors-ai {
  padding: 120px 0;
}

@media screen and (max-width: 1700px) {
  .investors-ai {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ai {
    padding: 80px 0;
  }
}

.investors-ai__title {
  font-size: 44px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .investors-ai__title {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-ai__title {
    font-size: 33px;
  }
}

@media screen and (max-width: 992px) {
  .investors-ai__title {
    font: 24px;
  }
}

.investors-ai__subtitle {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 60px;
  display: block;
}

@media screen and (max-width: 1700px) {
  .investors-ai__subtitle {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-ai__subtitle {
    font-size: 22px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ai__subtitle {
    font-size: 20px;
  }
}

@media screen and (max-width: 992px) {
  .investors-ai__subtitle {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.investors-ai__box {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1366px) {
  .investors-ai__box {
    flex-direction: column;
    gap: 20px;
  }
}

.investors-ai__content {
  width: 680px;
}

@media screen and (max-width: 1500px) {
  .investors-ai__content {
    width: 48%;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ai__content {
    width: 100%;
  }
}

.investors-ai__text {
  font-size: 22px;
  margin-bottom: 60px;
  line-height: 150%;
}

.investors-ai__text p {
  font-size: 22px;
}

@media screen and (max-width: 1700px) {
  .investors-ai__text {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-ai__text {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .investors-ai__text p {
    font-size: 16px;
  }
}

.investors-ai__chart {
  width: 820px;
}

@media screen and (max-width: 1700px) {
  .investors-ai__chart {
    width: 680px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-ai__chart {
    width: 48%;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ai__chart {
    width: 100%;
    order: -1;
  }
}

.investors-ai__chart img {
  width: 100%;
}

.investors-ai__chart img:last-of-type {
  display: none;
}

@media screen and (max-width: 480px) {
  .investors-ai__chart img:first-of-type {
    display: none;
  }

  .investors-ai__chart img:last-of-type {
    display: block;
  }
}

.investors-ai__button {
  width: 290px;
}

@media screen and (max-width: 992px) {
  .investors-ai__button {
    width: 100%;
  }
}

.investors-download {
  padding: 120px 0;
}

@media screen and (max-width: 1700px) {
  .investors-download {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .investors-download {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .investors-download {
    padding: 60px 0;
  }
}

.investors-download h2 {
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .investors-download h2 {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-download h2 {
    margin-bottom: 10px;
  }
}

.investors-download__subtitle {
  display: block;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .investors-download__subtitle {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-download__subtitle {
    font-size: 22px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .investors-download__subtitle {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

.investors-download__tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .investors-download__tabs {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) {
  .investors-download__tabs {
    flex-wrap: wrap;
  }
}

.investors-download__tabs button {
  font-size: 22px;
  padding: 10px 40px;
  border-radius: 500px;
  background: var(--bg-color);
  transition: 0.3s;
}

@media screen and (max-width: 1700px) {
  .investors-download__tabs button {
    font-size: 20px;
    padding: 10px 30px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-download__tabs button {
    font-size: 16px;
  }
}

.investors-download__tabs button.active,
.investors-download__tabs button:hover {
  color: var(--add-text-color);
  background: var(--accent-color);
}

.investors-download__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .investors-download__list {
    gap: 10px;
  }
}

.investors-download__list li {
  padding: 30px 40px;
  border-radius: 20px;
  background: var(--bg-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1700px) {
  .investors-download__list li {
    padding: 20px 30px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-download__list li {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 992px) {
  .investors-download__list li {
    gap: 20px;
  }
}

.investors-download__name {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .investors-download__name {
    gap: 15px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-download__name {
    gap: 10px;
  }
}

@media screen and (max-width: 1700px) {
  .investors-download__name img {
    width: 50px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-download__name img {
    width: 30px;
  }
}

.investors-download__name p {
  font-size: 30px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .investors-download__name p {
    font-size: 22px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-download__name p {
    font-size: 20px;
  }
}

@media screen and (max-width: 992px) {
  .investors-download__name p {
    font-size: 16px;
  }
}

.investors-download a {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 22px;
  color: var(--accent-color);
}

@media screen and (max-width: 1700px) {
  .investors-download a {
    font-size: 20px;
    gap: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-download a {
    font-size: 16px;
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .investors-download a {
    font-size: 14px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-download a img {
    width: 15px;
    min-width: 15px;
  }
}

.investors-earn {
  padding: 120px 0;
}

@media screen and (max-width: 1700px) {
  .investors-earn {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .investors-earn {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .investors-earn {
    padding: 60px 0;
  }
}

.investors-earn ul {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d9d9d9;
}

.investors-earn ul li {
  padding: 40px 0;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .investors-earn ul li {
    padding: 30px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1366px) {
  .investors-earn ul li {
    padding: 20px 0;
  }
}

@media screen and (max-width: 992px) {
  .investors-earn ul li {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.investors-earn ul li span {
  font-size: 22px;
}

@media screen and (max-width: 1500px) {
  .investors-earn ul li span {
    font-size: 16px;
  }
}

.investors-earn ul li div {
  font-weight: 500;
  font-size: 30px;
  width: 1100px;
}

@media screen and (max-width: 1700px) {
  .investors-earn ul li div {
    width: 950px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-earn ul li div {
    font-size: 22px;
    width: 800px;
  }
}

@media screen and (max-width: 1200px) {
  .investors-earn ul li div {
    width: 700px;
  }
}

@media screen and (max-width: 992px) {
  .investors-earn ul li div {
    font-size: 20px;
    width: auto;
  }
}

.investors-hero {
  padding: 140px 0 330px;
  background: var(--page-bg)
    url(../images/src/img/sections/investors-hero/bg.jpg) top/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .investors-hero {
    background: var(--page-bg)
      url(../images/src/img/sections/investors-hero/bg@2x.jpg) top/cover
      no-repeat;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
  screen and (min-resolution: 192dpi) and (max-width: 1366px) {
  .investors-hero {
    background: var(--page-bg)
      url(../images/src/img/sections/investors-hero/bg-no-chart@2x.jpg)
      top/cover no-repeat;
  }
}

@media screen and (max-width: 1366px) {
  .investors-hero {
    padding: 60px 0 200px;
    background: var(--page-bg)
      url(../images/src/img/sections/investors-hero/bg-no-chart.jpg) top/cover
      no-repeat;
  }
}

@media screen and (max-width: 992px) {
  .investors-hero {
    padding: 60px 0 150px;
  }
}

.investors-hero__title {
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 77px;
  width: 60%;
}

@media screen and (max-width: 1700px) {
  .investors-hero__title {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1500px) {
  .investors-hero__title {
    font-size: 45px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 992px) {
  .investors-hero__title {
    font-size: 50px;
    margin-bottom: 30px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .investors-hero__title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

.investors-ind-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .investors-ind-card {
    gap: 10px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ind-card {
    grid-template-columns: 1fr;
  }
}

.investors-ind-card__image {
  border-radius: 40px;
  overflow: hidden;
}

@media screen and (max-width: 1700px) {
  .investors-ind-card__image {
    border-radius: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ind-card__image {
    border-radius: 20px;
  }
}

.investors-ind-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.investors-ind-card__content {
  padding: 40px;
  border-radius: 40px;
  background: var(--page-bg);
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1700px) {
  .investors-ind-card__content {
    padding: 30px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ind-card__content {
    padding: 20px;
    border-radius: 20px;
  }
}

.investors-ind-card__content h6 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 40px;
}

@media screen and (max-width: 1500px) {
  .investors-ind-card__content h6 {
    font-size: 22px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ind-card__content h6 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .investors-ind-card__content h6 {
    margin-bottom: 20px;
  }
}

.investors-ind-card__content p {
  font-size: 22px;
}

@media screen and (max-width: 1500px) {
  .investors-ind-card__content p {
    font-size: 16px;
  }
}

.investors-ind {
  padding: 120px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .investors-ind {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .investors-ind {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .investors-ind {
    padding: 60px 0;
  }
}

.investors-ind__slider {
  margin-bottom: 40px;
}

.investors-ind__button {
  display: flex;
  justify-content: center;
}

.investors-ind__button button {
  width: 350px;
}

@media screen and (max-width: 1366px) {
  .investors-ind__button button {
    width: 270px;
  }
}

.investors-results {
  padding: 120px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .investors-results {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .investors-results {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .investors-results {
    padding: 60px 0;
  }
}

.investors-results__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .investors-results__list {
    gap: 10px;
  }
}

@media screen and (max-width: 1366px) {
  .investors-results__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .investors-results__list {
    grid-template-columns: 1fr;
  }
}

.investors-results .portfolio-results-card {
  width: 100%;
}

.label {
  position: relative;
  display: block;
}

.label input {
  background: var(--input-bg-color);
  border: 2px solid var(--input-border-color);
  font-size: 18px;
  border-radius: 500px;
  padding: 26px 40px 13px;
  width: 340px;
  height: 80px;
}

@media screen and (max-width: 1700px) {
  .label input {
    width: 300px;
    height: 60px;
    font-size: 14px;
  }
}

.label input:focus ~ span {
  font-size: 12px;
  transform: translateY(-25px);
}

@media screen and (max-width: 1700px) {
  .label input:focus ~ span {
    transform: translateY(-20px);
  }
}

.label input:valid ~ span {
  font-size: 12px;
  transform: translateY(-25px);
}

@media screen and (max-width: 1700px) {
  .label input:valid ~ span {
    transform: translateY(-20px);
  }
}

.label span {
  color: var(--label-span-color);
  font-size: 18px;
  transition: 0.3s;
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  cursor: text;
}

@media screen and (max-width: 1700px) {
  .label span {
    font-size: 14px;
  }
}

.language-select__wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.language-select__item {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}

@media screen and (max-width: 1700px) {
  .language-select__item {
    gap: 7px;
  }
}

@media screen and (max-width: 1200px) {
  .language-select__item {
    gap: 5px;
  }
}

.language-select__item:not(.language-select__item.dropdown-link):hover {
  color: var(--accent-color);
}

.language-select__flag {
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1700px) {
  .language-select__flag {
    width: 15px;
    height: 15px;
  }
}

@media screen and (max-width: 1200px) {
  .language-select__flag {
    width: 10px;
    height: 10px;
  }
}

.language-select__flag img {
  width: 100%;
  height: 100%;
}

.language-select__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

@media screen and (max-width: 1700px) {
  .language-select__arrow {
    margin-left: 7px;
  }
}

@media screen and (max-width: 1200px) {
  .language-select__arrow {
    margin-left: 5px;
  }
}

.language-select .icon--dropdown-arrow {
  transition: 0.3s;
}

.logo {
  width: 204px;
}

@media screen and (max-width: 1700px) {
  .logo {
    width: 180px;
  }
}

@media screen and (max-width: 1500px) {
  .logo {
    width: 150px;
  }
}

@media screen and (max-width: 992px) {
  .logo {
    width: 130px;
  }
}

.modal {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: hidden;
  z-index: 10000;
  color: var(--add-text-color);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.modal.active {
  opacity: 1;
  visibility: visible;
}

.modal__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(3, 15, 22, 0.5);
}

.modal__dialog {
  padding: 100px;
  border-radius: 40px;
  background: #061e2e;
}

@media screen and (max-width: 1700px) {
  .modal__dialog {
    padding: 80px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .modal__dialog {
    padding: 50px 20px;
    border-radius: 20px;
    width: 100%;
  }
}

.modal__title {
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (max-width: 1700px) {
  .modal__title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .modal__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.modal form {
  width: 600px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .modal form {
    width: 500px;
    gap: 15px;
  }
}

@media screen and (max-width: 992px) {
  .modal form {
    width: 100%;
    gap: 10px;
  }
}

.modal .label {
  width: 100%;
}

.modal .label span {
  font-size: 18px;
}

@media screen and (max-width: 992px) {
  .modal .label span {
    font-size: 14px;
  }
}

.modal .label input {
  width: 100%;
  height: 80px;
  font-size: 18px;
}

@media screen and (max-width: 992px) {
  .modal .label input {
    height: 60px;
    font-size: 14px;
  }
}

.modal__file {
  cursor: pointer;
}

.modal__file input {
  display: none;
}

.modal__file div {
  background: var(--input-bg-color);
  border: 2px solid var(--input-border-color);
  font-size: 18px;
  border-radius: 500px;
  padding: 0 40px;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 1700px) {
  .modal__file div {
    width: 100%;
    height: 80px;
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .modal__file div {
    height: 60px;
  }
}

.modal__file span {
  color: var(--label-span-color);
  font-size: 18px;
}

@media screen and (max-width: 1700px) {
  .modal__file span {
    font-size: 14px;
  }
}

.modal__policy,
.subscribe-form .modal__policy {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.form-section-form .modal__policy {
  width: auto;
}

.subscribe-form .modal__policy {
  width: auto;
  position: absolute;
  bottom: -45px;
}

.modal__policy span {
  width: 24px;
  height: 24px;
  background: transparent;
  border-radius: 6px;
  border: 1px solid #1c4763;
  background: #0f2c40;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 992px) {
  .modal__policy span {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 4px;
  }
}

.modal__policy span svg {
  width: 12px;
  height: 12px;
  fill: #1c4763;
}

@media screen and (max-width: 992px) {
  .modal__policy span svg {
    width: 10px;
    height: 10px;
  }
}

.modal__policy p {
  font-size: 16px;
  font-weight: 400;
  color: #46667b;
}

.modal__policy p a {
  color: #1ab9be;
}

.modal__policy input {
  opacity: 0;
}

.modal__policy input:checked ~ span svg {
  fill: #1ab9be;
}

.modal-success .modal__dialog {
  text-align: center;
}

.modal-success__image {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 253px;
  margin: 0 auto;
}

.modal-success__image img {
  width: 100%;
}

@media screen and (max-width: 992px) {
  .modal-success__image {
    margin-bottom: 20px;
  }
}

.modal-success h3 {
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 15px;
  width: 600px;
}

@media screen and (max-width: 1700px) {
  .modal-success h3 {
    width: 500px;
    font-size: 40px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 992px) {
  .modal-success h3 {
    width: 100%;
    font-size: 24px;
  }
}

.modal-success p {
  font-size: 24px;
}

@media screen and (max-width: 992px) {
  .modal-success p {
    font-size: 16px;
  }
}

.mounth-review-card {
  padding: 40px;
  border-radius: 40px;
  background: var(--bg-color);
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.3s;
}

.mounth-review__card:hover {
  box-shadow: 0 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.mounth-review-card.four {
  gap: 40px;
}

.mounth-review-card__content.four {
  align-self: baseline;
  margin-top: 38px;
}

@media screen and (max-width: 1700px) {
  .mounth-review-card {
    padding: 27px;
    border-radius: 35px;
  }
}

@media screen and (max-width: 768px) {
  .mounth-review-card {
    padding: 30px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 480px) {
  .mounth-review-card.four {
    flex-direction: column;
    align-items: baseline;
    gap: 20px;
  }
}

.mounth-review-card span {
  position: absolute;
  top: 40px;
  left: 40px;
  font-size: 22px;
  color: #cacaca;
  font-weight: 700;
}

@media screen and (max-width: 1700px) {
  .mounth-review-card span {
    top: 35px;
    left: 35px;
  }
}

@media screen and (max-width: 1500px) {
  .mounth-review-card span {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .mounth-review-card span {
    left: auto;
    top: 30px;
    right: 30px;
  }
}

.mounth-review-card span.right {
  left: auto;
  right: 40px;
}

@media screen and (max-width: 1700px) {
  .mounth-review-card span.right {
    right: 35px;
  }
}

@media screen and (max-width: 768px) {
  .mounth-review-card span.right {
    right: 30px;
  }
}

.mounth-review-card__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mounth-review-card__image {
  width: 110px;
  height: 110px;
}

@media screen and (max-width: 1500px) {
  .mounth-review-card__image {
    width: 80px;
    height: 80px;
  }
}

@media screen and (max-width: 1366px) {
  .mounth-review-card__image {
    width: 60px;
    height: 60px;
  }
}

.mounth-review-card__image img {
  width: 100%;
  height: 100%;
}

.mounth-review-card p {
  font-size: 22px;
}

@media screen and (max-width: 1500px) {
  .mounth-review-card p {
    font-size: 16px;
  }
}

.mounth-review-card__title {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .mounth-review-card__title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .mounth-review-card__title {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

.mounth-review-card__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .mounth-review-card__list {
    gap: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .mounth-review-card__list {
    gap: 5px;
  }
}

.mounth-review-card__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 22px;
}

@media screen and (max-width: 1500px) {
  .mounth-review-card__list li {
    font-size: 16px;
  }
}

.mounth-review-card__list li span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
}

.mounth-review-card__list li span svg {
  width: 15px;
  height: 15px;
  transform: rotate(180deg);
  fill: var(--accent-color);
}

@media screen and (max-width: 1500px) {
  .mounth-review-card__list li span svg {
    width: 12px;
    height: 12px;
  }
}

.mounth-review {
  padding: 120px 0 80px;
}

@media screen and (max-width: 1500px) {
  .mounth-review {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .mounth-review {
    padding: 60px 0;
  }
}

.mounth-review__header {
  margin-bottom: 20px;
}

.mounth-review__subtitle {
  font-size: 24px;
  line-height: 150%;
  width: 800px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .mounth-review__subtitle {
    font-size: 22px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .mounth-review__subtitle {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .mounth-review__subtitle {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
  }
}

.mounth-review__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 400px);
  gap: 20px;
  position: relative;
}

@media screen and (max-width: 1700px) {
  .mounth-review__cards {
    gap: 10px;
    grid-template-rows: repeat(2, 300px);
  }
}

@media screen and (max-width: 1366px) {
  .mounth-review__cards {
    grid-template-rows: repeat(2, 250px);
  }
}

@media screen and (max-width: 768px) {
  .mounth-review__cards {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.mounth-review__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  padding: 42.5px;
  background: var(--page-bg);
  border-radius: 5000px;
}

@media screen and (max-width: 1700px) {
  .mounth-review__logo {
    padding: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .mounth-review__logo {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .mounth-review__logo {
    display: none;
  }
}

.mounth-review__logo img {
  width: 215px;
}

@media screen and (max-width: 1700px) {
  .mounth-review__logo img {
    width: 180px;
  }
}

@media screen and (max-width: 1366px) {
  .mounth-review__logo img {
    width: 150px;
  }
}

@media screen and (max-width: 992px) {
  .nav {
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 68px);
    padding: 50px 0;
    display: flex;
    justify-content: center;
    background: var(--page-bg);
    z-index: 999;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(80%);
    overflow: auto;
  }

  .nav.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

.nav__list {
  display: flex;
  align-items: center;
  gap: 60px;
}

@media screen and (max-width: 1700px) {
  .nav__list {
    gap: 35px;
  }
}

@media screen and (max-width: 1200px) {
  .nav__list {
    gap: 20px;
  }
}

@media screen and (max-width: 992px) {
  .nav__list {
    align-items: start;
    flex-direction: column;
    gap: 30px;
  }
}

@media screen and (max-width: 992px) {
  .nav__link {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .nav .dropdown-item:hover .dropdown {
    display: block;
  }
}

@media screen and (max-width: 992px) {
  .nav .dropdown-link,
  .nav .dropdown-link .icon--dropdown-arrow {
    transition: none;
  }
}

@media screen and (max-width: 992px) {
  .nav .dropdown {
    position: static;
    display: none;
    transform: none;
    padding-top: 20px;
  }

  .nav .dropdown__wrapper {
    padding: 0;
  }
}

.news-list-card {
  border-radius: 30px;
  background: var(--page-bg);
}

@media screen and (max-width: 1500px) {
  .news-list-card {
    border-radius: 25px;
  }
}

@media screen and (max-width: 1366px) {
  .news-list-card {
    border-radius: 20px;
  }
}

.news-list-card__image {
  border-radius: 30px 30px 0 0;
  width: 100%;
  height: 210px;
  overflow: hidden;
}

@media screen and (max-width: 1500px) {
  .news-list-card__image {
    border-radius: 25px 25px 0 0;
    height: 160px;
  }
}

@media screen and (max-width: 1366px) {
  .news-list-card__image {
    border-radius: 20px 20px 0 0;
  }
}

.news-list-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-list-card__content {
  padding: 25px 30px 30px;
  height: 255px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 1366px) {
  .news-list-card__content {
    padding: 20px;
  }
}

.news-list-card__title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}

@media screen and (max-width: 1500px) {
  .news-list-card__title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .news-list-card__content {
    height: 225px;
  }
}

.news-list-card__text {
  font-size: 20px;
  color: #7b7b7b;
  margin-bottom: 20px;
  line-height: 150%;
  height: 85px;
  overflow: hidden;
}

@media screen and (max-width: 1500px) {
  .news-list-card__text {
    font-size: 16px;
    margin-bottom: 10px;
    height: 75px;
  }
}

.news-list-card__link {
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--accent-color);
  font-size: 20px;
  cursor: pointer;
}

@media screen and (max-width: 1700px) {
  .news-list-card__link {
    gap: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .news-list-card__link {
    font-size: 16px;
    gap: 10px;
  }
}

.news-list-card__link svg {
  transform: rotate(180deg);
  fill: var(--accent-color);
  width: 24px;
  height: 24px;
  margin-top: 8px;
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 1366px) {
  .news-list-card__link svg {
    width: 14px;
    height: 14px;
    margin-top: 4px;
  }
}

.news-list {
  padding: 60px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .news-list {
    padding: 50px 0;
  }
}

@media screen and (max-width: 1366px) {
  .news-list {
    padding: 40px 0;
  }
}

.news-list__filters {
  display: flex;
  gap: 10px;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

@media screen and (max-width: 1700px) {
  .news-list__filters {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1500px) {
  .news-list__filters {
    margin-bottom: 30px;
  }
}

.news-list__filter {
  cursor: pointer;
  padding: 10px 40px;
  color: #a3a3a3;
  background: var(--page-bg);
  border-radius: 500px;
  font-size: 22px;
  transition: 0.3s;
}

@media screen and (max-width: 1700px) {
  .news-list__filter {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 1500px) {
  .news-list__filter {
    font-size: 16px;
  }
}

.news-list__filter.active,
.news-list__filter:hover {
  color: var(--add-text-color);
  background: var(--accent-color);
}

.news-list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}

.news-popup-container {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  transition: 0.3s;
  background: rgba(3, 15, 22, 0.5);
}

.news-popup-container.active {
  z-index: 10;
  opacity: 1;
}

.news-list-card.pop-up {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50vw;
  height: 70vh;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1150px) {
  .news-list-card.pop-up {
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .news-list-card.pop-up {
    width: 90%;
  }
}

.news-list-card__image.pop-up {
  height: 30%;
}

.news-list-card__content.pop-up {
  height: 70%;
  justify-content: center;
  gap: 20px;
}

.news-list-card__text.pop-up {
  overflow: auto;
  height: auto;
  max-height: 65%;
  scrollbar-width: thin;
}

.loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  z-index: 15;
  animation: rotate 1s linear infinite;
}

.loader:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 5px solid #afafaf;
  animation: prixClipFix 2s linear infinite;
}

@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }

  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }

  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }

  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }

  to {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

@media screen and (max-width: 1700px) {
  .news-list ul {
    gap: 20px;
  }
}

@media screen and (max-width: 1366px) {
  .news-list ul {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .news-list ul {
    grid-template-columns: 1fr;
  }
}

.news-list__more-button {
  display: flex;
  justify-content: center;
}

.news-list__more-button button {
  padding: 30px 60px;
  color: var(--add-text-color);
  background: var(--accent-color);
  border-radius: 500px;
  margin-top: 60px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
}

@media screen and (max-width: 1700px) {
  .news-list__more-button button {
    font-size: 20px;
    padding: 20px 40px;
    letter-spacing: 2px;
    margin-top: 50px;
  }
}

@media screen and (max-width: 1366px) {
  .news-list__more-button button {
    font-size: 16px;
    padding: 15px 30px;
    margin-top: 30px;
    letter-spacing: 1px;
  }
}

.news__title {
  font-size: 60px;
  font-weight: 500;
  padding: 60px 0;
  width: 1100px;
}

@media screen and (max-width: 1700px) {
  .news__title {
    padding: 50px 0;
  }
}

@media screen and (max-width: 1366px) {
  .news__title {
    width: 900px;
    padding: 40px 0;
    font-size: 45px;
  }
}

@media screen and (max-width: 992px) {
  .news__title {
    width: 100%;
    padding: 30px 0;
    font-size: 40px;
  }
}

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

.options-card {
  padding: 60px;
  border-radius: 40px;
  background: #c0c5c9;
  position: relative;
}

@media screen and (max-width: 1700px) {
  .options-card {
    padding: 50px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card {
    padding: 40px;
  }
}

@media screen and (max-width: 992px) {
  .options-card {
    padding: 20px;
    border-radius: 20px;
  }
}

.options-card__image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .options-card__image {
    border-radius: 20px;
  }
}

.options-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.options-card__tip {
  position: absolute;
  bottom: -60px;
  left: 60px;
  backdrop-filter: blur(20px);
  background: hsla(0, 0%, 89%, 0.2);
  padding: 40px;
  border-radius: 40px;
  width: 430px;
  z-index: 2;
}

@media screen and (max-width: 1700px) {
  .options-card__tip {
    left: 50px;
    bottom: -50px;
    padding: 30px;
    border-radius: 30px;
    width: 350px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card__tip {
    padding: 25px;
    left: 40px;
    bottom: -40px;
    width: 260px;
  }
}

@media screen and (max-width: 992px) {
  .options-card__tip {
    padding: 20px;
    border-radius: 20px;
    left: 20px;
    bottom: -40px;
    width: 250px;
  }
}

.options-card__tip h6 {
  font-size: 42px;
  font-weight: 700;
  color: var(--accent-color);
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .options-card__tip h6 {
    font-size: 40px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card__tip h6 {
    font-size: 28px;
    margin-bottom: 6px;
  }
}

.options-card__tip-subtitle {
  font-size: 16px;
  line-height: 150%;
}

@media screen and (max-width: 1700px) {
  .options-card__tip-subtitle {
    font-size: 14px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card__tip-subtitle {
    font-size: 10px;
  }
}

.options-card__custom {
  position: absolute;
  bottom: 0;
  left: 60px;
  bottom: 60px;
  width: 300px;
  z-index: 2;
}

@media screen and (max-width: 1700px) {
  .options-card__custom {
    left: 50px;
    bottom: 50px;
  }
}

@media screen and (max-width: 1366px) {
  .options-card__custom {
    left: 40px;
    bottom: 40px;
  }
}

@media screen and (max-width: 992px) {
  .options-card__custom {
    left: 20px;
    bottom: 20px;
  }
}

.options-card__custom h6 {
  font-size: 73px;
  font-weight: 700;
  color: var(--accent-color);
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .options-card__custom h6 {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card__custom h6 {
    font-size: 54px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 992px) {
  .options-card__custom h6 {
    font-size: 40px;
    margin-bottom: 8px;
  }
}

.options-card__custom-subtitle {
  font-size: 24px;
  line-height: 150%;
}

@media screen and (max-width: 1700px) {
  .options-card__custom-subtitle {
    font-size: 20px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card__custom-subtitle {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .options-card__custom-subtitle {
    font-size: 14px;
  }
}

.options-card__title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 1700px) {
  .options-card__title {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card__title {
    font-size: 22px;
    margin-bottom: 6px;
  }
}

.options-card__text {
  font-size: 22px;
  line-height: 150%;
  margin-bottom: 50px;
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 1700px) {
  .options-card__text {
    font-size: 20px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card__text {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.options-card__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 1700px) {
  .options-card__list {
    gap: 8px;
  }
}

@media screen and (max-width: 1366px) {
  .options-card__list {
    gap: 6px;
  }
}

.options-card__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 22px;
}

@media screen and (max-width: 1700px) {
  .options-card__list li {
    gap: 8px;
  }
}

@media screen and (max-width: 1500px) {
  .options-card__list li {
    gap: 6px;
    font-size: 16px;
  }
}

.options-card__list li svg {
  transform: rotate(180deg);
  width: 16px;
  height: 16px;
  fill: var(--accent-color);
}

@media screen and (max-width: 1700px) {
  .options-card__list li svg {
    width: 14px;
    height: 14px;
  }
}

@media screen and (max-width: 1366px) {
  .options-card__list li svg {
    width: 12px;
    height: 12px;
  }
}

.options-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 580px;
  gap: 20px;
  margin-bottom: 100px;
}

@media screen and (max-width: 1700px) {
  .options-cards {
    gap: 10px;
    grid-template-rows: 500px;
  }
}

@media screen and (max-width: 1500px) {
  .options-cards {
    margin-bottom: 80px;
    grid-template-rows: 430px;
  }
}

@media screen and (max-width: 992px) {
  .options-cards {
    margin-bottom: 60px;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 350px);
    gap: 50px;
  }
}

.options-team-card {
  padding: 40px;
  border-radius: 40px;
  background: var(--page-bg);
}

@media screen and (max-width: 1700px) {
  .options-team-card {
    padding: 30px;
    border-radius: 30px;
    padding: 27px;
  }
}

@media screen and (max-width: 992px) {
  .options-team-card {
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.options-team-card__image {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .options-team-card__image {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    width: 40px;
    height: 40px;
    margin-bottom: 13px;
  }
}

.options-team-card__image img {
  width: 100%;
  height: 100%;
}

.options-team-card p {
  font-size: 22px;
  line-height: 150%;
}

@media screen and (max-width: 1700px) {
  .options-team-card p {
    font-size: 20px;
  }
}

@media screen and (max-width: 1500px) {
  .options-team-card p {
    font-size: 16px;
  }
}

.options-team-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .options-team-cards {
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .options-team-cards {
    grid-template-columns: 1fr;
  }
}

.options {
  padding: 80px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 992px) {
  .options {
    padding: 60px 0;
  }
}

.policy {
  padding: 60px 0;
}

@media screen and (max-width: 1700px) {
  .policy {
    padding: 50px 0;
  }
}

@media screen and (max-width: 1366px) {
  .policy {
    padding: 40px 0;
  }
}

@media screen and (max-width: 992px) {
  .policy {
    padding: 30px 0;
  }
}

.policy__title {
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .policy__title {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .policy__title {
    font-size: 45px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .policy__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

.policy__list {
  border-top: 1px solid #d9d9d9;
}

.policy__list li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  padding: 36px 0;
}

@media screen and (max-width: 1500px) {
  .policy__list li {
    padding: 27px 0;
  }
}

@media screen and (max-width: 1366px) {
  .policy__list li {
    padding: 20px 0;
  }
}

@media screen and (max-width: 992px) {
  .policy__list li {
    padding: 15px 0;
    flex-direction: column;
    gap: 20px;
  }
}

.policy__list li h6 {
  font-size: 30px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .policy__list li h6 {
    font-size: 22px;
  }
}

@media screen and (max-width: 992px) {
  .policy__list li h6 {
    font-size: 20px;
  }
}

.policy__list li p {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 150%;
}

@media screen and (max-width: 1500px) {
  .policy__list li p {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) {
  .policy__list li p {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.policy__text {
  width: 1000px;
}

@media screen and (max-width: 1500px) {
  .policy__text {
    width: 750px;
  }
}

@media screen and (max-width: 1366px) {
  .policy__text {
    width: 600px;
  }
}

@media screen and (max-width: 992px) {
  .policy__text {
    width: 100%;
  }
}

.portfolio-card-description {
  padding: 90px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1366px) {
  .portfolio-card-description {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-description {
    padding: 60px 0;
  }
}

.portfolio-card-description__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-description__wrapper {
    gap: 30px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-description__wrapper {
    gap: 20px;
    display: flex;
    flex-direction: column;
  }
}

.portfolio-card-description__title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 40px;
}

@media screen and (max-width: 1500px) {
  .portfolio-card-description__title {
    font-size: 30px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-description__title {
    margin-bottom: 20px;
  }
}

.portfolio-card-description__text,
.portfolio-card-description__text p {
  font-size: 20px;
  line-height: 150%;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-description__text,
  .portfolio-card-description__text p {
    font-size: 20px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-description__text,
  .portfolio-card-description__text p {
    font-size: 16px;
  }
}

.portfolio-card-description__video {
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-description__video {
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-description__video {
    border-radius: 20px;
    order: -1;
    width: 100%;
    aspect-ratio: 1.7012448133;
  }
}

.portfolio-card-description__preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.portfolio-card-description__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.portfolio-card-description__play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.portfolio-card-description__play-button svg {
  width: 80px;
  height: 80px;
  fill: var(--accent-color);
}

@media screen and (max-width: 1700px) {
  .portfolio-card-description__play-button svg {
    width: 60px;
    height: 60px;
  }
}

.portfolio-card-hero__container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.portfolio-card-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-hero__wrapper {
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-hero__wrapper {
    display: flex;
    flex-direction: column;
  }
}

.portfolio-card-hero__content {
  border-radius: 60px;
  background: var(--bg-color);
  padding: 84px 40px 0
    calc(50vw - var(--container-width) / 2 - 20px + var(--container-padding));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-hero__content {
    border-radius: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .portfolio-card-hero__content {
    padding: 60px 40px 0
      calc(50vw - var(--container-width) / 2 + 130px + var(--container-padding));
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-hero__content {
    border-radius: 30px;
    padding: 60px 80px 0
      calc(50vw - var(--container-width) / 2 + 130px + var(--container-padding));
  }
}

@media screen and (max-width: 1200px) {
  .portfolio-card-hero__content {
    border-radius: 30px;
    padding: 60px 80px 0 15px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-hero__content {
    border-radius: 20px;
    padding: 20px 20px 0;
  }
}

@media screen and (max-width: 500px) {
  .portfolio-card-hero__content {
    padding-bottom: 20px;
  }
}

.portfolio-card-hero__image {
  border-radius: 60px;
  overflow: hidden;
  height: 618px;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-hero__image {
    border-radius: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .portfolio-card-hero__image {
    height: 465px;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-hero__image {
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-hero__image {
    order: -1;
    border-radius: 20px;
  }
}

.portfolio-card-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1366px) {
  .portfolio-card-hero__image img {
    height: 463px;
  }
}

@media screen and (max-width: 768px) {
  .portfolio-card-hero__image img {
    height: 100%;
  }
}

.portfolio-card-hero__title {
  font-size: 60px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .portfolio-card-hero__title {
    font-size: 45px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-hero__title {
    font-size: 30px;
    margin-bottom: 40px;
  }
}

.portfolio-card-hero__tips {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

@media screen and (max-width: 500px) {
  .portfolio-card-hero__tips {
    display: flex;
    flex-direction: column;
  }
}

.portfolio-card-hero__tip {
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background: rgba(126, 135, 148, 0.12);
  border-radius: 40px 40px 0 0;
  padding: 30px;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-hero__tip {
    padding: 30px;
    border-radius: 30px 30px 0 0;
  }
}

@media screen and (max-width: 1500px) {
  .portfolio-card-hero__tip {
    padding: 20px;
    border-radius: 20px 20px 0 0;
  }
}

@media screen and (max-width: 500px) {
  .portfolio-card-hero__tip {
    border-radius: 20px;
  }
}

.portfolio-card-hero__tip span {
  font-size: 13px;
  line-height: 150%;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-hero__tip span {
    font-size: 14px;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-hero__tip span {
    font-size: 12px;
  }
}

.portfolio-card-hero__tip h6 {
  font-size: 26px;
  font-weight: 500;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-hero__tip h6 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-hero__tip h6 {
    font-size: 16px;
  }
}

.portfolio-card-hero__tip-link {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-hero__tip-link {
    gap: 10px;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-hero__tip-link {
    gap: 6px;
  }
}

.portfolio-card-hero__tip-link svg {
  width: 36px;
  height: 36px;
  fill: var(--text-color);
}

@media screen and (max-width: 1700px) {
  .portfolio-card-hero__tip-link svg {
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-hero__tip-link svg {
    width: 16px;
    height: 16px;
  }
}

.portfolio-card-offer {
  padding: 100px 0;
  background: var(--dark-bg-color)
    url(../images/src/img/components/portfolio-card-offer/bg.png) 100% 100% /
    auto 100% no-repeat;
  color: var(--add-text-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .portfolio-card-offer {
    background: var(--dark-bg-color)
      url(../images/src/img/components/portfolio-card-offer/bg@2x.png) 100% 100% /
      auto 100% no-repeat;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 992px),
  screen and (min-resolution: 192dpi) and (max-width: 992px) {
  .portfolio-card-offer {
    background-image: none;
  }
}

@media screen and (max-width: 1700px) {
  .portfolio-card-offer {
    padding: 80px 0;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-offer {
    padding: 60px 0;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-offer {
    background-image: none;
  }
}

.portfolio-card-offer__title {
  font-size: 44px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1500px) {
  .portfolio-card-offer__title {
    font-size: 33px;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-offer__title {
    font-size: 28px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-offer__title {
    font-size: 30px;
    margin-bottom: 20px;
    width: 100%;
  }
}

.portfolio-card-offer__button {
  width: 430px;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-offer__button {
    width: 350px;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-offer__button {
    width: 300px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-offer__button {
    width: 100%;
  }
}

.portfolio-card-results {
  padding: 120px 0;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-results {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-card-results {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-results {
    padding: 60px 0;
  }
}

.portfolio-card-results__tips {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

@media screen and (max-width: 1700px) {
  .portfolio-card-results__tips {
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-results__tips {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}

.portfolio-card-results__tip {
  padding: 40px;
  border-radius: 40px;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .portfolio-card-results__tip {
    padding: 30px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-results__tip {
    padding: 20px;
    border-radius: 20px;
  }
}

.portfolio-card-results__tip span {
  font-size: 22px;
  margin-bottom: 30px;
  display: block;
}

@media screen and (max-width: 1700px) {
  .portfolio-card-results__tip span {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1500px) {
  .portfolio-card-results__tip span {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-results__tip span {
    margin-bottom: 10px;
  }
}

.portfolio-card-results__tip h6 {
  font-size: 44px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .portfolio-card-results__tip h6 {
    font-size: 22px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-card-results__tip h6 {
    font-size: 20px;
  }
}

.portfolio-download {
  padding: 100px 0;
  background: var(--dark-bg-color)
    url(../images/src/img/sections/portfolio-download/bg.png) 100% 100% / auto
    100% no-repeat;
  color: var(--add-text-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .portfolio-download {
    background: var(--dark-bg-color)
      url(../images/src/img/sections/portfolio-download/bg@2x.png) 100% 100% /
      auto 100% no-repeat;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 992px),
  screen and (min-resolution: 192dpi) and (max-width: 992px) {
  .portfolio-download {
    background-image: none;
  }
}

@media screen and (max-width: 1700px) {
  .portfolio-download {
    padding: 80px 0;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-download {
    padding: 60px 0;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-download {
    background-image: none;
  }
}

.portfolio-download__title {
  width: 700px;
  font-size: 44px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1500px) {
  .portfolio-download__title {
    font-size: 33px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-download__title {
    font-size: 30px;
    margin-bottom: 20px;
    width: 100%;
  }
}

.portfolio-download__button {
  width: 430px;
}

@media screen and (max-width: 1700px) {
  .portfolio-download__button {
    width: 350px;
  }
}

@media screen and (max-width: 1500px) {
  .portfolio-download__button {
    width: 325px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-download__button {
    width: 100%;
  }
}

.portfolio-hero {
  padding: 100px 0 300px;
  background: var(--page-bg)
    url(../images/src/img/sections/portfolio-hero/bg.jpg) top/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /*     .portfolio-hero {
        background: var(--page-bg) url(../images/src/img/sections/portfolio-hero/bg@2x.jpg) bottom/cover no-repeat
    } */
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
  screen and (min-resolution: 192dpi) and (max-width: 1366px) {
  .portfolio-hero {
    background: var(--page-bg)
      url(../images/src/img/sections/portfolio-hero/bg-no-chart@2x.jpg)
      bottom/cover no-repeat;
  }
}

@media screen and (max-width: 1700px) {
  .portfolio-hero {
    padding: 100px 0 300px;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-hero {
    padding: 60px 0 200px;
    background: var(--page-bg)
      url(../images/src/img/sections/portfolio-hero/bg-no-chart.jpg)
      bottom/cover no-repeat;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-hero {
    padding: 60px 0 150px;
  }
}

.portfolio-hero__title {
  font-size: 64px;
  font-weight: 500;
  margin-bottom: 50px;
  width: 900px;
}

@media screen and (max-width: 1500px) {
  .portfolio-hero__title {
    font-size: 48px;
    margin-bottom: 50px;
    width: 700px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-hero__title {
    font-size: 44px;
    margin-bottom: 30px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .portfolio-hero__title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

.portfolio-results-card {
  padding: 20px;
  border-radius: 40px;
  background: var(--page-bg);
  width: calc(33.33333% - 20px);
  position: relative;
}

@media screen and (max-width: 1700px) {
  .portfolio-results-card {
    border-radius: 15px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-results-card {
    width: calc(50% - 10px);
    padding: 15px;
  }
}

@media screen and (max-width: 768px) {
  .portfolio-results-card {
    width: 100%;
  }
}

.portfolio-results-card__logo {
  position: absolute;
  top: 20px;
  left: 20px;
}

@media screen and (max-width: 1700px) {
  .portfolio-results-card__logo img {
    width: 70px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-results-card__logo {
    top: 15px;
    left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .portfolio-results-card__logo img {
    width: 50px;
  }
}

.portfolio-results-card__header {
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .portfolio-results-card__header {
    margin-bottom: 15px;
  }
}

.portfolio-results-card__image,
.portfolio-results-card__image img {
  width: 100%;
}

.portfolio-results-card__footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .portfolio-results-card__footer {
    gap: 10px;
  }
}

@media screen and (max-width: 500px) {
  .portfolio-results-card__footer {
    grid-template-columns: 1fr;
  }
}

.portfolio-results-card__tip {
  padding: 10px 0;
  border-radius: 20px;
  background: var(--bg-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

@media screen and (max-width: 1700px) {
  .portfolio-results-card__tip {
    gap: 8px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-results-card__tip {
    gap: 6px;
  }
}

.portfolio-results-card__tip span {
  font-size: 16px;
  color: #7e8794;
}

@media screen and (max-width: 1700px) {
  .portfolio-results-card__tip span {
    font-size: 14px;
  }
}

@media screen and (max-width: 1500px) {
  .portfolio-results-card__tip span {
    font-size: 10px;
  }
}

.portfolio-results-card__tip h6 {
  font-size: 28px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .portfolio-results-card__tip h6 {
    font-size: 22px;
  }
}

@media screen and (max-width: 992px) {
  .portfolio-results-card__tip h6 {
    font-size: 20px;
  }
}

.portfolio-results-cards {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.portfolio-results-cards a {
  cursor: pointer;
}

.portfolio-results {
  padding: 120px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .portfolio-results {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .portfolio-results {
    padding: 80px 0;
  }
}

.project-card-form {
  padding: 50px 0;
  background: var(--dark-bg-color)
    url(../images/src/img/components/projects-card-form/bg.png) 100% 100% / auto
    100% no-repeat;
  color: var(--add-text-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .project-card-form {
    background: var(--dark-bg-color)
      url(../images/src/img/components/projects-card-form/bg@2x.png) 100% 100% /
      auto 100% no-repeat;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
  screen and (min-resolution: 192dpi) and (max-width: 1366px) {
  .project-card-form {
    background-image: none;
  }
}

@media screen and (max-width: 1700px) {
  .project-card-form {
    padding: 40px 0;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-form {
    padding: 30px 0;
  }
}

.project-card-form__title {
  font-size: 44px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1500px) {
  .project-card-form__title {
    font-size: 33px;
    background-image: none;
  }
}

.project-card-hero__container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.project-card-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .project-card-hero__wrapper {
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-hero__wrapper {
    display: flex;
    flex-direction: column;
  }
}

.project-card-hero__content {
  border-radius: 60px;
  background: var(--bg-color);
  padding: 60px 40px 40px
    calc(50vw - var(--container-width) / 2 - 20px + var(--container-padding));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .project-card-hero__content {
    border-radius: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .project-card-hero__content {
    padding: 60px 40px 40px
      calc(50vw - var(--container-width) / 2 + 130px + var(--container-padding));
  }
}

@media screen and (max-width: 1366px) {
  .project-card-hero__content {
    border-radius: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .project-card-hero__content {
    padding: 60px 40px 40px 15px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-hero__content {
    padding: 20px;
    border-radius: 20px;
    gap: 0;
  }
}

@media screen and (max-width: 500px) {
  .project-card-hero__content {
    padding-bottom: 20px;
  }
}

.project-card-hero__image {
  border-radius: 60px;
  overflow: hidden;
  height: 780px;
}

@media screen and (max-width: 1700px) {
  .project-card-hero__image {
    border-radius: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .project-card-hero__image {
    border-radius: 30px;
    height: auto;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-hero__image {
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-hero__image {
    order: -1;
    border-radius: 20px;
  }
}

.project-card-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-card-hero__title {
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 72px;
}

@media screen and (max-width: 1500px) {
  .project-card-hero__title {
    font-size: 45px;
    margin-bottom: 54px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-hero__title {
    font-size: 30px;
    margin-bottom: 40px;
  }
}

.project-card-hero__tips-wrapper {
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .project-card-hero__tips-wrapper {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-hero__tips-wrapper {
    margin-bottom: 30px;
  }
}

.project-card-hero__tips-wrapper h5 {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .project-card-hero__tips-wrapper h5 {
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 1500px) {
  .project-card-hero__tips-wrapper h5 {
    font-size: 27px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-hero__tips-wrapper h5 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

.project-card-hero__tips {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

@media screen and (max-width: 500px) {
  .project-card-hero__tips {
    grid-template-columns: 1fr;
  }
}

.project-card-hero__tip {
  padding: 10px 40px;
  font-size: 20px;
  background: var(--page-bg);
  border-radius: 20px;
}

@media screen and (max-width: 1700px) {
  .project-card-hero__tip {
    padding: 10px 20px;
  }
}

.project-card-hero__tip h6 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .project-card-hero__tip h6 {
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 1500px) {
  .project-card-hero__tip h6 {
    font-size: 20px;
  }
}

.project-card-hero__tip span {
  font-size: 16px;
}

@media screen and (max-width: 1500px) {
  .project-card-hero__tip span {
    font-size: 12px;
  }
}

.project-card-hero button {
  width: 448px;
  height: 80px;
  padding: 0;
}

@media screen and (max-width: 1700px) {
  .project-card-hero button {
    width: 350px;
    height: 70px;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-hero button {
    width: 300px;
    height: 60px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-hero button {
    width: 100%;
  }
}

.project-card-metrics {
  padding: 80px 0;
}

@media screen and (max-width: 992px) {
  .project-card-metrics {
    padding: 60px 0;
  }
}

.project-card-metrics__text,
.project-card-metrics__text p {
  font-size: 22px;
  line-height: 150%;
  width: 820px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .project-card-metrics__text {
    width: 650px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .project-card-metrics__text {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .project-card-metrics__text p {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-metrics__text {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
  }

  .project-card-metrics__text p {
    font-size: 16px;
  }
}

.project-card-metrics__tips {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 120px;
}

@media screen and (max-width: 1700px) {
  .project-card-metrics__tips {
    gap: 10px;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-metrics__tips {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-metrics__tips {
    margin-bottom: 40px;
    grid-template-columns: 1fr;
  }
}

.project-card-metrics__tip {
  padding: 40px;
  border-radius: 40px;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .project-card-metrics__tip {
    padding: 30px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-metrics__tip {
    padding: 20px;
    border-radius: 20px;
  }
}

.project-card-metrics__tip span {
  font-size: 22px;
  margin-bottom: 30px;
  display: block;
}

@media screen and (max-width: 1700px) {
  .project-card-metrics__tip span {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1500x) {
  .project-card-metrics__tip span {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-metrics__tip span {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.project-card-metrics__tip h6 {
  font-size: 44px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .project-card-metrics__tip h6 {
    font-size: 32px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-metrics__tip h6 {
    font-size: 24px;
  }
}

.project-card-metrics__video {
  width: 100%;
  position: relative;
  border-radius: 40px;
  overflow: hidden;
  height: 800px;
  cursor: pointer;
}

@media screen and (max-width: 1700px) {
  .project-card-metrics__video {
    border-radius: 30px;
    height: 600px;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-metrics__video {
    border-radius: 20px;
    height: 400px;
  }
}

.project-card-metrics__preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.project-card-metrics__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-card-metrics__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.project-card-metrics__play-button svg {
  width: 80px;
  height: 80px;
  fill: var(--accent-color);
}

@media screen and (max-width: 1700px) {
  .project-card-metrics__play-button svg {
    width: 70px;
    height: 70px;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-metrics__play-button svg {
    width: 60px;
    height: 60px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-metrics__play-button svg {
    width: 40px;
    height: 40px;
  }
}

.project-card-slider {
  padding: 120px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .project-card-slider {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-slider {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .project-card-slider {
    padding: 30px 0;
  }
}

.project-card-table-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 60px 0;
  border-bottom: 1px solid #d9d9d9;
}

@media screen and (max-width: 1700px) {
  .project-card-table-row {
    padding: 40px 0;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-table-row {
    padding: 30px 0;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row {
    padding: 20px 0;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.project-card-table-row:first-child {
  padding-top: 0;
}

.project-card-table-row:last-child {
  border: none;
  padding-bottom: 0;
}

.project-card-table-row__title h3 {
  font-size: 44px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .project-card-table-row__title h3 {
    font-size: 32px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row__title h3 {
    font-size: 24px;
  }
}

.project-card-table-row__text,
.project-card-table-row__text p {
  font-size: 22px;
  line-height: 150%;
}

@media screen and (max-width: 1500px) {
  .project-card-table-row__text,
  .project-card-table-row__text p {
    font-size: 16px;
  }
}

.project-card-table-row__underline-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .project-card-table-row__underline-list {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .project-card-table-row__underline-list {
    margin-bottom: 30px;
  }
}

.project-card-table-row__underline-list li {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
}

@media screen and (max-width: 1366px) {
  .project-card-table-row__underline-list li {
    gap: 15px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row__underline-list li {
    gap: 10px;
  }
}

.project-card-table-row__underline-list li h6 {
  font-size: 22px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .project-card-table-row__underline-list li h6 {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row__underline-list li h6 {
    font-size: 14px;
  }
}

.project-card-table-row__underline-list li div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-bottom: 1px dashed #d9d9d9;
  transform: translateY(-50%);
}

.project-card-table-row__underline-list li span {
  font-size: 22px;
}

@media screen and (max-width: 1500px) {
  .project-card-table-row__underline-list li span {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row__underline-list li span {
    font-size: 14px;
  }
}

.project-card-table-row button {
  width: 450px;
  height: 80px;
  padding: 0;
}

@media screen and (max-width: 1700px) {
  .project-card-table-row button {
    width: 400px;
    height: 70px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row button {
    width: 100%;
    height: 60px;
  }
}

.project-card-table-row__u-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

@media screen and (max-width: 1700px) {
  .project-card-table-row__u-list {
    gap: 15px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row__u-list {
    gap: 10px;
  }
}

.project-card-table-row__u-list li {
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .project-card-table-row__u-list li {
    gap: 15px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row__u-list li {
    gap: 10px;
  }
}

.project-card-table-row__u-list li span {
  font-size: 22px;
  font-weight: 500;
  color: var(--accent-color);
  white-space: nowrap;
}

@media screen and (max-width: 1500px) {
  .project-card-table-row__u-list li span {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row__u-list li span {
    font-size: 14px;
  }
}

.project-card-table-row__u-list li .text {
  font-size: 22px;
  line-height: 150%;
  width: 100%;
}

@media screen and (max-width: 1500px) {
  .project-card-table-row__u-list li .text {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .project-card-table-row__u-list li .text {
    font-size: 14px;
  }
}

.project-card-table {
  padding: 90px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1500px) {
  .project-card-table {
    padding: 60px 0;
  }
}

.project-card-table__wrapper {
  display: flex;
  flex-direction: column;
}

.projects-card {
  padding: 36px;
  border-radius: 40px;
  background: var(--page-bg);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  cursor: pointer;
}

@media screen and (max-width: 1700px) {
  .projects-card {
    padding: 30px;
    border-radius: 30px;
    gap: 10px;
  }
}

@media screen and (max-width: 1366px) {
  .projects-card {
    padding: 20px;
    border-radius: 20px;
  }
}

@media screen and (max-width: 992px) {
  .projects-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.projects-card__image {
  width: 100%;
  height: 100%;
  border-radius: 27px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 1366px) {
  .projects-card__image {
    border-radius: 20px;
  }
}

@media screen and (max-width: 992px) {
  .projects-card__image {
    order: -1;
  }
}

.projects-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.projects-card__label {
  position: absolute;
  color: var(--add-text-color);
  top: 13px;
  right: 13px;
  font-size: 14px;
  padding: 9px 21px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 343px;
}

@media screen and (max-width: 1500px) {
  .projects-card__label {
    font-size: 11px;
    font-size: 10px;
    padding: 7px 15px;
    background: rgba(0, 0, 0, 0.6);
  }
}

.projects-card__logo {
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .projects-card__logo {
    margin-bottom: 15px;
    width: 80px;
  }
}

@media screen and (max-width: 1366px) {
  .projects-card__logo {
    width: 60px;
  }
}

.projects-card__title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .projects-card__title {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .projects-card__title {
    font-size: 22px;
    margin-bottom: 14px;
  }
}

.projects-card__text {
  font-size: 22px;
  color: #7b7b7b;
  line-height: 150%;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .projects-card__text {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .projects-card__text {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 992px) {
  .projects-card__text {
    font-size: 14px;
  }
}

.projects-card__tips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media screen and (max-width: 1366px) {
  .projects-card__tips {
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.projects-card__tip {
  padding: 10px 20px;
  width: calc(50% - 10px);
  border-radius: 20px;
  background: var(--bg-color);
}

@media screen and (max-width: 1366px) {
  .projects-card__tip {
    width: 100%;
  }
}

.projects-card__tip h6 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .projects-card__tip h6 {
    font-size: 22px;
  }
}

@media screen and (max-width: 1366px) {
  .projects-card__tip h6 {
    font-size: 20px;
  }
}

.projects-card__tip p {
  font-size: 16px;
}

@media screen and (max-width: 1500px) {
  .projects-card__tip p {
    font-size: 12px;
  }
}

.projects-list {
  padding: 100px 0;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .projects-list {
    padding: 80px 0;
  }
}

@media screen and (max-width: 1366px) {
  .projects-list {
    padding: 60px 0;
  }
}

@media screen and (max-width: 992px) {
  .projects-list {
    padding: 40px 0;
  }
}

.projects-list__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .projects-list__wrapper {
    gap: 10px;
  }
}

.projects .subscribe {
  background: var(--dark-bg-color)
    url(../images/src/img/sections/projects-subscribe/bg.png) calc(100% + 100px)
    0 / auto 100% no-repeat;
}

@media screen and (max-width: 1366px) {
  .projects .subscribe {
    background: var(--dark-bg-color)
      url(../images/src/img/sections/projects-subscribe/bg.png)
      calc(100% + 200px) 0 / auto 100% no-repeat;
  }
}

@media screen and (max-width: 992px) {
  .projects .subscribe {
    background-image: none;
  }
}

.projects .subscribe h2 {
  width: 800px;
}

@media screen and (max-width: 992px) {
  .projects .subscribe h2 {
    width: 400px;
  }
}

.projects h1 {
  padding: 60px 0 80px;
  font-size: 60px;
  font-weight: 500;
  width: 80%;
}

@media screen and (max-width: 1500px) {
  .projects h1 {
    padding: 40px 0 60px;
    font-size: 45px;
  }
}

@media screen and (max-width: 1366px) {
  .projects h1 {
    font-size: 40px;
  }
}

@media screen and (max-width: 992px) {
  .projects h1 {
    font-size: 30px;
    width: 100%;
  }
}

.provide {
  padding: 100px 0;
}

@media screen and (max-width: 1700px) {
  .provide {
    padding: 80px 0;
  }
}

@media screen and (max-width: 1366px) {
  .provide {
    padding: 60px 0;
  }
}

@media screen and (max-width: 768px) {
  .provide {
    padding: 50px 0;
  }
}

.provide__list {
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 380px;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .provide__list {
    gap: 15px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .provide__list {
    grid-template-rows: 300px;
  }
}

@media screen and (max-width: 1366px) {
  .provide__list {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 300px 300px;
  }
}

@media screen and (max-width: 700px) {
  .provide__list {
    grid-template-columns: 1fr;
    grid-template-rows: 300px 300px 300px 300px;
  }
}

.provide__card {
  padding: 33px;
  background: var(--bg-color);
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  position: relative;
  transition: 0.3s !important;
}

.provide__card:hover {
  box-shadow: 0 5px 10px 2px rgba(34, 60, 80, 0.2);
}

@media screen and (max-width: 1700px) {
  .provide__card {
    padding: 30px;
    border-radius: 30px;
    gap: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .provide__card {
    padding: 25px;
  }
}

.provide__card-title {
  font-size: 28px;
  font-weight: 500;
}

@media screen and (max-width: 1700px) {
  .provide__card-title {
    font-size: 26px;
  }
}

@media screen and (max-width: 1500px) {
  .provide__card-title {
    font-size: 20px;
  }
}

.provide__card-text {
  font-size: 20px;
  line-height: 150%;
}

@media screen and (max-width: 1500px) {
  .provide__card-text {
    font-size: 16px;
  }
}

.provide__card-image {
  position: absolute;
  bottom: 0;
  right: -30px;
}

@media screen and (max-width: 1500px) {
  .provide__card-image {
    width: 150px;
    right: 0;
  }

  .provide__card-image img {
    width: 100%;
  }
}

.provide__card-image img {
  width: 80%;
}

@media screen and (max-width: 1500px) {
  .provide__card-image img {
    width: 100%;
  }
}

.provide__button {
  margin: 0 auto;
  width: 340px;
}

@media screen and (max-width: 1366px) {
  .provide__button {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  .provide__button {
    width: 100%;
  }
}

.section-title {
  font-size: 44px;
  font-weight: 500 !important;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .section-title {
    font-size: 33px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1366px) {
  .section-title {
    font-size: 30px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .section-title {
    font-size: 26px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 480px) {
  .section-title {
    font-size: 22px;
  }
}

.slider-arrows {
  margin-left: auto;
  gap: 10px;
}

.slider-arrow,
.slider-arrows {
  display: flex;
  align-items: center;
}

.slider-arrow {
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--add-bg-color);
  transition: 0.3s;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .slider-arrow {
    width: 32px;
    height: 32px;
  }
}

.slider-arrow svg {
  transition: 0.3s;
}

.slider-arrow:hover {
  background: var(--accent-color);
}

.slider-arrow:hover svg {
  fill: var(--add-text-color);
}

.slider-arrow--next svg {
  transform: rotate(180deg);
}

.subscribe-form form {
  display: flex;
  gap: 10px;
}

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

.subscribe-form form label {
  width: 400px;
  display: block;
}

@media screen and (max-width: 1700px) {
  .subscribe-form form label {
    width: 350px;
  }
}

@media screen and (max-width: 768px) {
  .subscribe-form form label {
    width: 100%;
  }
}

.subscribe-form form label input {
  width: 100%;
}

.subscribe-form form label input[type="checkbox"] {
  width: auto;
}

.subscribe-form form button {
  width: 400px;
  height: 80px;
  padding: 0;
}

@media screen and (max-width: 1700px) {
  .subscribe-form form button {
    width: 350px;
    height: 60px;
  }
}

@media screen and (max-width: 768px) {
  .subscribe-form form button {
    width: 100%;
  }
}

.subscribe {
  padding: 110px 0;
  background: var(--dark-bg-color)
    url(../images/src/img/sections/subscribe-section/bg.png) 100% 100% no-repeat;
  color: var(--add-text-color);
}

@media screen and (max-width: 1700px) {
  .subscribe {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .subscribe {
    padding: 80px 0;
    background: var(--dark-bg-color)
      url(../images/src/img/sections/subscribe-section/bg.png) 100% 100% / auto
      100% no-repeat;
  }
}

@media screen and (max-width: 992px) {
  .subscribe {
    padding: 60px 0;
    background-image: none;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .subscribe {
    background: var(--dark-bg-color)
      url(../images/src/img/sections/subscribe-section/bg@2x.png) 100% 100%
      no-repeat;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
  screen and (min-resolution: 192dpi) and (max-width: 1366px) {
  .subscribe {
    background: var(--dark-bg-color)
      url(../images/src/img/sections/subscribe-section/bg@2x.png) 100% 100% /
      auto 100% no-repeat;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 992px),
  screen and (min-resolution: 192dpi) and (max-width: 992px) {
  .subscribe {
    background-image: none;
  }
}

.subscribe__title {
  width: 1000px;
  font-size: 44px;
  font-weight: 500;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .subscribe__title {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1500px) {
  .subscribe__title {
    font-size: 33px;
    width: 800px;
  }
}

@media screen and (max-width: 992px) {
  .subscribe__title {
    font-size: 26px;
    margin-bottom: 10px;
    width: 100%;
  }
}

.subscribe__subtitle {
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 20px;
  width: 800px;
}

@media screen and (max-width: 1700px) {
  .subscribe__subtitle {
    font-size: 24px;
  }
}

@media screen and (max-width: 1366px) {
  .subscribe__subtitle {
    font-size: 20px;
  }
}

@media screen and (max-width: 992px) {
  .subscribe__subtitle {
    font-size: 16px;
    width: 100%;
  }
}

.success-for-card {
  padding: 30px;
  border-radius: 40px;
  background: var(--bg-color);
}

@media screen and (max-width: 1700px) {
  .success-for-card {
    border-radius: 35px;
  }
}

@media screen and (max-width: 1366px) {
  .success-for-card {
    border-radius: 30px;
  }
}

.success-for-card__title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px;
}

@media screen and (max-width: 1700px) {
  .success-for-card__title {
    margin-bottom: 28px;
  }
}

@media screen and (max-width: 1500px) {
  .success-for-card__title {
    font-size: 22px;
    margin-bottom: 22px;
  }
}

.success-for-card__people {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1700px) {
  .success-for-card__people {
    gap: 15px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .success-for-card__people {
    margin-bottom: 20px;
  }
}

.success-for-card__people h6 {
  font-size: 22px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1500px) {
  .success-for-card__people h6 {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

.success-for-card__people p {
  font-size: 16px;
  color: var(--op-text-color);
  line-height: 150%;
}

@media screen and (max-width: 1500px) {
  .success-for-card__people p {
    font-size: 12px;
  }
}

@media screen and (max-width: 1366px) {
  .success-for-card__people p {
    font-size: 10px;
  }
}

.success-for-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 100px;
  border-radius: 20px;
  overflow: hidden;
}

@media screen and (max-width: 1700px) {
  .success-for-card__image {
    max-width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 18px;
  }
}

@media screen and (max-width: 1366px) {
  .success-for-card__image {
    max-width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 16px;
  }
}

@media screen and (max-width: 992px) {
  .success-for-card__image {
    max-width: 80px;
    min-width: 80px;
    height: 80px;
  }
}

.success-for-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.success-for-card__adv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1700px) {
  .success-for-card__adv {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .success-for-card__adv {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {
  .success-for-card__adv {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
}

.success-for-card__adv div {
  background: var(--page-bg);
  padding: 20px;
  border-radius: 20px;
}

@media screen and (max-width: 1700px) {
  .success-for-card__adv div {
    padding: 18px;
    border-radius: 18px;
  }
}

@media screen and (max-width: 1366px) {
  .success-for-card__adv div {
    padding: 16px;
    border-radius: 16px;
  }
}

@media screen and (max-width: 500px) {
  .success-for-card__adv div {
    text-align: center;
  }
}

.success-for-card__adv div h6 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 1500px) {
  .success-for-card__adv div h6 {
    font-size: 22px;
    margin-bottom: 6px;
  }
}

.success-for-card__adv div p {
  font-size: 16px;
}

@media screen and (max-width: 1500px) {
  .success-for-card__adv div p {
    font-size: 12px;
  }
}

.success-for-card__steps div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .success-for-card__steps div {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}

.success-for-card__steps div:last-child {
  margin-bottom: 0;
}

.success-for-card__steps div h6 {
  font-weight: 700;
}

@media screen and (max-width: 1500px) {
  .success-for-card__steps div h6,
  .success-for-card__steps div p {
    font-size: 12px;
  }
}

.success-for-card--chart {
  display: grid;
  grid-template-rows: max-content max-content 1fr;
}

.success-for-card__subtitle {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

@media screen and (max-width: 1700px) {
  .success-for-card__subtitle {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1500px) {
  .success-for-card__subtitle {
    font-size: 16px;
    margin-bottom: 14px;
  }
}

.success-for-card__profits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 500px) {
  .success-for-card__profits {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    margin-bottom: 20px;
  }
}

.success-for-card__profits div {
  background: var(--page-bg);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

@media screen and (max-width: 1700px) {
  .success-for-card__profits div {
    padding: 18px;
    border-radius: 18px;
  }
}

@media screen and (max-width: 1366px) {
  .success-for-card__profits div {
    padding: 16px;
    border-radius: 16px;
  }
}

.success-for-card__profits div span {
  font-size: 16px;
  color: var(--accent-color);
  display: block;
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .success-for-card__profits div span {
    font-size: 14px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 1500px) {
  .success-for-card__profits div span {
    font-size: 10px;
    margin-bottom: 6px;
  }
}

.success-for-card__profits div h6 {
  font-size: 32px;
  font-weight: 500;
}

@media screen and (max-width: 1500px) {
  .success-for-card__profits div h6 {
    font-size: 24px;
  }
}

.success-for-card__profits div h6 p {
  display: inline;
}

.success-for-card__chart {
  background: var(--page-bg);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
}

@media screen and (max-width: 1700px) {
  .success-for-card__chart {
    padding: 0 35px;
    border-radius: 35px;
  }
}

@media screen and (max-width: 1366px) {
  .success-for-card__chart {
    padding: 20px;
    border-radius: 20px;
  }
}

.success-for-card__chart img {
  width: 100%;
}

.success-for-card__chart img:last-of-type {
  display: none;
}

@media screen and (max-width: 480px) {
  .success-for-card__chart img:first-of-type {
    display: none;
  }

  .success-for-card__chart img:last-of-type {
    display: block;
  }
}

.success-for-slide__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .success-for-slide__wrapper {
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .success-for-slide__wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: fit-content fit-content;
  }
}

.success-for {
  padding: 80px 0;
}

@media screen and (max-width: 1700px) {
  .success-for {
    padding: 80px 0;
  }
}

@media screen and (max-width: 1366px) {
  .success-for {
    padding: 60px 0;
  }
}

@media screen and (max-width: 992px) {
  .success-for {
    padding: 40px 0;
  }
}

.team-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .team-card {
    gap: 10px;
  }
}

@media screen and (max-width: 992px) {
  .team-card {
    grid-template-columns: 1fr;
  }
}

.team-card__image {
  width: 100%;
  height: 100%;
  border-radius: 60px;
  overflow: hidden;
}

@media screen and (max-width: 1700px) {
  .team-card__image {
    border-radius: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .team-card__image {
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .team-card__image {
    border-radius: 20px;
  }
}

.team-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-card__content {
  padding: 60px;
  border-radius: 60px;
  background: var(--bg-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 1700px) {
  .team-card__content {
    padding: 40px;
    border-radius: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .team-card__content {
    padding: 30px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 992px) {
  .team-card__content {
    border-radius: 20px;
    padding: 40px 20px 20px;
  }
}

.team-card__personal {
  margin-bottom: 20px;
}

.team-card__personal h2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .team-card__personal h2 {
    font-size: 28px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 1500px) {
  .team-card__personal h2 {
    font-size: 22px;
  }
}

@media screen and (max-width: 992px) {
  .team-card__personal h2 {
    margin-bottom: 0;
  }
}

.team-card__personal span {
  font-size: 22px;
  color: #7b7b7b;
}

@media screen and (max-width: 1700px) {
  .team-card__personal span {
    font-size: 20px;
  }
}

@media screen and (max-width: 1500px) {
  .team-card__personal span {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .team-card__personal span {
    font-size: 14px;
  }
}

.team-card__text {
  margin-bottom: 60px;
}

.team-card__text,
.team-card__text p {
  font-size: 22px;
  line-height: 150%;
}

@media screen and (max-width: 1700px) {
  .team-card__text {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .team-card__text {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .team-card__text p {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .team-card__text {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .team-card__text p {
    font-size: 14px;
  }
}

.team-card__phone {
  display: block;
  font-size: 30px;
  font-weight: 700;
  font-family: var(--inter-font);
  margin-bottom: 10px;
}

@media screen and (max-width: 1500px) {
  .team-card__phone {
    font-size: 22px;
  }
}

@media screen and (max-width: 992px) {
  .team-card__phone {
    font-size: 20px;
  }
}

.team-card__email {
  display: block;
  font-size: 22px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .team-card__email {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1500px) {
  .team-card__email {
    font-size: 18px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .team-card__email {
    font-size: 16px;
  }
}

.team-card__socials {
  display: flex;
  gap: 10px;
}

.team-card__socials li a {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ebebeb;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1700px) {
  .team-card__socials li a {
    width: 70px;
    height: 70px;
  }
}

@media screen and (max-width: 1366px) {
  .team-card__socials li a {
    width: 60px;
    height: 60px;
  }
}

.team-hero {
  padding: 150px 0 500px;
  background: var(--page-bg) url(../images/src/img/sections/team-hero/bg.jpg)
    top/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /*     .team-hero {
        background: var(--page-bg) url(../images/src/img/sections/team-hero/bg@2x.jpg) top/cover no-repeat
    } */
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 992px),
  screen and (min-resolution: 192dpi) and (max-width: 992px) {
  .team-hero {
    background: var(--page-bg)
      url(../images/src/img/sections/team-hero/bg-no-chart@2x.png) top/cover
      no-repeat;
  }
}

@media screen and (max-width: 1700px) {
  .team-hero {
    padding: 140px 0 350px;
  }
}

@media screen and (max-width: 1366px) {
  .team-hero {
    padding: 120px 0 300px;
  }
}

@media screen and (max-width: 992px) {
  .team-hero {
    padding: 80px 0 200px;
    background: var(--page-bg)
      url(../images/src/img/sections/team-hero/bg-no-chart.jpg) top/cover
      no-repeat;
  }
}

.team-hero__title {
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 50px;
  width: 60%;
}

@media screen and (max-width: 1500px) {
  .team-hero__title {
    font-size: 45px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 992px) {
  .team-hero__title {
    margin-bottom: 30px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .team-hero__title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

.team-hero p {
  font-size: 30px;
  font-weight: 500;
  width: 40%;
}

@media screen and (max-width: 1500px) {
  .team-hero p {
    font-size: 22px;
  }
}

@media screen and (max-width: 992px) {
  .team-hero p {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .team-hero p {
    font-size: 16px;
  }
}

.team-list {
  padding: 120px 0;
}

@media screen and (max-width: 1700px) {
  .team-list {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .team-list {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .team-list {
    padding: 60px 0;
  }
}

.team-list__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .team-list__wrapper {
    gap: 10px;
  }
}

.videos-slide {
  cursor: pointer;
  width: 400px;
  aspect-ratio: 1.646090535;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
}

.videos-slide__iframe-container,
.videos-slide iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1700px) {
  .videos-slide {
    width: 300px;
    border-radius: 30px;
  }
}

.videos-slide__preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.videos-slide__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1700px) {
  .videos-slide__play-button svg {
    width: 25px;
  }
}

.videos {
  padding: 120px 0;
}

@media screen and (max-width: 1700px) {
  .videos {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1366px) {
  .videos {
    padding: 80px 0;
  }
}

@media screen and (max-width: 992px) {
  .videos {
    padding: 60px 0;
  }
}

.videos__slider {
  margin: 0 10px;
}

.will-be-sent__title {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 40px;
}

@media screen and (max-width: 1700px) {
  .will-be-sent__title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1500px) {
  .will-be-sent__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .will-be-sent__title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .will-be-sent__title {
    font-size: 18px;
  }
}

.will-be-sent__list {
  margin-bottom: 60px;
}

@media screen and (max-width: 1700px) {
  .will-be-sent__list {
    margin-bottom: 45px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .will-be-sent__list {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }
}

.will-be-sent__list li {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1700px) {
  .will-be-sent__list li {
    gap: 15px;
  }
}

.will-be-sent__list li:first-child {
  margin-right: 30px;
  margin-bottom: 20px;
  display: inline-flex;
}

@media screen and (max-width: 1700px) {
  .will-be-sent__list li:first-child {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 992px) {
  .will-be-sent__list li:first-child {
    margin-bottom: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .will-be-sent__list li:first-child {
    margin: 0;
  }
}

.will-be-sent__list li:nth-child(2) {
  display: inline-flex;
}

@media screen and (max-width: 1700px) {
  .will-be-sent__list li img {
    height: 40px;
  }
}

.will-be-sent__list li p {
  font-size: 24px;
}

@media screen and (max-width: 1700px) {
  .will-be-sent__list li p {
    font-size: 20px;
  }
}

@media screen and (max-width: 1500px) {
  .will-be-sent__list li p {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .will-be-sent__list li p {
    font-size: 16px;
  }
}

/* // -------------------Временное -------------------------------- */
.language-select__arrow {
  display: none;
}


.header__language-select .language-select .dropdown {
  opacity: 0;
  visibility: hidden;
}

/* // -------------------Временное -------------------------------- */