article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

body {
	margin: 0;

	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #828282;
	background-color: #fff;
	overflow-x: hidden;
	/* background-color: red; */
}

img {
	vertical-align: middle;
	border-style: none;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

ul li {
	text-decoration: none;
	list-style: none;
}

ul {
	padding: 0;
	margin-bottom: 0;
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

/* Top Bar */

.top-icon-list ul {
	display: flex;
	justify-content: end;
}

.top-icon-list ul li:not(:last-child) {
	margin: 0px 1px;
	border-left: 1px solid #66666654;
	border-right: 1px solid #66666654;
}

.top-icon-list ul li:hover a .fa {
	color: #753662;
}

.top-icon-list ul li {
	padding: 10px 20px;
}

.top-icon-list ul li.login-btn a {
	color: #142c6a;
	font-weight: 600;
	font-size: 18px;
	transition: .3s;
}

.top-icon-list ul li.login-btn a:hover {
	color: #753662;
}

/* Header */
.header-section {
	background: #ebecec;
	padding: 15px 0px;
}

.icon-info-img span .fa:before {
	color: #db3a32;
}

.icon-info-img span .fa {
	font-size: 25px;
}

.icon-info-img span {
	width: 50px;
	height: 50px;
	border: 1px solid #9b708e;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
}

.icon-info-text h2 {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}

.icon-info-text p {
	font-size: 14px;
	margin: 0;
}

.header-inner-div {
	display: flex;
	gap: 17px;
}

/* Nav Bar */
.nav-inner ul {
	display: flex;
	justify-content: space-between;
	width: 80%;
	padding: 25px 0px;
}

.nav-inner ul li a {
	color: #274c89;
	font-size: 18px;
	font-weight: 500;
}

.search-box-main {
	background: #ebecec;
	padding: 25px 0px;
}

.inner-search-box {
	background: #753662;
	padding: 17px 25px;
	border-radius: 7px;
}

.search-box-inner input {
	height: 49px;
	width: 100%;
	padding: 15px;
	border-radius: 10px;
	border: none;
}

.search-box-inner button {
	height: 49px;
	background: #63c76a;
	display: flex;
	width: 12%;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0px;

	border-radius: 0px 10px 10px 0px;
	border: none;
}

.search-box-inner {
	display: flex;
	position: relative;
}

.search-box-inner button .fa {
	color: #fff;
	font-size: 19px;
}

/*  */

.event-list-box {
	margin-top: 25px;
}

.event-heading h2 {
	color: #000;
}

.event-heading h2 span {
	font-weight: 700;
	color: #000;
}

.card-body-images img {
	width: 30px;
}

.accordion .card-header {
	background: #753662;
}

.accordion .btn-link {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
}

#main {
	margin: 50px 0;
}

#main #faq .card {
	margin-bottom: 10px;
	border: 0;
}

#main #faq .card .card-header {
	/* border: 0; */
	-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
	box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
	border-radius: 2px;
	padding: 0;
}

#main #faq .card .card-header .btn-header-link {
	display: block;
	text-align: left;
	background: #753662;
	color: #fff;
	padding: 20px;
	font-size: 18px;
	font-weight: 600;
}

#main #faq .card .card-header .btn-header-link:after {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
	content: "\f107";
}

#main #faq .card .card-header .btn-header-link.collapsed {
	background: #fff;
	color: #000;
	border: 2px solid;
	font-weight: 600;
	font-size: 18px;
}

#main #faq .card .collapsing {
	/* background: #FFE472; */
	line-height: 30px;
}

#main #faq .card .collapse {
	border: 0;
}

#main #faq .card .collapse.show {
	background: transparent;
	line-height: 30px;
	color: #222;
	border: 1px solid;
}

.card-body-text p {
	color: #828282;
	font-size: 16px;
	font-weight: 500;
}

.card-body-inner {
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.card-body-images ul {
	display: flex;
	gap: 12px;
}

.event-right-box {
	display: flex;
	border: 1px solid;
	padding: 25px 15px;
	justify-content: space-between;
	margin-top: 10px;
}

.text-right-side p {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
}

.text-right-side {
	/* display: flex; */
	align-items: center;
	gap: 29px;
}

.left-side-list ul {
	display: flex;
	gap: 10px;
}

.left-side-list ul li span {
	font-size: 12px;
	text-align: center;
}

.left-side-list ul li p {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 0px 5px;
	margin: 0;
}

.event-all-box {
	margin-top: 50px;
}

/* Footer */

.footer .foot-top {
	color: #fff;
	background-color: #759f4f;
	padding: 14px;
}

.footer .foot-top h4 {
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
}

.foot-bottom {
	text-align: center;
	background-color: #0d1a2f;
	padding: 30px 30px 10px 30px;
	color: #cccbcb;
}

.foot-bottom .footnav-inner ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5%;
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px;
}

