/*basic*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
/* font-family: 'Poppins',sans-serif; */

:focus,
:hover {
    outline: 0
}

.listStyle {
    margin: 20px 0 20px 20px
}

.listStyle li {
    list-style: disc;
    color: var(--blue)
}

.px80px {
    padding: 80px 0
}

.bt1px {
    border: 1px solid #ddd
}


input[type=number].rem::-webkit-outer-spin-button,
input[type=number].rem::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number].rem::-webkit-outer-spin-button,
input[type=number].rem::-webkit-inner-spin-button {
    -webkit-appearance: initial !important;
    opacity: 1
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

/*basic*/
/*root-color-font*/
:root {
    --red: #CC031F;
    --blue: #121294;
    --yellow: #f1bd31;
    --skyblue: #56C9EB;
    --black: #434343;
    --white: #ffffff;
    --darkyellow: #F2BD31;
    --darkskyblue: #39b4d9;
    --lightskyblue: #d0f4ff;
    --greyshadowbtn: #b0bcbf;
    --darkblue: #0a0a70;
    --lightblue: #0000ff;
    --offwhite: #F4F4F4;
    --ctext: #7E7E7E;
    --purple: #662e91;
    --light-purple: #9f6bb8;
    --darkgrey: #414141;
    --lightgrey: #b4b4b4;
    --medgrey: #f2f2f7;
    --text: "Poppins", sans-serif;
    --heading: "Poppins", sans-serif;
    /* --font2: "Oswald", sans-serif;
     */
}

/*root-color-font*/
/* layout-css */
a {
    color: var(--purple);
    text-decoration: none;
}

html body {
    padding-top: 83px;
    background: var(--medgrey);
    font-family: var(--text)
}

.container {
    max-width: 1200px
}

.container-md {
    max-width: 1200px
}

.container-sm {
    max-width: 800px
}

.container-xs {
    max-width: 680px;
    margin: 0 auto
}

section,
.section {
    padding-bottom: 0 !important;
}

.bgGrey {
    background-color: var(--offwhite)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--text);
    font-weight: 700;
    margin-bottom: 0 !important
}

p {
    font-family: var(--text);
    line-height: 30px;
    font-size: 16px;
    color: var(--ctext);
    margin-bottom: 20px
}

