@font-face {

    font-family: 'Tektur';

    src: url('../fonts/Tektur-Regular.ttf');

    font-weight: 400;

}

@font-face {

    font-family: 'Tektur';

    src: url('../fonts/Tektur-SemiBold.ttf');

    font-weight: 600;

}



:root {

    --font-family: "Tektur";

    --black: #111111;

    --half-black: #11111180;

    --black-70: #171717B2; 

    --grey: #171717;

    --white: #fff;

    --half-white: #FFFFFF80;

    --yellow: #FFCE4F;

    --error: #FF0000;

    --transition-all: all .3s ease-in-out;

}

@media screen and (max-width: 725px) {

    :root {

        --padding-container: 20px;

    }

}



input:-webkit-autofill,

  input:-webkit-autofill:focus {

    transition: background-color 0s 600000s, color 0s 600000s !important;

    font-family: inherit !important; /* Наследуем шрифт */

    appearance: none !important; /* Сбрасываем стиль, аналогично */

    background-image: none !important;

    background-color: transparent !important; /* Прозрачный фон */

    color: inherit !important; /* Наследовать цвет текста */

    -webkit-text-fill-color: inherit !important; /* Цвет текста из основного стиля */

  }

button[type="submit"].off {
    cursor: not-allowed;
    opacity: .6;
}

/* Данные значения расчитаны на адаптив свыше 1140пх */