.foot-bottom .footnav-inner ul li a {
	transition: .3s;
	font-weight: 500;
}

.foot-bottom .footnav-inner ul li a:hover {
	color: #759f4f;


}


.foot-bottom .cont-text {
	padding: 8px;
	font-size: 14px;
}

.foot-bottom .copywrite-text {
	font-size: 14px;
}

/* ADD Card */
.Add-cards {
	margin: 50px 0px;
	position: relative;
}
.owl-dots{display:none;}
.owl-nav{display:flex; justify-content:space-between; position: relative;
    top: -200px;}
.owl-prev span, .owl-next span{font-size:50px;}
.owl-prev:hover, .owl-next:hover{background:none !important; color:#828282 !important;}
button.owl-prev {
    position: absolute;
    left: -39px;
}

button.owl-next {
    right: -39px;
    position: absolute;
}

.add-box {
	background: #000;
	text-align: center;
	margin-bottom: 16px;
	height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	color: #fff;
	font-size: 17px;
}
.Add-cards img{
	max-width: 100%;
	border-radius: 10px;
}

/* ADD EVENT PAGE */
/* BANNER */

.new-event-banner {}

.new-event-banner {
	background: #5677b1bd;
	padding: 6% 0%;
	text-align: center;
	color: #fff;
	background-image: url("../../images/bannerImage.png");
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.new-event-banner:after {
	background: #5677b1bd;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.banner-content {
	position: relative;
	z-index: 1;
}

.event-form {
	margin: 30px 0px;
}

.content p {
	font-weight: 500;
	font-size: 20px;
	margin: 10px 0px;
}

.content h2 {
	font-weight: 700;
}

.form-all-inputs {
	margin: 15px 0px 50px 0px;
}

.input-main label {
	display: block;
	font-size: 18px;
	font-weight: 600;
}

.input-main input {
	background: #ebecec;
	border: none;
	height: 50px;
	width: 100%;
	padding: 15px;
	/* margin-bottom: 20px; */
}

.input-main input::placeholder {
	font-weight: 500;
}

.btn-submit button {
	background: #753662;
	border: 1px solid #753662;
	color: #ffff;
	width: 100%;
	padding: 15px;
	font-weight: 600;
	border-radius: 4px;
	transition: .3s;

}

.btn-submit button:hover {
	background: none;
	color: #753662;
}

.service-tops {
	padding: 20px 0px;
}

.service-tops h1 {
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	max-width: 70%;
}

.service-tops ul {
	font-weight: 600;
}

.service-tops ul li {
	font-weight: 650;
	margin-left: 0px;
	padding-left: 0px;
}

.service-tops ul li svg {
	height: 30px;
	margin-left: 0px;
	padding-left: 0px;
}

.service-tops ul li:before {
	/* content: "";
  font-size: 12px;
  font-weight: 700;
  margin-right: 5px; */
}

.service-tops p {
	margin-top: 30px;
}

.service-tops .half_line {
	position: absolute;

	width: 70px;

	height: 2px;
	background-color: #763763;
}

/* ------------------------- our-services ------------------ */

.our-services {
	padding: 50px 0px;
	text-align: left;
}

.ourservice-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
	width: 100%;
	margin-top: 8px;
}

.our-services h2 {
	color: #000;
	font-weight: 650;

}

.our-services ul {
	font-size: 14px;
	font-weight: 500;
}

.our-services ul li {
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 650;
}

.our-services ul li svg {
	height: 15px;
	width: 15px;
}

.our-services .half_line {
	position: absolute;

	width: 70px;

	height: 2px;
	background-color: #763763;
}

.ourserve-para {
	margin-top: 30px;
}

/* ------------------ off canvas ---------- */
.nav-bar-main ul li {
	/* border-bottom: 1px solid; */
}

.nav-inner ul li a:after {
	background: #753662;
	content: "";
	display: block;
	height: 2px;
	transition: width .3s;
	width: 0;
}


.nav-inner ul li a:hover {
	color: #753662;
}

.nav-inner ul li a:hover:after {
	width: 100%;
}

.nav-inner ul li a {
	transition: width .3s;
}

.mobile-divs li {
	display: none;
}

.mobile-divs .mobile-logo img {
	width: 140px;
}

.deset_offcanva {
	/* display: none; */
}

.deset-canva {
	display: none;
}

.deset_offcanva img {
	/* background-color: #0d1a2f; */
	padding: 5px;
}

.nav-offcanva-main ul {
	display: flex;
	flex-direction: column;
}

.nav-offcanva-main ul li {
	padding: 6px;
}

.offcanvas-start {
	width: 302px !important;
}

.offcanva-social ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.offcanva-social li {
	border: 1.5px solid #828282;
	border-radius: 8px;
	display: flex;
	background-color: #142c6a;
	flex-direction: row;
}

.offcanva-social li a {
	padding: 1px 10px;
	background-color: #142c6a;
}

.offcanva-social li a i {
	color: #fff;
}

/* .offcanvas.offcanvas-start{
	width: 302px;
} */

.deset-canva .header-logo img {
	width: 140px;
}

/*  -------------------- results calander -----------------------------*/
/* ----search--- */
.dropdown-main-list .dropdown-toggle-split::after {
	margin-left: 0;
	color: black;
}

.janaury-btn-dropdown {
	padding: 5px 60px 5px 10px;
}

.dropdown-main-list .dropdown-menu.show {
	left: -125px !important;
	--bs-dropdown-min-width: 9rem;
}

/* upcoming-event */

.upcoming-events {
	padding: 20px 0px 70px 0px;
}

.dropdown-main-list .janaury-btn-dropdown {
	background: #3b8ec2;
}

.dropdown-main-list {
	display: flex;
	justify-content: start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}

.upcoming-events-heading {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 0px 40px 0px;
}

.upcoming-events-heading h2 {
	color: #000;
}

.upcoming-events-heading span {
	color: #000;
	font-weight: 700;
}

.upcoming-events-card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #cfd4d4b3;
	flex-wrap: wrap;
	/* margin-bottom: 10px; */
	padding: 20px 12px;
}

