body {

  font-family: 'Poppins', sans-serif;

  /* font-family: 'Nunito Sans', sans-serif; */

}



header {

  /* background-color: #f9f9f9; */

  background-color: #fff9;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */

  padding: 10px 0;

  position: sticky;

  top: 0;

  left: 0;

  right: 0;

  z-index: 999;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

  backdrop-filter: blur(11px);

}



.navbar-brand {

  font-size: 24px;

  font-weight: bold;

  color: #333;

  text-transform: uppercase;

  /* font-family: 'Roboto', sans-serif; */



}



.navbar-brand img {

  max-width: 100px;

}



.navbar-toggler {

  border: none;

  outline: none;

  color: #333;

}



.navbar-toggler-icon {

  background-color: #333;

}



.navbar-nav .nav-item:hover {

  opacity: 0.8;

}









.navbar-nav .nav-link {

  font-size: 17px;

  color: #0b7a70;

  /* text-transform: uppercase; */

  padding: 10px 20px;

  font-weight: 700;

  text-transform: uppercase;



}



.navbar-nav .dropdown-menu {

  background-color: #fff;

  border: none;

  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */

  top: 60px;

  --bs-dropdown-border-radius: 0;

  --bs-dropdown-padding-y: 0rem;

}



.navbar-nav .dropdown-item {

  color: #5a5a5a;

  font-size: 15px;

  padding: 10px 13px;

  border-bottom: 1px solid #eee;

  background: #f6f6f6;

  text-transform: uppercase;

  font-weight: 600;



}



.navbar-nav .dropdown-item:hover,

.navbar-nav .dropdown-item:focus {

  background-color: #f9f9f9;

  color: #333;

}



section {

  padding: 20px 0;

}



section h2 {

  margin-bottom: 30px;

  font-weight: bold;

  color: #333;

  display: inline-block;

}



h2 {

  font-size: 36px;

  font-weight: bold;

  text-transform: uppercase;

  position: relative;

  display: flex;

  align-items: center;

  padding-bottom: 5px;

  margin-bottom: 10px !important;

}



.word1 {

  color: #605e5e;

  font-weight: 1000;

  font-size: 2.5rem;



}





.word2 {

  color: #0D9D96;

  /* background: #008080; */

  margin: 0px 10px;

  padding: 5px 3px;

  border-radius: 6px;

  /* font-style: italic; */

  font-weight: 1000;

  font-size: 2.5rem;

}



.word4 {

  color: #0D9D96;

  font-weight: 700;

  font-size: 1.7rem;

}



.word3 {

  color: #FFD635;

  font-weight: 1000;

  font-size: 2.5rem;



}





i {

  margin-left: 10px;

  font-size: 24px;

  color: #FFC593;

}







/******************

  Slider Section 

  ******************/



.slider-item {

  height: 500px;

  background-color: #eee;

  position: relative;

}



.slider-item img,

.slider-item video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.slider-controls {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.slider-arrow {

  font-size: 32px;

  color: #fff;

  background-color: rgba(0, 0, 0, 0.5);

  padding: 10px;

  border-radius: 50%;

  cursor: pointer;

  transition: background-color 0.3s ease;

}



.slider-arrow:hover {

  background-color: rgba(0, 0, 0, 0.8);

}



.slider-arrow i {

  vertical-align: middle;

}





/******************

  Recent Events

******************/

.recent-event-section {

  padding: 30px 0 40px 0;

  background-image: url('../../assets/eventpattern.svg')

}



/* .recent-events {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: flex-start;

    gap: 20px;

    margin-top: 50px;

  } */



.event-block {

  width: auto;

  /* background-color: #fff;

    border: 1px solid #ddd; 

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/

  padding: 10px;

  text-align: center;

  position: relative;





}



.event-block img {

  width: 100%;

  height: auto;

  object-fit: cover;

  margin-bottom: 10px;

  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;

  border-radius: 25px;

  transition: transform 0.3s ease-in-out;

}



.event-block h4 {

  margin-bottom: 10px;

  font-size: 18px;

  font-weight: bold;

  color: #333;

}



.event-block .btn-theme-color {

  /* border-color: #c7c7c7; */

  margin-top: 10px;

  /* color: #454545;

  font-weight: 600;

  padding: 8px 20px;

  border-radius: 50px; */

  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;

  font-weight: 700;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  padding: 8px 16px;

  background-color: #2d767d;

  color: #fff;

  font-weight: bold;

  border-radius: 18px;

  text-decoration: none;

  overflow: hidden;

  z-index: 1;

}



.event-block .btn-theme-color:hover {

  /* background-color: #0d9d96;

  border-color: #0d9d96; */

  color: rgb(35, 35, 35);

}

.event-block a i {

  color: white;

  transition: transform 0.1s ease-in-out;

  font-size: 0.9rem;

}

.event-block:hover img {

  transform: scale(1.05);

}

.event-block a:hover i {

  transform: rotate(-60deg);

  color: rgb(35, 35, 35);

}

.event-block a.btn:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  background-color: #ffc107;

  transition: width 0.3s ease-in-out;

  z-index: -1;

}



.event-block a.btn:hover:before {

  width: 100%;

}



.event-block a.btn:hover {

  background-color: #e68217;

}









