:root {
	--primary-color: #0b2f9f;
	--secondry-color: #982b1c;
}

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

body {
	font-family: "Noto Sans Display", sans-serif;
	background-color: rgb(228, 228, 228);
	padding-top: 75px;
}

a,
a:hover {
	text-decoration: none;
}

ul,
ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
}

p {
	margin: 0px;
}

img {
	max-width: 100%;
}

.section {
	padding: 0px 0px 80px;
}

.burger-menu {
	display: none;
}

.burger-menu span {
	width: 25px;
	height: 2px;
	margin: 5px 0px;
	background-color: rgb(255, 255, 255);
	display: block;
}

.nav_links.main {
	left: 0px;
}

.cancel_btn {
	position: absolute;
	top: 18%;
	right: 3%;
	display: none;
}

.arrow_down {
	position: absolute;
	right: -8px;
	top: 30px;
	transform: translateY(-50%);
}

.sub_header {
	background: rgb(255, 255, 255);
	padding: 11px 0px;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 6px;
}

.sub_header_wrapper ul {
	display: flex;
	justify-content: space-between;
	/* overflow: auto; */
}

.sub_header_wrapper ul li a {
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	font-weight: 600;
	display: inline-block;
	font-size: 16px;
	padding: 12px 18px;
	white-space: nowrap;
	position: relative;
}

.sub_header_wrapper ul li:first-of-type a {
	padding: 12px 18px 12px 0px;
}

.sub_header_wrapper ul li:first-of-type a::after {
	display: none;
}

.sub_header_wrapper ul li a::after {
	background: rgb(11, 47, 159);
	width: 2px;
	height: 18px;
	left: 0px;
	top: 14px;
	position: absolute;
	content: "";
}

.arrow_down button {
	border: none;
	outline: none;
	background: none;
	transition: transform 0.2s ease-in-out;
	transform: rotate(0deg);
	color: var(--primary-color);
	pointer-events: none;
	display: none;
}

.arrow_down.show button {
	transform: rotate(90deg);
}

.slider_title {
	margin-bottom: 20px;
}

.slider_title h2 {
	font-size: 35px;
	color: var(--primary-color);
	font-weight: 700;
	letter-spacing: 1px;
}

.menu_header {
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 10px 15px;
	display: none;
	background-color: var(--primary-color);
}

.body_overlay {
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: rgb(0, 0, 0);
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
	z-index: 5;
}

.overlay .body_overlay {
	visibility: visible;
	opacity: 0.5;
}

.cancel_btn i {
	color: rgb(255, 255, 255);
	font-size: 22px;
}

.page_header {
	background-color: var(--primary-color);
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 26;
	transition: padding 0.3s;
}

.page_logo img {
	max-width: 185px;
	max-height: 66px;
	object-fit: contain;
}

.header_wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 75px;
}

.nav_links .nav_list {
	display: flex;
	align-items: center;
}

.nav_links .nav_list .list_item {
	position: relative;
}

.nav_links .nav_list li:not(:last-child) {
	margin-right: 25px;
}

.nav_links .nav_list .list_item a {
	color: rgb(255, 255, 255);
	display: inline-flex;
	padding: 25px 0px;
	transition: 0.3s;
	font-weight: 400;
	font-size: 16px;
	align-items: center;
}

.nav_links .nav_list .list_item a:hover {
	color: rgb(190, 189, 207);
}

.nav_links .nav_list li a span i {
	font-size: 16px;
}

.nav_links .nav_list .list_item a span {
	display: inline-flex;
	margin-left: 10px;
}

.search_bar a i {
	color: rgb(255, 255, 255);
	font-size: 20px;
}

.nav_links .nav_list .list_item .sub-menu {
	position: absolute;
	left: 0px;
	top: 71px;
	display: block;
	background-color: rgb(255, 255, 255);
	padding: 12px;
	width: 270px;
	opacity: 0;
	visibility: hidden;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	transform: translateY(16px);
	transition: 0.2s ease-in-out;
	border-radius: 5px;
}

.nav_links .nav_list .list_item:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}

.nav_links .nav_list .list_item .sub-menu li a {
	padding: 8px 12px;
	color: rgb(0, 0, 0);
	display: inline-block;
	width: 100%;
	font-size: 14px;
	transition: 0.3s;
	border-radius: 5px;
}

.nav_links .nav_list .list_item .sub-menu li a:hover {
	color: var(--primary-color);
}

.nav_links .nav_list .list_item .sub-menu li {
	margin-bottom: 0px;
	margin-right: 0px;
}

.menu_title span {
	color: rgb(255, 255, 255);
	font-size: 20px;
}

.news_section {
	padding: 65px 0px 60px;
	overflow: hidden;
}

.news_section_swiper {
	opacity: 0;
}

/* .news_section_swiper .swiper-wrapper {
	width: 100%;
	position: relative;
} */

.section_title {
	text-align: center;
}

.coustem_input input {
	padding: 5px 8px;
	border: 1px solid rgb(0, 0, 0);
	border-radius: 5px;
}

.copy_button button {
	background: rgb(0, 0, 0);
	padding: 5px 8px;
	border-radius: 5px;
}

.copy_button button i {
	color: rgb(255, 255, 255);
}

.copy-button {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding: 15px;
	background: rgb(255, 255, 255);
	border-radius: 5px;
	margin-bottom: 20px;
	position: sticky;
	top: 70px;
	z-index: 999999;
}

.input_Enter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.action_btn .action_link {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 7px 3px;
	border-radius: 5px;
}

.multi_btn {
	background: rgb(234, 234, 235);
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	padding: 5px 6px;
	border-radius: 5px;
}

.multi_btn span {
	color: rgb(27, 43, 66);
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	display: block;
	width: 100%;
	margin-right: 8px;
	padding-left: 6px;
}

.multi_btn .vpn_link {
	background: rgb(223, 224, 224);
	border-radius: 4px;
	color: rgb(106, 109, 113);
	font-size: 18px;
	font-weight: 700;
	border: 1px dashed rgb(145, 147, 150);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bos-item-bonus {
	text-align: center;
}

.bts_col {
	text-align: center;
}

.bos-item-info {
	text-align: center;
}

.section_title .sub-menu_title {
	font-size: 14px;
	text-transform: uppercase;
	color: var(--secondry-color);
	font-weight: 600;
	letter-spacing: 1px;
}

.section_title .title {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	max-width: 648px;
	margin: 10px auto 62px;
}

.news_image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: center center;
	border-radius: 14px;
}

.news_card {
	cursor: grab;
	padding: 15px;
	background-color: #ffffff;
	border-radius: 8px;

	position: relative;
}
/* .news_section .swiper-slide{
	flex-grow: 1;
	flex-basis: 0;
} */

.new_card_wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d8d8;
	order: 1;
}

.indication_btn {
	color: #ffffff;
	font-weight: 700;
	font-size: 12px;
	background: #0b2f9f;
	padding: 2px 5px;
	border-radius: 5px;
}

.score {
	font-weight: 600;
	font-size: 14px;
	color: rgb(0 0 0);
}

.upcoming-match-card__game__odds {
	display: flex;
	gap: 10px;
	max-width: 40%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px;
}

.upcoming-match-card__prediction {
	padding: 10px 0px;
	order: 3;
	position: relative;
	z-index: 1;
	border-radius: 8px;
	overflow: hidden;
}