p:last-child {
    margin-bottom: 0
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

ul li {
    font-family: var(--text);
    line-height: 28px;
    color: var(--ctext)
}

ul.bullets {
    list-style: none;
    padding: 0;
    margin: 30px 0
}

ul.bullets li {
    padding-left: 35px;
    position: relative;
    line-height: 28px;
    margin-bottom: 20px
}

ul.bullets li p {
    color: var(--white)
}

ul.bullets li:last-child {
    margin-bottom: 0
}

ul.bullets li:before {
    content: "";
    background-image: url(../images/bullet.svg);
    width: 32px;
    height: 35px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 3px
}

.heading h1 {
    font-size: 37px;
    color: var(--black);
    color: var(--purple)
}

.heading h3 {
    font-size: 30px;
    color: var(--black);
    color: var(--purple)
}

.mt-5 {
    margin-top: 50px
}

/* layout-css */
/*button/hovercss*/
.btn {
    border-radius: 40px;
    font-size: 20px;
    padding: 17px 23px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #00f
}

.btn ._secondary {
    border: none;
    box-shadow: 3px 3px 12px var(--greyshadowbtn), -6px -3px 12px var(--white)
}

.btn._redgradient {
    background: linear-gradient(0deg, #9a1501 0%, #f83500 100%);
    border: 1px solid #f83500
}

.btn._redgradient:hover {
    background: linear-gradient(180deg, #9a1501 0%, #f83500 100%)
}

.btn._skybluegradient {
    background: linear-gradient(0deg, #0759b5 0%, #11ade9 100%);
    border: 1px solid #11ade9
}

.btn._skybluegradient:hover {
    background: linear-gradient(180deg, #0759b5 0%, #11ade9 100%)
}

.btn._orangegradient {
    background: linear-gradient(0deg, #fd8300 0%, #fcb600 100%);
    border: 1px solid #fcb600
}

.btn._orangegradient:hover {
    background: linear-gradient(180deg, #fd8300 0%, #fcb600 100%)
}

.btn._bluegradient {
    background: linear-gradient(0deg, #121294 0%, #00f 100%)
}

.btn._bluegradient:hover {
    background: linear-gradient(180deg, #121294 0%, #00f 100%)
}

.btn._yellowgradient {
    background-image: linear-gradient(0deg, #f8d527 0%, #ffe878 100%);
    color: #977500;
    border: 1px solid #ffe878
}

.btn._yellowgradient:hover {
    background: linear-gradient(180deg, #f8d527 0%, #ffe878 100%);
    color: #977500
}

.btn._purple {
    background-color: #662e91;
    color: #fff;
    border: none;
}

.btn._purple:hover {
    background-color: #582282;
    color: #fff;
}

.btn._white {
    background-color: #f5ecec;
    color: #414141;
    border: none;
}

.btn._white:hover {
    background-color: #fff;
    color: #414141;
}

.btn._sm {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px
}

.btn._lg {
    padding: 15px 45px;
    font-size: 20px;
    text-transform: uppercase;
}

.btn._xlr {
    font-size: 35px;
    width: 220px;
    height: 80px;
    border-radius: 160px;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn:hover {
    color: #fff;
    background: var(--darkskyblue)
}

/*button/hovercss*/
/* header-logo */
header {
    position: fixed;
    box-shadow: 0px 3px 6px #3D0F61;
    z-index: 999;
    min-height: 86px;
    margin: 0;
    width: 100%;
    top: 0;
    left: 0;
    background: var(--white);
    font-family: 'Poppins', sans-serif;
}

header .container {
    position: relative;
    max-width: 1300px
}

.logo {
    margin-right: auto;
}

header .logo .custom-logo-link img {
    z-index: 99;
    width: 179px;
    height: auto;
}

header .logo a {
    position: relative
}

/* header-logo */
/* header-menu */
header ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
}

header .navs ul li {
    position: relative;
    line-height: 86px;
}

header .navs ul li a {
    font-size: 14px;
    color: var(--darkgrey) !important;
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-family: var(--heading);
    text-transform: uppercase;
}

header .navs ul li a:hover {
    color: var(--darkyellow) !important;
}

header .sub-menu {
    position: absolute;
    z-index: 999;
    left: 0;
    position: absolute;
    top: 50px;
    background: #fff;
    width: 250px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    transition: all .2s ease-in-out;
    box-shadow: 0 0 4px 5px rgb(0 0 0 / 4%);
    z-index: 999;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    overflow: hidden;
    text-align: left;
}

header .header .sub-menu li {
    line-height: normal;
}

header .header .sub-menu li a {
    color: var(--blue);
    text-decoration: none;
    padding: 10px 20px;
    line-height: normal;
    font-size: 13px;
    margin: 0;
    font-family: var(--text);
    font-weight: normal;
    display: block;
}

header .header .sub-menu li a:hover {
    background: var(--blue);
    color: var(--white);
}

header .header ul li.has-menu:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 65px
}

header .header .navs .logoutbtn {
    width: 100%;
}

header .header .navs .logoutbtn a {
    background: linear-gradient(0deg, #d5d5d5, #e9e9e9) !important;
    font-weight: 700;
    height: 45px;
    border: 1px solid #d7d7d7;
    color: #585858;
    width: 100%;
    display: block;
    padding: 8px 14px;
}

header .header .signbtn {
    background-image: linear-gradient(0deg, var(--lightskyblue), var(--darkskyblue) 50%, var(--skyblue) 0);
    padding: 5px 20px;
    border-radius: 33px;
    color: var(--white);
    text-decoration: none;
    box-shadow: 0 3px 6px #1088BD;
    font-size: 18px;
    font-weight: 700;
    margin-right: 17px
}

header .header .signbtn:hover {
    background-image: linear-gradient(180deg, var(--lightskyblue), var(--darkskyblue) 50%, var(--skyblue) 0)
}

header .header .btnlogin {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: var(--blue);
    margin-left: 10px
}

/* header-menu */
/*hamburger-menu*/
.hamburger {
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    line-height: 65px;
    align-items: center;
    justify-content: center
}

.hamburger:hover,
.hamburger.is-active:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: var(--purple)
}

.hamburger-box {
    width: 26px;
    height: 14px;
    display: inline-block;
    position: relative;
    margin: 20px 0;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 26px;
    height: 3px;
    background-color: var(--purple);
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -8px
}

.hamburger-inner::after {
    bottom: -8px
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -16px;
    transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

/*hamburger-menu*/
.mobile-toggle {
    display: none;
    margin-right: 8px;
    z-index: 99;
}

/*header*/
/* .header .navs ul li.active a,.header .navs ul li:hover a,.header .navs ul li.current_page_item a{
    color:var(--orange)
}
 */
header .header .signbtn {
    background-image: linear-gradient(0deg, var(--lightskyblue), var(--darkskyblue) 50%, var(--skyblue) 0);
    padding: 5px 20px;
    border-radius: 33px;
    color: var(--white);
    text-decoration: none;
    box-shadow: 0 3px 6px #1088BD;
    font-size: 18px;
    font-weight: 700;
    margin-right: 17px
}

header .header .signbtn:hover {
    background-image: linear-gradient(180deg, var(--lightskyblue), var(--darkskyblue) 50%, var(--skyblue) 0)
}

header .header .btnlogin {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: var(--blue);
    margin-left: 10px
}

/* selLanguage */
.selLanguage {
    border: 1px solid #ddd;
    padding: 7px;
    border-radius: 40px;
    background-color: #f1f1f1;
    margin-left: 7px;
    background-image: url(../images/br_down.webp);
    -webkit-appearance: none;
    background-position: 66px 16px;
    background-repeat: no-repeat;
    width: 90px;
    background-size: 9px
}

.selLanguage option {
    padding-left: 10px
}

.selLanguage.sidebar {
    background-position: 66px 13px;
}

/* selLanguage */
/*heroslider*/
.bannersection {
    padding: 0;
    position: relative;
    padding-bottom: 40px;
    color: var(--yellow);
    height: 608px;
}

/*heroslider*/
/*next-draw*/
.animateDiv {
    background-image: url(../images/counter-banner-yellow.png);
    height: 360px;
    background-repeat: no-repeat;
    border-radius: 250px;
    align-items: center;
    justify-content: space-around
}

.animateDiv img {
    width: 190px
}

.animateDiv p {
    background: transparent linear-gradient(90deg, #FFF 0%, #ddd 31%, #F3F3F3 40%, #ddd 55%, #FFF 65%, #d3d3d3 79%, #ededed 100%) 0 0 no-repeat padding-box;
    box-shadow: inset 0 2px 4px #9C9C9C;
    border: 1px solid #FFF;
    border-radius: 20px;
    padding: 5px 20px;
    margin-top: 30px;
    color: var(--blue);
    text-align: center;
    font-family: var(--text);
    font-weight: 700;
    font-size: 16px
}

.animateDiv ._dateround {
    text-align: center;
    color: var(--blue);
    font-weight: 700;
    font-size: 25px
}

._animatedraw {
    margin-top: -30px;
    text-align: center
}

/*next-draw*/
/*play-section*/
.playsection {
    margin-top: -279px;
    z-index: 3;
    position: relative;
}

.playDiv {
    flex-wrap: wrap;
}

._playdivinner {
    width: 100%;
    position: relative
}

._playdivinner._middlebox {
    padding: 0 30px
}

._playbox {
    position: relative;
    padding-top: 90px;
}

._playbox ._box {
    background-color: #fff;
    padding: 60px 20px 45px 20px;
    position: relative;
    border-radius: 20px;
    display: flex;
    align-items: center;
    height: 224px;
    box-shadow: 0px 3px 10px #E9E9E9;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    margin: 0 4px;
    width: 279px;
}

/* ._playbox ._box div{
    color:var(--white);
    font-size:49px;
    font-weight:800;
    text-transform:uppercase;
    margin:0;
    line-height:53px
}
 */
._playbox ._box div p {
    color: #60a6e2;
    font-size: 46px;
    font-weight: 600;
    line-height: 40px;
    display: block;
    line-height: 43px
}

._playbox ._box div p._playtext {
    color: #a3cef3;
    font-size: 83px;
    line-height: 53px
}

._playbox ._box div p._credittext {
    color: #a3cef3
}

._playbox ._box div p._withdrawtext {
    color: #a3cef3
}

._playbox ._bottom {
    text-align: center;
    margin-top: -26px;
    position: relative
}

._playbox ._center {
    background-image: url(../images/icon1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    height: 114px;
    top: 20px;
    left: 0;
    width: 114px
}

._playbox ._top {
    background-image: url(../images/lottochi-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    height: 156px;
    width: 128px;
    top: -60px;
    right: 0
}

._playbox ._right {
    background-image: url(../images/lottochi-icon-right.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    height: 156px;
    top: -92px;
    right: 5px;
    transform: scaleX(-1);
    transform: rotate(1deg);
    z-index: -1;
    width: 180px
}

._playbox ._icon1 {
    width: 114px;
    height: 114px;
    position: absolute;
    top: -57px;
    background-image: url(../images/icon1.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

._playbox ._icon2 {
    width: 114px;
    height: 114px;
    position: absolute;
    top: -57px;
    background-image: url(../images/icon2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

._playbox ._icon3 {
    width: 114px;
    height: 114px;
    position: absolute;
    top: -57px;
    background-image: url(../images/icon3.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

._box .line1 {
    color: var(--darkgrey) !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: normal;
    width: 100%
}

._box .line2 {
    color: var(--purple) !important;
    font-size: 26px !important;
    font-weight: bolder;
    width: 100%;
}

._box .line3 {
    color: var(--lightgrey) !important;
    font-size: 14px !important;
    width: 100%
}

._box .icon {
    position: absolute;
    top: -57px;
    height: 115px;
    width: 115px;
}

._box .icon img {
    height: 115px !important;
    width: 115px !important;
}

/*play-section*/
/*potenialDiv*/
.potenialDiv {
    padding-top: 45px;
    background-image: url(../images/raffle-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.potenialDiv .heading {
    margin-bottom: 30px
}

.potenialDiv .heading h2 {
    color: var(--blue);
    font-weight: 800;
    margin-bottom: 0;
    font-size: 35px;
    font-family: var(--text)
}

.potenialDiv .heading p {
    color: var(--ctext);
    font-weight: 500;
    font-family: var(--text);
    padding-top: 10px;
    font-size: 20px
}

/*potenialDiv*/
/* captionDIv */
.captionDIv {
    background: #fff;
    box-shadow: 0 3px 10px #C6D2E1;
    border-radius: 32px;
    margin: 10px
}

.captionDIv .boxCaption {
    padding: 20px;
    border-radius: 30px 30px 0 0;
    box-shadow: 0 0 10px 0 #d7d4d4;
    text-align: center;
    background: linear-gradient(10deg, #194fc4 0%, #1dc5f1 100%)
}

.captionDIv .boxCaption h3 {
    color: #8ed2f2;
    font-weight: 800;
    font-size: 35px;
    font-family: var(--text)
}

.captionDIv .boxCaption p {
    color: #d1e7f7;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 30px;
    font-family: var(--text);
    margin-top: 10px
}

.captionDIv .boxCaption p span {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

.captionDIv .boxRound {
    padding: 25px
}

.captionDIv .boxRound .raffleDiv {
    box-shadow: 0 0 6px #E1E1E1;
    border-radius: 26px;
    margin-bottom: 20px;
    padding: 10px 20px;
    align-items: center;
    justify-content: center;
    display: flex
}

.captionDIv .boxRound .raffleDiv ._raffleid,
.captionDIv .boxRound .raffleDiv ._raffleamt {
    font-weight: 500;
    color: var(--ctext);
    font-size: 16px;
    font-family: var(--text)
}

.captionDIv .boxRound .raffleDiv span {
    width: 2px;
    height: 40px;
    margin: 0 10px;
    background: #5dcaeb
}

.captionDIv .boxRound ._bottom {
    margin-top: 20px;
    justify-content: center;
    display: flex;
    text-align: center
}

/* captionDIv */
/*counterDiv*/
.counterDiv {
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 10px;
    font-family: var(--text)
}

.counterDiv #numberDiv {
    margin: 0 5px;
    line-height: 50px
}

.counterDiv #numberDiv .count {
    text-align: center
}

.counterDiv #numberDiv .count .countDiv {
    background: rgba(244, 244, 244, 0.2);
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    padding: 15px;
    margin: 0 20px;
    width: 100%
}

.counterDiv #numberDiv .count1 {
    position: relative;
    padding: 7px;
    color: #fff;
    font-size: 28px;
    border-radius: 3px;
    border: 1px solid #564f4f;
    background-image: linear-gradient(0deg, var(--lightblue), var(--darkblue) 50%, var(--blue) 0);
    border: 1px solid #00f;
    width: 40px;
    display: inline-block
}

.counterDiv #numberDiv .count1 .lineCenter {
    position: absolute;
    width: 100%;
    height: 3px;
    background: var(--blue);
    left: 0;
    top: 48%
}

.counterDiv #numberDiv .count2 {
    padding: 7px;
    color: #fff;
    margin: 0 3px;
    font-size: 28px;
    border-radius: 3px;
    border: 1px solid #564f4f;
    background-image: linear-gradient(0deg, var(--lightblue), var(--darkblue) 50%, var(--blue) 0);
    border: 1px solid #00f;
    width: 40px;
    display: inline-block
}

.counterDiv #numberDiv .strong {
    font-size: 25px
}

.counterDiv h5 {
    font-size: 16px;
    margin-top: 5px;
    color: var(--blue);
    text-transform: uppercase;
    font-weight: 400;
    font-family: var(--text)
}

/*counterDiv*/
/*winnerDiv*/
.winnerDiv {
    background-image: url(../images/winner-banner.png);
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-content: center;
    justify-content: space-around;
    background-position: center;
    align-items: center;
    height: 215px;
    border-radius: 150px;
    max-width: 850px
}

.winnerDiv ._winnerdate {
    font-family: var(--text);
    font-weight: 800;
    color: #484848
}

.winnerDiv ._winnerdate ._date {
    font-size: 22px
}

.winnerDiv ._winnerdate ._number {
    font-size: 55px;
    line-height: 73px;
    opacity: .5
}

/*winnerDiv*/
/*faq*/
/*.sp-easy-accordion .sp-ea-single{
    background:transparent!important;
    border:none!important;
    box-shadow:2px 2px 8px var(--greyshadowbtn),-6px -3px 12px var(--white);
    border-radius:42px!important
}
 .sp-easy-accordion *{
    border-radius:42px!important
}
 .sp-easy-accordion .sp-ea-single .ea-header{
    border-radius:80px;
    background-color:#fff;
    border:1px solid #e7e7e7;
    outline:none;
    padding:15px 25px 10px;
    color:#0077C8;
    font-size:15px
}
 .sp-easy-accordion .sp-ea-single .ea-header i{
    color:var(--blue)
}
 .sp-easy-accordion .sp-ea-single .ea-header strong{
    color:var(--blue)
}
 #post-143{
    width:100%
}
 #sp-ea-249.sp-easy-accordion > .sp-ea-single > .ea-header a{
    color:var(--blue)!important;
    font-size:18px
}
 #sp-ea-249.sp-easy-accordion > .sp-ea-single > .ea-header a .ea-expand-icon.fa{
    color:var(--blue)!important
}
*/
/*faq*/
/*video-css*/
video {
    height: 100%
}

._video {
    border: none;
    background-image: linear-gradient(0deg, #ffd92b, #ffb322 98%, #ff9007 0) !important;
    padding: 26px !important
}

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

.videobtn {
    background-image: linear-gradient(0deg, #121294 0%, #00f 100%);
    padding: 10px 20px;
    border-radius: 60px;
    text-decoration: none !important;
    color: var(--white);
    font-weight: 700;
    font-size: 20px;
    max-width: 245px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    margin-left: 60px
}

.videobtn i {
    margin-right: 10px
}

.videobtn:hover {
    background-image: linear-gradient(180deg, #121294 0%, #00f 100%);
    color: #fff
}

/*video-css*/
/*blog-css*/
.blogdiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.blogdiv ._bloglist {
    padding: 10px;
    width: 33.333%
}

.blogdiv ._bloglist div {
    width: auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    padding: 5px
}

.blogdiv ._blogimg {
    border-radius: 10px;
    width: 100%
}

.blogdiv ._blogheading {
    background: var(--blue);
    color: #fff;
    margin: 0 20px;
    margin-top: -21px;
    position: relative;
    padding: 9px 0;
    border-radius: 30px;
    font-weight: 700
}

.blogdiv ._blogtext {
    margin: 25px 0 !important
}

/*blog-css*/
/*innerpage*/
.inner-banner {
    padding-top: 30px
}

.inner-banner .caption {
    position: absolute;
    top: 210px;
    padding-left: 40px;
    color: #fff
}

.inner-banner .caption h1 {
    font-size: 50px;
    color: var(--white);
    font-weight: 700
}

.inner-banner .caption h5 {
    font-size: 20px;
    padding-top: 10px;
    color: var(--white);
    font-weight: 700
}

/*innerpage*/
/* process_row */
.process_row .process_box {
    border-radius: 5px;
    width: 263px;
    display: flex;
    justify-content: center;
    position: relative;
    padding: 30px 20px;
    margin: 20px 10px;
    box-shadow: 0 3px 10px #c6d2e1;
    border-radius: 32px
}

.process_row .process_box div {
    text-align: center
}

.process_row .process_box div img {
    width: 80px;
    display: initial;
    padding-top: 20px
}

.process_row .process_box p {
    text-align: justify;
    font-size: 16px;
    text-align: center
}

.process_row .process_box p span {
    font-size: 12px
}

.process_row .process_box strong {
    color: var(--black)
}

.process_row .process_box div a {
    color: var(--blue);
    font-weight: 700
}

.process_row .process_box div a.btn.btnsignup {
    color: #fff;
    padding: 4px 5px;
    font-size: 12px;
    line-height: normal
}

.process_row .process_box div a.btn.btnyellow {
    color: #977500 !important;
    text-transform: inherit;
    font-size: 15px;
    padding: 6px 15px
}

.process_row .process_box .step {
    background: linear-gradient(0deg, #121294 0%, #00f 100%);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 23px;
    border-radius: 15px;
    position: absolute;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    top: -28px
}

/* process_row */
/* popup-css */
.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 99999
}

.popup #video-popup-close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 998;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    background-color: #000;
    line-height: 25px;
    color: #fff
}

.popup .popup-inner {
    max-width: 545px;
    padding: 20px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 6px #272424;
    border-radius: 3px;
    background: #fff;
    border: 3px solid #56c9eb
}

.popup .popup-inner p {
    padding: 0;
    margin: 0
}

.popup .popup-close {
    width: 40px;
    height: 40px;
    padding-top: 7px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    transition: ease .25s all;
    transform: translate(50%, -50%);
    border-radius: 1000px;
    background: var(--blue);
    text-decoration: none;
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    color: #fff;
    text-decoration: none !important
}

.popup .popup-close .popup-close:hover {
    transform: translate(50%, -50%) rotate(180deg);
    background: #56c9eb;
    text-decoration: none;
    color: var(--white);
    text-decoration: none
}

/* popup-css */
/*featured-Img*/
.featuredImg {
    margin-bottom: 45px;
}

.featuredImg img {
    width: 100%;
    height: auto;
}

/*featured-Img*/
/*content-pages*/
.aboutussection h3 {
    text-align: center;
    width: 100%;
    color: #121294;
    font-weight: 700;
    margin-bottom: 30px !important;
    font-size: 32px;
    text-transform: capitalize
}

.contentsection .column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.contentsection ._contentimg {
    width: 40%;
    display: flex;
    justify-content: center
}

.contentsection ._contentimg img {
    border-radius: 10px;
    max-width: 100%;
}

.contentsection ._contenttext {
    width: 55%
}

.videobanner {
    background: url(../images/lottochi-icon.png);
    padding-left: 150px;
    background-size: contain;
    background-repeat: no-repeat
}

._video {
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    max-width: 490px;
    background: #fff
}

._video p {
    margin: 0
}

.videobtn {
    display: inline-block;
    margin-left: 0
}

.videosection {
    margin-top: 45px;
}

.videosection ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.videosection ul li._videolist {
    list-style: none;
    padding: 8px;
    display: block;
    border-radius: 5px;
    width: 33.33%;
}

.videosection ._videolist div {
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.videosection ._videolist h6 {
    color: #121294;
    font-weight: bold;
    text-align: center;
}

.videosection ._videolist p {
    line-height: 13px;
}

.paginationdiv {
    margin-top: 45px;
    text-align: center;
}

.paginationdiv a,
.paginationdiv span {
    background: #f1f1f1;
    padding: 5px 12px;
    display: inline-block;
    color: #333;
    border-radius: 10px;
}

.paginationdiv span {
    color: #121294;
    font-weight: bold;
}

/*content-pages*/
/* scrollup */
.scrollup {
    position: fixed;
    bottom: 95px;
    right: 12px;
    z-index: 100;
    display: none
}

.scrollup a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--purple);
    color: #fff;
    text-align: center;
    display: block;
    padding: 7px 0;
    border: 2px solid #ffffff
}

.scrolldiv {
    margin-left: 5%
}

/* scrollup */
/*footer*/
footer {
    padding: 45px 0;
    height: auto;
    background: var(--purple)
}

.footerimg {
    width: 100%;
    text-align: center;
    margin-top: 20px
}

footer ul li a {
    color: var(--light-purple);
    text-decoration: none;
    font-size: 16px
}

footer ul li a:hover {
    color: var(--white) !important;
}

footer .column {
    width: 340px;
    text-align: center
}

footer .column h5 {
    color: var(--light-purple);
    font-size: 20px;
    margin-bottom: 15px !important;
    font-family: var(--text);
    font-weight: 600
}

footer .column .menu {
    display: block;
}

footer .shortlinks ul {
    margin: 0
}

footer .shortlinks ul li {
    text-decoration: none;
    list-style: none
}

footer .shortlinks ul li a {
    width: 100%;
    display: block;
    color: var(--light-purple);
    font-size: 16px;
    line-height: 30px
}

footer .contactdetails {
    color: var(--white)
}

footer .contactdetails ul {
    margin: 0
}

footer .contactdetails ul li {
    color: var(--white);
    position: relative;
    list-style: none
}

footer .contactdetails ul li a:hover {
    color: var(--black)
}

footer .contactdetails ._social {
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

footer .contactdetails ._social a {
    background: var(--darkyellow);
    color: var(--white);
    border-radius: 100%;
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    margin-right: 2px;
    line-height: 39px;
    font-size: 20px
}

footer .contactdetails ._social a:hover {
    background-color: #a78307;
    color: var(--offwhite)
}

/*footer*/
/*19-august-2022*/
.dntitle header.entry-header {
    background: #F00;
    display: none;
}

.tittlediv article {
    margin-bottom: 50px;
}

.tittlediv article .entry-title {
    display: none;
}

.tittlediv header {
    padding: 0
}

.tittlediv header img {
    border-radius: 0;
    margin-bottom: 0 !important;
    width: 100%;
}

.tittlediv h1 {
    font-family: var(--heading);
    color: #fff;
    padding: 0;
    display: flex;
    align-items: center;
}

.owl-carousel .owl-item img {
    border-radius: 0;
}

.switcher {
    left: auto;
}

/*19-august-2022*/
.reverserow {
    flex-direction: row-reverse;
}

.integrityssectionrow {
    margin-top: 50px;
}

.previusdraw ._headerrow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    flex-direction: row-reverse;
}

._selectdraw {
    width: 260px;
    color: var(--ctext);
}

._selectdraw label div {
    font-weight: 600;
    color: #121294;
    font-size: 18px;
}

.selectinput {
    clear: both;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-top: 0px;
}

.drawnsection {
    display: flex;
}

._innerdrawn,
._innernextdrawn {
    width: 370px;
}

._drawnsectiontable {
    margin-left: 30px;
    width: 100%;
}

.nextdrawnsection {
    display: flex;
    margin-top: 50px;
}

.drawnsection ._innerdrawn h3,
._innernextdrawn h3 {
    color: #121294;
    font-weight: bold;
}

.drawnsection ._innerdrawn h4,
._innernextdrawn h4 {
    color: #121294;
}

.drawnsection ._innerdrawn ._innerdrawnsub,
._innernextdrawn ._innernextdrawnsub {
    margin: 10px 0
}

.drawnsection ._innerdrawn ul._drawnumlist {
    list-style: none;
    margin: 0
}

.drawnsection ._innerdrawn ._drawnumlist li {
    border-radius: 100%;
    color: #7e6200;
    background: linear-gradient(10deg, #f8d527 0%, #ffe878 100%);
    border: 1px solid #f8d527;
    font-size: 14px;
    display: inline-block;
    width: 38px;
    text-align: center;
    height: 38px;
    cursor: pointer;
    margin: 2px;
    padding: 4px 0;
}

.drawnsection table,
.nextdrawnsection table {
    border: 1px solid #ddd;
    margin-top: 0
}

.drawnsection table tr th,
.nextdrawnsection table tr th {
    background: #56C9EB !important;
    color: #fff;
}

.singlepostdiv header.entry-header {
    padding-bottom: 20px;
    border: none
}

.singlepostdiv header.entry-header:after {
    display: none;
}

.singlepostdiv .hentry .entry-taxonomy {
    margin: 0;
    padding-top: 0;
    border: none;
}

.singlepostdiv header.entry-header h1 {
    text-align: center;
    font-size: 38px;
}

.singlepostdiv .entry-content:after,
.singlepostdiv .entry-content:before {
    display: none;
}

.singlepostdiv .entry-content p {
    padding: 0
}

.singlepostdiv .navigation .nav-links {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.singlepostdiv .navigation .nav-links a {
    background-image: linear-gradient(0deg, var(--lightblue), var(--darkblue) 50%, var(--blue) 0);
    margin: 0 2px;
    border-radius: 40px;
    text-transform: capitalize;
    font-size: 16px;
    padding: 8px 15px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #0000ff;
    box-shadow: 3px 3px 12px var(--greyshadowbtn), -6px -3px 12px var(--white);
}

.singlepostdiv .entry-content video {
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.blogdivsection {
    padding-top: 30px;
    font-family: var(--text);
}

.blogdivsection h3 {
    color: var(--purple);
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px !important;
    text-align: center;
    margin-bottom: 35px !important;
}

/*news*/
._featuredimg {
    width: 30%;
    min-width: 315px;
}

._featuredimg img {
    height: auto;
    max-width: 100%;
}

._listdiv {
    border: 1px solid rgba(0, 0, 0, .05);
    display: flex;
    margin-bottom: 40px;
    position: relative;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    font-family: var(--text);
    color: var(--darkgrey);
}

/*._listdiv:nth-child(even){
    flex-direction: row-reverse;
}
 */
._contentblog {
    width: 70%;
    padding: 10px 30px;
}

._listdiv ._contentblog h4 {
    font-size: 24px;
    margin-bottom: 10px !important;
    font-family: var(--text);
    font-weight: 600;
    color: var(--purple)
}

._listdiv ._contentblog p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: normal;
}

._blogbtn a {
    color: #121294;
}

._postdate {
    color: var(--darkgrey);
    margin-bottom: 10px;
    font-weight: 600;
}

.learnMore {
    margin-top: 15px
}

.learnMore a {
    text-transform: uppercase;
    color: var(--darkyellow);
    text-decoration: underline;
}

.learnMore a i {
    margin-right: 5px;
}

._blogheader .posted-on {
    display: none;
}

._blogheader .post-author {
    display: none;
}

._blogheader .entry-title {
    font-size: 24px;
    margin-bottom: 10px !important;
    font-family: var(--heading);
}

.createbtn {
    margin-right: 5px;
}

.cartdiv {
    width: 60px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 9999999999;
    margin-right:10px;
}

._cartinner {
    display: flex;
    justify-content: space-between;
}

.cartdiv ._cartnumber a {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    padding: 0px;
    text-align: center;
    color: var(--darkblue);
    font-size: 25px;
}

.cartdiv ._cartnumber img {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.cartdiv ._cartnumber span {
    background: var(--purple);
    border-radius: 100%;
    color: #fff;
    position: absolute;
    right: -28px;
    top: -13px;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
}

.cartdiv .createbtn {
    margin: 0 5px
}

._carttext {
    line-height: 14px;
    color: var(--purple) !important;
    text-align: center;
}

._carttext p {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 15px;
    color: var(--purple) !important;
}

._carttext span {
    color: var(--purple) !important;
    font-weight: 600;
    font-size: 16px;
}

._cartinner ._userdiv {
    display: none;
    color: var(--darkblue);
    font-size: 25px;
}

.owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    margin: 0 3px;
}

.owl-dots button.owl-dot span {
    font-size: 70px;
    position: relative;
    top: -5px;
}

.owl-dots .active {
    background-color: #e7e7e7 !important;
}

.rafflesldier .owl-dots {
    text-align: center;
}

.step-img img {
    padding: 0 !important;
    width: 28px !important;
}

.step-img-md img {
    padding: 0 !important;
    width: 58px !important;
}

.step-img-lr img {
    padding: 0 !important;
    width: auto !important;
}

.animateDiv h4 br {
    display: none
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
}

._userdiv {
    display: none;
}

._usericon {
    color: var(--darkblue);
    font-size: 25px;
}

._usericon:hover {
    color: var(--darkblue);
}

._usersignin a {
    color: var(--darkblue);
    text-transform: uppercase;
    font-weight: bold;
}

.logindivsection {
    width: auto;
    display: flex;
    justify-content: end;
    align-items: center;
}

.logindivsection .signupBtn .btn._sm {
    font-size: 14px;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.prizesection {}

.prizesection ul {
    display: flex;
    list-style: none;
    margin: 0;
}

.prizesection ul li {
    text-align: center;
}

.prizesection ul li img {
    margin: auto;
}

.logindivsection .divLoggedIn1200UserIcon {
    display: none !important;
}

.slide_logindiv .logoutbtn {
    background: linear-gradient(0deg, #d5d5d5, #e9e9e9) !important;
    color: #585858;
    padding: 10px 15px;
}

.slide_logindiv .logoutbtn:hover {
    background: linear-gradient(180deg, #d5d5d5, #e9e9e9) !important;
}

.dn {
    display: none;
}

.categoryname {
    margin-top: -20px;
    background: var(--purple);
    padding: 7px 17px;
    color: #fff;
    width: auto;
    display: inline-block;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    top: 0;
}

.animateDiv h4 {
    color: var(--blue);
    font-weight: bold;
    font-size: 20px;
    margin-top: 25px;
}

.animateDiv ._nextdraw {
    text-align: center;
    text-transform: capitalize;
    font-weight: 800;
    font-size: 32px;
    color: #fff;
    line-height: normal;
    text-shadow: 2px 2px 2px #121294;
}

footer .container {
    position: relative;
    max-width: 1100px;
}

.winnerDiv ._winnerdate ._winnerannounced {
    font-size: 32px;
    line-height: 42px;
}

.winnerDiv .btn._xlr.farsi {
    font-size: 30px;
    line-height: 28px;
}

.darkclr a {
    color: #43454b !important;
}

.slider-item .mobile {
    display: none !important;
}

.singlepostdiv {
    max-width: 1000px;
    margin: 0 auto;
}

.singlepostdiv article nav.navigation {
    display: none;
}

.singlepostdiv article aside.entry-taxonomy {
    display: none;
}

._blogcontentdiv {
    display: flex;
}

.blogdivsection ul li {
    padding-left: 0 !important;
}

.blogdivsection ul li strong {
    color: var(--purple) !important;
}

.blogdivsection p a {
    color: var(--purple) !important;
}

.blogdivsection p a:hover {
    color: var(--purple) !important;
}

.singlepostdiv ._blogheader {
    padding-top: 20px;
}

.buynowsection {
    background-image: linear-gradient(180deg, #f8d527 65%, #ffe878 100%);
}

.buynowsection ._animatedraw {
    height: auto;
    padding: 25px 0;
    margin: 0;
}

.buynowsection .animateDiv {
    background: none;
    height: auto;
}

.buynowsection ._nextdraw {
    font-size: 30px;
}

.buynowsection ._dateround {
    font-size: 18px;
    text-align: left;
}

.buynowsection .counterDiv #numberDiv {
    line-height: 24px;
}

.buynowsection .counterDiv #numberDiv .count1 {
    font-size: 20px;
    width: 30px;
}

.buynowsection .counterDiv #numberDiv .count2 {
    font-size: 20px;
    width: 30px;
}

.buynowsection .counterDiv h5 {
    font-size: 13px;
}

.buynowsection ._animatedraw {
    justify-content: space-between;
    align-items: center;
    display: flex;
    width: auto;
}

.buynowsection ._animatedraw .nextsection {
    margin-right: 30px;
}

.buynowsection ._animatedraw .nextsection ._nextdraw {
    line-height: 22px;
    text-align: left;
}

.potenialDiv .heading {
    border: 2px solid var(--blue);
    border-radius: 60px;
    padding: 20px 0;
    background: #f2f2f2;
}

/* promo text box css starts */
.promotext {
    display: flex;
    width: 1200px;
    height: 168px;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    margin: 0 auto;
    border-radius: 20px;
    padding: 30px 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

/*.promotext .p-icon {
    text-align: left;
    width: 80px;
    height: 80px;
    margin-top: -30px;
}*/

.promotext .txt {
    text-align: left;
    font-weight: bold;
    color: #fff;
}

.promotext .txt .txt-hd1 {
    text-transform: uppercase;
    font-size: 35px;
    text-shadow: 0px 3px 6px #000029;
}

.promotext .txt .txt-hd2 {
    font-size: 25px;
    text-shadow: 0px 3px 6px #000029;
}

.promotext .txt .txt-hd3 {
    font-size: 18px;
    color: #180607;
}

.promotext .btn._white {
    width: 220px;
    height: 64px;
    line-height: 64px;
    padding: 0 !important;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0px 3px 10px #00000029;
    border-radius: 32px;
    font-weight: bold;
    position: relative;
    z-index: 3;
}

.promo-img {
    width: 1200px;
    height: 168px;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    border-radius:20px;
    top:0;
}

.promo-img img {
    text-align: center !important;
}

/* css for different class for different promo banner starts */
.home-txt-hd1 {
    text-transform: uppercase;
    font-size: 35px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.home-txt-hd2 {
    font-size: 25px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.home-txt-hd3 {
    font-size: 18px;
    color: #180607 !important;
}

.lotteries-txt-hd1 {
    text-transform: uppercase;
    font-size: 35px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.lotteries-txt-hd2 {
    font-size: 25px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.lotteries-txt-hd3 {
    font-size: 18px;
    color: #180607 !important;
}

.iwin-txt-hd1 {
    text-transform: uppercase;
    font-size: 35px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.iwin-txt-hd2 {
    font-size: 25px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.iwin-txt-hd3 {
    font-size: 18px;
    color: #180607 !important;
}

.sj-txt-hd1 {
    text-transform: uppercase;
    font-size: 35px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.sj-txt-hd2 {
    font-size: 25px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.sj-txt-hd3 {
    font-size: 18px;
    color: #180607 !important;
}

.results-txt-hd1 {
    text-transform: uppercase;
    font-size: 35px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.results-txt-hd2 {
    font-size: 25px;
    text-shadow: 0px 3px 6px #000029;
    color: #fff !important;
}

.results-txt-hd3 {
    font-size: 18px;
    color: #180607 !important;
}



/* css for different class for different promo banner ends */

/* prom text box css ends */
/* soccer jackpot css starts */
.soccer-jp {
    display: block;
    margin-top: 20px;
}

.soccer-jp .hd {
    color: var(--purple);
    font-size: 30px;
    font-weight: bold;
    border-bottom: 3px solid #ebebeb;
    padding: 0 0 14px 17px;
    position: relative;
}

.soccer-jp .hd span {
    color: var(--darkyellow);
    font-size: 16px;
    font-weight: normal;
    padding: 0 37px 14px 0;
    float: right;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
}

.soccer-jp .hd span a {
    color: var(--darkyellow);
    font-weight: normal;
    text-decoration: underline;
}

/* .soccer-jp .owl-nav{
    position: absolute;
}
*/
.sj-int {
    display: flex;
    padding: 16px 0 0 0;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50px
}

.socjp-cnt {
    display: flex;
    padding: 16px 0 0 0;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50px;
}

.socjp-txt {}

.vid-cont {
    width: 278px;
    height: 225px;
    border-radius: 14px;
    color: var(--darkgrey);
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
}

.vid-cont .caption {
    position: absolute;
    width: 289px;
    height: 185px;
    opacity: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.vid-cont .caption .blur {
    background-color: rgba(0, 0, 0, 0.65);
    width: 289px;
    height: 192px;
    z-index: 5;
    position: absolute;
    top: 0;
    border-radius: 14px !important;
}

.vid-cont .caption .pl-btn {
    position: absolute;
    z-index: 8;
}

.vid-cont:hover .caption {
    opacity: 1;
}

.sj-int .vid-cont:hover .caption .blur {
    display: block;
}

.pl-btn .btn._white {
    width: 201px;
    height: 59px;
    line-height: 59px;
    padding: 0 !important;
    font-weight: bold;
    background: #ebebeb;
}

.pl-btn .btn._white:hover {
    background-color: #fff !important;
    color: #000;
}

.vid-cont-txt {
    margin-top: 5px;
}

/*.vid-cont:hover{
    opacity:0.6;
}
 .vid-cont img + div {
    visibility: hidden;
    position:absolute;
    top:0;
    text-align:center;
    padding-top:70px;
    margin:0 auto;
}
 .vid-cont img:hover + div {
    visibility: visible;
}
 */
/* soccer jackpoot css ends */
/* internal results page starts */
.int-results {}

.int-res {
    text-align: left !important;
    padding-left: 20px;
}

.internal-head-r .res-top-r p {
    padding-bottom: 15px !important;
}

.int-res-box {
    width: 100% !important;
    background: none !important;
}

.result-box-i {
    background-color: var(--white) !important;
    font-size: 18px !important;
    border-radius: 20px !important;
    min-height: 83px;
    box-shadow: none;
}

.irb-name {
    color: #414141 !important;
    /*flex-basis:16%;
    */
}

.irb-date {
    color: #A9A9A9 !important;
    /*flex-basis:10%;
    */
}

.irb-amt {
    font-size: 18px !important;
    font-weight: bold;
    color: var(--purple);
    /*flex-basis:20%;
    */
}

.irb-pn-btn {
    width: 149px !important;
    height: 47px !important;
    font-size: 20px !important;
    line-height: 47px !important;
    font-weight: 600 !important;
}

.irb-rnd-num {
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
}

.irb-rnum {
    flex-basis: 40%;
}

.irb-img {
    flex-basis: 10%;
}

.irb-btn {
    flex-basis: 10%;
}

.ir-bot-cnt {
    display: flex;
    border-top: 4px solid #ebebeb;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.ir-bot-cnt-l {
    width: 50%;
    font-family: var(--text);
}

.ir-bot-cnt-l-hd {
    font-size: 20px;
    color: #414141;
    margin-top: 15px;
    font-weight: 600;
}

.ir-bot-cnt-l p {
    font-family: var(--text);
    line-height: 30px;
    font-size: 16px;
    color: #A9A9A9;
    margin-bottom: 20px;
}

.ir-bot-cnt-l p a {
    color: #F2BD31;
}

.ir-bot-cnt-r {
    width: 50%;
    padding-left: 30px;
}

.ir-em-box {
    width: 474px;
    min-height: 264px;
    height: auto;
    background-color: var(--white);
    box-shadow: 0px 3px 10px #E9E9E9;
    border-radius: 20px;
    padding: 20px;
}

.ir-em-box-hd {
    font-family: var(--ctext);
    font-size: 30px;
    color: var(--purple);
    font-weight: 600;
}

.ir-em-box form input,
.ir-em-box form select {
    width: 409px;
    height: 39px;
    background: #F2F2F7;
    border-radius: 20px;
    border: none !important;
    padding-left: 15px;
    margin-bottom: 10px;
}

.ir-em-box form input[type="radio"] {
    width: 20px;
    height: 39px;
    background: #F2F2F7;
    padding-left: 15px;
}

/* check box style */
.ir-rb1 {
    display: flex;
    justify-content: center;
    color: var(--lightgrey);
}

.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom,
.checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
}

.checkbox-custom+.checkbox-custom-label:before {
    content: '';
    background: #ddd;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    border-radius: 30px;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    background: var(--purple);
    box-shadow: inset 0px 0px 0px 3px #fff;
    border-color: var(--purple);
}

.checkbox-custom:focus+.checkbox-custom-label {
    outline: none;
    /* focus style */
}

/* checkbox styling ends */
.ir-select {
    position: relative;
}

.ir-em-box form .ir-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative !important;
    color: var(--lightgrey) !important;
    padding-left: 54px;
}

.ir-em-box form .ir-select::after {
    position: absolute;
    top: 8px;
    right: 40px;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    color: var(--purple);
    font-weight: 600;
}

.ir-mb-30 {
    margin-bottom: 30px;
}

.ir-hide {
    display: none;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    transition: all 2s ease-in-out;
}

.ir-em-img {
    position: absolute;
    left: 10px;
    top: 4px;
    width: 33px;
    height: 33px;
    z-index: 9
}

.ir-em-img img {
    width: 33px;
    height: 33px;
    overflow: hidden;
}

.ir-em-box form .ir-select select option img {
    border: 1px solid #f00;
}

.ir-em-box form input,
.ir-em-box form select:focus {
    border: none !important;
    outline: none !important;
    color: var(--lightgrey) !important;
}

.ir-em-box form select .lot-icon {
    width: 33px;
    height: 33px;
}

.lot-icon,
.lot-icon img {
    width: 33px;
    height: 33px;
    display: inline-block !important;
}

/* internal results page ends */
/* soccer jackpot internal starts */
.sj-int {
    display: block;
    margin-top: 30px;
}

.int-sports-jackpot .hd {
    color: var(--purple);
    font-size: 25px;
    font-weight: bold;
    border-bottom: 3px solid #ebebeb;
    padding: 0 0 14px 17px;
    position: relative;
}

.int-sports-jackpot .hd span {
    color: var(--darkyellow);
    font-size: 16px;
    font-weight: normal;
    padding: 0 37px 14px 0;
    float: right;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
}

.int-sports-jackpot .hd span a {
    color: var(--darkyellow);
    font-weight: normal;
    text-decoration: underline;
}

.sj-int-cnt {
    display: flex;
    padding: 16px 0 0 0;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50px
}

.socjp-cnt {
    display: flex;
    padding: 16px 0 0 0;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50px;
}
.int-sports-jackpot .socjp-cnt{margin-bottom: 14px !important;}
.socjp-txt {}

.sj-int .vid-cont {
    width: 278px;
    height: 225px;
    border-radius: 14px;
    color: var(--darkgrey);
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
}

.sj-int .vid-cont .caption {
    position: absolute;
    width: 278px;
    height: 185px;
    opacity: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sj-int .vid-cont .caption .blur {
    background-color: rgba(0, 0, 0, 0.65);
    width: 278px;
    height: 185px;
    z-index: 5;
    position: absolute;
    top: 0;
    border-radius: 17px !important;
}

.sj-int .vid-cont .caption .pl-btn {
    position: absolute;
    z-index: 8;
}

.sj-int .vid-cont:hover .caption {
    opacity: 1;
}

.sj-int .pl-btn .btn._white {
    width: 201px;
    height: 59px;
    line-height: 59px;
    padding: 0 !important;
    font-weight: bold;
    background: #ebebeb;
}

.sj-int .pl-btn .btn._white:hover {
    background-color: #fff !important;
    color: #000;
}

/* soccer jackpot internal ends */
/* win games css starts */

.wing-cnt {
    display: flex;
    padding: 0;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50px;
    margin-top:-40px;
}
.wing-cnt .hd {
    color: var(--purple);
    font-size: 30px;
    font-weight: bold;
    border-bottom: 3px solid #ebebeb;
    padding: 0 0 14px 17px;
    position: relative;
}

.wing-cnt .hd span {
    color: var(--darkyellow);
    font-size: 16px;
    font-weight: normal;
    padding: 0 37px 14px 0;
    float: right;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
}

.wing-cnt .hd span a {
    color: var(--darkyellow);
    font-weight: normal;
    text-decoration: underline;
}


.internal-head-r .wing-cnt .hd span {padding: 0 37px 7px 0;}

.wing-cont {
    padding-top: 16px;
}


.int-instant-win .wing-cnt {margin-top:0;}

/* popular games css starts */
.pop-games-cnt {
    display: flex;
    padding: 16px 0 0 0;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50px;
}

.pop-games-cnt .hd {
    color: var(--purple);
    font-size: 30px;
    font-weight: bold;
    border-bottom: 3px solid #ebebeb;
    padding: 0 0 14px 17px;
    position: relative;
}

.pop-games-cnt .hd span {
    color: var(--darkyellow);
    font-size: 16px;
    font-weight: normal;
    padding: 0 37px 14px 0;
    float: right;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
}

.pop-games-cnt .hd span a {
    color: var(--darkyellow);
    font-weight: normal;
    text-decoration: underline;
}

.pop-games-cont {
    padding-top: 16px;
}

.pop-games-cnt .owl-carousel .owl-wrapper,
.pop-games-cnt .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/* .winvid-cont{
    width:186px;
    height:186px;
    border:1px solid #ccc;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content: center;
    position:relative;
    flex-wrap:wrap;
    color:var(--darkgrey);
     -webkit-transition:all 1s ease-in-out;
     -moz-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
     transition:all 1s ease-in-out;
}
 .bot-txt{
    position: absolute;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.60);
    color:var(--white);
    height:36px;
    width:100%;
    border-bottom-left-radius:14px;
    text-align:center;
    line-height:36px;
    border-bottom-right-radius:14px;
}
 .winvid-cont:hover .bot-text{
    height: 186px;
     border-radius:14px;
    top:0;
    background:#f00;
}
 */
.winvid-cont {
    /* width: 216px;
    height: 216px; */
    width: 170px;
    height: 170px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
    color: var(--darkgrey);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.bot-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .60);
    color: var(--white);
    height: 36px;
    width: 100%;
    text-align: center;
    line-height: 36px;
    border-radius:0 0 14px 14px;
}

/* .winvid-cont:hover .bot-txt {
    height: 100%;
    border-radius: 14px;
    text-transform: uppercase;
    text-align: center;
} */

.pn-caption {
    opacity: 0;
    position: absolute;
    color: #fff;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: rgba(0, 0, 0, .60);
    height: 36px;
    bottom: 0;
    border-radius: 14px;
    padding: 51px 0;
    transition: ease-in-out .5s all;
}

 .winvid-cont:hover .pn-caption {
    opacity: 1;
    height: 100%;
    border-radius: 14px;
    width: 100%;
} 


.winvid-cont:hover .bot-txt{display: none;}
.win-pn {
    width: 80%;
    height: 40px;
    border-radius:20px 20px 0 0;
    background: #f0efeb;
    line-height: 40px;
    font-size: 14px !important;
    text-align: center;
    text-transform: uppercase;
    color: #414141 !important;
    font-weight: bold;
    transition: ease-in-out .5s all;
}

.win-pn a {
    text-transform: uppercase;
    color: #414141 !important;
    text-decoration: none;
}

.win-pn:hover {
    background: #fff !important;
    color: #000 !important;
}

.win-pd {
    width: 80%;
    height: 27px;
    border-radius: 0 0 20px 20px;
    line-height: 27px;
    font-size: 14px !important;
    text-align: center;
    text-transform: uppercase;
    color: #414141 !important;
    font-weight: bold;
    border: 1px solid #f2bd31;
    transition: ease-in-out .5s all;
}

.win-pd a {
    text-transform: uppercase;
    color: #f2bd31 !important;
    text-decoration: none;
}

.win-pd:hover {
    background: #f2bd31;
    color: #ffffff !important;
    border-top: 1px solid #503d0e;
}

.win-pd:hover a {
    color: #ffffff !important;
}

.win-pd a:hover {
    color: #fff !important;
}

.game-name {
    height: 30px;
    color: #fff;
    margin-top: 20px;
}

.win-pd:hover .game-name {
    opacity: 1
}

/* .winvid-cont:hover .bot-txt {
    opacity: 0;
} */

.faq-lresults {
    display: flex;
}

#home-faq {
    width: 50%;
    padding: 0 30px 0 0;
    color: var(--purple) !important;
    font-family: var(--text) !important;
}

#home-faq .wpsm_panel-title {
    font-family: var(--text) !important;
}

#home-faq .heading h3 {
    margin-bottom: 15px !important;
}

#home-faq .rm a {
    color: var(--darkyellow);
    float: right;
    font-size: 16px;
}

#wpsm_accordion_53.wpsm_panel-default>.wpsm_panel-heading {
    background-color: #ffffff !important;
}

.latest-results {
    width: 50%;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

.latest-results .heading {
    margin-bottom: 10px;
}

.latest-results .heading span {
    float: right;
    text-transform: uppercase;
    display: inline;
    font-size: 16px;
    color: var(--darkyellow)
}

.latest-results .heading span a {
    color: var(--darkyellow);
    font-weight: normal;
    text-decoration: underline;
}

.result-box {
    background: #f0f0f7;
    padding: 10px 20px;
    display: flex;
    border-radius: 24px;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 18px;
    box-shadow: 0 2px 2px #ccc;
}

.result-box .re-img {
    width: 52px;
    height: 52px;
}

.result-box .re-img img {
    width: 52px;
    height: 52px;
}

.result-box .re-num {}

.result-box .re-num .hd {
    color: #5c5c5d;
    margin-bottom: 10px;
}

.result-box .re-num .hd span {
    color: #a9a9a9;
    padding: 0 1px 0 6px;
}

.result-box .re-num .hd span span {
    color: #662e91;
    padding: 0 5px;
}

.re-amt-mob {
    display: none;
}

.re-dt-mob {
    display: none;
}

.re-dt {
    display: inline-block;
}

.result-box .re-btn {
    text-align: center;
}

.rand-num {
    width: 28px;
    height: 28px;
    border: 1px solid var(--purple);
    text-align: center;
    line-height: 25px;
    color: var(--purple);
    border-radius: 25px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}

.selected {
    background: var(--purple);
    color: var(--white)
}

.xxs {
    width: 82px;
    height: 41px;
    line-height: 41px;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

#home-faq .wpsm_panel-group .wpsm_panel {
    border-radius: 20px;
    color: var(--purple) !important;
    border: none;
    margin-bottom: 15px;
}

#home-faq .wpsm_panel-heading {
    color: var(--purple) !important;
    background-color: #fff !important;
    border-color: none;
    border-radius: 20px;
    margin-bottom: 0;
    padding: 0;
    font-weight: normal;
}

#home-faq .wpsm_panel-default>.wpsm_panel-heading h4 {
    font-weight: bold;
    color: var(--purple) !important;
    font-weight: 600;
    height: auto !important;
}

.faq-lresults #home-faq div.wpsm_panel-heading {
    background-color: #ffffff !important;
}

.faq-lresults #home-faq .ac_open_cl_icon {
    background-color: #ffffff !important;
    color: var(--purple) !important;
}

.faq-lresults #home-faq .wpsm_panel-body {
    border: none !important;
    color: var(--purple) !important;
}

.faq-lresults #home-faq .wpsm_panel-heading {
    color: #f00 !important;
}

.faq-lresults #home-faq .ac_title_class {
    color: var(--purple) !important;
}

.faq-lresults #home-faq .fa-plus::before {
    content: "\f107" !important;
    font-weight: 600 !important;
    font-size: 24px;
}

.faq-lresults #home-faq .fa-minus::before {
    content: "\f106";
    font-weight: 600 !important;
    font-size: 24px;
}

#wpsm_accordion_53 .ac_open_cl_icon {
    background-color: #ffffff !important;
}

.lott-news {
    background-image: url("https://staging.luckyballs.com/wp-content/themes/luckyballs/assets/images/news-bg.png");
    background-repeat: no-repeat, repeat;
    background-size: cover;
    margin-top: 73px;
    height: auto;
    min-height: 427px;
    margin-bottom: 80px;
}

.lott-news .heading h3 {
    font-size: 30px;
    color: var(--purple);
    margin-bottom: 30px !important;
}

.lott-news .heading h3 span {
    font-size: 16px;
    color: var(--darkyellow);
    float: right;
    text-transform: uppercase;
}

.lott-news .heading h3 span a {
    color: var(--darkyellow);
    text-decoration: underline;
    font-weight: normal;
}

.news-cont {
    display: flex;
    justify-content: space-around;
}

.news-cont .news-box {
    width: 317px;
}

.news-cont .news-boxt {
    width: 317px;
    height: 170px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.news-cont .news-boxb {
    width: 317px;
    min-height: 250px !important;
    text-align: center;
    background: var(--white);
    border-radius: 0 0 20px 20px;
    font-size: 14px;
    padding: 15px;
}

.news-cont .news-boxb p {
    font-size: 14px;
    line-height: 1.4em;
}

.news-cont .news-boxb .hd {
    color: var(--purple);
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.home-lott {
    display: flex;
    justify-content: space-around
}

.slider-cnt {}

/* slider control css starts */
.socjp-cnt .owl-carousel .owl-dots.disabled,
.socjp-cnt .owl-carousel .owl-nav.disabled {
    display: block;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
}

.socjp-cnt.owl-carousel .owl-dots.disabled {
    text-align: center;
}

.socjp-cnt button.owl-prev {
    position: absolute;
    top: 80px;
    left: -30px
}

.socjp-cnt button.owl-next {
    position: absolute;
    top: 80px;
    right: -30px
}

.socjp-cnt .fa-arrow-left::before {
    content: "\f104";
    font-size: 50px;
    font-weight: bolder;
    color: #e7e7e7;
}

.socjp-cnt .fa-arrow-right::before {
    content: "\f105";
    font-size: 50px;
    font-weight: bolder;
    color: #e7e7e7;
}

.sj-int-cnt.owl-carousel .owl-dots.disabled {
    text-align: center;
}

.sj-int-cnt button.owl-prev {
    position: absolute;
    top: 80px;
    left: -30px
}

.sj-int-cnt button.owl-next {
    position: absolute;
    top: 80px;
    right: -30px
}

.sj-int-cnt .fa-arrow-left::before {
    content: "\f104";
    font-size: 50px;
    font-weight: bolder;
    color: #e7e7e7;
}

.sj-int-cnt .fa-arrow-right::before {
    content: "\f105";
    font-size: 50px;
    font-weight: bolder;
    color: #e7e7e7;
}

.news-cont.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.wing-cont.owl-carousel .owl-dots.disabled {
    text-align: center;
}

.wing-cont .owl-dots .active {
    background-color: #8440b9 !important;
}

.wing-cont button.owl-prev {
    position: absolute;
    top: 80px;
    left: -30px
}

.wing-cont button.owl-next {
    position: absolute;
    top: 80px;
    right: -30px
}

.wing-cont .fa-arrow-left::before {
    content: "\f104";
    font-size: 50px;
    font-weight: bolder;
    color: var(--purple);
}

.wing-cont .fa-arrow-right::before {
    content: "\f105";
    font-size: 50px;
    font-weight: bolder;
    color: var(--purple);
}

.heroslider.owl-carousel .owl-dots.disabled {
    text-align: center;
}

.heroslider button.owl-prev {
    position: absolute;
    top: 132px;
    left: -30px
}

.heroslider button.owl-next {
    position: absolute;
    top: 132px;
    right: -30px
}

.heroslider .fa-arrow-left::before {
    content: "\f104";
    font-size: 50px;
    font-weight: bolder;
    color: #e7e7e7;
}

.heroslider .fa-arrow-right::before {
    content: "\f105";
    font-size: 50px;
    font-weight: bolder;
    color: #e7e7e7;
}

.home-lott.owl-carousel .owl-dots.disabled {
    text-align: center;
}

.home-lott button.owl-prev {
    position: absolute;
    top: 170px;
    left: -30px
}

.home-lott button.owl-next {
    position: absolute;
    top: 170px;
    right: -30px
}

.home-lott .fa-arrow-left::before {
    content: "\f104";
    font-size: 50px;
    font-weight: bolder;
    color: #e7e7e7;
}

.home-lott .fa-arrow-right::before {
    content: "\f105";
    font-size: 50px;
    font-weight: bolder;
    color: #e7e7e7;
}

.slider-cnt.owl-carousel .owl-dots.disabled {
    display: none;
}

.slider-cnt button.owl-prev {
    position: absolute;
    top: 250px;
    left: 67px
}

.slider-cnt button.owl-next {
    position: absolute;
    top: 250px;
    right: 67px
}

.slider-cnt .fa-arrow-left::before {
    content: "\f104";
    font-size: 90px;
    font-weight: bolder;
    color: #e7e7e7;
    text-shadow: 1px 1px 5px #c29800;
}

.slider-cnt .fa-arrow-right::before {
    content: "\f105";
    font-size: 90px;
    font-weight: bolder;
    color: #e7e7e7;
    text-shadow: 1px 1px 5px #c29800;
}

.pop-games-cont.owl-carousel .owl-dots.disabled {
    text-align: center;
}

.pop-games-cont button.owl-prev {
    position: absolute;
    top: 80px;
    left: -7px
}

.pop-games-cont button.owl-next {
    position: absolute;
    top: 80px;
    right: -3px
}

.pop-games-cont .fa-arrow-left::before {
    content: "\f104";
    font-size: 30px;
    font-weight: bolder;
    color: #8440B9;
}

.pop-games-cont .fa-arrow-right::before {
    content: "\f105";
    font-size: 30px;
    font-weight: bolder;
    color: #8440B9;
}

/*.news-cont.owl-carousel .owl-nav button.owl-prev, .news-cont.owl-carousel .owl-nav button.owl-next {
     display: none !important;
}
*/
/*.news-cont.owl-dots {
    display: none !important;
}
*/
.news-cont .owl-dots button.owl-dot {
    display: none;
}

.pop-games-cont .owl-dots button.owl-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    margin: 0 3px;
}

.pop-games-cont .owl-dots button.owl-dot span {
    font-size: 70px;
    position: relative;
    top: -5px;
}

.pop-games-cont.owl-dots .active {
    background-color: #000 !important;
}

.pop-games-cont .win-pn {
    width: 140px !important;
    height: 36px;
}

.pop-games-cont .win-pd {
    width: 140px !important;
    height: 36px;
}

/* slider control css ends */
/*wing-cont */
/* .winvid-cont:hover{
    opacity:0.6;
}
*/
/* .winvid-cont img + div {
    visibility: hidden;
    position:absolute;
    top:0;
    text-align:center;
    padding-top:70px;
    margin:0 auto;
}
*/
/* .winvid-cont img:hover + div {
    visibility: visible;
}
*/
/* win games css ends */
/* home header slider css starts */
.slider-item {
   /* background: url("https://staging.luckyballs.com/wp-content/themes/luckyballs/assets/images/full-width-background-pc-old.png") no-repeat top center var(--yellow);*/
   background-size:cover !important;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 608px;
    margin-bottom: 60px;
    position: relative;
}

#home-lott .btn-color{color: var(--yellow) !important;background:#582282 !important;}
#home-lott .btn-color:hover{color: var(--white) !important;background:var(--purple) !important;}

/* home header slider css ends */
/* css for internal pages different slider banner images and banner text starts */

.slider-bg-home
{
    /*background: url("https://staging.luckyballs.com/wp-content/themes/luckyballs/assets/images/full-width-background-pc-old1.png") no-repeat top center var(--darkyellow);*/
    position:relative;
    top: 0;
    left: 0;
    
}

.slider-home-bg-img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
}
.slider-home-bg-img img
{
    width: 100% !important;
}
.slider-home-overlay
{
    position: absolute;
    top: -140px;
    left: 0;
}

.slider-home-txt
{
    position: absolute;
    top: 20%;
    left: 44%;
    font-weight: bold;
}

.slider-home-callnow
{
    position: absolute;
    top: 37%;
    right: 13%;
}



.slider-bg-iw
{
    background: url("https://staging.luckyballs.com/wp-content/themes/luckyballs/assets/images/full-width-background-pc-old.png") no-repeat top center var(--darkyellow);
}

.slider-bg-sj
{
   background: url("https://staging.luckyballs.com/wp-content/themes/luckyballs/assets/images/full-width-background-pc.png") no-repeat top center var(--darkyellow);
}

.slider-bg-res
{
   background: url("https://staging.luckyballs.com/wp-content/themes/luckyballs/assets/images/full-width-background-pc-old.png") no-repeat top center var(--darkyellow);
}

.btn-color-home{color: var(--white) !important;background:var(--purple);}
.btn-color-home:hover{color: var(--white) !important;background:var(--purple);}

.btn-color-lott{color: var(--white) !important;background:var(--purple);}
.btn-color-lott:hover{color: var(--white) !important;background:var(--purple);}

.btn-color-iw{color: var(--white) !important;background:var(--purple);}
.btn-color-iw:hover{color: var(--black) !important;background:var(--darkyellow);} 

.btn-color-sj{color: var(--white) !important;background:var(--darkblue);}
.btn-color-sj:hover{color: var(--white) !important;background:var(--purple);}

.btn-color-res{color: var(--white) !important;background:var(--darkblue);}
.btn-color-res:hover{color: var(--black) !important;background:var(--yellow);} 
/* css for internal pages different slider banner images ends */

/*.slider-txt{
    position: absolute;
    top:150px;
    left:548px;
    color:var(--white);
    font-size:36px;
    font-weight:bold;
}
*/
.slider-txt {
    color: var(--white);
    font-size: 35px;
    font-weight: bold;
    line-height: 1.3em;
    width: 33%;
    position: absolute;
    margin-left: 60px;
    margin-top: -116px;
}

.slider-txt span {
    text-transform: uppercase;
    font-size: 45px;
    display: block;
    margin-left: -16px;
}

.slider-btn {
    width: 33%;
    margin-left: 400px;
    margin-top: -60px;
}

.slider-bg-img {
    position: absolute;
    top: 0;
    left: 0;
}

.slider-item .tabplus {
    height: 774px;
    width: 33%;
}

.slider-item img {
/*    width: 761px !important;
    height: 774px;*/
    max-width: 100%;
}

.xl-btn {
    width: 280px;
    height: 85px;
    line-height: 85px;
    font-size: 26px !important;
    font-weight: bold;
    padding: 0 !important;
    border-radius: 60px;
}

/* home header slider css ends */
/* faq css starts */
#home-faq.wpsm_panel-heading {
    background-color: var(--white) !important;
}

#wpsm_accordion_53 .wpsm_panel-default>.wpsm_panel-heading {
    background-color: #fff !important;
}

/* faq css ends */
/* sign in button header starts */
.btnsignup {
    background-color: transparent;
    width: 87px;
    height: 86px;
    border-radius: 0px !important;
    background: var(--purple) !important;
    border: none !important;
    /*margin-right:10px;
    */
}

/* sign in button header ends */
.btnregister {
    /*width: 87px;
    */
    height: 86px;
    border-radius: 0px !important;
    background: var(--white) !important;
    border: transparent;
    margin-right: 10px;
    color: var(--purple);
    display: block;
    text-align: center;
    font-size: 14px !important;
    border-left: 1px solid #e4c1ff;
}

.btnregister:hover {
    color: var(--purple);
}

.back-btn {}

.big-ico {
    font-size: 1.5em;
}

.normal-ico {
    font-size: 1em;
}

.rev-ico {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.cntry {
    margin-left: 10px;
}

.cntry select {
    border: transparent;
    border-radius: 8px;
    background: var(--white);
    color: #9f76be;
    font-size: 14px;
    padding: 7px 10px;
    box-shadow: 0px 2px 8px #c1b5ca;
}

.owl-dots {
    text-align: center;
}

.winvid-cont,
.vid-cont {
    margin: 0 auto;
}

.wing-cont .owl-dots button.owl-dot {
    background-color: #8440b9 !important;
}

.wing-cont .owl-dots button.owl-dot.active {
    background-color: #582083 !important;
}

/* internal pages css starts */
.inner-hd {
    width: 100%;
    min-height: 266px;
    height: auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid #ccc;
    margin-bottom: 200px;
    background: var(--yellow);
}

.inner-hd-l {
    width: 66.66%;
}

.inner-hd-r {
    width: 33.33%;
}

.play-btn {}

.cntry-cnt {}

.sign-in-cnt {}

.back-btn {
    width: auto;
    background: var(--purple);
    border-radius: 50px;
    padding: 7px 17px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 500;
}

.back-btn:hover {
    color: #fff;
}

/* internal pages css ends */
/* play now internal starts */
.play-now {
    height: auto;
    margin-bottom: 30px;
}

/* play now internal ends */
/* internal header starts */
.internal-head {
    width: 100%;
    height: 310px;
    margin-bottom: 10px;
    display: flex;
    border-radius: 0 0 20px 20px !important;
    overflow: hidden;
}

.internal-head .slider-item {
    height: 310px !important;
}

/*.internal-head .slider-item img {
    height: 418px !important;
    width: 100% !important;
    max-width: fit-content !important;
    position: absolute;
    bottom: 0;
    left: 0;
}*/

.internal-head-l {
    width: 791px;
    height: 310px;
    border-radius: 0 0 0 20px;
    /*overflow: hidden;*/
}

.internal-head-l .hdr-line1 {
    color: #9D7405;
}

.internal-head-l .hdr-line2 {
    display: none;
}

.internal-head-l .owl-carousel .owl-dots.disabled,
.internal-head-l .owl-carousel .owl-nav.disabled {
    display: none;
}

.internal-head .slider-txt {
    width: 40% !important;
    margin-left: 426px;
    padding-top: 66px;
    font-size: 23px;
    text-align: center;
}

.internal-head .slider-txt span {
    font-size: 45px !important;
    color: #9D7405;
    padding-bottom: 6px;
}

.internal-head .slider-btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.internal-head .xl-btn {
    width: 194px;
    height: 56px;
    line-height: 56px;
    font-size: 18px !important;
    border-radius: 60px;
    position: absolute;
    bottom: 75px;
    right: 108px;
}

.internal-head-r {
    width: 409px;
    height: 310px;
    padding: 25px 4px 0 4px;
    font-family: var(--text);
    font-size: 14px !important;
    background: #fff;
    color: #A9A9A9 !important;
    box-shadow: 0px 3px 10px #E9E9E9 !important;
    border-radius: 0 0 20px 0;
}

.internal-head-r .hd {
    color: var(--purple);
    font-size: 20px;
    border-bottom: 3px solid #EBEBEB;
    padding-bottom: 6px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

.internal-head-r p {
    padding: 0 20px;
    font-size: 14px !important;
    line-height: 1.3em;
    color: var(--lightgrey);
}

.internal-head-r p a {
    color: #F2BD31;
}

.internal-head-r p a:hover {
    color: #F2BD31;
}

.inner-search-c {
    margin-left: auto;
}

.inner-search {
    width: 100%;
    height: 0px;
    margin: 10px 0 170px 0;
    color: #A9A9A9 !important;
    position: relative;
    display: flex;
    justify-content: right;
}

.inner-search input[type="text"] {
    width: 384px;
    height: 33px;
    border-radius: 17px;
    border: none;
    padding: 5px 40px 5px 20px;
    color: #A9A9A9 !important;
}

.inner-search::after {
    position: absolute;
    /* top:3px; */
    right: 10px;
    content: "\f002";
    font-family: FontAwesome;
}

/* internal header ends */
/* internal bottom starts here */
.int-bot-cont {
    width: 100%;
    height: auto;
    display: flex;
    padding: 30px 10px;
}

.ib-big {
    width: 100%;
    height: auto;
    padding: 25px 10px 12px 0;
    color: #fff;
    border-bottom: 3px solid #662E91;
    font-size: 20px;
    font-weight: bold;
}

.sj {
    color: var(--darkgrey) !important;
    border-bottom: 3px solid #ebebeb !important;
}

.int-bot-cont p {
    font-size: 16px !important;
}

.int-bot-cont .hd {
    font-size: 20px;
    color: var(--darkgrey);
    font-weight: bold;
    margin-bottom: 0;
}

.int-bot-cont .iw-hd {
    color: var(--white);
}

.int-bot-cont p.sj-hd {
    color: var(--darkgrey) !important;
}

.int-bot-cont-l {
    width: 50%;
    height: auto;
    padding-right: 15px;
}

.int-bot-cont-r {
    width: 50%;
    height: auto;
    padding-left: 15px;
}

.int-bot-cont p,
.int-bot-cont-l p,
.int-bot-cont-r p {
    font-size: 16px !important;
    line-height: 1.3em;
    color: #A9A9A9;
}

.int-bot-cont p a,
.int-bot-cont-l p a,
.int-bot-cont-r p a {
    color: var(--darkyellow)
}

.int-bot-cont p a:hover,
.int-bot-cont-l p a:hover,
.int-bot-cont-r p a:hover {
    color: var(--darkyellow)
}

.tab-pane .vid-cont {
    color: #333 !important;
}

/* internal bottom ends here */
/* internal instant win starts */
.int-instant-win {
    background-color: #2B0449;
    width: 100%;
}

.int-iwin-r {
    background-color: var(--purple);
    padding: 10px 0 0 0;
}

.int-iwin-r .hd {
    color: var(--white);
    border-bottom: 3px solid #8440B9;
    padding-bottom: 6px;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: left;
    font-size: 20px;
}

.int-instant-win .int-tabs .inner-search input[type="text"] {
    color: var(--purple) !important;
}

.int-instant-win .int-tabs .inner-search input[type="text"]::-webkit-input-placeholder {
    color: var(--purple) !important;
}

.int-instant-win .int-tabs .inner-search input[type="text"]:-ms-input-placeholder {
    color: var(--purple) !important;
}

.int-instant-win .int-tabs .inner-search input[type="text"]::placeholder {
    color: var(--purple) !important;
}

/* header right instant small slider css starts */
/*.int-iwin-r .winvid-cont {
    width: 140px;
    height: 140px;
}
 .int-iwin-r .win-pn {
     width: 130px;
     height: 51px;
     line-height: 51px;
     font-size: 18px !important;
}
*/
/* header right small slider css ends */
/* internal soccer jackpot css starts */
.int-sports-jackpot {
    background-color: #F2F2F7;
    width: 100%;
}

.int-sj-r {
    background-color: var(--white);
    padding: 10px 0 0 0;
    border-radius:0 0 20px 0 !important;
}

.int-sj-r .wing-cnt .hd span {
    padding: 0 15px 6px 0 !important;
}

.int-sj-r .hd {
    color: var(--purple);
    border-bottom: 3px solid #ebebeb;
    padding-bottom: 6px;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: left;
    font-size: 20px;
}

.tabs-sj {
    color: #fff;
    background-color: var(--purple);
}

/* internal soccer jackpot css ends */
.pop-games-cont .winvid-cont {
    width: 165px;
    height: 165px;
    margin: 0 auto;
}

.int-tabs {
    border: 1px solid #662E91;
    height: 57px;
    border-radius: 29px;
    color: #fff;
    line-height: 57px;
    padding: 0 20px;
    font-family: var(--text);
    display: flex;
}

.int-tabs .nav-link {
    color: #fff;
}

.int-tabs.nav-tabs .nav-link.active {
    color: #F2BD31 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.int-tabs .nav-link:hover {
    border-color: transparent;
    color: #F2BD31;
}

#myTabEx li.active {
    border-color: transparent;
    color: #F2BD31 !important;
}

.int-tabs .nav-link {
    padding: 0 20px;
}

.int-tabs li {
    line-height: 57px !important;
    text-transform: uppercase;
}

.nav-tabs .nav-link:focus {
    border: none;
}

.int-tabs .nav-tabs .nav-link {
    border: 0 !important;
}

.int-tabs .inner-search input[type="text"] {
    width: 361px;
    height: 33px;
    border-radius: 17px;
    border: none;
    padding: 5px 40px 5px 20px;
    color: var(--purple) !important;
    background: #F2BD31;
    font-size: 16px;
}

.int-sports-jackpot .int-tabs .inner-search input[type="text"] {
    background-color: var(--white) !important;
    color: var(--lightgrey) !important;
}

.int-sports-jackpot .int-tabs .inner-search::after {
    color: var(--lightgrey) !important;
}

.int-tabs .inner-search input[type="text"]::-webkit-input-placeholder {
    opacity: 1;
}

.int-tabs .inner-search input[type="text"]:-ms-input-placeholder {
    opacity: 1;
}

.int-tabs .inner-search input[type="text"]::placeholder {
    opacity: 1;
}

/* instant win games show slider in multiple rows */
/*#instant-win-ex .wing-cont .owl-stage-outer{
    display: flex;
}
*/
#instant-win-ex .wing-cont .owl-stage {
    display: flex;
    height: 1200px;
    align-content: flex-start;
    flex-flow: column wrap;
}

#instant-win-ex .wing-cont .owl-stage-outer .winvid-cont {
    margin-bottom: 20px;
}

#instant-win-ex .winvid-cont,
.pn-caption {
    width: auto;
}

#instant-win-ex .wing-cnt .owl-nav {
    position: absolute;
    top: -130px;
    right: 35px;
    padding: 86px;
}

#instant-win-ex .wing-cnt i.fa.fa-arrow-left,
#instant-win-ex i.fa.fa-arrow-right {
    display: flex;
    align-items: center;
    color: var(--light-purple)
}

#instant-win-ex .wing-cnt i.fa.fa-arrow-left:hover,
#instant-win-ex i.fa.fa-arrow-right:hover {
    display: flex;
    align-items: center;
    color: var(--white) !important;
}

#instant-win-ex .wing-cnt .hd span {
    display: none;
}

#instant-win-ex .wing-cont .fa-arrow-right::before {
    content: "Next";
    font-size: 16px;
    color: var(--light-purple);
    font-family: var(--text);
    font-weight: normal;
}

#instant-win-ex .wing-cont .fa-arrow-right::after {
    content: "\f105";
    font-size: 24px;
    color: var(--light-purple);
    padding: 5px;
}

#instant-win-ex .wing-cont .fa-arrow-left::after {
    content: "Previous";
    font-size: 16px;
    color: var(--light-purple);
    font-family: var(--text);
    font-weight: normal;
}

#instant-win-ex .wing-cont .fa-arrow-left::before {
    content: "\f104";
    font-size: 24px;
    color: var(--light-purple);
    padding: 5px;
}

#instant-win-ex .wing-cont .fa-arrow-right:hover::before,
#instant-win-ex .wing-cont .fa-arrow-right:hover::after,
#instant-win-ex .wing-cont .fa-arrow-left:hover::after,
#instant-win-ex .wing-cont .fa-arrow-left:hover::before {
    color: var(--white)
}

#instant-win-ex .soccer-jp {
    margin-top: 50px;
}

#instant-win-ex .soccer-jp .owl-dots button.owl-dot {
    background-color: #8440b9 !important;
}

#instant-win-ex .soccer-jp .owl-dots button.owl-dot.active {
    background-color: #582083 !important;
}

#instant-win-ex .soccer-jp .vid-cont {
    padding: 5px !important;
}

.int-tabs .inner-search::after {
    position: absolute;
    top: -12px;
    right: 10px;
    content: "\f002";
    font-family: FontAwesome;
    color: #2B0449;
    font-size: 16px;
}

t-tabs .inner-search input[type="text"]:focus,
t-tabs .inner-search input[type="text"]:active {
    outline: none !important;
    box-shadow: none;
    border: none !important;
}

.inner-search input:focus {
    border-color: #28a745 !important;
    box-shadow: none !important;
}

.inputFilterResults:focus {
    border: none;
    outline: none;
}

.tab-content .hd {
    color: #fff !important;
}

.tab-content .tab-pane .hd {
    border-bottom-color: var(--purple) !important;
    line-height: 1em;
}
.tab-content .tab-pane .hd span {position: static;}
.int-instant-win .footer {
    margin-top: 0;
}

.nav-tabs .nav-link.disabled {
    color: #fff !important;
}

/* internal instant win ends */
/* internal socker jackpots tab starts here */
.cj-list {
    display: flex;
    /*flex-flow: column wrap;
    */
    flex-wrap: wrap;
    height: 500px;
    align-content: flex-start;
    flex-flow: column wrap !important;
}

.cj-list .vid-cont {
    margin-right: 10px !important;
}

#socker-jackpots-ex .vid-cont {
    color: var(--darkgrey) !important;
    margin-bottom: 20px;
}