.upcoming-events-card-date p {
	font-weight: 600;
	margin-bottom: 0px;
}

.upcoming-center-img {
	display: flex;
	justify-content: start;
	align-items: start;
	flex-direction: column;
}

.upcoming-center-img p {
	font-weight: 600;
	margin-bottom: 0px;
}

.upcoming-center-img ul {
	display: flex;
	flex-wrap: wrap;
	/* gap: 10px; */
}

.upcoming-center-img ul li {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.li-color-ma {
	background-color: #036503ba;
}

.li-color-mb {
	background-color: rgb(118, 87, 206);
}

.li-color-mc {
	background-color: rgb(76, 235, 227);
}

.li-color-md {
	background-color: red;
}

.li-color-me {
	background-color: yellow;
}

.li-color-mf {
	background-color: #753662;
}

.li-color-mg {
	background-color: #21183b;
}

.upcoming-center-result p {
	/* padding: 2px 90px 10px 2px; */
	background-color: rgb(255, 189, 66);
	color: white;
	margin: 0;
	font-weight: 600;
	width: 120px;
	padding: 7px;
}

.upcoming-events-play-button {
	border: none;
	outline: none;
	background-color: transparent;
}

.upcoming-events-play-button svg path {
	fill: #753662;
}

.upcoming-events-bg-color .upcoming-events-card {
	background-color: transparent;
}

/*.upcoming-events-bg-color .upcoming-center-result p {
	background-color: rgb(72, 131, 72);
	color: white;
	margin: 0;
	font-weight: 600;
}*/


.upcoming_center_result_p {
    background-color: transparent!important;
    border: 2px solid #828282;
    color: #828282!important;
}

/* Contact Page */
.contact-inner h2 {
	text-align: center;
	font-weight: 700;
}

.contact-list table {
	width: 100%;
}

.contact-inner {
	box-shadow: 0 5px 14px #001b391a;

	padding: 25px;
	width: 500px;
	margin: 50px auto;
	background: #753662;
	color: #fff;
	border-radius: 8px;
}

/* Faq Page */


.faq-main-page #main {
	margin: 30px 0;
}

.faq-main-page .card-body-inner {
	display: block;
}

.faq-address p {
	font-weight: 700;
	margin: 0;
}

span.contact-txt-faq {
	color: #000;
}

.faq-main-page .card-body-images ul {
	display: block;
}


.faq-main-page .card-body-images h2 {
	color: #000;
	font-size: 20px;
	font-weight: 700;
}

.faq-main-page .card-body-images ul li {
	position: relative;
	color: #828282;
	font-weight: 500;
	font-size: 15px;
	line-height: 21px;
	margin-left: 13px;
}

.faq-main-page .card-body-images ul li:after {
	border-radius: 100px;
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	background: #753662;
	left: -12px;
	top: 6px;
}

.faq-main-page #main #faq .card .card-header .btn-header-link {
	padding: 10px;
}

.faq-main-page .card-body-text p {
	font-size: 14px;
	line-height: 24px;
	margin: 0;
}

#main #faq .card .collapse.show:focus-visible {
	outline: none;
}