.upcoming-match-card__prediction::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.69) 60%, transparent);
	z-index: -1;
	display: none;
}

.match_link_text {
	font-size: 14px;
	color: #000000;
	display: inline-block;
	font-weight: 400;
	text-decoration: underline;
}
.match_link_text:hover {
	color: #000000;
	text-decoration: underline;
}

.search {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
}
.search img {
	max-width: 32px;
}

.search span {
	color: #000000;
	font-size: 12px;
	margin-left: 3px;
	display: inline-flex;
	width: 100%;
	align-items: center;
	font-weight: 700;
}

.search span::after {
	font-family: bootstrap-icons;
	content: "";
	margin-left: 10px;
	font-size: 13px;
}

.pridiction_wrapper {
	display: flex;
	align-items: center;
	gap: 17px;
}

.pridiction_image {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	z-index: -1;
}

.upcoming-match-card__prediction__content__title {
	width: 100%;
}

.pridiction_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.upcoming-match-card__tips__bookmaker__up img {
	height: 30px;
	object-fit: cover;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.team_icon_odd {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	padding: 5px 14px;
	border-radius: 5px;
}

.upcoming-match-card__tips__content {
	width: 75%;
}

.upcoming-match-card__tips__bookmaker__up {
	background-color: #000000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 3px;
}

.upcoming-match-card__tips__bookmaker__up_number {
	padding: 3px;
	color: var(--secondry-color);
	font-weight: 600;
	font-size: 13px;
}

.upcoming-match-card__tips__link {
	width: 25%;
	text-align: center;
	border: 1px solid rgb(216, 216, 216);
	border-radius: 5px;
}

.upcoming-match-card__game__odds__odd__team__icon img {
	height: 30px;
	object-fit: cover;
	width: 30px;
	border-radius: 50%;
}

.upcoming-match-card__game__odds__odd__team__name {
	margin-left: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	white-space: nowrap;
}

.link_wrapper {
	align-items: center;
	justify-content: space-between;
	text-align: center;
	width: 100%;
	display: flex;
}

.upcoming_match_card {
	display: flex;
	justify-content: space-between;
	position: relative;
	order: 2;
}

.upcoming_match_card::after {
	content: "VS";
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	background-color: #982b1c;
	color: #ffffff;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}

.team_icon_link {
	width: 100%;
	border: 1px solid rgb(216, 216, 216);
	border-radius: 5px;
	overflow: hidden;
}

.stake_image {
	padding: 0px;
	text-align: center;
}

.upcoming-match-card__separator {
	order: 4;
	margin: 15px -15px -16px;
	background-color: rgb(228, 228, 228);
	border-radius: 0px 0px 8px 8px;
	overflow: hidden;
	padding-top: 15px;
}

.upcoming-match-card__tips {
	align-items: center;
	padding: 15px;
	background-color: rgb(255, 255, 255);
	display: flex;
}

.light_image img {
	height: 16px;
}

.light_image span {
	font-size: 15px;
	color: #f11c20;
	margin-left: 5px;
}

.light_image p {
	font-size: 13px;
	font-weight: 300;
	margin-top: 5px;
	max-width: 180px;
}

.stake_text {
	padding: 5px;
	text-align: center;
	color: #982b1c;
	font-size: 12px;
	font-weight: 700;
	width: 50%;
}

.stake_image img {
	height: 30px;
	/* width: 100%; */
	object-fit: cover;
}

.content_wrapper {
	position: absolute;
	bottom: 10%;
	left: 0px;
	display: flex;
	justify-content: space-between;
	padding: 0px 16px;
	z-index: 1;
	align-items: center;
}

.icon_box span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(255, 255, 255);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transition: 0.3s;
}

.icon_box span i {
	color: var(--primary-color);
	font-size: 16px;
}

.content_title {
	max-width: 80%;
}

.content_title .content_main_title {
	color: #ffffff;
	margin-bottom: 14px;
	font-size: 20px;
}

.content .small_text {
	font-size: 14px;
}

/* .slider_navigation {
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: space-between;
} */

.slider_navigation .arrow-left,
.slider_navigation .arrow-right,
.slider_navigation .arrow_left,
.slider_navigation .arrow_right,
.slider_navigation .arrow-left-scroll,
.slider_navigation .arrow-right-scroll {
	/* display: inline-flex; */
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
	transition: 0.3s;
	border: 2px solid var(--primary-color);
	color: rgb(255, 255, 255);
	opacity: 0.8;
	background: rgb(11, 47, 159);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.slider_navigation .arrow_left,
.slider_navigation .arrow-left-scroll,
.slider_navigation .arrow-left {
	left: 0px;
}

.slider_navigation .arrow_right,
.slider_navigation .arrow-right-scroll,
.slider_navigation .arrow-right {
	right: 0px;
}

.slider_navigation a:hover {
	opacity: 1;
}

.slider_navigation a i {
	color: rgb(255, 255, 255);
	font-size: 20px;
}

/* .news_section .swiper-scrollbar-drag {
	background-color: var(--primary-color);
} */

.card_title h4 {
	color: rgb(0, 0, 0);
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 700;
}

.card_title p {
	color: rgb(18, 18, 18);
	font-size: 16px;
}

.top_story_image {
	margin-bottom: 15px;
}

.top_story_card {
	margin-bottom: 40px;
}

.card_wrapper {
	margin-bottom: 25px;
}

.top_story_image img {
	border-radius: 14px;
	object-fit: cover;
	height: 250px;
	width: 100%;
}

.card_main_title h2 {
	font-size: 30px;
	color: var(--secondry-color);
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-align: center;
}

.blog_title {
	text-align: center;
	margin-bottom: 40px;
}

.blog_title .sub_title {
	color: var(--secondry-color);
	font-weight: 600;
	font-size: 14px;
}

.tab_main_content_wrap {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px 0px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid rgb(216, 216, 216);
}

.tab_main_content_wrap:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.main_content {
	margin: 20px 0px;
}

.content_part a {
	color: var(--primary-color);
	font-weight: 500;
}

.order_listing h5 {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 400;
	letter-spacing: 1px;
	max-width: 648px;
	margin-bottom: 12px;
}

.blog_title .main_title {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	max-width: 648px;
	margin: 10px auto 50px;
	text-align: center;
	display: block;
	position: relative;
}

.blog_title .main_title::after {
	content: "";
	display: inline-block;
	height: 17px;
	vertical-align: bottom;
	width: 30%;
	margin-right: -100%;
	margin-left: 10px;
	border-top: 2px solid rgb(227, 226, 226);
}

.blog_title .main_title::before {
	content: "";
	display: inline-block;
	height: 17px;
	vertical-align: bottom;
	width: 30%;
	margin-left: -100%;
	margin-right: 10px;
	border-top: 2px solid rgb(227, 226, 226);
}

.news_coloum .nav {
	border: 1px solid rgb(216, 216, 216);
	padding: 12px;
	border-radius: 35px;
	margin-bottom: 15px;
	overflow: auto;
	flex-wrap: nowrap;
}

.news_coloum ::-webkit-scrollbar {
	height: 5px;
	border-radius: 10px;
	background-color: rgb(216, 216, 216);
}

.news_coloum ::-webkit-scrollbar-thumb {
	height: 5px;
	background: rgb(160, 155, 155);
	border-radius: 10px;
}

.news_coloum .nav-item {
	margin: 0px 5px;
	flex: 1 1 0%;
}

.news_coloum .nav-link.active {
	color: rgb(255, 255, 255);
	background-color: var(--primary-color);
}

.news_coloum {
	padding: 15px 18px;
	background: rgb(255, 255, 255);
	border-radius: 14px;
	position: relative;
}

.news_coloum + .news_coloum {
	margin-top: 20px;
}

.news_blog_content {
	position: relative;
	margin-bottom: 20px;
	cursor: pointer;
}

.news_blog_image img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	border-radius: 14px;
	height: 300px;
}

.news_blog_content::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.64);
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 14px;
}