#socker-jackpots-ex .vid-cont img {
    width: 100%;
}

.sj-int .vid-cont .caption .blur {
    display: none;
}

.sj-int .vid-cont .caption:hover .sj-int .vid-cont img {
    filter: grayscale(.7);
}

/*#socker-jackpots-ex .vid-cont img {
    width: 100%;
    height: 100%;
}
*/
#socker-jackpots-ex .wing-cnt {
    margin-top: 50px;
}

#socker-jackpots-ex .promotext {
    margin-top: 50px;
}

/* internal socker jackpots tab starts here */
.int-sports-jackpot .soccer-jp .hd {
    color: var(--purple) !important;
    border-bottom: 3px solid #ebebeb !important;
    border-bottom-color: #ebebeb !important;
}

.int-sports-jackpot .soccer-jp .vid-cont {
    color: var(--darkgrey) !important;
}

.int-sports-jackpot .tab-content .tab-pane .hd {
    color: var(--purple) !important;
    border-bottom-color: #ebebeb !important;
}

.reg-cnt {}

.mob {}

.faq-lresults #home-faq .ac_title_class {
    font-family: var(--text) !important;
}

.faq-lresults #home-faq .ac_title_class,
.faq-lresults #home-faq .wpsm_panel-body {
    font-family: var(--text) !important;
}