@media screen and (min-width: 1140px) {

    :root {

        --play-vid-width: clamp(56px, calc(2.56vw + 26.77px), 76px);



        --menu-text: clamp(11px, calc(0.9vw + 0.77px), 18px);

        --button-text: clamp(11px, calc(0.9vw + 0.77px), 18px);

        --big-text: clamp(44px, calc(3.97vw + -1.31px), 75px);

        --small-text: clamp(11px, calc(0.9vw + 0.77px), 18px);

        --h1-text: clamp(26px, calc(2.31vw + -0.31px), 44px);

        --h2-text: clamp(14px, calc(1.28vw + -0.62px), 24px);

        --body-main-text: clamp(11px, calc(0.9vw + 0.77px), 18px);

        --padding-container: clamp(22px, calc(2.31vw + -4.31px), 40px);

        --logo-text: clamp(20px, calc(1.79vw + -0.46px), 34px);



        /* Second, fourth etc header container */

        --header-container-padding-top: clamp(23px, calc(2.18vw + -1.85px), 40px);

        --header-container-padding-left: clamp(30px, calc(2.56vw + 0.77px), 50px);

        --header-container-corner-width: clamp(45px, calc(3.21vw + 8.46px), 70px);

        --header-container-p-max-width: clamp(131px, calc(11.41vw + 0.92px), 220px);



        --max-container-width: clamp(1140px, calc(100vw + 0px), 1920px);

        --button-top-padding: clamp(11px, calc(1.03vw + -0.69px), 19px);

        --button-left-padding: clamp(17px, calc(1.67vw + -2px), 30px);

        --tab-top-padding: clamp(11px, calc(0.77vw + 2.23px), 17px);

        /* header */

        --header-padding: clamp(23px, calc(2.18vw + -1.85px), 40px);

        --header-nav-gap: clamp(17px, calc(1.67vw + -2px), 30px);

        --header-lang-gap: clamp(11px, calc(1.15vw + -2.15px), 20px);

        --header-lang-select-gap: clamp(5px, calc(0.38vw + 0.62px), 8px);

        --header-lang-svg-width: clamp(22px, calc(1.92vw + 0.08px), 37px);

        --header-lang-swither-gap: clamp(6px, calc(0.51vw + 0.15px), 10px);

        --header-lang-swither-padding: clamp(12px, calc(1.03vw + 0.31px), 20px);

        --header-lang-swither-padding-top: clamp(15px, calc(1.28vw + 0.38px), 25px);

        --header-for-tab-gap: clamp(102px, calc(9.23vw + -3.23px), 174px);

        /* First block */

        --first-container-bottom: clamp(93px, calc(7.82vw + 3.85px), 154px);

        --first-left-block-width: clamp(614px, calc(53.85vw + 0.15px), 1034px);

        --first-right-block-width: clamp(293px, calc(25.77vw + -0.77px), 494px);

        /* Second block */

        --second-inner-padding-top: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --second-inner-padding-left: clamp(90px, calc(7.69vw + 2.31px), 150px);

        --second-inner-gap: clamp(122px, calc(10.77vw + -0.77px), 206px);

        --second-arrows-top: -24%;

        --second-arrows-gap: clamp(6px, calc(0.51vw + 0.15px), 10px);

        --second-arrows-width: clamp(50px, calc(3.85vw + 6.15px), 80px);

        --second-grid-gap: clamp(13px, calc(0.9vw + 2.77px), 20px);

        --second-tab-top: -22%;

        --second-grid-block-height: clamp(245px, calc(21.54vw + -0.54px), 413px);

        --second-grid-block-padding: clamp(23px, calc(2.18vw + -1.85px), 40px);

        --second-grid-block-svg-width: clamp(22px, calc(1.92vw + 0.08px), 37px);

        --second-grid-block-flex-gap: clamp(12px, calc(1.03vw + 0.31px), 20px);

        /* Third Block */

        --third-inner-padding: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --third-inner-gap: clamp(70px, calc(6.41vw + -3.08px), 120px);

        --third--header-h2-width: clamp(633px, calc(55.51vw + 0.15px), 1066px);

        --third-grid-gap: clamp(12px, calc(0.38vw + 7.62px), 15px);

        --third-grid-flex-block: clamp(35px, calc(3.21vw + -1.54px), 60px);

        --third-grid-flex-block-template-width: clamp(139px, calc(12.05vw + 1.62px), 233px);

        /* Fourth block */

        --fourth-inner-padding-top: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --fourth-inner-padding-bottom: clamp(91px, calc(7.95vw + 0.38px), 153px);

        --fourth-inner-gap: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --fourth-line-width: clamp(215px, calc(18.72vw + 1.62px), 361px);

        --fourth-head-tab-gap: clamp(18px, calc(1.54vw + 0.46px), 30px);

        --fourth-tabs-gap: clamp(11px, calc(1.15vw + -2.15px), 20px);

        /* Fifth Block */

        --fifth-inner-padding: clamp(90px, calc(7.69vw + 2.31px), 150px);

        --fifth-inner-padding-top: clamp(64px, calc(5.9vw + -3.23px), 110px); 

        --fifth-inner-gap: clamp(70px, calc(6.41vw + -3.08px), 120px);

        --fifth--header-h2-width: clamp(633px, calc(55.51vw + 0.15px), 1066px);

        --fifth-grid-gap: clamp(12px, calc(0.38vw + 7.62px), 15px);

        --fifth-grid-gap-40: clamp(23px, calc(2.18vw + -1.85px), 40px);

        --fifth-grid-container: clamp(23px, calc(2.18vw + -1.85px), 40px);

        --fifth-grid-flex-block: clamp(35px, calc(3.21vw + -1.54px), 60px);

        --fifth-grid-box: clamp(12px, calc(0.38vw + 7.62px), 15px);

        --fifth-grid-flex-block-template-width: clamp(139px, calc(12.05vw + 1.62px), 233px);

        --fifth-video-block: clamp(35px, calc(3.21vw + -1.54px), 60px);

        --fifth-video-block-title-width: clamp(214px, calc(18.72vw + 0.62px), 360px);

        --fifth-video-block-bul-cont-gap: clamp(3px, calc(0.26vw + 0.08px), 5px);

        --fifth-bullet-size: clamp(4px, calc(0.38vw + -0.38px), 7px);

        --fifth-slider-width: clamp(145px, calc(8.97vw + 42.69px), 215px);

        /* Sixth block */

        --sixth-inner-padding-top: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --sixth-inner-padding-bottom: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --sixth-inner-gap: clamp(70px, calc(6.41vw + -3.08px), 120px);

        --sixth-flex-gap: clamp(13px, calc(0.9vw + 2.77px), 20px);

        --sixth-grid-block-height: clamp(245px, calc(21.54vw + -0.54px), 413px);

        --sixth-grid-block-padding: clamp(23px, calc(2.18vw + -1.85px), 40px);

        --sixth-grid-block-padding-last: clamp(30px, calc(3.59vw + -10.92px), 58px);

        --sixth-grid-block-svg-width: clamp(22px, calc(1.92vw + 0.08px), 37px);

        --sixth-grid-block-flex-gap: clamp(12px, calc(1.03vw + 0.31px), 20px);



        /* Sevent block */

        --seventh-inner-padding-top: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --seventh-inner-padding-bottom: clamp(91px, calc(7.95vw + 0.38px), 153px);

        --seventh-inner-gap: clamp(73px, calc(6.41vw + -0.08px), 123px);

        --seventh-line-width: clamp(215px, calc(18.72vw + 1.62px), 361px);

        --seventh-p-width: clamp(138px, calc(12.05vw + 0.62px), 232px);

        --seventh-tabs-container: clamp(12px, calc(1.03vw + 0.31px), 20px);

        /* Eight block */

        --eight-inner-padding-top: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --eight-inner-padding-bottom: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --eight-inner-gap: clamp(70px, calc(6.41vw + -3.08px), 120px);

        /* Footer */

        --footer-inner-padding-top: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --footer-inner-padding-bottom: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --footer-link-size: clamp(36px, calc(3.08vw + 0.92px), 60px);

        --footer-gap-links: clamp(7px, calc(0.64vw + -0.31px), 12px);

        --footer-form-padding: clamp(23px, calc(2.18vw + -1.85px), 40px);

        --footer-form-block-gap: clamp(11px, calc(1.15vw + -2.15px), 20px);

        --footer-form-input-padding-left: clamp(17px, calc(1.67vw + -2px), 30px);

        --footer-form-input-padding-top: clamp(11px, calc(0.9vw + 0.77px), 18px);



        /* Tabs table lines */

        --tab-elem-grid-padding-top: clamp(23px, calc(2.18vw + -1.85px), 40px);

        --left-tab-elem-grid-gap: clamp(50px, calc(4.49vw + -1.15px), 85px);

        --tab-elem-grid-header-double-tab: clamp(32px, calc(2.95vw + -1.62px), 55px);

        --tab-elem-grid-header-third-tab: clamp(35px, calc(3.21vw + -1.54px), 60px);

        --tab-elem-grid-header-arr-height: clamp(36px, calc(3.08vw + 0.92px), 60px);

    }

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    :root {

        --play-vid-width: clamp(56px, calc(2.56vw + 26.77px), 76px);



        --menu-text: clamp(10.5px, calc(1.37vw + 0px), 14px);

        --button-text: clamp(10.5px, calc(1.37vw + 0px), 14px);

        --big-text: clamp(41px, calc(5.47vw + -1px), 55px);

        --small-text: clamp(12px, calc(1.56vw + 0px), 16px);

        --h1-text: clamp(24px, calc(3.13vw + 0px), 32px);

        --h2-text: clamp(15px, calc(1.95vw + 0px), 20px);

        --body-main-text: clamp(10.5px, calc(1.37vw + 0px), 14px);

        --padding-container: clamp(37px, calc(4.69vw + 1px), 49px);

        --logo-text: clamp(15px, calc(1.95vw + 0px), 20px);



        /* Second, fourth etc header container */

        --header-container-padding-top: clamp(25px, calc(3.52vw + -2px), 34px);

        --header-container-padding-left: clamp(29px, calc(3.91vw + -1px), 39px);

        --header-container-corner-width: clamp(37.5px, calc(4.88vw + 0px), 50px);

        --header-container-p-max-width: clamp(164px, calc(21.88vw + -4px), 220px);



        --max-container-width: clamp(767px, calc(99.61vw + 2px), 1022px);

        --button-top-padding: clamp(14px, calc(1.95vw + -1px), 19px);

        --button-left-padding: clamp(22px, calc(3.13vw + -2px), 30px);

        --tab-top-padding: clamp(13px, calc(1.95vw + -2px), 18px);

        /* header */

        --header-padding: clamp(30px, calc(3.91vw + 0px), 40px); 

        --header-nav-gap: clamp(9px, calc(1.17vw + 0px), 12px); /* !!! */

        --header-lang-gap: clamp(9px, calc(1.17vw + 0px), 12px);

        --header-lang-select-gap: clamp(3.7px, calc(0.51vw + -0.2px), 5px);

        --header-lang-svg-width: clamp(16px, calc(2.34vw + -2px), 22px);

        --header-lang-swither-gap: clamp(7.5px, calc(0.98vw + 0px), 10px);

        --header-lang-swither-padding: clamp(15px, calc(1.95vw + 0px), 20px);

        --header-lang-swither-padding-top: clamp(15px, calc(1.95vw + 0px), 20px);

        --header-for-tab-gap: clamp(86px, calc(11.33vw + -1px), 115px);

        --header-burger-width: clamp(35px, calc(-3.52vw + 62px), 26px);

        --header-tab-menu-butt-span-width: clamp(60px, calc(7.81vw + 0px), 80px);

        --header-tab-menu-butt-pad-left: clamp(36px, calc(5.08vw + -3px), 49px);

        --header-tab-menu-pad-top: clamp(48px, calc(6.64vw + -3px), 65px);

        --header-tab-menu-pad: clamp(22.5px, calc(2.93vw + 0px), 30px);

        --header-tab-menu-gap: clamp(33px, calc(2.73vw + 12px), 40px);

        --header-cross-width: clamp(13px, calc(1.95vw + -2px), 18px);

        /* First block */

        --first-container-bottom: clamp(91px, calc(12.11vw + -2px), 122px);

        --first-left-block-width: clamp(476px, calc(60.16vw + 14px), 630px);

        --first-left-block-gap: clamp(37.5px, calc(4.88vw + 0px), 50px);

        --first-right-block-width: clamp(293px, calc(78.52vw + -310px), 494px);

        --first-left-p-width: clamp(433px, calc(56.25vw + 1px), 577px);

        /* Second block */

        --second-inner-padding-top: clamp(60px, calc(7.81vw + 0px), 80px);

        --second-inner-padding-left: clamp(91px, calc(12.11vw + -2px), 122px);

        --second-inner-gap: clamp(114px, calc(14.84vw + 0px), 152px);

        --second-arrows-top: -14.7%;

        --second-arrows-gap: clamp(6px, calc(0.78vw + 0px), 8px);

        --second-arrows-width: clamp(45px, calc(7.81vw + -15px), 65px);

        --second-grid-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --second-tab-top: -14%;

        --second-grid-block-height: initial;

        --second-grid-block-gap: clamp(90px, calc(11.72vw + 0px), 120px);

        --second-grid-block-padding: clamp(30px, calc(3.91vw + 0px), 40px);

        --second-grid-block-svg-width: clamp(18.7px, calc(2.46vw + -0.2px), 25px);

        --second-grid-block-flex-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        /* Third Block */

        --third-inner-padding: clamp(60px, calc(7.81vw + 0px), 80px);

        --third-inner-gap: clamp(45px, calc(5.86vw + 0px), 60px);

        --third--header-h2-width: clamp(570px, calc(74.22vw + 0px), 760px);

        --third-grid-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --third-grid-flex-block: clamp(45px, calc(5.86vw + 0px), 60px);

        --third-grid-flex-block-template-width: clamp(174px, calc(21.88vw + 6px), 230px);

        /* Fourth block */

        --fourth-inner-padding-top: clamp(60px, calc(7.81vw + 0px), 80px);

        --fourth-inner-padding-bottom: clamp(93px, calc(12.11vw + 0px), 124px);

        --fourth-header-container-gap: clamp(46px, calc(5.86vw + 1px), 61px);

        --fourth-inner-gap: clamp(30px, calc(3.91vw + 0px), 40px);

        --fourth-line-width: clamp(221px, calc(28.91vw + -1px), 295px);

        --fourth-head-tab-gap: clamp(18px, calc(1.54vw + 0.46px), 30px);

        --fourth-tabs-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --fourth-right-corener-bottom: clamp(92px, calc(12.11vw + -1px), 123px);

        /* Fifth Block */

        --fifth-inner-padding: clamp(90px, calc(11.72vw + 0px), 120px);

        --fifth-inner-padding-top: clamp(90px, calc(11.72vw + 0px), 120px); 

        --fifth-inner-gap: clamp(46px, calc(5.86vw + 1px), 61px);

        --fifth--header-h2-width: initial;

        --fifth-grid-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --fifth-grid-gap-40: clamp(30px, calc(3.91vw + 0px), 40px);

        --fifth-grid-container: clamp(30px, calc(3.91vw + 0px), 40px);

        --fifth-grid-flex-block: clamp(45px, calc(5.86vw + 0px), 60px);

        --fifth-grid-box: clamp(15px, calc(1.95vw + 0px), 20px);

        --fifth-grid-flex-block-template-width: clamp(133px, calc(17.58vw + -2px), 178px);

        --fifth-video-block: clamp(45px, calc(5.86vw + 0px), 60px);

        --fifth-video-block-title-width: clamp(210px, calc(27.34vw + 0px), 280px);

        --fifth-video-block-bul-cont-gap: clamp(2.25px, calc(0.29vw + 0px), 3px);

        --fifth-bullet-size: clamp(3.7px, calc(0.51vw + -0.2px), 5px);

        --fifth-slider-width: clamp(125px, calc(16.02vw + 2px), 166px);

        /* Sixth block */

        --sixth-inner-padding-top: clamp(60px, calc(7.81vw + 0px), 80px);

        --sixth-inner-padding-bottom: clamp(60px, calc(7.81vw + 0px), 80px);

        --sixth-inner-gap: clamp(45px, calc(5.86vw + 0px), 60px);

        --sixth-cont-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --sixth-flex-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --sixth-grid-block-height: initial;

        --sixth-grid-block-gap: clamp(90px, calc(11.72vw + 0px), 120px);

        --sixth-grid-block-padding: clamp(30px, calc(3.91vw + 0px), 40px);

        --sixth-grid-block-padding-last: clamp(30px, calc(3.91vw + 0px), 40px);

        --sixth-grid-block-svg-width: clamp(18.75px, calc(2.44vw + 0px), 25px);

        --sixth-grid-block-flex-gap: clamp(15px, calc(1.95vw + 0px), 20px);



        /* Sevent block */

        --seventh-inner-padding-top: clamp(60px, calc(7.81vw + 0px), 80px);

        --seventh-inner-padding-bottom: clamp(92px, calc(12.11vw + -1px), 123px);

        --seventh-inner-gap: clamp(46px, calc(6.25vw + -2px), 62px);

        --seventh-line-width: clamp(221px, calc(28.91vw + -1px), 295px);

        --seventh-p-width: clamp(172px, calc(22.66vw + -2px), 230px);

        --seventh-tabs-container: clamp(7.5px, calc(0.98vw + 0px), 10px);

        /* Eight block */

        --eight-inner-padding-top: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --eight-inner-padding-bottom: clamp(60px, calc(5.13vw + 1.54px), 100px);

        --eight-inner-gap: clamp(70px, calc(6.41vw + -3.08px), 120px);

        --eight-grid-tab: clamp(204px, calc(27.34vw + -6px), 274px);

        /* Footer */

        --footer-inner-padding-top: clamp(60px, calc(7.81vw + 0px), 80px);

        --footer-inner-padding-bottom: clamp(60px, calc(7.81vw + 0px), 80px);

        --footer-link-size: clamp(42px, calc(5.47vw + 0px), 56px);

        --footer-gap-links: clamp(7.5px, calc(0.98vw + 0px), 10px);

        --footer-form-padding: clamp(30px, calc(3.91vw + 0px), 40px);

        --footer-form-block-gap: clamp(7.5px, calc(0.98vw + 0px), 10px);

        --footer-form-input-padding-left:clamp(22.5px, calc(2.93vw + 0px), 30px);

        --footer-form-input-padding-top: clamp(11.25px, calc(1.46vw + 0px), 15px);

        --footer-header-cont-p-width: clamp(165px, calc(21.48vw + 0px), 220px);

        --footer-form-width: clamp(349px, calc(45.31vw + 1px), 465px);

        --footer-buttons-container-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --footer-form-textarea-heaight: clamp(120px, calc(13.67vw + 15px), 155px);



        /* Tabs table lines */

        --tab-elem-grid-padding-top: clamp(30px, calc(3.91vw + 0px), 40px);

        --left-tab-elem-grid-gap: clamp(30px, calc(3.91vw + 0px), 40px);

        --tab-elem-grid-header-double-tab: clamp(30px, calc(3.91vw + 0px), 40px);

        --tab-elem-grid-header-third-tab: clamp(30px, calc(3.91vw + 0px), 40px);

        --tab-elem-grid-header-arr-height: clamp(42.5px, calc(6.05vw + -4px), 58px);

    }

}