.news_blog_title {
	position: absolute;
	bottom: 10%;
	z-index: 1;
	left: 4%;
	width: 100%;
	display: block;
	max-width: 297px;
}

.news_blog_title .news_main_title {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
	color: rgb(255, 255, 255);
	margin-bottom: 20px;
	line-height: 34px;
}

.news_blog_title .news_discription {
	color: rgb(255, 255, 255);
	font-size: 12px;
	max-width: 344px;
	line-height: 20px;
}

.load_more .load-more_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 33px;
	background-color: var(--primary-color);
	border-radius: 5px;
	color: rgb(255, 255, 255);
	transition: 0.3s;
}

.load_more a:hover {
	background: var(--secondry-color);
}

.load_more {
	text-align: center;
	padding: 10px 0px;
}

.news_coloum .nav-link {
	color: rgb(0, 0, 0);
	font-size: 18px;
	padding: 11px 66px;
	width: 100%;
	border-radius: 0.75rem;
	white-space: nowrap;
}

.news_coloum .nav-link:not(.active):hover {
	background-color: rgb(227, 227, 227);
}

.blog_content_wrapper {
	margin-bottom: 15px;
	padding: 23px 0px 35px;
}

.small_blog img {
	border-radius: 14px;
	object-fit: cover;
	width: 300px;
	height: 100%;
}

.small_blog {
	position: relative;
}

.small_blog_content {
	width: 80%;
}

.wrapper span i {
	color: rgb(0, 0, 0);
}

.small_blog_content ul {
	margin-top: 10px;
}

.small_blog_content h3 {
	font-size: 20px;
	color: rgb(0, 0, 0);
	display: inline-block;
	font-weight: 600;
	line-height: 28px;
	position: relative;
	margin-bottom: 10px;
}

.small_blog_content p {
	line-height: 20px;
	font-size: 16px;
	color: rgb(18, 18, 18);
	font-weight: 400;
}

.small_blog_content .date_link {
	font-size: 14px;
	display: inline-block;
	color: var(--primary-color);
	margin: 15px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.news_content h3 {
	line-height: 20px;
	margin-bottom: 15px;
	font-size: 14px;
}

.latest_news .news_title,
.latest_news .video_main_title,
.latest_news .betting_title {
	font-size: 20px;
	color: var(--secondry-color);
	font-weight: 600;
	letter-spacing: 1px;
	max-width: 648px;
	margin: 20px auto;
}

.latest_news .news_title {
	margin-top: 0px;
	margin-bottom: 0px;
}

.latest_news .video_main_title,
.latest_news .betting_title,
.latest_promo .promo_title {
	border-bottom: 1px solid rgb(216, 216, 216);
	padding-bottom: 20px;
}

.latest_main_wrap a:last-child .latest_news_wrapper {
	border-bottom: 0px;
}

.main_video_wrap .latest_news,
.betting_wrap .latest_news {
	border-bottom: 0px;
}

.latest_news_wrapper {
	display: flex;
	width: 100%;
	gap: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgb(216, 216, 216);
	padding: 15px 0px;
}

.news_image_blog {
	width: 30%;
	height: 100%;
}

.news_content {
	width: 70%;
}

.news_content .discription_link {
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-weight: 500;
}

.news_content ul li span i {
	font-size: 12px;
	color: var(--secondry-color);
}

.latest_news_wrapper .news_image_blog img {
	height: 112px;
	border-radius: 14px;
	object-fit: cover;
	width: 100%;
}

.news_content ul li a {
	font-size: 14px;
	display: inline-block;
	color: rgb(2, 16, 110);
	margin: 0px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.news_content ul li h4 {
	font-size: 14px;
	display: inline-block;
	color: var(--primary-color);
	margin: 0px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.latest_videos {
	position: relative;
	overflow: hidden;
	height: 200px;
}

.latest_videos::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.64);
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 14px;
}

.latest_videos iframe {
	border-radius: 14px;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.play a::before {
	content: " ";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: rgb(255, 255, 255);
	border-radius: 50%;
	box-shadow: currentcolor 0px 0px 0px 0px;
	animation: 3s ease 0s infinite normal none running button-ripple;
	opacity: 0.6;
	z-index: -1;
}

@keyframes button-ripple {
	70% {
		box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
		opacity: 0;
	}

	100% {
		box-shadow: currentcolor 0px 0px 0px 0px;
		opacity: 0;
	}
}

.videos_content .video_title .video_link_text {
	font-size: 16px;
	color: rgb(0, 0, 0);
	display: inline-block;
	font-weight: 500;
	line-height: 22px;
	position: relative;
	margin: 14px 0px 0px;
}

.videos_content .date_list .date_list_item i {
	font-size: 14px;
	color: var(--secondry-color);
}

.latest_news_wrap {
	margin-bottom: 40px;
}

.news_image img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: center center;
	border-radius: 14px;
}

.content_wrapper {
	position: absolute;
	bottom: 10%;
	left: 0px;
	display: flex;
	justify-content: space-between;
	padding: 0px 16px;
	z-index: 1;
	align-items: center;
}

.icon_box span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(255, 255, 255);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transition: 0.3s;
}

.icon_box span i {
	color: var(--primary-color);
	font-size: 16px;
}

.content_title .content_discription {
	line-height: 22px;
	font-size: 14px;
	color: rgb(255, 255, 255);
	font-weight: 400;
}

.content .small_text {
	font-size: 14px;
}

/* .news_section .swiper-scrollbar {
	width: 100%;
	max-width: 250px;
	margin: 0px auto;
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: unset;
	background: rgba(0, 0, 0, 0.08);
	display: none;
} */

.wrapper {
	border-bottom: 1px solid rgb(216, 216, 216);
	margin-bottom: 10px;
}

/* .news_section .swiper-scrollbar-drag {
	background-color: var(--primary-color);
	display: none;
} */

.card_main_title h2 {
	font-size: 30px;
	color: var(--secondry-color);
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-align: center;
}

.blog_title {
	text-align: center;
	margin-bottom: 40px;
}

.news_blog_content {
	position: relative;
	margin-bottom: 20px;
	cursor: pointer;
}

.news_blog_image img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	border-radius: 14px;
	height: 300px;
}

.news_blog_title {
	position: absolute;
	bottom: 10%;
	z-index: 1;
	left: 4%;
	width: 100%;
	display: block;
	max-width: 297px;
}

.small_blog img {
	border-radius: 14px;
	object-fit: cover;
	width: 100%;
	height: 240px;
}

.small_blog {
	position: relative;
	margin-bottom: 10px;
}

.wrapper span i {
	color: var(--secondry-color);
	font-size: 12px;
}

.small_blog_content ul {
	margin-top: 5px;
}