#home-faq .ac_title_class {
    padding-bottom: 6px !important;
}

.int-playdiv {}

.int-inst-win {
    margin-top: 40px;
}

#instant-win-ex .vid-cont-txt {
    color: white !important;
}

/* header partition */
.hdr-l {
    justify-content: left;
    border: 1px solid #f00;
}

.hdr-r {
    border: 1px solid #0f0;
}

/* header partition */
.hp-sj {}

/* pagination soccer jackpot internal starts */
.pn-sj {
    width: 300px;
    height: 50px;
    display: flex;
    margin: 0 auto;
    border: 1px solid var(--purple);
    border-radius: 30px;
    justify-content: space-around;
    align-items: center;
    color: var(--purple);
    font-family: var(--text);
    font-size: 18px;
    font-weight: 600;
}

.pn-sj .pn {
    font-size: 20px;
    width: 70%;
    text-align: center;
}

.pn-sj a {
    color: var(--lightgrey)
}

.pn-sj a:hover {
    color: var(--purple)
}

/* pagination soccer jackpot internal ends */
/* internal search box for results page starts */
.ir-search {
    display: flex;
    width: auto !important;
}

.ir-search {
    display: flex !important;
    justify-content: left !important;
    padding: 0 0 20px 20px
}

.ir-search-l {
    width: auto;
    height: 0px;
    margin: 10px 0 20px 0;
    color: #A9A9A9 !important;
    position: relative;
    display: flex;
    justify-content: right;
}