@media screen and (max-width: 768px) {

    .button, button, .tab {

        width: 100% !important;

        text-align: center;

    }

    :root {

        --play-vid-width: clamp(56px, calc(2.56vw + 26.77px), 76px);

        --menu-text: clamp(13px, calc(3.19vw + 1.53px), 26px);

        --button-text: clamp(13px, calc(3.19vw + 1.53px), 26px);

        --big-text: clamp(28px, calc(7.84vw + -0.24px), 60px);

        --small-text: clamp(13px, calc(3.19vw + 1.53px), 26px);

        --h1-text: clamp(26px, calc(7.11vw + 0.41px), 55px);

        --h2-text: clamp(18px, calc(4.9vw + 0.35px), 38px);

        --body-main-text: clamp(13px, calc(3.19vw + 1.53px), 26px);

        --padding-container: clamp(20px, calc(4.9vw + 2.35px), 40px);

        /* clamp(14px, calc(3.92vw + -0.12px), 30px); */

        --logo-text: clamp(13px, calc(3.19vw + 1.53px), 26px);



        /* Second, fourth etc header container */

        --header-container-padding-top: clamp(25px, calc(7.35vw + -1.47px), 55px);

        --header-container-padding-left: clamp(31px, calc(8.33vw + 1px), 65px);

        --header-container-corner-width: clamp(45px, calc(12.5vw + 0px), 96px);

        --header-container-p-max-width: 100%;



        --max-container-width: 768px;

        --button-top-padding: clamp(17px, calc(4.66vw + 0.24px), 36px);

        --button-left-padding: 0;

        --tab-top-padding: clamp(18px, calc(4.9vw + 0.35px), 38px);

        --tab-left-padding: clamp(60px, calc(14.71vw + 7.06px), 120px);



        /* modal */

        --modal-pad-top: clamp(80px, calc(29.41vw + -25.88px), 200px);

        --modal-pad-bottom: clamp(25px, calc(7.35vw + -1.47px), 55px);

        --modal-img-height: clamp(220px, calc(19.61vw + 149.41px), 300px);

        --modal-btn-block-gap: clamp(15px, calc(4.17vw + 0px), 32px);

        /* header */

        --header-padding: clamp(32px, calc(8.33vw + 2px), 66px); 

        --header-nav-gap: clamp(20px, calc(4.9vw + 2.35px), 40px); /* !!! */

        --header-lang-gap: clamp(9px, calc(1.17vw + 0px), 12px);

        --header-lang-select-gap: clamp(12px, calc(3.19vw + 0.53px), 25px);

        --header-lang-svg-width: clamp(22px, calc(5.88vw + 0.82px), 46px);

        --header-lang-swither-gap: clamp(7.5px, calc(0.98vw + 0px), 10px);

        --header-lang-swither-padding: clamp(15px, calc(1.95vw + 0px), 20px);

        --header-lang-swither-padding-top: clamp(15px, calc(1.95vw + 0px), 20px);

        --header-for-tab-gap: clamp(86px, calc(11.33vw + -1px), 115px);

        --header-burger-width: clamp(30px, calc(8.33vw + 0px), 64px);

        --header-burger-height: clamp(16px, calc(4.41vw + 0.12px), 34px);

        /* First block */

        --first-container-bottom: clamp(91px, calc(12.11vw + -2px), 122px);

        --first-left-block-width: 100%;

        --first-left-block-gap: clamp(30px, calc(8.33vw + 0px), 64px);

        --first-right-block-width: 100%;

        --first-left-p-width: 100%;

        --first--inner-gap: clamp(50px, calc(13.48vw + 1.47px), 105px);

        /* Second block */

        --second-inner-padding-top: clamp(62px, calc(17.16vw + 0.24px), 132px);

        --second-inner-padding-left: clamp(111px, calc(30.64vw + 0.71px), 236px);

        --second-inner-gap: clamp(60px, calc(16.67vw + 0px), 128px);

        --second-arrows-top: -14.7%;

        --second-arrows-gap: clamp(6px, calc(0.78vw + 0px), 8px);

        --second-arrows-width: clamp(45px, calc(7.81vw + -15px), 65px);

        --second-grid-gap: clamp(15px, calc(4.17vw + 0px), 32px);

        --second-tab-top: -14%;

        --second-grid-block-height: initial;

        --second-grid-block-gap: clamp(85px, calc(23.28vw + 1.18px), 180px);

        --second-grid-block-padding: clamp(30px, calc(3.91vw + 0px), 40px);

        --second-grid-block-svg-width: clamp(20px, calc(5.39vw + 0.59px), 42px);

        --second-grid-block-flex-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        /* Third Block */

        --third-inner-padding: clamp(78px, calc(21.57vw + 0.35px), 166px);

        --third-inner-padding-bottom: clamp(96px, calc(26.47vw + 0.71px), 204px);

        --third-inner-gap: clamp(60px, calc(16.67vw + 0px), 128px);

        --third--header-h2-width: initial;

        --third-grid-gap: clamp(15px, calc(4.17vw + 0px), 32px);

        --third-grid-flex-block: clamp(30px, calc(8.33vw + 0px), 64px);

        --third-grid-vid-height: clamp(400px, calc(111.03vw + 0.29px), 853px);

        --third-grid-flex-block-template-width: clamp(174px, calc(21.88vw + 6px), 230px);

        /* Fourth block */

        --fourth-inner-padding-top: clamp(60px, calc(7.81vw + 0px), 80px);

        --fourth-inner-padding-bottom: clamp(93px, calc(12.11vw + 0px), 124px);

        --fourth-header-container-gap: clamp(46px, calc(5.86vw + 1px), 61px);

        --fourth-inner-gap: clamp(60px, calc(16.67vw + 0px), 128px);

        --fourth-line-width: clamp(221px, calc(28.91vw + -1px), 295px);

        --fourth-head-tab-gap: clamp(18px, calc(1.54vw + 0.46px), 30px);

        --fourth-tabs-gap: clamp(9px, calc(2.45vw + 0.18px), 19px);

        --fourth-right-corener-bottom: 0;

        --fourth-header-container-height: clamp(343px, calc(95.1vw + 0.65px), 731px);

        /* Fifth Block */

        --fifth-inner-padding: clamp(75px, calc(20.83vw + 0px), 160px);

        --fifth-inner-padding-top: clamp(78px, calc(21.57vw + 0.35px), 166px); 

        --fifth-inner-gap: clamp(61px, calc(16.91vw + 0.12px), 130px);

        --fifth--header-h2-width: initial;

        --fifth-grid-gap: clamp(60px, calc(16.67vw + 0px), 128px);

        --fifth-grid-gap-40: clamp(30px, calc(8.33vw + 0px), 64px);

        --fifth-grid-container: clamp(30px, calc(8.33vw + 0px), 64px);

        --fifth-grid-flex-block: clamp(45px, calc(5.86vw + 0px), 60px);

        --fifth-grid-box: clamp(15px, calc(4.17vw + 0px), 32px);

        --fifth-video-height: clamp(400px, calc(110.29vw + 2.94px), 850px);

        --fifth-grid-flex-block-template-width: clamp(133px, calc(17.58vw + -2px), 178px);

        --fifth-video-block: clamp(45px, calc(5.86vw + 0px), 60px);

        --fifth-video-block-title-width: clamp(146px, calc(40.69vw + -0.47px), 312px);

        --fifth-video-block-bul-cont-gap: clamp(2.25px, calc(0.29vw + 0px), 3px);

        --fifth-bullet-size: clamp(3.7px, calc(0.51vw + -0.2px), 5px);

        --fifth-slider-width: clamp(164px, calc(46.81vw + -4.53px), 355px);

        /* Sixth block */

        --sixth-inner-padding-top: clamp(60px, calc(7.81vw + 0px), 80px);

        --sixth-inner-padding-bottom: clamp(76px, calc(21.08vw + 0.12px), 162px);

        --sixth-inner-gap: clamp(45px, calc(5.86vw + 0px), 60px);

        --sixth-cont-gap: clamp(15px, calc(4.17vw + 0px), 32px);

        --sixth-flex-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --sixth-grid-block-height: initial;

        --sixth-grid-block-gap: clamp(85px, calc(23.28vw + 1.18px), 180px);

        --sixth-grid-block-padding: clamp(30px, calc(8.33vw + 0px), 64px);

        --sixth-grid-block-padding-last: clamp(15px, calc(4.17vw + 0px), 32px);

        --sixth-grid-block-svg-width: clamp(20px, calc(5.39vw + 0.59px), 42px);

        --sixth-grid-block-flex-gap: clamp(20px, calc(5.39vw + 0.59px), 42px);

        --sixth-grid-block-height: clamp(234px, calc(65.2vw + -0.71px), 500px);



        /* Sevent block */

        --seventh-inner-padding-top: clamp(60px, calc(7.81vw + 0px), 80px);

        --seventh-inner-padding-bottom: clamp(92px, calc(12.11vw + -1px), 123px);

        --seventh-inner-gap: clamp(46px, calc(6.25vw + -2px), 62px);

        --seventh-line-width: clamp(221px, calc(28.91vw + -1px), 295px);

        --seventh-p-width: 100%;

        --seventh-tabs-container: clamp(30px, calc(8.33vw + 0px), 64px);

        --seventh-tabs-up-gap: clamp(10px, calc(2.7vw + 0.29px), 21px);

        /* Eight block */

        --eight-inner-padding-top: clamp(76px, calc(21.08vw + 0.12px), 162px);

        --eight-inner-padding-bottom: clamp(76px, calc(21.08vw + 0.12px), 162px);

        --eight-inner-gap: clamp(60px, calc(16.67vw + 0px), 128px);

        --eight-grid-tab: clamp(204px, calc(27.34vw + -6px), 274px);

        /* Footer */

        --footer-inner-padding-top: clamp(76px, calc(21.08vw + 0.12px), 162px);

        --footer-inner-padding-bottom: clamp(293px, calc(81.37vw + 0.06px), 625px);

        --footer-link-size: clamp(49px, calc(13.48vw + 0.47px), 104px);

        --footer-gap-links: clamp(10px, calc(2.7vw + 0.29px), 21px);

        --footer-form-padding: clamp(30px, calc(8.33vw + 0px), 64px);

        --footer-form-block-gap: clamp(7.5px, calc(0.98vw + 0px), 10px);

        --footer-form-input-padding-left: clamp(30px, calc(8.33vw + 0px), 64px);

        --footer-form-input-padding-top: clamp(16px, calc(4.41vw + 0.12px), 34px);

        --footer-header-cont-p-width: 100%;

        --footer-buttons-container-pad-top: clamp(76px, calc(21.08vw + 0.12px), 162px); 

        --footer-buttons-container-pad-bott: clamp(30px, calc(8.09vw + 0.88px), 63px);

        --footer-form-width: clamp(349px, calc(45.31vw + 1px), 465px);

        --footer-buttons-container-gap: clamp(15px, calc(1.95vw + 0px), 20px);

        --footer-form-textarea-heaight: clamp(190px, calc(52.94vw + -0.59px), 406px);

        --footer-pad-tab-mob-left: clamp(36px, calc(9.56vw + 1.59px), 75px);



        /* Tabs table lines */

        --tab-elem-grid-padding-top: clamp(30px, calc(3.91vw + 0px), 40px);

        --left-tab-elem-grid-gap: 10px;

        --tab-elem-grid-header-double-tab: clamp(30px, calc(8.33vw + 0px), 64px);

        --tab-elem-grid-header-third-tab: clamp(30px, calc(3.91vw + 0px), 40px);

        --tab-elem-grid-header-arr-height: clamp(42.5px, calc(6.05vw + -4px), 58px);



        --body-pad-top: clamp(10px, calc(2.7vw + 0.29px), 21px);

    }



    body {

        padding-top: var(--body-pad-top);

    }

}



