@font-face {
    font-family: 'CrystalNU4-Regular';
    src: url('../Fonts/CrystalNU4-Regular.otf');
  }

.help-slider {
    background-color: rgba(0, 0, 0, 0);

}

.help-slider {
    transform-style: preserve-3d;
}

.slick-dots{
    /* top: 772px !important; */
    position: absolute; 
    bottom: 30px;
}

.section-1,
.section-2,
.section-3,
.section-4,
.section-5{
    width: 1180px;
    overflow-y: scroll;
    height: 536px !important;
    scrollbar-width: none;
    margin-top: 60px;
    padding: 0 20px !important;
}
::-webkit-scrollbar {
    display: none;
}


li.slick-active{
    background: rgb(38, 207, 89) !important;
}


.slick-prev, .slick-next {
    z-index: 5;
}

.draggable{
    height: auto !important;
}

.slick-list {
    width: 100%;
    margin: 0 auto;
    
}

.slick-initialized .slick-slide:focus {
    outline: none;
}

.slick-slide {
    height: auto;
}

.help-slider {
    height: 655px;
    width: 1220px;
}

/* border help */

.help-border {
    background-image: url('../Images/FootballX/Help/deskBackground.png');
    background-size: 100% 101%;
    padding: 0 4px !important;
}

.help-border::-webkit-scrollbar {
    display: none;
}

/* prev background */

.slick-prev {
    background-image: url('../Images/FootballX/Help/left.png');
    height: 50px;
    width: 44px;
    margin-left: 75px;
    bottom: -15px;
}
.slick-prev:hover{
    background-image: url('../Images/FootballX/Help/leftHover.png');
    height: 50px;
    width: 44px;
    margin-left: 75px;
    bottom: -15px;
}

/* prev arrow */

.slick-prev:before {
    content: '';
}


/* next background */

.slick-next {
    background-image: url('../Images/FootballX/Help/right.png');
    height: 50px;
    width: 44px;
    margin-right: 75px;
    bottom: -15px;
}
.slick-next:hover {
    background-image: url('../Images/FootballX/Help/rightHover.png');
    height: 50px;
    width: 44px;
    margin-right: 75px;
    bottom: -15px;
}

/* next arrow */

.slick-next:before {
    content: '';
}


.close-help {
    background-image: url('../Images/FootballX/Help/X.png');
    top: -28px !important;
    right: -43px !important;
    height: 82px !important;
    width: 82px !important;
}


.close-help:hover {
    background-image: url('../Images/FootballX/Help/xHover.png');
    top: -28px !important;
    right: -43px !important;
    height: 82px !important;
    width: 82px !important;
}


.headerRectangle{
    background-color: #cfe8d8;
    width: 100%;
    height: 42px;
    top: 20px;
    position: fixed;
}
.pageTitle{
    font-size: 30px;
    font-family: "CrystalBetUni";
    color: rgb(38, 207, 89) !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    margin-top: 3px;
}

.headerNum{
    font-size: 30px;
    font-family: "Intro";
    color: rgb(38, 207, 89) !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: right;
    margin-top: -37px;
    width: 33px;
    margin-left: 1127px;
}

.pageText{
    font-size: 20px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    line-height: 1.7;
    width: auto;
    height: auto;
    text-align: left;
    word-break: break-word;
}
.pageText2{
    font-size: 20px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    width: auto;
    height: auto;
    line-height: 1.7;
    text-align: left;
    word-break: break-word;
}
.pageText3{
    font-size: 20px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    line-height: 1.7;
    width: auto;
    height: auto;
    text-align: left;
    word-break: break-word;
}

.pageImage{
    background-image: url('../Images/FootballX/Help/BetChanger.png');
    background-repeat: no-repeat;
    width: 291px;
    height: 87px;
    margin: auto;
    margin-top: 15px;
}
.secondPageImage{
    background-image: url('../Images/FootballX/Help/BetChanger.png');
    width: 291px;
    height: 87px;
    margin: auto;
    margin-top: 50px;
}




.betTableHelp{
    background-image: url('../Images/FootballX/Help/choosebet.png');
    width: 176px;
    height: 180px;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 50px;
}

.tableBoxDiv {
    width: 156px;
    padding-top: 4px;
    padding-left: 4px;
}

.tableBoxHelp div {
    height: 39px;
    line-height: 39px;
    font-weight: bold;
    text-align: center;
    font-size: 13.21px;
    font-family: "Intro";
    color: rgba(42, 102, 115, 0.702);
}

.tableBoxHelp div::after {
    font-size: 9.9px;
    content: attr(data-currency);
}   

.tableBoxHelp div:nth-child(3) {
    font-size: 16.51px;
    line-height: 27px;
    color: rgb(255, 255, 255);
}

