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

*{
	box-sizing:border-box;
	margin:0;
	padding:0;
}

a,
button,
input,
textarea{
	outline:0;
	transition: all .5s ease;
}
a{ text-decoration:none!important;}

body{
	/*background-image: url("../img/body-bg2.jpg");*/
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.631372549), rgba(0, 0, 0, 0.631372549)), url("../img/body-bg2.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:  center center;
	background-size:cover;
	/* background:url("../img/body-bg2.jpg") no-repeat top center;
	background-size:100% auto; */
	counter-reset: my-awesome-counter;
}

header, 
footer, 
.banner, 
.h1,
.h2,
.section,
.p,
.flexed,
.inputForm,
.h3
{
	width:100%; float:left;
}

.wrapper{
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding:0 20px;
}

header{
	margin:60px 0 30px;
	display:flex;
	justify-content:flex-end;
}
header a{
	font:600 12px 'Poppins', sans-serif;
	color:#fff;
	margin:0 0 0 20px;
}
header a:hover{
	color:#ff0054;
}
.head-bg{ background: #49b47c; text-align: center;}
.banner{
	color:#fff;
	margin:0 0 80px;
}
.h1{
	font:900 95px/85px 'Poppins',sans-serif;
	color:#ff0054;
	margin:50px 0 10px;
}
.h1 small{
	display:block;
	font:700 38px 'Poppins',sans-serif;
	color:#fff;
}

.h1 span{
	font-size:40px;
	font-weight:500;
}
.h2{
	font:700 25px 'Poppins',sans-serif;
	color:#fff;
}
.flexed{
	max-width:650px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:30px 0 40px;
}
.flexed > div{
	flex:1;
	max-width:190px;
	display:flex;
	align-items:center;
}
.flexed > div > img{
	margin:0 10px 0 0;
}
.flexed > div h4{
	font:400 15px 'Poppins',sans-serif;
}
.joinButton{
	float:left;
	width:262px;
	height:80px;
	border-radius:100px;
	text-align:center;
	font:600 26px/80px 'Poppins',sans-serif;
	color:#fff;

	box-shadow:00 19px 12px rgba(255,0,60,0.5);

	background: rgb(255,0,102);
	background: -moz-linear-gradient(top,  rgb(255,0,102) 0%, rgb(254,0,59) 100%);
	background: -webkit-linear-gradient(top,  rgb(255,0,102) 0%,rgb(254,0,59) 100%);
	background: linear-gradient(to bottom,  rgb(255,0,102) 0%,rgb(254,0,59) 100%);
}

.joinButton:hover{
	color:#fff;
}

.section{
	background:rgba(0,0,0,0.7);
	padding:15px 15px 30px 15px;
}

.p{
	font:300 15px/24px 'Poppins',sans-serif;
	color:#fff;
}
.section ol li{
	color: #fff !important;
	margin-left: 40px;
	margin-bottom: 15px;
}
.section ul li{
	color: #fff !important;
	margin-left: 40px;
	margin-bottom: 5px;
}
.modal-open .modal{
	padding:0!important;
}
.modalCustom{
	max-width:500px;
}
.modalCustom .modal-header,
.modalCustom .modal-footer{
	padding:0;
	margin:0;
	border:none;
}
.modalCustom .modal-content{
	border-radius:0;
}

.modalCustom .modal-body{
	width:100%; float:left;
	padding:50px;
}
.h3{
	font:700 20px 'Poppins',sans-serif;
	color:#fff;
	margin:0;
}
.inputForm{
	height:40px;
	border-radius:0;
	border:solid 1px #e0e0e0;
	padding:0 15px;
	margin:0 0 15px;
	font:400 14px 'Poppins',sans-serif;
	color:#000;
}
.inputForm::placeholder{
	color:#555;
}
.inputForm:focus{
	border-color:#ff0054;
}
.buttonLogin{
	width:100%; float:left;
	height:40px;
	text-align:center;
	font:600 14px/40px 'Poppins',sans-serif;
	color:#fff;
	border:none;
	cursor:pointer;
	
	background: rgb(255,0,102);
	background: -moz-linear-gradient(top,  rgb(255,0,102) 0%, rgb(254,0,59) 100%);
	background: -webkit-linear-gradient(top,  rgb(255,0,102) 0%,rgb(254,0,59) 100%);
	background: linear-gradient(to bottom,  rgb(255,0,102) 0%,rgb(254,0,59) 100%);
}

.modal-header .close{
	padding:0;
	margin:0;
	position:absolute;
	right:10px;
	top:10px;
	z-index:2;
	outline:0;
}

footer{
	font:300 13px 'Poppins',sans-serif;
	color:#fff;
	text-align:center;
	padding:15px;
}
footer .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1400px;
}
.footerlinks{
	flex:1;
	display: inline-flex;
	align-items: center;
}
.footerlinks a{
	font-size:14px;
	color:var(--blue-dark);
	margin:0 6px;
}
.footerlinks a:hover{
	text-decoration: underline!important;
}
.copyrights{
	font-size:14px;
}