.menu--text {

    font-size: var(--menu-text);

    line-height: auto;

    font-weight: 400;

    letter-spacing: 0%;

    text-transform: uppercase;

}

.button--text {

    font-size: var(--button-text);

    line-height: auto;

    font-weight: 600;

    letter-spacing: 0%;

    font-family: var(--font-family);

}

.big--text {

    font-size: var(--big-text);

    line-height: 110%;

    font-weight: 400;

    letter-spacing: 0%;

}

.big--text > span {

    color: var(--yellow);

}

.small--text {

    font-size: var(--small-text);

    line-height: 110%;

    font-weight: 400;

    letter-spacing: 0%;

}

.h1--text {

    font-size: var(--h1-text);

    line-height: 110%;

    font-weight: 400;

    letter-spacing: 0%;

}

.h2--text {

    font-weight: 400;

    font-size: var(--h2-text);

    line-height: 110%;

    letter-spacing: 0%;

}

.body-main--text {

    font-weight: 400;

    font-size: var(--body-main-text);

    line-height: 140%;

    letter-spacing: 0%;

    font-family: var(--font-family);

}

.body-main--text > span.yellow {

    color: var(--yellow);

}

/* @media screen and (max-width: 1100px) {

    .button--text {

        line-height: 110%;

    }

    .h2--text {

        line-height: 125%;

    }

}

@media screen and (max-width: 725px) {

    .body-main--text {

        line-height: 130%;

    }

} */