.tableBoxHelp div:nth-child(4) {
    line-height: 20px;
}
.tableBoxHelp div:nth-child(5) {
    line-height: 10px;
}

.tableBoxHelp div:nth-child(2),   
.tableBoxHelp div:nth-child(4) {   
    color: rgb(42, 102, 115);
}


.playerforHelp{
    background-image: url('../Images/FootballX/Help/PlayerWithArrow.png');
    top: 1965px;
    left: -41px;
}

.second{
    margin-top: 600px;
    margin-left: -27px;
}
.secondText{
    margin-top: 600px;
    margin-left: -37px;
}

.btn{
    background-image: url('../Images/FootballX/Help/Collect.png');
    width: 222px;
    height: 139px;
    margin: auto;
}

.collectBtn{
    font-size: 21.699px;
    font-family: "Intro";
    color: rgb(27, 108, 8) !important;
    line-height: 0.811;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(177, 239, 73, 0.004);
    -webkit-transform: matrix( 1.1089667633385,0,0,1.10925062610831,0,0);
    margin-top: 38px;
}

.amount{
    content: attr(data-currency);
    font-size: 28px;
    font-family: "Intro";
    color: rgb(250, 235, 255);
    line-height: 0.751;
    text-align: center;
    -webkit-transform: matrix( 0.85233329425931,0,0,0.85305922340861,0,0);
}

.help-currency::after{
    content: attr(data-currency);
    position: relative;
    top: 33px;
    font-size: 22.445px;
    font-family: "Intro";
    color: rgb(250, 235, 255);
    line-height: 0.751;
    text-align: center;
    -webkit-transform: matrix( 0.85233329425931,0,0,0.85305922340861,0,0);
}
.help-currency:lang(ja)::after{
    top: 28px;
}

.info-bet-amount{
    font-size: 22.445px;
    font-family: "Intro";
    color: rgb(250, 235, 255);
    line-height: 0.751;
    text-align: center;
    -webkit-transform: matrix( 0.85233329425931,0,0,0.85305922340861,0,0);
    position: relative;
    top: 32px;
}
.info-bet-amount::after{
    content: attr(data-currency);
    font-size: 15px;
    font-family: "Intro";
    color: rgb(29, 82, 93);
    line-height: 0.751;
    text-align: center;
    display: inline-block;
}