.small_blog_content .date_link {
	font-size: 12px;
	display: inline-block;
	color: var(--primary-color);
	margin: 15px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.news_image_blog {
	width: 50%;
	height: 100%;
}

.news_content {
	width: 49%;
}

.news_content ul li a {
	font-size: 14px;
	display: inline-block;
	color: rgb(2, 16, 110);
	margin: 0px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.news_content ul li h4 {
	font-size: 14px;
	display: inline-block;
	color: var(--primary-color);
	margin: 0px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.latest_videos::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.64);
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 14px;
}

.latest_videos iframe {
	border-radius: 14px;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.play a {
	background-color: rgb(255, 255, 255);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	position: relative;
	transition: 0.4s;
	color: var(--secondry-color);
}

.play a::after {
	content: " ";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: rgb(255, 255, 255);
	border-radius: 50%;
	box-shadow: currentcolor 0px 0px 0px 0px;
	animation: 3s ease 0s infinite normal none running button-ripple;
	opacity: 0.6;
	z-index: -1;
}

.videos_content .date_list .date_list_item h4 {
	font-size: 14px;
	display: inline-block;
	color: var(--primary-color);
	margin: 10px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.video_wrap {
	margin-bottom: 30px;
}

.betting_image img {
	object-fit: cover;
	height: 150px;
	border-radius: 14px;
	width: 100%;
}

.betting_image {
	width: 95%;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}

.promo_content .star_list {
	display: flex;
	align-items: center;
}

.promo_content .star_list .star_sub-item {
	margin-right: 10px;
}

.promo_content .star_list .star_sub-item i {
	font-size: 14px;
	color: rgb(255, 184, 64);
}

.betting_sites_card {
	display: flex;
	align-items: center;
	gap: 15px;
	border: 1px solid rgb(216, 216, 216);
	border-radius: 10px;
	padding: 20px 20px 20px 100px;
	position: relative;
	overflow: hidden;
}

.promo_card_image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.promo_card_image {
	position: absolute;
	max-width: 85px;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

.promo_card_image::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.2);
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.numbering span {
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-weight: 400;
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-size: 11px;
}

.page_footer {
	background-color: rgb(17, 17, 17);
	padding: 30px 0px;
}

.page_footer .footer_col {
	width: 16.66%;
}

.footer_wrapper {
	margin-bottom: 50px;
}

.footer_title .footer_list .footer_list_item a {
	display: inline-block;
	color: rgb(255, 255, 255);
	font-weight: 400;
	position: relative;
	font-size: 14px;
}

.footer_title .footer_list .footer_list_item a::after {
	content: "";
	position: absolute;
	height: 3px;
	background-color: rgb(216, 216, 216);
	left: 0px;
	transition: 300ms;
	width: 0%;
	bottom: -3px;
}

.footer_title .footer_list .footer_list_item a:hover::after {
	width: 100%;
}

.footer_title .footer_list .footer_list_item {
	margin-bottom: 16px;
}

.social_media .social_media_list .social_list_item {
	margin-right: 24px;
}

.social_media .social_media_list .social_list_item a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 41px;
	height: 41px;
	border-radius: 5px;
	background-color: rgb(11, 47, 159);
	transition: 0.3s;
}

.social_media .social_media_list .social_list_item a svg {
	fill: rgb(255, 255, 255);
}

.social_media {
	padding-top: 30px;
}

.videos_content ul li a {
	font-size: 14px;
	display: inline-block;
	color: rgb(2, 16, 69);
	margin: 0px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.betting_image img {
	object-fit: cover;
	height: 150px;
	border-radius: 14px;
	width: 100%;
}

.betting_image {
	width: 95%;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}

.promo_content .star_list {
	display: flex;
	align-items: center;
}

.promo_content .star_list .star_sub-item {
	margin-right: 10px;
}

.promo_content .star_list .star_sub-item i {
	font-size: 14px;
	color: rgb(255, 184, 64);
}

.betting_card .betting_sites_card {
	margin-top: -20px;
	background-color: rgb(255, 255, 255);
	padding: 30px 20px 20px;
	text-align: center;
}

.betting_sites_card_heading {
	font-weight: 500;
	color: rgb(0, 0, 0);
	font-size: 15px;
	max-width: 280px;
	line-height: 20px;
	height: 100%;
}

.latest_news {
	border-bottom: 1px solid rgb(216, 216, 216);
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.latest_promo {
	padding-bottom: 20px;
}

.latest_promo:last-child {
	padding-bottom: 0px;
}

.latest_promo .promo_title {
	font-size: 20px;
	color: var(--secondry-color);
	letter-spacing: 1px;
	max-width: 648px;
	margin: 35px auto 25px;
	font-weight: 600;
}

.up_comming_image {
	margin: 0px auto;
}

.up_comming_card {
	position: relative;
}

.up_comming_card::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.48);
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 14px;
}

.up_comming_image img {
	object-fit: cover;
	max-width: 100%;
	border-radius: 14px;
	margin: 0px auto;
	height: 300px;
}

.book_mark_card .content {
	text-align: center;
	padding: 10px;
}

.book_mark_card {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.book_mark_card .card_image img {
	object-fit: cover;
	width: 100%;
	height: 200px;
	border-radius: 14px;
}

.fuction_btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.fuction_btn a {
	display: inline-flex;
	background-color: var(--primary-color);
	color: rgb(255, 255, 255);
	width: 260px;
	height: 40px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.fuction_btn .read_more {
	border: 1px solid var(--primary-color);
	background: none;
	color: var(--primary-color);
}

.book_mark_card .book_maker_star_listing {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	justify-content: center;
}

.book_mark_card .book_maker_star_listing li i {
	color: rgb(255, 184, 64);
	font-size: 14px;
}

.book_mark_card .book_maker_star_listing li {
	margin-right: 10px;
}

/* .Bookmark_event .swiper-scrollbar {
	width: 100%;
	max-width: 250px;
	margin: 0px auto;
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: unset;
	background: rgba(0, 0, 0, 0.08);
	display: none;
} */

/* .Bookmark_event .swiper-scrollbar-drag {
	background-color: var(--primary-color);
	display: none;
} */

.book_mark_card .card_image {
	margin-bottom: 6px;
	position: relative;
}

.book_maker_numbering {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 19;
	border-top-left-radius: 14px;
}

.book_mark_card .card_image::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.64);
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 14px;
}

.book_maker_numbering span {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-weight: 400;
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-size: 16px;
}

.book_mark_card .content h3 {
	font-size: 16px;
	color: var(--primary-color);
	display: inline-block;
	font-weight: 600;
	line-height: 22px;
	position: relative;
	margin-bottom: 10px;
	max-width: 370px;
	text-transform: uppercase;
}

.book_mark_card .content p {
	line-height: 22px;
	font-size: 16px;
	color: rgb(18, 18, 18);
	font-weight: 400;
}

.book_mark_card .content .upcomming_list li {
	display: inline-flex;
}

.book_mark_card .content .upcomming_list li span i {
	color: var(--secondry-color);
	font-size: 14px;
}

.book_mark_card .content li h4 {
	font-size: 14px;
	display: inline-block;
	color: var(--primary-color);
	margin: 15px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.upcomming_content {
	position: absolute;
	bottom: 20px;
	right: 0px;
	min-width: 80%;
	width: auto;
	text-align: center;
	color: rgb(255, 255, 255);
	z-index: 1;
	display: table;
	margin: 0px auto;
	left: 0px;
}

.upcomming_content span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: rgb(255, 255, 255);
	width: 100%;
	padding: 10px 0px;
	font-size: 16px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 5px;
}

/* .upcoming_event .swiper-scrollbar-drag {
	background-color: var(--primary-color);
	display: none;
} */

.upcomming_title {
	text-align: center;
}

.upcomming_title .sub_menu {
	color: var(--secondry-color);
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}

.book_mark_card {
	border-radius: 14px;
	margin-bottom: 30px;
}

/* element.style {
	transition-duration: 0ms;
} */

/* .upcoming_event .swiper-scrollbar {
	width: 100%;
	max-width: 250px;
	margin: 0px auto;
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: unset;
	background: rgba(0, 0, 0, 0.08);
	display: none;
} */

.upcomming_title .Upcoming_main_title {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	margin: 10px auto 40px;
	position: relative;
}

.upcomming_title .Upcoming_main_title::before {
	content: "";
	display: inline-block;
	height: 17px;
	vertical-align: bottom;
	width: 30%;
	margin-left: -100%;
	margin-right: 10px;
	border-top: 2px solid rgb(227, 226, 226);
}

.upcomming_title .Upcoming_main_title::after {
	content: "";
	display: inline-block;
	height: 17px;
	vertical-align: bottom;
	width: 30%;
	margin-right: -100%;
	margin-left: 10px;
	border-top: 2px solid rgb(227, 226, 226);
}

.upcomming_content .upcomming_list li {
	display: inline-flex;
}

.upcomming_content .upcomming_list li span i {
	color: var(--secondry-color);
	font-size: 14px;
}

.upcomming_content .upcomming_list li h4 {
	font-size: 14px;
	display: inline-block;
	color: var(--primary-color);
	margin: 15px 0px 0px 5px;
	font-weight: 500;
	transition: 0.3s;
}

.upcomming_content .upcomming_discription {
	line-height: 20px;
	font-size: 14px;
	color: rgb(18, 18, 18);
	font-weight: 400;
}

.numbering {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 19;
	border-top-left-radius: 14px;
}

.latest_promo a {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	z-index: 1;
}

.footer_logo img {
	max-width: 185px;
	max-height: 66px;
}

.footer_row {
	display: flex;
	justify-content: space-between;
}

.footer_title .footer_main_title {
	color: rgb(255, 255, 255);
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
}

.social_media .social_media_list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.social_media .social_media_list .social_list_item a i {
	color: rgb(0, 0, 0);
}

.social_media {
	padding-top: 30px;
}

.play svg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.play a svg path {
	fill: var(--secondry-color);
}

.nav_links .nav_list .list_item .sub-menu li a:hover {
	background-color: rgb(227, 227, 227);
}

.page_title h2 {
	font-size: 42px;
	color: rgb(255, 255, 255);
	font-weight: 600;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 10px;
}

.form_wrapper .form_col {
	display: flex;
	padding: 26px;
	border-radius: 5px;
	background: rgb(255, 255, 255);
	transition: 0.5s;
	border: 1px solid rgba(193, 184, 184, 0.847);
}

.form_wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 3rem;
}

.contact-card span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: var(--primary-color);
}