html {

    scroll-behavior: smooth;

}

body {

    margin: 0;

    background: var(--black);

    overscroll-behavior: none;

    scroll-behavior: smooth;

    font-family: var(--font-family);

}

body.opened {

    overflow: clip;

}

h1, h2, h3, h4, h5, h6, p {

    margin: 0;

}

a {

    display: flex;

    text-decoration: none;

}

.container {

    width: 100%;

    max-width: var(--max-container-width);

    margin: 0 auto;

    padding: 0 var(--padding-container);

}

*,

*:before,

*:after {

    box-sizing: border-box;

}

.wrapper {

    position: relative;

    overflow: clip;

    width: 100%;

    height: 100%;

}



.play--button {

    position: absolute;

    top: 50%;

    left: 50%;

    translate: -50% -50%;

    z-index: 2;

    width: var(--play-vid-width);

    height: var(--play-vid-width);

}



/* a button */

.button {

    padding: var(--button-top-padding) var(--button-left-padding);

    position: relative;

    outline: none;

    border: none;

    cursor: pointer;

    transition: var(--transition-all);

    background: transparent;

    width: fit-content;

}

.button:hover {

    transition: var(--transition-all);

}

.button > span {

    position: relative;

    z-index: 1;

}

.button > svg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}

.button.half-white {

    color: var(--half-white);

}