.btn-check:focus+.btn,
.btn:focus {
	outline: none;
	box-shadow: none;
}


/* Search Result */
.search-result-new .search-box-inner input {
	height: 45px;
}

.btn-submit.btn-search-new button {
	background: #759f4f;
	border: 1px solid #759f4f;
	width: 74%;
	padding: 8px;

}

.btn-submit.btn-search-new button:hover {
	color: #fff;
}

.table-search-result {
	margin-top: 40px;
}


.table-search-result table {
	width: 100%;
}


.table-search-result table tr.table-head-search {
	background: #753662;

}


.table-search-result td.verdana-white {
	color: #fff;
	padding: 10px;
	font-weight: 700;
}

.table-search-result tr.vtable td {
	padding: 10px;
}

.table-search-result tr.vtable {
	background-color: #eff1f1;
	color: #000;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	border: 1px solid;
	line-height: 30px;
	margin: 0;
}


.pre_next_button button#slideBack {
	display: none;
}

.pre_next_button button#slide {
	display: none;
}


.table-inner table.dataTable {
	width: 100% !important;
}

.table-inner .sorting {
	color: #fff;
}


.table-inner table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.table-inner table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
	content: "+" !important;
	font-size: 25px;
	color: #29cc97 !important;
	font-weight: 700;
}

.table-inner table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
.table-inner table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
	content: "-" !important;
	font-size: 25px;
	color: red !important;
	font-weight: 700;
}

.table-inner span.dtr-data {
	font-size: 12px;
	font-weight: 600;
}

/* ***********new css 21 august******** */
/* .header-logo img {
  width: 251px;
  height: 64px;
} */
.card-header li {
	list-style: none;
}

.text-right-side {
	display: block;
	align-items: center;
	gap: 29px;
}

.text-right-side img {
	width: 22px;
	/* height: 22px; */
}

/* .nav-inner ul li a::after {
  content: "";
  border-right: 1px solid #252859;
  position: absolute;
  right: 0%;
  height: 57%;
}
.nav-inner ul li a{
  position: relative;
} */

.new-event-btn {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	gap: 15px;
}

.new-event-btn button {
	background-color: none;
	background: none;
	border-radius: 100px;
	padding: 10px 12px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	background: #759f4f;
	border: none;
	/* margin-top: 16px; */
}


/* 21-8-29 */
.input-main select {
	background: #ebecec;
	border: none;
	height: 60px;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
}


.btn-submit p {
	font-size: 16px;
	font-weight: 700;
	color: red;
	margin-top: 6px;

}

.input-main.all-new-check input {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	/* display: flex; */
}

.check-inner {
	display: flex;
	align-items: center;
	gap: 11px;
}

.input-main.all-new-check label {
	margin: 3px 0px;
}

.input-main.all-new-check p {

	font-weight: 600;
	margin-bottom: 8px;
}

.clearfix {
	display: flex;
}

.clearfix button {
	background-color: #759f4f !important;
	width: 24px;
	padding: 0;
	font-size: 14px;
}

.btn-submit.submit-btn-mobile {
	display: none;
}

.result_flag img {
	width: 28px;
}

button.even_odd_btn {
	border: none;
	margin-top: 5px;
	padding: 10px 12px;
	color: black;
	font-size: 15px;
	font-weight: 500;
	width: 100%;
	margin-right: 8px;
}

div#myDIV {
	display: flex;
	justify-content: center;
}

.input-main {
	margin-top: 19px;
}

.register_btn button {
	background: yellow;
	border: 1px solid darkslateblue;
	padding: 6px 13px;
	border-radius: 100px;
	color: black;
}

.register_btn {
	display: flex;
	justify-content: center;
}


/* New 22-8-23 */
.list-image-event ul {
	display: flex;
	gap: 6px;
	margin-top: 8px;
}

.nav-bar-main ul li:last-child {
	margin-left: 15%;
}

.nav-inner ul {
	width: 100%;
}

.header-logo img {
	width: 140px;
}

.header-section .row {
	align-items: center;
}

.btn-submit.submit-btn-desktop {
	margin-top: 25px;
}

.table-inner h2 {
	font-size: 18px;
	text-align: center;
	color: #000;
}


.nav-bar-main ul li:last-child {

	position: relative;
}


.nav-bar-main ul li:last-child:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 20px;
	top: 5px;
	left: -25px;
	right: 0;
	bottom: 0;
	background: red;
}


.table_result td {
	font-size: 16px;
	font-weight: 600;
	/* color: black; */
}


.table_main_result {
	display: flex;
	justify-content: center;
	/* gap: 45px; */
	justify-content: space-around;
	margin-bottom: 36px;
	margin-top: 0;
	padding: 0 12px;
}

