/*
Theme Name: Sports Agency Pro
Description: Sports Agency Pro WordPress Theme is the perfect choice for building Sports Agency Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Sports Agency Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Sports Agency Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/sports-agency/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: sports-agency-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Outfit", sans-serif;
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1360px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Outfit", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Outfit", sans-serif;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}

.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 99999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 10px;
  animation: slideDown 0.75s ease-out;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 6px #CCBABAF2;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}

/*============================= Moving Image Start =========================*/

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}
.product-man img, .product-ball img, .counter-tennis-player img, .rugby img, .vollyball img, .why-choose-right-col img, .about-left-col-football-img img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/*============================= Moving Image End =========================*/



/*=============== Sports Club Start ===============*/


#top-slider .bdt-prime-slider-flogia .bdt-ps-container {
  margin-left: auto !important;
}
#top-slider .bdt-ps-content .bdt-subtitle {
  background-color: #479F49;
  padding: 8px 30px;
  border-radius: 4px;
  color: #FFF;
  font: 400 18px/20px "Outfit";
}
#top-slider .bdt-ps-content .bdt-explore-more-wrapper a {
  background-color: #191919;
  color: #FFF;
  font: 400 18px/26px "Outfit";
  padding: 10px 20px;
  border-radius: 4px;
  &:hover {
    background-color: #479F49;
  }
}
#top-slider .bdt-prime-slider-flogia .bdt-ps-content .bdt-title-tag a {
  /* pointer-events: none; */
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
#top-slider .bdt-prime-slider-flogia .bdt-ps-content .bdt-blog-text p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
}
#top-slider .bdt-prime-slider-flogia .bdt-ps-content {
  clip-path: polygon(97% 0%, 97% 0%, 97.453% 0.308%, 97.875% 0.671%, 98.264% 1.09%, 98.62% 1.567%, 98.941% 2.104%, 99.227% 2.702%, 99.477% 3.364%, 99.69% 4.091%, 99.865% 4.885%, 100% 5.747%, 100% 72.184%, 100% 72.184%, 99.86% 72.966%, 99.699% 73.689%, 99.513% 74.355%, 99.301% 74.965%, 99.061% 75.521%, 98.79% 76.024%, 98.485% 76.475%, 98.144% 76.877%, 97.766% 77.23%, 97.348% 77.536%, 50.25% 100%, 48.875% 100%, 2.013% 77.103%, 2.013% 77.103%, 1.696% 76.771%, 1.411% 76.398%, 1.154% 75.986%, 0.924% 75.538%, 0.72% 75.055%, 0.538% 74.539%, 0.377% 73.992%, 0.235% 73.416%, 0.11% 72.813%, 0% 72.184%, 0% 5.517%, 0% 5.517%, 0.141% 4.853%, 0.294% 4.218%, 0.463% 3.614%, 0.65% 3.044%, 0.858% 2.511%, 1.091% 2.017%, 1.351% 1.565%, 1.641% 1.157%, 1.965% 0.796%, 2.326% 0.485%, 3.125% 0%, 97% 0%);
  backdrop-filter: blur(2px);
  background: #00000045;
}
#top-slider .bdt-prime-slider-flogia .bdt-ps-content .bdt-title-tag {
  margin: 20px 0px !important;
}
#top-slider .bdt-prime-slider-flogia .bdt-thumb-content span {
  opacity: 0;
}
#top-slider .bdt-prime-slider-flogia .bdt-ps-thumbnav .bdt-thumb-content {
  border: 0px solid transparent !important;
}
#top-slider .bdt-prime-slider-flogia ul.bdt-slider-items {
  border: 12px solid #00000066;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  background: #00000066;
}
#top-slider .bdt-prime-slider-flogia .bdt-ps-thumbnav:not(.bdt-active) .bdt-thumb-content {
  filter: blur(2px);
}
#top-slider .bdt-prime-slider-flogia ul.bdt-slider-items li:first-child.bdt-ps-thumbnav img {
  border-radius: 10px 0 0 10px;
}
#top-slider .bdt-prime-slider-flogia ul.bdt-slider-items li:last-child.bdt-ps-thumbnav img {
  border-radius: 0 10px 10px 0;
}
#top-slider .bdt-prime-slider-flogia .bdt-ps-thumbnav .bdt-thumb-content:before {
  background-color: unset;
}

