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

:root {
    --color-primary: #0d6efd;
    --color-secondary: #6c757d;
    --color-success: #198754;
    --color-info: #0dcaf0;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-light: #fff;
    --color-gray: #2D3B4D;
    --color-dark: #1F1F1F;
    --color-red: #FE2C55;
    --color-blue: #1B1AFF;
    --color-primary: #EC923C;
    --color-secondary: #1E283D;
    --color-secondary-l: #343E55;
    --bs-body-font-size: 20px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.15;
    --bs-body-font-family: Montserrat;
    --bs-body-color: #fff;
    --bs-body-bg: var(--color-secondary)
}

@media (min-width:768px) and (max-width:1199px) {
    :root {
        --bs-body-font-size: 16px
    }
}

@media (max-width:767px) {
    :root {
        --bs-body-font-size: 14px
    }
}

.color-blue {
    color: var(--color-blue)
}

.color-red {
    color: var(--color-red)
}

.color-primary {
    color: var(--color-primary)
}

.color-secondary {
    color: var(--color-secondary)
}

.fs-0 {
    font-size: 0
}

.fs-1 {
    font-size: 1px
}

.fs-2 {
    font-size: 2px
}

.fs-3 {
    font-size: 3px
}

.fs-4 {
    font-size: 4px
}

.fs-5 {
    font-size: 5px
}

.fs-6 {
    font-size: 6px
}

.fs-7 {
    font-size: 7px
}

.fs-8 {
    font-size: 8px
}

.fs-9 {
    font-size: 9px
}

.fs-10 {
    font-size: 10px
}

.fs-11 {
    font-size: 11px
}