div#myresult_even_odd {
	background: #dde1e1;
}

.even_odd_main_box {
    padding: 10px;
}
.register_btn button {
	background: yellow;
	border: 1px solid darkslateblue;
	padding: 6px 13px;
	border-radius: 100px;
	color: black;
	margin-bottom: 21px;
}


.new-btn-div:nth-child(even) button {
	background: #35cd01;
}

.new-btn-div:nth-child(odd) button {
	background: #ffbb00;
}

.table_main_result table {
	width: 100%;
}

.race-img img {
    width: 85%;
}


.show_flexwithflag {
	display: flex;
	align-items: center;
	gap: 10px;
}

.show_calenderflagflex {
	display: flex;
	align-items: center;
	gap: 10px;
}

.show_calenderflagflex img {
	width: 34px;
	height: 22px;
}

.service_butnflex {
	display: flex;
	/* justify-content: center; */
	gap: 15px;
}

.clearfix h6 {
	margin-bottom: 0px;
	display: none;
}

.showinfo_last {
	display: none;
}

.select_removemargin select {
	margin-bottom: 0px;
}

.advertisement {
	text-align: center;
	padding-bottom: 20px;
}

.advertisement img {
	height: 250px;
	border-radius: 10px;
	width: 100%;
}

.notshow_advertise {
	display: none;
}


/* Event Info Page */
.event-info-main {
	margin: 50px 0px;
}

.event-info-gif img {
	width: 100%;
}


.table-info-main table {
	border-collapse: collapse;
	width: 100%;
}

.table-info-main td,
.table-info-main th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
	color: #000;
}

.table-info-main tr:nth-child(even) {
	background-color: #759f4f;
}

/* .table-info-main th:nth-child(even),
.table-info-main td:nth-child(even){
  color:#fff !important;
} */


div#myresult_button {
	background: #dde1e1;
	padding: 10px;
}

.header-inner-div a {
	display: flex;
	gap: 17px;
}

.offcanva-social ul {
	display: flex;
	width: 129px;
}


/* 3-10-23 */
.text-right-img img {
	width: 100%;
}

.text-right-img a {
	text-align: center;
	width: 100%;
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin-top: 5px;
	color: #000;
}

.service-2nd {
	margin-top: 30px;
}

.service-new-image .ourservice-img {
	height: 100%;
}

.input-main label {
	color: #800080;
}


#yourBtn {
	width: 100%;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px dashed #fff;
	text-align: center;
	background-color: #753662;
	cursor: pointer;
	font-size: 19px;
	color: #fff;
}


.advertisement-img {
	padding: 10%;
	background-position: center;
	background-size: cover;
	border-radius: 8px;
	background-repeat: no-repeat;
}


.dropdown-main-list {
	flex-wrap: nowrap;
}

.btn-group-new select {
	height: 49px;
}

.new-search-page .search-box-inner input {
	background: #ebecec;
	border-radius: 0px;
}

.new-search-page button {
	border-radius: 0px;
}

.new-search-page input::placeholder {
	font-weight: 500;
}

.search-box-inner.btn-new-search button {
    width: 15%;
}


.data-first-form {
    border: 1px solid #fff;
   padding: 5px; 
    border-radius: 8px;
    gap: 0px;
}

/* .row.data-first-form div {
    padding: 1px;
} */



.row.data-main-all-form {
    align-items: center;
    justify-content: space-between;
}

.col-md-5.data-first-form {
    width: 48.666667%;
}


.upcoming-center-img img {
    width: 20px;
}

/* 13 Sep 24 */
.upcoming-events-card > div {
    width: 12%;
}
.upcoming-events-card .upcoming-event-location-time{
	width: 30% !important;
}
.upcoming-events-card .upcoming-event-location-time p{
	font-weight: 600;
    margin-bottom: 0px;
}
.upcoming-events-card .upcoming-center-img {
    width: 30% !important;
}
.upcoming-events-card{
	align-items: flex-start;
}
.table_result tr td:first-child{
	width: 	25%;
}
.table_result tr td:last-child{
	width: 	75%;
}

