@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/*font-family: 'Syne', sans-serif;        Regular 400     Medium 500     SemiBold 600     Bold 700     ExtraBold 800  */
/*font-family: 'Poppins', sans-serif;       Regular 400    Medium 500    SemiBold 600     Bold 700   */
/*.filedsbusiness-body [class*="col-md-4"] {margin-bottom: 30px;}*/



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

a{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:44px; line-height: 1.1; color:#4c4c4c; margin:0px 0px 20px 0px;padding:0px;font-family: 'Poppins', sans-serif; font-weight: 600;}
h2 {font-size:36px;color:#4c4c4c; margin:0px 0px 20px 0px;padding:0px;font-family: 'Poppins', sans-serif; font-weight: 600;}
h3 {font-size:32px;color:#4c4c4c; margin:0px 0px 20px 0px;padding:0px;font-family: 'Poppins', sans-serif; font-weight: 600;}
h4 {font-size:26px;color:#4c4c4c; margin:0px 0px 20px 0px;padding:0px;font-family: 'Poppins', sans-serif; font-weight: 600;}
h5 {font-size:22px;color:#4c4c4c; margin:0px 0px 20px 0px;padding:0px;font-family: 'Poppins', sans-serif; font-weight: 600;}
h6 {font-size:18px;color:#4c4c4c; margin:0px 0px 20px 0px;padding:0px;font-family: 'Poppins', sans-serif;font-weight: 600;}

h2 span{color: #e10000;}
.spacer1px {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer10px {clear:both;line-height:0;font-size:0;overflow:hidden;height:10px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer20px {clear:both;line-height:0;font-size:0;overflow:hidden;height:20px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer30px {clear:both;line-height:0;font-size:0;overflow:hidden;height:30px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}

body {
  overflow-x:hidden;
  color:#4c4c4c;
  font-size:15px;
  line-height:1.5; 
  margin:0px; 
  padding:0px; 
  outline:none;
  text-decoration:none;
  list-style:none;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;font-weight: 400;
}
p{color:#4c4c4c;font-size:15px;line-height:1.5;  margin:0px 0px 20px 0px;font-family: 'Poppins', sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a{}

.form-control::-webkit-input-placeholder {color: rgba(51,51,51,0.7) !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:rgba(51,51,51,0.7) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder {color:rgba(51,51,51,0.7) !important; opacity:1 !important;}
.form-control:-moz-placeholder {color: rgba(51,51,51,0.7) !important; opacity:1 !important;}
.form-select{color: rgba(51,51,51,0.7) !important; }
.form-bar-banner .btn.btn-primary{ background: #ffd800; border: none; color: #000; width: 100%; display: block; padding: 10px; font-weight: 700;}






/*==================== banner =====================*/

.logo-bar{ position: relative;padding:20px 0px 20px 0px; background-color: #e1e8cd;}
.logo-bar1 img{height:100px;}
.menu-bar{ position:relative; background-color: #072c40;}
.welcome-bar{ position:relative; padding: 100px 0px; background: url("../images/bg-section-about.jpg") no-repeat center center; background-size:cover;}
.welcome-right {display: grid;grid-template-columns: 1fr 1fr;text-align: center;gap: 30px;}

.welcome-bar h1{ color:#fff;}
.welcome-bar p{ color:#fff;}
.welcome-bar:after{background-color: rgba(48, 82, 98, 0.48); position: absolute; left:0px; top: 0px; z-index: 1; content:''; width: 100%; height: 100%;}
.welcome-bar .container{ position: relative; z-index: 2;}


.welcome-right1 img{ border-radius: 5px;}
.welcome-right1 h6{ margin: 10px 0px 6px; color: #fff;}
.welcome-right1 p{ margin: 0px 0px; color: #fff;}
.welcome-bar-left p{  border-left: 4px solid #fff; margin: 40px 0px 0px 0px; width: 80%; padding: 30px 0px 30px 100px; line-height: 1.8;}



.latest-news{ position:relative; padding: 100px 0px; background: url("../images/bg-section-count.jpg") no-repeat center center; background-size:cover;}
.latest-news1{display: grid;grid-template-columns: 1fr 1fr;text-align: center;gap: 30px;}
.latest-news2{box-shadow: 0 2px 5px 0px rgba(72, 97, 115, 0.15);background-color: #184244bf;border-radius: 5px !important;padding: 60px 60px;}
.latest-news2 p{color: #fff; margin: 20px 0px 0px 0px; font-weight: 700; font-size: 22px;}
.latest-news2 i{font-size:55px;  color: #ffd800;}

.weekly-lottries{ position:relative; padding:80px 0px;background-image: linear-gradient(45deg, rgba(0, 251, 228, 0.22) 0%, rgba(188, 189, 191, 0.32) 100%);  box-shadow: 0 0 0 0 #ffffff;}
.footer-slider {background: #062637;padding: 30px 0px;}
.form-box{ margin-bottom: 30px;}
.form-bar-banner{ position:relative; padding: 60px 0px; background: url("../images/pattern-3.png") no-repeat right top #201630;}
.form-bar-banner h2{ color: #fff;}


.banner-btns{ position: absolute; bottom: 100px; text-align: center; width: 100%; z-index: 2;}
.banner-btns li{ display: inline-block;}
.banner-btns li a{ display: inline-block; padding: 0px 20px; color: #fff;background-image: linear-gradient(to right, #46cacc , #9fc0c9); border-radius: 35px; padding: 10px 30px; font-weight: 600; font-size: 22px; margin: 0px 10px;}
.banner-btns li a:hover{background-image: linear-gradient(to right, #9fc0c9 , #46cacc); color: #000;}

.banner {position: relative;}


.contact-details__info {
  position: relative;
  display: block;
  margin-top: 21px;
}
.contact-details__info li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-details__info li .icon {
  height: 80px;
  width: 80px;
  background-color: #61a46c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;min-width: 80px;
}
.contact-details__info li .icon span {
  color: #fff;
  font-size: 25px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li:hover .icon {
  background-color: #072c40;
}
.contact-details__info li:hover .icon span {
  color: #fff;
}
.contact-details__info li:hover .text a {
  color: #072c40;
}
.contact-details__info li:hover .text a span {
  color: #072c40;
}
.contact-details__info li .text {
  margin-left: 30px;
}
.contact-details__info li .text h6 {
  margin-bottom: 10px;
}
.contact-details__info li .text p {
  font-size: 14px;
  line-height: 24px;
}
.contact-details__info li .text a {
  font-size: 16px;
  color: #072c40;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li .text span {
  font-size: 16px;
  color: #072c40;
}
.contact-details__info li + li {
  margin-top: 19px;
}
.contact-details {
  position: relative;
  padding: 70px 0px;
}
.contact-details .form-control{ background-color: #f4f5f8; border: none; height: 55px; border-radius: 0px;}
.contact-details textarea{ background-color: #f4f5f8; border: none; height: 155px !important; border-radius: 0px;}

.banner-inner{ position:relative;padding: 100px 0px; background: url("../images/lottery-interior.jpg") no-repeat center center; background-size:cover;}
.banner-inner:after{background-color: rgba(48, 82, 98, 0.48); position: absolute; left:0px; top: 0px; z-index: 1; content:''; width: 100%; height: 100%;}
.banner-inner .container{ position: relative; z-index: 2;}
.banner-inner .container h2{ color: #fff;}

.contact-details.aboutus-page img{ width: 300px; float: left; margin: 0px 20px 20px 0px;}

.table-responsive{ text-align: center;}
.table-responsive tr th{ color: #fff !important; background-color: #072c40;}


.prize-structure{position:relative;padding: 70px 0px;}
.prize-st{display: grid;grid-template-columns: 1fr 1fr 1fr;text-align: center;gap: 30px;}
.prize-st-box p{ margin: 0px;background: #17a2b8; color: #fff; font-weight:500; padding: 10px;}
.prize-st img{ width: 100%;}


.prize-details{position:relative;padding: 70px 0px;}
.prize-dtlsbox{ position:relative; padding: 50px; border-radius: 10px; background: url("../images/bgimg1.jpg") no-repeat center center; background-size: cover; text-align: center; max-width: 750px; margin: 0 auto;}
.prize-dtlsbox h3{color: #fff;}
.prize-dtlsbox li{color: #fff; padding: 10px 0px; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 18px; font-weight: 600;}
.prize-dtlsbox p{color: #fff;margin: 0px;background: #61a46c;padding: 15px;border-radius: 5px;font-weight: 600;font-size: 18px;}
.prize-dtlsbox li span {color: #fdd123; font-size: 22px;}
.prize-dtlsbox p strong{ font-size: 22px;color: #0010ff;}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.prize-dtlsbox h3 span{color: #fdd123;}
.payment-struct{ display:block; text-align: center;}
.payment-struct li{  display: inline-block;vertical-align: top; margin: 0px 10px; background-color: #fff; border-radius: 5px;padding: 0;}
.payment-struct li span{display: inline-flex; align-items: center; justify-content: center;text-align: center; width: 175px; height: 130px;}
.payment-struct li img{ width: 120px; max-height: 120px;}
.modal-body{ padding:20px !important;}
.prize-details h4{ color:#fff;padding-top: 50px;}
.payment-struct2{ margin-top: 50px;}
.payment-struct2 strong{ display: block; margin-bottom: 10px;color: #ffe300 !important;}

.prizeclaim{ position:relative; padding: 60px 0px;}
.prizeclaim li{ margin: 0px 0px 20px 20px; font-size: 14px;  list-style: disc;}



/*==================== Footer =====================*/

.footer-top{background: #062637;position: relative; padding: 50px 0px;}
.footer-btm{background: #fff; position: relative; padding: 15px 0px; text-align: center; color: #062637;font-size: 14px;}
.footer-top h6{ color:#fff; margin-bottom: 10px;}
.footer-top p{ color:#fff; font-size: 14px; margin-bottom: 0px;}
.footer-top img{ width: 150px;}
.footer-top a{color: #4c778d;}
.footer-top a:hover{color: #fff; text-decoration: underline;}
.footer-top p{color: #4c778d;}



/*==================== Btn =====================*/

.btn-style-one{color: #fff; text-align:center; border:0px solid #7DC18C;padding: 15px 20px; transition: 0.5s ease-in-out; display:block; font-size: 16px;font-weight:600; border-radius: 5px;transition: all .3s ease; background-color: #b02348;}
.btn-style-one:hover{background-color: #000;}




/*==================== 28-10-2024 =====================*/

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color:red;}

.select-titcket-frame{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;}
.custom-control.custom-checkbox {background: #fff;border-radius: 10px;margin-bottom: 20px;padding: 20px;}
.custom-control.custom-checkbox p{ margin: 0px; padding-left: 10px;}
.custom-control.custom-checkbox .font-style1{ display: block;color: #61a46c;font-size: 22px;font-weight: 600;}
.custom-control.custom-checkbox .font-style13 {color: #201630;font-weight: 700;}

.modal-content.chooseticket-popup .modal-header{ background-color: #072c40; color: #fff;}
.modal-content.chooseticket-popup h4.modal-title{ color: #fff; font-size: 20px;}
.modal-closebtn {border: none;background: none;color: #fff;font-weight: normal;text-shadow: none;font-size: 20px;}

.modal-content.chooseticket-popup .modal-body ul li{display: inline-block;background: #e1e8cd;padding: 6px 10px;margin: 5px;border-radius: 5px;}
.modal-content.chooseticket-popup .modal-body ul{ text-align: center;}
.modal-content.chooseticket-popup .modal-body ul li.active{background: #072c40; color: #fff;}

.userdashboard-cart{background: url(../images/userdashbaord.webp) no-repeat center center ; position: relative;background-size: cover;}

.userdashboard-cart{ position: relative; padding: 50px 0px;}

.whitebox1 {background: #fff;padding: 20px;border-radius: 10px;box-shadow: 4px 10px 24px 0px rgba(0,0,0,0.1); max-width: 500px; margin: 0 auto;}
.thanku-letter{ text-align: center;margin-bottom: 30px;} 
.thanku-letter img{ width: 120px; margin-bottom: 10px;}
.thanku-letter p{  color: #000;} 
.whitebox1 .btn.btn-primary {background: #ffd800;border: none;color: #000;width: 100%;display: block;padding: 10px;font-weight: 700;}


.bookingproecess2 {text-align: center;padding: 10px;margin-bottom: 20px;background: #c5f7cc;color: #000;font-weight: 600;}
.bookingproecess {margin-bottom: 20px;color: #000;font-size: 20px; padding-top: 10px;}
.modal-content.helpline-popup .modal-body{ position:relative; padding: 50px; border-radius: 10px; background: url("../images/bgimg1.jpg") no-repeat center center; background-size: cover; text-align: center; max-width: 750px; margin: 0 auto;}
.modal-content.helpline-popup h3.blink_me{ color: #fff;}
.modal-content.helpline-popup .modal-closebtn{position: absolute;right: 10px;  top: 10px; z-index: 9;}






@media only screen and (min-width:1401px) and (max-width:1500px) {
	
	
}
@media only screen and (min-width:1301px) and (max-width:1400px) {
h3 {font-size:22px;}
	

	
}
@media only screen and (min-width:1200px) and (max-width:1300px) {
h3 {font-size:22px;}

	
	
}
@media only screen and (min-width:992px) and (max-width:1199px) {
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:22px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

	
	
}
@media only screen and (min-width:768px) and (max-width:991px) {
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:22px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
.body-banner .owl-carousel .owl-item img {max-width: 100% !important;}	
.banner-btns li a{font-size: 15px;}	
.banner-btns {bottom: 80px;}	
.logo-bar .col-lg-12.align-items-center.d-flex.justify-content-between {display: block !important;}
.logo-bar1 { display: inline-block;}	
.prize-st{grid-template-columns: 1fr 1fr;}
	
	
	
}
@media only screen and (max-width:767px) {
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:22px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
body,html{ overflow-x:hidden !important;}	
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {--bs-gutter-x: .5rem !important;}	
.latest-news1 {grid-template-columns: 1fr;}
.footer-top {padding: 10px 0px 50px;}
.welcome-bar-left p {margin: 30px 0px 30px 0px;width:100%;padding: 30px 0px 30px 30px;}	
.banner-btns li a{font-size: 11px;padding: 10px 10px;  margin: 0px 5px;}	
.banner-btns{bottom: 20px; }	
.logo-bar .col-lg-12.align-items-center.d-flex.justify-content-between {display: block !important;}
.logo-bar1 { display: inline-block;}	
.logo-bar1 img {height: 52px;}	
.contact-details.aboutus-page img{ width: 100%;}
.prize-st{grid-template-columns: 1fr;}
.prize-dtlsbox {padding: 20px;}
.prize-dtlsbox li {font-size: 16px;margin: 0px 10px 10px;}	
.prize-dtlsbox li span {font-size: 18px;}	
.select-titcket-frame {grid-template-columns: 1fr;}	
.custom-control.custom-checkbox{margin-bottom: 10px;}	
	
	
}



input,textarea {-webkit-user-select:text;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.back-to-top {width:40px;height:40px;line-height:40px;text-align:center;background: #333;position:fixed;bottom:10px;right:10px;text-decoration:none;color:#fff;font-size:14px;display:none;z-index:999; border-radius: 5px;}
.back-to-top:hover {opacity:.6;filter:alpha(opacity=60)}
.back-to-top:focus, .back-to-top:hover {color:#fff!important}
option{background:#fff!important; color: #4c4c4c !important;}


.select2-container--default .select2-selection--single {
  height: 45px !important;
  padding-top: 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px !important;
}

.prize-dtlsbox h3 span {
  color: #fdd123;
  display: block;
  font-size: 45px;
  font-weight: bold;
}


.select2-selection.select2-selection--single{ height: 45px !important;
  padding-top: 8px !important;}