.desktopTransparentGroup{
	width:100%; float:left;
	height:72px;
	background:rgba(20,35,27,0.8);
	border-radius:10px;
	padding:10px 15px;
	margin: 0px 0 10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.desktopTransparentItem{
	width:29%;
	color:#fff!important;
	/*text-shadow:1px 3px 1px rgba(0,0,0,.8);*/
	display:inline;
	align-items:center;
	font-size:18px;
	font-weight:500;
}
.desktopTransparentItem img{
	margin:0 10px 0 0;
}
.desktopTransparentItem:first-child{
	color:#82f282!important;
}
.head-img{ margin-bottom: 10px;}
.head-img img{ width: 80px;}
.logo{ width: 150px;}
.sectionTable strong{ font-weight: 700 !important;}

@media (max-width:768px){
	body{
		background-position:top right;
	}
	.wrapper{
		float:left;
		background:rgba(0,0,0,0.6);
	}
	.flexed{
		flex-wrap:wrap;
		justify-content:flex-start;
	}
	.flexed > div{
		max-width:100%;
		min-width:100%;
		margin:0 0 20px;
	}
	.section{
		padding: 20px;
	
	}
}
@media (max-width:480px){
	.modalCustom .modal-body{
		padding:50px 20px;
	}
}


/****************table html*****************************/
.paylogo{width: 90%; margin-top: 20px;}
.sectionTable{
        width:100%; 
        float:left;
     }
    .sectionTable .container{
        width:100%; 
        max-width:1400px;
    }
	.sectionTable h2{ margin:15px 0 0px; color:#fff; font-size:28px;}
	.sectionTable h4{ margin:5px 0 20px; color:#fff;  font-size:18px; font-weight:bold;}
		
    .headingTable{
        width:100%; 
        float:left; 
        margin:0 0 15px;
        font:700 22px 'Poppins',sans-serif;
    }
    .itemTable{
        width:100%; 
        float:left; 
        display:flex; 
        align-items:center; 
        background:#fff; 
        border-radius:5px; 
        padding:10px 15px;
        margin:0 0 15px; 
        box-shadow:0 1px 5px rgba(0,0,0,0.1);
        border:solid 2px #fff; 
        overflow:hidden;
    }
    .itemTable.topper{
        border:solid 2px #3d61bc;
		text-align:center;
    }
    .columnItemTable:first-child{
        min-width:200px;
    }
    .columnItemTable:nth-child(2){
        flex:1;
        min-width:28%;
        padding:0 15px;
    }
	
    .imgItemTable{
        min-width:200px;
        width:250px;
    }
    .imgItemTable img{
        /*max-width:65%;*/
    }
    .ratingItem{
        margin:10px 10px 0 0;
    }
    .playTable{
        min-width:200px;
        display:inline-block;
        padding: 2px 25px;
        text-align:center;
        background:#008000;
        color:#fff;
        border-radius:100px;
        font:700 18px/40px 'Poppins',sans-serif;
		width: 100%;
		
    }
    .playTable:hover{
        color:#fff!important;
    }
    .columnItemTable b{
        display:inline-block;
        padding:3px 15px;
        border-radius:100px;
        background:#d1d1d1;
        color:#333;
        font:500 14px 'Poppins',sans-serif;
    }
    .headingColumnItem{
        width:100%; float:left;
        margin:5px 0 0;
        font:700 22px 'Poppins',sans-serif;
    }
	.headingColumnItem span{ font-size: 18px;}
	.columnItemdesc{
		font-size: 16px;
		  text-align: left;
		  line-height: 26px;
		  width: 340px;
}

    .listingColumn{
        display:inline-block;
        margin:0;
        padding:0;
        list-style:none;
		width:80px;
    }
    .listingColumn li{
        width:100%; float:left;
        margin:0 0 7px;
        padding:0;
        font:400 14px 'Poppins',sans-serif;
    }
    .listingColumn li:before{
        content:'';
        background:url("../images/check-img.png") no-repeat;
        display:inline-block;
        width:16px;
        height:16px;
        margin:3px 8px -2px 0;
    }
.score{ font-size:24px; font-weight:bold;}
.scoresml{font-size:18px;}	
.disdektop{ display:none;}

.numbering {
    position: absolute;
	z-index:10000;
    width: 34px;
    height: 38px;
    background: #ae1c27;
    font: 300 24px/40px open sans,sans-serif;
    color: #fff;
    text-align: center;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
	margin-top: -12px;
	margin-left:-25px;
	counter-increment: my-awesome-counter;
}
.payments{ margin-top:5px;}
.payments img{ width:250px;}
.numbering::before  {content: counter(my-awesome-counter);}

    @media (max-width:910px){
        .itemTable{
            flex-direction:column;
            align-items:center;
            text-align:center;
        }
        .columnItemTable{
            max-width:100%!important;
            width:100%;
            text-align:center;
        }
        .ratingItem{
            margin:10px 0;
        }
        .playTable{
            width:100%;
            max-width:400px;
        }
		.imgItemTable img{max-width: 60%;}
		.headingColumnItem{margin:0;}
		.headingColumnDesc{ margin-bottom:10px; display:inline-block;}
		
		.columnItemTable:nth-child(2){
        padding:5px 15px 0 15px;
  		  }
	
	.sectionTable h2 { font-size:20px; margin-bottom: 10px;}
	.disdektop{ display: block;}
	.dismob{ display:none;}
	.numbering { left:0px;}
	.numbering {
    margin-left:15px;
	}
	.h2{ font-size: 20px;}
	.columnItemdesc{ width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    align-items: center !important;
    justify-content: center !important;
    display: inline-grid !important;}
	.score{ position: absolute; z-index: 99999; right: 35px;}	
	.logo{ width: 140px;}	
		
    }
.clearfix::after{content:"";display:table;clear:both}