@font-face {
  font-family: "Cabin";
  src: url("/wp-content/themes/linebetapk.ma/fonts/Cabin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

* {
  font-family: 'Cabin', Arial, sans-serif;
  font-display: swap;
	padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
    background-color: #FFF;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    color: #4B4B4B;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    direction: rtl;
}

a {
    text-decoration: none;
    color: #4B4B4B;
}

main a {
    color: #01321A;
    text-decoration: underline;
}
  
li {
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    margin-right: 30px;
    line-height: 115%;

}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #01321A;
}

h1 {
    font-size: 36px;
    line-height: 130%;
    text-transform: uppercase;
}

h2 {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 130%;
}

h3 {
    font-size: 28px;
    text-transform: uppercase;
}

p {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
}

table {
    border-collapse: collapse;
    width: 100%;
    font-size: 20px;
    max-width: 1500px;
    width: 100%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    border: none;
    margin-top: 20px;
    font-weight: 500;
    table-layout: fixed;
    margin-top: 20px;
}

table thead {
    background-color: #F4FDF1;
}

table td,
table th {
    width: 1%;
    padding: 10px 30px;
    text-align: center;
    line-height: 130%;
}

table td {
    font-weight: 400;
}

.burger {
    display: none;
}

.burger img {
    width: 24px;
    height: 24px;
}

.menu-mobile {
    display: none;
    position: absolute;
    background-color: #0ba111;
    width: 100%;
    left: 0;
    top: 75px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 0 30px 20px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
}

.menu-mobile .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.menu-mobile.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-border {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #0ba111;
}



.promo-green-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#1AD421), to(#0EA513));
    background: -o-linear-gradient(top, #1AD421, #0EA513);
    background: linear-gradient(to bottom, #1AD421, #0EA513);
    padding: 11px 31px;
    gap: 46px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 100px;
    height: 93px;
}

.promo-green-block span {
    font-size: 24px;
    color: #fff;
}

.promo-green-block-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}

.steprun-btn {
    border-radius: 50px;
    padding: 20px 40px;
    border: none;
    background: #FFFFFF1A;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
}

.steprun-btn:hover {
    background-color: #FFFFFF33;
}

.take-the-bonus-btn {
    border-radius: 50px;
    border: none;
    color: #013F03;
    font-size: 24px;
    text-decoration: none;
    background-color: #FFF;
    padding: 20px 30px;
}

.take-the-bonus-btn:hover {
    background-color: #FFFFFFE5;
}


.banner-downloads-btns-mobile {
    display: none !important;
}


.banner-1440, .banner-768, .banner-390 {
    display: none !important;
}


/* HEADER START */
header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 1500px;
    background: -webkit-gradient(linear, left top, left bottom, from(#066709), to(#0DBF13));
    background: -o-linear-gradient(top, #066709, #0DBF13);
    background: linear-gradient(to bottom, #066709, #0DBF13);
    border-radius: 50px;
    padding: 20px 30px;
    position: fixed;
    top: 20px;
    height: 76.67px;
    z-index: 9999;
}

.header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    gap: 20px;
}

.logo img {
    width: 122.94px;
    height: 36.67px;
}

.logo img:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
}

.menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 5px 5px 5px 15px;
    border-radius: 50px;
    color: #FFF;
    background-color: #FFFFFF1A;
}

.menu a:hover {
    background-color: #FFFFFF33;
}
/* HEADER END */


/* MAIN START */
.icon-lift {
  right: 50px;
  bottom: 50px;
  position: fixed;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  z-index: 9999999;
  width: 44px;
  height: 44px;
  background-color: #FFF;
  border-radius: 50%;
}

.icon-lift.visible {
  opacity: 1; 
  visibility: visible;
}

main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1500px;
    width: 100%;
    padding: 146.66px 0 50px 0;
}

section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 1500px;
}

.banner {
    position: relative;
    margin-bottom: 20px;
}

.banner .banner-img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 50px;
    display: block;
}

.banner-downloads-btns {
    position: absolute;
    z-index: 100;
    bottom: 30px; 
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.banner-downloads-btns img {
    width: 320px;
}

.banner-downloads-btns img:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.google-play-desktop {
    margin: 0 -15px;
}

.text-block-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.text-block-wrap.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    padding: 20px 0;
     width: 100%;
}

.text-block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}

.text-block-title img {
    width: 30px;
    height: 30px;
}

.text-block-p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}

.text-block-img {
    max-width: 740px;
    height: auto;
    width: auto;
    display: block;
}

.text-block-img-100 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.text-block-img-100 .text-block-img{
    width: auto;
    max-width: 100%;
}

.text-block-p ul, .text-block-p ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
}
/* MAIN END */


/* FOOTER START */
footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#066709), to(#0DBF13));
    background: -o-linear-gradient(top, #066709, #0DBF13);
    background: linear-gradient(to bottom, #066709, #0DBF13);
    max-width: 1920px;
    width: 100%;
    padding: 50px 210px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.footer-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1500px;
    width: 100%;
    max-height: 69.51px;
    gap: 10px;
}

.footer-logo img {
    width: 233.06px;
    height: 69.51px;
}

.footer-logo img:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.footer-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 100px;
}