/*=============== Our Vision Start ==============*/

.sport-text {
  color: #479F49;
}
.sub-heading {
  width: fit-content;
}
.about-rating-box {
  width: fit-content;
}
.about-rating {
  font-size: 14px !important;
}
.about-right-col figure.elementor-image-box-img {
  background-color: #EDF5ED;
  justify-content: center !important;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 10px;
  width: 64px !important;
  height: 60px;
}
.about-stick-img {
  transform: translateX(75px);
}
.about-feature {
  transform: translateX(80px);
}
.our-vision-bottom-para {
  width: auto;
}
.our-vision-bottom-para marquee {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

/*=============== Our Vision End ==============*/

/*=============== Home Product Section Start ==============*/

#home-product-section {
  position: relative;
}
.product-man {
  position: absolute;
  top: 0;
  right: 0;
}
.product-ball {
  position: absolute;
  bottom: 0;
  left: 0;
}
#home-product-section .ht-products .ht-product-image-wrap {
  background-color: #FFFFFF;
  border-radius: 10px;
}
#home-product-section .ht-products .ht-product-content {
  position: relative;
}
#home-product-section .ht-products .ht-product-user-ratting svg:nth-child(1),
#home-product-section .ht-products .ht-product-user-ratting svg:nth-child(2),
#home-product-section .ht-products .ht-product-user-ratting svg:nth-child(3),
#home-product-section .ht-products .ht-product-user-ratting svg:nth-child(4),
#home-product-section .ht-products .ht-product-user-ratting svg:nth-child(5) {
  font-size: 0;
  display: none;
}
#home-product-section .ht-products .ht-product-ratting-wrap {
  position: absolute;
  right: 56px;
  top: 0;
}
#home-product-section .ht-products .rating-digit+svg path {
  fill: #FF8800;
}
#home-product-section .ht-products .rating-digit+svg {
  font-size: 16px;
  transform: translateY(3px);
}
#home-product-section .ht-products .ht-product-price .price ins {
  text-decoration: none;
}
#home-product-section .product-tab-list .ht-tab-menus {
  background-color: #FFF;
  width: fit-content;
  display: inline-block;
  padding: 11px 6px;
  border-radius: 6px;
}
#home-product-section .ht-products .rating-digit {
  font: 600 16px / 20px "Outfit";
  margin-right: 5px;
}
#home-product-section .ht-products .ht-product-price .price {
  flex-direction: row-reverse;
  display: flex;
  gap: 8px;
}
#home-product-section .ht-products .ht-product-image img {
  z-index: 1;
  position: relative;
}


/*=============== Home Product Section End ==============*/

/*=============== Counter Section Start ==============*/

#counter-gallery {
  position: relative;
}
#counter-gallery .counter-text {
  font: 500 16px/26px "Outfit" !important;
  color: #000000;
}
#counter-gallery .elementor-counter-title {
  text-align: center;
}
#counter-gallery .counter-tennis-player {
  position: absolute;
  left: 0;
  top: 2%;
}

/*=============== Counter Section End ==============*/

/*============================= Gallery Section Start =========================*/

.gallery-section #gallery-1 img {
  border: unset !important;
}
.gallery-section #gallery-1 {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: repeat(2,250px);
  gap: 12px;
  margin: 0;
}
.gallery-section #gallery-1 .gallery-item {
  margin-top: 0px !important;
}
.gallery-section #gallery-1 .gallery-item:nth-child(1) {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 5;
}
.gallery-section #gallery-1 .gallery-item:nth-child(2) { 
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 5;
  grid-column-end: 8;
}
.gallery-section #gallery-1 .gallery-item:nth-child(3) {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 8;
  grid-column-end: 13;
}
.gallery-section #gallery-1 .gallery-item:nth-child(5) {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 6;
}
.gallery-section #gallery-1 .gallery-item:nth-child(6) {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 6;
  grid-column-end: 10;
}
.gallery-section #gallery-1 .gallery-item:nth-child(7) {
  height: 100% !important;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 10; 
  grid-column-end: 13;
}
.gallery-section #gallery-1 .gallery-item .landscape, .gallery-section #gallery-1 .gallery-item .portrait {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}
.gallery-section #gallery-1 .gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px;
}
.gallery-section #gallery-1 .gallery-item img:hover {
  filter: brightness(0.6);
  transition: 0.5s ease-in-out;
}
.gallery-section #gallery-1 .gallery-item {
  width: 100% !important;
  padding: 0px;
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
}
.gallery-section dt.gallery-icon.landscape img, .gallery-section dt.gallery-icon.portrait img {
  height: 100%;
  width: 100%;
  object-fit: cover;
} 