/*

  About Us 

  */



.about-us-section {

  position: relative;

  background: url('../../assets/bg1.jpg') center/cover;

  padding: 140px 0;

  color: #FFF;

}



.about-us-section::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(rgba(21, 35, 34, 0.9), rgba(0, 18, 18, 0.99));

  backdrop-filter: blur(4px);



}



.about-us-section .container {

  position: relative;

  z-index: 1;

}



.about-us-section .about-heading h2 {

  background: #ffd635;

  display: inline-block;

  padding: 10px;

  border-radius: 8px;

}



.about-us-section .about-heading h3 {

  padding: 15px 0;

  color: #FFD635;

  border-bottom: 4px solid #ffd635;

  font-size: 1.6rem;

}



.about-us-section .about-content ul li {

  color: #c4b53a;

  font-weight: 600;

  font-size: 20px;

  margin: 8px 0;

}









/*

services

*/

.services-section {

  padding: 60px 0;

  background-image: url('../../assets/eventpattern.svg')

}



.services-tagline {

  /* background: #0d9d96; */

  padding: 15px 0;

  border: 4p;

  /* border-radius: 6px; */

  color: #0D9D96;

  border-bottom: 4px solid #0d9d96;

}



/*

.services-highlight-content ul li {

  background: #FFF;

  

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

  border-radius: 8px;

  padding: 2px 20px;

  margin: 23px 0px;

  list-style: none;

}



.services-highlight-content ul li h5 {

  padding-top: 11px;

  font-weight: 500;

}



.services-highlight-content ul li.one {

  border-top: 8px solid #96399e;

}



.services-highlight-content ul li.one h5 {

  color: #96399e;

}



.services-highlight-content ul li.two {

  border-top: 8px solid #0d9d96;

}



.services-highlight-content ul li.two h5 {

  color: #0d9d96;

}



.services-highlight-content ul li.three {

  border-top: 8px solid #e50e7d;

}



.services-highlight-content ul li.three h5 {

  color: #e50e7d;

}

*/

.services-section .services-highlight-content {

  display: flex;

  align-content: center;

  align-self: center;

}



.service-featured {

	border: 1px solid #dbdada;

	padding: 21px 0;

	border-radius: 16px;

	text-align: center;

	margin: 12px 0;

	background: url('../../assets/running27.jpg');

	background-size: cover;

	background-position: right;

	position: relative;

	z-index: 0;

	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}



.service-featured ::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(rgb(255, 255, 255), rgba(251, 251, 251, 0.9));

  backdrop-filter: blur(-1px);

  z-index: -1;

}





.service-featured img {

  width: 100px;

}



.service-featured h5 {

  margin-top: 10px;

  font-weight: 700;

  color: #5f5d5d;

}



.btn-teal {

  background-color: teal;

  color: white;

  border: none;

  padding: 10px 20px;

  border-radius: 4px;

  font-size: 16px;

  display: inline-flex;

  align-items: center;

}



.btn-teal i {

  margin-left: 5px;

  color: #FFF;

  font-size: 15px;

}





/*

Testimonial

*/

.testimonial-section {

  background: linear-gradient(rgba(21, 35, 34, 0.9), rgba(0, 18, 18, 0.99));

  backdrop-filter: blur(4px);

  padding: 60px 0;

}



.testimonial-section h2 {

  background: #ffd635;

  display: inline-block;

  padding: 10px;

  border-radius: 8px;

}



.testimonial-section .owl-carousel .owl-item {

  transition: all 0.3s ease-in-out;

}



.testimonial-section .owl-carousel .owl-item .card {

  padding: 30px;

  position: relative;

}



.testimonial-section .owl-carousel .owl-stage-outer {

  overflow-y: auto !important;

  padding-bottom: 40px;

}



.testimonial-section .owl-carousel .owl-item img {

  height: 100px;

  object-fit: cover;

  width: 100px;

  margin: 0 auto;

  border-radius: 50px;

}



.testimonial-section .owl-carousel .owl-item .card .name {

  position: absolute;

  bottom: -20px;

  left: 20px;

  color: #101c81;

  font-size: 1.1rem;

  font-weight: 600;

  background-color: #ffd635;

  padding: 0.5rem 0.4rem;

  border-radius: 5px;

  box-shadow: 2px 3px 15px #3c405a;

  right: 20px;

  text-align: center;

}





.testimonial-section .owl-carousel .owl-item .card {

  opacity: 0.2;

  transform: scale3d(0.8, 0.8, 0.8);

  transition: all 0.3s ease-in-out;

}



.testimonial-section .owl-carousel .owl-item.active.center .card {

  opacity: 1;

  transform: scale3d(1, 1, 1);

}

.testimonial-section .owl-carousel .owl-item.active.center .card .role{

  text-align: center;

  font-style: italic;

  font-size: 14px;

  font-weight: 700;

}



.testimonial-section .owl-carousel .owl-dots {

  display: inline-block;

  width: 100%;

  text-align: center;

}



.testimonial-section .owl-theme .owl-dots .owl-dot span {

  height: 10px;

  background: #ffd635 !important;

  border-radius: 2px !important;

  opacity: 0.8;

}



.testimonial-section .owl-theme .owl-dots .owl-dot.active span,

