/* Copy Animation */
.base-color {
  color: hsl(var(--main)) !important;
}

.copyInput {
  display: inline-block;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.copied::after {
  position: absolute;
  top: 8px;
  right: 12%;
  width: 100px;
  display: block;
  content: "COPIED";
  font-size: 1em;
  padding: 5px 5px;
  color: #fff;
  background-color: #FF7000;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  50% {
    opacity: 0.7;
    transform: translateX(40%);
  }

  70% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}

.cookies-card {
  width: 520px;
  padding: 30px;
  color: #1E2337;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 999999;
  transition: all .5s;
  background: #ffff;
  border-radius: 5px;
  box-shadow: 1px 5px 5px 1px #00000063;
}

.cookies-card.hide {
  bottom: -500px !important;
}

.radius--10px {
  border-radius: 10px;
}

.cookies-card__icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #6e6f70;
  color: #fff;
  font-size: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.cookies-card__content {
  margin-bottom: 0;
}

.cookies-btn {
  color: #363636;
  text-decoration: none;
  padding: 10px 35px;
  margin: 3px 5px;
  display: inline-block;
  border-radius: 999px;
}

.cookies-btn:hover {
  color: #363636;
}

.policy-section p{ margin-bottom: 10px !important;}
.policy-section h3{ margin: 15px 0 10px !important;}
.policy-section h5{margin-top: 20px;margin-bottom: 15px;}

@media (max-width: 767px) {
  .cookies-card {
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 14px;
    padding: 15px;
  }
}

.hover-input-popup {
  position: relative;
}

.input-popup {
  display: none;
}

.hover-input-popup .input-popup {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 280px;
  background-color: #1a1a1a;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.input-popup::after {
  position: absolute;
  content: '';
  bottom: -19px;
  left: 50%;
  margin-left: -5px;
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #1a1a1a transparent;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.input-popup p {
  padding-left: 20px;
  position: relative;
}

.input-popup p::before {
  position: absolute;
  content: '';
  font-family: 'Line Awesome Free';
  font-weight: 900;
  left: 0;
  top: 4px;
  line-height: 1;
  font-size: 18px;
}

.input-popup p.error {
  text-decoration: line-through;
}

.input-popup p.error::before {
  content: "\f057";
  color: #ea5455;
}

.input-popup p.success::before {
  content: "\f058";
  color: #28c76f;
}

.show-filter {
  display: none;
}

@media(max-width:767px) {
  .responsive-filter-card {
    display: none;
    transition: none;
  }

  .show-filter {
    display: block;
  }
}