.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 372px;
    -webkit-box-align: center; 
        -ms-flex-align: center; 
            align-items: center;
}

.footer-menu a {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
}

.footer-menu a:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 100px;
}

.footer-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 100px;
}

.contacts, .support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
}

.contacts .contacts-title, .support .contacts-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #FFF;
}

.contacts a, .support a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}

.contacts a:hover, .support a:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.contacts a img, .support a img {
    width: 18px;
    height: 18px;
}

.contacts a span, .support a span {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.socials img {
    width: 32px;
    height: 32px;
}

.socials img:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
/* FOOTER END */



@media screen and (max-width : 1750.5px) {
    footer {
        padding: 50px 120px;
    }
}



@media screen and (max-width : 1570.5px) {
    .footer-right, .footer-info, .footer-contacts {
        gap: 40px;
    }
}



@media screen and (max-width : 1440.5px) {
    header, main {
        max-width: 1240px;
    }

    .text-block-img {
        max-width: 500px;
    }

    .menu a span {
        font-size: 14px;
    }

    .menu {
        gap: 4px;
    }

    .banner-1920 {
        display: none !important;
    }

    .banner-1440 {
        display: block !important;
    }
}



@media screen and (max-width : 1390.5px) {
    .footer-main, .footer-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .footer-main {
        max-height: 100%;
        gap: 50px;
    }

    .footer-right {
        gap: 50px;
    }

    .footer-menu {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}



@media screen and (max-width : 1240.5px) {
    section {
        padding: 0 20px;
    }
}



@media screen and (max-width : 1150.5px) {
    .header-right {
        display: none;
    }

    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .menu {
        gap: 20px;
    }
}



@media screen and (max-width : 1050.5px) {
    .banner-downloads-btns img {
        width: 240px;
    }

    h1, h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    h4, h5, h6 {
        font-size: 16px;
    }

    p, li, th, td {
        font-size: 16px;
    }
}



@media screen and (max-width : 860.5px) {
    .text-block-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .text-block-wrap.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
    }

    .text-block {
        width: 100%;
    }

    .text-block-img {
        max-width: 100%;
        width: 100%;
    }

    .promo-green-block h3, .steprun-btn, .take-the-bonus-btn {
        font-size: 20px;
    }
}



@media screen and (max-width : 768.5px) {
    header {
        max-width: 728px;
    }

    section {
        padding: 0;
    }

    main {
         padding: 120px 20px 50px 20px;
    }

    .banner-downloads-btns {
        bottom: 10px;
    }

    .footer-logo img {
        width: 178px;
        height: 54px;
    }

    footer {
        padding: 50px 20px;
    }

    table td, table th {
        padding: 10px;
        word-break: break-word;
    }

    .banner-1440 {
        display: none !important;
    }

    .banner-768 {
        display: block !important;
    }
}



@media screen and (max-width : 750.5px) {
    .promo-green-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: auto;
        width: 100%;
        border-radius: 50px;
        padding: 25px 20px 15px 20px;
        gap: 12px;
    }

    .promo-green-block-btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
    }

    .promo-green-block h3, .steprun-btn, .take-the-bonus-btn {
        font-size: 24px;
    }

    .steprun-btn, .take-the-bonus-btn {
        width: 100%;
        text-align: center;
    }
}



@media screen and (max-width : 726.5px) {
    .banner-downloads-btns img {
        width: 150px;
    }

    .google-play-desktop {
        margin: 0 -5px;
    }
}



@media screen and (max-width : 560.5px) {
    table td, table th {
        font-size: 10px;
    }

    h1, h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 16px;
    }

    h4, h5, h6 {
        font-size: 14px;
    }

    p, li {
        font-size: 14px;
    }

    .footer-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 50px;
    }

    .steprun-btn, .take-the-bonus-btn {
        font-size: 14px;
    }

    .banner-downloads-btns {
        flex-direction: row;
    }
}


@media screen and (max-width : 460.5px) {
     .banner-768 {
        display: none !important;
    }

    .banner-390 {
        display: block !important;
    }

    .google-play-desktop {
        margin: -25px 0;
    }

    .banner-downloads-btns-mobile {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .banner-downloads-btns-desktop {
        display: none;
    }

    .banner-downloads-btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .banner-downloads-btns img {
        width: 100%;
    }
}



@media screen and (max-width : 430.5px) {
    .google-play-desktop {
        margin: -15px 0;
    }
}



@media screen and (max-width : 390.5px) {
    header {
        max-width: 370px;
    }

    main {
        padding: 120px 10px 50px 10px;
    }

    section {
        gap: 0;
    }

    .text-block {
        padding: 15px 0;
    }

    .text-block-wrap {
        gap: 15px;
    }

    .footer-menu a, .contacts .contacts-title, .support .contacts-title {
        font-size: 14px;
    }

    footer {
        padding: 50px 10px;
    }

    .text-block-p {
        gap: 10px;
    }

    li {
        margin-right: 20px;
    }
}