.service-box{padding-bottom: 40px;}
.service-box .row{row-gap: 20px}
.service-box .service{position: relative;cursor: pointer;box-shadow: 1px 0 13px #00000036;height: 100%;}
.service-box .service img{width: 100%;height: 260px;object-fit: cover;}
/*.service-box .service:before {content: '';position: absolute;top: 0;width: 100%;height: 100%;background: #0000008c;left: 0;}*/
/*.service-box .service p{position: absolute;color: #fff;width: 80%;margin: auto;left: 0;right: 0;top: 0;bottom: 0;height: fit-content;text-align: center;}*/
#lightbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#00000080; text-align:center;}
.service-box .service p{font-size: 14px;font-weight: 600;padding: 10px;margin: 0;}
.service-box .service ul{font-size: 14px;font-weight: 600;padding-left: 20px;padding-bottom: 20px;}
#lightbox img{width: 50%}
.gray-btn .even_odd_btn{background: #828282 !important;color: #cfd4d4;}
.event-main-img{display: block;padding-bottom: 40px;text-align: center;}
.event-main-img img{width: auto;height: 400px;object-fit: contain;}
.show_m{display: none;}


/* home page review sec css */

.event-card {
      display: flex;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 3px 10px rgba(0,0,0,0.08);
      overflow: hidden;
      position: relative;
      margin: 0 auto 25px;
      transition: transform 0.2s ease-in-out;
	  align-items: center;
    }

    .event-card:hover {
      transform: translateY(-3px);
    }
	.event_images {
    width: 20%;
}

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

    .event-content {
    padding: 10px 20px 10px 20px;
}

    .event-date {
      color: #000000;;
      font-size: 14px;
      margin-bottom: 4px;
    }

    .event-title {
      font-weight: 600;
      font-size: 16px;
      color: #000;
      margin-bottom: 4px;
    }

    .event-location {
      color: #6c757d;
      font-size: 12px;
      margin-bottom: 14px;
      text-transform: uppercase;
      font-weight: 500;
    }

    /* Star Icon */
    .rating_icon {
      position: absolute;
      top: 1px;
      right: 0px;
    }

	.rating_icon img {
    width: 79%;
}

	/* Corner star ribbon */
.event-card {
  position: relative;
  overflow: hidden; /* important to hide overflow */
}

.event-card::before {
  content: " "; /* Star icon (you can use \2605 or SVG background instead) */
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #fcd920;
  color: #b87300; /* brown-golden star */
  font-size: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 5px 7px;
  border-bottom-left-radius: 8px;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  font-weight: bold;
}




    /* .rating_icon:hover {
      transform: scale(1.2);
    } */

    /* Buttons */
.btn-register {
    background-color: #c6d2ff;
    color: #2c3456c2;
    font-size: 12px;
	padding: 3px 22px 6px 22px;
    border-radius: 27px;
    text-decoration: none;
    border: 1px solid #8b8e99;
    font-weight: 700;
}

    .btn-transfer {
    background-color: #feef89;
    color: #7e5305;
    font-size: 12px;
    padding: 3px 15px 6px 15px;
    border-radius: 27px;
    text-decoration: none;
    border: 1px solid #7e53057d;
    font-weight: 700;
}

    .btn-register:hover {
      background-color: #5148cc;
	  color: #fff;
    }

    .btn-transfer:hover {
      background-color: #ffc003;
	  color: #fff;
    }

	/* review page css */
	.section-heading {
    text-align: center;
    margin-bottom: 70px;
    margin-top: 70px;
}

    .section-heading span.badge {
    background-color: #ffc003;
    color: #000;
    font-weight: 500;
    padding: 13px 19px;
    border-radius: 10px;
    font-size: 16px;
}

    .section-heading h2 {
    font-weight: 700;
    margin-top: 18px;
    color: #000000;
    font-size: 50px;
}

.section-heading p {
    color: #000000 !important;
    font-size: 20px;
}

	.row.testimonial_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
	}
    .testimonial-card {
      border: 2px solid #ffc003;
      border-radius: 10px;
      padding: 30px 40px 20px 40px;
      position: relative;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      transition: transform 0.2s ease-in-out;
    }

    .testimonial-card:hover {
      transform: translateY(-5px);
    }

    .testimonial-badge {
    position: absolute;
    top: -15px;
    left: -20px;
    background-color: #ffc003;
    color: #000000b0;
    padding: 8px 14px;
    border-radius: 11px;
    font-weight: 700;
    font-size: 16px;
}

    .testimonial-text {
    font-size: 18px;
    margin-top: 1.2rem;
    color: #333333;
    line-height: 27px;}

    .testimonial-author {
    margin-top: 18px;
    font-weight: 700;
    color: #474b96;
    font-size: 17px;}

    .testimonial-role {
    color: #666;
    font-size: 16px;
    font-weight: 600;
}

/* race button */
/* Floating Button Styling */
.floating-btn {  position: fixed;  bottom: 30px;  right: 30px;  background-color: #2b2143; /* dark purple/navy */  color: #fff;  padding: 12px 22px;  border-radius: 50px;  font-weight: 600;  font-size: 17px;  text-decoration: none;  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);  transition: all 0.3s ease;  z-index: 9999;  animation: bounce 2s infinite;}
.floating-btn:hover {  background-color: #3b2b63;  transform: translateY(-3px);   color: #fff;}
a.floating-btn:focus { color: #ffffff;}

/* Bounce Animation */
  @keyframes bounce {
        0%,to {
            transform: translateY(-25%);
            animation-timing-function: cubic-bezier(.8,0,1,1)
        }

        50% {
            transform: none;
            animation-timing-function: cubic-bezier(0,0,.2,1)
        }
    }

/* new page css */
.upcoming_event h5 {  font-size: 25px;  font-weight: 700;  margin-bottom: 15px;}
.event_box { display: flex; justify-content: space-between; align-items: center; transition: transform 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); border-radius: 10px;gap: 30px;margin-bottom: 30px;}
.event_box:hover{ transform: translateY(-5px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);}
.eventimg {  width: 30%;}
.eventimg img{width: 107%;}
.evevt_details p {  color: #000;  font-size: 17px;  margin-bottom: 12px;}
.evevt_details h5 {   color: #000;   font-size: 21px;   margin-bottom: 0px;   font-weight: 600;   line-height: 18px;}
.event_info {  display: flex;  flex-direction: column;  justify-content: space-between;}
.register_info { margin-bottom: 15px;}
.evevt_details button, .event_btn button {  border: 2px solid #000;  border-radius: 9px;  padding: 3px 14px;	background: #fff;}
.event_btn {  display: flex;  flex-direction: column;  gap: 7px;  margin-bottom: 10px;}
.icons_row {  display: flex;  align-items: flex-end;  gap: 20px;}
img.flag_img { width: 60px;}
.event_rightcol {    display: flex;   width: 72%;   gap: 30px;  padding: 10px 10px 10px 0px;     justify-content: space-between;}
.countdownd {  display: flex;  gap: 10px;	justify-content: flex-end;}
.countdown_info span {  background: black;  padding: 1px 10px;color: #fff;}
.text_info {    font-size: 10px;    color: #000000a1;    margin-bottom: 3px;    font-weight: 700;}


/* index page updted css */

.upevent-card { display: flex; width: 100%;  justify-content: space-between;   background: #fff;  border: 1px solid;  padding: 25px 15px; margin-top: 10px;     gap: 20px;}
.evevtleftcol {  display: flex;  width: 70%;  justify-content: space-between;}
.upevent-card .event-content{padding: 0px;}
.upevent-card  .event-content .event-date {  display: flex;  align-items: center;  gap: 10px;}
.width_equal {width: 50%;}
.evevtleftcol { display: flex; justify-content: space-between; gap: 40px;}
.upevent-card  .event-content .event-date img{width: 22px;}
.upevent-card  .event-content .event-date span {  font-size: 16px;  font-weight: 400;  line-height: 1.5;  color: #828282;}
.upevent-card .event-content p {  margin: 0;  font-size: 18px;  font-weight: 500; line-height: 1.5; color: #828282; width: 97%;}
.upevent-card .event-content .icons_row ul { display: flex; gap: 6px;  margin-top: 8px; justify-content: flex-start;}
.upevent-card .event-content li.image-icon img {  width: 22px;}
.upevent-card  .countdown_row {  display: flex;  gap: 10px;}
.upevent-card .countdown_info .text_info {  margin-bottom: 3px;  font-weight: 600;  font-size: 12px;  color: #828282;}
.upevent-card .raceroster-img img { width: 100%;}
.raceroster-img a {  text-align: center;  width: 100%;  display: block;  font-size: 18px;  font-weight: 600;  margin-top: 5px;  color: #000;}
.imgcolwidth {    width: 30%;}

/* calender and result css */

.upcomeing_eventsec {  margin-top: 50px;}
.upcomeing_eventsec .upcoming_event  .event_box { display: flex; align-items: center; transition: transform 0.3s ease, box-shadow 0.3s ease;  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);  border-radius: 20px;  gap: 40px;  margin-bottom: 30px;}
.upcomeing_eventsec .upcoming_event .eventimg {  width: 25%;}
.upcomeing_eventsec .upcoming_event .eventimg img {  width: 100%;  border-radius: 20px;}

.upcomeing_eventsec  .left-column {  margin-top: 45px;}
.upcomeing_eventsec .left-column img { width: 100%; margin-bottom: 30px;}
.upcomeing_eventsec .register_info ul {  display: flex;  gap: 6px;}
.upcomeing_eventsec .register_info ul li img { width: 22px;}
.upcomeing_eventsec .countdown_row.width_equal { display: flex; gap: 10px; justify-content: flex-end;}
.upcomeing_eventsec .width_equal {  width: 100%;}

.event_btn button{width: 182px;}


@media only screen and (max-width:1024px){
.row.testimonial_row {    grid-template-columns: repeat(2, 1fr);    gap: 30px;}
p.testimonial-text br {    display: none;}
.section-heading h2 {   font-size: 40px;}

.evevt_details button, .event_btn button {font-size: 11px; padding: 3px 8px;}
.eventimg img { width: 100%;}
.event_rightcol {    width: 90%;  gap: 16px;}
.event_box {gap: 15px;  margin-bottom: 15px;}
.icons_row {    gap: 0px;   justify-content: space-around;}
img.flag_img {width: 46px;}
.evevt_details h5 { font-size: 18px;   line-height: 14px;}
.evevt_details p {font-size: 16px;    margin-bottom: 6px;}
.event_btn { margin-bottom: 2px;}
.register_info {  margin-bottom: 10px;}

.upcomeing_eventsec .upcoming_event .eventimg {  width: 35%;}
.upcomeing_eventsec .upcoming_event .event_box { gap: 20px;}

.event_btn button {  width: 150px;}
}

@media only screen and (max-width:991px){
.row.testimonial_row {    grid-template-columns: repeat(2, 1fr);    gap: 30px;}
.section-heading h2 {   font-size: 40px;}
p.testimonial-text br {   display: none;}


.eventimg{width: 40%;}
.evevt_details p {  font-size: 17px;  margin-bottom: 12px;}
.evevt_details h5 {  font-size: 21px;  margin-bottom: 0px;  line-height: 18px;}
.register_info { margin-bottom: 15px;}
.evevt_details button, .event_btn button { font-size: 14px;}
.event_btn {margin-bottom: 10px;}
.icons_row {gap: 20px; justify-content: flex-start !important;}
img.flag_img {width: 60px;}
.event_rightcol {justify-content: space-around; }

.upcomeing_eventsec .upcoming_event .eventimg img { width: 100%; border-radius: 20px;}
.upcomeing_eventsec .upcoming_event .eventimg {  width: 30%;}
.event_btn button {width: 130px;}
}

@media only screen and (max-width:768px){
	.upcoming-events-card > div {width: 100% !important;}
	.upcoming-events-card .upcoming-event-location-time{width: 100% !important;} 
	.upcoming-events-card .upcoming-center-img { width: 100% !important;}
	#lightbox img{width: 90%}
	.show_d{display: none;}
	.show_m{display: table-cell;}
	.testimonial_row {    grid-template-columns: repeat(1, 1fr);    gap: 30px;}
}
@media only screen and (max-width:767px){
	.Add-cards img {  margin-bottom: 10px;	}
	.row.testimonial_row {grid-template-columns: repeat(1, 1fr) !important;}
	p.testimonial-text br {display: none;}
}


@media only screen and (max-width:580px){
	.table_result tr td{width: auto !important;}
}

@media only screen and (max-width:480px){
		.no_hide{display: table-cell !important;}
		.table-search-result table{overflow: auto; display: block;}
		.event-main-img img {width: 100%;height: auto;object-fit: contain;}
		.owl-nav {display: none;}

		.section-heading {   margin-bottom: 45px;   margin-top: 50px;}
		.testimonial-card {padding: 20px 20px 10px 20px;}
		.testimonial-text {    font-size: 17px;    line-height: 27px;}
		.section-heading h2 {font-size: 36px;}
		.section-heading p {font-size: 17px;}
		.row.testimonial_row {grid-template-columns: repeat(1, 1fr);}
		.review_sec {padding: 0px 20px;}
		.testimonial-badge {   left: -12px;}

		p.testimonial-text br {display: none;}

		.event-img {width: 34%;    object-fit: cover;}
		.race-img {margin-top: 20px;}
		.race-img img { width: 100%;}
		.floating-btn { bottom: 10px; right: 10px;}
		.event_box {display: flex;  flex-direction: column; margin-bottom: 30px;}
		.eventimg {  width: 100%;}
		.eventimg img {width: 100%;}
		.event_rightcol {  padding: 10px 10px 10px 10px;}
		.icons_row {  gap: 1px;}
		.evevt_details button, .event_btn button { font-size: 11px;}
	    .event_rightcol { gap: 15px;}
	    .evevt_details p {font-size: 16px;}


		.evevtleftcol {width: 100%; flex-direction: column;  gap: 10px;}
		.upevent-card {width: 100%; flex-direction: column; gap: 20px;}
		.width_equal {width: 100%;}
		.icons_row {justify-content: flex-start;}
		.upevent-card .event-content p {width: 100%;}
		.imgcolwidth {width: 100%;}

		.upcomeing_eventsec .upcoming_event .eventimg {width: 101%;}
		.upcomeing_eventsec .upcoming_event .event_box {gap: 15px; padding-bottom: 15px;}
		.event_btn button {width: auto;}

}