:root{--heading-font: "Montserrat", sans-serif;}
.header{background: #ffffff;box-shadow: 1px 0px 6px 0 #0000001c;}
.header.fixed-header{background: #ffffff;}
.header .nav-menu .nav-item .nav-link{color: #000000 !important;font-weight: 500;font-size:16px;}
.navbar-nav.nav-menu{margin-left: 15px;}
.navbar-toggler.header-button{color:#3a46c8;}
.btn{border-radius: 5px;padding-bottom: 10px;font-size: 17px;}
.btn.btn--base{background: #3946c8 !important;color: #ffffff !important;border: solid 1px #3946c8 !important;}
.btn.btn--base:hover{color: #3946c8 !important;background: #ffffff !important;}
.btn--base::after,.btn--base::before{background: transparent!important;}
.btn--base.outline{box-shadow: 0 0 10px 0 #3946c82e;border: 1px solid #95c851!important;color: #ffffff !important;background: #95c851 !important;}
.btn--base.outline::after{background: #95c851!important;}
.btn--base.outline:hover::after{background: #ffffff!important;color: #3946c8 !important;}
.login-registration-list__item .btn--base.outline:hover {  color: #95c851 !important;}

.banner-section{background: #fbfaff;margin-bottom:0px;}
.banner-section__shape img{width: 100%;height: 100%;}
.banner-content__title{color: #000000;font-weight: 900;}
.banner-content__desc{color: #3946c8;margin-top:0;margin-bottom:10px;}
.banner-content__title .text--white{color: #d9165c !important;text-shadow: 1px 1px 0px black;}
.banner-content__button{width: 100%;max-width: 445px;}
.banner-content__button a.btn.btn--white{color: #ffffff !important;background: #90c64e !important;text-shadow: 2px 2px 0px #0000005e;font-weight: 600;}
.banner-right{position: static;top: initial;left: initial;width: 100%;margin: -50px 0 -45px;}

.banner-slider-content {  position: relative;  padding: 60px 0 60px;}
.bgbanner{background-repeat: no-repeat;background-position: top center;background-size: cover;}
.banner-slider-content h3 { background: linear-gradient(to bottom, rgba(255,235,0,1) 0%,rgba(243,153,0,1) 100%); width: 230px; height: 230px; text-align: center; border-radius: 100%; 
box-shadow: 0 4px 15px rgb(0 0 0 / 25%);  font-size: 26px;  font-weight: 900; color: #423E17; line-height: 1.4em; padding-top: 84px;  position: absolute; right: 0px; top: 120px;  font-family: inherit;}
.banner-slider-content .banner-slider-content__title .text--white{ display: block; }
.banner-slider-content h3 strong {  display: block;  font-size: 110px;  color: #00802A;   font-weight: 800;}
.banner-slider-content h3 strong small{    font-size: 36px; color: #000;}
.banner-slider-content .banner-slider-content__title { font-size: 60px; color: #fff; font-family: inherit;  font-weight: 800;    line-height: 1.12em; }
.banner-slider-content .banner-slider-content__desc {  font-size: 22px;   color: #fff;  max-width: 440px;  width: 100%; line-height: 1.2em;}
.banner-slider-content .banner-slider-content__title strong{ color: #fdeb15;font-weight: 800;    font-size: 50px;  }
.banner-slider-content .countdown {    max-width: 300px; width: 100%;   background: rgb(0 0 0 / 18%);  padding:10px 10px 15px;  text-align: center;   border-radius: 5px; margin: 40px 0 40px;}
.banner-slider-content__button{/* padding: 10px;  background: linear-gradient(to right, rgb(0 0 0 / 30%) 1%,rgb(243 153 0 / 0%) 100%);*/    margin-right: 200px;}
.banner-slider-content__button .d-flex {  flex-direction: row-reverse;}
.banner-slider-content__button .container{ padding-right: 0; padding-left: 0; }
.banner-slider-content__button .btn-label{ color: #fff;    font-size: 20px;  }
.banner-slider-content__button .btn {background: linear-gradient(to right, rgba(255,235,0,1) 1%,rgba(243,153,0,1) 100%);   width: 100%;    font-size: 24px; max-width: 180px;   
  font-weight: 700; border-radius: 6px !important;  text-transform: uppercase;  padding: 8px 15px;  border: none !Important; box-shadow: none !Important; outline: none !Important;}
.banner-slider-content__button .btn:hover{ background: #f0a600; }
.banner-slide-img{margin:0px 0px 0px;}

.banner-slider-thumb{margin: auto;margin-top: -100px;box-shadow: 0 0 5px 0 #0000004d;background: #ffffff;padding: 10px;border-radius: 8px;width: 100%;position: relative; max-width: 1300px;}
.bs-thumb .bs-thumbimg{width: 100%;border-radius: 10px;max-height: 150px;object-fit: cover;padding: 1px;border: 1px solid #ffffff;}
.synced .bs-thumb .bs-thumbimg{border-color: #20234a4f;}
.banner-slider-thumb .owl-stage-outer{z-index: 1;}
.banner-slider-thumb .owl-nav{position: absolute;top: 50%;left: 0px;transform: translate(0px, -70%);width: 100%;display: flex;justify-content: space-between;}
.bs-thumb_active .banner-slider-content {  padding: 60px 0 150px;}
.bs-thumb_active .bottom-thumb{ padding-left: 12px; padding-right: 10px; }
.bs-thumb_active .banner-slide-img{margin:-60px 0px 0px;}

.section-heading__subtitle{color: #dd155d;font-weight: 700;}
.section-heading__title{color: #160951;font-size: 34px;font-weight: 700;}
.about-item{background: #ffffff;border: 1px solid #eff2fb;box-shadow: 0 0 10px 0 #3743c817;text-align: left;min-height: 408px;}
.about-item__title{color: #150752;font-weight: 700;margin-top: 20px;margin-bottom: 15px;}
.about-item__thumb{margin: 0 0;}
.how-to-work-section{background: #fbfaff;margin-top: 0px;margin-bottom: 0px;}
.how-to-work{background: #ffffff;border: 1px solid #eff2fb;box-shadow: 0 0 10px 0 #3743c817;padding: 20px;border-radius: 8px;min-height: 245px;margin-bottom: 0px;}
.how-to-work__title{color: #15084e;font-weight: 700;margin-top: 15px;margin-bottom: 10px;}
.how-to-work-section__title{color: #150850;font-weight: 800;}
.how-to-work__number{top: 10px;text-shadow: 3px 3px 3px #d8d8d81f;color: #f1f1fb !important;-webkit-text-stroke: 2px #ffffff;font-size: 85px;text-shadow: 2px 2px 10px #0000000f;font-weight: 700;font-family: sans-serif;}
.ticket-section .row.justify-content-center .col-lg-4{width: 25%;}
.ticket-item{background-color: #3946c8;box-shadow: none;padding: 15px 15px 30px 15px;}
.col-sm-6:nth-child(6n-1) .ticket-item{background: #b33398;}
.col-sm-6:nth-child(6n-2) .ticket-item{background: #d13636;}
.col-sm-6:nth-child(6n-3) .ticket-item{background: #c69208;}
.col-sm-6:nth-child(6n-4) .ticket-item{background: #d82c58;}
.col-sm-6:nth-child(6n-5) .ticket-item{background: #3946c8;}
.col-sm-6:nth-child(6n-6) .ticket-item{background: #137d16;}
.ticket-item .countdown{padding: 5px;}
.ticket-item .countdown__list{font-size: 13px;}
.ticket-item .ticket-item__name{font-size: 18px;}
.ticket-item .ticket-item__prize{font-size: 22px;}
.ticket-item .countdown__title {  font-size: 16px;  font-family: inherit; color: #000; padding: 10px;  margin: -38px -20px 30px -20px; 
  background: linear-gradient(to right, #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%);   text-transform: uppercase;  font-weight: 700;}
.ticket-item .ticket-item__name{margin-bottom: 15px;}
.ticket-item .countdown__menu {  text-align: center;}
.ticket-item .countdown__menu { max-width: 228px;}
.ticket-item .countdown__time {  width: 44px;  height: 44px;   font-size: 24px;}
.ticket-item .countdown{margin-top: 22px;}
.ticket-item .ticket-item__button{margin-top: 25px;}
.ticket-item .ticket-item__button .btn{ font-size: 17px;  border: none; color: #000 !important; 
  background: linear-gradient(to right, #fee801 0%, #f49c00 100%);   padding: 12px 20px 12px;  font-family: inherit;  font-weight: 700;}
.ticket-item .ticket-item__button .btn:hover{background: #ffffff!important;border: none !important;color: #000000 !important;}
.breadcrumb h2{color: #150850;font-size: 30px;font-weight: 800;}
.testimonial-item__info{margin-top: 15px;}
.footer-area{background-color: #262b32;}
.fixed-header{position: fixed;top: 0;z-index: 8;width: 100%;}
.footer-area__style{padding-bottom: 50px;}
.footer-area__style .gap-e{--bs-gutter-x: 2.2rem;}
.footer-git .footer-menu__item{position: relative;padding-left: 36px;}
.footer-git  .footer-menu__item i{position: absolute;top: 10px;left: 0;font-size: 20px;color: #ffffff;}
.footer-menu__sl{margin-top: 25px;}
.footer-ufl{display: grid !important;grid-template-columns: repeat(2, 5fr);align-items: center;}
.footer-ufl .footer-menu__link{text-decoration: underline;}
.footer-ufl .footer-menu__link:hover{color: #5966f5;}
.social-list .social-list__link{background: #ffffff;color: #262b32;border-radius: 100px;font-size: 0;padding: 5px 5px;}
.social-list__link i {font-size: 18px;}
.social-list .social-list__link:hover{background: #3a46c8a3;color: #ffffff;}
.bottom-footer{background: #0e1115;padding: 40px 0 18px;}
.bottom-footer .row>*{margin-top: 0;}
.payment-gateway__wrapper{justify-content: space-evenly;gap: 10px;}
.footer-area .payment-gateway__thumb img{max-width: 120px;}
.bottom-footer__text{font-size: 14px;color: #a4a6a7;}
.ma-list-wrapper{text-align: right;}
.eplus{position: relative;padding-left: 52px;display: block;margin-top: 15px;}
.eplus img{position: absolute;top: 4px;left: 0;}
.footer-cta{background: #db155c;padding: 5px 160px;position: sticky;bottom: 0;z-index: 2;}
.fcta-content{display: flex;gap: 10px;font-size: 15px;}
.fcta-content ul li{display: none;}
.fcta-content,.fcta-content h3{color: #ffffff;}
.fcta-content p{font-weight: 500;font-size: 16px;}
.fcta-button{text-align: right;}
.fcta-button .btn-white{background: #ffffff !important;color: #000000 !important;border-radius: 100px;font-size: 14px;font-weight: 500;box-shadow: 1px 1px 6px 0 #1c1b1b33;padding: 5px 10px;border:none!important;}
.faq-section .row .col-lg-6{width: 100%;}
.faq-card__answer{position: relative;padding-left: 60px;flex-direction: column!important;}
.faq-card__answer .faq-card__icon{position: absolute;top: 2px;left: 0;}
.how-to-work-section .col-lg-4, .how-to-work-section .col-lg-8{width: 100%;}
.how-to-work-section__left{text-align: center;margin-bottom: 20px;}
.how-to-work-section__button{margin-top: 20px;}
.how-to-work-section__desc{width: 100%;max-width: 750px;margin: auto;}
.how-to-work__title{font-size: 16px;}
.how-to-work__desc{font-size: 15px;}
.account-right-wrapper .row.justify-content-center{margin: auto !important;text-align: center;}
.account-right-wrapper .row.mt-auto{margin: auto !important;text-align: center;justify-content: center;}
.account-right-wrapper__logo{display: none;margin: auto;}
.account-left__title{color:#000000 !important;}

.blog-details__content h3{font-size: 21px;margin-top: 30px;margin-bottom: 20px;}
.blog-details__desc h4{font-size: 18px;font-weight: 600;}
.blog-details__content p,.blog-details__content ul li{margin-bottom: 10px;}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus, .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none;}
.form-check-input:focus{box-shadow: none !important;}
.was-validated .form-inone{background-image: none !important;}
.tas-info h4{margin-bottom: 15px;}
.tas-info h4 a{color: #1c2131 !important;}
.tas-info p{margin-bottom: 15px;}

.ticket-card--container{margin-top: 50px;}
.ticket-card--container .col-xl-8{width: 100%;}

.ticket-head{ background: linear-gradient(to right,  #03030330 0%,#14141508 50%,#17171921 100%);    
  margin: -15px -15px 30px -15px;  padding: 14px 15px; display: flex;  text-align: left; align-items: center;}
.ticket-item__thumb img {  text-align: center;  width: 100%; height: auto; border-radius: 50%;  
  object-fit: cover;max-width: 240px;    align-items: center;}
.ticket-item .ticket-item__name{ margin: 12px 0;  text-align: left;   font-family: inherit; 
  font-size: 19px;  line-height: 1.2em;}

.ticket-card--container{ padding: 35px 0px 50px; background: url(/assets/templates/basic/images/shapes/blue-bg.jpg); background-repeat: no-repeat; background-size: cover;   margin: 0; }
.ticket-card{     display: block;   background: none; padding: 0;  box-shadow: none;}
.lottery__head .list{gap: 10px;}
.ticket-card .result-card__name-info{ max-width: 450px;  width:100%; }
.ticket-card .result-card__name-info h4{ font-size: 34px;  font-family: inherit;  font-weight: 700; max-width: 300px; width: 100%;   color: #fff;}
.ticket-card .result-card__name-info p{ font-size: 16px; color: #fff;   margin-top: 8px;}
.result-card__image{ width: 100%;  max-width: 190px;     height: auto;   height: auto; margin-left: auto; }
.ticket-card__content p{ color: #fff;   text-align: center;  margin-bottom: 8px;    font-weight: 700;}
.ticket-card__content .countdown {    margin: 0;  background: rgb(0 0 0 / 30%); padding: 38px 15px 16px; border-radius: 7px; }
.ticket-card__content .countdown .lottery-card__counter.days::before{ color: #fff;}
.ticket-card__content .countdown .lottery-card__counter.hours::before{ color: #fff;}
.ticket-card__content .countdown .lottery-card__counter.minutes::before{ color: #fff;}
.ticket-card__content .countdown .lottery-card__counter.seconds::before{ color: #fff;}
.section--sm .container{      margin-top: -70px; padding-top: 30px; padding-bottom: 30px;  background: #fff;   border-radius: 8px;
  box-shadow: 0 4px 15px rgb(0 0 0 / 30%);    position: relative;  z-index: 3;}
.ticket-card__content .lottery-card__counter{ background: #fff; color: #000;}
.ticket-card__content .lottery-card__countdown-content .lottery-card__counter-separator{ color: #fff; }

.stick-icons{position: fixed;right: 30px;bottom: 80px;display: inline-block;z-index:2;}
.sicons a{display: block;text-decoration: none;color: #f8f8fd;background: #3743c8;font-size: 22px;padding: 3px 10px;border-radius: 3px;margin-bottom: 8px;}
.sicons a.wa{background: #1d8220;}
.sicons a.vi{background: #6157a8;}

.account{padding: 50px;background: #f5f5f5;}
.account-inner{width: 100%;max-width: 980px;margin: auto;box-shadow: 0 0 15px 0 #00000016;border-radius: 5px;}
.account .account-left{padding:20px !important;}
.account .account-right-wrapper{padding: 10px;background: #fafafa;}
.account-right{padding: 20px!important;}
.account-left{background: #ffffff;}
.account-left:before{content: '';position: absolute;top: -1px;left: -1px;background-image: url('/assets/shape01.png');background-repeat: no-repeat;background-size: contain;width: 42%;height: 200px;}
.account-left:after{content: '';position: absolute;bottom: -1px;left: -1px;background-image: url('/assets/shape02.png');background-repeat: no-repeat;background-size: contain;width: 60%;height: 110px;}

.account-left__shape img {  height: 100%;  width: 100%;}
.account-left__content {  text-align: center;}
.account-left__content h1 { font-size: 30px;  color: #fff; font-weight: 800; width: 100%; max-width: 270px; margin: 14px auto 15px;}
.account-left__content h1 b{    color: #dd2567;}
.account-left__content p{ font-size: 20px; font-weight: 500; max-width: 300px;  margin: 15px auto 15px;  width: 100%; line-height: 1.2em;}
.account-left__content p .tlarge{ font-size: 22px;  font-weight: 700; color: #dd2567; }
.account-right .account-form__title{    margin-bottom: 10px !important;  font-weight: 700; font-size: 34px;}
.account-right .account-form__desc { margin-bottom: 20px; font-size: 18px;}
.account-right .form-group { margin-bottom: 15px;}
.account-right .input-group-text.mobile-code {   height: 45px;}
.account-right .form-control {padding: 12px;}
.account-right .form--control {padding: 12px;}
.account-right label{ font-size:15px; }

.box-list{ background: #fff; border-radius: 8px; padding: 13px 10px;   max-width: 410px; margin: 30px auto 0px;  width: 100%; box-shadow: 0 4px 15px rgb(0 0 0 / 40%); }
.box-list strong{ margin-bottom: 8px; display: inline-block;    font-size: 20px; color: #000;}
.box-list ul li{ margin: 6px 0;    font-size: 18px; color: #000; font-weight: 400px}
.account .account-left {   padding: 70px 20px 70px 20px !important;}
.account-left__thumb { max-width: 260px;  width: 100%;  margin: 20px auto 0;}

.list-infog .btn--common{min-width: 0px;}

/*play page new css*/
.ticket-card .row{ align-items: center;}
.lottery__head{ background: none;   border-radius: 0; border-bottom: solid 3px #D9D9D9; padding: 0 0 20px;
  margin-bottom: 22px;  display: flex; align-items: center;    justify-content: space-between; border-right: none; border-left: none; border-top: none;}
.lottery__head .list li .btn{     padding: 7px 8px;  border: none;  background: #C1B07A;}
.lottery__head .list li .btn .lottery-btn__icon{ font-size: 20px;     font-weight: 700;}
.lottery__head .list li .btn .lottery-btn__text { font-size: 13px; }
.lottery__head .list li:first-child .btn{    background: #483EE6;}
.lottery__head .list li:last-child .btn{    background: #483EE6;}
.lottery__head-title { color: #000; font-size: 19px;  width: 160px; text-align: left; font-weight: 700;  line-height: 1.25em;}
.section--sm .row.g-4 .col-xl-8{ width:49.666667%; }
.section--sm .row.g-4 .col-xl-4{ width:49.666667%; }
.lottery__body {  padding: 0;   border: none;}
.lottery__list li {  width: auto;     margin: 5px;  }
.lottery__btn { place-content: center; width: 36px;  height: 36px;  padding: 0; border: none;  background: #f0f0f0; font-size: 16px; 
  color: #000; border-radius: 100px;  font-weight: 600;  line-height: 36px;}

.summery-card {    box-shadow: none;  border: solid 3px #D9D9D9;}
.summery-card .list li{ background: #f7f7f7;  padding: 10px; margin: 10px 0; border-bottom: solid 2px #c8cdff;}
.summery-card .summery-card__data-name {     color: #000; font-size: 16px;}
.summery-card .summery-card__data-amount { font-weight: 700;     color: #000; font-size: 16px;}
.summery-card__title {  text-transform: uppercase; font-size: 26px;  color: #3b42c7; font-weight: 800;}
.summery-card__head {    text-align: center; padding:20px 10px 12px;  background: none;}
.summery-card__head p{ font-size: 18px; color: #000; }
.summery-card__head p .brektxt{ display: block; }
.summery-card__footer.text-center { padding-bottom: 25px;}
.col-md-4.lb-col-c .ticket-card__content {  max-width: 300px; width: 100%; margin: 0 auto;}

/*--------confirmation-modal-css*/  
.modal#confirmModal .modal-header{ background: none; border-bottom: none; padding-bottom: 5px;   display: block;  text-align: center; }
.modal#confirmModal h4.modal-title {    font-weight: 700;   font-size: 22px;  color: #483ee6;}
.modal#confirmModal .modal-header p{ font-size: 18px; color: #000; }
.modal#confirmModal .modal-dialog {  max-width: 660px;}
.lotrydrowlist { display: flex; margin-bottom: 20px;  justify-content: space-between;}
.lotrydrowlist .txtbox {  background: #f0f0f0;   padding: 10px 10px;  max-width: 370px; width: 100%;}
.lotrydrowlist small.fiveline {max-width: 145px;   width: 100%;  background: #DB0853;  color: #fff; text-align: center;  padding: 20px 16px 20px;  font-size: 16px; font-weight: 600; align-items: center; 
  display: flex;  justify-content: center;}
.lotrydrowlist span.errotxt { background: #3540BF;  color: #fff;  text-align: center; padding: 20px 16px 20px; font-size: 26px;  font-weight: 700;  max-width: 145px;   width: 100%;
  align-items: center; display: flex;  justify-content: center;}
.lotrydrowlist .txtbox font{ font-size: 16px; font-weight: 400; display: block;; color: #000; }
.modlnmbrlist .nmbrdsgn{ border-bottom: solid 1px #ddd; padding: 10px 0; margin: 10px 0;      display: flex;}
.modlnmbrlist .nmbrdsgn li:first-child{ background: none; width: auto; height: auto; color: #000; border-radius: 0; line-height:normal; }
.modlnmbrlist .nmbrdsgn li font{ font-size: 18px; font-weight: 700; display: block;    font-weight: 700;  margin-top: 8px;  margin-right: 10px;}
.modlnmbrlist .nmbrdsgn li{ margin: 0 4px;    width: 36px; height: 36px;  border: none;  background: #4c8534;  font-size: 16px;  color: #fff;   border-radius: 100px;  
  font-weight: 600;  line-height: 36px;    text-align: center; padding: 0;}
.modal-footer .btn-secondary{ background: none;  border: solid 1px #db175d;   color: #db175d !important;}
.modal-footer .btn-secondary:hover, .modal-footer .btn-secondary:focus{ background:#db175d; color:#fff !important; }
.modlnmbrlist .nmbrdlticn .btn { display: none;  padding: 0; }
.modlnmbrlist .btn .lottery-btn__icon{    background: #d3004f;  font-size: 26px;  width: 36px;  height: 36px;   line-height: 36px;   border-radius: 5px;}
.modal#confirmModal .modal-footer {  background: #f0f0f0;  border: none;  position: absolute;  bottom: 0;  width: 100%;  left: 0;  right: 0;}
.modlnmbrlist #showTickets {   height: 190px;  overflow: auto;}
.modal-body.modlnmbrlist{    min-height: 420px;}

/*--------right-box-new-design-css*/  
.summery-card .list li:first-child {    background: none; padding: 0;  margin: 0;   border-bottom: none;}
.summery-card .list li:first-child .summery-card__data{ display: block; }
.summery-card .list li:first-child .summery-card__data-amount.lines .nmbrdlticn{     margin-bottom: 8px;   display: flex; justify-content: space-between;}
.summery-card .list li:first-child .summery-card__data-amount.lines ul{      display: flex;}
.summery-card .list li:first-child .summery-card__data-amount.lines ul li:first-child{background: none; width: auto; height: auto; color: #000; border-radius: 0; line-height:normal; }
.summery-card .list li:first-child .summery-card__data-amount.lines ul li font{display: block; font-size: 18px; font-weight: 700; margin-top: 8px; margin-right: 10px; }
.summery-card .list li:first-child .summery-card__data-amount.lines ul li{margin: 0 4px;    width: 36px; height: 36px;  border: none;  background: #4c8534;  font-size: 16px;  color: #fff;   border-radius: 100px;   font-weight: 600;  line-height: 36px;    text-align: center; padding: 0;}
.summery-card .list li:first-child .summery-card__data-amount.lines .btn .lottery-btn__icon{    background: #d3004f;  font-size: 20px;  width: 36px;  height: 36px;   line-height: 36px;   border-radius: 5px;}
.summery-card .list li:first-child .summery-card__data-amount.lines .btn{ padding: 0;    min-width: auto; }
.summery-card__total .summery-card__total-name{ font-size: 20px; font-weight: 800; }
.summery-card__total .summery-card__total-amount{ font-size: 20px; font-weight: 800; }
.summery-card__body-container .list span#lines {   height: 150px; overflow: auto;}

.summery-card form input[value]{transition-delay: 250ms;}
.o-livechat-LivechatButton{top: calc(90% - 59px)!important;left: calc(98% - 54px)!important;}
a.scroll-top{display: none;}

.results_head{margin-top: -60px;display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
.search-form{display: flex;gap: 10px;justify-content: end;align-items: center;}
.search-form label{font-size: 11px;font-weight: 500;display: block;}
.search-form input{height: 40px;width: 100%;max-width: 158px;padding: 7px;border: 1px solid #b0b4c8;font-size: 14px;font-weight: 500;}
.search-form button{font-size: 15px;padding: 10px 15px;}
.search-form .clear-form{font-size: 10px;font-weight: 600;color: #3946c8;margin-bottom: -14px;display: block;}
.search-form .clear-form:hover{color: #7178b9;}
.btn-dr{font-size: 14px;font-weight: 600;color: #3f51b5 !important;padding: 8px 10px;margin-top: 0px;margin-right: 15px;}
.btn-dr:hover{text-decoration: underline;}

.toast{width: 310px;position: fixed;bottom: 10px;left: 10px;z-index: 8;background: #ffffff;border-radius: 5px;box-shadow: 0 0 1rem rgb(0 0 0 / 20%);border: none;}
.toast-header{color: #262b32;padding-bottom: 0px;border-bottom: none;position: relative;border-radius: 5px 5px 0 0;}
.toast-header .toast-title{font-size: 11px;font-weight: 600;color: #3946c8;}
.toast-header .btn-close_{background: #ffffff;color: #0e111582;border: 1px solid #343a4245;padding: 0px 4px;border-radius: 100px;font-size: 10px;margin-left: 7px;margin-top: -3px;margin-right: -3px;}
.toast-header .btn-close_:hover{background: #343a4259;color: #0e1115b5;}
.toast-body{color: #0e1115;font-size: 13px;padding-top: 8px;display: flex;align-items: center;}
.w-notify_img {width: 55px;margin-right: 14px;}

/*-------loto page css-------*/
.lot-class-list .nav-tabs{ margin: -24px 0 20px;   border-bottom: none;    justify-content: space-evenly;}
.lot-class-list  .nav-tabs .nav-item{ width: 23%; }
.lot-class-list  .nav-tabs .nav-item a{      display: block;   padding: 10px 15px 8px !Important;   color: #000 !Important;      font-size: 18px;  font-weight: 700;   margin-bottom: 0;   border:solid 1px #dee2e6; border-radius: 6px;    text-align: center;}
.lot-class-list  .nav-tabs .nav-item.show .nav-link, .lot-class-list .nav-tabs  .nav-link.active{    color: #fff !Important;  background-color: #4b3ce5;}
.lot-class-list .tab-content {  max-height: 300px;  height: 100%;  overflow: auto;}
.lot-class-list .tab-content h3{ font-size: 24px;  font-weight: 700;  margin:0px 0 15px;}
.lot-class-list .form-switch {  padding: 18px 18px 18px 54px;  background: #f5f5f5;  margin: 0;  border-bottom: dashed 1px #cdcfd2;}
.lot-class-list .form-switch.activeline{ background: #6c7280; }
.lot-class-list .form-switch.strike{ background: #b4b8bf; }
.lot-class-list .nmbrdlticn{  display: flex;  justify-content: space-between;}
.lot-class-list .nmbrdlticn .nmbrdsgn{    display: flex;}
.lot-class-list .nmbrdlticn .nmbrdsgn li { margin: 0 4px;  width: 36px; height: 36px;  border: none;  background: #d9d9d9; font-size: 16px;  color: #000; border-radius: 100px;
  font-weight: 600; line-height: 36px; text-align: center; padding: 0;}
.form-switch .form-check-input {  margin-top: 10px;}

@media (min-width: 1200px) and (max-width: 1400px) {
  .banner-slider-content .banner-slider-content__title { font-size: 56px;}
  .banner-slider-content__button .btn-label {  font-size: 17px;}
  .banner-slider-content h3 {   right: 25px;}
  .banner-slider-content .banner-slider-content__desc { max-width: 430px;}
  .ticket-item__thumb img {  max-width: 222px;}
  .ticket-item .ticket-item__name {  font-size: 18px;}
}

@media (min-width: 768px) and (max-width: 1400px) {
  .container{max-width: 1260px;}
  .banner-slider-thumb {  max-width: 1240px;}
  .section--sm {  margin: 0 15px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .banner-slider-content .banner-slider-content__title { font-size: 48px;}
  .banner-slider-content .banner-slider-content__desc {  font-size: 17px;  max-width: 349px;  line-height: 1.3em;}
  .bs-thumb_active .banner-slide-img { margin:-60px 10px 0px;}
  .banner-slider-content h3 {  width: 200px;  height: 200px;  padding-top: 66px;}
  .banner-slider-content h3 strong {font-size: 85px;}
  .banner-slider-content__button {  margin-right: 50px;}
  .section--sm {  margin: 0 15px;}
  .result-card__image {  max-width: 190px; margin-right: 0;} 
  .account-left__content h1 { font-size: 30px;}
  .account-left__content p {  font-size: 20px;}
}

@media (min-width: 768px) and (max-width: 992px) {
  .banner-slider-content .banner-slider-content__title { font-size: 38px;margin: -10px 0 20px;}
  .banner-slider-content .banner-slider-content__desc {  font-size: 17px;  max-width: 339px;  line-height: 1.3em;}
  .banner-slide-img { margin: 70px 0 -60px;}
  .banner-slider-content h3 {  width: 140px;  height: 140px; font-size: 20px;  padding-top: 42px;   right: 20px;  top: 42px;}
  .banner-slider-content h3 strong {  font-size: 62px; }
  .banner-slider-content h3 strong small { font-size: 30px;}
  .banner-slider-content .countdown {   margin: 20px 0 30px;}
  .banner-slider-content__button .btn-label {  font-size: 17px;}
  .banner-slider-content__button .btn { font-size: 22px; max-width: 120px;}
  .banner-slider-content {  padding: 40px 0 40px;}
  .banner-slide-img { margin: 0 0 -10px -70px;}
  .bs-thumb_active .banner-slide-img { margin:-74px 0px 0px -70px;}
  .bs-thumb_active .banner-slider-content {  padding: 60px 0 140px;}
  .banner-slider-content__button {  margin-right: 60px;}
 .account-right .account-form {  max-width: none;} 
.ticket-item .ticket-item__name { margin: 5px 0;  font-size: 14px;}
.ticket-item__thumb img { max-width: 130px;}
.ticket-head {  margin: -15px -15px 0 -15px;}
.ticket-item .ticket-item__button .btn {  font-size: 14px; padding: 10px 14px 8px;}
.ticket-section .row.justify-content-center .col-lg-4{ padding-left: 8px;  padding-right: 8px;}  
 .section--sm {  margin: 0 15px;}
.result-card__image {  max-width: 160px; margin-right: 0; } 
.ticket-card .result-card__name-info h4 { font-size: 25px; max-width: 220px; }  
.account-left__content h1 { font-size: 24px;}  
/*play page new css*/
.summery-card__body {  padding: 15px;}
.section--sm .row.g-4 .col-xl-8 { width: 100%;}
.section--sm .row.g-4 .col-xl-4 {  width: 100%;}
.modal-body { font-size: 16px; }
  .results_head{margin-top:0px;}
.footer-cta{padding: 5px 0px;}
}

@media (min-width: 992px){
  .banner-section{padding: 100px 0 90px;}
  .banner-content__desc{font-size: 30px;}
  .banner-content__title{font-size: 70px;}
  .banner-content__button a.btn.btn--white{font-size:22px;}
  .contact-section .contact__wrapper{padding: 55px;}
  .contact-section .col-lg-10{width: 95%;}
  .contact-section .ps-lg-5{padding-left: 0!important;}
  .how-to-work-wrapper .col-sm-6{width: 25%;}
  .how-to-work{min-height: 410px;}
  .how-to-work__desc{max-height: 207px;overflow: hidden;}
  .how-to-work__desc:hover{max-height: 100%;}
  .account-left__title{font-size: 52px;}
}

@media(max-width:767px){
  .banner-slider-content .banner-slider-content__title { font-size: 36px;     margin: -10px 0 20px;}
  .banner-slider-content .banner-slider-content__desc {  font-size: 17px;  max-width: 299px;  line-height: 1.3em;}
  .banner-slider-content h3 {  width: 120px;  height: 120px; font-size: 18px;  padding-top: 36px;   right: 10px;  top: 42px;}
  .banner-slider-content h3 strong {  font-size: 50px; }
  .banner-slider-content h3 strong small { font-size: 26px;}
  .banner-slider-content .countdown { margin: 20px auto 30px;}
  .banner-slider-content__button .btn-label {  font-size: 18px;}
  .banner-slider-content__button .btn { font-size: 22px; max-width: 120px;}
  .banner-slider-content {  padding: 40px 0 0;}
  .banner-slide-img { margin:10px 0 30px;}
  .about-item,.how-to-work{min-height: initial;}
  .ticket-section .row.justify-content-center .col-lg-4{width: 100%;}
  .ticket-item{padding: 15px 15px 25px;}
  .bs-thumb_active .banner-slider-content {  padding: 60px 0 40px;}
  .banner-slider-thumb {  margin-top: -80px;}
  .banner-slider-content__button {  margin-right: 0px;}
  .bs-thumb_active .banner-slide-img {   margin: -30px 0 60px;}
  .result-card__image { margin: 10px auto 0; max-width: 180px;}
  .ticket-card .result-card__name-info {  max-width: 100%;}
  .ticket-card .result-card__name {     text-align: center; display: block;}
  .section--sm .container {   max-width: 790px;}
  .stick-icons{right: 18px;bottom: 72px;}
  .sicons a{font-size:20px;}
  .section--sm {     padding-bottom: 50px; margin: 0 15px;}
  .lottery-container>li {  max-width: 100%;}
  .account-left__content h1 { font-size: 20px;}
  .banner-slider-content .banner-slider-content__title strong {  font-size: 20px;}
  .section-heading__title {  font-size: 28px;   margin: 0 30px 24px;}
  .footer-area__style {  padding-top: 40px;}
  .footer-area__style .social-list-wrapper { margin-top: -16px;}
  .ticket-card .result-card__name-info h4 {  font-size: 30px;  max-width: none;}
  .account-right .account-form__title {  font-size: 26px;}
.account-right .account-form__desc {  font-size: 16px;}
  /*play page new css*/
.summery-card__body {  padding: 15px;}
.section--sm .row.g-4 .col-xl-8 { width: 100%;}
.section--sm .row.g-4 .col-xl-4 {  width: 100%;}
.modal-body { font-size: 16px; }
.modal-body { font-size: 16px; }
.lotrydrowlist {  display: flex;   margin-bottom: 20px;  justify-content: center;  flex-direction: row;  flex-wrap: wrap;}
.lotrydrowlist .txtbox {  max-width: 100%;  width: 100%;  text-align: center;}
.lotrydrowlist small.fiveline {   max-width: 50%;  width: 100%; padding: 10px 16px 10px;   font-size: 16px;}
.lotrydrowlist span.errotxt { padding: 10px 16px 10px;   font-size: 20px;   max-width: 50%;  width: 100%;}
  .results_head{margin-top: 0;justify-content: flex-start;}
  .ma-list-wrapper{text-align: center;}
  .payment-gateway{margin: 10px 0;}
  .fcta-content,.fcta-button{text-align: center;}
  .fcta-content{margin-bottom: 15px;}
  .fcta-content h3{font-size: 23px;}
  .footer-cta{display: none;}
}

@media(max-width:576px){
/*play page new css*/
.lottery__head {  display: block;}
.lottery__head-title {         width: 100%; text-align: center;  margin-bottom: 12px;}
}

@media (max-width: 480px) {
  .banner-slider-content .banner-slider-content__title {    font-size: 28px; margin: -10px 0 24px;   text-align: center;  }
.banner-slider-content .banner-slider-content__title strong { font-size: 28px;}
.banner-slider-content h3 { width: 106px; height: 106px;  font-size: 13px; padding-top: 40px; right: auto; top: auto;position: inherit;   margin: 0 auto;  }
.banner-slider-content .banner-slider-content__desc {  font-size: 20px; max-width: none;  text-align: center;   margin: 0 0 20px; }
.banner-slider-content__button .d-flex { text-align: center; flex-wrap: wrap;  justify-content: space-around; flex-direction: row-reverse;}
.banner-slider-content__button .btn {   font-size: 22px;  max-width: 180px;}
.banner-slider-content__button .btn-label {  font-size: 19px;}
.ticket-item .ticket-item__name { font-size: 22px;  margin-right: 36px;   }
  .ticket-item .countdown__title {   font-size: 19px;}
  .ticket-item__thumb img {   max-width: 290px;}
  .ticket-item .ticket-item__button .btn {  font-size: 16px;}
  .section--sm {   margin: 0 8px;}
  .ticket-card .result-card__name-info h4 { font-size: 23px;}
  .bgbanner {   background-position: 46%;}
.lottery__head .list li .btn .lottery-btn__text { font-size: 12px;  padding: 2px 3px 2px 0px;}
.lottery__head .list li .btn .lottery-btn__icon {     display: block;  font-size: 18px;  }
  /*play page new css*/
.lottery__list {    justify-content: start;  gap: 0px;}
.lottery__btn {  font-size: 15px;}
  
.header {   padding: 5px 0;}
.navbar-brand.logo img {  max-width: 86px;}
.ticket-card--container {  padding: 25px 0px 40px;}
.col-md-4.lb-col-r {  display: none;}
.ticket-card__content p {   margin: 5px 0 8px; font-size: 14px;}
.col-md-4.lb-col-c .ticket-card__content { max-width: 244px;}
.lottery-card__counter {  width: 38px;  height: 38px; font-size: 16px;}  
.ticket-card__content .countdown { padding: 30px 10px 7px;}

  
/*--------right-box-new-design-css*/
.section--sm .container { margin-top: -60px;}
.lottery__head { border-bottom: solid 1px #D9D9D9;  padding: 0 0 10px;   margin-bottom: 12px;} 
.summery-card {  background: #fff; position: fixed;  bottom: 0;  width: 100%; left: 0; right: 0;  z-index: 2;    height: 150px;  overflow: scroll;}  
.summery-card__title { font-size: 18px;} 
.summery-card__title {   margin-bottom: 0;}
.summery-card__head p { display: none; font-size: 14px;}
.summery-card__head {  padding: 14px 10px 1px;}
.summery-card__body { padding: 8px 15px 68px;}
.summery-card .list li:first-child .summery-card__data-amount.lines ul li {   margin: 0 2px;  width: 30px;  height: 30px;   font-size: 14px;   line-height: 30px;}
.summery-card .list li:first-child .summery-card__data-amount.lines ul li font {   margin-top: 5px; margin-right: 5px;}
.summery-card .list li:first-child .summery-card__data-amount.lines .btn .lottery-btn__icon { font-size: 17px;   width: 30px;  height: 30px;    line-height: 30px;}
.summery-card .summery-card__data-name {  font-size: 15px;  font-weight: 600;}
.summery-card__total .summery-card__total-name { font-size: 18px;}
.summery-card__total .summery-card__total-amount {  font-size: 18px;}
hr.summery-card__hr { margin: 3px 0;}  
.summery-card__footer{padding-bottom:8px!important;padding-top:8px;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9;background:#ffffff;}
.summery-card__footer .buyTicketBtn{width:100%;}
.lottery__head .list li .btn {  padding: 5px 4px;  display: block;  width: 90px;  margin: 5px auto; max-width: none; min-width: auto;   min-height: 67px;}
.lottery__head .list li .btn .lottery-btn__text { display: block;   font-size: 13px; padding:0px;}
.lottery__head .list {    gap: 2px;} 
.lottery__head-title {  margin: -16px 0 6px;}  
.lottery-card__counter.hours::before, .lottery-card__counter.days::before, .lottery-card__counter.minutes::before, .lottery-card__counter.seconds::before{ font-size: 11px; }  
  
/*--------confirmation-modal-css*/  
.modlnmbrlist .nmbrdsgn {  padding: 8px 0;  margin: 7px 0;}
.modal-body.modlnmbrlist {  min-height: 430px;}
.modlnmbrlist .nmbrdsgn li {   margin: 0 2px;  font-size: 15px;}  
.modal#confirmModal .modal-header p {  font-size: 15px;}  
.lotrydrowlist .txtbox font { font-size: 18px;  }  
  
/*-------loto page css-------*/
.lot-class-list .form-switch { padding: 15px 15px 15px 48px;}
.lot-class-list .nmbrdlticn .nmbrdsgn li {  margin: 0 2px;  width: 28px;   height: 28px;   font-size: 14px; line-height: 28px;}
.form-switch .form-check-input {  margin-top: 5px;    width: 1.5em; margin-left: -34px;}
.lot-class-list .tab-content h3 {  font-size: 18px;  margin: 0px 0 9px;} 
.lot-class-list .nav-tabs .nav-item a {   padding: 10px 12px 8px !Important;  font-size: 15px;}
.lot-class-list .nav-tabs .nav-item {  width: 48%;  margin: 2px 2px;}
  
}

@media (max-width: 393px) {
.lotrydrowlist .txtbox font {  font-size: 16px;}

}