.playButton{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
.state-one{
    background-image: url('../Images/FootballX/Help/State1.png');
    width: 266px;
    height: 166px;
}
.state-two{
    background-image: url('../Images/FootballX/Help/State2.png');
    width: 266px;
    height: 166px;
}

.bets-div{
    display: flex;
    justify-content: space-evenly;
}


.bets{
    font-size: 16px;
    width: 350px;
    text-align: center;
    display: block;
    margin-top: 20px;
}

.minValCurrency,
.maxValCurrency,
.winValCurrency{
    color: rgb(29, 82, 93) !important;
    font-size: 16px;
}

.playersImg{
    background-image: url('../Images/FootballX/Help/Players.png');
    width: 700px;
    height: 350px;
    margin: auto;
    margin-top: 50px;
}
.betfair .playersImg{
    background-image: url('../Images/FootballX/Help/betfair-players.png');
    width: 582px;
}
.autoFirst{
    background-image: url('../Images/FootballX/Help/Player.png');
    width: 399px;
    height: 297px;
    background-repeat: no-repeat;
    margin-top: 25px;
    background-size: 80% 80%;
}
.betfair .autoFirst{
    background-image: url('../Images/FootballX/Help/betfair-player.png');
}
.firstText{
    font-size: 24px;
    font-family: "Intro";
    color: rgb(38, 207, 89) !important;
    width: 850px;
    display: flex;
    justify-content: left;
    word-break: break-word;
}

.autoPlayTxt{
    margin-top: -230px;
    margin-left: 310px;
}

.secondText{
    font-size: 14px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    width: 850px;
    display: flex;
    justify-content: left;
    word-break: break-word;
}

.autoPlaySecondTxt{
    margin-top: 62px;
    margin-left: 310px;
}

.playState{
    background-image: url('../Images/FootballX/Help/PlayState.png');
    margin-left: 65px;
    width: 314px;
    background-repeat: no-repeat;
    height: 139px;
    background-size: 80% 80%;
    margin-top: 100px;
}

.pressHold{
    background-image: url('../Images/FootballX/Help/PressHold.png');
    margin-left: 65px;
    width: 314px;
    background-repeat: no-repeat;
    height: 139px;
    background-size: 80% 80%;
    margin-top: 50px;
}

.topWin, .topWin2{
    margin-top: -140px;
    margin-left: 308px;
}
.topWinTxt, .topWinTxt2{
    margin-top: 55px;
    margin-left: 312px;
}

.myWin{
    background-image: url('../Images/FootballX/Help/CollectArrow.png');
    width: 315px;
    height: 139px;
    margin-top: 42px;
    margin-left: 60px;
    background-size: 80% 80%;
    background-repeat: no-repeat;
}

.myWinTxt{
    margin-top: -140px;
    margin-left: 308px;
}
.myWinSecondTxt{
    margin-top: 55px;
    margin-left: 312px;
}

.winVal{
    right: 67px;
}
.winValAmount{
    margin-right: 135px;
}
.collectbutton{
    font-size: 18px;
    font-family: "Intro";
    color: rgb(27, 108, 8) !important;
    line-height: 0.811;
    text-align: center;
    text-shadow: 0px 1px 0px rgb(177 239 73 / 0%);
    margin-top: 32px;
    margin-right: 138px;
}
.collectbutton:lang(ja){
    margin-top: 24px;
}

.autoplay-btn{
    background-image: url('../Images/FootballX/Help/auto.png');
    width: 243px;
    height: 75px;
    margin-top: 70px;
    margin-left: 118px;
    background-size: 80% 80%;
    background-repeat: no-repeat;
}

[data-jurisdiction="nl"] .autoplay-btn,
[data-jurisdiction="nl"] .autoplay-btn-header,
[data-jurisdiction="nl"] .autoplay-btn-text,
[data-jurisdiction="nl"] .new-auto-play,
[data-jurisdiction="nl"] .new-auto-play-first,
[data-jurisdiction="nl"] .new-auto-play-second,
[data-jurisdiction="nl"] .new-auto-play-third,
[data-jurisdiction="nl"] .new-auto-play-last{
    display: none;
}

.autoplay-btn-header{
    margin-top: -96px;
    margin-left: 308px;
}

.autoplay-btn-text{
    margin-top: 62px;
    margin-left: 308px;
}

.autoplaysecond-btn{
    background-image: url('../Images/FootballX/Help/reAuto.png');
    width: 243px;
    height: 75px;
    margin-top: 85px;
    margin-left: 118px;
    background-size: 80% 80%;
    background-repeat: no-repeat;
}

.autoplaysecond-btn-header{
    margin-top: -96px;
    margin-left: 308px;
}

.autoplaysecond-btn-text{
    margin-top: 62px;
    margin-left: 308px;
}

.winheader-img{
    background-image: url('../Images/FootballX/Help/topWins.png');
    width: 310px;
    height: 35px;
    margin-top: 95px;
    margin-left: 63px;
    background-size: 80% 80%;
    background-repeat: no-repeat;
}

.winnertText{
    font-size: 12px;
    font-family: "Intro";
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.731;
    justify-content: center;
    align-items: center;
    width: 103px;
    height: 20px;
    display: flex;
    word-break: break-all;
}

.winheader-first{
    margin-left: 64px;
    margin-top: -29px;
}

.winheader-second{
    margin-left: 166px;
    margin-top: -20px;
}
.winheader-header-text{
    margin-left: 307px;
    margin-top: -62px;
}

.winheader-text{
    margin-left: 307px;
    margin-top: 47px;
}


.bet-options{
    background-image: url('../Images/FootballX/Help/betChange.png');
    width: 320px;
    height: 80px;
    margin-left: 53px;
    background-size: 80% 80%;
    margin-top: 62px;
    background-repeat: no-repeat;
}

.bet-options-value{
    position: relative;
    top: 22px;
    right: 51px;
    font-size: 16px;
}

.footx-currency.help-currency.bet-options-currency::after{
    content: attr(data-currency);
    position: relative;
    font-size: 16px;
    top: 18px;
    margin-right: 99px;
}
.footx-currency.help-currency.bet-options-currency:lang(ja)::after{
    top: 9px;
}
.collectBtn:lang(de){
    font-size: 18px;
}
.collectbutton:lang(de){
    font-size: 15px;
}

.winheader-bet{
    margin-left: 303px;
    margin-top: -102px;
}

.winheader-bet-text{
    margin-left: 303px;
    margin-top: 47px;
}

.gameRtp{
    font-size: 24px;
    font-family: "Intro";
    color: rgb(38, 207, 89) !important;
    text-align: left;
    margin-top: 20px;
}
.gameRtpTxt{
    font-size: 14px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    margin-top: 19px;
    width: 1160px;
    text-align: left;
    word-break: break-word;
}

.diconnectionError{
    font-size: 24px;
    font-family: "Intro";
    color: rgb(38, 207, 89) !important;
    text-align: left;
    margin-top: 20px;
}
.diconnectionErrorTxt{
    font-size: 14px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    margin-top: 19px;
    width: 1160px;
    text-align: left;
    word-break: break-word;
}

.malfunctionError{
    font-size: 24px;
    font-family: "Intro";
    color: rgb(38, 207, 89) !important;
    text-align: left;
    margin-top: 20px;
}
.malfunctionErrorTxt{
    font-size: 14px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    margin-top: 19px;
    width: 1160px;
    text-align: left;
    word-break: break-word;
}
.new-auto-play{
    font-size: 24px;
    font-family: "Intro";
    color: rgb(38, 207, 89) !important;
    text-align: left;
    margin-top: 20px;
}
.new-auto-play-first{
    font-size: 14px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    margin-top: 19px;
    width: 1160px;
    text-align: left;
    word-break: break-word;
    margin-left: 20px;
}
.new-auto-play-second{
    font-size: 14px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    margin-top: 19px;
    width: 1160px;
    text-align: left;
    word-break: break-word;
    margin-left: 20px;
}
.new-auto-play-third{
    font-size: 14px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    margin-top: 19px;
    width: 1160px;
    text-align: left;
    word-break: break-word;
    margin-left: 20px;
}
.new-auto-play-last{
    font-size: 14px;
    font-family: "Intro";
    color: rgb(29, 82, 93) !important;
    margin-top: 19px;
    width: 1160px;
    text-align: left;
    word-break: break-word;
}



@media screen and (max-width: 780px) and (orientation: portrait) {
    .pageText, .pageText2, .pageText3{
        margin-top: 20px;
        word-break: break-word;
    }
    .pageTitle{
        margin-left: 15px;
    }
    .slick-next{
        display: none !important;
    }
    .slick-prev{
        display: none !important;
    }
    .headerRectangle{
        width: 682px;
        margin-left: -17px;
        top: 30px;
    }
    .section-1, .section-2, .section-3, .section-4, .section-5{
        height: 1125px !important;
    }
    .help-outer {
        position: relative;
        top: 50px;
        height: 100%;
        width: 100%;
        background-image: url('../Images/FootballX/Help/backgroundRect.png');
        background-size: 100% 100% !important;
    }
    .container {
        width: 697px;
        height: 1250px;
        margin: 0 auto;
    }
    .help-border {
        width: 689px;
        height: 1247px;
        background-image: none;
        margin-top: 38px;
        margin-left: 6px;
    }

    .close-help {
        top: 12px !important;
        right: -34px !important;
    }
    .close-help:hover {
        background-image: url('../Images/FootballX/Help/xHover.png');
        top: 12px !important;
        right: -33px !important;
        height: 82px !important;
        width: 82px !important;
    }
    .playersImg{
        margin-left: -45px;
    }
    .betfair .playersImg{
        margin-left: auto;
    }
    .headerNum{
        text-align: right;
        margin-top: -32px;
        width: 30px;
        margin-left: 615px;
    }
    .bets{
        width: 220px;
    }
    /* .slick-dots{
        top: 1200px !important;
        position: fixed;
    } */

    .gameRtp,
    .gameRtpTxt,
    .new-auto-play,
    .new-auto-play-last,
    .diconnectionError,
    .diconnectionErrorTxt,
    .malfunctionError,
    .malfunctionErrorTxt{
        width: 655px;
        word-break: break-word;
    }
    .new-auto-play-third,
    .new-auto-play-first,
    .new-auto-play-second{
        width: 635px;
        word-break: break-word;
    }

    .autoPlayTxt,
    .autoPlaySecondTxt,
    .topWin,
    .topWin2,
    .topWinTxt,
    .topWinTxt2,
    .myWinTxt,
    .myWinSecondTxt,
    .myWinSecondTxt,
    .autoplay-btn-text,
    .winheader-header-text,
    .autoplaysecond-btn-header,
    .autoplaysecond-btn-text,
    .autoplay-btn-header,
    .winheader-text,
    .winheader-bet,
    .winheader-bet-text{
        width: 345px;
        word-break: break-word;
    }
    .help-currency:lang(ja)::after{
        top: 28px;
    }
    .footx-currency.help-currency.bet-options-currency:lang(ja)::after{
        top: 8px;
    }
    .collectbutton:lang(ja){
        margin-top: 24px;
    }
    .bet-options-value:lang(ja){
        top: 18px;
    }

}

body[data-jurisdiction="br"] .autoplay-btn,
body[data-jurisdiction="br"] .autoplay-btn-header,
body[data-jurisdiction="br"] .autoplay-btn-text,
body[data-jurisdiction="br"] .new-auto-play,
body[data-jurisdiction="br"] .new-auto-play-first,
body[data-jurisdiction="br"] .new-auto-play-second,
body[data-jurisdiction="br"] .new-auto-play-third,
body[data-jurisdiction="br"] .new-auto-play-last {
    display: none;
}