.contact-card span i {
	color: rgb(255, 255, 255);
	font-size: 20px;
}

.contact-info {
	margin-left: 20px;
}

.contact-info span a {
	color: rgb(85, 85, 85);
	font-size: 14px;
	display: inline-block;
}

.contact-info h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.contact_form h2 {
	margin-bottom: 20px;
}

.submt_form input {
	width: 100%;
	height: 55px;
	border: 1px solid rgba(193, 184, 184, 0.847);
	outline: none;
	padding: 0px 20px;
	border-radius: 5px;
	font-weight: 300;
	font-size: 14px;
}

.submt_form input::placeholder {
	font-size: 14px;
}

.submt_form textarea {
	width: 100%;
	border: 1px solid rgba(193, 184, 184, 0.847);
	padding: 20px 20px 0px;
	border-radius: 5px;
	height: 200px;
	outline: none;
	font-weight: 300;
	font-size: 14px;
}

.submt_form .form_control {
	margin-bottom: 20px;
}

.submt_form .submit_btn {
	text-align: center;
}

.contact_form p {
	font-size: 14px;
	margin-bottom: 20px;
}

.contact_form {
	margin-bottom: 3rem;
}

.contact_form .getintouch {
	text-transform: capitalize;
	color: var(--secondry-color);
	font-weight: 600;
	font-size: 14px;
}

.contact_form .contacthead {
	text-transform: capitalize;
	font-size: 30px;
	margin: 15px 0px 20px;
	font-weight: 700;
	color: var(--primary-color);
}

.submt_form {
	margin: 0px auto 10px;
	width: 100%;
	border-radius: 5px;
}

.submit_btn button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--primary-color);
	color: rgb(255, 255, 255);
	border: none;
	outline: none;
	padding: 13px 57px;
	border-radius: 5px;
	transition: 0.3s;
}

.submit_btn button:hover {
	background-color: var(--secondry-color);
}

.page_title {
	margin: 20px 0px;
	padding: 4px 12px;
	background-position: center center;
	background-size: cover;
	position: relative;
	height: 190px;
	border-radius: 14px;
	text-align: center;
	z-index: 6;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.page_title::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(54, 53, 53, 0.9);
	height: 100%;
	width: 100%;
	border-radius: 14px;
}