.testimonial-section .owl-theme .owl-dots .owl-dot:hover span {

  height: 13px;

  width: 13px;

  opacity: 1;

  transform: translateY(2px);

  background: #0d9d96 !important;

}



.testimonial-section .owl-nav {

  position: absolute;

  top: 30%;

  transform: translateY(-50%);

  width: 100%;

}



.testimonial-section .owl-nav .owl-prev {

  left: -3rem;

  position: absolute;

  background: #F0C936 !important;

}



.testimonial-section .owl-nav .owl-next {

  right: -3rem;

  position: absolute;

  background: #F0C936 !important;

}



.testimonial-section .owl-nav i {

  color: #656464;

  margin-left: 0;

  padding: 10px;

}



@media(min-width: 480.6px) and (max-width: 575.5px) {

  .testimonial-section .owl-carousel .owl-item .card .name {

    left: 24%;

  }

}



@media(max-width: 360px) {

  .testimonial-section .owl-carousel .owl-item .card .name {

    left: 30%;

  }

}







.testimonial-section .ourteam-section .owl-carousel .owl-item .card {

  opacity: 1;

  transform: scale3d(1, 1, 1);

  transition: all 0.3s ease-in-out;

  padding: 20px;

  min-height: 380px;

  max-height: 380px;

}





.testimonial-section .ourteam-section .owl-carousel .owl-item img {

  height: 150px;

  object-fit: cover;

  width: 150px;

  margin: 0 auto;

  border-radius: 100%;



}



.testimonial-section .ourteam-section #testimonial-slider .owl-item img {

  height: 100px;

  object-fit: cover;

  width: 100px;

  margin: 0 auto;

  border-radius: 50px;

}



.testimonial-section .ourteam-section .testimonial {

  font-size: 14px;

  text-align: center;

}

.testimonial-section .ourteam-section .role p {

  font-size: 14px;

}

.testimonial-section .ourteam-section  .owl-carousel .owl-item .card .name {

  font-size: 0.9rem;

}







.trusted-partner-section {

  padding: 50px 0 100px;

  background-image: url('../../assets/eventpattern.svg')



}



.trusted-partner-section .card {

  border: 0;

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}





#owl-carousel-trusted-partner {

  position: relative;

}

.trusted-partner-section .owl-carousel .item img {

  display: block;

  width: auto;

  margin: 0 auto;

}



.trusted-partner-section .owl-nav i {

  font-weight: 1000;

  background: #605e5e;

  padding: 5px 10px;

  border-radius: 30px;

  color: #FFF;

}

.trusted-partner-section .owl-nav .owl-prev {

  left: -3rem;

  position: absolute;

  top:0;

  bottom: 0;

}



.trusted-partner-section .owl-nav .owl-next {

  right: -3rem;

  position: absolute;

  top:0;

  bottom: 0;

}







footer {

  /* background-color: #202323; */

  color: #fff;

  padding: 70px 0 10px 0;

  position: relative;

  background: url('../../assets/banner3.jpg') center/cover;

  z-index: 1;

}



footer::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(rgba(21, 21, 21, 1), rgba(16, 16, 16, 0.9));

  backdrop-filter: blur(-1px);

  z-index: -1;

}



footer h4 {

  margin-bottom: 20px;

  color: #fff;

}



footer p {

  color: #bbb;

}



/* footer .link-container1{

  margin-left: 10rem;

}

footer .link-container2{

  margin-left: 4rem;

}

footer .link-container4{

  margin-left: 3rem;

} */



footer .col1 {

  width: 15%;

  float: left;

  margin-left: 15%;

}

footer .col2 {

  width: 15%;

  float: left;

}

footer .col3 {

  width: 30%;

  float: left;

}

footer .col4 {

  width: 15%;

  float: left;

}



footer .heading {

  display: inline-block;

  margin-bottom: 20px;



}





footer .links {

  list-style-type: none;

  padding: 0;



}



footer .links li {

  margin-bottom: 5px;

}



footer .links li a {

  color: #dcd9d9;

  text-decoration: none;

  padding-bottom: 4px;

}

footer .footer-contact p span {

  display: block;

}



footer .social-links {

  list-style-type: none;

  padding: 0;

}



footer .social-links li {

  display: inline-block;

  margin-right: 10px;

}





/*

About Us Page



*/

.timing-race-section {

  background-image: url('../../assets/eventpattern.svg');

}



.about-time-keeper {

  background-color: #f6f6f6;

  padding: 40px 0;

}



.about-time-keeper .about-time-keeper-rw1 {

  display: flex;

  align-items: center;

}



.about-time-keeper .abtus-tk-img-box {

  padding: 16px;

  background: #f2f2f2;

  border-radius: 4px;

  box-shadow: rgba(11, 12, 12, 0.2) 0px 8px 24px;

}



.about-time-keeper .abtus-tk-content {

  padding-left: 3rem;

}



.about-time-keeper .abtus-tk-content h5 {

  background: #c8cac98f;

  display: inline-block;

  padding: 8px 15px;

  margin: 15px 0;

  border-radius: 28px;

  color: #2e2f31;

  border: 1px solid #d9d9d9;

}







.feature-time-keeper-section {

  /* position: relative;

  background: url('../../assets/bg1.jpg') center/cover;

  padding: 140px 0;

  color: #FFF; */



  background-image: url('../../assets/eventpattern.svg');

  padding: 60px 0;

}