.fs-12 {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.fs-14 {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16 {
    font-size: 16px
}

.fs-17 {
    font-size: 17px
}

.fs-18 {
    font-size: 18px
}

.fs-19 {
    font-size: 19px
}

.fs-20 {
    font-size: 20px
}

.fs-21 {
    font-size: 21px
}

.fs-22 {
    font-size: 22px
}

.fs-23 {
    font-size: 23px
}

.fs-24 {
    font-size: 24px
}

.fs-25 {
    font-size: 25px
}

.fs-26 {
    font-size: 26px
}

.fs-27 {
    font-size: 27px
}

.fs-28 {
    font-size: 28px
}

.fs-29 {
    font-size: 29px
}

.fs-30 {
    font-size: 30px
}

.fs-31 {
    font-size: 31px
}

.fs-32 {
    font-size: 32px
}

.fs-33 {
    font-size: 33px
}

.fs-34 {
    font-size: 34px
}

.fs-35 {
    font-size: 35px
}

.fs-36 {
    font-size: 36px
}

.fs-37 {
    font-size: 37px
}

.fs-38 {
    font-size: 38px
}

.fs-39 {
    font-size: 39px
}

.fs-40 {
    font-size: 40px
}

.fs-41 {
    font-size: 41px
}

.fs-42 {
    font-size: 42px
}

.fs-43 {
    font-size: 43px
}

.fs-44 {
    font-size: 44px
}

.fs-45 {
    font-size: 45px
}

.fs-46 {
    font-size: 46px
}

.fs-47 {
    font-size: 47px
}

.fs-48 {
    font-size: 48px
}

.fs-49 {
    font-size: 49px
}

.fs-50 {
    font-size: 50px
}

.fs-51 {
    font-size: 51px
}

.fs-52 {
    font-size: 52px
}

.fs-53 {
    font-size: 53px
}

.fs-54 {
    font-size: 54px
}

.fs-55 {
    font-size: 55px
}

.fs-56 {
    font-size: 56px
}

.fs-57 {
    font-size: 57px
}

.fs-58 {
    font-size: 58px
}

.fs-59 {
    font-size: 59px
}

.fs-60 {
    font-size: 60px
}

.fs-61 {
    font-size: 61px
}

.fs-62 {
    font-size: 62px
}

.fs-63 {
    font-size: 63px
}

.fs-64 {
    font-size: 64px
}

.fs-65 {
    font-size: 65px
}

.fs-66 {
    font-size: 66px
}

.fs-67 {
    font-size: 67px
}

.fs-68 {
    font-size: 68px
}

.fs-69 {
    font-size: 69px
}

.fs-70 {
    font-size: 70px
}

.fs-71 {
    font-size: 71px
}

.fs-72 {
    font-size: 72px
}

.fs-73 {
    font-size: 73px
}

.fs-74 {
    font-size: 74px
}

.fs-75 {
    font-size: 75px
}

.fs-76 {
    font-size: 76px
}

.fs-77 {
    font-size: 77px
}

.fs-78 {
    font-size: 78px
}

.fs-79 {
    font-size: 79px
}

.fs-80 {
    font-size: 80px
}

.fs-81 {
    font-size: 81px
}

.fs-82 {
    font-size: 82px
}

.fs-83 {
    font-size: 83px
}

.fs-84 {
    font-size: 84px
}

.fs-85 {
    font-size: 85px
}

.fs-86 {
    font-size: 86px
}

.fs-87 {
    font-size: 87px
}

.fs-88 {
    font-size: 88px
}

.fs-89 {
    font-size: 89px
}

.fs-90 {
    font-size: 90px
}

.fs-91 {
    font-size: 91px
}

.fs-92 {
    font-size: 92px
}

.fs-93 {
    font-size: 93px
}

.fs-94 {
    font-size: 94px
}

.fs-95 {
    font-size: 95px
}

.fs-96 {
    font-size: 96px
}

.fs-97 {
    font-size: 97px
}

.fs-98 {
    font-size: 98px
}

.fs-99 {
    font-size: 99px
}

.fs-100 {
    font-size: 100px
}

@media (min-width:576px) {
    .fs-sm-0 {
        font-size: 0
    }

    .fs-sm-1 {
        font-size: 1px
    }

    .fs-sm-2 {
        font-size: 2px
    }

    .fs-sm-3 {
        font-size: 3px
    }

    .fs-sm-4 {
        font-size: 4px
    }

    .fs-sm-5 {
        font-size: 5px
    }

    .fs-sm-6 {
        font-size: 6px
    }

    .fs-sm-7 {
        font-size: 7px
    }

    .fs-sm-8 {
        font-size: 8px
    }

    .fs-sm-9 {
        font-size: 9px
    }

    .fs-sm-10 {
        font-size: 10px
    }

    .fs-sm-11 {
        font-size: 11px
    }

    .fs-sm-12 {
        font-size: 12px
    }

    .fs-sm-13 {
        font-size: 13px
    }

    .fs-sm-14 {
        font-size: 14px
    }

    .fs-sm-15 {
        font-size: 15px
    }

    .fs-sm-16 {
        font-size: 16px
    }

    .fs-sm-17 {
        font-size: 17px
    }

    .fs-sm-18 {
        font-size: 18px
    }

    .fs-sm-19 {
        font-size: 19px
    }

    .fs-sm-20 {
        font-size: 20px
    }

    .fs-sm-21 {
        font-size: 21px
    }

    .fs-sm-22 {
        font-size: 22px
    }

    .fs-sm-23 {
        font-size: 23px
    }

    .fs-sm-24 {
        font-size: 24px
    }

    .fs-sm-25 {
        font-size: 25px
    }

    .fs-sm-26 {
        font-size: 26px
    }

    .fs-sm-27 {
        font-size: 27px
    }

    .fs-sm-28 {
        font-size: 28px
    }

    .fs-sm-29 {
        font-size: 29px
    }

    .fs-sm-30 {
        font-size: 30px
    }

    .fs-sm-31 {
        font-size: 31px
    }

    .fs-sm-32 {
        font-size: 32px
    }

    .fs-sm-33 {
        font-size: 33px
    }

    .fs-sm-34 {
        font-size: 34px
    }

    .fs-sm-35 {
        font-size: 35px
    }

    .fs-sm-36 {
        font-size: 36px
    }

    .fs-sm-37 {
        font-size: 37px
    }

    .fs-sm-38 {
        font-size: 38px
    }

    .fs-sm-39 {
        font-size: 39px
    }

    .fs-sm-40 {
        font-size: 40px
    }

    .fs-sm-41 {
        font-size: 41px
    }

    .fs-sm-42 {
        font-size: 42px
    }

    .fs-sm-43 {
        font-size: 43px
    }

    .fs-sm-44 {
        font-size: 44px
    }

    .fs-sm-45 {
        font-size: 45px
    }

    .fs-sm-46 {
        font-size: 46px
    }

    .fs-sm-47 {
        font-size: 47px
    }

    .fs-sm-48 {
        font-size: 48px
    }

    .fs-sm-49 {
        font-size: 49px
    }

    .fs-sm-50 {
        font-size: 50px
    }

    .fs-sm-51 {
        font-size: 51px
    }

    .fs-sm-52 {
        font-size: 52px
    }

    .fs-sm-53 {
        font-size: 53px
    }

    .fs-sm-54 {
        font-size: 54px
    }

    .fs-sm-55 {
        font-size: 55px
    }

    .fs-sm-56 {
        font-size: 56px
    }

    .fs-sm-57 {
        font-size: 57px
    }

    .fs-sm-58 {
        font-size: 58px
    }

    .fs-sm-59 {
        font-size: 59px
    }

    .fs-sm-60 {
        font-size: 60px
    }

    .fs-sm-61 {
        font-size: 61px
    }

    .fs-sm-62 {
        font-size: 62px
    }

    .fs-sm-63 {
        font-size: 63px
    }

    .fs-sm-64 {
        font-size: 64px
    }

    .fs-sm-65 {
        font-size: 65px
    }

    .fs-sm-66 {
        font-size: 66px
    }

    .fs-sm-67 {
        font-size: 67px
    }

    .fs-sm-68 {
        font-size: 68px
    }

    .fs-sm-69 {
        font-size: 69px
    }

    .fs-sm-70 {
        font-size: 70px
    }

    .fs-sm-71 {
        font-size: 71px
    }

    .fs-sm-72 {
        font-size: 72px
    }

    .fs-sm-73 {
        font-size: 73px
    }

    .fs-sm-74 {
        font-size: 74px
    }

    .fs-sm-75 {
        font-size: 75px
    }

    .fs-sm-76 {
        font-size: 76px
    }

    .fs-sm-77 {
        font-size: 77px
    }

    .fs-sm-78 {
        font-size: 78px
    }

    .fs-sm-79 {
        font-size: 79px
    }

    .fs-sm-80 {
        font-size: 80px
    }

    .fs-sm-81 {
        font-size: 81px
    }

    .fs-sm-82 {
        font-size: 82px
    }

    .fs-sm-83 {
        font-size: 83px
    }

    .fs-sm-84 {
        font-size: 84px
    }

    .fs-sm-85 {
        font-size: 85px
    }

    .fs-sm-86 {
        font-size: 86px
    }

    .fs-sm-87 {
        font-size: 87px
    }

    .fs-sm-88 {
        font-size: 88px
    }

    .fs-sm-89 {
        font-size: 89px
    }

    .fs-sm-90 {
        font-size: 90px
    }

    .fs-sm-91 {
        font-size: 91px
    }

    .fs-sm-92 {
        font-size: 92px
    }

    .fs-sm-93 {
        font-size: 93px
    }

    .fs-sm-94 {
        font-size: 94px
    }

    .fs-sm-95 {
        font-size: 95px
    }

    .fs-sm-96 {
        font-size: 96px
    }

    .fs-sm-97 {
        font-size: 97px
    }

    .fs-sm-98 {
        font-size: 98px
    }

    .fs-sm-99 {
        font-size: 99px
    }

    .fs-sm-100 {
        font-size: 100px
    }
}

@media (min-width:768px) {
    .fs-md-0 {
        font-size: 0
    }

    .fs-md-1 {
        font-size: 1px
    }

    .fs-md-2 {
        font-size: 2px
    }

    .fs-md-3 {
        font-size: 3px
    }

    .fs-md-4 {
        font-size: 4px
    }

    .fs-md-5 {
        font-size: 5px
    }

    .fs-md-6 {
        font-size: 6px
    }

    .fs-md-7 {
        font-size: 7px
    }

    .fs-md-8 {
        font-size: 8px
    }

    .fs-md-9 {
        font-size: 9px
    }

    .fs-md-10 {
        font-size: 10px
    }

    .fs-md-11 {
        font-size: 11px
    }

    .fs-md-12 {
        font-size: 12px
    }

    .fs-md-13 {
        font-size: 13px
    }

    .fs-md-14 {
        font-size: 14px
    }

    .fs-md-15 {
        font-size: 15px
    }

    .fs-md-16 {
        font-size: 16px
    }

    .fs-md-17 {
        font-size: 17px
    }

    .fs-md-18 {
        font-size: 18px
    }

    .fs-md-19 {
        font-size: 19px
    }

    .fs-md-20 {
        font-size: 20px
    }

    .fs-md-21 {
        font-size: 21px
    }

    .fs-md-22 {
        font-size: 22px
    }

    .fs-md-23 {
        font-size: 23px
    }

    .fs-md-24 {
        font-size: 24px
    }

    .fs-md-25 {
        font-size: 25px
    }

    .fs-md-26 {
        font-size: 26px
    }

    .fs-md-27 {
        font-size: 27px
    }

    .fs-md-28 {
        font-size: 28px
    }

    .fs-md-29 {
        font-size: 29px
    }

    .fs-md-30 {
        font-size: 30px
    }

    .fs-md-31 {
        font-size: 31px
    }

    .fs-md-32 {
        font-size: 32px
    }

    .fs-md-33 {
        font-size: 33px
    }

    .fs-md-34 {
        font-size: 34px
    }

    .fs-md-35 {
        font-size: 35px
    }

    .fs-md-36 {
        font-size: 36px
    }

    .fs-md-37 {
        font-size: 37px
    }

    .fs-md-38 {
        font-size: 38px
    }

    .fs-md-39 {
        font-size: 39px
    }

    .fs-md-40 {
        font-size: 40px
    }

    .fs-md-41 {
        font-size: 41px
    }

    .fs-md-42 {
        font-size: 42px
    }

    .fs-md-43 {
        font-size: 43px
    }

    .fs-md-44 {
        font-size: 44px
    }

    .fs-md-45 {
        font-size: 45px
    }

    .fs-md-46 {
        font-size: 46px
    }

    .fs-md-47 {
        font-size: 47px
    }

    .fs-md-48 {
        font-size: 48px
    }

    .fs-md-49 {
        font-size: 49px
    }

    .fs-md-50 {
        font-size: 50px
    }

    .fs-md-51 {
        font-size: 51px
    }

    .fs-md-52 {
        font-size: 52px
    }

    .fs-md-53 {
        font-size: 53px
    }

    .fs-md-54 {
        font-size: 54px
    }

    .fs-md-55 {
        font-size: 55px
    }

    .fs-md-56 {
        font-size: 56px
    }

    .fs-md-57 {
        font-size: 57px
    }

    .fs-md-58 {
        font-size: 58px
    }

    .fs-md-59 {
        font-size: 59px
    }

    .fs-md-60 {
        font-size: 60px
    }

    .fs-md-61 {
        font-size: 61px
    }

    .fs-md-62 {
        font-size: 62px
    }

    .fs-md-63 {
        font-size: 63px
    }

    .fs-md-64 {
        font-size: 64px
    }

    .fs-md-65 {
        font-size: 65px
    }

    .fs-md-66 {
        font-size: 66px
    }

    .fs-md-67 {
        font-size: 67px
    }

    .fs-md-68 {
        font-size: 68px
    }

    .fs-md-69 {
        font-size: 69px
    }

    .fs-md-70 {
        font-size: 70px
    }

    .fs-md-71 {
        font-size: 71px
    }

    .fs-md-72 {
        font-size: 72px
    }

    .fs-md-73 {
        font-size: 73px
    }

    .fs-md-74 {
        font-size: 74px
    }

    .fs-md-75 {
        font-size: 75px
    }

    .fs-md-76 {
        font-size: 76px
    }

    .fs-md-77 {
        font-size: 77px
    }

    .fs-md-78 {
        font-size: 78px
    }

    .fs-md-79 {
        font-size: 79px
    }

    .fs-md-80 {
        font-size: 80px
    }

    .fs-md-81 {
        font-size: 81px
    }

    .fs-md-82 {
        font-size: 82px
    }

    .fs-md-83 {
        font-size: 83px
    }

    .fs-md-84 {
        font-size: 84px
    }

    .fs-md-85 {
        font-size: 85px
    }

    .fs-md-86 {
        font-size: 86px
    }

    .fs-md-87 {
        font-size: 87px
    }

    .fs-md-88 {
        font-size: 88px
    }

    .fs-md-89 {
        font-size: 89px
    }

    .fs-md-90 {
        font-size: 90px
    }

    .fs-md-91 {
        font-size: 91px
    }

    .fs-md-92 {
        font-size: 92px
    }

    .fs-md-93 {
        font-size: 93px
    }

    .fs-md-94 {
        font-size: 94px
    }

    .fs-md-95 {
        font-size: 95px
    }

    .fs-md-96 {
        font-size: 96px
    }

    .fs-md-97 {
        font-size: 97px
    }

    .fs-md-98 {
        font-size: 98px
    }

    .fs-md-99 {
        font-size: 99px
    }

    .fs-md-100 {
        font-size: 100px
    }
}

@media (min-width:992px) {
    .fs-lg-0 {
        font-size: 0
    }

    .fs-lg-1 {
        font-size: 1px
    }

    .fs-lg-2 {
        font-size: 2px
    }

    .fs-lg-3 {
        font-size: 3px
    }

    .fs-lg-4 {
        font-size: 4px
    }

    .fs-lg-5 {
        font-size: 5px
    }

    .fs-lg-6 {
        font-size: 6px
    }

    .fs-lg-7 {
        font-size: 7px
    }

    .fs-lg-8 {
        font-size: 8px
    }

    .fs-lg-9 {
        font-size: 9px
    }

    .fs-lg-10 {
        font-size: 10px
    }

    .fs-lg-11 {
        font-size: 11px
    }

    .fs-lg-12 {
        font-size: 12px
    }

    .fs-lg-13 {
        font-size: 13px
    }

    .fs-lg-14 {
        font-size: 14px
    }

    .fs-lg-15 {
        font-size: 15px
    }

    .fs-lg-16 {
        font-size: 16px
    }

    .fs-lg-17 {
        font-size: 17px
    }

    .fs-lg-18 {
        font-size: 18px
    }

    .fs-lg-19 {
        font-size: 19px
    }

    .fs-lg-20 {
        font-size: 20px
    }

    .fs-lg-21 {
        font-size: 21px
    }

    .fs-lg-22 {
        font-size: 22px
    }

    .fs-lg-23 {
        font-size: 23px
    }

    .fs-lg-24 {
        font-size: 24px
    }

    .fs-lg-25 {
        font-size: 25px
    }

    .fs-lg-26 {
        font-size: 26px
    }

    .fs-lg-27 {
        font-size: 27px
    }

    .fs-lg-28 {
        font-size: 28px
    }

    .fs-lg-29 {
        font-size: 29px
    }

    .fs-lg-30 {
        font-size: 30px
    }

    .fs-lg-31 {
        font-size: 31px
    }

    .fs-lg-32 {
        font-size: 32px
    }

    .fs-lg-33 {
        font-size: 33px
    }

    .fs-lg-34 {
        font-size: 34px
    }

    .fs-lg-35 {
        font-size: 35px
    }

    .fs-lg-36 {
        font-size: 36px
    }

    .fs-lg-37 {
        font-size: 37px
    }

    .fs-lg-38 {
        font-size: 38px
    }

    .fs-lg-39 {
        font-size: 39px
    }

    .fs-lg-40 {
        font-size: 40px
    }

    .fs-lg-41 {
        font-size: 41px
    }

    .fs-lg-42 {
        font-size: 42px
    }

    .fs-lg-43 {
        font-size: 43px
    }

    .fs-lg-44 {
        font-size: 44px
    }

    .fs-lg-45 {
        font-size: 45px
    }

    .fs-lg-46 {
        font-size: 46px
    }

    .fs-lg-47 {
        font-size: 47px
    }

    .fs-lg-48 {
        font-size: 48px
    }

    .fs-lg-49 {
        font-size: 49px
    }

    .fs-lg-50 {
        font-size: 50px
    }

    .fs-lg-51 {
        font-size: 51px
    }

    .fs-lg-52 {
        font-size: 52px
    }

    .fs-lg-53 {
        font-size: 53px
    }

    .fs-lg-54 {
        font-size: 54px
    }

    .fs-lg-55 {
        font-size: 55px
    }

    .fs-lg-56 {
        font-size: 56px
    }

    .fs-lg-57 {
        font-size: 57px
    }

    .fs-lg-58 {
        font-size: 58px
    }

    .fs-lg-59 {
        font-size: 59px
    }

    .fs-lg-60 {
        font-size: 60px
    }

    .fs-lg-61 {
        font-size: 61px
    }

    .fs-lg-62 {
        font-size: 62px
    }

    .fs-lg-63 {
        font-size: 63px
    }

    .fs-lg-64 {
        font-size: 64px
    }

    .fs-lg-65 {
        font-size: 65px
    }

    .fs-lg-66 {
        font-size: 66px
    }

    .fs-lg-67 {
        font-size: 67px
    }

    .fs-lg-68 {
        font-size: 68px
    }

    .fs-lg-69 {
        font-size: 69px
    }

    .fs-lg-70 {
        font-size: 70px
    }

    .fs-lg-71 {
        font-size: 71px
    }

    .fs-lg-72 {
        font-size: 72px
    }

    .fs-lg-73 {
        font-size: 73px
    }

    .fs-lg-74 {
        font-size: 74px
    }

    .fs-lg-75 {
        font-size: 75px
    }

    .fs-lg-76 {
        font-size: 76px
    }

    .fs-lg-77 {
        font-size: 77px
    }

    .fs-lg-78 {
        font-size: 78px
    }

    .fs-lg-79 {
        font-size: 79px
    }

    .fs-lg-80 {
        font-size: 80px
    }

    .fs-lg-81 {
        font-size: 81px
    }

    .fs-lg-82 {
        font-size: 82px
    }

    .fs-lg-83 {
        font-size: 83px
    }

    .fs-lg-84 {
        font-size: 84px
    }

    .fs-lg-85 {
        font-size: 85px
    }

    .fs-lg-86 {
        font-size: 86px
    }

    .fs-lg-87 {
        font-size: 87px
    }

    .fs-lg-88 {
        font-size: 88px
    }

    .fs-lg-89 {
        font-size: 89px
    }

    .fs-lg-90 {
        font-size: 90px
    }

    .fs-lg-91 {
        font-size: 91px
    }

    .fs-lg-92 {
        font-size: 92px
    }

    .fs-lg-93 {
        font-size: 93px
    }

    .fs-lg-94 {
        font-size: 94px
    }

    .fs-lg-95 {
        font-size: 95px
    }

    .fs-lg-96 {
        font-size: 96px
    }

    .fs-lg-97 {
        font-size: 97px
    }

    .fs-lg-98 {
        font-size: 98px
    }

    .fs-lg-99 {
        font-size: 99px
    }

    .fs-lg-100 {
        font-size: 100px
    }
}

@media (min-width:1200px) {
    .fs-xl-0 {
        font-size: 0
    }

    .fs-xl-1 {
        font-size: 1px
    }

    .fs-xl-2 {
        font-size: 2px
    }

    .fs-xl-3 {
        font-size: 3px
    }

    .fs-xl-4 {
        font-size: 4px
    }

    .fs-xl-5 {
        font-size: 5px
    }

    .fs-xl-6 {
        font-size: 6px
    }

    .fs-xl-7 {
        font-size: 7px
    }

    .fs-xl-8 {
        font-size: 8px
    }

    .fs-xl-9 {
        font-size: 9px
    }

    .fs-xl-10 {
        font-size: 10px
    }

    .fs-xl-11 {
        font-size: 11px
    }

    .fs-xl-12 {
        font-size: 12px
    }

    .fs-xl-13 {
        font-size: 13px
    }

    .fs-xl-14 {
        font-size: 14px
    }

    .fs-xl-15 {
        font-size: 15px
    }

    .fs-xl-16 {
        font-size: 16px
    }

    .fs-xl-17 {
        font-size: 17px
    }

    .fs-xl-18 {
        font-size: 18px
    }

    .fs-xl-19 {
        font-size: 19px
    }

    .fs-xl-20 {
        font-size: 20px
    }

    .fs-xl-21 {
        font-size: 21px
    }

    .fs-xl-22 {
        font-size: 22px
    }

    .fs-xl-23 {
        font-size: 23px
    }

    .fs-xl-24 {
        font-size: 24px
    }

    .fs-xl-25 {
        font-size: 25px
    }

    .fs-xl-26 {
        font-size: 26px
    }

    .fs-xl-27 {
        font-size: 27px
    }

    .fs-xl-28 {
        font-size: 28px
    }

    .fs-xl-29 {
        font-size: 29px
    }

    .fs-xl-30 {
        font-size: 30px
    }

    .fs-xl-31 {
        font-size: 31px
    }

    .fs-xl-32 {
        font-size: 32px
    }

    .fs-xl-33 {
        font-size: 33px
    }

    .fs-xl-34 {
        font-size: 34px
    }

    .fs-xl-35 {
        font-size: 35px
    }

    .fs-xl-36 {
        font-size: 36px
    }

    .fs-xl-37 {
        font-size: 37px
    }

    .fs-xl-38 {
        font-size: 38px
    }

    .fs-xl-39 {
        font-size: 39px
    }

    .fs-xl-40 {
        font-size: 40px
    }

    .fs-xl-41 {
        font-size: 41px
    }

    .fs-xl-42 {
        font-size: 42px
    }

    .fs-xl-43 {
        font-size: 43px
    }

    .fs-xl-44 {
        font-size: 44px
    }

    .fs-xl-45 {
        font-size: 45px
    }

    .fs-xl-46 {
        font-size: 46px
    }

    .fs-xl-47 {
        font-size: 47px
    }

    .fs-xl-48 {
        font-size: 48px
    }

    .fs-xl-49 {
        font-size: 49px
    }

    .fs-xl-50 {
        font-size: 50px
    }

    .fs-xl-51 {
        font-size: 51px
    }

    .fs-xl-52 {
        font-size: 52px
    }

    .fs-xl-53 {
        font-size: 53px
    }

    .fs-xl-54 {
        font-size: 54px
    }

    .fs-xl-55 {
        font-size: 55px
    }

    .fs-xl-56 {
        font-size: 56px
    }

    .fs-xl-57 {
        font-size: 57px
    }

    .fs-xl-58 {
        font-size: 58px
    }

    .fs-xl-59 {
        font-size: 59px
    }

    .fs-xl-60 {
        font-size: 60px
    }

    .fs-xl-61 {
        font-size: 61px
    }

    .fs-xl-62 {
        font-size: 62px
    }

    .fs-xl-63 {
        font-size: 63px
    }

    .fs-xl-64 {
        font-size: 64px
    }

    .fs-xl-65 {
        font-size: 65px
    }

    .fs-xl-66 {
        font-size: 66px
    }

    .fs-xl-67 {
        font-size: 67px
    }

    .fs-xl-68 {
        font-size: 68px
    }

    .fs-xl-69 {
        font-size: 69px
    }

    .fs-xl-70 {
        font-size: 70px
    }

    .fs-xl-71 {
        font-size: 71px
    }

    .fs-xl-72 {
        font-size: 72px
    }

    .fs-xl-73 {
        font-size: 73px
    }

    .fs-xl-74 {
        font-size: 74px
    }

    .fs-xl-75 {
        font-size: 75px
    }

    .fs-xl-76 {
        font-size: 76px
    }

    .fs-xl-77 {
        font-size: 77px
    }

    .fs-xl-78 {
        font-size: 78px
    }

    .fs-xl-79 {
        font-size: 79px
    }

    .fs-xl-80 {
        font-size: 80px
    }

    .fs-xl-81 {
        font-size: 81px
    }

    .fs-xl-82 {
        font-size: 82px
    }

    .fs-xl-83 {
        font-size: 83px
    }

    .fs-xl-84 {
        font-size: 84px
    }

    .fs-xl-85 {
        font-size: 85px
    }

    .fs-xl-86 {
        font-size: 86px
    }

    .fs-xl-87 {
        font-size: 87px
    }

    .fs-xl-88 {
        font-size: 88px
    }

    .fs-xl-89 {
        font-size: 89px
    }

    .fs-xl-90 {
        font-size: 90px
    }

    .fs-xl-91 {
        font-size: 91px
    }

    .fs-xl-92 {
        font-size: 92px
    }

    .fs-xl-93 {
        font-size: 93px
    }

    .fs-xl-94 {
        font-size: 94px
    }

    .fs-xl-95 {
        font-size: 95px
    }

    .fs-xl-96 {
        font-size: 96px
    }

    .fs-xl-97 {
        font-size: 97px
    }

    .fs-xl-98 {
        font-size: 98px
    }

    .fs-xl-99 {
        font-size: 99px
    }

    .fs-xl-100 {
        font-size: 100px
    }
}

@media (min-width:1400px) {
    .fs-xxl-0 {
        font-size: 0
    }

    .fs-xxl-1 {
        font-size: 1px
    }

    .fs-xxl-2 {
        font-size: 2px
    }

    .fs-xxl-3 {
        font-size: 3px
    }

    .fs-xxl-4 {
        font-size: 4px
    }

    .fs-xxl-5 {
        font-size: 5px
    }

    .fs-xxl-6 {
        font-size: 6px
    }

    .fs-xxl-7 {
        font-size: 7px
    }

    .fs-xxl-8 {
        font-size: 8px
    }

    .fs-xxl-9 {
        font-size: 9px
    }

    .fs-xxl-10 {
        font-size: 10px
    }

    .fs-xxl-11 {
        font-size: 11px
    }

    .fs-xxl-12 {
        font-size: 12px
    }

    .fs-xxl-13 {
        font-size: 13px
    }

    .fs-xxl-14 {
        font-size: 14px
    }

    .fs-xxl-15 {
        font-size: 15px
    }

    .fs-xxl-16 {
        font-size: 16px
    }

    .fs-xxl-17 {
        font-size: 17px
    }

    .fs-xxl-18 {
        font-size: 18px
    }

    .fs-xxl-19 {
        font-size: 19px
    }

    .fs-xxl-20 {
        font-size: 20px
    }

    .fs-xxl-21 {
        font-size: 21px
    }

    .fs-xxl-22 {
        font-size: 22px
    }

    .fs-xxl-23 {
        font-size: 23px
    }

    .fs-xxl-24 {
        font-size: 24px
    }

    .fs-xxl-25 {
        font-size: 25px
    }

    .fs-xxl-26 {
        font-size: 26px
    }

    .fs-xxl-27 {
        font-size: 27px
    }

    .fs-xxl-28 {
        font-size: 28px
    }

    .fs-xxl-29 {
        font-size: 29px
    }

    .fs-xxl-30 {
        font-size: 30px
    }

    .fs-xxl-31 {
        font-size: 31px
    }

    .fs-xxl-32 {
        font-size: 32px
    }

    .fs-xxl-33 {
        font-size: 33px
    }

    .fs-xxl-34 {
        font-size: 34px
    }

    .fs-xxl-35 {
        font-size: 35px
    }

    .fs-xxl-36 {
        font-size: 36px
    }

    .fs-xxl-37 {
        font-size: 37px
    }

    .fs-xxl-38 {
        font-size: 38px
    }

    .fs-xxl-39 {
        font-size: 39px
    }

    .fs-xxl-40 {
        font-size: 40px
    }

    .fs-xxl-41 {
        font-size: 41px
    }

    .fs-xxl-42 {
        font-size: 42px
    }

    .fs-xxl-43 {
        font-size: 43px
    }

    .fs-xxl-44 {
        font-size: 44px
    }

    .fs-xxl-45 {
        font-size: 45px
    }

    .fs-xxl-46 {
        font-size: 46px
    }

    .fs-xxl-47 {
        font-size: 47px
    }

    .fs-xxl-48 {
        font-size: 48px
    }

    .fs-xxl-49 {
        font-size: 49px
    }

    .fs-xxl-50 {
        font-size: 50px
    }

    .fs-xxl-51 {
        font-size: 51px
    }

    .fs-xxl-52 {
        font-size: 52px
    }

    .fs-xxl-53 {
        font-size: 53px
    }

    .fs-xxl-54 {
        font-size: 54px
    }

    .fs-xxl-55 {
        font-size: 55px
    }

    .fs-xxl-56 {
        font-size: 56px
    }

    .fs-xxl-57 {
        font-size: 57px
    }

    .fs-xxl-58 {
        font-size: 58px
    }

    .fs-xxl-59 {
        font-size: 59px
    }

    .fs-xxl-60 {
        font-size: 60px
    }

    .fs-xxl-61 {
        font-size: 61px
    }

    .fs-xxl-62 {
        font-size: 62px
    }

    .fs-xxl-63 {
        font-size: 63px
    }

    .fs-xxl-64 {
        font-size: 64px
    }

    .fs-xxl-65 {
        font-size: 65px
    }

    .fs-xxl-66 {
        font-size: 66px
    }

    .fs-xxl-67 {
        font-size: 67px
    }

    .fs-xxl-68 {
        font-size: 68px
    }

    .fs-xxl-69 {
        font-size: 69px
    }

    .fs-xxl-70 {
        font-size: 70px
    }

    .fs-xxl-71 {
        font-size: 71px
    }

    .fs-xxl-72 {
        font-size: 72px
    }

    .fs-xxl-73 {
        font-size: 73px
    }

    .fs-xxl-74 {
        font-size: 74px
    }

    .fs-xxl-75 {
        font-size: 75px
    }

    .fs-xxl-76 {
        font-size: 76px
    }

    .fs-xxl-77 {
        font-size: 77px
    }

    .fs-xxl-78 {
        font-size: 78px
    }

    .fs-xxl-79 {
        font-size: 79px
    }

    .fs-xxl-80 {
        font-size: 80px
    }

    .fs-xxl-81 {
        font-size: 81px
    }

    .fs-xxl-82 {
        font-size: 82px
    }

    .fs-xxl-83 {
        font-size: 83px
    }

    .fs-xxl-84 {
        font-size: 84px
    }

    .fs-xxl-85 {
        font-size: 85px
    }

    .fs-xxl-86 {
        font-size: 86px
    }

    .fs-xxl-87 {
        font-size: 87px
    }

    .fs-xxl-88 {
        font-size: 88px
    }

    .fs-xxl-89 {
        font-size: 89px
    }

    .fs-xxl-90 {
        font-size: 90px
    }

    .fs-xxl-91 {
        font-size: 91px
    }

    .fs-xxl-92 {
        font-size: 92px
    }

    .fs-xxl-93 {
        font-size: 93px
    }

    .fs-xxl-94 {
        font-size: 94px
    }

    .fs-xxl-95 {
        font-size: 95px
    }

    .fs-xxl-96 {
        font-size: 96px
    }

    .fs-xxl-97 {
        font-size: 97px
    }

    .fs-xxl-98 {
        font-size: 98px
    }

    .fs-xxl-99 {
        font-size: 99px
    }

    .fs-xxl-100 {
        font-size: 100px
    }
}

.fw-thin {
    font-weight: 100
}

.fw-elight {
    font-weight: 200
}

.fw-light {
    font-weight: 300
}

.fw-normal {
    font-weight: 400
}

.fw-medium {
    font-weight: 500
}

.fw-semi {
    font-weight: 600
}

.fw-bold {
    font-weight: 700
}

.fw-heavy {
    font-weight: 800
}

.fw-black {
    font-weight: 900
}

.tt-upper {
    text-transform: uppercase
}

.tt-none {
    text-transform: none
}

.tt-lower {
    text-transform: lowercase
}

.td-under {
    text-decoration: underline
}

.strike {
    text-decoration: line-through
}

.wrapper {
    overflow: hidden
}

.wrapper.full {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.wrapper.full>header,
.wrapper.full>footer,
.wrapper.full>main {
    width: 100%
}

.wrapper.full>main {
    flex-grow: 1
}

.wrapper.full>main section {
    width: 100%
}

.wrapper.full>section {
    flex-grow: 1
}

.container {
    position: relative
}

@media (min-width:1200px) {
    .container {
        max-width: 1230px
    }
}

a {
    color: inherit;
    text-decoration: underline
}

a:hover,
a:active,
a:focus {
    color: inherit;
    text-decoration: none
}

a,
input,
button {
    transition: all .3s ease-in-out
}

a:active,
a:focus,
input:active,
input:focus,
button:active,
button:focus {
    outline: 0 !important
}

p,
.title,
.min-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    position: relative;
    z-index: 2
}

a.cl-btn,
button.cl-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: var(--color-secondary);
    border-radius: 12px;
    padding: 10px 30px;
    min-height: 100px;
    font-weight: 700;
    cursor: pointer;
    border: 0;
    position: relative;
    z-index: 2;
    background: var(--color-primary);
    text-transform: uppercase
}

a.cl-btn:hover,
button.cl-btn:hover {
    background: #e8a566
}

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

    a.cl-btn,
    button.cl-btn {
        min-height: 80px
    }
}