.ir-search-l input[type="text"] {
    width: 409px;
    height: 33px;
    border-radius: 17px 0 0 17px !important;
    border: none !important;
    padding: 5px 40px 5px 20px !important;
    color: #A9A9A9 !important;
}

.ir-search-l::after {
    position: absolute;
    top: 3px;
    right: 10px;
    content: "\f002";
    font-family: FontAwesome;
}

.ir-search-r {
    width: auto;
    height: 0px;
    margin: 10px 0 20px 10px;
    color: #A9A9A9 !important;
    position: relative;
    display: flex;
    justify-content: right;
}

.ir-search-r input[type="text"],
.ir-search-r input[type="date"] {
    width: 409px;
    height: 33px;
    border-radius: 0 17px 17px 0 !important;
    border: none !important;
    padding: 5px 40px 5px 20px !important;
    color: #A9A9A9 !important;
}

.ir-search-r::after {
    position: absolute;
    top: 3px;
    right: 10px;
    content: "\f002";
    font-family: FontAwesome;
}

/* header slider text css starts */
.hdr-line1 {
    text-transform: uppercase;
    font-size: 45px;
    display: block;
    color: var(--white);
    margin-left: -15px;
}

.hdr-line2 {
    color: var(--white);
    font-size: 32px;
    font-weight: bold;
}

.hdr-line3 {
    color: var(--purple);
    font-size: 24px;
}
/* header slider text css ends */


/* header lottery slider text css starts */
.lott-line1 {
    text-transform: uppercase;
    font-size: 32px;
    color:var(--yellow);
}
.lott-line2, .lott-line3{font-size: 24px;}
.lott-line2 {
    color: var(--white);
    font-weight: bold;
}
.lott-line3 {
    color: var(--purple);
}
.lott-line1, .lott-line2, .lott-line3{line-height: 1.1em;}
.lott-btn{position: static; background-color: var(--purple);width: 194px;
    height: 56px;
    line-height: 56px;
    font-size: 18px !important;
    border-radius: 60px;display:block;color:var(--white);margin-top:15px;display:inline-block;text-transform:uppercase;text-align:center !important;}
.lott-btn:hover{background-color: #582282;color:var(--white);}
/* header lottery slider text css ends */

/* header instant win slider text css starts */
.iwin-line1 {
    text-transform: uppercase;
    font-size: 32px;
    color: var(--black);
    margin-left: -15px;
}
.iwin-line2, .iwin-line3{font-size: 24px;}
.iwin-line2 {
    color: var(--white);
    font-weight: bold;
}
.iwin-line3 {
    color: var(--purple);
}
.iwin-line1, .iwin-line2, .iwin-line3{line-height: 1.1em;}
/* header instant win slider text css ends */

/* header soccer jackpot slider text css starts */
.sj-line1 {
    text-transform: uppercase;
    font-size: 32px;
    color: var(--black);
    margin-left: -15px;
}
.sj-line2, .sj-line3{font-size: 24px;}
.sj-line2 {
    color: var(--white);
    font-weight: bold;
}
.sj-line3 {
    color: var(--purple);
}
.sj-line1, .sj-line2, .sj-line3{line-height: 1.1em;}
/* header soccer jackpot slider text css ends */

/* header results slider text css starts */
.res-line1 {
    text-transform: uppercase;
    font-size: 32px;
    color: var(--black);
    margin-left: -15px;
}
.res-line2, .res-line3{font-size: 24px;}
.res-line2 {
    color: var(--white);
    font-weight: bold;
}
.res-line3 {
    color: var(--purple);
}
.res-line1, .res-line2, .res-line3{line-height: 1.1em;}
/* header results slider text css ends */

/* slider plugin css starts */
.internal-head-l .n2-section-smartslider {
    top: -144px;
  }
/* slider plugin css ends */



/*.internal-head .internal-head-l .slider-bg-lott
{
    /*background: url("https://staging.luckyballs.com/wp-content/themes/luckyballs/assets/images/full-width-background-pc-old.png") no-repeat top center var(--darkyellow);*/
    /*position:relative !important;
    top: 0;
    left: 0;
}*/

/* lotter slider ends */
#lott-page .playsection {margin-top: -164px;}
/* header slider css for desktop starts */
div[id^="n2-ss-"] [class^="n2-ss-slider-"]
  {overflow: visible;height:507px;margin-top:0;}
  .n2-ss-slider .n2-ss-layer-col {
    height: 507px;
    margin-top: -200px;
  }
#slider-lott{width: 100% !important;border-radius: 0 0 0 20px;}
.internal-head-l div[id^="n2-ss-"]{
    padding-top: 25px;
  }

.internal-head-l div[id^="n2-ss-"] [class^="n2-style-"]{padding: .5em 1em .5em 1em !important;}



.internal-head .n2-ss-slider .n2-ss-layer-col{margin-top:0;}



/* top slider text fonts css starts */
.n2-ss-layer p, .n2-ss-layer h2, .n2-ss-button-container a {
    font-family: var(--text) !important;
  }

h2[id^="n2-ss-"] {font-size:45px !important;margin-left:20px !important;}
p[class^="n2-font-"] {font-size:25px !important;margin-left:20px !important;}
.n2-ss-button-container a{padding:.5em 2em !important;margin-left:20px !important;transition:ease-in-out .3s all !important;}
#slider-res h2[id^="n2-ss-"], #slider-lott h2[id^="n2-ss-"], #slider-sj h2[id^="n2-ss-"], #slider-iwin h2[id^="n2-ss-"] {font-size:40px !important;}
#slider-res p[class^="n2-font-"], #slider-lott p[class^="n2-font-"], #slider-sj p[class^="n2-font-"], #slider-iwin p[class^="n2-font-"] {font-size:18px !important;}
/* top slider text fonts css ends */

/*div#n2-ss-2 .n2-ss-slide-limiter {max-width: 1920px !important;}*/
.n2-ss-slider .n2-ss-layer-row-inner{flex-direction: row-reverse;}

   
/* header slider css for desktop ends */

/* mobile first approach media queries starts */
/*************************************************************************/
/* css for mobile devices starts */
@media screen and (max-width:400px) 
{
    .header {max-width:360px;}
    .winvid-cont:hover .pn-caption {opacity: 0;}
    #slider-res h2[id^="n2-ss-"], #slider-lott h2[id^="n2-ss-"], #slider-sj h2[id^="n2-ss-"], h2[id^="n2-ss-"] {font-size:26px !important;}
    #slider-res p[class^="n2-font-"], #slider-lott p[class^="n2-font-"], #slider-sj p[class^="n2-font-"], p[class^="n2-font-"] {font-size:16px !important;}
    #slider-res h2[id^="n2-ss-"], #slider-lott h2[id^="n2-ss-"], #slider-sj h2[id^="n2-ss-"], #slider-iwin h2[id^="n2-ss-"] {
        font-size: 26px !important;
      }
      #slider-res p[class^="n2-font-"], #slider-lott p[class^="n2-font-"], #slider-sj p[class^="n2-font-"], #slider-iwin p[class^="n2-font-"] {
        font-size: 14px !important;margin-top:-10px;
      }      
}
/* css for mobile devices ends */

/* css for low resolution tables devices starts */
@media (min-width:381px) and (max-width:767px)
{

}
/* css for low resolution tables devices ends */

/* css for tables devices starts */
@media (min-width:768px) and (max-width:1024px)
{

}
/* css for tables devices ends */

/* css for medium sized desktop devices starts */
@media (min-width:1024px) and (max-width:1280px)
{

}
/* css for medium sized desktop devices ends */

/* css for ipad hight resolution devices starts */
@media (min-width:1024px) and (max-width:1366px)
{

}
/* css for ipad hight resolution devices ends */

/* css for large sized desktop devices starts */
@media (min-width:1281px)
{

}
/* css for large sized desktop devices ends */

/*************************************************************/
/* mobile first approach media queries ends */



/* media queries starts */
@media screen and (max-width:1200px) {
    header .menu-header-menu-container {
        right: 0 !important;
    }
    .promotext{border-radius:0;}
    /*.cartdiv {
        display: none !important;
    }
    */
    .cartdiv ._carttext,
    .createbtn {
        display: flex !important;
    }

    .cartdiv ._userdiv {
        display: none !important;
    }

    .cartdiv {
        padding-right: 0 !important;
    }

    .cartdiv ._cartnumber span {
        right: -52px;
    }

    /*.logo{
        border:1px solid #ccc;
    }
     .navs{
        border:1px solid #ccc;
    }
     .cartdiv{
        border:1px solid #ccc;
    }
    */
    .logindivsection .signupBtn .btn._sm {
        text-align: center !important;
        padding: 17px 23px;
    }

    .slider-cnt button.owl-prev {
        left: 40px;
    }

    .slider-cnt button.owl-next {
        right: 40px;
    }

    .slider-item {
        height: 425px;
    }

    .slider-item .tabplus {
        height: 300px;
    }

    .slider-txt span {
        font-size: 30px;
    }

    .slider-txt {
        font-size: 30px;
    }

    .promotext {
        width: 96%;
        margin-top: 20px;
    }

    .slider-cnt button.owl-prev,
    .slider-cnt button.owl-next {
        top: 140px;
    }

    .xl-btn {
        width: 240px;
        height: 60px;
        line-height: 60px;
        font-size: 26px;
    }
}
@media screen and (min-width:601px) and (max-width:1199px){
    .int-sports-jackpot .divResults {padding-top: 0;}
    .int-sports-jackpot .wing-cnt {margin-bottom:0;margin-top:0;}
    .int-sports-jackpot .socjp-cnt {margin-bottom: 10px;}
}
@media screen and (max-width:1199px) {
    #instant-win-ex .wing-cont .owl-stage {
        display: block;
        height: auto;
    }
}

@media screen and (min-width:601px) and (max-width:1199px) {
    .int-instant-win {
        margin-top: -12px;
    }

    .internal-head .slider-item {
        height: 330px !important;
    }

    .internal-head .slider-txt {
        width: 100% !important;
        margin-left: 0;
        text-align: right;
        padding-right: 40px;
    }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
    .int-instant-win {
        margin-top: -12px;
    }

    .internal-head .slider-item {
        height: 330px !important;
    }

    .internal-head .slider-txt {
        width: 100% !important;
        margin-left: 0;
        text-align: right;
        padding-right: 40px;
    }
}

@media screen and (max-width:1366px) {
    header {line-height: 70px;}
    ._playbox ._box {
        width: 236px;
    }

    .owl-item.active:first-child ._playbox ._box {
        border-radius: 10px 0 0 10px !important;
    }

    .owl-item.active:last-child ._playbox ._box {
        border-radius: 0 10px 10px 0 !important;
    }

    .owl-item:not(.active):last-child ._playbox ._box {
        border-radius: 0 10px 10px 0 !important;
    }

    ._playbox ._box {
        border-radius: 0;
        width: 220px;
    }

.int-sports-jackpot .wing-cnt {margin-top:0;}
}

@media screen and (max-width:1072px) {
    /* .int-inst-win .winvid-cont {
        width: 186px;
        height: 186px;
    } */

    .int-inst-win .wing-cont button.owl-prev {
        top: 80px;
        left: -10px;
    }

    .int-inst-win .wing-cont button.owl-next {
        top: 80px;
        right: -10px;
    }

   /*  .tab-pane .winvid-cont {
        width: 160px !important;
        height: 160px !important;
    } */

    .tab-pane .wing-cont button.owl-prev {
        top: 80px;
        left: -20px;
    }

    .tab-pane .wing-cont button.owl-next {
        top: 80px;
        right: -20px;
    }

    .promo-img {}

    .promotext {
        border-radius: 0 !important;
    }

    .int-tabs .inner-search input[type="text"] {
        width: 312px;
    }

    .int-instant-win .promo-img {
        z-index: 0;
    }

    .int-instant-win .p-icon {
        z-index: 1;
    }

    .int-instant-win .txt {
        z-index: 2;
    }

    .int-instant-win .btn._white {
        z-index: 3;
    }
}

@media screen and (min-width:1073px) {
    .int-inst-win .winvid-cont {
        /*width: 186px;
        height: 186px;*/
    }

    .int-inst-win .wing-cont button.owl-prev {
        top: 80px;
        left: -10px;
    }

    .int-inst-win .wing-cont button.owl-next {
        top: 80px;
        right: -10px;
    }

    .tab-pane .winvid-cont {
        width: 200px !important;
        height: 200px !important;
    }

    .tab-pane .wing-cont button.owl-prev {
        top: 80px;
        left: -20px;
    }

    .tab-pane .wing-cont button.owl-next {
        top: 80px;
        right: -20px;
    }

    .promo-img {}

    .promotext {
        border-radius: 0 !important;
    }

    .int-tabs .inner-search input[type="text"] {
        width: 312px;
    }
}