.feature-time-keeper-section h4 {

  background: #0d9d96;

  display: inline-block;

  padding: 10px;

  border-radius: 8px;

  color: #FFF;

}





.feature-time-keeper-section .about-content ul li {

  font-size: large;

  margin: 8px 0;

}



.frequntly-asked-q {

  background-image: url('../../assets/banner2.jpg');

  position: relative;

  z-index: 0;

  padding: 60px 0;

}



.frequntly-asked-q::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(rgba(21, 35, 34, 0.8), rgba(0, 18, 18, 0.9));

  backdrop-filter: blur(0);

  z-index: -1;



}



.frequntly-asked-q .faq-heading {

  font-weight: bold;

  font-size: 2.5rem;

  color: #333;

  text-align: center;

  margin-bottom: 3rem;

}



.frequntly-asked-q .accordion-button {

  background: #FFD635 !important;

  color: #333;

  font-size: 1.2rem;

  padding: 1rem 2rem;

  border-radius: 0.5rem;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  margin-bottom: 1.2rem;

  transition: background-color 0.3s ease;

}





.frequntly-asked-q .accordion-button:hover {

  background-color: #f1f1f1;

}



.frequntly-asked-q .accordion-item {

  border: none;

}



.frequntly-asked-q .accordion-body {

  background-color: #fff;

  color: #555;

  padding: 1rem;

  border-radius: 0.5rem;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  margin-bottom: 1.5rem;

}

.frequntly-asked-q .accordion-body p {

  margin-top: -18px;

  margin-bottom: 0;

}





/*

  Service Page

  */

.page-section {

  margin-top: 0px;

}



.page-content {

  /* padding-bottom: 10%; */

}



.page-banner {

  padding: 0 !important;

}

.page-heading-type1 {

  background: #ffd635;

  display: inline-block;

  padding: 10px;

  border-radius: 8px;

}



.page-banner img {

  height: 300px;

  object-fit: cover;

}



.service-page {

  background-image: url('../../assets/running1.jpg');

  background-size: cover;

  background-position: 50% 50%;

  position: relative;

  z-index: 0;

}



.service-page::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(rgba(251, 254, 255, 0.92), rgba(255, 255, 255, 0.9));

  z-index: -1;

}



.service-page-container {

  /* background: url('../../assets/sbg.svg');

    background-size: cover;

    background-position: 50% 50%; */

  position: relative;

}



.service-block {

  margin: 10px 0;

  max-height: 400px;

  background: #ffffff90;

  border-radius: 0px;



}



.service-card {

  /* background-color: rgba(255, 255, 255, 0.96); */

  background-color: transparent;

  border-radius: 0px;

  text-align: center;

  box-shadow: 0 0 10px rgba(156, 156, 156, 0.1);

  height: 100%;

}





.service-card .highlight-content {

  /* background: url('../../assets/bt3.png'); */

  display: flex;

  align-content: center;

  align-items: center;

  flex-direction: row;

  text-align: center;



  padding: 4px 33px;

  height: 100%;

}



.service-card img {

  width: 110px !important;

  /* margin-bottom: 20px;

    object-fit: cover; */

  /* border-radius: 23px;

    padding: 10px;

    border: 8px solid #01f1fc; */

}



.service-card .service-content {

  padding: 20px;

}



.service-card h4 {

  margin-bottom: 10px;

  color: #2d767d;

  font-weight: bold;

  text-align: left;

}



.service-card p {

  color: #525252;

  text-align: left;

}



#service-carousel-section {

  position: relative;

}



.service-carousel-section .item img {

  

    display: block;

    width: 100%;

    border-radius: 10px;

    background: white;

    padding: 14px;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;

    height: 350px; /* Adjust the desired height here */

    object-fit: cover;



}



.service-carousel-section .owl-nav i {

  font-weight: 1000;

  background: #605e5e;

  padding: 5px 10px;

  border-radius: 30px;

  color: #FFF;

}

.service-carousel-section .owl-nav .owl-prev {

  left: -2.8rem;

  position: absolute;

  top:0;

  bottom: 0;

}



.service-carousel-section .owl-nav .owl-next {

  right: -2.8rem;

  position: absolute;

  top:0;

  bottom: 0;

}



.contact-info-section {

  background-image: url('../../assets/eventpattern.svg');

}





/* .contact-info-section .contact-block{

    align-items: center;

  } */



/* .contact-info-section .row {

    display: flex;

  }



  .contact-info-section .row .col-lg-4 {

    flex: 1;

  } */



.contact-block {

  /* display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%; */

  align-items: center;

  background: #FFFFFF80;

}



.contact-block img {

  max-width: 100px;

  background: #ffe94e;

  padding: 13px;

  border-radius: 22px;

}



.contact-detail span {

  display: block;

}



.business-enquiry-section {

  background: url('../../assets/banner3.jpg');

  background-size: cover;

  background-position: 50% 50%;

  position: relative;

  z-index: 0;

}



.business-enquiry-section::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(rgba(21, 35, 34, 0.9), rgba(0, 18, 18, 0.99));

  backdrop-filter: blur(4px);

  z-index: -1;

}