.page_title p {
	color: rgb(255, 255, 255);
	position: relative;
	z-index: 1;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

.news-blog .breadcrumb {
	padding: 20px 25px;
	background: rgb(255, 255, 255);
	border-radius: 14px;
	margin: 1.5rem 0px;
	align-items: center;
}

.news-blog .breadcrumb .breadcrumb-item a {
	font-size: 16px;
	margin-right: 5px;
}

.news-blog .breadcrumb-item.active {
	color: rgb(108, 117, 125);
}

.news-blog .breadcrumb .breadcrumb-item a {
	color: var(--secondry-color);
}

.detail_page_title .main_title {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-align: center;
}

.detail_page_image img {
	border-radius: 14px;
	object-fit: cover;
	height: 350px;
	width: 100%;
}

.detail_page_image .date_list {
	margin-top: 10px;
}

.detail_page_image .date_list h4 {
	font-size: 12px;
	display: inline-block;
	color: var(--primary-color);
	margin: 0px 0px 0px 5px;
	font-weight: 500;
}

.detail_page_image .date_list li span i {
	font-size: 12px;
	color: var(--secondry-color);
}

.detail_page_image {
	margin-bottom: 20px;
}

.detail_page_image .title {
	font-size: 20px;
	color: rgb(0, 0, 0);
	font-weight: 500;
	letter-spacing: 1px;
	margin: 15px 0px 0px;
}

.detail_page_post {
	margin-bottom: 30px;
}

.post_image img {
	border-radius: 14px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.detail_Page_card .main_title {
	font-size: 16px;
	color: rgb(0, 0, 0);
	font-weight: 500;
	letter-spacing: 1px;
	margin: 15px 0px 10px;
	line-height: 23px;
}

.detail_Page_card .listing .date_link {
	font-size: 14px;
	display: inline-block;
	color: var(--primary-color);
	margin: 10px 0px 0px 5px;
	font-weight: 500;
}

.detail_Page_card .listing li span i {
	font-size: 12px;
	color: var(--secondry-color);
}

.detail_row {
	margin-bottom: 0px;
}

.detail_Page_card {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 14px;
	margin-bottom: 20px;
}

.detail_Page_card .content {
	padding: 0px 12px 12px;
}

.catagory_page_wrapper .title {
	margin-bottom: 15px;
	color: rgb(0, 0, 0);
	font-size: 16px;
}

.catagory_page_wrapper img {
	object-fit: cover;
	border-radius: 14px;
	width: 100%;
	height: 450px;
}

.catagory_page_wrapper .publish_list .listing {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.catagory_page_wrapper .publish_list .listing li {
	margin-right: 25px;
	font-weight: 500;
}

.catagory_page_wrapper .publish_list .listing li span {
	color: var(--secondry-color);
	font-weight: 500;
	font-size: 14px;
}

.catagory_page_wrapper .main_wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main_wrapper .view .listing {
	display: flex;
	align-items: center;
}

.main_wrapper .view .listing li {
	margin-right: 10px;
}

.main_wrapper .view .listing span {
	font-size: 14px;
	color: var(--secondry-color);
}

.catagory_page_post {
	margin-bottom: 20px;
	position: relative;
}

.catagory_page_post iframe {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 14px;
}

.catagory_page_post::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.64);
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 14px;
	z-index: 0;
}

.catagory_page_post img {
	object-fit: cover;
	width: 100%;
	border-radius: 14px;
	height: 100%;
}

.catagory_page_wrapper .post_image img {
	height: 200px;
}

.catagory_page_wrapper .Upcoming_main_title {
	font-size: 30px;
	color: rgb(0, 0, 0);
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0px auto 20px;
	border-bottom: 1px solid rgb(216, 216, 216);
	padding: 15px 0px;
}

.publish_list .listing .link {
	color: var(--primary-color);
}

.social_media {
	margin: 40px 0px;
	padding: 0px;
}

.social_media .social_media_list li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.social_media .social_media_list li {
	text-align: center;
	margin-right: 45px;
}

.social_media .social_media_list li h6 {
	margin-top: 10px;
	font-size: 12px;
}

.social_media .social_media_list li a svg {
	fill: rgb(255, 255, 255);
}

.social_media .social_media_list li .teligram {
	background-color: rgb(41, 182, 246);
}

.social_media .social_media_list li .facebook {
	background-color: rgb(24, 119, 242);
}

.social_media .social_media_list li .instagram {
	background-color: rgb(243, 28, 13);
}

.social_media .social_media_list li .youtube {
	background-color: rgb(254, 0, 0);
}

.social_media .social_media_list li .twitter {
	background-color: rgb(0, 0, 0);
}

.social_name {
	color: rgb(255, 255, 255);
}

.main_title_content h4 {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0px auto 40px;
	text-align: center;
}

.main_title_content .sub_title {
	color: rgb(255, 255, 255);
	margin-bottom: 20px;
}

.catagory_page_wrapper .title .main_title {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0px auto 40px;
	text-align: center;
}

table {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-top: 13px;
	margin-bottom: 13px;
}

td {
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid rgb(216, 216, 216);
	font-size: 12px;
}

th {
	color: rgb(255, 255, 255);
	text-align: center;
	padding: 10px;
	background: var(--primary-color);
	font-size: 12px;
}

table tr td strong a {
	color: var(--primary-color);
	display: inline-block;
	font-size: 12px;
}

.table .title {
	color: rgb(0, 0, 0);
	margin: 0px 0px 20px;
	font-size: 30px;
	font-weight: 600;
}

.table {
	margin: 40px 0px 0px;
}

.related_post .title {
	color: rgb(0, 0, 0);
	font-size: 30px;
	font-weight: 600;
	margin: 30px 0px;
}

.related_post .card_image img {
	border-radius: 14px;
	height: 150px;
	object-fit: cover;
	width: 100%;
}

.related_post .post_card {
	margin-bottom: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 14px;
}

.related_post .post_card .content {
	font-weight: 500;
	color: rgb(0, 0, 0);
	font-size: 14px;
	max-width: 280px;
	line-height: 21px;
	height: 100%;
	padding: 20px;
}

.cuopon_box1 {
	padding: 18px;
	border-radius: 8px;
	margin-bottom: 20px;
	position: relative;
}

.cuopon_box1 .varified {
	position: absolute;
	left: -3px;
	top: 4px;
	margin-bottom: 16px;
}

.cuopon_box1 .expire {
	position: absolute;
	right: 30px;
	top: 8px;
	color: rgb(255, 255, 255);
}

.toprow {
	display: flex;
	justify-content: space-around;
	margin-top: 24px;
	border-bottom: 1px solid rgb(168, 175, 185);
}

.left {
	width: 100%;
	border-right: 1px dashed rgb(61, 70, 84);
	margin-bottom: 16px;
	padding-right: 8px;
}

.coupon_contant {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.logo {
	margin-right: 16px;
}

.logo img {
	max-width: 100px;
	max-height: 50px;
}

.Rating_star .rating_icon {
	display: flex;
	margin: 0px 0px 4px;
	padding-left: 0px;
}

.Rating_star .rating_icon li i {
	font-size: 20px;
	color: rgb(255, 184, 64);
}

.Rating_star span {
	font-size: 14px;
	color: rgb(255, 255, 255);
	display: block;
}

.left h2 {
	font-size: 24px;
	font-weight: 700;
	color: rgb(255, 255, 255);
	margin-bottom: 4px;
}

.offer_text ul li {
	color: rgb(255, 255, 255);
	font-size: 16px;
}

.toprow .right {
	width: 100%;
	margin-left: 16px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}

.right_icon ul li i {
	font-size: 20px;
	color: rgb(255, 184, 64);
}

.right_icon ul li span {
	margin-left: 5px;
}

.right_icon ul li {
	color: rgb(255, 255, 255);
	font-size: 16px;
}

.cuopon_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
}

.cuopon_btn .cuponBorder {
	border-radius: 4px;
	background: rgb(255, 255, 255);
	padding: 4px;
	margin-right: 8px;
	width: 100%;
}

.cuopon_btn .cuponBorder .inner_border {
	display: flex;
	justify-content: center;
	width: 100%;
	border: 1px dashed rgb(27, 43, 66);
	border-radius: 4px;
	padding: 6px;
}

.cuopon_btn .cuponBorder span {
	color: rgb(27, 43, 66);
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-right: 8px;
	white-space: nowrap;
}

.cuopon_box1 .cuopon_btn .cuponBorder a.copyCode {
	background: linear-gradient(rgb(27, 43, 66), rgb(5, 15, 29));
	border-radius: 4px;
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	padding: 4px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 122px;
	min-height: 32px;
}

.cuopon_box1 .cuopon_btn .play_btn {
	width: 100%;
}

.cuopon_box1 .cuopon_btn .play_btn a {
	display: block;
	width: 100%;
	padding: 11px 8px;
	font-size: 24px;
	font-weight: bolder;
	color: rgb(255, 255, 255);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	text-transform: uppercase;
	text-align: center;
	background: rgb(9, 31, 98);
}

.promo_image_colom img {
	height: 150px;
	object-fit: cover;
}

.promo_image_colom .title {
	font-size: 40px;
	font-weight: 600;
}

.card-coupon {
	border-radius: 5px;
	padding: 12px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	position: relative;
}

.co-img-coupon img {
	height: 150px;
	object-fit: cover;
	width: 129px;
}

.list-unstyled li span {
	margin-left: 5px;
}

.star-rating i {
	color: rgb(255, 184, 64);
}

.stack_title {
	text-align: center;
	margin-bottom: 10px;
}

.stack_numbring {
	position: absolute;
	top: 0px;
	left: 0px;
}

.stack_numbring span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--primary-color);
	color: rgb(255, 255, 255);
	width: 40px;
	height: 40px;
	border-top-left-radius: 5px;
}