@media (max-width:767px) {

    a.cl-btn,
    button.cl-btn {
        min-height: 65px;
        border-radius: 7px;
        max-width: 300px;
        width: 100%
    }
}

form {
    --foz: 20px;
    --height: 95px;
    --padding: 0 20px;
    --brs: 12px
}

@media (min-width:768px) and (max-width:1199px) {
    form {
        --foz: 18px;
        --height: 75px;
        --brs: 10px
    }
}

@media (max-width:767px) {
    form {
        --foz: 16px;
        --height: 65px;
        --brs: 8px
    }
}

form .form-control,
form .form-select {
    border-radius: var(--brs);
    border: 0;
    border: 1px solid transparent;
    color: #000;
    width: 100%;
    outline: 0;
    font-size: var(--foz);
    background-color: #EEE;
    box-shadow: none !important;
    height: var(--height);
    padding: var(--padding)
}

form .form-control::-webkit-input-placeholder,
form .form-select::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

form .form-control::-moz-placeholder,
form .form-select::-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

form .form-control:-moz-placeholder,
form .form-select:-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

form .form-control:-ms-input-placeholder,
form .form-select:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

form .form-control:focus,
form .form-select:focus {
    border-color: var(--color-primary)
}

form textarea.form-control {
    padding: 10px 15px
}