/*============================= Gallery Section End =========================*/

/*================= Contact Section Start ==================*/


.join-now-left-col form input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder {
  font: 400 14px/16px "Outfit";
  color: #CCCCCC;
}
textarea::placeholder {
  font: 400 14px/16px "Outfit";
  color: #CCCCCC !important;
}
select:nth-child(1) {
  font: 400 14px/16px "Outfit";
  color: #CCCCCC !important;
}
.join-now-left-col form select {
    padding: 10px 10px;
}
select option {
  font: 400 14px/16px "Outfit";
  color: #000000 !important;
}
.join-now-left-col textarea {
  height: 100px;
}
.join-now-left-col form input[type="text"], input[type="email"], input[type="tel"], select, textarea {
  width: 100%;
  border-radius: 6px;
  padding: 8px 10px;
  border: unset;
  background-color: #FFFFFF;
}
.join-now-left-col form label {
  font: 500 16px/20px "Outfit";
  color: #FFFFFF;
}
.join-now-left-col form input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: unset !important;
}
.join-now-left-col form input[type="text"]:focus-visible {
  outline: unset !important;
}
.join-now-left-col .submit-btn .wpcf7-submit {
  background-color:#191919;
  border: unset;
  padding: 14px 35px;
  color: #FFF;
  border-radius: 6px;
  font: 400 16px/16px "Outfit";
  &:hover {
    background-color: #FFFFFF;
    color: #000000;
  }
}
.join-now-left-col .wpcf7-response-output {
  margin: 1em 0em 0em !important;
  padding: 6px 8px !important;
  border: 1px solid #FFF !important;
  color: #FFFFFF;
  font: 400 15px/15px "Outfit";
}
.join-now-left-col form .row {
  gap: 12px;
}
.join-now-left-col form .row>div {
  width: 49%;
}
.join-now-cycle img {
  transform: translate(-28px, -80px);
}
.join-now-left-col form.invalid .row, .join-now-left-col form.failed .row, .join-now-left-col form.sent .row {
  padding: 0px !important;
}
.join-now-left-col form.invalid .submit-btn, .join-now-left-col form.failed .submit-btn, .join-now-left-col form.sent .submit-btn {
  margin-top: 0px !important;
}

/*================= Contact Section End ==================*/

/*=============== Testimonial Start ===============*/

#testimonial-section {
  position: relative;
}
.testimonial-content .uc_quote_slider .uc_quote_item {
  position: relative;
  backdrop-filter: blur(10px);
}
.testimonial-content .uc_quote_slider .uc_quote_item:hover svg path {
  fill: #FFFFFF;
}
.testimonial-content .uc_quote_slider .uc_quote_item .ue-icon {
  position: absolute;
  right: 30px;
  top: 30px;
}
.testimonial-content .uc_quote_slider .uc_stars {
  position: absolute;
  left: 33%;
  top: 26%;
}
.testimonial-content .uc_quote_slider .uc_quote_item .ue-icon svg path {
  fill: #3d494f9e;
}
.testimonial-content .uc_quote_slider .owl-item.active.uc-active-item .ue-icon svg path {
  fill: #6CC44D;
}
.testimonial-content .uc_quote_slider .owl-dot {
  border: 1px solid #FFF;
}
.testimonial-content .uc_quote_slider .owl-dot.active {
  border: 1px solid #479F49;
}
.testimonial-content .uc_quote_slider .ue-text p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
}
.testimonial-content .uc_quote_slider .uc_author {
  align-items: center !important;
}
.testimonial-content .uc_quote_slider .ue-item .ue-text p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
}

/*=============== Testimonial End ===============*/

/*=============== Newsletter Start ===============*/

