.bg-greyish{background:#eff5fc}.bg-whitish{background:#fff}.introduction{padding:0 10px}.introduction .section-title{padding:0}.introduction-bottom{padding-bottom:30px}.htp-intro__wrap{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px}.htp-intro__wrap .htp-intro__wrap-left{width:55%;margin-right:100px}[dir="rtl"] .htp-intro__wrap .htp-intro__wrap-left{margin-right:initial;margin-left:100px}.htp-intro__wrap .htp-intro__wrap-right{display:flex;align-items:center;justify-content:flex-end}.htp-intro__wrap .htp-intro__wrap-right img{max-width:100%;max-height:300px;margin-top:20px}.htp-first-step__wrap{margin-top:36px;padding:0 10px}.htp-title{display:flex}.htp-title img{margin-right:24px;max-height:66px}[dir="rtl"] .htp-title img{margin-right:initial;margin-left:24px;transform:scaleX(-1)}.htp-title .two-row{display:flex;flex-direction:column}.htp-title .two-row span{font-weight:bold;font-size:30px;line-height:110%;letter-spacing:-0.04em;color:#016E72}.htp-title .two-row .two-row__step{position:relative;max-width:max-content}.htp-title .two-row .two-row__step::before{content:'';position:absolute;bottom:-3px;width:90%;height:18px;background:#EFF5FC;border-radius:4px;z-index:-1}.htp-intro__text.mt20{margin-top:12px}.htp-first-step__table{display:flex;margin-top:24px}.htp-first-step__table .htp-first-step__table_left{display:flex;flex-wrap:wrap;justify-content:space-between;height:max-content;width:calc(100% - 550px)}.htp-first-step__table .htp-first-step__table_btn{outline:none;background:#F1F9F6;height:40px;border-radius:6px;margin-right:20px;margin-bottom:12px;width:45%;color:#446C76;padding:0 24px;text-align:left;transition:all 0.3s;cursor:pointer}.htp-first-step__table .htp-first-step__table_btn:hover{background:#2C932C;color:#fff;transition:all 0.3s}[dir="rtl"] .htp-first-step__table .htp-first-step__table_btn{text-align:right;margin-right:initial;margin-left:20px}.htp-first-step__table .htp-first-step__table_right{height:395px;width:540px;margin-left:10px;border-radius:12px;background:url("../img/how-to-play-3/htp-table.png") center center no-repeat;background-size:contain;transition:background 0.3s;will-change:background}[dir="rtl"] .htp-first-step__table .htp-first-step__table_right{margin-left:initial;margin-right:10px}.htp-first-step__table .htp-first-step__table_desc{background:#F7F4D9;border-radius:6px;padding:12px;margin-right:40px;width:100%;display:none}[dir="rtl"] .htp-first-step__table .htp-first-step__table_desc{margin-right:initial;margin-left:40px}.htp-first-step__table .htp-first-step__table_desc .htp-first-step__table_desc-title{font-weight:bold;font-size:18px;line-height:21px;letter-spacing:-0.04em;color:#016E72}.htp-first-step__table .htp-first-step__table_desc .htp-first-step__table_desc-text{font-size:16px;line-height:140%;letter-spacing:-0.02em;color:#446C76;margin-top:12px;display:none}.htp-steps{display:flex;margin-top:36px;padding-bottom:24px}.htp-steps .htp-steps__left,.htp-steps .htp-steps__right{width:calc(50% - 30px)}.htp-steps .htp-steps__left{margin-right:30px}[dir="rtl"] .htp-steps .htp-steps__left{margin-right:initial;margin-left:30px}.htp-variations{padding:36px 10px 24px}.htp-variations__wrap{display:flex;justify-content:space-between;margin-top:24px;margin-bottom:28px}.htp-variations__wrap .htp-variations__item{display:flex;flex-direction:column;align-items:center;width:calc(33% - 30px);margin-right:30px;background:#FFFFFF;box-shadow:0px 10px 30px rgba(13,106,130,0.28);border-radius:12px;padding:24px}[dir="rtl"] .htp-variations__wrap .htp-variations__item{margin-right:initial;margin-left:30px}.htp-variations__wrap .htp-variations__item:last-child{margin-right:0}[dir="rtl"] .htp-variations__wrap .htp-variations__item:last-child{margin-left:0}.htp-variations__wrap .htp-variations__item-title{font-weight:bold;font-size:25px;line-height:29px;letter-spacing:-0.04em;color:#016E72;text-align:center}.htp-variations__wrap .htp-variations__item-middle{display:flex;align-items:center;justify-content:center;flex:1;margin:24px 0}.htp-variations__wrap .htp-variations__item-middle img{max-width:100%;max-height:100%}.htp-variations__wrap .htp-variations__item-numbers{max-width:100%}.wrap-select{display:none}@media (max-width: 1200px){.select-lists__wrap{display:flex;flex-wrap:wrap}.htp-intro__wrap .htp-intro__wrap-left{width:70%;margin-right:30px}[dir="rtl"] .htp-intro__wrap .htp-intro__wrap-left{margin-left:30px}.htp-first-step__table .htp-first-step__table_btn{width:calc(33% - 6px);margin-right:12px}[dir="rtl"] .htp-first-step__table .htp-first-step__table_btn{margin-left:12px}.htp-first-step__table{flex-direction:column}.htp-first-step__table .htp-first-step__table_left{width:100%;margin-bottom:30px}.htp-first-step__table .htp-first-step__table_right{margin:0 auto}[dir="rtl"] .htp-first-step__table .htp-first-step__table_right{margin:0 auto}.htp-first-step__table_btn:nth-child(1){order:1}.htp-first-step__table_btn:nth-child(2){order:6;margin-right:0}[dir="rtl"] .htp-first-step__table_btn:nth-child(2){margin-left:0}.htp-first-step__table_btn:nth-child(3){order:2}.htp-first-step__table_btn:nth-child(4){order:7}.htp-first-step__table_btn:nth-child(5){order:3;margin-right:0}[dir="rtl"] .htp-first-step__table_btn:nth-child(5){margin-left:0}.htp-first-step__table_btn:nth-child(6){order:8}.htp-first-step__table_btn:nth-child(7){order:4}.htp-first-step__table_btn:nth-child(8){order:9;margin-right:0}[dir="rtl"] .htp-first-step__table_btn:nth-child(8){margin-left:0}.htp-first-step__table_btn:nth-child(9){order:5}.htp-first-step__table_btn:nth-child(10){order:10}.htp-variations__wrap .htp-variations__item-title{font-size:16px}.htp-first-step__table .htp-first-step__table_desc{order:11;margin-right:0}[dir="rtl"] .htp-first-step__table .htp-first-step__table_desc{margin-left:0}.htp-variations__wrap .htp-variations__item{width:calc(33% - 10px);margin-right:20px}[dir="rtl"] .htp-variations__wrap .htp-variations__item{margin-right:initial;margin-left:20px}.htp-title img{margin-right:15px;height:52px}.htp-title .two-row span{font-size:26px}}@media (max-width: 700px){.wrap-select{display:flex;align-items:center;width:100%;background:#FFFFFF;border:1px solid #015453;border-radius:6px;padding-right:30px;padding-left:24px;height:40px;font-size:16px;color:#446C76;position:relative}[dir="rtl"] .wrap-select{padding-left:30px;padding-right:24px}.wrap-select:after{content:'';position:absolute;width:16px;height:10px;background:url("../img/arrow-black.png") center center no-repeat;background-size:contain;top:50%;right:12px;transform:translateY(-50%) rotate(0);transition:all .3s}[dir="rtl"] .wrap-select:after{left:12px;right:initial}.wrap-select.open:after{transform:translateY(-50%) rotate(180deg);transition:all .3s}.select-lists__wrap{display:none;flex-direction:column;margin-top:5px;background:#FFFFFF;border:1px solid #015453;border-radius:6px;width:100%}.htp-first-step__table .htp-first-step__table_btn{width:100%;margin-right:0;margin-bottom:0;border-radius:0;background:#ffffff}.htp-first-step__table .htp-first-step__table_btn:first-child{border-radius:5px 5px 0 0}.htp-first-step__table .htp-first-step__table_btn:last-child{border-radius:0 0 5px 5px}[dir="rtl"] .htp-first-step__table .htp-first-step__table_btn{margin-left:0}.htp-first-step__table .htp-first-step__table_desc{margin-right:0;margin-top:20px}.htp-intro__wrap .htp-intro__wrap-right{display:none}.htp-intro__wrap .htp-intro__wrap-left{width:100%;margin-right:0}[dir="rtl"] .htp-intro__wrap .htp-intro__wrap-left{margin-left:0}.htp-first-step__table .htp-first-step__table_right{height:calc(100vw - 120px);width:100%;background-size:contain !important}.htp-steps .htp-steps__left{margin-right:0}.htp-steps .htp-steps__left,.htp-steps .htp-steps__right{width:100%}.htp-steps__right{margin-top:40px}.htp-steps{flex-direction:column;padding-bottom:30px}.htp-variations__wrap .htp-variations__item{width:100%;margin-right:0;margin-bottom:20px}[dir="rtl"] .htp-variations__wrap .htp-variations__item{margin-left:0}.htp-variations__wrap{flex-direction:column}h1.section-title{font-size:28px;text-align:center}.htp-variations__wrap .htp-variations__item-title{font-size:24px}}@media (max-width: 779px) and (min-width: 320px){.htp-intro__wrap{padding-bottom:14px}.htp-first-step__wrap{margin-top:24px}.htp-variations{padding:24px 10px 14px}.htp-steps{margin-top:24px;padding-bottom:14px}}