form .for-btn .cl-btn {
    width: 100%
}

.page-404 {
    min-height: 100vh
}

.page-404 .info {
    text-align: center
}

.page-404 .t1 {
    font-size: 10em
}

.page-404 .t2 {
    font-size: 1.4em;
    margin: 0 0 20px
}

.page-404 .t3 {
    font-size: .9em
}

.clock {
    line-height: 1
}

.clock.simple-dots .countdown-row {
    display: inline-flex;
    text-align: center
}

.clock.simple-dots .countdown-row .countdown-section {
    position: relative;
    width: 2em;
    padding: .2em;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 10px 35px 11px rgba(0, 0, 0, .07);
    border-radius: 4px
}

.clock.simple-dots .countdown-row .countdown-section:not(:last-of-type) {
    margin-right: .9em
}

.clock.simple-dots .countdown-row .countdown-section:not(:last-of-type):before {
    position: absolute;
    content: ":";
    right: -.55em;
    top: 50%;
    transform: translateY(-50%);
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    filter: invert(1)
}

.clock.simple-dots .countdown-row .countdown-section span {
    display: block;
    color: inherit;
    font-weight: inherit;
    line-height: inherit
}

.clock.simple-dots .countdown-row .countdown-section span.countdown-amount {
    font-size: inherit;
    font-weight: inherit
}

