@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

body {
    margin: 0 auto;
    font-size: 16px;
    padding: 0;
    font-family: "Roboto", sans-serif;
    color: #323232;
}

::selection {
    background-color: #2196f3;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #323232;
 }



 .section-padding {
    padding:60px 0px;
}
 .mt-40 {
    margin-top:40px;
 }
 .f21 {font-size:21px; color:#01202b;}
 .h2, h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}
.h3, h3 { font-size:21px; font-weight:600;  color:#01202b;}
.h4, h4 { font-size:18px; font-weight:500;  color:#01202b;}
.h5, h5 { font-size:15px;  color:#01202b;}

a {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    outline: 0;
    color: #c55300;
    text-decoration: underline;
}

a:hover {
    outline: none;
    color: #1d1d1d;
    text-decoration: underline; color: #f9ca3e;
}

.wow {
    visibility: hidden;
}

.clear {
    clear: both;
}

img:not(table img) {
    max-width: 100%;
}

iframe {
    border: 0;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

p {
    font-size: 16px;
     color: #323232;
}

figure {
    margin: 0 auto;
    display: block;
    text-align: center;
}

body.scroll-off {
    overflow: hidden;
}

.section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-heading {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0;
}
 

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.form-control::-webkit-input-placeholder {
    color:#9C9C9C;
}

.form-control::-moz-placeholder {
    color:#9C9C9C;
}

.form-control:-ms-input-placeholder {
    color:#9C9C9C;
}

.form-control:-moz-placeholder {
    color:#9C9C9C;
}

 
/*==================== User Dropdown Start ===================*/

.user_dropdown {display:inline-block;}
.user_dropdown>a {color:#494949; padding-right:0; padding-top:0; padding-bottom:0;}
.user_dropdown img {height:35px; width:35px; min-height:35px; min-width:35px; border-radius:50%;}
.user_dropdown .dropdown-menu.show {display:block; left:auto; width:160px; overflow-x:hidden; padding-bottom:0; margin-top:10px; opacity:1; visibility:visible; background-color:#fff; color:rgba(255, 255, 255, 0.6); right:1px; box-shadow:0 5px 12px rgba(60, 64, 67, 0.15); font-size:12px; border-radius:9px; border:0;}
.user_name>div {white-space:nowrap; max-width:calc(160px - 10px); overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:middle; color:#494949; text-transform:capitalize; font-size:15px;}
.user_name {padding:0 10px; border-bottom:1px solid #e9ecef;}
.user_name small {color:#a2a2a2; text-transform:lowercase;}
.user_name .user_email {margin-top:-10px;}
.user_dropdown ul {list-style:none; margin:0; padding:0;}
.user_dropdown ul li {display:block;}
.user_dropdown ul li a {color:#494949; text-transform:capitalize; font-size:14px; padding:5px 10px; display:block; border-bottom:1px solid #e9ecef;}
.user_dropdown ul li a i {margin-right:5px;}
.user_dropdown ul li a:hover {color:#c72026;}
.loader-wrapper {background:rgba(0, 0, 0, 0.90); display:flex; align-items:center; justify-content:center; position:fixed; height:100%; width:100%; z-index:9999; top:0; left:0;}
.loader {position:relative; width:100px; height:100px; border-radius:50%; background-color:#fff; box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.1);}
.loader:before {content:""; width:100px; height:100px; border:5px solid rgba(0, 0, 0, 0.05); border-top-color:#000; border-radius:50%; animation:spin 1.5s infinite linear; display:block;}

@keyframes spin {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

@-webkit-keyframes spin {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

.loader img {width:60%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#header {height:70px; display:flex; align-items:center; z-index:10; position:relative; box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.05); background-color:#0c0c0c;}
#header.is-sticky {position:fixed; right:0; left:0; top:0; transform:translateY(-100%); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); height:65px; border-bottom:1px solid #ededed;}
#header.is-sticky.awake {transform:translateY(0%); -webkit-transition:0.3s all ease-out; -o-transition:0.3s all ease-out; transition:0.3s all ease-out;}
#header.is-sticky.inner_pages_head, #header.inner_pages_head {height:65px;}
#header>.container-fluid>.navbar {padding-left:0; padding-right:0;}
#header .navbar-brand img {height:60px; width:auto;}
#header .navbar-expand-lg .navbar-nav .nav-item {margin-right:32px;}
#header .navbar-expand-lg .navbar-nav .nav-item:last-child {margin-right:0px;}
#header .nav-link {position:relative; padding:0; color:#ffcc00; font-weight:500;}
#header .navbar-expand-lg .navbar-nav .nav-link:hover, #header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link {color:#ffcc00; text-decoration:none;}
#header .extra_nav {margin-left:30px;}
#header .navbar-expand-lg .extra_nav .navbar-nav .nav-item {margin-right:10px;}
#header .extra_nav .nav-item:list-child {margin-right:0px;}
#header .extra_btn:hover {background-color:rgba(255, 255, 255, 0.24);}
#header .header_filled_btn {text-align:center; display:flex; align-items:center; justify-content:center; border-radius:4px; font-size:15px; font-weight:500; padding:8px 15px; padding-left:15px !important; padding-right:15px !important; background-color:#f26334; color:#fff; border:1px solid #f26334; text-transform:uppercase;}
#header .header_filled_btn:hover {background-color:#fff; color:#c72026 ;}
#header .header_border_btn {text-align:center; display:flex; align-items:center; justify-content:center; border-radius:4px; font-size:15px; font-weight:500; padding:8px 15px; padding-left:15px !important; padding-right:15px !important; background-color:#fff; color:#c72026 ; border:1px solid #c72026;}
#header .header_border_btn:hover {background-color:#c72026; color:#fff !important;}
.header_border_btn:before, .header_filled_btn:before {display:none;}
#header .flag_ico {position:absolute; left:5px; top:50%; transform:translateY(-50%);}
#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop {padding-left:32px; padding-right:5px; width:auto; font-weight:400; color:#000;}
#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop img {width:21px; height:auto; vertical-align:text-bottom;}
#header .for_mobile {display:none;}
#header .for_desktop {display:block;}
#header .dropdown-item {font-weight:300;}
.langugae_filter {position:relative;}
.lang_dropdown {display:none; position:absolute; top:100%; min-width:100px; background-color:#fff; color:rgba(255, 255, 255, 0.6); right:1px; box-shadow:0 5px 12px rgba(60, 64, 67, 0.15); font-size:12px; border-radius:9px; border:0; margin:0; padding:4px 11px 6px 10px;}
.lang_country {position:relative; cursor:pointer;}
.dropdown-toggle.lang_drop {border:0; background:transparent;}
#header .navbar-expand-lg .navbar-nav .currency-filter .nav-link.lang_drop {padding:8px 0 8px 36px;}
#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop {padding:8px 0 8px 36px; color:#8B96A5;}
.lang_country {position:relative; padding:5px 0px 5px 34px; color:#494949; border-bottom:1px solid #e9e9e9;}
.lang_country .flag_ico img {max-width:19px;}
.lang_country:last-child {border-bottom:0;}
.lang_country:hover {color:#c72026; background-color:transparent;}
.navbar-brand {font-size:0;}
#header .call_now {display:flex; align-items:center; gap:10px;}
#header .call_now .call_icon {height:40px; width:40px; border-radius:50%; background-color:#f0f0f0; display:flex; align-items:center; justify-content:center;}
#header .call_now .call_icon svg {fill:#01202b; height:18px; width:18px;}
#header .call_details {display:flex; flex-direction:column;}
#header .call_details span {font-size:14px; color:#6f7d84; font-weight:400;}
#header .call_details h5 {color:#272727; margin:0; font-size:16px;}

/*==================== Header End ===================*/



/*#main{width: 100%; display: inline-block; background: linear-gradient(to right,  #348c40 0%,#036558 100%); padding-bottom: 50px; }*/

#main{width: 100%; display: inline-block; padding-bottom: 50px; background: #f9f9f9; min-height: 600px; }

.form-control{border-radius: 4px;  padding: .6rem .75rem;}
.light_green{color: #08937c;}
.heading{color: #323232; font-size: 21px; font-weight: 700;}








.dsec{background: #fff; border-radius: 6px; list-style: none; display: flex; justify-content: center; flex-direction: column; transition: all 0.1s ease-in-out; flex: 1 1 105px; margin-bottom: 30px; border: 2px solid #e98400;}
.dsec:hover{ transform: scale(1.01); background: #fcff71;}
a.dsec{text-decoration: none;}
.dsec .d_value{border-top: 2px solid #d7d7d7; display: flex; justify-content: center; align-items: center; padding: 2px 0; font-size: 21px; font-weight: 400; margin-top: 10px; color: #282828;}
.dsec .dcon{padding: 15px 15px 0 15px;}
.dsec.active{background: #fcff71}

.dsec .d_price{ background: #e98400; padding: 5px 15px; display: flex; align-content: center; justify-content: center; font-weight: bolder; color: #fff; font-size: 21px;}
.dsec .delivery_d{display: flex; height: 100%; justify-content: center; height: 100px;}
.dsec .delivery_d img{max-width: 100px; max-height: 100px;}



/**** custome ckeckbox rario ****/
[type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block;  }
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: -2px; width: 18px; height: 18px; border: 2px solid #2f4553; border-radius: 100%; }
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #ffffff; position: absolute; top: 2px; left: 4px; border-radius: 100%; webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); background: #000;}
[type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 30px; cursor: pointer; line-height: 22px; display: inline-block; color: var(--gray-color); font-weight: 600; }
[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #ffffff; background: none; border-radius: 2px; }
[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { content: ''; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; position: absolute; top: 3px; left: 7px; transform: rotate(45deg); webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
[type="checkbox"]:not(:checked) + label:after { opacity: 0; }
[type="checkbox"]:checked + label:after { opacity: 1; }
.form-control:focus { border-color: #aaaaaa; box-shadow: none; }
/**** custome ckeckbox rario close ****/



.btn{border-radius: 4px; font-weight: bold;}
.btn-primary{background: #71d82e; border-color: #71d82e;  color: #002e00;}
.btn-primary:hover{background: #69c82a; border-color: #69c82a;  color: #015e01;}

.footer_wrapper{ background: url("../img/footer_bg.jpg") no-repeat; padding-top: 80px; background-size: cover;}
.footer_links{width: 100%; display: flex; margin: 0px; padding: 0px; justify-content: center; margin: 30px 0 40px 0; flex-wrap: wrap;}
.footer_links li{display: flex; list-style: none;}
.footer_links li a{padding: 5px 15px; color: #f9ca3e;}
.copyright{font-size: 13px; color: #7e8481; padding: 15px 0px; margin-top: 30px;}
.seprator{border-bottom: 1px dashed #519977; width: 100%; display: inline-block; padding-bottom: 10px; }
.order_detail p span{color: #ffcc00;}
.odds{border-radius: 100px; width: 100px; height: 100px; overflow: hidden;}

.footer_logo img{max-width: 150px;}




/* payment method css start */
.payment_method{position: fixed; bottom: 0px; left: 0px; right: 0px; margin: auto;  z-index: 99; width: 100%; max-width: 500px; padding: 0 10px;}
.p_method_container{min-height: 500px; background: #fff; border-radius: 8px 8px 0 0; color: #1f1f1f;}
.sprate_border{border-bottom: 2px solid #ccc; padding-bottom: 15px; width: 100%; height: 2px;}
.payment_method .pay_header{display: flex; color: #1f1f1f; font-size: 21px; align-items: flex-start; padding: 0px 15px;}
.payment_method .back_action{color: #1f1f1f; font-size: 40px; display: flex;}
.payment_method .pay_header p{ color: #1f1f1f;}
.payment_method .header_con{padding-top: 13px;}

.payment_method p{color: #1f1f1f;}
.p_body{padding:0 30px 30px 30px; background: #fff; padding: 20px; border-radius: 10px;}
.p_option{display: flex; padding: 12px 0; justify-content: space-between; flex-wrap: wrap;}
.p_option .option_left{display: flex; align-items: center;}
.p_option .iconsec{width: 50px; font-size: 23px;}
.p_option .iconsec i{font-size: 23px;}
.upi{width: 30px;}
.p_option .poption{width: 100px; margin: 0 10px 0 0;}
.p_option a{color: #444444;}

.p_option.sp_border{border-bottom: 2px solid #ccc; padding-bottom: 15px; margin-bottom: 20px;}
.option_right .iconsec i{font-size: 40px;}

.iconsec.actp{border: 2px solid #ccc; width: 40px; margin-right: 10px; border-radius: 4px; text-align: center;}
.payment{font-size: 26px; font-weight: bolder;}
.payment_method .g_icon{width: 40px;}
.payment_method a.more{color: #0b57cf; font-weight: 500;}
.payment_method .blue_bt, .payment_method .blue_bt:focus{border-radius: 50px; background: #0b57cf; border-color: #0b57cf;}
.payment_method .blue_bt:hover{background: #0b5ee1;}

.mb-0{margin-bottom: 0px !important;}



/*home page css start*/
.banner_section{ width: 100%; display: inline-block; background: url("../img/bg.png") right 100px center no-repeat; background-size: 1000px; background-color: #2a2a2a; border-bottom: 10px solid #ffcd04;}
.banner_section img{max-width: 100%; max-height: 550px;}
.banner_section .slick-slide img{width: auto;}

.banner_section ul.slick-dots li button { border-radius: 50%; font-size: 0px; background: #ddd; border: 0px; padding: 0px; width: 13px; height: 13px; cursor: pointer;}
.banner_section ul.slick-dots li { display: inline-block; margin: 0px 5px; }
.banner_section ul.slick-dots { text-align: center; position: absolute; bottom: 10px; left: 0; right: 0; display: inline-block; margin: 0 auto; padding: 4px 0px 9px; border-radius: 70px; }
.banner_section ul.slick-dots li.slick-active button { background: #ffc107; }
.banner_section .row{display: flex; align-items: center; height: 620px;}
.banner_section .row p{padding-right: 100px; color: #fff;}

.banner_section .h_title{font-size: 68px; font-weight: 700;}
.banner_section .hs_title{font-size: 18px;}

.title{ font-size: 48px; font-weight: 700; line-height: 70px; color: #323232;}


.game_items{border-bottom: 15px solid #ccc; padding-bottom: 50px; background: #f7f7f7;}
.why_choose{ padding-bottom: 100px; background: #f7f7f7; background: url("../img/diwen.png") center bottom no-repeat; background-size: contain;}
.why_chsc{width: 100%; display: flex; align-items: center; border-radius: 8px; background-color: #fff !important; padding: 35px; padding-left: 130px; min-height: 230px; box-shadow: 0 0 15px #00000021;}
.why_chsc.b1{ border: 3px solid #86d9cc; background: url("../img/wh1.png") left center no-repeat;}
.why_chsc.b2{ border: 3px solid #fdde86; background: url("../img/wh2.png") left center no-repeat;}
.why_chsc.b3{ border: 3px solid #ffce89; background: url("../img/wh3.png") left center no-repeat;}
.why_chsc.b4{ border: 3px solid #829cff; background: url("../img/wh4.png") left center no-repeat;}




/*
background: url("../img/background.jpg") no-repeat;
*/


.header_nav{display: flex; justify-content: space-between; height: 100px; align-items: center;}
.header_nav ul{ display: flex; justify-content: flex-end; margin: 0px; padding: 0px; gap:5px;}
.header_nav ul li{list-style: none;}
.header_nav ul li a{padding: 10px 15px; color: #f9ca3e; text-decoration: none; }
.header_nav ul li a:hover{text-decoration: none; background: #f9ca3e; border-radius: 4px; color: #000;}
ul.list_number li{list-style:auto;}


.payment_section{ padding-bottom: 100px; background: #2a2a2a;

/*
background: linear-gradient(to bottom,  rgba(68,52,35,1) 0%,rgba(207,97,4,1) 100%); */
	
/* 
background: linear-gradient(to bottom,  rgba(30,34,43,1) 0%,rgba(207,97,4,1) 100%); */
 
background: url("../img/shadow.svg") right center no-repeat; background-color: #252c38; background-size: cover;


}



.payment_section .heading, .payment_section p, .payment_section .custome-checkbox{color: #fff;}
.payment_section .light_green{color: #fff;}
.creditcard_sec{padding: 15px; background: #f9f9f9;}
.creditcard_sec label{font-size: 14px;}