#newsletter-box {
  backdrop-filter: blur(10px);
  width: auto;
}
.newsletter-section .subscribe-btn button {
  margin-top: 15px;
  padding: 8px 30px;
  border-radius: 6px;
  border: unset;
  background-color: #479F49;
  color: #FFFFFF;
  &:hover {
    background-color: #FFFFFF;
    color: #000000;
  }
}
.newsletter-section .wpcf7 form .wpcf7-response-output {
  margin: 1em 0em 0em;
  padding: 0.2em 1em;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

/*=============== Newsletter End ===============*/

/*=============== Popular Trainer Start ===============*/

.popular-trainer-left-col p, .popular-trainer-right-col p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  display: -webkit-box;
}

/*=============== Popular Trainer End ===============*/

/*=============== Our Team Start ===============*/

#our-team {
  position: relative;
}
.vollyball {
  position: absolute;
  top: 0;
  right: 0;
}
.our-team-content .pp-tm {
  position: relative;
}
.our-team-content .pp-tm .pp-tm-content {
  position: absolute;
  bottom: 7%;
  left: 12px;
  right: 12px;
  margin: auto;
  padding: 18px 12px 12px 12px;
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background: #00000080;
}
.our-team-content .pp-tm:hover .pp-tm-content {
  background: #479F49;
}
.our-team-content .pp-tm-social-links li svg path {
  fill: #000000;
}
.our-team-content .pp-tm-social-links li:hover svg path {
  fill: #FFFFFF;
}
.our-team-content .pp-tm-social-links .elementor-icon.elementor-social-icon {
  width: 32px;
  height: 32px;
}
.our-team-content .pp-tm-social-links {
  display: none;
  transition:  0.5s ease-in-out;
  transition-timing-function: linear;
}
.our-team-content .pp-tm:hover .pp-tm-social-links {
  display: block;
}

/*=============== Our Team End ===============*/

/*=============== Blog Section Start ===============*/

#blog-section {
  position: relative;
}
.rugby {
  position: absolute;
  bottom: 0;
  left: 15px;
  transform: translateY(15px);
  z-index: 1;
}
.blog-section-content .pp-posts-container .pp-posts .pp-post-thumbnail img {
  height: 380px;
  object-fit: cover;
}
.blog-section-content .pp-posts-container .pp-post-wrap {
  position: relative;
}
.blog-section-content .pp-posts-container .pp-post-meta {
  display: flex;
  justify-content: space-between;
}
.blog-section-content .pp-posts-container .pp-post-content {
  position: absolute;
  bottom: 16%;
  left: 10px;
  right: 10px;
  margin: auto;
  padding: 16px 16px 16px 16px;
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background: #00000080;
  min-height: 120px;
}
.blog-section-content .pp-posts-container .pp-post-wrap:hover .pp-post-content {
  background: #479F49;
}
.blog-section-content .pp-posts-container .pp-post .pp-post-meta svg path {
    fill: #FFF;
}
.blog-section-content .pp-posts-container .pp-post-title a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.blog-section-content .pp-posts-container .pp-post-title a:hover {
  text-shadow: 0px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

/*=============== Blog Section End ===============*/



/*=============== Sports Club End ===============*/


/*========== Star Rating CSS Start ============*/

.star-rating {
  color: #FEC004;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  float: unset !important;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #dab7b7bf !important;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

/*========== Star Rating CSS End ============*/

/*========== Return to Top Start ============*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #479F49;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}
#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#return-to-top:hover {
  background-color: #000000;
}

/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #479F49;
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}



.loader {    
  --r1: 154%;
  --r2: 68.5%;
  width: 60px;
  aspect-ratio: 1;
  border-radius: 50%; 
  background:
    radial-gradient(var(--r1) var(--r2) at top   ,#0000 79.5%,#1A1A1A 80%),
    radial-gradient(var(--r1) var(--r2) at bottom,#1A1A1A 79.5%,#0000 80%),
    radial-gradient(var(--r1) var(--r2) at top   ,#0000 79.5%,#1A1A1A 80%),
    #ccc;
  background-size: 50.5% 220%;
  background-position: -100% 0%,0% 0%,100% 0%;
  background-repeat:no-repeat;
  animation: l9 2s infinite linear;
}
@keyframes l9 {
    33%  {background-position:    0% 33% ,100% 33% ,200% 33% }
    66%  {background-position: -100%  66%,0%   66% ,100% 66% }
    100% {background-position:    0% 100%,100% 100%,200% 100%}
}


/*============= Preloader End =============*/