@media screen and (min-width:1024px) and (max-width:1366px) {

    ._box .icon,
    ._box .icon img {
        height: 90px !important;
        width: 90px !important;
    }

    ._box .icon {
        top: 3px !important;
    }

    .bannersection {
        margin-top: -12px;
    }

    .playsection {
        margin-top: -212px;
    }

    ._box .icon {
        top: 2px;
        width: auto;
    }
}
@media screen and (min-width:1367px) {
.int-sports-jackpot .wing-cnt {margin-top:0;margin-bottom:0;}}

@media screen and (min-width:768px) and (max-width:1023px) {
    .promo-img {border-radius:0;}
    .xl-btn {
        width: 216px;
        height: 60px;
        line-height: 60px;
        font-size: 24px !important;
    }

    .slider-cnt button.owl-prev {
        left: 10px;
        top: 30%;
    }

    .slider-cnt .fa-arrow-left::before {
        font-size: 50px;
    }

    .slider-cnt button.owl-next {
        right: 10px;
        top: 30%;
    }

    .slider-cnt .fa-arrow-right::before {
        font-size: 50px;
    }

    ._playbox ._box {
        height: 180px;
    }

    .home-lott button.owl-prev {
        top: 115px;
        left: -10px;
    }

    .home-lott button.owl-next {
        top: 115px;
        right: -10px;
    }

    .home-lott .owl-dots {
        text-align: center;
    }

    .wing-cont .owl-dots {
        text-align: center;
    }

    .socjp-cnt .owl-dots {
        text-align: center;
    }

    .socjp-cnt button.owl-prev {
        top: 80px;
        left: -10px;
    }

    .socjp-cnt button.owl-next {
        top: 80px;
        right: -10px;
    }

    .wing-cont button.owl-prev {
        top: 80px;
        left: -10px;
    }

    .wing-cont button.owl-next {
        top: 80px;
        right: -10px;
    }

    .faq-lresults {
        flex-direction: column;
    }

    #home-faq,
    .latest-results {
        width: 100%;
        padding: 0;
    }

    .latest-results {
        padding: 20px;
    }

    .latest-results {
        margin-top: 30px;
    }

    .home-lott {
        margin-top: 30px;
    }

    .vid-cont,
    .winvid-cont {
        margin: 0 auto !important;
    }

    .slider-txt {
        font-size: 26px;
    }

    .bannersection {
        margin-top: -12px;
    }

    /* new css */
    .owl-carousel .owl-item img {
        height: auto;
        margin: 0 auto;
    }

    .slider-item img {
        width: 280px !important;
        margin-top: -60px !important;
    }

    .slider-item {
        width: 100%;
    }

    .slider-txt {
        padding-top: 30px;
        text-shadow: 1px 1px 4px #555;
        padding-top: 380px;
        width: 100% !important;
        margin-left: 0 !important;
        font-size: 20px !important;
        text-align: center;
    }

    .slider-btn {
        position: absolute;
        bottom: -56px;
        z-index: 999999999999 !important;
        width: 100%;
        margin: 0 auto;
        padding: 0 1px;
    }

    .xl-btn {
        width: 100% !important;
        height: 56px;
        line-height: 56px;
        border-radius: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        font-size: 22px !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .tabplus {
        display: block !important;
    }

    .slider-item {
        height: auto;
        min-height: 350px;
        background-size: cover !important;
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .bannersection {
        height: 520px;
    }

    ._playbox ._box {
        width: 246px;
    }

    ._playbox {
        width: 100%;
    }

    .soccer-jp {
        display: block;
        padding: 30px 0 0 0;
    }

    .tabplus {
        display: none !important;
    }

    .slider-item .mobile {
        display: block !important;
    }

    .hdr-line1 {
        font-size: 24px;
    }

    .hdr-line2 {
        font-size: 18px;
    }

    .hdr-line3 {
        font-size: 14px;
    }

    .promotext {
        height: 168px !important;
        padding: 0;
        padding-bottom: 0px;
        width: 100%;
        border-radius: 0 !important;
        padding-bottom: 20px;
    }

    .promotext {
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .promotext .p-icon {
        margin-top: 10px;
        overflow: hidden;
        position: absolute;
        left: 42px;
    }

    .promotext .txt {
        text-align: left !important;
        padding: 20px 0 0 84px;
    }

    .promotext .txt .txt-hd3 {
        font-size: 14px;
        color: var(--darkyellow);
    }

    .pl-btn .btn._white {
        width: 110px;
        height: 33px;
        line-height: 33px;
        padding: 0 !important;
        font-weight: bold;
        background: #ebebeb;
        font-size: 12px !important;
    }

    .promotext .txt .txt-hd1 {
        font-size: 18px;
    }

    .promotext .txt .txt-hd2 {
        font-size: 14px;
    }

    .promotext .txt .txt-hd3 {
        font-size: 14px;
        color: var(--darkyellow);
    }

    .promotext .btn._white {
        width: 108px;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        font-weight: bold;
        border-radius: 32px;
    }

    /*.vid-cont {
         width: 240px !important;
    }*/
    .promotext {
        height: 168px !important;
        padding: 0;
        padding-bottom: 0px;
        width: 100% !important;
        border-radius: 0 !important;
        padding-bottom: 20px;
    }

    .promo-img img {
       /* margin-left: -25%;*/
    }

    .promo-img {
        width: 100% !important;
    }

    /* internal playdiv css for tablet starts */
    .int-playdiv ._playbox {
        width: 23% !important;
    }

    .int-inst-win .winvid-cont {
        /* width: 216px;
         height: 216px;*/
        margin: 0 16px !important;
    }

    /* internal playdiv css for tablet ends */
    ._box .icon img {
        height: 80px !important;
        width: 80px !important;
        top: 0px !important;
    }

    /* tablet media queries for top internal header starts */
    .internal-head {
        flex-wrap: wrap;
    }

    .internal-head-l {
        width: 100%;
    }

    .internal-head-r {
        width: 100%;
    }

    .internal-head {
        height: auto;
    }

    .internal-head .xl-btn {
        width: 100% !important;
        border-radius: 0 0 20px 20px;
        /*bottom: 0;*/
        right: 0;
    }

    .internal-head {
        border-radius: 0 0 20px 20px !important;
        position: relative;
    }

    .int-instant-win {
        margin-top: -12px;
    }

    .internal-head .slider-item {
        height: auto !important;
    }

    .internal-head .slider-txt {
        width: 100% !important;
        padding-top: 240px;
        font-size: 18px !important;
        text-align: center;
    }

    .internal-head .slider-txt {
        text-shadow: none;
    }

    .internal-head .slider-item img {
        height: 250px !important;
        width: 250px !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
    }

    .internal-head-r {
        margin-top: -50px;
    }

    .int-iwin-r .hd {
        margin-top: 32px;
    }

    .int-iwin-r .wing-cnt .hd span {
        font-size: 16px;
        padding: 0px 0 10px 0;
    }

    .int-iwin-r .wing-cnt .hd {
        padding: 0 0 6px 0px;
    }

    .internal-head .slider-btn {
        bottom: -43px;
    }

    .int-iwin-r .pop-games-cont .winvid-cont {
        width: 150px;
        height: 150px;
    }

    /* .winvid-cont,
    .pn-caption {
        width: auto;
    } */

    .internal-head-r {
        height: auto;
    }

    .internal-head .slider-txt span {
        font-size: 28px !important;
        padding-bottom: 0;
    }

    .int-iwin-r .hd {
        margin-bottom: 0;
    }

    /* tablet media queries for top internal header ends */
    /*All results page tablet resizing FRA*/
    .result-box {
        padding: 5px 20px;
    }

    .result-box-i {
        font-size: 14px !important;
        min-height: 65px;
    }

    .result-box .re-img {
        width: 45px;
        height: auto;
    }

    .irb-img {
        flex-basis: 9%;
    }

    .result-box .re-img img {
        width: 45px;
        height: auto;
    }

    .irb-name {
        flex-basis: 20%;
    }

    .irb-date {
        flex-basis: 19%;
    }

    .irb-amt {
        font-size: 14px !important;
        flex-basis: 27%;
    }

    .irb-rnum {
        flex-basis: 33%;
    }

    .rand-num {
        font-size: 12px;
    }

    .irb-rnd-num {
        width: 21px !important;
        height: 21px !important;
        line-height: 20px !important;
    }

    .irb-btn {
        flex-basis: 10%;
    }

    .irb-pn-btn {
        width: 75px !important;
        height: 40px !important;
        font-size: 16px !important;
        line-height: 40px !important;
    }
}

/* closing 768 media query*/
@media screen and (max-width:1024px) {

    /*.ir-search {
        flex-wrap:wrap;
        padding: 0 14px 20px 14px;
    }
    */
    .ir-search-l,
    .ir-search-r {
        width: 50%;
        justify-content: center;
    }

    .ir-search-l input[type="text"],
    .ir-search-r input[type="text"] {
        width: 100% !important;
    }

    /*.ir-search-r {
        margin: 25px 0 20px 0;
        padding-left: 0 !important;
        padding:0 !important;
    }
    */
    .ir-bot-cnt-l,
    .ir-bot-cnt-r {
        width: 100% !important;
    }

    .ir-bot-cnt {
        flex-wrap: wrap;
    }

    .ir-em-box {
        margin: 0 auto;
        width: auto;
        max-width: 474px;
        margin-bottom: 20px;
    }

    .ir-bot-cnt-r {
        padding-left: 0 !important;
    }

    .ir-em-box form input,
    .ir-em-box form select {
        width: 100%;
    }

    .ir-em-box form .ir-select::after {
        right: 15px;
    }

    .ir-search-r {
        margin: 10px 0 20px 2px;
    }

    .internal-head-r {
        padding-bottom: 10px;
    }

    .slider-item {
        height: auto;
        min-height: 350px;
        background-size: cover !important;
    }

    /* internal header make as in home page for tablet iPad starts */
    .slider-btn {
        /* bottom: -56px;*/
        width: 100% !important;
    }

    .internal-head .xl-btn {
        width: 100% !important;
        border-radius: 0 0 20px 20px;
        right: 0;
        left: 0;
    }

    .internal-head .slider-txt {
        width: 100% !important;
        padding-top: 240px;
        font-size: 18px !important;
        text-align: center;
    }

    .hdr-line1, .lott-line1, .iw-line1, .sj-line1, .res-line1 {
        font-size: 24px;
    }
    .hdr-line2, .lott-line2, .iw-line2, .sj-line2, .res-line2 {
        font-size: 18px;
    }
    .hdr-line3, .lott-line3, .iw-line3, .sj-line3, .res-line3 {
        font-size: 14px;
    }

    .internal-head .slider-item img {
        height: 250px !important;
        width: 250px !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
        margin: 0 auto;
        margin-top: -60px;
    }

    .internal-head .slider-txt {
        padding-right: 0;
    }

    /* internal header make as in home page for tablet iPad ends */
}

/* media queries for lottery boxes */
@media screen and (min-width: 780px) and (max-width: 800px) {
    ._playbox ._box {
        width: 250px;
    }
}

@media screen and (min-width: 781px) and (max-width: 810px) {
    ._playbox ._box {
        width: 258px;
    }
}

@media screen and (min-width: 811px) and (max-width: 830px) {
    ._playbox ._box {
        width: 267px;
    }
}

@media screen and (min-width: 831px) and (max-width: 850px) {
    ._playbox ._box {
        width: 273px;
    }
}

@media screen and (min-width: 851px) and (max-width: 870px) {
    ._playbox ._box {
        width: 280px;
    }
}

@media screen and (min-width: 851px) and (max-width: 870px) {
    ._playbox ._box {
        width: 280px;
    }
}

@media screen and (min-width: 871px) and (max-width: 890px) {
    ._playbox ._box {
        width: 280px;
    }
}

@media screen and (min-width: 891px) and (max-width: 910px) {
    ._playbox ._box {
        width: 287px;
    }
}

@media screen and (min-width: 911px) and (max-width: 930px) {
    ._playbox ._box {
        width: 294px;
    }
}

@media screen and (min-width: 931px) and (max-width: 950px) {
    ._playbox ._box {
        width: 300px;
    }
}

@media screen and (min-width: 951px) and (max-width: 970px) {
    ._playbox ._box {
        width: 307px;
    }
}

@media screen and (min-width: 971px) and (max-width: 990px) {
    ._playbox ._box {
        width: 314px;
    }
}

/* media queries for lottery bodes ends */
@media screen and (max-width:1199px) {
    .hamburger-box {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    /*.header {
        padding:10px 0;
        overflow:hidden;
    }
    */
    header .logo .custom-logo-link img {
        width: 160px !important;
    }

    header .menu-header-menu-container {
        top: 70px !important;
    }

    header .menu-header-menu-container {
        height: auto !important;
        padding-bottom: 5px !important;
        border-radius: 0 0 15px 15px;
        margin-left: 1px;
    }

    header .menu-header-menu-container {
        left: 1px !important;
    }

    .cntry {
        display: none;
    }

    .cartdiv {
        width: auto;
    }

    .logo {
        width: 70%;
        text-align: left !important;
        padding-right: 10px;
        padding-left: 50px !important;
    }

    .big-ico {
        color: var(--purple)
    }

    .logindivsection .signupBtn .btn._sm {
        background-color: #fff !important;
        padding-top: 0;
        line-height: 70px !important;
        height: 70px;
        text-align: right !important;
    }

    ._carttext span #cartTotal {
        border: 1px solid #ccc;
    }

    .cartdiv ._cartnumber span {
        right: -3px;
        top: -6px;
    }

    ._box .icon {
        top: 10px;
    }

    ._playbox ._box {
        padding: 80px 10px;
    }

    /*._box .line1 {
        font-size: 14px !important;
    }
     .slider-btn {
        position: absolute;
        bottom: -80px;
        z-index: 999999999999 !important;
        width:100%;
        margin:0 auto;
        padding:0 1px;
    }
     .xl-btn {
        width: 100% !important;
        height: 56px;
        line-height: 56px;
        border-radius:20px;
        font-size: 22px !important;
        border-top-left-radius:0;
        border-top-right-radius:0;
    }
     .owl-carousel .owl-item img {
        height: auto;
        margin:0 auto;
    }
     .slider-item {
        display: block;
        position:relative;
        margin-bottom:60px;
    }
     .slider-txt {
        padding-top:30px;
        text-shadow: 1px 1px 4px #555;
        padding-top: 111px;
        width:100% !important;
         margin-left:0 !important;
        font-size:20px !important;
        text-align:center;
    }
     .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none;
    }
     .slider-item {
        height: auto;
        min-height:270px;
    }
    */
    .reg-cnt {
        display: none;
    }

    #cartTotal {
        display: none;
    }

    header {
        min-height: 70px;
    }

    /*.slider-item img {
        width: 190px !important;
    }
    */
    /*.tabplus{
        display:none !important;
    }
    */
    /*.slider-txt span {
        margin-left: 0;
    }
    */
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .int-sports-jackpot .wing-cnt {
        margin-top:10px;
    }
    .playsection {
        margin-top: -140px !important;
        z-index: 3;
        position: relative;
    }

    ._playbox {
/*        width: auto;*/
        padding-top: 12px;
    }

    ._playbox ._box {
        width: 100%;
        height: 205px;
    }

    .home-lott .owl-item {
        width: 148px !important;
    }

    ._box .icon img {
        height: 68px !important;
        width: 68px !important;
    }

    .home-lott {
        height: 231px !important;
    }

    ._box .line1 {
        font-size: 14px !important;
    }

    ._box .line2 {
        font-size: 15px !important;
    }

    ._playbox ._bottom {
        margin-top: -50px;
        margin-bottom: 20px;
        width: 100%;
    }

    ._bottom .btn._lg {
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 600;
    }

    .slider-btn {
        bottom: -56px !important;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        display: none;
    }
}
@media screen and (min-width:1367px){
    #lott-page{margin-bottom: 50px;}
    #lott-page ._box .icon {
        position: absolute;
        top: 5px;
      }
    #lott-page .playsection {
        margin-top: -138px !important;
        z-index: 3;
        position: relative;
    }

    #lott-page ._playbox {
        width: 24%;
        padding-top: 12px;
        border-radius:0;
        margin-right:1%;
    }

    #lott-page .home-lott ._playbox { 
        /*width: 90%;*/
        width: auto;
        padding-top: 12px;
    }

    #lott-page ._playbox ._box {
        width: 100%;
        height: 205px;
    }

    #lott-page .home-lott .owl-item {
        width: 148px !important;
    }

    #lott-page ._box .icon img {
        height: 68px !important;
        width: 68px !important;
    }

    #lott-page ._playbox ._box {
        padding: 75px 4px;
    }

    #lott-page .home-lott {
        height: 231px !important;
    }

    #lott-page ._box .line1 {
        font-size: 16px !important;
    }

    #lott-page ._box .line2 {
        font-size: 20px !important;
    }

    #lott-page ._playbox ._bottom {
        margin-top: -50px;
        margin-bottom: 20px;
    }

    #lott-page ._bottom .btn._lg {
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 600;
    }

    #lott-page .slider-btn {
        bottom: -56px !important;
    }

    #lott-page .owl-carousel .owl-nav button.owl-next,
    #lott-page .owl-carousel .owl-nav button.owl-prev,
    #lott-page .owl-carousel button.owl-dot {
        display: none;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
#lott-page .playsection {
  margin-top: -140px !important;
}}
@media screen and (min-width:1024px) and (max-width:1366px) {
    .playsection {
        margin-top: -150px !important;
        z-index: 3;
        position: relative;
    }

    ._playbox {
        width: 20%;
        padding-top: 12px;
    }

    .home-lott ._playbox { 
        /*width: 90%;*/
        width: auto;
        padding-top: 12px;
    }

    ._playbox ._box {
        width: 100%;
        height: 205px;
    }

    .home-lott .owl-item {
        width: 148px !important;
    }

    ._box .icon img {
        height: 68px !important;
        width: 68px !important;
    }

    ._playbox ._box {
        padding: 75px 4px;
    }

    .home-lott {
        height: 231px !important;
    }

    ._box .line1 {
        font-size: 14px !important;
    }

    ._box .line2 {
        font-size: 15px !important;
    }

    ._playbox ._bottom {
        margin-top: -50px;
        margin-bottom: 20px;
    }

    ._bottom .btn._lg {
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 600;
    }

    .slider-btn {
        bottom: -56px !important;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        display: none;
    }
}

@media screen and (min-width:601px) and (max-width:767px) {
    

    ._playbox {
        width: 23% !important;
    }

    ._playbox ._box {
        width: 138px;
        height: 205px;
    }

    .home-lott .owl-item {
        width: 148px !important;
    }

    ._box .icon img {
        height: 68px !important;
        width: 68px !important;
    }

    ._playbox ._box {
        padding: 70px 4px;
    }

    .home-lott {
        height: 231px !important;
        padding-top: 30px;
    }

    ._box .line1 {
        font-size: 14px !important;
    }

    ._box .line2 {
        font-size: 15px !important;
    }

    ._playbox ._bottom {
        margin-top: -50px;
        margin-bottom: 20px;
    }

    ._bottom .btn._lg {
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 600;
    }

    .slider-btn {
        bottom: -56px !important;
    }

    .home-lott ._playbox {width: 100% !important;padding-top:0;margin-left:0;}
    .home-lott ._playbox ._box {padding: 80px 4px;width:100%;}

    #lott-page ._playbox {
        padding-top: 12px;
      }


}