.clock.simple-dots .countdown-row .countdown-section span.countdown-period {
    font-size: .4em;
    margin: 5px 0 0 0;
    font-weight: 400
}

.bonus-block {
    display: inline-flex;
    align-items: center;
    border-radius: 12px;
    background: #EEE;
    text-align: left;
    color: var(--color-secondary);
    position: relative
}

.bonus-block .arrow {
    position: absolute;
    right: 20px;
    bottom: 0;
    transform: translateY(70%)
}

.bonus-block .gift {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(30%, -30%)
}

.bonus-block .gift img {
    width: 55px
}

@media (max-width:767px) {
    .bonus-block .gift img {
        width: 45px
    }

    .bonus-block .arrow img {
        width: 55px
    }
}

.bonus-block .bonus-text {
    padding: 10px 30px 10px 20px
}

@media (max-width:1199px) {
    .bonus-block .bonus-text {
        padding: 10px 20px 10px 20px
    }
}

.video-frame {
    width: 170px;
    flex-shrink: 0;
    margin: 0 0 5px -20px;
    transform: rotate(7deg);
    position: relative
}

.video-frame video {
    width: 98%;
    height: 98%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px
}

.video-frame>img {
    position: relative;
    height: 100%;
    width: 100%
}

@media (min-width:768px) and (max-width:1199px) {
    .video-frame {
        width: 130px;
        height: 80px
    }

    .video-frame .icon img {
        width: 45px
    }
}