.enquiry-info h4 {

  font-size: 1.5rem;

  font-weight: 300;

  color: #fff2bf !important;

  line-height: 34px;

}



.enquiry-info .whatsapp-button {

  display: inline-block;

  background-color: green;

  color: white;

  padding: 10px 20px;

  border-radius: 4px;

  text-decoration: none;

}



.enquiry-info .whatsapp-button span {

  display: inline-block;

  vertical-align: middle;

  margin-left: 5px;

}







/* .enquiry-form {

  background: #ffffff20;

  padding: 45px 40px;

  border-radius: 10px;

} */



.enquiry-form .form-group {

  margin: 10px 0;

}



/* .enquiry-form label {

  display: inline-block;

  color: #D5D5D5;

} */



/* .enquiry-form input,

.enquiry-form input textarea {

  background: #e2e2e290;

  border: 0;

  height: 45px;

} */



/* .enquiry-info h4 {

  color: #53524c !important;

} */



.enquiry-form {

  background: #FFFFFF90;

  border-radius: 10px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

  padding: 40px 38px !important;

  background-image: url('../../assets/eventpattern.svg');

  

}



.enquiry-form label {

  color: #424242;

  margin-bottom: 5px;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 700;

}

.enquiry-form input, .enquiry-form input textarea {

  border: 1px solid #c6c6c6;

  background: #FFF;

  height: auto;



}



.yellow-btn {

  background: #FED535;

  border: 0;

  color: #051717;

  padding: 10px 30px;

  font-weight: 700;

}





.result-related-query {

  padding: 40px 0;

  background-image: url('../../assets/eventpattern.svg')

}





/*

submit query page

*/

.ticket-query-section{

  

  background-image: url('../../assets/eventpattern.svg');

}



.ticket-query-section .enquiry-info h4 {

  color: #53524c !important;

}



.ticket-query-section .enquiry-form {

  background: #FFF;

  border-radius: 10px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

  padding: 40px 38px !important;

  border-top: 5px solid #3c7a7e;

  background-image: url('../../assets/eventpattern.svg');

}



.ticket-query-section  .enquiry-form label {

  color: #424242;

  margin-bottom: 5px;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 700;

}

.ticket-query-section .enquiry-form input, .ticket-query-section .enquiry-form input textarea {

  border: 1px solid #c6c6c6;

  background: #FFF;

  height: auto;



}



.ticket-submit-btn {

  background: #3c7a7e;

  border: 0;

  padding: 10px 25px;

  font-weight: 700;

  text-transform: uppercase;

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

  color: #FFFFFF;

}





/**********

  Result Page

  ***********

  */



.filter-container {

  padding: 18px 20px;

  border-radius: 10px;

  margin-top: -135px;

  position: relative;

  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;

  background-image: url('../../assets/srb.png');

  background-size: cover;

  background-position: center;

}





.filter-container .heading h2 {

  position: relative;

  display: flex;

  align-items: center;

  padding: 0;

  margin: 10px 0;



}



.filter-container .heading h2 .word1 {

  font-size: 1rem;

}



.filter-container .heading h2 .word2 {

  font-size: 1rem;

}



.custom-select .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, 

.custom-select .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {

  color: #fff;

  background-color: #2d767d;

}



.custom-select .select2--large.select2-dropdown .select2-results__options .select2-results__option, 

.custom-select .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search .select2-search__field {

  padding: .5rem 1rem;

  font-size: 1rem;

  border-bottom: 0.5px dashed #bfbebe;

}



.serach-options .filter-inp {

  height: 40px;

}



.serach-options .form-label {

  color: #ffffff99;;

  font-weight: 700;

}



.serach-options .search-btn {

  background: #efc72b;

  border: 0;

  height: 40px;

  color: #393838;

  font-weight: 600;

}



.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option, 

.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search .select2-search__field {

  padding: .5rem 1rem;

  font-size: 1rem;

}



.select-disabled {

  background-color: #f0f0f0; 

  color: #888;

  cursor: not-allowed;

  pointer-events: none;

}





.result-display-section {

  background-image: url('../../assets/eventpattern.svg');

  min-height: 250px;

}





.event-info .rc-srch-text {

  border: 1px solid #d7d7d7;

  padding: 10px;

  border-radius: 5px;

  background: #f6f6f6;

}

.event-info .event-poster img {

  height: 250px;

  object-fit: contain;

}