.re-pipe {
    display: none;
    font-size: 13px;
    font-weight: bold;
    color: var(--purple);
}

.re-num-content {
    display: flex;
    align-items: center;
    width: 80%;
}

.re-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-grow: 1;
}

.irb-date-mobile {
    display: none;
    font-size: 12px;
    color: var(--lightgrey);
}

@media screen and (min-width:701px) and (max-width:1023px){
.home-lott {
    margin-top:-175px;
}
.promotext{border-radius:0;}
}

@media screen and (max-width:767px) {
    .faq-lresults {
        flex-direction: column;
    }
    .promotext{border-radius:0;}
    #home-faq,
    .latest-results {
        width: 100%;
        padding: 0;
    }

    .latest-results {
        padding: 20px;
    }

    /* top slider */
    .slider-item {
        flex-direction: column;
        text-align: center;
    }

    .slider-txt {
        width: 60% !important;
    }

    .slider-item {
        height: 230px;
    }

    .promotext {
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .promotext .txt {
        text-align: center !important;
        padding: 20px 10px;
    }

    .slider-txt {
        font-size: 18px;
    }

    .slider-item {
        flex-direction: column;
        text-align: center;
    }

    .slider-txt {
        width: 60% !important;
    }

    .slider-btn {
        position: absolute;
        bottom: -80px;
        z-index: 999999999999 !important;
        width: 100%;
        margin: 0 auto;
        padding: 0 1px;
    }

    .slider-item img {
        width: 190px !important;
    }

    .tabplus {
        display: none !important;
    }

    .slider-item .mobile {
        display: block !important;
    }

    .slider-txt span {
        margin-left: 0;
    }

    .xl-btn {
        width: 100% !important;
        height: 56px;
        line-height: 56px;
        border-radius: 20px;
        font-size: 22px !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .slider-txt {
        padding-top: 30px;
        text-shadow: 1px 1px 4px #555;
        padding-top: 111px;
        width: 100% !important;
        margin-left: 0 !important;
        font-size: 20px !important;
    }

    .owl-carousel .owl-item img {
        height: auto;
        margin: 0 auto;
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .hdr-line1 {
        font-size: 24px;
    }

    .hdr-line2 {
        font-size: 18px;
    }

    .hdr-line3 {
        font-size: 14px;
    }

    .slider-txt {
        padding-top: 30px;
        text-shadow: 1px 1px 4px #555;
        padding-top: 111px;
        width: 100% !important;
        margin-left: 0 !important;
        font-size: 20px !important;
    }

    .slider-item {
        height: auto;
        min-height: 270px;
    }

    .slider-item {
        display: block;
        position: relative;
        margin-bottom: 60px;
    }

    .bannersection {
        margin-top: -12px;
    }

    .big-ico {
        font-size: 2em;
    }

    .cartdiv ._cartnumber span {
        width: 14px;
        height: 14px;
        font-size: 10px;
        line-height: 14px;
    }

    ._box .icon img {
        height: 68px !important;
        width: 68px !important;
    }

    .bannersection {
        height: auto;
        margin-bottom: 60px;
    }

    /* to slider ends */
    /* mobile media queries for top internal header starts */
    .internal-head {
        flex-wrap: wrap;
        height: auto;
    }

    .internal-head-l, .internal-head-r {
        width: 100%;
    }
   
    .internal-head .xl-btn {
        width: 100% !important;
        border-radius: 0 0 20px 20px;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .int-instant-win {
        margin-top: -12px;
    }

    .internal-head .slider-item {
       height: auto !important;
    }

    .internal-head .slider-txt {
        width: 100% !important;
        padding-top: 240px;
        font-size: 18px !important;
        text-align: center;
        text-shadow: none;
    }
    
    .internal-head .slider-item img {
        height: 250px !important;
        width: 250px !important;
        position: absolute;
        left: 0;
        right: 0;
        top: -50px;
    }

    .internal-head-r {
        margin-top: -50px;
    }

    .int-iwin-r .hd {
        margin-top: 32px;
    }

    .int-iwin-r .wing-cnt .hd span {
        font-size: 16px;
        padding: 0px 0 10px 0;
    }

    .int-iwin-r .wing-cnt .hd {
        padding: 0 0 6px 0px;
    }

    .internal-head .slider-btn {
        bottom: -43px;
    }

    .int-iwin-r .pop-games-cont .winvid-cont {
        width: 150px;
        height: 150px;
    }

    .winvid-cont,
    .pn-caption {
        width: 160px;
        height: 160px;
    }

    .internal-head-r {
        height: auto;
    }

    .internal-head .slider-txt span {
        font-size: 28px !important;
        padding-bottom: 0;
    }

    .int-iwin-r .hd {
        margin-bottom: 0;
    }

    /* mobile media queries for top internal header ends */
    /* internal tabs css starts */
    .int-tabs {
        flex-wrap: wrap;
        height: auto;
        padding: 10px;
        justify-content: center;
        font-size: 14px;
    }

    .divResults {
        padding-top: 40px;
    }

    #lott-page .divResults {
        padding-top: 20px;}

    .int-tabs li {
        line-height: 30px !important;
    }

    .int-tabs li.active {
        color: #F2BD31 !important;
        border-radius: 20px;
        background-color: var(--purple) !important;
    }

    .inner-search {
        margin: 10px 0 50px 0;
        line-height: 57px !important;
    }

    .inner-search-c {
        margin: 0 auto;
    }

    .int-tabs .nav-link {
        padding: 0 10px;
    }

    .int-tabs .inner-search input[type="text"] {
        font-size: 14px;
    }

    /* internal tabs css ends */
    /* STYLES BOX RESULTS PAGE **/
    .irb-date {
        display: none !important;
    }

    .irb-date-mobile {
        display: inline-block !important;
    }

    .re-pipe {
        display: block;
        margin-left: 4px;
        margin-right: 4px;
    }

    .re-num-content {
        display: block !important;
    }

    .re-content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }

    .re-content .irb-name,
    .re-content .irb-amt {
        font-size: 12px !important;
    }

    .result-box .re-num {
        text-align: center;
    }
}

@media screen and(max-width: 320px) {
    .re-content .irb-amt {
        flex-grow: 1;
    }
}

@media screen and (max-width:600px) {
    .slider-item {
        flex-direction: column;
        text-align: center;
        height: 230px;
    }
    .promo-img {border-radius:0;}
    .slider-txt {
        width: 60% !important;
        font-size: 18px;
    }

    ._playbox {
        width: 90%;
    }

    .xl-btn {
        width: 200px;
        height: 50px;
        line-height: 50px;
        font-size: 22px !important;
    }

    .slider-btn {
        width: 100%;
    }

    .home-lott {
        margin-top: 80px;
    }

    .promotext {
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .promotext .txt {
        text-align: center !important;
        padding: 20px 10px;
    }

    .winvid-cont,
    .vid-cont {
        margin: 0 auto !important;
    }

    .result-box {
        width: 100%;
    }

    .rand-num {
        margin: 2px 0;
    }

    .faq-lresults #home-faq .ac_title_class {
        line-height: 1.3em;
        font-weight: normal;
    }

    .btn._sm {
        padding: 2px;
        font-size: 12px;
    }

    .btnsignup {
        width: 76px;
        height: 50px;
        border-radius: 8px !important;
    }

    .big-ico {
        font-size: 2em;
    }
    .home-lott ._playbox {
        width: 100% !important;
        padding-top: 0;
        margin-left: 0;
      }
}

/* closing */
@media screen and (max-width:600px) {
    .soccer-jp {
        padding: 1px 0 0 0;
    }

    .hp-sj .soccer-jp {
        margin-top: 20px;
    }
    .hamburger-box {
        position: absolute;
        left: 10px;
        top: 10px;
    }
  
    .cntry select {
        border-radius: 5px;
    }

    ._bottom .btn._lg {
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 600;
    }

    ._box .icon {
        top: -40px;
        width: 70px;
    }

    ._box .line2 {
        font-size: 15px !important;
    }

    ._playbox ._bottom {
        margin-top: -50px;
        margin-bottom: 20px;
    }

    ._playbox,
    .owl-item ._playbox {
        padding-top: 3px;
        width: 100% !important;
    }

    .vid-cont {
        width: auto !important;
        height: auto !important;
        margin-right: 5px !important;
    }

    .vid-cont .caption,
    .vid-cont .blur {
        width: 271px !important;
        height: 180px !important;
        border-radius: 14px;
    }

    .socjp-cnt button.owl-prev,
    .socjp-cnt button.owl-next {
        top: 46px;
    }

    .home-lott button.owl-prev,
    .home-lott button.owl-next {
        top: 105px;
    }
    
    .play-btn {
        padding: 8px 15px !important;
        font-size: 16px !important;
    }

    .winvid-cont,
    .pn-caption {
        width: 130px;
        height: 130px;
        margin: 0 5px !important;
    }

    .wing-cnt .hd,
    .soccer-jp .hd,
    .heading h3 {
        font-size: 24px;
    }

    .wing-cont button.owl-prev,
    .wing-cont button.owl-next {
        top: 64px;
    }

    .result-box .re-img img {
        width: 45px;
        height: auto;
    }

    .result-box {
        padding: 14px 8px;
        justify-content: space-between;
        margin-bottom: 8px;
        border-radius: 10px;
    }

    .header .menu-header-menu-container {
        left: 1px !important;
    }

    .cntry {
        display: none;
    }

    .cartdiv {
        width: auto;
    }

    .logo {
        width: 70%;
        text-align: right;
        padding-right: 10px;
    }

    .big-ico {
        color: var(--purple)
    }

    .logindivsection .signupBtn .btn._sm {
        background-color: #fff !important;
        padding-top: 7px;
    }

    ._carttext span #cartTotal {
        border: 1px solid #ccc;
    }

    .cartdiv ._cartnumber span {
        right: -7px;
        top: -2px;
    }

    ._box .icon {
        top: 10px;
    }

    ._box .line1 {
        font-size: 14px !important;
    }

    .slider-btn {
        position: absolute;
        bottom: -56px;
        z-index: 999999999999 !important;
        width: 100%;
        margin: 0 auto;
        padding: 0 1px;
    }

    .xl-btn {
        width: 100% !important;
        height: 56px;
        line-height: 56px;
        border-radius: 20px;
        font-size: 22px !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .owl-carousel .owl-item img {
        height: auto;
        margin: 0 auto;
    }

    .slider-item {
        display: block;
        position: relative;
        margin-bottom: 60px;
    }

    .slider-txt {
        padding-top: 30px;
        text-shadow: 1px 1px 4px #555;
        padding-top: 111px;
        width: 100% !important;
        margin-left: 0 !important;
        font-size: 20px !important;
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .slider-item {
        height: auto;
        min-height: 270px;
    }

    ._playbox ._box {
        border-radius: 0;
        margin: 1px;
    }
    
    .home-lott {
        height: 205px !important;
        overflow: hidden;
    }

    .reg-cnt {
        display: none;
    }

    #cartTotal {
        display: none;
    }

    header {
        min-height: 70px;
    }

    .slider-item img {
        width: 190px !important;
    }

    .tabplus {
        display: none !important;
    }

    .slider-txt span {
        margin-left: 0;
    }

    .bannersection {
        height: auto;
        padding-bottom: 0;
        margin-top: -12px;
    }

    ._playbox ._box {
        width: 100%;
        height: 205px;
    }

    .home-lott .owl-item {
       /* width: 100% !important;*/
    }

    ._box .icon img {
        height: 68px !important;
        width: 68px !important;
    }

    .home-lott {
        height: 241px !important;
        padding-top: 29px;
    }

    .promotext {
        height: 168px !important;
        padding: 0;
        width: 100%;
        border-radius: 0 !important;
        padding-bottom: 20px;
    }

    .promotext .txt {
        margin-left: 0 !important;
        padding: 10px;
    }
/* promo banner text css starts */
    .promotext .txt .txt-hd1, .lotteries-txt-hd1, .iwin-txt-hd1, .sj-txt-hd1, .results-txt-hd1 {
        font-size: 18px;
    }

    .promotext .txt .txt-hd2, .lotteries-txt-hd2, .iwin-txt-hd2, .sj-txt-hd2, .results-txt-hd2 {
        font-size: 14px;
    }
    .promotext .txt .txt-hd3, .lotteries-txt-hd3, .iwin-txt-hd3, .sj-txt-hd3, .results-txt-hd3 {
        font-size: 14px;
    }
    
/* promo banner text css ends */    
    .promotext .p-icon {
        margin-top: 10px;
        overflow: hidden;
        position: absolute;
        left: 20px;
    }

    .promotext .btn._white {
        width: 108px;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        font-weight: bold;
        border-radius: 32px;
    }

    .soccer-jp .owl-carousel .owl-nav button.owl-next {
        display: none;
    }

    .promotext .txt {
        text-align: left !important;
        padding: 20px 0 0 84px;
    }

    .promotext .txt .txt-hd3 {
        font-size: 14px;
        color: var(--darkyellow);
    }

    .p-icon img {
        width: 80px;
        height: auto;
    }

    .pl-btn .btn._white {
        width: 110px;
        height: 33px;
        line-height: 33px;
        padding: 0 !important;
        font-weight: bold;
        background: #ebebeb;
        font-size: 12px !important;
    }

    .vid-cont {
        font-size: 12px;
    }

    .hp-sj .owl-dots {
        display: none;
    }

    .result-box .re-num .hd {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .result-box .re-num .hd span {
        font-size: 13px;
        font-weight: bold;
        color: var(--purple)
    }

    .result-box .re-img {
        width: 46px;
        height: 46px;
    }

    .rand-num {
        width: 20px !important;
        height: 20px !important;
        line-height: 18px !important;
        font-size: 12px !important;
    }

    .xxs {
        width: 66px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 12px !important;
        padding: 0;
        text-transform: uppercase;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .latest-results {
        padding: 14px 7px;
        padding: 12px 8px;
        border-radius: 15px;
    }

    .heading h3 {
        font-size: 30px;
    }

    .home-lott .fa-arrow-left::before,
    .home-lott .fa-arrow-right::before {
        display: none !important;
    }

    .lott-news {
        overflow: hidden;
    }

    .promo-img {
        width: 100%;
        border-radius: none;
    }

    .promo-img img {
        margin-left: -25%;
    }

    .cartdiv ._cartnumber span {
        width: 14px;
        height: 14px;
        font-size: 10px;
        line-height: 14px;
    }

    .wing-cont .fa-arrow-left::before,
    .wing-cont .fa-arrow-right::before {
        display: none;
    }

    header .logo .custom-logo-link img {
        width: 160px !important;
    }

    header .menu-header-menu-container {
        top: 70px !important;
    }

    header .menu-header-menu-container {
        height: auto !important;
        padding-bottom: 5px !important;
        border-radius: 0 0 15px 15px;
        margin-left: 1px;
    }

    .wing-cnt {
        padding-top: 0;
        margin-top: -60px;
    }

    .int-inst-win .wing-cnt {
        margin-top: 10px;
    }

    .tab-pane .wing-cnt {
        margin-top: 10px;
        margin-bottom: 0;
    }
    
    .int-sports-jackpot .wing-cnt {
        margin-top: 0;
        margin-bottom:0;
        padding:0;
    }

    .int-sports-jackpot .socjp-cnt{margin-bottom:0;}

    .home-lott .owl-dots {
        display: none !important;
    }

    .faq-lresults #home-faq .ac_title_class,
    .faq-lresults #home-faq .wpsm_panel-body {
        font-size: 14px;
    }

    .win-pn,
    .win-pd {
        width: 110px;
        height: 25px;
        line-height: 25px;
        font-size: 14px !important;
    }

    .wing-cnt .hd,
    .soccer-jp .hd,
    .heading h3,
    .wing-cnt .hd,
    .soccer-jp .hd,
    .heading h3 {
        font-size: 18px;
        line-height: 1em;
    }

    .wing-cnt .hd span,
    .soccer-jp .hd span,
    .latest-results .heading span,
    .lott-news .heading h3 span {
        font-size: 12px;
    }

    .owl-dots button.owl-dot {
        width: 10px;
        height: 10px;
    }

    .lott-news .heading h3 {
        font-size: 18px;
    }

    .lott-news {
        margin-top: 20px;
    }

    .news-cont .news-boxb p {
        font-size: 12px;
    }

    .btn._lg {
        padding: 10px 32px;
        font-size: 12px;
    }

    .owl-item.active:first-child ._playbox ._box {
        border-radius: 10px 0 0 10px !important;
    }

    .owl-item:not(.active):last-child ._playbox ._box {
        border-radius: 0 10px 10px 0 !important;
    }

    .socjp-cnt .owl-stage {
        display: flex;
        height: 220px;
        flex-grow: column wrap;
        align-content: flex-start;
        flex-flow: column wrap;
    }

    .tab-pane .socjp-cnt .owl-stage {height: 170px;}

    .socjp-cnt .owl-stage .owl-item {
        /*  width:40% !important; */
    }

    .news-cont .owl-dots button.owl-dot {
        display: inline-flex;
        justify-content: center;
    }

    .news-cont .news-boxt {
        width: 270px;
        height: 113px;
    }

    .news-cont .news-boxb {
        width: 270px;
        height: 113px;
    }

    .lott-news {
        background-image: none;
    }

    .re-amt-mob {
        display: inline-block;
    }

    .re-dt-mob {
        display: inline-block;
        font-size: 12px;
        color: var(--lightgrey);
    }

    .re-dt {
        display: none;
    }

    #home-faq .wpsm_panel-group .wpsm_panel {
        margin-bottom: 5px;
    }

    .wpsm_panel-title {
        height: 30px;
        line-height: 1em;
    }

    .faq-lresults #home-faq .ac_open_cl_icon {
        height: 30px !important;
        line-height: 1em !important;
        font-size: 12px !important;
    }

    .faq-lresults #home-faq .ac_title_class {
        line-height: 1.2em;
    }
    
    #home-faq .rm a {
        font-size: 14px;
        margin-bottom: 30px;
    }
    
    #wpsm_accordion_53 {
        margin-bottom: 12px !important;
    }

    .ac_title_class {
        padding-top: 7px !important;
        font-size: 13px;
    }

    .wpsm_panel-body {
        padding: 0 15px 7px 15px;
    }

    .tabplus {
        display: none;
    }

    .slider-item img {
        margin-top: -3px !important;
    }

    .footer .shortlinks ul li a {
        font-size: 14px;
        line-height: 24px;
    }

    .logindivsection .signupBtn .btn._sm {
        line-height: 70px !important;
        height: 70px;
        padding-top: 0;
    }

    /* internal header css starts */
    .internal-head {
        flex-wrap: wrap;
    }

    .internal-head-l {
        width: 100%;
    }

    .internal-head-r {
        width: 100%;
    }

    .internal-head {
        height: auto;
    }

    .internal-head .xl-btn {
        right: 0;
        width: 100% !important;
    }

    .int-instant-win {
        margin-top: -12px;
    }

    .internal-head .slider-item {
        height: auto !important;
    }

    .internal-head .slider-txt {
        width: 100% !important;
        padding-top: 266px;
        font-size: 18px !important;
    }

    .internal-head .slider-txt {
        text-shadow: none;
    }

    .internal-head .slider-item img {
        height: 190px !important;
        width: 190px !important;
        position: absolute;
        left: 0;
        right: 0;
        top: -30px;
    }

    .internal-head-r {
        margin-top: -50px;
    }

    .int-iwin-r .hd {
        margin-top: 32px;
    }

    .int-iwin-r .wing-cnt .hd span {
        font-size: 16px;
        padding: 0px 0 10px 0;
    }

    .int-iwin-r .wing-cnt .hd {
        padding: 0 0 6px 0px;
    }

    /*.internal-head .slider-btn {
        bottom: -64px;
    }*/
    .int-iwin-r .pop-games-cont .winvid-cont {
        width: 150px;
        height: 150px;
    }

    .winvid-cont,
    .pn-caption {
        width: 100% ;
        height: auto;
    }

    .pn-caption {padding:28% 0;}

    .game-name {margin-top: 13px;font-size: 14px;}

    .internal-head-r {
        height: auto;
    }

    .internal-head .slider-txt span {
        font-size: 28px !important;
        padding-bottom: 0;
    }

    .int-iwin-r .hd {
        margin-bottom: 0;
    }

    /* inernal header css ends */
    /* internal tabs css starts */
    .int-tabs {
        flex-wrap: wrap;
        height: auto;
        padding: 10px;
        justify-content: center;
        font-size: 14px;
    }

    .divResults {
        padding-top: 0;
    }

    .int-tabs li {
        line-height: 30px !important;
    }

    .int-tabs li.active {
        color: #F2BD31 !important;
        border-radius: 20px;
        background-color: var(--purple) !important;
    }

    .inner-search {
        margin: -7px 10px 50px 10px !important;
        line-height: 33px !important;
        width: calc(100% - 20px);
    }

    .inner-search-c {
        margin: 0 auto;
    }

    .int-tabs .nav-link {
        padding: 0 10px;
    }

    .int-tabs .inner-search input[type="text"] {
        font-size: 14px;
    }

    /* internal tabs css ends */
    /* internal tabs slider starts */
    /* .tab-pane .winvid-cont {
        width: 122px;
        height: 122px;
    } */

    .tab-pane .winvid-cont .game-name {
        height: 30px;
        color: #fff;
        font-size: 12px;
    }

    .tab-pane .wing-cnt .hd {
        padding: 0 0 5px 0px;
    }

    .tab-pane .wing-cnt .hd span {
        padding: 0 0 5px 0;
    }

    .tab-pane .pn-caption {
        padding: 28px 0;
    }

    .int-iwin-r .wing-cnt {
        margin-bottom: 10px;
    }

    /* internal tabs slider ends */
    /* internal bottom container css starts */
    .int-bot-cont {
        padding: 10px 0px;
        flex-wrap: wrap;
    }

    .int-bot-cont-l,
    .int-bot-cont-r {
        width: 100%;
    }

    .int-bot-cont-r {
        padding-left: 0;
    }

    .ib-big {
        padding: 15px 10px 12px 0;
        font-size: 18px;
        font-weight: 600;
    }

    /* inaternal bootm cointainer css ends */

    .pn-sj {
        width: 175px;
        height: 30px;
        margin-top: 20px;
    }

    .pn-sj .pn {
        font-size: 18px;
    }

    .ir-search {
        padding: 0 0 20px 0px;
    }
}