@media (max-width:767px) {
    .video-frame {
        width: 130px;
        height: 97px;
        margin: 0 0 0 -10px
    }
}

.sign-list {
    --bg: url(../images/fire.svg) no-repeat center / contain;
    --width: 20px;
    --height: 25px;
    --offset: 23px;
    --mb: 20px;
    --top: 0
}

.sign-list p {
    padding: 0 0 0 calc(var(--offset) + var(--width))
}

.sign-list p:not(:last-of-type) {
    margin-bottom: var(--mb)
}

.sign-list p:before {
    position: absolute;
    content: '';
    top: var(--top);
    left: 0;
    width: var(--width);
    height: var(--height);
    background: var(--bg)
}

.labe {
    border-radius: 50px;
    min-height: 60px;
    padding: 5px 20px;
    column-gap: 10px;
    display: inline-flex;
    align-items: center;
    background: #fff;
    font-weight: 600;
    color: var(--color-secondary)
}

.labe.lb-primary {
    background: var(--color-primary)
}

.labe .icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.labe .icon img {
    max-width: 100%;
    max-height: 100%
}

@media (max-width:767px) {
    .labe {
        min-height: 35px;
        padding: 5px 9px;
        column-gap: 5px
    }

    .labe .icon {
        width: 15px;
        height: 15px
    }
}

.text p:not(:last-of-type) {
    margin-bottom: 15px
}

.lh-0 {
    line-height: 0
}

.slider {
    position: relative
}

.slider .swiper-button {
    --size: 68px;
    --swiper-navigation-size: 30px
}

@media (max-width:767px) {
    .slider .swiper-button {
        --size: 30px;
        --swiper-navigation-size: 12px
    }
}

.slider .swiper-button.light-btn div {
    color: var(--color-primary);
    background: #fff
}

.slider .swiper-button div {
    color: #fff;
    transition: .3s;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: var(--color-primary);
    color: var(--color-secondary)
}

.slider .swiper-button div:hover {
    background: #fff
}

.slider .swiper-button div:after {
    transition: inherit;
    color: inherit
}

.slider .swiper-button .swiper-button-prev {
    left: 0
}

.slider .swiper-button .swiper-button-next {
    right: 0
}

.slider .swiper-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    bottom: -65px;
    margin: 0;
    column-gap: 30px
}

@media (max-width:767px) {
    .slider .swiper-pagination {
        bottom: -45px
    }
}

.slider .swiper-pagination .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #505f81
}

.slider .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--color-primary)
}

@media (max-width:767px) {
    .slider .swiper-pagination .swiper-pagination-bullet {
        width: 7px;
        height: 7px
    }
}

ul,
ol {
    padding: 0 0 0 25px
}

ul li,
ol li {
    margin: 0 0 5px 0
}

.triangle-bg {
    --bg: var(--color-secondary-l);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: var(--bg)
}

.triangle-bg .tr-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.triangle-bg .tr-top {
    bottom: calc(100% - 90px)
}

.triangle-bg .tr-bottom {
    top: calc(100% - 60px);
    transform: translateX(-51.5%)
}

@media (max-width:767px) {
    .triangle-bg .tr-top {
        bottom: calc(100% - 60px)
    }

    .triangle-bg img {
        width: 1500px
    }
}

.header {
    padding: 0 0 150px 0
}

@media (max-width:767px) {
    .header {
        padding: 0 0 90px 0
    }
}

.header .h-top .info {
    color: var(--color-secondary);
    display: flex;
    background: #fff;
    max-width: 600px;
    padding: 40px;
    border-radius: 0 0 12px 12px;
    column-gap: 35px;
    text-align: center
}

.header .h-top .info hr {
    opacity: .5;
    background: var(--color-secondary);
    width: 1px;
    height: auto;
    margin: 0;
    border: 0;
    width: 1px;
    flex-shrink: 0
}

.header .h-top .time {
    height: 90px;
    padding: 10px 10px 10px 25px;
    border-radius: 12px;
    border: 3px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-transform: uppercase
}

.header .h-top .time .icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}
        .languages > ul{
            list-style: none;
            display: inline-flex;
            gap: 15px;
            padding: 0px;
            border: none;
        }
        .languages > ul > li > a{
            text-decoration: none;
        }
        .languages > ul > li > a.active{
            font-weight: bold;
        }
@media (min-width:768px) and (max-width:1199px) {
    .header .h-top .info {
        display: block;
        padding: 25px
    }

    .header .h-top .info hr {
        opacity: .5;
        background: var(--color-secondary);
        width: 100%;
        height: auto;
        margin: 10px;
        height: 1px;
        border: 0
    }
}

