:root {
    --betinia-font-family-roboto: 'Roboto Condensed', sans-serif;
    --betinia-font-family-DIN: 'DIN Condensed', sans-serif;
}
@font-face {
    font-family: var(--betinia-font-family-DIN);
    src: url('https://joxi.imgsrcdata.com/betinia/fonts/din_condensed_bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

.page {
    --pattern: url('https://joxi.imgsrcdata.com/landings/betinia/dots-pattern.png');
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--betinia-color-dark);
    font-family: var(--betinia-font-family-roboto);
    font-weight: 400;
    font-size: 16px;
    color: var(--betinia-color-white);
    overflow: hidden;
}
.container {
    --container-width: 1288px;
    --container-gap: 40px;
    width: 100%;
    max-width: calc(var(--container-width) + var(--container-gap) * 2);
    margin: 0 auto;
    padding: 0 var(--container-gap);
}

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

*, *::before, *::after {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
}
a {
    color: inherit;
    text-decoration: none;
}
ol, ul {
    list-style: none;
}
img {
    display: block;
    width: 100%;
    height: auto;
}
button {
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
}

.splashscreen {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODY5IiBoZWlnaHQ9IjM0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDNGMjk1Ij48cGF0aCBkPSJNOTEgMzA2Yy00IDItMiA3LTMgMTFsNSA0YzAgNi02IDctMTAgOC00IDItOSAxLTExLTQtMy02LTUtMTMtNi0yMC0yLTE2IDItMzEgNy00Nmw3LTI1di0xNWgtMmw0LTRoLTdsMi0xMiAyLTExYzAtNSAzLTcgNi03IDEyIDAgMTctOCAyMS0xOGwxNy0zNiAxMS0zMmMzLTcgNS0xMyA5LTE5IDEtMiA0LTMgNi00djJoN2M3LTEgMTMgMSAxOCA0IDIgMSAyIDYgMiA4LTMgNy03IDE0LTkgMjJsLTExIDMwYzEgMCAzIDUgMTgtMyA3LTMgMTMtNiAxOS0xMSAxNy0xMyAzNS0yNiA0Ny00NCA1LTcgNy0xNiA5LTI0IDMtOS0zLTE4LTEwLTIwLTQtMS04LTItMTItMWEzNDIgMzQyIDAgMDAtNDIgN2wtMjAgMTAtMjIgMTItMyAxYy0xMC0yLTE0IDUtMTkgMTFsLTQgNS0yMyAxN2MtMjEgMTQtMzggMzItNTIgNTJsLTcgMTdjNSA0IDggOSAxMyAxMXMxMCAyIDE2IDNjMSA4LTUgMTQtMTUgMTItMTItMy0yMy05LTI5LTIwcy05LTIyIDAtMzRBNDE0IDQxNCAwIDAxMTY5IDI4YzEwLTUgMjEtOCAzMi0xMmwxMS0xYzE4LTMgMzUgMCA0OSAxMiA0IDQgMTAgNSAxMCAxMyAwIDAgMSAyIDIgMSA2LTEgNSA0IDYgN2w0IDIzIDMtOCAxIDQtMyAxNWMtNiAxOS0xOCAzNS0zMiA1MCAyIDUtNCAxMi0xNiAxNmwxLTN2LTFsLTE4IDE0IDM5IDExYzExIDQgMTkgMTEgMjQgMjN2NGMtMSAyLTEgNCAxIDcgNCA0IDAgNS00IDZsNCAyYzQgMiA3IDUgNSAxMGwtMTAgMTdoNWwtMTYgMTIgMiAxIDE0LTkgMSAxLTggOGMtMiAyLTYgMi0zIDZsLTEgMi0xNCAxMWMtNiA1LTEyIDktMTkgMTItMTEgNi0yMyAxNC0zNSAxNy0xNyA2LTM1IDEwLTUzIDEzLTEyIDEtMjMtMS0zNS0ybC0xOC0yLTctMnptOS0xN2w5LTEgMzEtMTBjMjktOSA1Ni0yNCA4Mi0zOCA4LTQgMTUtMTAgMjItMTYgMy0zIDQtNyA2LTEwIDItNCAxLTgtMi0xMC00LTItNy04LTEzLTQtNC00LTEwLTItMTUtMy05LTItMTctMy0yNiAxbC04IDEtMzMgN2MtMTYgNS0yOCAxNi00MSAyNy0yIDEtMyA0LTUgNy0xIDQtMiA3IDIgMTBsMS0yIDEgMS0zIDZjLTMtNC01IDI2LTggMzR6TTQzOSAyNTZ2MTBjMCAzIDIgNiAxIDctMyAzLTYgNS0xMCA2LTEwIDQtMTktMS0yMy0xMi01LTE0LTMtMjktMS00M3YtNmwtNSA3Yy02IDEyLTE0IDIyLTI1IDI5LTkgNi0yMCAxMi0zMiAxMi00IDAtOC0yLTExLTMtMTAtNS0yMi04LTI3LTIwcy05LTI1LTMtMzljNi0xNiA5LTMzIDIwLTQ3IDgtMTIgMTctMjIgMjYtMzMgNC01IDgtMiAxMy0ybDUgMWMyMC0zIDM2IDE0IDMyIDM0LTQgMTUtMTAgMzAtMjAgNDItNyA5LTE3IDE1LTI2IDIyLTYgNC0xMiA0LTE5IDAtNS0zLTYtMi03IDR2MTNjMCA0IDIgNyA2IDUgOC0zIDE4LTUgMjUtOWw0MS0zMSA0LTNjMTAtNiAxNC0xNSAxOC0yNWwyNS01NiAyLTdjLTQgMi05IDItMTIgNS01IDQtMTAgMy0xNiAzbC0yMC0xYy01IDAtMTAtMi0xNC00LTYtMi04LTctNi0xNCA3IDUgMTQgMSAyMS0xbDQzLTEyIDI4LTQgMjMtNWMxNS0yIDI5IDIgNDIgOCA2IDMgMTAgOCAxMiAxNWwzIDdjMSA0LTEgNi01IDVsLTItMWMtMTQtMTItMzAtOS00Ny0xMC0xMi0xLTE1IDgtMTkgMTZsLTkgMjAtMTAgMjUtMS02Yy01IDQtNyAxMi03IDE3bC0xIDRjLTQgNC03IDgtNCAxNGwtMSA1LTQgMTVjLTEgMy0zIDUtMyA4LTQgMTMtNiAyNS00IDM4bDQtM3ptLTY2LTEwOGMtMTQgNC00MCA0Mi0zOSA1NiAxNy0xNiAzNS0zMCAzOS01NnpNNjM0IDIwOGwxMi0zOSAyMC01OCA5LTE1YzMtNCA3LTkgMTMtNGwyLTFoNmMyIDEgMyA0IDMgNmwtNCAxNmMtNSAxOC05IDM3LTE1IDU1LTcgMjAtOSA0MS0xMiA2M2wtNSAzNmMtMSA2LTcgMTEtMTQgMTAtMTAgMC0xOS00LTI3LTEwLTItMS0yLTMtMy01bC0zMi04Mi0zLTZjLTggOS00NSAxMDUtMzggMTA4IDUtMyA3LTggOS0xM2w1LTE0YzIgMTQgMCAyNi04IDM3LTQgNy0xMiA3LTE3IDEtNC01LTYtMTAtNy0xNi02LTI1LTEtNDkgOC03MmwzMy04MWMyLTUgNy01IDExLTVzOCAxIDExIDNjNCAxIDcgNCAxMCA2djNjLTggMTAtMSAxOCA0IDI2IDUgMTAgMTMgMTggMTUgMjkgMCAyIDIgNCAzIDVsMTEgMTd6TTg0NyAxMjhsLTEtMyAyIDEgNCAxMmM1IDIxIDIgNDMgMSA2NC0xIDEzLTEgMjctMyA0MGwtOCAzNGMtMSAzLTQgNy04IDktNSA0LTEzLTEtMTUtN2wtNC0xNy0xLTEzIDEtNTAtMyAyYy02IDctMTQgOC0yMiAxMGwtMTQgMy0zIDQtNCAxN2MtMiA1LTggNy0xMyA1bC0zLTFjLTUtNC0xMi03LTE3LTEzLTMtMy0zLTYtMS0xMGwxNS0zN2M5LTIzIDIzLTQ0IDQwLTYzIDgtOCAxOC0xMyAyOS05IDEwIDMgMTkgOCAyNCAxOWwzIDQgMS0xem0tMzAgMTFsLTMtMi0yIDUtMTggMjgtMTAgMTkgMzAtNSAyLTQgMS0xOXYtMjJ6Ii8+PHBhdGggZD0iTTUyMiAxOThsLTE3IDQwIDMtMmgxbC00IDE0Yy0yIDUtMTEgNi0xNSAxcy03LTExLTYtMThsMy0yN2MxLTIwIDktMzcgMTYtNTRsMi03YzItNiA3LTYgMTEtNiA1IDAgMTEgMCAxNSAyIDQgMSA4IDUgMTEgOCAxIDEtMSA1LTIgN2wtMTYgMzNjLTUgNC02IDEwLTcgMTZsNS03ek03MzEgMTk4bC0xNyA0MCAzLTJoMWwtNCAxNGMtMyA1LTExIDYtMTUgMXMtNy0xMS02LTE4bDMtMjdjMS0yMCA5LTM3IDE2LTU0bDItN2MyLTYgNy02IDExLTYgNSAwIDExIDAgMTUgMiA0IDEgOCA1IDExIDggMSAxLTEgNS0yIDdsLTE2IDMzYy01IDQtNiAxMC03IDE2bDUtN3pNNTQwIDYxYzE0IDAgMjQgMTAgMjMgMjIgMCA0LTIgNS01IDUtNiAxLTExLTItMTMtOC0zLTYtMy0xMi01LTE5ek03NDkgNjFjMTQgMCAyNCAxMCAyMyAyMiAwIDQtMiA1LTUgNS02IDEtMTEtMi0xMy03bC01LTIweiIvPjwvZz48L3N2Zz4=') no-repeat center / 80%;
    background-color: var(--betinia-color-dark);
    background-size: 200px;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.loaded + .splashscreen {
    animation: splashHide 0.5s;
    animation-fill-mode: forwards;
}
@keyframes splashHide {
    0% {
        opacity: 1;
   }
    99% {
        opacity: 0;
   }
    100% {
        opacity: 0;
        z-index: -1;
   }
}
:root {
    --betinia-color-white: #fff;
    --betinia-color-dark: #111;
    --betinia-color-orange: #ff5300;
    --betinia-color-green: #03f295;
    --betinia-color-gray: #aaa;
    --betinia-color-medium-gray: #626262;
    --betinia-color-dark-gray: #292929;
}
.is-color-green {
    color: var(--betinia-color-green);
}

:root {
    --text-color: var(--betinia-color-white);
    --text-title_font-size: 72px;
    --text-subtitle_font-size: 56px;
    --text-section-title_font-size: 32px;
    --text-terms_font-size: 16px;
    --text-footer_font-size: 14px;
}
@media screen and (max-width: 1279px) {
    :root {
        --text-title_font-size: 46px;
        --text-subtitle_font-size: 36px;
        --text-section-title_font-size: 24px;
   }
}
@media screen and (max-width: 767px) {
    :root {
        --text-title_font-size: 34px;
        --text-terms_font-size: 14px;
        --text-subtitle_font-size: 28px;
   }
}
.text {
    color: var(--text-color);
}
.text-title {
    font-weight: 900;
    font-size: var(--text-title_font-size);
}
.text-subtitle {
    font-weight: 900;
    font-size: var(--text-subtitle_font-size);
}
.text-section-title {
    font-weight: 900;
    font-size: var(--text-section-title_font-size);
}
.text-terms {
    font-weight: 500;
    font-size: var(--text-terms_font-size);
    --text-color: var(--betinia-color-gray);
}
.text-footer {
    font-weight: 400;
    font-size: var(--text-footer_font-size);
    --text-color: var(--betinia-color-medium-gray);
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 297px;
    height: 77px;
    padding: 30px 30px 10px;
    background-image: url('https://joxi.imgsrcdata.com/landings/betinia/btn.svg'), url('https://joxi.imgsrcdata.com/landings/betinia/btn-hover.svg');
    background-size: 100% 100%, 0;
    background-position: center;
    background-repeat: no-repeat;
    font-family: var(--betinia-font-family-DIN);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--betinia-color-white);
    cursor: pointer;
}
.btn span {
    color: inherit;
    position: relative;
    z-index: 1;
}
.btn span::after {
    content: "";
    display: block;
    width: 250px;
    height: 145px;
    background-image: url('https://joxi.imgsrcdata.com/landings/betinia/btn-fire.svg');
    background-position: 50% 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -50px;
    left: 70px;
    z-index: -1;
    pointer-events: none;
}
.btn:hover {
    background-size: 0, 100% 100%;
}
@media screen and (max-width: 1279px) {
    .btn {
        width: 274px;
        height: 71px;
        font-size: 28px;
   }
    .btn span::after {
        width: 190px;
        height: 105px;
        top: -38px;
        left: 80px;
   }
}
@media screen and (max-width: 767px) {
    .btn {
        width: 230px;
        height: 60px;
        font-size: 24px;
    }
    .btn span::after {
        width: 170px;
        height: 85px;
        top: -29px;
        left: 65px;
    }
}

.footer {
	 background-image: var(--pattern);
	 background-color: var(--betinia-color-dark-gray);
	 box-shadow: inset 0 1px 0 #000;
	 padding-top: 60px;
	 text-align: center;
	 clip-path: polygon(1.354% 0, 15.347% 0, 18.472% 0, 25% 0, 14.063% 0, 15.59% 1.733%, 17.84% 0, 41.91% 0, 49.583% 2.9%, 63% 0, 61.354% 0, 81.799% 0%, 84.326% 1.936%, 87.715% 0%, 100% 0, 100% 100%, 0 100%, 0 0);
}
 .footer__payments {
	 padding-bottom: 50px;
}
 .footer__text {
	 margin-bottom: 20px;
}
 .footer__text:last-of-type {
	 margin-bottom: 50px;
}
 .footer__licenses {
	 display: grid;
	 grid-template-columns: repeat(7, min-content);
	 justify-content: center;
	 grid-gap: 28px;
	 margin-bottom: 50px;
}
 .footer__license {
	 max-height: 40px;
}
 .footer__license_18plus {
	 width: 40px;
}
 .footer__license_iso {
	 width: 40px;
}
 .footer__license_mga, .footer__license_ecogra {
	 width: 74px;
}
 .footer__license_begamble {
	 width: 112px;
}
 .footer__license_7stars {
	 width: 109px;
}
 .footer__license_rgf {
	 width: 94px;
}
 .footer__copyright {
	 --color-rgb: var(--color-rgb-r), var(--color-rgb-g), var(--color-rgb-b);
	 --color-rgb-r: 79;
	 --color-rgb-g: var(--color-rgb-r);
	 --color-rgb-b: var(--color-rgb-r);
	 border-top: 1px solid rgba(0, 1, 0, );
	 padding: 30px 0;
}
 @media screen and (max-width: 767px) {
	 .footer {
		 clip-path: polygon(1.354% 0, 15.347% 0, 18.472% 0, 25% 0, 24.063% 0, 15.59% 1.733%, 17.84% 0, 25.91% 0, 39.583% 1.4%, 63% 0, 61.354% 0, 81.799% 0%, 84.326% 0, 87.715% 0%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
	 .footer__licenses {
		 display: flex;
		 flex-wrap: wrap;
		 justify-content: center;
		 height: auto;
	}
}
 

.hero {
    display: block;
    width: 540px;
    height: 630px;
}
@media screen and (max-width: 1919px) {
    .hero {
        width: 418px;
        height: 488px;
   }
}
@media screen and (max-width: 1279px) {
    .hero {
        width: 310px;
        height: 362px;
   }
}

.intro {
    --intro-bg-img: url('https://joxi.imgsrcdata.com/landings/betinia/web_components/bg/bg_view_from_above.jpg');
    --intro-bg-pos: 50% 0;
    --intro-bg-size: 2324px 100%;
    --intro-bg-repeat: no-repeat;
    width: 100%;
    height: 767px;
    background: var(--intro-bg-img) var(--intro-bg-pos) / var(--intro-bg-size) var(--intro-bg-repeat);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
@media screen and (min-width: 2320px) {
    .intro {
        --intro-bg-size: cover;
   }
}
.intro::after {
    --intro-stones-img: url('https://joxi.imgsrcdata.com/landings/betinia/web_components/decor/stones.png');
    --intro-stones-pos: calc(50% - 340px) 100%;
    --intro-stones-size: 1920px 207px;
    --intro-stones-repeat: repeat-x;
    content: "";
    width: 100%;
    height: 207px;
    background: var(--intro-stones-img) var(--intro-stones-pos) / var(--intro-stones-size) var(--intro-stones-repeat);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.intro__logo {
    padding: 40px 0 0;
    position: relative;
    z-index: 1;
}
.intro__logo::before {
    content: "";
    width: 993px;
    height: 266px;
    background: url('https://joxi.imgsrcdata.com/landings/betinia/web_components/decor/decor_logo_bg.svg') 50% 0 / 100% no-repeat;
    position: absolute;
    top: -1px;
    left: -387px;
    z-index: -1;
    pointer-events: none;
}
@media screen and (min-width: 2055px) {
    .intro__logo::before {
        display: none;
   }
}
.intro__hero {
    position: absolute;
    bottom: -27px;
    z-index: 1;
    pointer-events: none;
}
@media screen and (max-width: 1919px) {
    .intro {
        --intro-bg-size: 1948px 100%;
        height: 643px;
   }
    .intro__logo {
        padding: 40px 0 0 40px;
   }
    .intro__hero {
        bottom: -2px;
        left: 50%;
        transform: translateX(-135%);
   }
}
@media screen and (max-width: 1279px) {
    .intro {
        --intro-bg-size: 1591px 100%;
        height: 506px;
   }
    .intro::after {
        --intro-stones-size: 932px 100px;
        --intro-stones-pos: -360px 100%;
        height: 100px;
   }
    .intro__logo {
        padding: 30px 0 0 10px;
   }
    .intro__logo::before {
        width: 759px;
        height: 216px;
        left: -275px;
   }
    .intro__hero {
        transform: translateX(-119%);
   }
}
@media screen and (max-width: 767px) {
    .intro {
        --intro-bg-size: 1415px 100%;
        height: 300px;
        overflow: visible;
   }
    .intro::after {
        --intro-stones-size: 624px 67px;
        height: 67px;
   }
    .intro__hero {
        bottom: -62px;
        left: 50%;
        transform: translateX(-52%);
   }
    .intro__logo {
        padding: 20px 0 0 0;
   }
    .intro__logo::before {
        width: 484px;
        height: 138px;
        left: -180px;
   }
}

.logo {
    display: block;
    width: 186px;
    height: 70px;
}
@media screen and (max-width: 1279px) {
    .logo {
        width: 133px;
        height: 50px;
   }
}
@media screen and (max-width: 767px) {
    .logo {
        width: 90px;
        height: 34px;
   }
}

.main {
    flex: 1 1 auto;
    padding: 50px 0 115px 0;
}
.main__steps {
    margin: 0 0 120px;
}
@media screen and (max-width: 1919px) {
    .main {
        padding: 50px 0 80px 0;
   }
    .main__steps {
        margin: 0 0 80px;
   }
}
@media screen and (max-width: 1279px) {
    .main {
        padding: 50px 0 65px 0;
   }
    .main__steps {
        margin: 0 0 60px;
   }
}
@media screen and (max-width: 767px) {
    .main {
        padding: 245px 0 55px 0;
   }
}

.payment-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -15px -5px;
}
.payment-icons__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 128px;
    height: 32px;
    margin: 15px 5px;
}
@media screen and (max-width: 767px) {
    .payment-icons__item {
        width: 100px;
   }
}

.steps__title {
    margin: 0 0 40px;
    text-transform: uppercase;
    text-align: center;
}
.steps__inner {
    display: flex;
    justify-content: center;
    margin: 0 -50px;
}
.steps__item {
    --item-background: url('https://joxi.imgsrcdata.com/landings/betinia/web_components/decor/steps_bg.png');
    width: 362px;
    height: 341px;
    margin: 0 50px;
    padding: 20px 0 0 0;
    background: var(--item-background) 50% 0 / 100% 100% no-repeat;
    position: relative;
    z-index: 1;
}
.steps__item::before {
    content: "";
    width: 122px;
    height: 205px;
    background: url('https://joxi.imgsrcdata.com/landings/betinia/web_components/decor/steps_arrows_left.svg') 50% 0 / cover no-repeat;
    position: absolute;
    top: 19px;
    left: -30px;
    z-index: 1;
}
.steps__item::after {
    content: "";
    width: 125px;
    height: 150px;
    background: url('https://joxi.imgsrcdata.com/landings/betinia/web_components/decor/steps_arrows_right.svg') 50% 0 / cover no-repeat;
    position: absolute;
    top: 43px;
    right: -43px;
    z-index: -1;
}
.steps__number {
    width: 251px;
    height: 205px;
    margin: 0 10px 0 auto;
}
.steps__text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 68px;
    margin: 20px 0 0;
    padding: 0 25px;
    font-weight: 900;
    font-style: italic;
    font-size: 28px;
    line-height: 1.2;
    text-transform: uppercase;
    text-shadow: 0 1.79474px 0 rgba(0, 0, 0, 0.32);
    text-align: center;
}
@media screen and (max-width: 1919px) {
    .steps__inner {
        margin: 0 -40px;
   }
    .steps__item {
        width: 316px;
        height: 297px;
        margin: 0 40px;
        padding: 15px 0 0 0;
   }
    .steps__item::before {
        width: 107px;
        height: 178px;
        top: 15px;
        left: -17px;
   }
    .steps__item::after {
        width: 106px;
        height: 128px;
        top: 35px;
        right: -35px;
   }
    .steps__number {
        width: 217px;
        height: 177px;
   }
    .steps__text {
        height: 58px;
        margin: 15px 0 0 0;
        font-size: 24px;
   }
}
@media screen and (max-width: 1279px) {
    .steps__title {
        margin: 0 0 30px 0;
   }
    .steps__inner {
        margin: 0 -25px;
   }
    .steps__item {
        width: 198px;
        height: 185px;
        margin: 0 25px;
        padding: 10px 0 0 0;
   }
    .steps__item::before {
        width: 66px;
        height: 113px;
        top: 10px;
        left: -9px;
   }
    .steps__item::after {
        width: 68px;
        height: 80px;
        top: 23px;
        right: -23px;
   }
    .steps__number {
        width: 136px;
        height: 110px;
        margin: 0 5px 0 auto;
   }
    .steps__text {
        height: 39px;
        margin: 10px 0 0 0;
        padding: 0 8px;
        font-size: 16px;
   }
}
@media screen and (max-width: 767px) {
    .steps__title {
        margin: 0 0 24px 0;
   }
    .steps__inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
   }
    .steps__item {
        --item-background: url('https://joxi.imgsrcdata.com/landings/betinia/web_components/decor/steps_bg_mobile.png');
        display: flex;
        align-items: center;
        width: 374px;
        height: 55px;
        margin: 0 0 25px 0;
        padding: 0 42px 0 0;
   }
    .steps__item::before, .steps__item::after {
        display: none;
   }
    .steps__item:last-child {
        margin: 0;
   }
    .steps__number {
        width: 97px;
        height: 80px;
        margin: 0;
   }
    .steps__text {
        margin: 0;
        padding: 0;
        text-align: left;
   }
}
@media screen and (max-width: 413px) {
    .steps__item {
        width: 320px;
        height: 55px;
        padding: 0 25px 0 0;
   }
}

.terms {
    --terms-bottom-gap: 40px;
    --terms-wrap-gap: 80px;
    clip-path: polygon(0% 0%, 30% 3px, 50% 0%, 70% 3px, 100% 0%, calc(100% - 3px) 30%, 100% 50%, calc(100% - 3px) 70%, 100% 100%, 70% calc(100% - 3px), 50% 100%, 30% calc(100% - 3px), 0% 100%, 3px 70%, 0% 50%, 3px 30%);
}
.terms__title {
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto var(--terms-bottom-gap);
}
.terms__wrapper {
    --terms-img: var(--pattern);
    --terms-pos: 0 center;
    --terms-size: auto;
    --terms-color: rgba(49, 49, 49, 0.3);
    --terms-bg: var(--terms-img) var(--terms-pos) / var(--terms-size) repeat var(--terms-color);
    --terms-font-weight: 500;
    --terms-left-space: 24px;
    --terms-left-space-gap: 2px;
    background: var(--terms-bg);
    padding: var(--terms-wrap-gap);
    font-weight: var(--terms-font-weight);
    font-size: 16px;
    line-height: 160%;
}
.terms__wrapper p {
    --terms-top-gap: 12px;
    color: var(--betinia-color-gray);
    line-height: 140%;
    margin-top: var(--terms-top-gap);
}
.terms__wrapper p:nth-child(n+11) {
    padding-left: calc(var(--terms-left-space) + var(--terms-left-space-gap));
}
.terms__wrapper p:nth-child(n+11) strong:only-child {
    color: var(--betinia-color-green);
}
.terms__wrapper p:first-child {
    --terms-top-gap: 0;
}
.terms__wrapper p:last-child {
    padding-left: 0;
}
.terms__wrapper p a {
    margin: 0 5px;
}
.terms__wrapper strong {
    color: var(--betinia-color-white);
    min-width: var(--terms-left-space);
    margin-right: 2px;
    margin-bottom: 6px;
    font-weight: 500;
}
.terms__wrapper strong.terms-caption {
    color: var(--betinia-color-green);
}
.terms__wrapper table {
    border: none;
    border-spacing: 0;
    padding-left: calc(var(--terms-left-space) + var(--terms-left-space-gap));
    margin-bottom: 30px;
}
.terms__wrapper tr {
    --table-row-rgb: var(--table-row-rgb-r), var(--table-row-rgb-g), var(--table-row-rgb-b);
    --table-row-rgb-r: 79;
    --table-row-rgb-g: var(--table-row-rgb-r);
    --table-row-rgb-b: var(--table-row-rgb-r);
    background: rgba(var(--table-row-rgb), 0.6);
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    padding: 12px;
}
.terms__wrapper tr:nth-child(odd) {
    --table-row-rgb-r: 49;
}
.terms__wrapper td {
    border: none;
    color: #e1e1e1;
}
.terms__content {
    margin-bottom: var(--terms-bottom-gap);
}
.terms__btn {
    border: 2px solid #898989;
    display: block;
    color: var(--betinia-color-white);
    text-align: center;
    text-transform: uppercase;
    min-width: 168px;
    width: fit-content;
    margin: 0 auto;
    padding: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
}
.terms__btn span:last-child {
    display: none;
}
.terms_open .terms__wrapper p, .terms_open .terms__wrapper p + div {
    display: block;
}
.terms_open .terms__btn span:first-child {
    display: none;
}
.terms_open .terms__btn span:last-child {
    display: block;
}
@media screen and (max-width: 1919px) {
    .terms {
        --terms-wrap-gap: 50px 40px;
   }
}
@media screen and (max-width: 1279px) {
    .terms {
        --terms-wrap-gap: 40px 20px;
   }
}
@media screen and (max-width: 767px) {
    .terms tr {
        align-items: center;
   }
    .terms tr:first-child td {
        font-size: 14px;
   }
    .terms tr > :nth-child(1) {
        text-align: left;
   }
    .terms tr > :nth-child(2) {
        text-align: right;
   }
    .terms td {
        width: 104px;
        font-size: 12px;
   }
}

.welcome {
    display: flex;
    justify-content: flex-end;
    padding: 105px 20px 0 0;
}
.welcome__info {
    position: relative;
    z-index: 3;
}
.welcome__content {
    text-align: center;
    line-height: 100%;
    font-size: 72px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    transform: matrix(0.99, -0.12, 0.13, 0.99, 0, 0);
    margin-bottom: 60px;
}
.welcome__content hr {
    width: 370px;
    height: 3px;
    background: #fff;
    margin: 20px auto 30px;
}
.welcome__title {
    text-shadow: -1px 0 0 #ec7d82, 1px 0 0 #47d9d8;
}
.welcome__subtitle {
    filter: drop-shadow(1.33px 0 0 #47d9d8);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 3.2px;
}
.welcome__num {
    font-size: 120px;
    color: #03f295;
}
.welcome__btn {
    margin: 10px 0 0 125px;
}
@media screen and (max-width: 1919px) {
    .welcome {
        padding: 20px 60px 0 0;
   }
    .welcome__content {
        font-size: 64px;
   }
    .welcome__num {
        font-size: 96px;
   }
}
@media screen and (max-width: 1279px) {
    .welcome {
        width: 730px;
        margin: 0 auto;
        padding: 75px 0 0;
   }
    .welcome__content {
        font-size: 40px;
        margin-bottom: 30px;
   }
    .welcome__content hr {
        width: 239px;
   }
    .welcome__subtitle {
        -webkit-text-stroke-width: 2.2px;
   }
    .welcome__num {
        font-size: 80px;
   }
    .welcome__btn {
        margin: 10px 0 0 42px;
   }
}
@media screen and (max-width: 767px) {
    .welcome {
        justify-content: center;
        width: 100%;
        padding: 245px 0 0;
   }
    .welcome__info {
        padding: 20px 0 0;
        background: var(--betinia-color-dark);
   }
    .welcome__content {
        font-size: 28px;
        margin-bottom: 20px;
   }
    .welcome__content hr {
        width: 268px;
        margin: 5px auto 15px;
   }
    .welcome__title, .welcome__subtitle {
        display: inline;
   }
    .welcome__subtitle {
        margin-left: 10px;
   }
    .welcome__num {
        font-size: 40px;
   }
    .welcome__btn {
        margin: 10px auto 0;
   }
}