/* STYLES TABS SOCCER SECTION */
.tab-flex-search {
    display: flex;
}

.inner-search-sc,
.inner-search-iw {
    display: flex;
    align-items: center;
}

.inner-search-iw input[type="text"],
.inner-search-sc input[type="text"] {
    width: 312px;
    height: 33px;
    border-radius: 17px;
    border: none;
    padding: 5px 40px 5px 20px;
    font-size: 16px;
}

.inner-search-sc input[type="text"] {
    background-color: var(--white) !important;
    color: var(--lightgrey) !important;
}

.inner-search-iw input[type="text"] {
    background: #F2BD31;
}

.inner-search-btn,
.inner-search-btn-iw {
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    background: transparent;
    cursor: pointer;
    opacity: 0.7;
    position: relative;
    right: 50px;
}

.inner-search-btn span,
.inner-search-btn-iw span {
    display: none !important;
}

.inner-search-btn::after,
.inner-search-btn-iw::after {
    position: absolute;
    top: -29px;
    right: -34px;
    content: "\f002";
    font-family: FontAwesome;
    color: #2B0449;
    font-size: 16px;
}

.flex-nav-tabs {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap !important;
}

.tabs-items-flex {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: 12px;
}

.tabs-items-flex a.nav-item {
    display: inline-block;
}

@media screen and (min-width:601px) and (max-width:767px)
{
    .promotext {
        height: 168px !important;
        padding: 0;
        width: 100%;
        border-radius: 0 !important;
        padding-bottom: 20px;
        margin-top: 40px;
    }

    .promotext .txt {
        margin-left: 0 !important;
        padding: 10px;
    }

    .promotext .txt .txt-hd1 {
        font-size: 18px;
    }

    .promotext .txt .txt-hd2 {
        font-size: 14px;
    }

    .promotext .p-icon {
        margin-top: 10px;
        overflow: hidden;
        position: absolute;
        left: 20px;
    }

    .promotext .btn._white {
        width: 108px;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        font-weight: bold;
        border-radius: 32px;
    }
}

@media screen and (max-width:820px) {
    .tab-flex-search .inner-search-sc::after {
        right: 13px !important;
        font-size: 17px !important;
    }

    .tab-flex-search .inner-search-sc input[type="text"],
    .tab-flex-search .inner-search-iw input[type="text"] {
        padding: 5px 40px 5px 3px !important;
    }

    .tab-flex-search .inner-search-sc input[type="text"],
    .tab-flex-search .inner-search-iw input[type="text"] {
        width: 262px !important;
        display: none !important;
        transition: all 1s ease-in;
    }

    .tab-flex-search .inner-search-sc input[type="text"].active-input,
    .tab-flex-search .inner-search-iw input[type="text"].active-input {
        display: block !important;
        transition: all 1s ease-out;
    }

    .inner-search-box-iw {
        background-color: #F2BD31;
    }

    .inner-search-box-sc {
        background-color: #fff;
    }

    .inner-search-box-iw,
    .inner-search-box-sc {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        position: relative;
        top: 8px;
    }

    .inner-search-box-iw .inner-search-btn,
    .inner-search-box-sc .inner-search-btn-iw {
        right: 8px !important;
    }

    .inner-search-box-sc .inner-search-btn::after,
    .inner-search-box-iw .inner-search-btn-iw::after {
        right: -75px !important;
    }

    .close-icon::after {
        content: "\00d7" !important;
        font-size: 32px !important;
    }
}

/* hide popular games for tablets and mobiles starts */
@media screen and (max-width:1199px) {

    .int-iwin-r,
    .int-sj-r {
        display: none;
    }

    .internal-head-l {
        width: 100% !important;
    }
}

/* hide popular games for tablets and mobiles ends */
@media screen and (max-width: 767px) {
    .playsection {
        margin-top: -80px !important;
    }

    #lott-page .playsection {
        margin-top: -30px !important;
      }
}

@media screen and (min-width:1201px) and (max-width: 1366px) {
    .playsection {
        margin-top: -140px !important;
    }
    #lott-page .wing-cnt .hd {margin-top:10px;}
}

@media screen and (max-width: 1200px) {
    .internal-head {
        margin-top: -12px;
    }
}

@media screen and (max-width: 1024px) {
    .internal-head-r {
        display: none;
    }
    #slider-lott .hdr-line1, #slider-iwin .hdr-line1, #slider-sj .hdr-line1, #slider-res .hdr-line1{font-size: 24px;}
    #slider-lott .hdr-line2, #slider-iwin .hdr-line2, #slider-sj .hdr-line2, #slider-res .hdr-line2{font-size: 18px;}
    #slider-lott .hdr-line3, #slider-iwin .hdr-line3, #slider-sj .hdr-line3, #slider-res .hdr-line3{font-size: 14px;}
    .inner-search input[type="text"] {width: 356px !important;}
    .slider-btn {bottom: -47px !important;}

    .slider-home-bg-img img{width: 100% !important;object-fit: cover;height: 250px !important;}
    .slider-home-overlay {margin: 0 auto;text-align: center !important;right: 0;top: -12px;}
    .slider-home-callnow {width: 100%;bottom: 0;right: 0;}
    .slider-home-txt {
        top: 62%;
        left: 0;
        text-align: center !important;
        width: 100%;
      }

.slider-lott-overlay, .slider-lott-txt {
        width: 100% !important;
        height: auto !important;
        left:0;
        padding-top: 220px;
      }
      .slider-lott-overlay img {width: 100% !important;}
      .slider-bg-lott{width: 100% !important;height:auto !important;}
      .internal-head .slider-item .slider-lott-bg-img img{width: 100% !important;max-width: 100%;height:auto !important;object-fit: cover;border-radius: 0 !important;}
      .lott-btn {width: 100%;border-radius:0 0 20px 20px;}
      .slider-lott-bg-img{top: 12px;overflow:hidden;}
      .internal-head .slider-item .slider-lott-overlay img{height: 300px !important; width: 300px !important;}
      .slider-lott-callnow{bottom: -28px;position:absolute;width:100%;right:0;}
}

@media screen and (max-width: 768px) {
.slider-lott-callnow {
    /*bottom: 14px;*/}
.internal-head .slider-item .slider-lott-overlay img{height: 200px !important; width: 200px !important;}   
.slider-lott-overlay, .slider-lott-txt{padding-top: 150px;} 
h2[id^="n2-ss-"] {font-size:36px !important;}
p[class^="n2-font-"] {font-size:20px !important;}
}
@media screen and (max-width: 499px) {

    .vid-cont .caption .blur,
    .vid-cont .caption {
        width: 100% !important;
        height: calc(100% - 12px) !important;
    }
    .slider-lott-callnow {
        bottom: -15px;
      }
      .internal-head .slider-item .slider-lott-bg-img img {height: 250px !important;}
      .inner-search input[type="text"] {width: 100% !important;}
      .internal-head .slider-item .slider-lott-overlay img{height: 150px !important; width: 150px !important;}
      .slider-lott-overlay, .slider-lott-txt{padding-top: 105px;} 
}

@media screen and (min-width: 599px) {
    .vid-cont .caption .blur {
        width: 100% !important;
        height: 100% !important;
    }

    .vid-cont .caption {
        width: 100% !important;
        /* height: calc(100% - 29px) !important; */
    }

    
}

@media screen and (min-width: 761px) and (max-width: 999px) {
    .vid-cont {
        width: 232px !important;
    }

    .vid-cont .caption {
        height: 157px !important;
    }
}

/* @media screen and (min-width: 320px) and (max-width: 359px) {
    .winvid-cont {
        width: 104px !important;
        height: 134px !important;
    }
} */

@media screen and (min-width: 320px) and (max-width: 600px) {
    .winvid-cont {
        width: 122px !important;
        height: 122px !important;
    }
    .slider-home-bg-img img{width: 100% !important;object-fit: cover;height: 265px !important;}
}

@media screen and (min-width: 320px) and (max-width: 400px) {
    /* .int-inst-win .winvid-cont {
        width: 122px !important;
        height: 122px !important;
    } */
    .slider-lott-callnow {
        bottom: 34px;
      }
      .internal-head .slider-item .slider-lott-bg-img img{height: 200px !important;}
      }

@media screen and (min-width: 401px) and (max-width: 589px) {
    .winvid-cont {
        width: 119px !important;
        height: 119px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 430px) {
    ._playbox {
        width: 50% !important;
        margin-left:0px;
        margin-right: 0px;
    }
}

@media screen and (min-width: 431px) and (max-width: 600px) {
    ._playbox {
        width: 30% !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 499px) {
    .socjp-cnt .owl-stage .owl-item {
        /* width: auto !important; */
    }

    .wing-cont .owl-stage .owl-item {
        /* width: 140px !important;
        margin-right: 5px !important; */
    }
}

/* #lott-page{}
.mob-box{}
@media screen and (max-width: 400px) {
    ._box .icon {position: static;height:auto;}
     #lott-page ._playbox {width: 100% !important;}
    #lott-page ._box {
        width: 100% !important;
        display: flex;
        padding: 0;
        height: auto;
    }

    #lott-page .int-playdiv {background: #0a0a70;margin-bottom:20px !important;}
    #lott-page .int-playdiv:first-child {border: 20px 20px 0 0;}

    #lott-page ._box .line1 {width: auto;}
    #lott-page ._box .line2 {width: auto;}
    #lott-page ._box .line3 {width: auto;}
    
}*/

/* internal pages banner css starts here */
@media screen and (max-width:1366px)
{
.slider-home-bg-img img {
    width: 100% !important;
    object-fit: cover;
    height: 265px !important;
  }
}  
/* ------------------------------------------------------------ */

/* header slider plugin css starts */
/*@media (orientation: landscape) and (max-width: 900px), (orientation: portrait) and (max-width: 700px)
{
    .internal-head-l div[id^="n2-ss-2"] [class^="n-uc-"]{padding:0 !important;border:1px solid #000 !important;}
}*/





@media screen and (max-width:700px)
{
    /*.n2-ss-slide .n2-ow .n2-ss-slide-3 .n2-ss-slide-active*/
    /*div#n2-ss-2 .n2-ss-slider-2*/
   /*.n2-ss-slider .n2-ss-slider-wrapper-inside {border: 1px solid #f00;height:250px;overflow:visible;}*/
   .n2-ss-slider .n2-ss-layer-col {margin-top: 0px;}
   .internal-head-l div[id^="n2-ss-"]{
    padding-top: 0;
  }
   .int-instant-win .divResults {padding-top: 0;}
   header {line-height: 70px;}
  .int-hd-padd{padding-right:0;padding-left:0;}
  div#n2-ss-2 .n2-ss-slider-2, div#n2-ss-2 .n2-ss-slider-3, div#n2-ss-3 .n2-ss-slider-2, div#n2-ss-3 .n2-ss-slider-3, div#n2-ss-4 .n2-ss-slider-2, div#n2-ss-4 .n2-ss-slider-3,div#n2-ss-5 .n2-ss-slider-2, div#n2-ss-5 .n2-ss-slider-3,div#n2-ss-6 .n2-ss-slider-2, div#n2-ss-6 .n2-ss-slider-3 {overflow: visible !important;height:225px !important;} 

  /*[class^="div#n2-ss-"] [class^="n2-ss-slider-"]
  {overflow: visible !important;height:225px !important;}  */
  div[id^="n2-ss-"] [class^="n2-ss-slider-"]
  {overflow: visible !important;height:225px !important;}

/*  #n2-ss-2 .n2-ss-slide {overflow: visible !important;}*/
  div[id^="n2-ss-"] .n2-ss-slide {overflow: visible !important;}
    .bannersection {overflow: visible !important;margin-bottom: 138px;}
    .internal-head {overflow: visible;}

    .n2-ss-slider h1.n2-ow, .n2-ss-slider h2.n2-ow, .n2-ss-slider h3.n2-ow, .n2-ss-slider h4.n2-ow, .n2-ss-slider h5.n2-ow, .n2-ss-slider h6.n2-ow, .n2-ss-slider p.n2-ow, .n2-ss-slider .n2-ow-all h1, .n2-ss-slider .n2-ow-all h2, .n2-ss-slider .n2-ow-all h3, .n2-ss-slider .n2-ow-all h4, .n2-ss-slider .n2-ow-all h5, .n2-ss-slider .n2-ow-all h6, .n2-ss-slider .n2-ow-all p {width: 100% !important;}

    .n2-ss-layer h2{margin-top:52px !important;}
    .n2-ss-layer p{margin-top: 160px;}

    .n2-ss-slider .n2-ss-layer-content {display: block !important;}

    .n2-ss-section-main-content {
        flex: 1 1 auto;
       /* display: flex;
        justify-content: center;
        flex-direction: column;*/
        min-height: 100%;
        max-width: 100%;
        position: relative;
       
        width: 100% !important;
        overflow: visible !important;
      }

    .n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {
        max-width: calc(100% - var(--margin-right) - var(--margin-left) + var(--ss-safari-fix-225962, 0px));
        max-width: 100% !important;
        overflow: visible !important;
        height: auto !important;
        padding: 0 !important;
      }
      .n2-ss-slider .n2-ss-item-image-content img {
        max-width: 50% !important;
        position: absolute;
        left: 25%;
        top:-22px;
      }
      .n2-ss-layer{text-align: center !important;}
      .n2-ss-layer h2 {
        max-width: 100% !important;
        position: absolute;
        left: 0;
        top:60px;
        font-size:26px !important;
      }

      #slider-res p[class^="n2-font-"], #slider-lott p[class^="n2-font-"], #slider-sj p[class^="n2-font-"], p[class^="n2-font-"] {font-size:14px !important;margin-top: -15px;}
      .n2-ss-layer p {
        position: absolute;
        top:150px !important;
        font-size: 14px !important;
      }

    .n2-ss-button-container a{position: absolute;border-radius:0 0 20px 20px !important;left:-19px;bottom:-232px;display:block;width: calc(100% - 58px) !important;line-height:1 !important; }
    .n2-ss-button-container a {padding: 1em 2em !important;}
    h2[id^="n2-ss-"], p[class^="n2-font-"],.n2-ss-button-container a {margin-left:0 !important;}
    .internal-head-l .n2-section-smartslider {
        top: 12px;
      }
      .internal-head-l div[id^="n2-ss-"] [class^="n2-style-"]{padding: 1em 2em 1em 2em !important;}
     div[id^="n2-ss-"] [class^="n-uc-"]{padding:0 !important;}

}

@media screen and (min-width: 401px) and (max-width:500px){
    .n2-ss-slider .n2-ss-item-image-content img {
      max-width: 40% !important;
      left: 30%;
      top: -40px;
    }
    }
    
    @media screen and (min-width: 501px) and (max-width:600px){
        .n2-ss-slider .n2-ss-item-image-content img {
          max-width: 36% !important;
          left: 32%;
          top: -50px;
        }
        }
      @media screen and (min-width: 601px) and (max-width:700px){
            .n2-ss-slider .n2-ss-item-image-content img {
              max-width: 30% !important;
              left: 35%;
              top: -47px;
              
            }

            } 
    
    /*        @media screen and (min-width: 701px) and (max-width:900px){
                .n2-ss-slider .n2-ss-item-image-content img {
                  max-width: 24% !important;
                  left: 38%;
                  top: -60px;
                }
                }            
    

                @media screen and (min-width: 901px) and (max-width:1023px){
                    .n2-ss-slider .n2-ss-item-image-content img {
                      max-width: 24% !important;
                      left: 38%;
                      top: -60px;
                    }

                    .n2-ss-button-container a{position: absolute;border-radius:0 0 20px 20px !important;left:-20px;bottom:-232px;display:block;width: calc(100% - 56px) !important;line-height:1 !important;}

                    .n2-ss-slider .n2-ss-layer-content {display: block !important;}
                }     */
                
/* header slider plugin css ends */