@media (max-width:767px) {
    .header .h-top {
        text-align: center
    }

    .header .h-top .info {
        display: inline-flex;
        background: #fff;
        max-width: initial;
        padding: 25px 35px;
        column-gap: 18px
    }

    .header .h-top .languages {
        margin: 10px 0;
    }
    .header .h-top .time {
        height: 50px;
        padding: 5px 25px 5px 30px;
        border-radius: 50px;
        border-width: 2px;
        text-transform: none;
        display: inline-flex
    }

    .header .h-top .time .icon img {
        width: 30px
    }
}

.header .h-main {
    margin: 80px 0 0 0
}

.header .h-main .labes {
    display: flex;
    margin: 30px 0 0 0;
    column-gap: 10px
}

.header .h-main .hn-row {
    margin: 40px 0 0 0
}

.header .h-main .hn-row .hm-block {
    display: flex;
    align-items: center;
    column-gap: 20px
}

.header .h-main .hn-row .hm-block .icon {
    flex-shrink: 0;
    width: 70px
}

.header .h-main .hn-row .hm-block .icon img {
    width: 100%
}

.header .h-main .bonus-block {
    margin: 0 0 25px 0
}

.header .h-main .form-block {
    border-radius: 24px;
    padding: 24px 35px 45px 35px;
    background: rgba(52, 62, 85, .6)
}

@media (min-width:768px) and (max-width:1199px) {
    .header .h-main .form-block {
        max-width: 600px;
        margin: auto
    }
}

@media (max-width:767px) {
    .header .h-main {
        margin: 15px 0 0 0
    }

    .header .h-main .title {
        text-align: center;
        max-width: 340px;
        margin: auto
    }

    .header .h-main .labes {
        justify-content: center;
        margin: 30px 0 0 0;
        column-gap: 10px
    }

    .header .h-main .labes .icon {
        width: 12px
    }

    .header .h-main .hn-row {
        margin: 25px auto;
        max-width: 350px
    }

    .header .h-main .hn-row .hm-block {
        column-gap: 10px
    }

    .header .h-main .hn-row .hm-block .icon {
        width: 35px
    }

    .header .h-main .bonus-block {
        margin: 0 0 15px 0
    }

    .header .h-main .form-block {
        border-radius: 15px;
        padding: 15px 24px 30px 24px
    }

    .header .h-main .form-block .cl-btn {
        min-height: 80px;
        max-width: 100%
    }
}

.will {
    padding: 70px 0 50px 0;
    position: relative
}

@media (min-width:1200px) {
    .will .container {
        max-width: 1000px
    }
}

.will .title {
    margin: 0 0 45px 0
}

.will .for-btn {
    margin: 55px 0 0 0;
    text-align: center
}