.leaderboard-records .leaderboard-title {

	text-align: center;

	margin-top: 2rem;

	background: #eee;

	padding: 12px;

	border-radius: 5px;

	margin-bottom: 1rem;

	font-weight: 700;

	/* background: linear-gradient(300deg,#b9c4c7,#ff1181,#e74379);

	background: linear-gradient(300deg,#b9c4c7,#ffe511,#ffe512); */

  background: linear-gradient(300deg,#b9c4c7,#474747,#2c2b2b);

	background-size: 180% 180%;

	animation: gradient-animation 18s ease infinite;

	color: #ffea78;

	font-size: 1.8rem;

	/* text-shadow: 0px 3px 7px rgba(0,0,0,0.33); */

}



.leaderboard-records .card-container {

  display: flex;

  flex-wrap: wrap;

  gap: 20px;



  margin: 0 auto;

}



.leaderboard-records .card {

  position: relative;

  border-radius: 10px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  padding: 11px 5px;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  color: #ffffff;

  max-width: 225px;

  width: 225px;

  background-color: #009891;

}



.leaderboard-records .card:nth-child(1) {

  background: #099158;

}



.leaderboard-records .card:nth-child(2) {

  background: #009891;

}



.leaderboard-records .card:nth-child(3) {

  background: #b1359e;

}



.leaderboard-records .card:nth-child(4) {

  background: #e0bd00;

}



.leaderboard-records .card:nth-child(5) {

  background: #2c6fc4;

}



.leaderboard-records .card:nth-child(6) {

  background: #e85533;

}



.leaderboard-records .card:nth-child(7) {

  background: #4d4949;

}



.leaderboard-records .card:nth-child(8) {

  background: #5948ad;

}



.leaderboard-records .card:nth-child(9) {

  background: #758080;

}



.leaderboard-records .card:nth-child(10) {

  background: #74a900;

}

.leaderboard-records .card:nth-child(11) {

  background: #f82893;

}

.leaderboard-records .card:nth-child(12) {

  background: #0093ff;

}

.leaderboard-records .card:nth-child(13) {

  background: #f85d00;

}

.leaderboard-records .card:nth-child(14) {

  background: #6b55ff;

}

.leaderboard-records .card:nth-child(15) {

  background: #463924;

}

.leaderboard-records .card:nth-child(16) {

  background: #b1359e;

}

.leaderboard-records .card:nth-child(17) {

  background: #099158;

}

.leaderboard-records .card:nth-child(18) {

  background: #fa3362;

}

.leaderboard-records .card:nth-child(19) {

  background: #74a900;

}

.leaderboard-records .card:nth-child(120) {

  background: #c915e3;

}



.leaderboard-records .card-header {

  background-color: rgba(0, 0, 0, 0.5);

  color: #ffffff;

  font-weight: bold;

  padding: 5px 10px;

  border-radius: 10px;

  margin-bottom: 10px;

  text-align: center;

}



.leaderboard-records .avatar {

  position: absolute;

  top: 10px;

  right: 10px;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #ffffff90;

  color: #000000;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

}



.leaderboard-records .card-body {

  margin-bottom: 10px;

}



.leaderboard-records .card-text {

  display: flex;

  justify-content: space-between;

  margin-bottom: 5px;

}



.leaderboard-records .bib-link {

  background-color: #ffffff;

  color: #000000;

  border: none;

  padding: 5px 10px;

  border-radius: 5px;

  text-decoration: none;

  display: block;

  margin: 0 auto;

  text-align: center;

  margin-top: auto;

}













/*******/

/* .leaderboard-detail-profile .profile-card {

  border-radius: 10px;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  overflow: hidden;

}



.leaderboard-detail-profile .profile-header {

  text-align: center;

  padding: 30px 0;

  height: 120px;

  position: relative;

  background: #3abff2;

}



.leaderboard-detail-profile .avatar {

  background-color: #3ABFF2;

  color: #FFFFFF;

  font-size: 48px;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  /* margin-top: -70px; ***

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  position: absolute;

  bottom: -45px;

  left: 0;

  right: 0;

  /* border: 14px solid #2b7bab; *****

  box-shadow: rgb(255, 255, 255) 0px 0px 0px 4px, rgb(244, 244, 244) 0px 0px 0px 9px, rgb(58, 191, 242) 0px 0px 0px 18px, rgb(255, 255, 255) 0px 0px 0px 23px !important;

}



.leaderboard-detail-profile .avatar h5 {

  margin: 0;

  font-size: 45px;

  text-transform: uppercase;

}



.leaderboard-detail-profile .card-body {

  padding: 20px;

  text-align: center;

}



.leaderboard-detail-profile .card-body h4 {

  font-weight: 300;

  font-size: 36px;

  margin-bottom: 10px;

  color: #00000090;

}



.leaderboard-detail-profile .card-body p {

  margin: 5px 0;

  font-size: 16px;

}



.leaderboard-detail-profile .card-footer {

  border-radius: 0 0 10px 10px;

  padding: 20px;

  text-align: center;

}



.leaderboard-detail-profile .download-btn {

  background: #ffe406cc;

  border: 0;

  color: #635f5f;

  font-weight: 600;

  color: #635f5f;

  font-weight: 600;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  border: 1px solid #bdbdbd;

}



.leaderboard-detail-profile .share-icons {

  display: flex;

  justify-content: center;

  gap: 10px;

  font-size: 24px;

  margin-top: 15px;

}



.leaderboard-detail-profile .share-icons a {

  display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 8px; 

        width: 40px; 

        height: 40px;

        margin: 5px; 

        text-decoration: none;

        color: #ffffff; 

}



.leaderboard-detail-profile .share-icons a i {

  margin-left: 0;

  color: #FFF;

}



.leaderboard-detail-profile .share-icons a:hover {

  color: #4285F4;

}



.result-detail-table-view {

  max-height: 250px;

  height: 250px;

  box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 9px 2px;

}







.result-detail-table-view tr th,

.result-detail-table-view tr td {

  padding: 15px !important;

  height: 68px !important;

  vertical-align: middle;

}



.result-detail-table-view tr td.tmv {

  height:107px !important;

}



.result-detail-table-view .higlight {

  font-weight: 600;

  font-size: 2rem;

}



.result-detail-table-view .th-head-title {

  font-size: 2rem;

}

.result-detail-table-view .th-head-title img {

  width: 60px;

  padding: 10px;

} */





.event-info .race-info {

  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

  padding: 35px 0;

  border-radius: 20px;

}



.pi-c-block {

  padding: 0.5rem;

}



.pi-c-block.profile-block {

  background: #343434;

  text-align: center;

  color: #FFF;

  border-top-left-radius: 0px;

  border-bottom-left-radius: 0px;

  position: relative;

  padding-top: 3rem;

}



.pi-c-block.profile-block .avatar {

  /* background-color: #FFE616; */

  background-color: #FFFFFE;

  color: #FFFFFF;

  font-size: 48px;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  position: relative;

  top: 34px;

  left: 0;

  right: 0;

  /* box-shadow: rgb(255, 230, 22) 0px 0px 0px 4px, rgb(52, 52, 52) 0px 0px 0px 9px, rgb(255, 230, 22) 0px 0px 0px 18px, rgb(52, 52, 52) 0px 0px 0px 23px !important; */

  box-shadow: rgb(219, 219, 219) 0px 0px 0px 4px, rgb(151, 146, 146) 0px 0px 0px 9px, rgb(112, 111, 111) 0px 0px 0px 18px, rgb(52, 52, 52) 0px 0px 0px 23px !important;

}

.pi-c-block.profile-block .avatar h5{

  font-weight: 700;

  color: #3e3a3a;

}

.profile-card .name {

  text-align: center;

  color: #FFF;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 2.5rem;

  margin-top: 68px;

}



.profile-block .card-footer h3 {

  font-size: 15px;

  font-weight: 700;

  text-transform: uppercase;

  border-top: 1px dashed #8c8c8c;

  padding-top: 0.8rem;

}



.profile-block  .share-icons {

  display: flex;

  justify-content: center;

  gap: 10px;

  font-size: 24px;

  margin-top: 15px;

}



.profile-block  .share-icons a {

  display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 8px; 

        width: 40px; 

        height: 40px;

        margin: 5px; 

        text-decoration: none;

        color: #ffffff; 

        position: relative;

}



.copyinfo {

  position: absolute;

  top: 50px;

  background: #dfdfdf;

  padding: 5px 10px;

  border-radius: 10px;

  font-size: 0.9rem;

  color: #3e3d3d;

  width: 116px;

}



.profile-block  .share-icons a i {

  margin-left: 0;

  color: #FFF;

}



.profile-block .share-icons a:hover {

  color: #4285F4;

}



.pi-c-block.timing-block h4 {

  color: #000000;

}



.pi-c-block.timing-block h4 i {

  

}





.pi-c-block.rank-block {

  background: #ffe616;

  position: relative;

}

.verticall-middle {

  display: flex;

  flex-direction: row;

  justify-content: center;

  text-align: center;

  height: 100%;

}

.bottom-h h4 {

  position: absolute;

  top: -27px;

  background: #343434;

  padding: 11px 17px;

  border-radius: 10px;



  left: 0;

  right: 0;

  display: inline-table;

  margin: 0 auto;

  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

  color: #F3DB17;

}

.bottom-h h4 i {

  color:#F3DB17;

}





.timing-block-inside {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  height: 100%;

  padding-top: 4rem;

  padding-bottom: 4rem;

}



.timing-block-inside .rank-no {

  /* font-size: 4rem;

  font-weight: 1000;

  background: #343434;

  border-radius: 100px;

  color: #ffe616;

  padding: 30px; */



font-size: 1.6rem;

font-weight: 700;

background: #343434;

border-radius: 100%;

color: #ffe616;

padding: 30px 5px;

height: 90px;

width: 90px;

display: flex;

align-content: center;

align-items: center;

justify-content: center;



}

.timing-block-inside .rank-of {

  font-size: 25px;

}

.timing-block-inside .rank-out {

  font-size: 2.2rem;

  font-weight: 1000;

}

.timing-block-inside .rank-catg {

  font-size: 15px;

  font-weight: 700;

  text-transform: uppercase;

  border-top: 3px solid #343434;

}



.pi-c-block.timing-block {

  background: #ffe616;

  position: relative;

  border-top-right-radius: 0px;

  border-bottom-right-radius: 0px;

}



.pi-c-block.timing-block .verticall-middle {

  display: flex;

  flex-direction: column;

  justify-content: center;

  text-align: center;

  height: 100%;

}



.profile-block .bottom-h h4  {

  color:#ffffff;

}



.profile-block .bottom-h h4 i  {

  color:#f1f1f1;

}



.timing-block .bottom-h h4 {

  color:#ffe616;

}



.timing-block .bottom-h h4 i {

  color:#ffe616;

}



.timing-block .time-head1-v {

  color: #343434;

  font-weight: 700;

  font-size: 3rem;

}



.timing-block .time-head1 {

  font-size: 22px;

  font-weight: 700;

  text-transform: uppercase;

  border-top: 3px solid #343434;

  color: #343434;

}



.timing-block .time-head2-v {

  color: #343434;

  font-weight: 700;

  font-size: 3rem;

}



.timing-block .time-head2 {

  font-size: 22px;

  font-weight: 700;

  text-transform: uppercase;

  border-top: 3px solid #343434;

  color: #343434;

}

.pi-c-block.racedetail-block {

  background: #343434;

  position: relative;

  padding: 3rem 3rem;

}



.racedetail-block h4 {

  color: #FFF;

}

.racedetail-block h4 i {

  color: #FFF;

}







.pi-c-block.racedetail-block .table tr {

    border-color: #ffe61640;

}



.pi-c-block.racedetail-block .table tr th , .pi-c-block.racedetail-block .table tr td {

  background: transparent !important;

  border: 1px dotted #575757 !important;

  color: white ;

}



.tbl-hig {

  font-style: italic;

  color: #ffe616 !important;

  font-weight: 700;

}

















.single-detail-table  {

  /* box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 9px 2px; */

  background: #343434;

  color: #FFF;

}



.single-detail-table img {

  width: 60px;

  padding: 10px;

}

.single-detail-table h2 {

  padding: 1rem 0;

  font-weight: 600;

  text-align: center;

  font-size: 1.5rem;

  padding-top: 1rem;

  color: #FFF;

}





.single-detail-table  tr th,

.single-detail-table tr td {

  padding: 15px !important;

  height: 48px !important;

  vertical-align: middle;

  background: #fffffa;

  border: 1.4px solid #e6e6e6;

  font-weight: 600;

}



.single-detail-table tbody tr:nth-child(even) {

  background-color: #fff;

}



.single-detail-table tbody tr:nth-child(odd) {

  background-color: #f5f5f5;

}











#loader-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  z-index: 9999;

  display: none;

}



