@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
/*     Regular 400 Medium 500 SemiBold 600 Bold 700 */



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:36px;color:#0057fc; margin:0px 0px 20px 0px;padding:0px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
h2 {font-size:32px;color:#333333; margin:0px 0px 20px 0px;padding:0px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
h3 {font-size:30px;color:#333333; margin:0px 0px 20px 0px;padding:0px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
h4 {font-size:24px;color:#333333; margin:0px 0px 20px 0px;padding:0px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
h5 {font-size:20px;color:#333333; margin:0px 0px 20px 0px;padding:0px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
h6 {font-size:18px;color:#333333; margin:0px 0px 20px 0px;padding:0px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
h1 span{ font-size: 20px; display: block; color: #333;font-weight:600;}


.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:#3E3E3E;
  font-size:16px;
  line-height:1.6; 
  margin:0px; 
  padding:0px; 
  outline:none;
  text-decoration:none;
  list-style:none;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;font-weight: 500;
}
p{color:#3E3E3E;font-size:16px;line-height:1.6;  margin:0px 0px 20px 0px;font-family: 'Montserrat', sans-serif;font-weight: 500;}
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;}


.page-title{ position:relative; margin-bottom:10px;text-align: center;}
.page-title h2{font-size:32px;color:#333333; margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; text-transform: uppercase; }
.page-title h2 span{color:#e82e2e;margin:0px 0px 10px 0px; }
.page-title h6{color:#e82e2e;margin:0px 0px 5px 0px; }
.page-title p{ color: rgba(51,51,51,0.6)}





/*=========================== Login ===========================*/


.login-18 {background: url(../images/login-bg.jpg) top left repeat;background-size: cover;top: 0;width: 100%;text-align: center;bottom: 0;opacity: 1;z-index: 999;min-height: 100vh;position: relative;display: flex;justify-content: center;align-items: center;padding: 30px 0;}
.login-18:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #002b8e;content: "";z-index: -1;opacity: 0.8;}
.login-18 .form-section {max-width: 550px;margin: 0 auto;padding: 70px 50px;background: #fff;
border-radius: 5px;box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);position: relative;z-index: 0;}
.login-18 .form-section:before {content: "";width: 196px;height: 50px;position: absolute;bottom: 0;left: 0;background: url(../images/img-39.png) top left repeat;background-size: cover;z-index: -1;}
.login-18 .form-section:after {content: "";width: 196px;height: 50px;position: absolute;top: 0;right: 0;background: url(../images/img-40.png) top left repeat;background-size: cover;z-index: -1;}
.login-18 .form-section ul{list-style: none;padding: 0;margin: 0 0 20px;}
.login-18 .form-section .form-group {margin-bottom: 25px;position: relative;}
.login-18 .form-section .form-control {font-size: 16px;outline: none;background: #efefef;padding: 12px 25px;color: #535353;height: 60px;border-radius: 10px;border: 1px solid #efefef;padding-left: 45px;}
.login-18 .form-section .form-group i{ position: absolute;left: 20px;top: 20px;font-size: 20px;}
.login-18 .form-section .checkbox .terms{margin-left: 3px;}
.login-18 .form-section .btn-md {cursor: pointer;height: 50px;color: #fff;padding: 10px 50px 10px 50px;font-size: 17px;font-weight: 400;border-radius: 3px;}
.login-18 .form-section .btn-theme {background: #e91f23;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);border: none;color: #fff;}
.login-18 .form-section .btn-theme:hover {box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);background: #db1519;}
.login-18 h6{ color: #e11299; text-decoration: underline; margin-bottom: 30px;}



.winning-box {
  background: #0057fc;
  border-radius: 10px;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
  color: #fff;margin-bottom: -100px;position: relative;
z-index: 1;
}
.winning-box-btm{ position: relative; padding: 15px; text-align: center; background-color: #ffdd0f; border-radius:0 0 10px 10px;}
.winning-box-top {padding: 20px 20px 0 20px;}
.winning-box h2{ color: #fff;}
.winning-box h2 span{ color: #ffdd0f; display: block; font-size: 45px;}
.winning-box p{ color: #fff; font-size: 22px;}
.winning-box p span{ font-size: 22px; font-weight: 700;}
.winning-box-btm1 {display: flex;
align-items: center;
justify-content: space-between;
color: #333;
font-size: 16px; font-weight: 600;}
.winning-box-btm1 i{ background-color: #f8f9fc; width: 50px; height: 50px; align-items: center; display: inline-flex; justify-content: center; color: #002fbd; border-radius: 50%; margin-right: 10px; font-size:22px;}
.winning-box-btm2 {display: flex;align-items: center;justify-content: center;}

.blinking {
  animation: blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    50%{color: #ffdd0f;}
    100%{color:transparent;}
}
.bumper-prize{ position: relative; padding: 100px 0px 50px;}
.winning-box h3 {
  color: #00ffc3;
  font-size: 16px;
}

/*=========================== Home ===========================*/

.top-head{ position:relative; padding: 20px 0px; z-index: 1;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1); border-top: 5px solid #0840e5;}
.tophead-main{ display:flex; align-items: center; justify-content: space-between;}
.tophead-main1 img{ width:250px;}
.tophead-main2{ position: relative;}

.tophead-main3{ font-weight:600; font-size: 18px;white-space: nowrap; }
.winner-slot{position:relative; padding: 50px 0px; background: url("../images/bg1.svg") no-repeat center top #f8f9fc;}
footer{ position: relative; padding: 15px; text-align: center; color: #fff; background-color: #242549;}


.bumper-prize{}
.bumper-prize h2{ background: #0057fc; text-align: center; padding: 5px; font-size: 26px; color: #fff; margin-bottom: 0px;}
.bumper-prize li{ display: inline-block;box-shadow: 0 2px 6px 2px rgba(0,0,0,0.07); border-radius: 5px; padding: 5px 10px; margin: 4px 4px; background: #fff;}
.bumper-prize ul{ text-align: center; margin-bottom: 0px; padding: 40px 10px; background: #f3f4f5;}
.bumper-prize0 h2{background: #ff1f25;}


.account-details{background: #0057fc;border-radius: 10px;max-width: 550px;margin: 0 auto;text-align: center;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
color: #fff;position: relative; padding: 20px;z-index: 1;}
.account-details p { color: #ffdd0f;}
.account-details li{ text-align: left; margin-bottom: 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px;}
.account-details li strong{ display: inline-block; padding-right: 10px; width: 200px; text-align: left;}
.account-details li img{ width: 30px; margin-right: 5px;}



.contact-page{ position:relative; padding: 50px 0px;}


.contact-info-column .info-inner{
	position: relative;
	padding: 45px 15px;
	text-align: center;
	border-radius: 25px;
	border:1px solid #ccc;
}
.contact-info-column .info-inner i{ display: inline-flex; align-items: center; justify-content: center; width:80px; height: 80px; border-radius: 50%; color: #333; background-color: #ffdd0f; font-size: 22px;}
.contact-info-column .info-inner p{ margin: 10px 0px 0px 0px;}
.contact-info-column .info-inner .text{ display: block; padding-top: 10px; font-weight: 600; color: #0057fa;}

.form-group{ margin-bottom: 20px;}



/*==================== Bank Design =====================*/

.bank-design{ position: relative; margin: 50px auto 0 auto; max-width: 800px; font-size: 12px; font-weight: 500;}
.bank-design-top{ text-align: center;}
.bank-design-btm{background-image: linear-gradient(to bottom, #21a8fa, #bad6e4); padding: 15px; color: #022fac; font-weight: 600;}
.bank-design-btm2{background: #fff; position: relative; padding: 10px 0px; color: #0e73c3; font-size: 11px; text-align: center; font-weight: 600;}
.bank-design-btm3{background: #11a1fa; position: relative; padding: 10px 0px; color: #fff; text-align: center; font-weight: 600; font-size: 16px;}

.dot{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #051584;}

.bank-design .form-control{ background-color: #b2d4f4; border: 1px solid #1273c3; height: 35px; border-radius: 0px; width: 250px;}
.bank-content1{ font-size:14px;}
.ticket-design{ background:url(../images/lottery.jpg) no-repeat left top; background-size:100%; height:370px; margin-top:20px; margin-bottom: 50px; position:relative;}
.ticket-design h6{position: absolute;right: 30px;top: 72px;width: 130px;font-weight: 600;color: #484848;font-size: 14px; text-align: center;}
.ticket-design h2{position: absolute;left: -40px;right: 0;bottom: 20px;width: 130px;font-weight: 600;color: #fff;font-size: 14px;text-align: center;margin: 0 auto;}

.entryticket-post .form-control {
  margin-bottom: 20px;
  background: #f0f0f0;
  border: 1px solid #ccc;
}
/*==================== Btn =====================*/

.btn-style-one{color: #fff; text-align:center; border:0px solid #7DC18C;padding: 10px 30px;background:#DD2C2C; transition: 0.5s ease-in-out; display:inline-block; position: relative; text-align: center; display: inline-flex; align-items: center; justify-content: center;font-size: 13px;font-weight: 600; border-radius: 5px;}
.btn-style-one:hover{background:#333333;color: #fff;}




/*==================== Login =====================*/

.bodywork_loginwhite{ position:relative;background:#fff;border-radius:5px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);padding:25px 35px 25px 35px; margin:0px 0px;min-width: 500px;}
.bodywork_loginwhite h3{color:#3e3e3e;font-size:38px; text-align: center; margin-bottom:30px;font-weight: 600;}
.bodywork_loginwhite li{ position:relative; margin-bottom:20px;}
.bodywork_loginwhite li .form-control{background:#fff; border: 1px solid #ccc; border-radius:4px; height:50px; line-height:50px; font-weight:400; text-indent:25px;}
.bodywork_loginwhite li .input-login{position:relative;}
.bodywork_loginwhite li .input-login i{position:absolute; left:15px; top:16px; font-weight:900 !important; color:#b7b7b7;}
.bodywork_loginwhite li .form-select{border: 1px solid #ccc; border-radius:4px; padding:10px 10px 10px 40px;background: #fff;width: 100%;height: 50px;}




@media only screen and (min-width:1401px) and (max-width:1500px) {
	
	
}
@media only screen and (min-width:1301px) and (max-width:1400px) {
h1 {font-size:33px;}
h2 {font-size:28px;}
h3 {font-size:26px;}
h4 {font-size:24px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
.page-title h2 {font-size: 28px;}
.ticket-design h6{right: 20px;top: 210px;}	
.ticket-design h2 {left: -40px;bottom: 68px;}
	
}
@media only screen and (min-width:1200px) and (max-width:1300px) {
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:22px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
.page-title h2 {font-size: 22px;}	
.ticket-design h6{right: 20px;top: 140px;}	
	
	
}
@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;}
.page-title h2 {font-size: 22px;}
.ticket-design h6{right: 20px;top:48px; font-size:14px; width:100px;}		
.ticket-design h2{bottom: 117px;}		
	
	
	
}
@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;}
.page-title h2 {font-size: 22px;}
.tophead-main1 img {width: 180px;}	
.ticket-design h6{right: 30px;top: 57px; font-size:14px; width:100px;}		
.ticket-design h2{bottom:87px;}	
	
	
	
}
@media only screen and (max-width:767px) {
h1 {font-size:24px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:22px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
.page-title h2 {font-size: 22px;}

.login-18 .form-section {padding: 50px 20px;}	
.bumper-prize h2 {font-size: 22px;}	
.bumper-prize ul{padding: 20px 10px;}
.winning-box h2 span {font-size: 32px;}	
.winning-box-btm1 {display: block;}	
.winning-box-btm2 {justify-content: start;margin-bottom: 20px;}	
.tophead-main {display: block;}	
.tophead-main3{ text-align: center; padding-top: 10px;}	
.account-details li strong{ width: auto;}	
.ticket-design{width: 310px;margin: 40px auto;}	
.ticket-design h6{right: 8px;top: 24px;width: 60px;font-size: 8px;}
.bodywork_loginwhite{padding:25px 15px 25px 15px; min-width: 100%;}	
.ticket-design h2{left: -20px;bottom: 240px;width: 70px;font-size: 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:#202E3F;position:fixed;bottom:0px;right:0px;text-decoration:none;color:#fff;font-size:14px;display:none;z-index:999;}
.back-to-top:hover {opacity:.6;filter:alpha(opacity=60)}
.back-to-top:focus, .back-to-top:hover {color:#fff!important}