@media (min-width:992px) {
    .will .w-block {
        border-radius: 24px;
        background: var(--color-secondary)
    }

    .will .w-block:not(:last-of-type) {
        margin-bottom: 40px
    }

    .will .w-block .sign-list {
        --bg: url(../images/chk2.svg) no-repeat center / contain;
        --width: 85px;
        --height: 18px;
        --offset: 18px;
        --mb: 15px;
        --top: .2em;
        padding: 60px 50px 60px 0
    }

    .will .w-block .sign-list.list-rev {
        --bg: url(../images/chk1.svg) no-repeat center / contain;
        text-align: right;
        padding-left: 100px;
        padding-right: 0
    }

    .will .w-block .sign-list.list-rev p {
        padding: 0 calc(var(--offset) + var(--width)) 0 0
    }

    .will .w-block .sign-list.list-rev p:before {
        left: initial;
        right: 0
    }

    .will .w-block .pic {
        margin: -40px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .will .w-block .pic img {
        width: 350px
    }
}

@media (max-width:991px) {
    .will {
        padding: 40px 0 0 0
    }

    .will .title {
        margin: 0 0 30px 0
    }

    .will .for-btn {
        margin: 30px 0 0 0;
        text-align: center
    }

    .will .sign-list p {
        padding: 0 0 0 45px
    }

    .will .sign-list p:before {
        display: none
    }

    .will .sign-list p:after {
        position: absolute;
        content: attr(data-number);
        left: 0;
        top: 0;
        color: var(--color-primary);
        font-size: 20px;
        font-weight: 700
    }
}

.bonuses {
    padding: 250px 0 200px 0
}

.bonuses .title {
    margin: 0 0 90px 0
}

.bonuses .b-row .row {
    row-gap: 90px
}

.bonuses .b-block {
    min-height: 100%;
    max-width: 545px;
    background: var(--color-secondary-l);
    border-radius: 17px;
    position: relative;
    display: flex;
    align-items: center
}

.bonuses .b-block .icon {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    width: 60px
}

.bonuses .b-block .icon img {
    width: 100%
}

.bonuses .b-block .box {
    margin: -25px 0 -25px -20px;
    flex-shrink: 0
}

.bonuses .b-block .box img {
    width: 100%
}

.bonuses .b-block .text {
    padding: 35px
}

.bonuses .b-block .text .name {
    font-size: 24px;
    margin: 0 0 15px 0;
    font-weight: 700
}

@media (min-width:768px) {
    .bonuses .cl-btn {
        max-width: 500px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bonuses {
        padding: 200px 0 150px 0
    }

    .bonuses .b-row .row {
        row-gap: 45px
    }

    .bonuses .b-block {
        border-radius: 9px;
        font-size: 14px
    }

    .bonuses .b-block .icon {
        width: 34px
    }

    .bonuses .b-block .box {
        margin: -25px 0 -25px -20px;
        width: 100px
    }

    .bonuses .b-block .text {
        padding: 15px 20px
    }

    .bonuses .b-block .text .name {
        font-size: 16px;
        margin: 0 0 8px 0
    }
}

@media (max-width:767px) {
    .bonuses {
        padding: 100px 0 80px 0
    }

    .bonuses .title {
        margin: 0 0 30px 0;
        text-align: center
    }

    .bonuses .b-row .row {
        row-gap: 35px
    }

    .bonuses .b-block {
        border-radius: 9px;
        font-size: 14px;
        width: 90%;
        margin: auto
    }

    .bonuses .b-block .icon {
        width: 34px
    }

    .bonuses .b-block .box {
        margin: -25px 0 -25px -20px;
        width: 100px
    }

    .bonuses .b-block .text {
        padding: 15px 20px
    }

    .bonuses .b-block .text .name {
        font-size: 16px;
        margin: 0 0 8px 0
    }
}

.what {
    padding: 100px 0 0 0;
    position: relative
}

.what .labe {
    margin: 0 0 45px 0
}

.what .w-bottom {
    padding: 22px 45px 22px 0;
    margin: 25px 0 0 0;
    border-radius: 30px;
    background: var(--color-secondary)
}

.what .w-bottom .pic {
    margin-left: -20px
}

@media (max-width:767px) {
    .what {
        text-align: center;
        padding: 40px 0 0 0
    }

    .what .labe {
        margin: 0 0 25px 0
    }

    .what .pic {
        max-width: 240px;
        margin: 20px auto 0
    }

    .what .pic img {
        margin: 0 -15px 0 15px
    }

    .what .bg-block {
        padding: 15px;
        border-radius: 9px;
        background: var(--color-secondary)
    }
}

.for {
    padding: 250px 0 180px 0;
    text-align: center
}

.for .title {
    margin: 0 0 45px 0
}

.for .f-block {
    background: var(--color-secondary-l);
    border-radius: 25px;
    overflow: hidden
}

.for .f-block .pic {
    height: 290px
}

.for .f-block .pic img,
.for .f-block .pic video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.for .f-block .bg-text {
    margin-top: -20px;
    padding: 20px 15px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    border-radius: 17px;
    background: var(--color-primary);
    display: flex;
    align-items: center;
    column-gap: 15px;
    text-align: left;
    color: var(--color-secondary)
}

.for .f-block .bg-text .icon {
    flex-shrink: 0;
    width: 49px
}

.for .f-block .bg-text .icon img {
    max-width: 100%
}

.for .f-block .bottom-text {
    padding: 20px 20px 30px 20px
}

@media (max-width:767px) {
    .for .f-block {
        border-radius: 19px
    }

    .for .f-block .pic {
        height: 210px
    }

    .for .f-block .bg-text {
        margin-top: -20px;
        padding: 15px 15px;
        border-radius: 9px;
        column-gap: 10px
    }

    .for .f-block .bg-text .icon {
        flex-shrink: 0;
        width: 30px
    }

    .for .f-block .bottom-text {
        padding: 15px 15px 20px 15px
    }
}

@media (min-width:1200px) {
    .for .container {
        max-width: 1440px
    }

    .for .slider {
        padding: 0 80px
    }

    .for .f-block {
        opacity: .5;
        transform: scale(0.8);
        transition: .3s
    }

    .for .swiper-wrapper {
        align-items: center
    }

    .for .swiper-slide-active .f-block {
        opacity: 1;
        transform: none
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .for {
        padding: 200px 0 150px 0
    }

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

    .for .f-block {
        height: 100%
    }
}

@media (max-width:767px) {
    .for {
        padding: 100px 0 100px 0
    }

    .for .title {
        margin: 0 0 28px 0
    }

    .for .swiper-wrapper {
        display: block
    }

    .for .swiper-wrapper .swiper-slide:not(:last-of-type) {
        margin-bottom: 20px
    }
}

.reg-bonus {
    padding: 70px 0 0 0;
    text-align: center;
    position: relative
}

.reg-bonus .triangle-bg {
    --bg: #EC923C
}

@media (min-width:768px) and (max-width:1199px) {
    .reg-bonus {
        padding: 100px 0 0 0
    }
}

@media (max-width:767px) {
    .reg-bonus {
        padding: 40px 0 0 0
    }
}

.reg-bonus .r-desktop .title {
    margin: 0 0 40px 0
}

.reg-bonus .r-desktop .video-frame {
    position: relative;
    width: 530px
}

.reg-bonus .r-desktop .video-frame .gift {
    position: absolute;
    right: 0;
    top: 20%;
    width: 130px;
    transform: translateX(50%)
}

.reg-bonus .r-desktop .video-frame video {
    border-radius: 20px
}

.reg-bonus .r-desktop .arrow {
    width: 240px;
    margin: 40px 0 0 100px
}

.reg-bonus .r-desktop .form-block {
    border-radius: 24px;
    background: var(--color-secondary);
    padding: 40px;
    position: relative
}

.reg-bonus .r-desktop .form-block .gift {
    right: 0;
    top: 0;
    transform: translate(40%, -40%);
    position: absolute;
    width: 115px
}

.reg-bonus .r-desktop .form-block .gift img {
    width: 100%
}

.reg-bonus .r-desktop .form-block .form-top {
    padding: 30px 20px;
    margin: 0 0 20px 0;
    border-radius: 14px;
    background: #EEE;
    color: var(--color-secondary)
}

.reg-bonus .r-desktop .form-block .form-control {
    height: 130px
}

.reg-bonus .r-desktop .form-block .cl-btn {
    min-height: 140px
}

@media (min-width:768px) and (max-width:1199px) {
    .reg-bonus .r-desktop .video-frame {
        width: 400px;
        height: 300px
    }

    .reg-bonus .r-desktop .video-frame .gift {
        width: 80px
    }

    .reg-bonus .r-desktop .arrow {
        width: 140px;
        margin: 40px 0 0 50px
    }

    .reg-bonus .r-desktop .form-block .gift {
        width: 75px
    }

    .reg-bonus .r-desktop .form-block .form-control {
        height: 90px
    }

    .reg-bonus .r-desktop .form-block .cl-btn {
        min-height: 90px
    }
}

.reg-bonus .free {
    margin: 0 0 30px 0
}

.reg-bonus .free .old {
    position: relative;
    margin-right: 20px;
    display: inline-block
}

.reg-bonus .free .old:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 120%;
    height: 3px;
    background: #FE3F40;
    transform: translate(-50%) rotate(10deg)
}

@media (max-width:767px) {
    .reg-bonus .free {
        color: var(--color-secondary);
        margin: 0 0 20px 0
    }

    .reg-bonus .free .old:before {
        background: #fff
    }
}

.reg-bonus .form-block-mob {
    border-radius: 15px;
    padding: 15px 24px 30px 24px;
    background: var(--color-secondary)
}

.reg-bonus .form-block-mob .bonus-block {
    margin: 0 0 15px 0
}

.reg-bonus .form-block-mob .cl-btn {
    min-height: 80px;
    max-width: 100%
}

@media (min-width:768px) and (max-width:991px) {
    .reg-bonus .form-block-mob {
        max-width: 450px;
        margin: auto
    }
}

.experts {
    padding: 220px 0 180px 0
}

@media (min-width:768px) {
    .experts .container {
        max-width: 800px
    }
}

.experts .title {
    margin: 0 0 42px 0
}

.experts .expert-block {
    border-radius: 24px;
    padding: 20px 20px 35px 20px;
    background: var(--color-secondary-l);
    height: 100%
}

.experts .expert-block .photo {
    margin: 0 0 17px 0
}

.experts .expert-block .photo img {
    width: 100%;
    border-radius: 16px
}

.experts .expert-block .name {
    margin: 0 0 5px 0
}

.experts .e-bottom {
    position: relative;
    margin: 50px 0 0 0;
    padding: 0 50px 0 0;
    border-radius: 24px;
    background: var(--color-secondary-l)
}

.experts .e-bottom .books {
    margin: -30px 0 -30px -20px
}

.experts .e-bottom .books img {
    max-width: 100%
}

.experts .e-bottom .icon {
    right: 0;
    top: 0;
    transform: translate(25%, -25%);
    position: absolute
}

.experts .e-bottom .text {
    padding: 20px 0 20px 30px
}

@media (min-width:768px) and (max-width:1199px) {
    .experts {
        padding: 150px 0 150px 0
    }
}

@media (max-width:767px) {
    .experts {
        padding: 100px 0 90px 0
    }

    .experts .title {
        margin: 0 0 25px 0
    }

    .experts .expert-block {
        border-radius: 14px;
        padding: 14px 14px 25px 14px;
        background: var(--color-secondary-l)
    }

    .experts .expert-block .photo img {
        border-radius: 14px
    }

    .experts .expert-block .name {
        margin: 0 0 10px 0
    }

    .experts .e-bottom {
        margin: 30px 0 0 0;
        padding: 20px 20px 25px 20px;
        border-radius: 14px;
        text-align: center
    }

    .experts .e-bottom .books {
        width: 240px;
        margin: auto;
        position: relative
    }

    .experts .e-bottom .icon {
        top: 50%;
        transform: translate(30%, -50%) rotate(5deg);
        width: 75px
    }

    .experts .e-bottom .text {
        padding: 0;
        margin: 10px 0 0 0
    }
}

.rgb-2 {
    padding-bottom: 90px
}

@media (max-width:767px) {
    .rgb-2 {
        padding-bottom: 50px
    }
}

.footer {
    padding: 25px 0;
    font-size: 13px;
    color: var(--color-dark);
    background: #fff;
    position: relative;
    z-index: 2
}

.footer .logo img {
    width: 160px
}

.footer .link:not(:last-of-type) {
    margin-bottom: 20px
}

.footer .link a {
    color: var(--color-primary)
}

.footer .i-block .tit {
    font-size: 20px;
    margin: 0 0 5px 0;
    font-weight: 700
}

.footer .i-block a {
    text-decoration: none
}

.footer .i-block a:hover {
    text-decoration: underline
}

@media (max-width:767px) {
    .footer {
        font-size: 11px
    }

    .footer .logo img {
        width: 100px
    }
}

@media (max-width:575px) {
    .footer .i-block {
        text-align: center
    }
}