#loader {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 60px;

  height: 60px;

  border: 6px solid #f3f3f3;

  border-top: 6px solid #3498db;

  border-radius: 50%;

  animation: spin 2s linear infinite;

}



@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}







.bottom-sheet-container {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 0;

  overflow: hidden;

  transition: height 0.3s ease-in-out;

  z-index: 9999;

}



.bottom-sheet-container.show {

  height: 100vh;

}



.bottom-sheet {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  background-color: #fff;

  padding: 20px;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

  transition: transform 0.3s ease-in-out;

  transform: translateY(100%);

  display: flex;

  align-items: center;

  justify-content: center;

}



.bottom-sheet-container.show .bottom-sheet {

  transform: translateY(0%);

  background-image: url('../../assets/eventpattern.svg');

}



.bottom-sheet .close-button {

  position: absolute;

  top: 10px;

  right: 10px;

  font-size: 24px;

  background: none;

  border: none;

  cursor: pointer;

  color: #888;

}



.bottom-sheet .container {

  text-align: center;

}



.bottom-sheet .testimonial-details {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding-top: 4rem;

  height: auto;

  padding-bottom: 2rem;

}



.bottom-sheet .testimonial-img {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  background-color: #ddd;

  margin-bottom: 20px;

  overflow: hidden;

  padding: 0;

  border: 6px solid #f6f6f6;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.bottom-sheet .testimonial-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.bottom-sheet .testimonial-name {

  font-size: 24px;

  font-weight: bold;

  margin-bottom: 5px;

  margin-top: 15px;

}