.stack_title h4 {
	font-weight: 600;
	color: var(--primary-color);
}

.star-rating {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.co-img-coupon-text h4 {
	font-size: 12px;
	color: rgb(6, 6, 6);
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 300;
}

.co-img-coupon-text h5 {
	font-size: 12px;
	color: rgb(0, 0, 0);
	font-weight: 300;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.week_count {
	font-size: 13px;
	color: rgb(0, 0, 0);
}

.co-img-coupon-text i {
	color: var(--secondry-color);
	font-size: 14px;
	margin-right: 4px;
}

.main-coupon {
	display: flex;
	align-items: center;
	width: 100%;
}

.copy-button-coupon {
	display: flex;
	align-items: center;
}

.copy-button-coupon input {
	width: calc(100% - 130px);
	min-height: 38px;
	padding: 7px;
	border: 1px solid rgb(1, 1, 1);
	border-radius: 3px;
	flex: 1 1 auto;
	font-size: 14px;
}

.copy-button-coupon button {
	min-height: 38px;
	border: 0px;
	background-color: rgb(1, 1, 1);
	color: rgb(255, 255, 255);
	font-weight: 500;
	border-radius: 3px;
	flex: 1 1 auto;
	margin-left: 5px;
	min-width: 140px;
	font-size: 14px;
}

.content-coupon {
	padding: 10px 30px;
	width: 70%;
}

.content-coupon p {
	font-size: 16px;
	margin-bottom: 10px;
}

.signin-banner {
	border-radius: 3px;
	background-color: var(--secondry-color);
	color: rgb(255, 255, 255);
	font-size: 14px;
	display: inline-block;
	width: 150px;
	text-align: center;
	height: 50px;
	padding: 4px 0px;
	font-weight: 600;
}

.signin-banner:hover {
	background-color: var(--primary-color);
	color: rgb(255, 255, 255);
}

.coupon_wrapper {
	display: flex;
	align-items: center;
}

.co-img-coupon {
	width: 30%;
	padding: 0px 10px;
}

.vertical-coupon {
	border-left: 2px dotted rgb(29, 48, 85);
	height: 100%;
	position: absolute;
	left: 190px;
	top: 0px;
}

.topfeature-block .main_title .title {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 15px;
}

.bloglist-date p {
	font-size: 14px;
}

.authorBlog {
	background-color: rgb(216, 216, 216);
	padding: 16px;
	margin-top: 10px;
	border-radius: 5px;
}

.stake_no {
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
	margin: 10px 0px;
}

.topfeature-block .discription {
	font-size: 16px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(216, 216, 216);
	margin-bottom: 20px;
}

.bc_image {
	margin-top: 35px;
}

.list_row {
	margin-bottom: 20px;
}

.bg_light p {
	margin-bottom: 20px;
	font-size: 15px;
}

.payment_wrapper {
	display: flex;
	align-items: center;
}

.payment_image {
	margin-right: 10px;
}

.payment_wrapper .payment_image img {
	border: 1px solid rgb(216, 216, 216);
}

.bg_light {
	border: 1px solid rgb(216, 216, 216);
	padding: 16px;
	border-radius: 5px;
	background: rgba(237, 234, 234, 0.51);
}

.text_center {
	text-align: center;
	margin-bottom: 20px;
}

.discription p {
	margin-bottom: 20px;
}

.title_bc h4 {
	font-size: 24px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}

.list_row .list-unstyled h5 {
	margin-bottom: 16px;
	font-weight: 600;
}

.title_bc ul li {
	margin-bottom: 10px;
	list-style-type: decimal;
	font-size: 18px;
}

.title_bc ul {
	padding-left: 12px;
}

.title_bc img {
	margin: 20px 0px;
	width: 100%;
}

.title_bc p {
	margin-bottom: 10px;
	font-size: 18px;
}

.list_row .list-unstyled li {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
}

.list_row .list-unstyled li span i {
	color: rgb(0, 0, 0);
	font-size: 14px;
	margin-right: 5px;
}

.faqsection {
	background-color: var(--primary-color);
	border-radius: 5px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding: 0px 25px 15px;
}

.faqsection .accordion-button:not(.collapsed)::after {
	transform: rotate(0deg);
}

.faqsection .accordion-button.collapsed::after {
	transform: rotate(-180deg);
}

.faqsection .title .main_title {
	color: rgb(255, 255, 255);
	font-size: 16px;
	text-align: center;
}

.faqsection .title {
	padding: 15px 0px;
}

.faqsection .accordion-item {
	margin-bottom: 10px;
	border: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.faqsection .accordion-button {
	box-shadow: none;
	background: none;
	border-bottom: 1px solid rgb(216, 216, 216);
}

.faqsection .accordion-button:not(.collapsed) {
	color: rgb(0, 0, 0);
}

.bts_col .rating i {
	color: rgb(255, 184, 64);
}

.bts_col .star-rating {
	justify-content: center;
	margin-left: unset;
}

.bos-item-logo {
	margin-bottom: 10px;
}

.bos-item-logo img {
	max-width: 140px;
	border-radius: 5px;
}

.bos-item-info h4 {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

.bos-item-info {
	margin-bottom: 10px;
}

.bos-item-bonus ul li span {
	margin-right: 5px;
}

.bos-item-bonus ul li {
	margin-bottom: 10px;
}

.bos-item-bonus p {
	margin-bottom: 5px;
}

.bbs-item-action a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 208px;
	height: 40px;
	border-radius: 5px;
}

.bbs-item-action .btn-play {
	background-color: var(--primary-color);
	color: rgb(255, 255, 255);
	margin-bottom: 5px;
}

.bbs-item-action .btn-href {
	border: 1px solid rgb(0, 0, 0);
	color: rgb(0, 0, 0);
}

/* WEB STORY CSS============================================== */
.blogList.web-story .detail_Page_card {
	position: relative;
	min-height: 300px;
	transition: all 0.35s;
}
.blogList.web-story .detail_Page_card:hover {
	box-shadow: 0 10px 10px -1.6px #404ae0;
	transform: translateY(-10px);
}

.blogList.web-story .content {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.blogList.web-story .post_image {
	position: relative;
}
.blogList.web-story .detail_Page_card .main_title {
	color: #ffffff;
}
.blogList.web-story .story_count {
	width: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 5px;
	left: 0;
	z-index: 1;
	justify-content: center;
	padding: 0px 6px;
}
.blogList.web-story .count {
	height: 3px;
	background-color: #ffffff;
	border-radius: 5px;
	flex-grow: 1;
	margin: 0px 5px;
}
.blogList.web-story .post_image::before {
	width: 100%;
	height: 50%;
	bottom: 0;
	left: 0;
	background: linear-gradient(0deg, #23272e, rgba(35, 39, 46, 0));
	z-index: 1;
	content: "";
	position: absolute;
	border-radius: 14px;
}
.blogList.web-story .detail_Page_card:hover::before {
	opacity: 1;
	top: 0;
}

.blogList.web-story .post_image img {
	height: 100%;
}

.video {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 27;
}
.video img {
	width: 200px;
	object-fit: cover;
	height: 100%;
}
.cross {
	position: absolute;
	right: 0;
	top: 0;
}
.cross button {
	border: none;
	outline: none;
	background-color: #0b2f9f;
	color: #fff;
	font-size: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

/* WEB STORY CSS============================================== */
/* Quiz page css======================================================= */

.quiz_card {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 10px;
	margin-bottom: 20px;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.play_image img {
	height: 220px;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
	width: 100%;
}
.play_btn {
	padding: 10px 10px 20px 10px;
	width: 100%;
}

.play_btn .play_action {
	display: inline-flex;
	align-items: center;
	background: var(--primary-color);
	width: 100%;
	text-align: center;
	justify-content: center;
	color: #ffffff;
	padding: 10px 0px;
	border-radius: 5px;
	position: relative;
	transition: 0.5s ease;
}
.play_btn .play_action:hover {
	transform: translateY(-5px);
}
.quiz_title {
	/* margin: 39px 0px; */
	font-size: 24px;
	font-weight: 600;
	/* border-top: 1px solid #d8d8d8; */
	/* padding: 15px 0px; */
	margin-bottom: 20px;
	text-align: left;
}
.questions-wrapper {
	position: relative;
	/* padding: 20px; */
}
.questions-container {
	filter: blur(5px);
}
.title_wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
	border-bottom: 1px solid #d8d8d8;
}
.quiz_image img {
	border-radius: 5px;
}
.indicater_wrapper {
	display: flex;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
.indicator_bar {
	width: 50px;
	height: 6px;
	background: #ececec;
	border-radius: 16px;
	margin-right: 6px;
}
.indicator_bar.active {
	background: var(--primary-color);
}

.detail_page_wrapper .progress {
	margin-bottom: 20px;
	height: 10px;
	overflow: unset;
	position: relative;
}
.detail_page_wrapper .progress .progress-bar {
	background-color: var(--primary-color);
	transition: none;
	border-radius: 5px;
}
.quiz_main_wrapper.quiz-active .questions-container {
	filter: blur(0);
}
.quiz_content img {
	width: 100px;
	object-fit: cover;
	border-radius: 50%;
	height: 100px;
	margin-bottom: 8px;
}
.content_number{
	font-size: 50px;
	font-weight: 600;
}

.input_radio {
	position: relative;
	width: 100%;
	height: 150px;
	margin: 0 auto;
}
.quiz_content_wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	flex-direction: column;
}

.input_radio input[type="radio"] {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	cursor: pointer;
}

.correct .quiz_content_wrapper {
	background-color: #13e16b1f;
	border: 2px solid #55b517;
}
.not_correct .quiz_content_wrapper {
	background-color: #f1adb147;
	border: 2px solid #f11c20;
}

.quiz_main_wrapper {
	text-align: center;
	position: relative;
	/* border: 1px solid #d8d8d8; */
	padding: 13px 0px;
}

.quiz-start-screen {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #ffffffbd;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.quiz_tittle{
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 20px;
}
.quiz_discription{
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 30px;
}

.quiz_header_title {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 30px;
}
.header_sub_title {
	margin-bottom: 10px;
	font-size: 24px;
}
.quiz-button {
	display: inline-block;
	background-color: var(--primary-color);
	color: #ffffff;
	padding: 8px 35px;
	border-radius: 5px;
	position: relative;
	z-index: 1;
	animation: glowing 2s infinite;
	font-size: 20px;
}
@keyframes glowing {
	0% {
		border-color: rgba(43, 73, 170, 0.7019607843137254);
		box-shadow: 0 0 3px rgba(43, 73, 170, 0.7019607843137254);
	}
	50% {
		border-color: #2b49aa;
		box-shadow: 0 0 20px #2b49aa;
	}
	100% {
		border-color: rgba(43, 73, 170, 0.7019607843137254);
		box-shadow: 0 0 3px rgba(43, 73, 170, 0.7019607843137254);
	}
}
.quiz-button:hover {
	color: #ffffff;
}
.radio_btn_wrapper {
	align-items: center;
	margin: 30px auto;
	display: grid;
	grid-template-columns: 150px 150px;
	justify-content: center;
	gap: 20px;
}
.radio_btn_wrapper.complete {
	pointer-events: none;
}
.action_button button:disabled {
	background-color: #ccc;
	cursor: not-allowed;
	opacity: 0.6;
}
.action_button button {
	padding: 8px 44px;
	border-radius: 5px;
	border: 1px solid #d8d8d8;
	outline: none;
	font-size: 18px;
	background: #0b2f9f;
	color: #ffffff;
}
.clock_timer {
	position: relative;
	top: -12px;
}
.clock_timer img {
	width: 40px;
	max-width: unset;
}
.time {
	z-index: 99999;
	margin-left: auto;
	position: absolute;
	background: #fff;
	right: 15px;
	font-size: 12px;
	top: 13px;
	border-radius: 50%;
	width: 10px;
	height: 12px;
	display: flex;
	justify-content: center;
}
.win-trophy {
	text-align: center;
	border-top: 1px solid #d8d8d8;
	padding: 36px 0px;
}
.img-trophy img {
	width: 135px;
	object-fit: cover;
	height: 100%;
}
/* .img-trophy {
	margin-right: 15px;
} */
.quiz_result p {
	font-size: 42px;
	color: #418019;
	font-weight: 600;
}
.quiz_result h4 {
	font-size: 26px;
	color: #8b8282;
}

.sub_header_wrapper ul li {
	position: relative;
}

.sub_header_wrapper ul li .sub_header_drop_down {
	display: block;
	width: 150px;
	position: absolute;
	left: 0;
	top: 43px;
	padding: 12px;
	z-index: 4;
	background-color: #ffffff;
	opacity: 0;
	visibility: hidden;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	transform: translateY(16px);
	transition: 0.2s ease-in-out;
	border-radius: 5px;
}
.sub_header_wrapper ul li:hover .sub_header_drop_down {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}
.sub_header_wrapper ul li .sub_header_drop_down li a::after {
	display: none;
}
.sub_header_wrapper ul li .sub_header_drop_down li a {
	padding: 8px 12px;
	display: inline-flex;
	width: 100%;
}

.sub_header_wrapper ul li .sub_header_drop_down.main {
	display: block;
}

/* Quiz page css======================================================= */

.content_part ol,
.content_part ul {
	margin-top: 20px;
}

.content_part ol {
	counter-reset: ordered-list 0;
}

.content_part ul li,
.content_part ol li {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.content_part ul li::before,
.content_part ol li::before {
	content: "";
	font-family: bootstrap-icons;
	width: 25px;
	height: 25px;
	min-width: 25px;
	display: inline-flex;
	align-items: center;
	border-radius: 50%;
	background-color: rgb(231, 231, 231);
	justify-content: center;
	margin-right: 10px;
	color: var(--primary-color);
	font-size: 12px;
}

.content_part ol li::before {
	counter-increment: ordered-list 1;
	content: counter(ordered-list);
}

.content_part h4,
.content_part h1,
.content_part h2,
.content_part h3,
.content_part h5,
.content_part h6 {
	font-size: 30px;
	color: var(--primary-color);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.content_part img {
	height: auto;
	width: auto;
	border-radius: 0px;
}

.content_part p {
	line-height: 26px;
	font-size: 18px;
	color: rgb(18, 18, 18);
	font-weight: 400;
	margin-bottom: 20px;
}