/* Button */

button {

    padding: var(--button-top-padding) var(--button-left-padding);

    position: relative;

    outline: none;

    border: none;

    cursor: pointer;

    transition: var(--transition-all);

    background: transparent;

    width: fit-content;

}

button:hover {

    transition: var(--transition-all);

}

button > span {

    position: relative;

    z-index: 1;

}

button > svg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}

button > svg path {

    transition: var(--transition-all);

}

button:hover > svg path {

    transition: var(--transition-all);

}

button.white {

    color: var(--white);

}

button.white:hover {

    color: var(--grey);

}

button.white > svg path {

    stroke: var(--white);

    fill: var(--black);

}

button.white:hover > svg path {

    stroke: var(--yellow);

    fill: var(--yellow);

}

/* yellow */

button.yellow {

    color: var(--grey);

}

button.yellow:hover {

    color: var(--yellow);

}

button.yellow > svg path {

    stroke: var(--yellow);

}

button.yellow:hover > svg path {

    stroke: var(--yellow);

    fill: transparent;

}

/* black */ 

button.black {

    color: var(--white);

}

button.black:hover {

    color: var(--white);

}

button.black > svg path {

    

}

button.black:hover > svg path {

    fill: var(--black-70);

}



/* Tabs */

.tab {

    padding: var(--tab-top-padding) var(--button-left-padding);

    position: relative;

    outline: none;

    border: none;

    transition: var(--transition-all);

    background: transparent;

    width: fit-content;

    /* background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 262 62' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.31149 18.9791L1 26.2868V56.2359C1 57.0273 1.19712 57.8062 1.57356 58.5022C2.40581 60.0411 4.01457 61 5.76406 61H241.83C244.549 61 247.151 59.8928 249.036 57.9336L258.206 48.4038C259.999 46.5407 261 44.0557 261 41.4702V8.32991C261 6.26239 260.127 4.29102 258.596 2.90167C257.247 1.67791 255.491 1 253.67 1H19.9673C17.3679 1 14.8706 2.0122 13.0047 3.82208L4.33984 12.227C2.50413 14.0077 1.4204 16.4239 1.31149 18.9791Z' stroke='gray' stroke-width='2'/%3E%3C/svg%3E");

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center;    */

}

.tab > h3 {

    position: relative;

    z-index: 2;

}

.tab:hover {

    transition: var(--transition-all);

}

.tab > span {

    position: relative;

    z-index: 1;

}

.tab > svg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}

.tab > svg path {

    transition: var(--transition-all);

}

.tab:hover > svg path {

    transition: var(--transition-all);

}

.tab.half-white {

    color: var(--half-white);

}

.tab.half-white > svg path {

    stroke: var(--half-white);

}

.tab.black {

    cursor: pointer;

    opacity: .5;

    color: var(--white);

    transition: var(--transition-all);

}

.tab.black > svg path {

    stroke: var(--black);

}

.tab.black.active {

    cursor: auto;

    opacity: 1;

    transition: var(--transition-all);

}

.tab.white {

    color: var(--white);

}

.tab.white > svg path {

    color: var(--white);

}