.bottom-sheet .testimonial-designation {

  font-size: 18px;

  color: #888;

  margin-bottom: 20px;

}



.bottom-sheet .testimonial-full-description {

  text-align: left;

  margin-top: auto;

  font-size: 16px;

  line-height: 1.5;

}





.no-results {

  text-align: center;

  padding: 20px;

}



.no-results img {

  width: 100px;

  height: 100px;

}



.no-results .message {

  margin-top: 10px;

  font-weight: 300;

  font-size: 3rem;

  color: #333;

}







@keyframes textColorAnimation {

  0% {

    color: #333;

  }

  50% {

    color: #efc715; /* Change to your desired color */

  }

  100% {

    color: #333;

  }

}



.loader {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 100%;

}



.loading-text {

  font-size: 1.8rem;

  margin-top: 10px;

  animation: typewriter 1.5s steps(40) infinite, textColorAnimation 3s infinite;

}



@keyframes spinner {

  to {

    transform: rotate(360deg);

  }

}



.spinner {

  display: inline-block;

  width: 40px;

  height: 40px;

  border: 4px solid #ccc;

  border-top-color: #333;

  border-radius: 50%;

  animation: spinner 0.6s linear infinite;

}





.whatsapp-float {

  position: fixed;

  bottom: 20px;

  right: 20px;

  z-index: 999;

}



.whatsapp-btn {

  display: block;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: green;

  text-align: center;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

  transition: background-color 0.3s;

}



.whatsapp-btn i {

  margin: 0 auto;

  line-height: 60px;

  font-size: 2.2rem;

}



.whatsapp-btn:hover {

  background-color: #25D366; /* Change the color on hover if desired */

}











.view-all-result{

 background-color: #ffd635;

  text-align: center;

}

.view-all-result h4 {

  color: #333;

  /* font-size: 24px; */

  padding-top: 10px;

}

.view-all-result a {

  background: #4f4f4f;

  padding: 4px 10px;

  border-radius: 6px;

  color: #FFF;

  text-decoration: none;

}