@charset "utf-8";
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Regular.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
    
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Light.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Light.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Bold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-SemiBold.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-SemiBold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Medium.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chivo';
    src: url('../fonts/Chivo-BoldItalic.woff2') format('woff2'),
        url('../fonts/Chivo-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


.ff-js{font-family: 'Plus Jakarta Sans';}

.fw-100{font-weight: 100}
.fw-300{font-weight: 300}
.fw-400{font-weight: 400}
.fw-500{font-weight: 500}
.fw-600{font-weight: 600}
.fw-700{font-weight: 700}
.fw-800{font-weight: 800}
.nowrap{white-space: nowrap}
.border-0{border: 0}
.bg-transparent{background:transparent!important}
.z-index-1{z-index: 1}
.z-index-2{z-index: 2}
.z-index-3{z-index: 3}
.z-index-4{z-index: 4}
.z-index-5{z-index: 5}

.title-1{font-size:49px;line-height: 1.2 ;font-weight:800 }


html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.ease, a{
	transition:all ease .4s ;
	-moz-transition:all ease .4s ;
	-webkit-transition:all ease .4s ;
	-o-transition:all ease .4ms ;
}

body{ font-family: 'Montserrat';color:#ffffff;font-size: 19px;background-color: #181818; -webkit-text-size-adjust: none;}
/*header*/
header{z-index: 15;padding:10px 9.6%;background:black;}
header .navbar .navbar-nav .nav-item .nav-link{padding:11px 20px; font-size: 15px;color: var(--bs-white);white-space: nowrap; }

header .navbar .navbar-nav .nav-item .nav-link.active,
header .navbar .navbar-nav .nav-item .nav-link:hover{color:var(--bs-primary);}

header .brand-logo img{max-width: 175px;}
header .navbar {position: relative;}
header .navbar .navbar-nav .nav-item{position: relative;font-size: 14px}
header .navbar .lang-selector{font-size: 14px;padding-left: 10px}

header .navbar .widject .item{padding: 0 15px}

header .navbar-toggler{border: 0;padding: 0;width: 40px}
header .navbar-toggler:focus{box-shadow: none;}
header .navbar-toggler .line{height: 2px;background: #ffffff}
header .navbar-toggler .line.line-2{width: 60%;margin: 11px 0}

header .navbar-toggler[aria-expanded="true"] .line.line-2{width: 0}
header .navbar-toggler[aria-expanded="true"] .line-1{transform: rotate(45deg) translate(10px, 11px)}
header .navbar-toggler[aria-expanded="true"] .line-3{transform: rotate(-45deg) translate(7px, -7px)}
header ul.social li {padding: 0;font-size: 23px;margin: 0}
header .list-inline-item:not(:last-child){margin: 0}
header ul.social li a{text-decoration:none;color: #ffffff;display: block;border: 1px solid transparent;border-radius: 25px;width: 50px; height: 50px;display: flex;align-items: center;justify-content: center;transition:all ease .4s ;}
header ul.social li a:hover{border: 1px solid #ffffff;}


header .navbar-toggler{border: 0;padding: 0;width: 40px}
header .navbar-toggler:focus{box-shadow: none;}

header .navbar-toggler .line{height: 2px;background: #ffffff}
header .navbar-toggler .line.line-2{width: 60%;margin: 11px 0}

header .navbar-toggler[aria-expanded="true"] .line.line-2{width: 0}
header .navbar-toggler[aria-expanded="true"] .line-1{transform: rotate(45deg) translate(10px, 11px)}
header .navbar-toggler[aria-expanded="true"] .line-3{transform: rotate(-45deg) translate(7px, -7px)}

header .navbar-toggler{border: 0; padding: 0; width: 40px;}
header .navbar-toggler .line{height: 2px;background: #ffffff;}
header .navbar-toggler .line-2{width: 60%;}
header .navbar-toggler .line-3{}


.home-banner{background-size:cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center;min-height: calc(100vh - 100px);padding: 50px 0;display: flex;align-items: center}
.home-banner .inner{display: flex;height:100%;align-items: center;justify-content: center;width: 100%;}
.home-banner .inner .title{font-size:64px;line-height:1.2;margin: auto;max-width: 70%;padding-bottom: 5%}
.home-banner .inner .discription{max-width: 80%;padding-bottom: 50px}
.home-banner .inner .btn-common-primary{padding:16px 4.8%;font-size:22px }
.home-banner .inner .customer{font-size: 28px;}
.home-banner .inner .customer .count{font-size:56px;}

.btn-common-primary{border: 1px solid #ffffff;background: var(--bs-primary);color: #ffffff;text-decoration:none;display: inline-block;}
.btn-common-primary:hover{border: 1px solid var(--bs-primary);background:#ffffff;color: var(--bs-primary)}

.page-loader {
  width: 100%;
  height: 100vh;
  position: fixed;
  background:#181818;
  z-index: 1000;
}
.page-loader .txt {
  color: #212121;
  text-align: center;
  top: 40%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 300;
  font-size: 18px;
}


.section-title{font-weight:500; font-size: calc(2.5vw + 2.5vh);line-height: 1;}


/**/



#back-to-top{
  display: inline-block;
  background-color:var(--bs-primary);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#back-to-top:hover {
  cursor: pointer;
  background-color: #333;
}
#back-to-top:active {
  background-color: #555;
}
#back-to-top.show {
  opacity: 1;
  visibility: visible;
}



.scroller {
  max-width: 100%;
    background-color: var(--bs-primary);
    
}

.scroller.home-strip { background-color: var(--bs-primary)!important;font-size: 19px}
.scroller.home-strip .scroller__inner{line-height: 1;line-height: 50px;font-size: 19px}
.scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.scroller[data-animated="true"] {
  overflow: hidden;
/*
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
*/
  
/*  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);*/
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 10s)
    var(--_animation-direction, forwards) linear infinite;
}
.scroller[data-animated="true"] .scroller__inner li{list-style: none}
.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 50s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

/* general styles */

:root {
  --clr-neutral-100: hsl(0, 0%, 100%);
  --clr-primary-100: hsl(205, 15%, 58%);
  --clr-primary-400: hsl(215, 25%, 27%);
  --clr-primary-800: hsl(217, 33%, 17%);
  --clr-primary-900: hsl(218, 33%, 9%);
}


.tag-list {
  margin: 0;
  padding-inline: 0;
  list-style: none;
}

.tag-list li { padding: 0.05rem 1rem;position: relative;color:#ffffff }
.tag-list li:nth-child(odd) {color:#050505  }
.tag-list li:nth-child(odd)::after {color:#ffffff  }
.scroller__inner li::after{content: "//";font-weight: 400;font-size: 12px;position: absolute;right: -10px;top: 7px}

.hom-wraper-2colum{background-color: #181818;padding:119px 8.7%}
.hom-wraper-2colum .box{background-size: cover;background-repeat: no-repeat;background-position: center;height: 360px}
.hom-wraper-2colum .box .inner-1{padding:25px 78px;max-width:82% ;font-size:17px }
.hom-wraper-2colum .box .inner-2{padding:21px 35px;font-size: 22px; background-color:rgba(0,0,0,0.35) }
.hom-wraper-2colum .box .btn-common-primary{font-style: italic;font-size:12px;padding:12px 35px }

.aboutus{padding:50px 0 139px;background:url('../img/about-bg.jpg') no-repeat center center / cover}
.aboutus .title-1{padding-bottom:22px}
.aboutus .colum{padding-right: 15%}
.aboutus .page-heading{padding-bottom:100px;}
.aboutus h2{padding-bottom: 32px;}
.aboutus .btn-common-primary { padding:11px 9.2%; font-size:17px;}
.aboutus .image{ padding-right:20%;}
.aboutus .image img{position: relative;z-index: 3;max-width: 100%}
.aboutus .image.left-aligned{ padding-right: 0;padding-left: 50px;padding-top: 50px;margin-right:13%}
.aboutus .image.left-aligned::after{height: 68px;width:68px;border-right: 2px solid #989898;border-bottom: 2px solid #989898;content:"";position: absolute; right: -48px;bottom:-48px }

.aboutus .about-carousel{position: relative;z-index: 10}
.aboutus .image .wraper{ position: absolute;top: 125px; bottom: 125px; right: 0;z-index: 0;border: 1px solid var(--bs-primary);width: 50%;overflow: hidden;
background-image: url(../img/grill.jpg);
      animation: iconPattern1 .5s linear infinite;
}
.aboutus .image.left-aligned .wraper{right: auto;left: 0;border: 0;top: 0}
@keyframes iconPattern1 {
  0% {
    background-position: 0 -26px;
  }
  100% {
    background-position: 0 0;
  }
}
.aboutus.second-wrap .page-heading{padding-bottom: 35px}
.aboutus.second-wrap small{font-size: 60%}
.aboutus.second-wrap .scrool-text-top{top: -293px}
.aboutus.second-wrap .scrool-text-bottom{bottom: -293px}
.aboutus.second-wrap .progress{height:10px;border-radius: 0;background-color: #2f668c }
.aboutus.second-wrap .progress .progress-bar{background-color: #2c8aca;position: relative;overflow: visible}
.aboutus.second-wrap .progress .progress-bar::after{position: absolute;content: "";border-top: 10px solid #2c8aca;width: 25px;height: 10px;border-right:19px solid transparent;top: 0;left: 100%}
.aboutus.second-wrap .image .wraper{bottom: auto;height: 50%;width: 60%}
.aboutus.second-wrap .image .label{position: absolute;left: 0;bottom: 50px;background: #2C8ACA;padding: 20px;font-size: 26px;font-weight: 400;z-index: 5;max-width: 50%}
.aboutus.second-wrap .image .label .text{position: relative;z-index: 5;}
.aboutus.second-wrap .image .label::after{position:absolute;left: 100%;top:0;height: 100%;width: 50px;content: "";background: #2C8ACA;border-right: 10px solid transparent;
transform: skewX(10deg) translateX(-11px);}
.aboutus.second-wrap .image .label .layar-1{position: absolute;width: 100%;background:rgba(44,138,202, 0.5);height: 100%;left: 58px; top: 0;z-index: 1;transform: skewX(10deg) translateX(-11px);}
.aboutus.second-wrap .image .label .layar-2{position: absolute;width: 112%;background:rgba(44,138,202, 0.5);height: 100%;left:25px; top: 10px;z-index: 1;transform: skewX(10deg) translateX(-11px);}



.page-heading{text-align: center}
.page-heading .square{padding-bottom: 20px}
.page-heading .square img {
  color: var(--bs-primary);
  font-size: 20px; /* Add missing semicolon */
  animation: rotate-animation 10s infinite linear;
}
@keyframes rotate-animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.page-heading .text{font-size:21px; text-transform: uppercase;color: #EBEBEB;font-weight: 500}
.page-heading .text::before{width:87px;height: 2px;background: var(--bs-primary);content:"";display: inline-block;margin-right: 40px}
.page-heading .text::after{width:87px;height: 2px;background: var(--bs-primary);content:"";display: inline-block;margin-left: 40px}

.extras{background-color: #181818;padding: 97px 0 97px 4.02%;}
.extras h2{font-size: 58px;padding-bottom:86px}
.extras .page-heading{padding-bottom:22px}
.extras .outer{height: 499px;}

.extras .colum{border: 1px solid var(--bs-primary);padding:45px 43px;width: 415px;height: 411px;background: #313131}
.extras .colum:hover{background-color:var(--bs-primary);height: 499px;padding:79px 37px }

.extras .colum .icon{height: 78px;margin-bottom: 32px;position: relative}
.extras .colum .icon .default{transform: scale(1)}
.extras .colum .icon .hover{transform: scale(0)}
.extras .colum:hover .icon .default{transform: scale(0)}
.extras .colum:hover .icon .hover{transform: scale(1)}
.extras .colum .icon .default,
.extras .colum .icon .hover{position: absolute;left: 0;top: 0}
.extras .colum h3{font-size: 26px;padding-bottom: 15px}
.extras .colum .discription{}
.extras .slick-dots li{background: #5C5C5C;border:1px solid transparent;border-radius: 20px;transition:all ease .4s ;}
.extras .slick-dots li.slick-active{background: #2C8ACA;border:1px solid #ffffff;width:26px;height: 26px;top: -2px;position: relative}

.extras .slick-dots{margin-top: 50px;position: static;height: 50px}
/*pricing*/
.pricing{padding:55px 0 75px;
background: linear-gradient(to bottom,  #515151 38%, #515151 38%, #181818 73%, #181818 100%); 
}
.pricing .slick-list{padding-top: 150px}
.pricing h2{font-size: 60px}
.pricing .page-heading .text::before{background: #919191}
.pricing .page-heading .text::after{background: #919191}
.pricing .box{padding: 165px 50px 57px; background-color: #313131;margin: 0 10px 10px;}
.pricing .box .icon-box{position: absolute;left: 43px;top: -93px;width: 180px; height: 180px;
   background-image: url(../img/bg-pattern.png);
      animation: iconPattern 1s linear infinite;}
@keyframes iconPattern {
  0% {
    background-position: 0 -7px;
  }
  100% {
    background-position: 0 0;
  }
}
.pricing .box .icon-box .inner{margin:-28px 0 0 28px;background: #4a4a4a;position: relative;z-index: 5;height: 100%}
.pricing .box .icon-box .inner img{max-width:50%}
.pricing .box h2{font-size: 42px;padding-bottom:37px;font-weight: 500 }
.pricing .box .rate{font-size: 26px;color: #989898;padding-bottom:35px}
.pricing .box .rate .price{font-size:60px;color: #ffffff;}
.pricing .box .line{height: 2px;background: rgba(255,255,255,0.12);margin-bottom: 34px}
.pricing .box .discription{padding-bottom: 46px}
.pricing .box .transparent{opacity: 0.3;}
.pricing .box .amenities{font-size: 17px}
.pricing .box .amenities ul{list-style: none;padding: 0;margin: 0;}
.pricing .box .amenities ul li{position: relative;color: var(--white);padding: 0 0 0 2.5rem;margin-bottom: 1rem;}
.pricing .box .amenities ul li::before {content: "";position: absolute;left: 0;top: 0;width: 26px;height: 26px;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%237c7c7c' stroke-linecap='round' stroke-miterlimit='10' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
  background-size: 18px;background-position: center;background-repeat: no-repeat;border: 2px solid #7c7c7c;border-radius: 0.25rem;}
.pricing .box .amenities img{width: 25px}
.pricing .box .btn-common-primary{padding:16px 50px;font-size:19px}
.pricing .box.bg-primary .btn-common-primary{color: var(--bs-primary);background: #ffffff}
.pricing .box.bg-primary .btn-common-primary:hover{color:#ffffff;background: var(--bs-primary);border: 1px solid #ffffff}
.pricing .box.bg-primary .rate{color:#E0E0E0;}
.pricing .wraper{padding:202px 0 0 0 }
.pricing .common.btn-common-primary{padding:19px 5.5%;font-size: 19px}

.pricing .box.bg-primary .amenities ul li::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E"); border: 2px solid #ffffff;}


/*Blog*/
.blog{background: #313131;padding: 175px 0;overflow: hidden}
.blog .page-heading .text::before{background: #4a4a4a}
.blog .page-heading .text::after{background: #4a4a4a}
.blog .page-heading {padding-bottom: 50px}
.blog .page-heading .square{padding-bottom: 22px}
.blog h2 { font-size: 60px;padding-bottom: 89px;}
.blog .inner{position: relative;z-index: 3;}
.blog .scroller {}
.blog .scroller .scroller__inner{padding: 0;margin: 0;line-height: 410px}
.blog .scroller .scroller__inner li{list-style: none}


.btn-common-primary{padding:23px 5.8%;font-size: 19px;font-weight: 600}

.scroller {position:absolute;font-family: 'Chivo';font-size:600px;color: #2d2d2d;font-weight: bold;font-style: italic;position: absolute;left: 0;z-index: 1;right: 0;overflow: hidden;background: transparent}
.scroller .scroller__inner{padding: 0;margin: 0;line-height: 410px}
.blog .scroller .scroller__inner li{list-style: none}
.scroller.scrool-text-top{top: 60px}
.scroller.scrool-text-bottom{bottom:-140px}

/*Trainers*/
.trainers{background: #181818;padding:121px 0}
.trainers .title{font-size: 79px; font-style: italic;line-height:1.2;padding-bottom: 50px;    padding-right: 20%;}
.trainers .atheletic-carousel .slick-list{margin: 0 -50px}
.trainers .outer{margin: 0 22px}
.trainers .outer figure{overflow: hidden}
.trainers .outer figure img{transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);transform: scale(1);}
.trainers .outer:hover figure img{transform: scale(1.2);}

.trainers .outer figure ul{position: absolute;right: 40px;top: 40px;z-index: 3;background: var(--bs-primary);transition:all ease .4s ;transform: scale(0.8);opacity: 0}
.trainers .outer:hover figure ul{transform: scale(1);opacity: 1}
.trainers .outer figure ul li{list-style: none;}
.trainers .outer figure ul li a{display: block;width: 50px; height: 50px;font-size: 23px;color: #ffffff;text-decoration: none;display: flex;align-items: center;justify-content: center}
.trainers .outer figcaption{background: #313131;padding: 30px;color: #C7C7C7;transition:all ease .4s ;}
.trainers .outer:hover figcaption{background: var(--bs-primary);}
.trainers .outer figcaption h3{font-size: 30px;margin: 0;padding: 0 0 10px;color: #ffffff}
.trainers .carousel-slick .slick-arrow{position: absolute;top: -100px; right: 0;width:115px;height: 92px;background: #313131;color:var(--bs-primary);display: flex;
    align-items: center;
    justify-content: center;  }
.trainers .carousel-slick .slick-arrow i{font-size: 25px; }
.trainers .carousel-slick .slick-arrow::before{display: none}
.trainers .carousel-slick .slick-arrow:hover{background: var(--bs-primary);color:var(--bs-white)  }
.trainers .carousel-slick .slick-arrow.slick-prev{left: auto;right: 120px }

/*testimonial*/

.testimonial{background: #313131;padding: 80px 0 270px}
.testimonial .title{font-size: 79px; font-style: italic;line-height:1.2;padding-bottom: 50px;    padding-right: 20%;}
.testimonial .wraper{display: flex}
.testimonial figure{min-width: 40%;padding-left: 160px;position: relative}
.testimonial figure img{position: relative;z-index: 3;object-fit: cover;height: 100%;
}
.testimonial figure .grill{ position: absolute;top: 50px; bottom: 50px; left: 0;z-index: 0;border: 1px solid var(--bs-primary);width: 50%;overflow: hidden;
background: url(../img/grill.jpg) repeat;
      animation: iconPattern1 .5s linear infinite;
}

.testimonial .wraper .grill .lines{ 
}
.testimonial .content{min-width: 60%;padding-left: 65px;}
.testimonial .content .rating{padding-bottom: 30px}
.testimonial .content .rating span{color: #989898}
.testimonial .content .comment{padding-bottom: 50px;font-size:27px }
.testimonial .content .user{}
.testimonial .content .user .image{min-width: 98px}
.testimonial .content .user .user-info{padding-left: 50px}
.testimonial .content .user .user-info span{color: #2C8ACA;font-size: 24px}
.testimonial .content .slick-dots li{background: #5C5C5C;border:1px solid transparent;border-radius: 20px;transition:all ease .4s ;}
.testimonial .content .slick-dots li.slick-active{background: #2C8ACA;border:1px solid #ffffff;width:26px;height: 26px;top: -2px;position: relative}
.testimonial .content .slick-dots {text-align: right}
.testimonial .content .slick-arrow{display: none}

/*News*/

.news{background: #181818;padding: 96px 0}
.news .title-1{padding-bottom:41px}
.news .page-heading{padding-bottom: 45px}
.news .page-heading .square{padding-bottom:10px}
.news .page-heading .text::before{background: #4a4a4a}
.news .page-heading .text::after{background: #4a4a4a}
.news h2{padding-bottom:66px}
.news .carousel-slick .slick-list .item {height: auto; background: #313131;margin: 0 20px;}
.news .carousel-slick .slick-list .item:hover {    box-shadow: 0px 0px 11px var(--bs-primary);transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);}
.news .carousel-slick .slick-list .item article{padding: 35px}
.news .carousel-slick .slick-list .item article .date{font-size: 17px;margin-bottom: 20px}
.news .carousel-slick .slick-list .item article .date img{height: unset !important; width: unset !important; max-height: 20px !important;}
.news .carousel-slick .slick-list .item article .heading{min-height: 100px;}
.news .carousel-slick .slick-list .item article .date .seperator{width: 1px;height:22px;background: #ffffff;margin: 0 15px }
.news .carousel-slick .slick-list .item article h3{font-size: 31px;margin: 0;padding: 0 0 20px}
.news .carousel-slick .slick-list .item article .discription{font-size:18px;color: #EFEFEF;padding-bottom: 35px}
.news .carousel-slick .slick-list .item article .btn-common-primary { padding:15px 46px;font-size: 16px;}
.news .carousel-slick .slick-track { padding: 15px 0;}
.news .carousel-slick .slick-list .item img {transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);transform: scale(1)}
/* .news .carousel-slick .slick-list .item figure {overflow: hidden}
.news .carousel-slick .slick-list .item figure img {width: 100%; height: 275px; object-fit: cover; }
.news .carousel-slick .slick-list .item:hover img {transform: scale(1.2)} */

.news-item {background: #313131;margin: 0 20px;}
.news-item:hover {    box-shadow: 0px 0px 11px var(--bs-primary);transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);}
.news-item article{padding: 35px}
.news-item article .date{font-size: 17px;margin-bottom: 20px}
.news-item article .date img{max-height: 20px}
.news-item article .date .seperator{width: 1px;height:22px;background: #ffffff;margin: 0 15px }
.news-item article h3{font-size: 31px;margin: 0;padding: 0 0 20px}
.news-item article .discription{font-size:18px;color: #EFEFEF;padding-bottom: 35px}
.news-item article .btn-common-primary { padding:15px 46px;font-size: 16px;}
.news-item figure {overflow: hidden}
.news-item img {transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);transform: scale(1)}
.news-item:hover img {transform: scale(1.2)}

/*Contact*/

.contact{background: #313131;padding:160px 0}
.contact .colum{padding: 0 60px 0 0}
.contact h2{font-size: 70px;padding-bottom:46px}
.contact h3{font-size: 37px;padding-bottom: 30px}
.contact h4{font-size: 28px;padding-bottom:0}
.contact h5{font-size: 37px;padding-bottom:40px}
.contact .discription{padding-bottom: 50px;border-bottom: 1px solid #464646;margin-bottom: 50px}
.contact .icon{min-width: 40px}
.contact .contact-info{font-size: 26px;text-decoration: underline}
.contact .form{background: #181818;padding: 68px 59px}
.contact .form .grill{position: absolute; top: 0; right: 0;max-width: 18%}
.contact .form .form-control{border: 0;border-bottom:1px solid #515151;border-radius: 0;background: transparent;min-height: 100px }
.contact .form .form-control .label{font-size: 20px;padding: 0}
.contact .form textarea.form-control {min-height: calc(1.5em * 9);}
.contact .form button {padding:20px 50px;font-size: 18px;}




footer{background: #181818;font-size: 18px;padding:80px 0 0;color: #D6D6D6}
footer .discription{padding-right: 50px}
footer .newsletter {max-width: 600px;justify-content: flex-end}
footer .newsletter button{font-size: 21px; padding: 10px 25px;margin-left: 5px}
footer .links{padding-left: 50px}

footer .info{padding: 75px 50px 75px 0;width: 28%;font-size: 16px}
footer ul.social-connet{border-left: 1px solid #262626;border-right: 1px solid #262626;}
footer ul.social-connet li{list-style: none;height: 25%;text-align: center;justify-content: center;align-content: center;border-bottom: 1px solid #262626;}
footer ul.social-connet li a{text-decoration: none;text-transform: uppercase;color: #ffffff;display: flex;height: 100%;justify-content: center;align-items: center;padding: 10px 20px}
footer ul.social-connet li a.fb:hover {
background:  linear-gradient(0deg, #17acfe, #0266e2);
   background-size: cover;
}
footer ul.social-connet li a.tw:hover {
background:  linear-gradient(0deg, #1aa2f8, #1aa2f8);
   background-size: cover;
}
footer ul.social-connet li a.lin:hover {background: #0b68c7}
footer ul.social-connet li a.insta:hover {
   background:  linear-gradient(137deg, rgba(25,125,236,1) , rgba(127,69,249,1) , rgba(195,62,203,1) , rgba(249,65,99,1) , rgba(255,152,34,1) , rgba(244,235,0,1));
   background-size: cover;
  }  
@-webkit-keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}


footer .second-row{padding: 63px 0;}
footer .second-row a{text-decoration:none;color: #ffffff}
footer .second-row a:hover{color:var(--red)}
footer .second-row ul li{padding: 0 15px}
footer .second-row .copy-rite{font-size: 14px}

footer ul.social li {padding: 0;font-size:32px;margin: 0}
footer .list-inline-item:not(:last-child){margin: 0}
footer ul.social li a{text-decoration:none;color: #ffffff;display: block;border: 1px solid transparent;border-radius: 25px;width: 50px; height: 50px;display: flex;align-items: center;justify-content: center;transition:all ease .4s ;}
footer ul.social li a:hover{border: 1px solid #ffffff;}

footer ul.foot-links{display: flex; flex-direction: column; gap: 0.5rem}
footer ul.foot-links li{list-style: none;padding: 0;font-weight: 300}
footer ul.foot-links li a{display: block;padding: 10px 0;color: #D6D6D6;text-decoration: none;font-size: 18px}
footer ul.foot-links li a:hover{color: #ffffff}
footer .copy{color: #ffffff;}
footer .liner{height: 2px;background: #ffffff;margin: 25px 0}
.contact .form .form-floating > label{padding-left: 0}

/*About us*/
.abt-wraper-about{background: #181818;padding: 109px 0;}
.abt-wraper-about article{width: 52%;}
.abt-wraper-about article .title-1{padding-bottom: 50px;font-weight: 800}

.abt-wraper-about .counters{width: 48%;padding-left: 8%}
.abt-wraper-about .counters .colum{background: #313131;padding: 55px 25px;position: relative}
.abt-wraper-about .counters .colum::after{background: #2C8ACA;position: absolute;left:15px;right: 15px;top: 100%;height:8px;content: "";display: block;transform: scale(0.8);transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);opacity: 0}
.abt-wraper-about .counters .colum:hover::after{transform: scale(1);opacity: 1}
.abt-wraper-about .counters .colum:hover{}
.abt-wraper-about .counters .colum .counter{font-size:75px;}
.abt-wraper-about .counters .colum  .symbol{font-size:44px;line-height: 1}

.pre-sale{background: #313131;padding: 100px 4.7%}
.pre-sale h2{font-size:46px;padding: 0 0 25px}
.pre-sale .title-1{padding-bottom: 75px;margin:0}
.pre-sale .box{padding: 80px 11%}
.pre-sale .box ul li{font-weight:300;list-style: none;padding: 0 0 15px}
.pre-sale .box ul li::before{content: ".";padding-right: 15px}
/**/

.member-benifits{background: #181818;padding: 125px 0}
.member-benifits .inner{background: #252525;font-size: 24px;padding: 75px 12%;position: relative}
.member-benifits .inner::after,
.member-benifits .inner::before{background: #252525;height: 42px;width:60%;display: block;content: "";position: absolute}
.member-benifits .inner::before{right: 0;bottom: 100%;transform: skewX(70deg) translateX(105px);}
.member-benifits .inner::after{left: 0;top: 100%;transform: skewX(70deg) translateX(-105px);}
.member-benifits .page-heading .text::before,
.member-benifits .page-heading .text::after{background: #4A4A4A}

.member-plans{padding: 150px 0 50px; }

.specialities{padding: 50px 0 178px;background: url(../img/line-group-bottom.svg) no-repeat center bottom;background-size: 18%}
.specialities figure{min-width: 140px;height: 140px;border-radius: 6px;background: #2D2D2D;border: 1px solid rgba(44,138,202,0.5)}
.specialities article{padding-left: 25px;max-width: 60%}
.specialities article h3{font-size: 30px;margin: 0;padding: 0 0 20px;font-weight: 600}
.specialities .box{padding-bottom:104px; }
.specialities .box:hover figure{    box-shadow: 0px 10px 40px var(--bs-primary);
    transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);}

/**/
.athelietic-hub{ background: linear-gradient(to bottom, #515151 38%, #515151 38%, #181818 73%, #181818 100%);margin-top: 110px}
.athelietic-hub .inner{ background: url(../img/iPhone14Pro.svg) no-repeat right bottom;padding: 99px 40% 99px 4.7%; }
.athelietic-hub .inner .title-1{ padding-bottom: 50px}

/**/
.what-we-can{padding: 100px 0;background: linear-gradient(to bottom,  #1a1f23 0%,#181818 12%,#181818 100%);}
.what-we-can::before,
.what-we-can::after{ width: 219px;height: 404px;position: absolute;top: -50px;content: "";display:block}
.what-we-can::before{background: url(../img/lines-left.svg) no-repeat ;left: 0;}
.what-we-can::after{background: url(../img/lines-right.svg) no-repeat ;right: 0;}
.what-we-can .inner{position: relative;z-index: 5}
.what-we-can .inner .title-1{padding-bottom: 80px;font-style: italic}
.what-we-can .inner .colums{}
.what-we-can .inner .colums .in{padding: 40px}

.what-we-can .colums:hover .in{background: #2C8ACA}
.what-we-can .colums .in .icon{height: 78px; margin-bottom:30px;position: relative}

.what-we-can .colums .in .icon .default{transform: scale(1)}
.what-we-can .colums .in .icon .hover{transform: scale(0)}
.what-we-can .colums a{text-decoration: none;color: #ffffff}


.what-we-can .colums .in:hover .icon .default{transform: scale(0)}
.what-we-can .colums .in:hover .icon .hover{transform: scale(1)}
.what-we-can .colums .in .icon .hover,
.what-we-can .colums .in .icon .default{position: absolute;left: 0;top: 0}
.what-we-can .colums h3{font-weight: 500}
.what-we-can .colums .discription{font-size:16px;margin-bottom: 20px}
.what-we-can .colums:hover .discription{color: #D6D6D6}
.what-we-can .colums .link{text-transform: uppercase}
.what-we-can .colums.border-bottom{border-bottom: 1px solid #787878!important}
.what-we-can .colums.border-right{border-right: 1px solid #787878!important}
.what-we-can .colums.border-x{border-left: 1px solid #787878;border-right: 1px solid #787878}

.video-wraper{background-image: url(../img/bg-video-wraper.jpg);background-size: cover;background-position: center;background-attachment: fixed;padding: 180px 0}
.video-wraper::after{background:rgba(0,0,0,0.8);position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";}
.video-wraper .play{background:#2C8ACA;width: 100px;height: 100px;color: #ffffff;text-decoration: none;font-size: 25px;margin-bottom: 20px;animation: pulse-animation 2s infinite;}
.video-wraper .play i{font-size: 41px;color: black}
.video-wraper .play:hover{background: #ffffff}


@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(44, 138, 202, 0.8);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(44, 138, 202, 0);
  }
}

.sessions{background:#181818;padding: 100px 0 ;}
.sessions .table-wraper{overflow-x: auto;}
.sessions .table-wraper table{min-width: 900px;width: 100%;border-left: 1px solid #252A31;}
.sessions .table-wraper table thead{background: #2C8ACA;color: #ffffff;}
.sessions .table-wraper table thead th{font-weight: 500;text-align: center;padding: 15px 10px}
.sessions .table-wraper table td{color: #AFB8C7;font-size: 15px;text-align: center;padding: 45px 10px;border-right: 1px solid #252A31;border-bottom: 1px solid #252A31;}
.sessions .table-wraper table td:hover{background:#2C8ACA;color: #ffffff}
.sessions .table-wraper table td div{color: #ffffff;}
.sessions .title-1{padding-bottom: 80px}


.faq{background-color: #313131;background-image: url(../img/lines-blue-left.svg), url(../img/lines-blue-right.svg);background-position: left bottom, right top;padding: 100px 4.7%;background-repeat: no-repeat;    background-size: 24%;}
.faq .title-1{padding-bottom: 80px}
.faq .accordion {position: relative;width: 80%}
.faq .accordion .accordion-item{position: relative; background: transparent;border: 0;}
.faq .accordion .accordion-item .accordion-body{padding: 20px 20px 20px 60px}
.faq .accordion .accordion-item .accordion-body h2{padding-bottom:40px;margin: 0}
.faq .accordion .accordion-item .accordion-collapse{position: absolute;left: 50%;top: 50px;right: 0;transition:all ease .4s ;opacity: 0}
.faq .accordion .accordion-item .accordion-collapse.show{top:0px;right: 0;opacity: 1}
.faq .accordion .accordion-item .accordion-header{background:#2B2B2B;border: 0;width: 50%;margin-bottom: 3px;text-align: right;padding:0}
.faq .accordion .accordion-item .accordion-header .accordion-button{background: transparent;border: 0;font-weight: 600;color: #ffffff;padding:46px 27px;justify-content: right;pointer-events: none;font-size: 18px;transition:all ease .4s ;position: relative}
.faq .accordion .accordion-item .accordion-header .accordion-button::after {display: none}

.faq .accordion .accordion-item .accordion-header .accordion-button::before {position: absolute;right: 0;height: 100%;top: 0;background: #2C8ACA;display: block;transition:all ease .4s ;content: "";width: 8px;z-index: 5}
.faq .accordion .accordion-item .accordion-header .accordion-button::before{}
.faq .accordion .accordion-item .accordion-header .accordion-button.collapsed{pointer-events:fill;}
.faq .accordion .accordion-item .accordion-header .accordion-button.collapsed::before{width: 0}
.faq .accordion .accordion-item .accordion-header .accordion-button:focus{box-shadow: none}

.main-contact{padding: 100px 0 50px;background: linear-gradient(to bottom,  #1a1f23 0%,#181818 12%,#181818 100%);}
.main-contact .page-heading{padding-bottom: 80px}
.main-contact.pricing .box{padding: 119px 50px 41px;margin: 0 20px 0;}

.location-map-sec{padding: 0 0 100px; background-color: #181818;}

.location-map{height: 700px;}
.location-map iframe{width: 100%; height: 100%;}


.error-page{background-color: #313131;background-image: url(../img/line-left-bottom1.svg),url(../img/lines-right-top.svg);background-repeat: no-repeat;background-position: 0 bottom, right top;padding: 200px 25%;background-size: 22%}

.blog.blog-detail-wraper{color: #989898;background: #181818;padding-bottom: 50px;}
.blog.blog-detail-wraper p{padding-bottom: 35px}
.blog.blog-detail-wraper .scroller.scrool-text-top{opacity: .3}
.blog-detail-wraper .news-img-lg{max-width: 850px; padding-bottom: 2rem;}
.blog-detail-wraper .news-img-lg img{width: 100%;}
.blog-detail-wraper .author-info{color: #989898;font-size: 15px}
.blog-detail-wraper .author-info .seperator{height:24px;margin: 0 10px;background:#4A4A4A;width: 2px }
.blog-detail-wraper .author-info .dropdown-toggle::after { display: none;}
.blog-detail-wraper blockquote {border-top: 1px solid #464646;border-bottom: 1px solid #464646;padding:40px 0;margin-bottom: 40px;font-size: 28px }
.blog-detail-wraper blockquote .author{font-size: 15px;margin-top: 20px;position: relative;padding-left: 40px}
.blog-detail-wraper blockquote .author::before{height: 2px; width: 25px;top: 50%;display: block;background: #2C8ACA;content: "";position: absolute;left: 0;}
.blog-detail-wraper blockquote .author .seperator{    height: 19px;margin: 0 10px; background: #4A4A4A;width: 2px;}
.blog-detail-wraper blockquote .author .roll{color: #989898}
.blog-detail-wraper .autor-detail{margin-left: 25px;}

.tags .tag{border: 1px solid #585858;color: #989898}
.tag-list .label{font-size: 22px;padding-left: 40px;position: relative}
.tag-list .label{padding-right: 20px}
.tag-list .label::after{height:2px;width: 25px;top: 50%;display: block;background: #2C8ACA;content: "";position: absolute;left: 0}
.tag-list .tags{background: #4A4A4A;color: #EBEBEB;padding: 10px 18px;text-transform: uppercase;margin: 0 8px 8px;display: inline-block;transition:all ease .4s ;text-decoration: none;white-space: nowrap;}
.tag-list .tags:hover{background:#2C8ACA;color: #ffffff}

.blog-nav{border-top: 1px solid #464646;border-bottom: 1px solid #464646;margin-bottom:80px;padding: 60px 0 }
.blog-nav .inner{border: 1px solid #8b8b8b;padding: 40px}
.blog-nav .inner .border-end{border-right: 1px solid #464646!important;}
.blog-nav .inner a{text-decoration: none;padding: 40px}
.blog-nav .inner a:hover{background: #393939}
.blog-nav .inner a h4{color:#2C8ACA }
.blog-nav .inner .discription{color:#ffffff;display: -webkit-box;     
                                -webkit-box-orient: vertical; 
                                overflow: hidden; 
                                text-overflow: ellipsis;
                                -webkit-line-clamp: 2;}

.autor-detail{padding-left:48px;position: relative;margin-bottom: 50px}
.autor-detail .frame{background: #313131;padding:35px 35px 35px 115px;max-width: 600px;min-height: 244px;}
.autor-detail .frame h4{color: #ffffff;font-weight: 500;font-size:24px}
.autor-detail .frame h5{color: #ffffff;font-weight: 500;font-size:21px}

.autor-detail .image-frame img{width: 125px;height: 125px;position: relative;z-index:2 }
.autor-detail .image-frame{ width: 125px;height: 125px;position:absolute;left: 0;    top: 50px;}
.autor-detail .image-frame::before{ border: 1px solid var(--bs-primary);overflow: hidden;width: 100%;height: 100%;
background: url(../img/grid.png) repeat;  animation: iconPattern3 .8s linear infinite;position: absolute;left: -25px;top:25px;display: block;content: "";}

@keyframes iconPattern3 {
  0% {
    background-position: 0 -9px;
  }
  100% {
    background-position: 0 0;
  }
}

.blog-comments{}
.blog-comments .items{ padding:40px 0 53px;border-bottom:1px solid #343434 }
.blog-comments .items .image{position: relative;margin-left: 25px}
.blog-comments .items .image::before{overflow: hidden;width: 100%;height: 100%;
background: url(../img/grid.png) repeat;  animation: iconPattern3 .8s linear infinite;position: absolute;left:-25px;top:25px;display: block;content: "";}

.blog-comments .items .image img{width: 125px;height: 125px;position: relative;z-index:2 }
.blog-comments .items a{color: var(--bs-primary) }
.blog-comments .items a:hover{color: var(--bs-white) }
.blog-comments .items:last-child{border-bottom: 0}

.work-plan {  background: #181818; padding: 121px 0}

.work-plan-item {position: relative;margin-bottom: 1.5rem; overflow: hidden;}
.work-plan-item figure{position: relative; margin: 0;}
.work-plan-item figure img {width: 100%;transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);transform: scale(1);}
.work-plan-item figure:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.work-plan-item .plan-overlay{position: absolute; left: 0; right: 0; bottom: 0; padding: 2rem 2rem; z-index: 10}
.work-plan-item:hover figure img {transform: scale(1.25);}

.companionship {padding: 90px  0;background: linear-gradient(to bottom, rgba(74,74,74,1) 0%, rgba(27,27,27,1) 100%);}
.companion ul{list-style: none; padding: 0; margin: 0 0 1.5rem 0;}
.companion ul li{position: relative; padding: 0 0 0 1.25rem; margin: 0 0 1rem 0;}
.companion ul li:before{content: ""; position: absolute;left: 0;top: 10px;width: 8px;height: 8px;background-color: var(--bs-primary);border-radius: 50%}
.companion-app img{width: 100%}

.trail {padding: 90px  0; background-color: #313131}
.trail-hd {margin-bottom: 2.5rem}
.trail-hd h2{font-size: 60px;}
.trail-hd h4{}

.trial-form label{margin-bottom: 1rem}
.trial-form .form-control{min-height: 60px; background-color: #5f5f5f;border: 2px solid #ffffff; border-radius: 0.25rem}
.trial-form .form-select{min-height: 60px; color: #ffffff; background-color: #5f5f5f;border: 2px solid #ffffff; border-radius: 0.25rem}
.trial-form textarea{min-height: 180px !important; color: #ffffff}
.trial-form input::placeholder,.trial-form textarea::placeholder{color: #ffffff}
.trial-form .btn-access{font-size: 0.875rem;}
.trial-form .btn-access i{font-size: 1.25rem; margin-left: 1rem}

.training-video-sec{padding: 90px  8.2% 0;}
.training-video-cover {  position: relative;  height: 100%;}
.training-video-cover .training-video {  height: 100%;}
.training-video-cover .training-video video {  width: 100%;  height: 100%;  object-fit: cover;}
.training-video-cover .training-video-body {  position: absolute;  left: 0;  right: 0;  top: 50%;  transform: translateY(-50%);}
.training-video-cover .training-video-body .video-buttons { width: 60px;  margin: 0 auto 0;}
.training-video-cover .training-video-body .video-buttons .btn-video { display: flex;align-items: center;justify-content: center;color: #ffffff; width: 60px;height: 60px; font-size: 4rem;background-color: transparent; background-color: transparent;  border: 0;  border-radius: 50%;  box-shadow: none;animation: btnPulse 1s ease 0s infinite;  }
.training-video-cover .training-video-body .video-buttons .btn-video i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.training-video-cover .training-video-body .video-buttons .btn-video .hidden {  display: none;}
.training-video-cover .training-video-body .video-buttons .btn-video.btnPause {  display: none;  opacity: 0;}
.training-video-cover:hover .training-video-body .video-buttons .btnPause {  opacity: 1;}

@keyframes btnPulse {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 5px rgba(44, 138, 202, 0.4);
  }
  25% {
    box-shadow: 0 0 0 10px rgba(44, 138, 202, 0.4),
      0 0 0 20px rgba(44, 138, 202, 0.2);
  }
  25% {
    box-shadow: 0 0 0 15px rgba(44, 138, 202, 0.4),
      0 0 0 30px rgba(44, 138, 202, 0.2);
  }
}

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

:root {
  --white: #fff;
  --black: #000;
  --color-100: #0b94e9;
  --bk-grade-100: #eaeaea;
  --bk-grade-150: #d6d6d6;
  --bk-grade-200: #c1c1c1;
  --bk-grade-250: #adadad;
  --bk-grade-300: #999999;
  --bk-grade-350: #848484;
  --bk-grade-400: #707070;
  --bk-grade-450: #5b5b5b;
  --bk-grade-500: #474747;
  --bk-grade-550: #333333;
  --bk-grade-600: #2d2d2d;
  --bk-grade-650: #282828;
  --bk-grade-700: #232323;
  --bk-grade-750: #1e1e1e;
  --bk-grade-800: #191919;
  --bk-grade-850: #141414;
  --bk-grade-900: #0f0f0f;
  --bk-grade-950: #0a0a0a;

  --primary-font-family: "Montserrat";
  --font-weight-lighter: 200;
  --font-weight-light: 300;
  --font-weight-normal: normal;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: bold;

  --fs-08: 0.75rem;
  --fs-09: 0.875rem;
  --fs-10: 1rem;
  --fs-11: 1.125rem;
  --fs-12: 1.25rem;
  --fs-13: 1.5rem;
  --fs-14: 1.875rem;
  --fs-15: 2rem;
  --fs-16: 2.25rem;
  --fs-17: 2.5rem;
  --fs-18: 2.875rem;
  --fs-19: 3rem;
  --fs-20: 3.25rem;
  --fs-21: 3.5rem;
  --fs-22: 4rem;
  --fs-23: 4.5rem;
  --fs-24: 5rem;
  --fs-25: 5.5rem;
  --fs-26: 6rem;
  --fs-27: 7rem;
  --fs-28: 8rem;
  --fs-29: 9rem;
  --fs-30: 10rem;
}

.hero-sec {
  position: relative;
}

.hero-cover {
  position: relative;
}
.hero-cover  .hero-item{
   background-color: #000000;
}
.hero-cover  .hero-item img,
.hero-cover  .hero-item video {
  width: 100%;
  height: calc(100vh - 95px);
  height: calc(100dvh - 95px);
  object-fit: cover;
  opacity: 0.85;
}
.hero-cover .hero-content{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.hero-cover .hero-heading{
  max-width: 750px;
  margin: 0 auto;
}
.hero-cover .hero-heading h1{
  font-size: 64px;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 3rem;
}

.package-item {
  display: flex;
  flex-direction: column;
  position: relative;
  height: calc(100% - 100px);
  padding: 8rem 1.5rem 1.5rem;
  margin-top: 80px;
  margin-bottom: 20px;
  background-color: #313131;
}
.package-item .pkg-icon {
  position: absolute;
  left: 2.5rem;
  top: 0;
  width: 160px;
  height: 160px;
  background-color: #4a4a4a;
  transform: translateY(-50%);
  z-index: 10;
}
.package-item .pkg-icon::before {
  content: "";
  position: absolute;
  left: -1rem;
  bottom: -1rem;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg-pattern.png);
  animation: iconPattern 1s linear infinite;
  z-index: -5;
}
.package-item .pkg-icon .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #4a4a4a;
  z-index: 10;
}
.package-item .pkg-icon .icon img {
  width: 100%;
  max-width: 120px;
}
.package-item .pkg-heading {
  margin-bottom: 1rem;
}
.package-item .pkg-heading h3 {
  color: var(--white);
  font-size: var(--fs-11);
  font-weight: bold;
  margin: 0 0 1rem 0;
}
.package-item .pkg-heading h5 {
  color: var(--white);
  font-size: var(--fs-11);
  font-weight: normal;
  margin: 0;
}
.package-item .pkg-price {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.package-item .pkg-price h2 {
  color: var(--white);
  font-size: var(--fs-14);
  font-weight: bold;
  margin: 0;
}
.package-item .pkg-price h2 span {
  color: var(--bk-grade-300);
  font-size: 75%;
  font-weight: normal;
}
.package-item .pkg-note {
  margin-bottom: 1rem;
}
.package-item .pkg-note p {
  color: var(--white);
}
.package-item .pkg-facilities ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.package-item .pkg-facilities ul li {
  position: relative;
  color: var(--white);
  padding: 0 0 0 2.5rem;
  margin-bottom: 1rem;
}
.package-item .pkg-facilities ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%237c7c7c' stroke-linecap='round' stroke-miterlimit='10' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #7c7c7c;
  border-radius: 0.25rem;
}
.package-item .package-mid {
  flex: 1 1 0;
}
.package-item .package-btm {
  margin-top: 2rem;
}
.package-item .package-btm .btn-register {
  color: var(--white);
  font-size: var(--fs-12);
  padding: 1rem 2rem;
  background-color: var(--color-100);
  border: 1px solid transparent;
  border-radius: 0;
}
.package-item .package-btm .btn-register:hover {
  color: var(--color-100);
  background-color: var(--white);
}
.package-item.package-recommend,
.package-item.selected-plan {
  background-color: var(--color-100);
}
.package-item.package-recommend .pkg-price h2 span,
.package-item.selected-plan .pkg-price h2 span {
  color: var(--white);
}
.package-item.package-recommend .pkg-facilities ul li::before,
.package-item.selected-plan .pkg-facilities ul li::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
  border: 2px solid var(--white);
}
.package-item.package-recommend .package-btm .btn-register,
.package-item.selected-plan .package-btm .btn-register {
  color: var(--color-100);
  background-color: var(--white);
  border-radius: 0;
}
.package-item.package-recommend .package-btm .btn-register:hover,
.package-item.selected-plan .package-btm .btn-register:hover {
  color: var(--white);
  background-color: var(--color-100);
  border-color: var(--white);
}

.membership-sec{
  position: relative;
  padding: 80px 0 80px;
}

.mem-steps-cover {
  position: relative;
}
.mem-steps-cover .mem-step {
  position: relative;
  padding-left: 2.5rem;
  padding-bottom: 2.5rem;
  overflow: hidden;
}
.mem-steps-cover .mem-step::before, .mem-steps-cover .mem-step::after {
  content: "";
  position: absolute;
}
.mem-steps-cover .mem-step::before {
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background-color: var(--color-100);
  border-radius: 50%;
}
.mem-steps-cover .mem-step::after {
  left: 8px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--color-100);
}
.mem-steps-cover .mem-step .mem-step-hd {
  margin-bottom: 2rem;
}
.mem-steps-cover .mem-step .mem-step-hd h3 {
  color: var(--white);
  font-size: var(--fs-14);
  font-family: var(--seconday-font-family);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  text-transform: uppercase;
}
.mem-steps-cover label {
  color: var(--white);
}
.mem-steps-cover .form-control {
  height: 46px;
  color: var(--white);
  font-family: var(--primary-font-family);
  background-color: #181818;
  border: 1px solid var(--white);
  border-radius: 0;
}
.mem-steps-cover .btn-submit {
  color: var(--black);
  font-family: var(--seconday-font-family);
  font-weight: var(--font-weight-semibold);
  padding: 0.75rem 2.5rem;
  margin: 0;
  border: 0;
  background-color: var(--color-100);
  border: 1px solid transparent;
  border-radius: 0;
  text-transform: uppercase;
}
.mem-steps-cover .btn-submit:hover {
  color: var(--white);
  background-color: var(--black);
  border-color: var(--color-100);
}
.mem-steps-cover .btn-location {
  color: var(--white);
  font-weight: var(--font-weight-medium);
  padding: 0.875rem 1rem;
  margin: 0;
  border: 0;
  background-color: var(--black);
  border: 1px solid var(--black);
  border-radius: 0;
  text-transform: uppercase;
}
.mem-steps-cover .btn-location i {
  font-size: var(--fs-12);
  margin-right: 1rem;
}
.mem-steps-cover .btn-location:hover {
  color: var(--black);
  background-color: var(--white);
  border-color: var(--white);
}

.gender-check-cover {
  display: flex;
}
.gender-check-cover .check-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 150px;
  padding: 1rem 1rem;
  border: 1px solid var(--bk-grade-150);
}
.gender-check-cover .check-item .checkmark {
  width: 24px;
  height: 24px;
  border: 1px solid var(--bk-grade-150);
  border-radius: 50%;
}
.gender-check-cover .check-item .gender-img img {
  width: 100%;
}
.gender-check-cover [type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.gender-check-cover [type=checkbox]:checked ~ .check-item {
  border-color: var(--color-100);
}
.gender-check-cover [type=checkbox]:checked ~ .check-item .checkmark {
  background-color: var(--color-100);
  border-color: var(--color-100);
}

.membership-tabs {
  position: relative;
  color: var(--white);
  padding: 2.5rem 2.5rem;
  margin-bottom: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.membership-tabs .mem-tab-hd {
  margin-bottom: 2rem;
}
.membership-tabs .mem-tab-hd h4 {
  color: var(--white);
  font-size: var(--fs-12);
  font-family: var(--seconday-font-family);
  font-weight: var(--font-weight-semibold);
  margin: 0;
}
.membership-tabs .mem-plan-tb-nav {
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--white);
}
.membership-tabs .mem-plan-tb-nav .nav-item + .nav-item {
  margin-left: 0.5rem;
}
.membership-tabs .mem-plan-tb-nav .nav-item .nav-link {
  display: block;
  width: 100%;
  color: var(--white);
  font-family: var(--seconday-font-family);
  font-weight: var(--font-weight-semibold);
  padding: 0.875rem 1.5rem;
  margin: 0;
  border: 0;
  background-color: var(--black);
  border: 1px solid var(--white);
  border-radius: 0;
  text-transform: uppercase;
}
.membership-tabs .mem-plan-tb-nav .nav-item .nav-link i {
  color: #fe0000;
  margin-left: 1.5rem;
}
.membership-tabs .mem-plan-tb-nav .nav-item .nav-link:hover, .membership-tabs .mem-plan-tb-nav .nav-item .nav-link.active {
  color: var(--black);
  background-color: var(--black);
  background-color: var(--color-100);
  border-color: var(--color-100);
}
.membership-tabs .mem-plan-tb-nav .nav-item .nav-link:hover i, .membership-tabs .mem-plan-tb-nav .nav-item .nav-link.active i {
  color: var(--black);
}
.membership-tabs .btn-mem-plan {
  display: block;
  padding: 2rem 2rem;
  margin-bottom: 1rem;
  background-color: var(--black);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  text-align: center;
}
.membership-tabs .btn-mem-plan .plan-period {
  color: var(--white);
  font-size: var(--fs-14);
  font-family: var(--seconday-font-family);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 0.5rem 0;
  transition: 0.3s ease-out;
}
.membership-tabs .btn-mem-plan .plan-payment {
  color: var(--bk-grade-150);
  font-size: var(--fs-09);
  font-weight: var(--font-weight-medium);
  margin: 0 0 1rem 0;
  transition: 0.3s ease-out;
}
.membership-tabs .btn-mem-plan .plan-price {
  color: var(--color-100);
  font-size: var(--fs-14);
  font-family: var(--seconday-font-family);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  transition: 0.3s ease-out;
}
.membership-tabs .btn-mem-plan:hover {
  background-color: var(--color-100);
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}
.membership-tabs .btn-mem-plan:hover .plan-period {
  color: var(--black);
}
.membership-tabs .btn-mem-plan:hover .plan-payment {
  color: var(--black);
}
.membership-tabs .btn-mem-plan:hover .plan-price {
  color: var(--black);
}

.membership-payment {
  position: relative;
  color: var(--white);
  max-width: 650px;
  padding: 2.5rem 2.5rem;
  margin-bottom: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.membership-payment h4 {
  color: var(--white);
  font-size: var(--fs-12);
  font-family: var(--seconday-font-family);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 1rem 0;
}
.membership-payment select {
  appearance: auto;
}
.membership-payment .btn-submit {
  width: 100%;
}

.privacy-sec{
  position: relative;
  padding: 72px 0;
  background: #313131;
}

.privacy-cover h1{
  color: #ffffff;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 800;
  margin: 0 0 1rem 0;
}
.privacy-cover h3{
  color: #ffffff;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.privacy-cover p{
  color: #ffffff;
  font-size: 16px;
  margin: 0 0 1rem 0;
}


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


@media screen and (min-width: 1400px){
    .container{max-width:1310px }
}
@media screen and (min-width: 1600px) {
    .container {
        max-width: 1480px
    }
}
@media screen and (max-width:1600px){
    body,.contact .contact-info,.member-benifits .inner,.specialities article{font-size: 18px;}
    .home-banner .inner .title{font-size: 52px;line-height: 52px;}
    .home-banner .inner .btn-common-primary{padding: 12px 3.8%;font-size: 19px;}
    .home-banner .inner .customer .count{font-size: 49px;}
    .home-banner .inner .customer{font-size: 25px;}
    .scroller{font-size: 26px}
    .hom-wraper-2colum .box .inner-1{font-size: 23px;}
    .hom-wraper-2colum .box .inner-2{font-size: 19px;}
    .aboutus h2,.extras h2,.pricing h2,.blog h2,.news h2,.contact h2{font-size: 50px;}
    .aboutus .btn-common-primary{padding: 18px 11.2%;font-size: 18px;}
    .aboutus .image img{max-width: 610px;}
    .contact h4{font-size: 26px;}
    .contact label{font-size: 18px}
    .contact .form .form-control{min-height: 77px;}
    .contact .form textarea.form-control{min-height: calc(1.5em * 5);}
    .news .carousel-slick .slick-list .item article .btn-common-primary,.contact .form button{font-size: 14px;}
    .testimonial .title,.trainers .title{font-size: 66px;line-height: 73px;}
    .testimonial figure{padding-left: 103px;}
  
    
    .testimonial{padding: 80px 0 123px;}
    .slider-container{height: 634px;}
    .blog{padding: 82px 0;}
    .slider-container .slider-content .slider-single .discription{line-height: 25px;font-size: 17px;}
    .slider-container .slider-content .slider-single .discription h3{font-size: 28px;}
    .slider-container .slider-content .slider-single.active .slider-single-likes .btn-common-primary,
    .slider-container .slider-content .slider-single.active .slider-single-likes .date,
    .blog .btn-common-primary,
    .pricing .common.btn-common-primary,.btn-common-primary{font-size: 18px;}
    .pre-sale h2{font-size: 28px;}
    .specialities{padding: 50px 0 88px;}
    .title-1{font-size: 46px;}
    .news .carousel-slick .slick-list .item article h3{font-size:27px;}
    .news .carousel-slick .slick-list .item article .date{font-size: 14px;}
    .athelietic-hub .inner{background-size: 40%}
    .specialities article h3{font-size: 24px;padding: 0 0 9px;}
    .pricing .box .icon-box{width: 150px; height: 150px;}
    .pricing .box .icon-box .inner img{max-width: 57%;}
    .pricing .box{padding: 98px 40px 57px;}
    .pricing .box h2{font-size: 35px;padding-bottom: 23px;}
    .pricing .box .rate .price{font-size: 49px;}
    .pricing .box .amenities img{max-width: 100%}
    .contact h5{font-size: 31px;}
    .contact h3{font-size: 34px}

    .hero-cover .hero-heading h1 {font-size: 48px;}
    .trail-hd h2 {font-size: 42px;}
}
@media screen and (max-width:1400px){
    header .navbar .navbar-nav .nav-item .nav-link{padding:10px 9px;font-size: 14px;}
    header .navbar .lang-selector{padding-left: 20px}
    body{font-size: 18px}
    .home-banner .inner .btn-common-primary{padding: 10px 35px;font-size:16px }
    .home-banner .inner .customer{font-size: 18px;}
    .home-banner .inner .customer .count{font-size:26px;}
    .home-banner .inner .title{font-size: 44px;line-height: 58px;}
    .scroller{font-size: 21px;}
    .hom-wraper-2colum .box .inner-1{font-size: 20px;padding: 25px 42px;}
    .hom-wraper-2colum .box .inner-2{font-size: 16px;padding: 25px 42px;padding: 21px 24px;}
    .aboutus h2, .extras h2, .pricing h2, .blog h2, .news h2, .contact h2,.title-1{font-size: 39px;}
    .abt-wraper-about .counters .colum .counter{font-size: 50px;}
    .aboutus .colum .discription{line-height: 29px;}
    .aboutus .image img{max-width: 100%}
    .aboutus .image{padding-right:16%}
    .aboutus .image .wraper{top: 70px;bottom: 70px}
    .aboutus .page-heading{padding-bottom: 59px;}
    .page-heading .text{font-size: 20px;}
    .extras .page-heading .square{padding-bottom: 20px}
    .extras{padding: 79px 0 31px 4.02%}
    .extras h2{padding-bottom: 28px;}
    .extras .colum{padding: 35px;height: 376px}
    .extras .colum .discription{font-size: 17px}
    .extras .colum .icon{height: 64px;}
    .extras .colum .icon img{max-height:100%;}
    .extras .colum{width: 362px}
    .extras .outer{height: 439px}
    .pricing .box{padding: 97px 30px 57px;}
    .pricing .box .icon-box{height: 100px;width: 100px;top: -42px;left: 33px;}
    .pricing .box .icon-box .inner{margin: -17px 0 0 17px;}
    .pricing .box .icon-box .inner img{max-width: 60%}
    .pricing .box h2{font-size: 28px;padding-bottom: 14px;}
    .pricing .box{font-size: 18px;}
    .pricing .box .rate{font-size: 23px;padding-bottom: 23px;}
    .pricing .box .rate .price{font-size: 48px;}
    .pricing .box .amenities img{max-width: 20px}
    .pricing .box .amenities{font-size: 16px;}
    .pricing .box .btn-common-primary{padding: 9px 37px;font-size: 16px;}
    .pricing .box .line{margin-bottom: 18px;}
    .pricing .box .discription{padding-bottom: 20px;}
    .pricing .wraper{padding: 82px 0 0 0;}
    .blog .scroller{font-size: 429px;}
    .blog .scroller.scrool-text-top{top: 3px;}
    .slider-container{height: 507px;}
    .slider-container .slider-content .slider-single .discription{font-size: 14px;line-height: 20px;}
    .slider-container .slider-content .slider-single .discription h3{font-size: 24px;}
    .testimonial .title, .trainers .title{line-height: 63px;font-size: 56px;}
    .trainers .carousel-slick .slick-arrow{width: 98px;height: 71px;}
    .trainers .carousel-slick .slick-arrow.slick-prev{right: 108px;}
    .trainers .atheletic-carousel .slick-list .outer figcaption h3{font-size: 23px;}
    .trainers .atheletic-carousel .slick-list .outer figcaption{padding: 20px}
    .testimonial .content .comment{font-size: 20px;}
    .testimonial .content .user .image{min-width: 0px;max-width: 50px}
     .testimonial .title{padding-bottom: 74px;}
    .testimonial .content .user .user-info{padding-left: 26px;}
    .testimonial .content .user .user-info h3{font-size: 20px}
    .testimonial .content .user .user-info span{font-size: 18px;}
    .testimonial .content{padding-left: 57px;}
    .testimonial figure{padding-left: 63px;}
    .testimonial .wraper .grill .lines{background-size: 18px;height: 233%;}
    .page-heading .square img{width:25px }
    .news{padding: 48px 0}
    .news .page-heading{padding-bottom: 18px;}
    .news h2{padding-bottom: 40px;}
    .news .carousel-slick .slick-list .item article .date{font-size: 14px;}
    .news .carousel-slick .slick-list .item article h3{font-size: 23px;}
    .news .carousel-slick .slick-list .item article .discription{font-size: 16px;}
    .news .carousel-slick .slick-list .item article .btn-common-primary{padding: 13px 36px;}
    .contact h4{font-size: 20px;}
    .contact h5{font-size: 30px;}
    .contact h3{font-size: 27px;}
    body, .contact .contact-info{font-size: 17px;}
    footer ul.foot-links li a{padding: 4px 0;font-size: 16px;}
    footer .discription{padding-right:50px}
    .contact{padding: 92px 0}
    .member-plans{padding: 71px 0 50px;}
    .blog.blog-detail-wraper p{margin: 0;padding-bottom: 20px}
    .blog-nav .inner{padding: 9px;}
    .autor-detail .image-frame img,.autor-detail .image-frame,.blog-comments .items .image img{width: 100px; height: 100px}
    .autor-detail .frame{padding: 27px 35px 27px 81px;min-height: 211px;}
    .main-contact{padding: 55px 0;}
    .main-contact .member-plans{padding: 71px 0 0px;}
    .main-contact.pricing .box{padding:81px 30px 41px;}
    .main-contact.pricing .box .icon-box{width: 100px;height: 100px}
}
@media screen and (max-width:1199px){ 
    .slider-container{height: 412px;margin: 0 auto 47px;}
    .trainers .atheletic-carousel .slick-list .outer{margin: 0 9px;}
    .trainers .atheletic-carousel .slick-list .outer figure{margin-bottom: 3px}
    .trainers{padding: 52px 0;}
    .slider-container .slider-content .slider-single .discription .content{display: none}
    .slider-container .slider-content .slider-single .discription h3{margin: 0;padding: 0}
    .slider-container .slider-content .slider-single.active .slider-single-likes .date{font-size: 13px;margin-bottom: 10px;}
    .slider-container .slider-content .slider-single .discription{padding: 15px;}
    .trainers .atheletic-carousel .slick-list{margin: 0}
    .abt-wraper-about article{width: auto;padding-bottom: 20px}
    .abt-wraper-about .counters{width: auto;padding: 0}
    .abt-wraper-about{padding:50px 0;}
    .abt-wraper-about article .title-1{margin: 0;padding: 0 0 20px}
    .pre-sale h2{font-size: 25px;}
    .pre-sale .box{padding: 50px 4%;}
    .pre-sale{padding: 44px 4.7%;}
    .pre-sale .title-1{padding-bottom: 38px;}
    .member-benifits{padding: 77px 0;}
    .blog .inner{padding: 0;}
    .blog-detail-wraper blockquote .quot{width: 50px}
    .blog-detail-wraper blockquote{font-size: 22px;}
    .faq .accordion .accordion-item .accordion-header{width: 100%}
    .faq .accordion .accordion-item .accordion-collapse{position: static;opacity: 1}
    .faq .accordion .accordion-item .accordion-header .accordion-button{justify-content: flex-start;padding: 18px 27px;}
    .faq .accordion .accordion-item .accordion-body{padding: 20px;}
    .faq .title-1{padding-bottom: 35px;}
    .faq .accordion .accordion-item .accordion-body h2{padding-bottom: 19px;}
    .faq{padding: 37px 4.7%;}
    .faq .accordion .accordion-item .accordion-header .accordion-button{pointer-events: fill;}
    footer .links{padding-left: 0}
}
@media screen and (max-width:991px){
    .aboutus{padding: 42px 0 74px;}
    .extras{padding: 51px 0 19px 4.02%;}
    .hom-wraper-2colum{padding: 57px 8.7%;}
    .aboutus h2, .extras h2, .pricing h2, .blog h2, .news h2, .contact h2,.athelietic-hub .inner .title-1{font-size: 32px;}
    .page-heading .text{font-size: 16px;}
    .page-heading .text::before,
    .page-heading .text::after{width: 50px}
    .page-heading .text::before{margin-right: 12px;}
    .page-heading .text::after{margin-left: 12px;}
    .blog .inner{padding: 0;}
    .slider-container{height: 453px;}
    .testimonial .title, .trainers .title{font-size: 35px;line-height: 43px;}
    .trainers .carousel-slick .slick-arrow{width: 68px; height: 45px;}
    .trainers .carousel-slick .slick-arrow.slick-prev{right: 73px;}
    .testimonial{padding: 40px 0 49px;}
    .testimonial .wraper .grill,.aboutus .image .wraper{display: none}
    .testimonial figure{padding-left: 0}
    .aboutus .image{padding-right: 0}
    .aboutus .image img{width: 100%}
    .aboutus .btn-common-primary,
    .pricing .common.btn-common-primary,
    .blog .btn-common-primary{padding: 15px 6.2%;font-size: 18px;}
    .slider-container{height: 333px;}
    .trainers .carousel-slick .slick-arrow{top: 50%}
    .trainers .carousel-slick .slick-arrow.slick-prev{right: auto;left: 0;z-index: 99;}
    .trainers .title{padding-right: 0}
    .home-banner .inner .title{font-size: 28px;line-height: 37px;}
    .home-banner{height: 70vh;min-height: 0}
    .pricing{padding: 55px 9% 59px;}
    .pricing .box{margin: 0 20px 50px}
    .slider-container .slider-right, .slider-container .slider-left{padding: 7px 11px;}
    .slider-container .slider-content .slider-single .discription h3{font-size: 16px;}
    .news .carousel-slick .slick-list .item article{padding: 23px;}
    .news .carousel-slick .slick-list .item article .date{font-size: 12px;}
    .news .carousel-slick .slick-list .item article .date img{max-height: 15px}
    footer .links{padding-left: 0}
    .aboutus .colum{padding-right: 0;}
    .aboutus.second-wrap small{font-size: 13px}
    .aboutus .title-1{padding-bottom: 17px;}
    .aboutus .image.left-aligned{padding-top: 20px;margin-right: 20px;padding-left: 20px}
    .aboutus.second-wrap .image .wraper{display: block}
    .aboutus .image.left-aligned::after{right: -20px; bottom: -20px;}
    .member-benifits .inner::after, .member-benifits .inner::before{height: 22px;}
    .specialities .box{padding-bottom: 16px;}
    .specialities figure{min-width: 100px;height: 100px}
    .specialities figure img{max-width: 40%}
    .athelietic-hub{margin-top: 50px}
    .athelietic-hub .inner{padding: 35px 40% 26px 4.7%;background-size: 52%;}
    .what-we-can .inner .colums{border: 1px solid #787878 !important;}
    .video-wraper{text-align: center}
    .video-wraper .play{margin-top: 20px}
    .video-wraper{padding: 84px 0}
    .sessions .title-1{padding-bottom: 41px;}
    .what-we-can .inner .title-1{padding-bottom: 39px;}

    .pricing-carousel{position: relative;}
    .pricing-carousel .slick-prev,
    .pricing-carousel .slick-next{position: absolute;top: 32px; width: 42px; height: 42px; background: var(--bs-primary);z-index: 10}
    .pricing-carousel .slick-prev{right: 50px; left: auto;}
    .pricing-carousel .slick-next{right: 0}
    
}
@media screen and (max-width:767px){ 
    header{padding: 10px 20px;}
    .home-banner .inner .title{max-width: 86%;}
    .hom-wraper-2colum .box .inner-1{font-size: 15px;padding: 19px 23px;}
    .home-banner{height:45vh}
    .home-banner .inner .title{font-size: 22px;line-height: 30px;padding-bottom: 30px;}
    .home-banner .inner .btn-common-primary{padding: 8px 25px;font-size: 13px;}
    .aboutus .page-heading .square{padding-bottom: 10px}
    .aboutus .page-heading{padding-bottom: 27px;}
    .aboutus h2, .extras h2, .pricing h2, .blog h2, .news h2, .contact h2{font-size: 26px;}
    .aboutus .btn-common-primary, .pricing .common.btn-common-primary, .blog .btn-common-primary,.btn-common-primary{padding: 10px 50px;}
    .pricing{padding: 55px 0 59px}
    .pricing .box{margin:0 0 11px;padding: 67px 30px 26px;}
    .pricing .box .icon-box{height: 75px;width: 75px;top: -36px;}
    .pricing .slick-list{padding-top: 61px;}
    .blog .scroller{font-size: 211px;}
    .blog{padding: 40px 0;}
    .blog .page-heading{padding-bottom: 26px;}
    .blog h2{padding-bottom: 33px;;}
    .blog .inner{padding: 0;}
    .slider-container .slider-content .slider-single .discription{padding: 9px;line-height: 13px;bottom: 5px;}
    .slider-container .slider-content .slider-single.active .slider-single-likes .btn-common-primary{font-size: 12px;}
    .slider-container .slider-content .slider-single .discription{left: 5px;right: 5px}
    .slider-container .slider-content .slider-single.active .slider-single-likes .date{font-size: 13px;white-space: nowrap;margin-bottom: 0;margin-right: 3px}
    .slider-container .slider-content .slider-single.active .slider-single-likes{display: flex;white-space: nowrap;}
    .slider-container .slider-content .slider-single .discription h3{font-size: 12px;}
    .slider-container{height: 190px;}
    .trainers{padding: 52px 0;}
    .trainers .title,.testimonial .title{font-size: 27px; line-height: 37px;padding-bottom: 19px;}
    .testimonial .title{padding-right: 0}
    .testimonial figure{display: none}
    .testimonial .content{padding-left: 0}
    .testimonial .content .comment{font-size: 16px;;padding-bottom: 18px;}
    .news .carousel-slick .slick-list .item{margin: 0}
    .news{padding: 48px 0}
    .contact .colum{padding: 0}
    .contact .discription{padding-bottom: 14px;margin-bottom: 14px}
    .contact .form{padding: 30px 29px;}
    .contact .form button{padding: 14px 32px;}
    footer .newsletter button{font-size: 15px;padding: 10px 18px;}
    footer{font-size: 14px;}
    footer .second-row{padding: 39px 0 15px;}
    .blog .scroller .scroller__inner{line-height: 188px;}
    .blog .scroller.scrool-text-bottom{bottom: -63px;}
    .contact{padding: 46px 0}
    .extras .page-heading{padding-bottom: 24px;}
    .title-1{font-size: 28px;}
    .aboutus .title-1{padding-bottom: 16px;}
    .aboutus .colum .discription h4{font-size: 20px}
    .aboutus.second-wrap small{font-size: 12px}
    .aboutus.second-wrap .page-heading{padding-bottom: 9px;}
    .trainers .outer figcaption h3{font-size: 25px;}
    .trainers .outer figcaption{padding: 20px}
    body, .contact .contact-info{font-size: 16px;}
    .abt-wraper-about .counters .colum .counter{font-size: 41px;}
    .abt-wraper-about .counters .colum .symbol{font-size: 29px}
    .abt-wraper-about .counters .colum{padding: 24px 18px;}
    .aboutus.second-wrap .image .label{font-size: 14px;bottom: 21px;}
    .specialities article{max-width: 100%}
    body, .contact .contact-info, .member-benifits .inner, .specialities article{font-size: 16px;}
    .specialities article h3{font-size: 19px;}
    .specialities figure{min-width: 70px;height: 70px}
    .aboutus h2, .extras h2, .pricing h2, .blog h2, .news h2, .contact h2, .athelietic-hub .inner .title-1{font-size: 25px;}
    .athelietic-hub .inner .title-1{padding-bottom: 17px;}
    .athelietic-hub .inner{padding: 35px 35px 300px;background-size:402px}
    .member-benifits{padding: 30px 0;}
    .member-benifits .inner{padding: 25px;}
    .specialities{background-size: 182px;}
    .athelietic-hub{margin-top: 0px;}
    .blog.blog-detail-wraper{padding: 0 25px}
    .blog-nav .inner .discription{display: none}
    .tag-list .tags{font-size: 13px;}
    .tag-list .label{font-size: 18px;}
    .blog-nav .inner a h4{font-size: 16px;}
    .blog-nav .inner a{padding: 0}
    .blog-nav .inner{border: 0}
    .blog-nav{padding: 19px 0;margin-bottom: 42px;}
    .blog-comments .items{padding: 24px 0 21px;}
    .main-contact.pricing .box .icon-box{width: 71px; height: 71px;left: 25px;padding: 51px 30px 41px;}
    .pricing .box{font-size: 15px;}
    .main-contact .page-heading{padding-bottom: 27px;}
    .what-we-can .inner .colums .in{padding: 20px;}
    .what-we-can .colums .in .icon{height: 60px}
    .what-we-can .colums .in .icon img{max-width: 50px}
    .what-we-can{padding: 55px 20px;}
    .home-banner .inner .discription{display: none}
    .pricing .box .rate .price{font-size: 31px;}
    .pricing .box h2{font-size: 22px;}
    .pre-sale h2{font-size: 22px;}
    .pre-sale .box{padding: 20px}
    .sessions .table-wraper table td{padding: 9px 7px;font-size: 12px}
    .faq{padding: 37px 20px;}
    .faq .accordion{width: 100%}
    .what-we-can::before,
    .what-we-can::after{background-size: 50%;}
    .what-we-can::after{background-position: right top}
}
@media screen and (max-width:600px){  
   
    .autor-detail .image-frame img, .autor-detail .image-frame, .blog-comments .items .image img{width: 50px;height: 50px}
    .autor-detail .image-frame::before{left: -12px;top: 12px}
    .autor-detail{margin-left: 25px;padding-left: 25px;}
    .autor-detail .frame{padding: 27px 35px 27px 41px;}
    .autor-detail .image-frame{top: 25px;padding:22px 35px 22px 0px;}
    .autor-detail .frame h4{font-size: 22px;}
    .autor-detail .frame h5{font-size: 17px;}
    .autor-detail .frame{min-height: 100px;}
    
    .blog-detail-wraper blockquote{font-size: 17px;padding: 26px 0;margin-bottom: 22px;}
    .blog-detail-wraper blockquote .quot{width: 26px;}
    .blog-comments .items .image::before{left: -13px;top: 12px;}
    .blog-comments,.autor-detail .frame{font-size: 13px;}
    .blog-detail-wraper .author-info{font-size: 14px;}
    .blog-detail-wraper blockquote .author{padding-left: 27px;padding-left: 27px;}
    .blog-detail-wraper blockquote .author::before{width: 17px;top:9px}
    .blog-detail-wraper blockquote .author .seperator{display: inline-block;}
    .location-map-sec{padding: 0 0 40px; background-color: #181818;}
    .location-map{height: 250px;}
    
}

@media screen and (max-width:480px){
  footer .discription {
    display: none;
    padding-right: 0;
  }
}



@media screen and (max-width:480px){
   .hero-cover .hero-heading h1 {font-size: 24px;}
   .hero-cover .hero-heading h1 {font-size: 28px; margin-bottom: 2rem;}
   .hom-wraper-2colum .box .inner-2 {padding: 10px 18px;}
   .slick-dotted.slick-slider { margin-bottom: 10px;}
   .extras .colum { padding: 20px;}
   .extras .slick-dots {margin-top: 10px;height: 40px;}
   .abt-wraper-about .counters .colum .counter {font-size: 32px;}
   .home-banner {height: 30vh;}
   .title-1 {font-size: 24px;}
   .trainers .outer figure ul {right: 20px;top: 20px;}
   .pricing .box {height: calc(100% - 80px) !important; margin: 0 0 80px !important;}
   .pricing .box h2 {font-size: 20px; padding-bottom: 10px}
   .pricing .box .rate .price {font-size: 24px;}
   .pricing .box.bg-primary {height: calc(100% - 20px) !important; margin-bottom: 20px !important;}
   .specialities figure {min-width: 62px;height: 62px;}
   .specialities article {padding-left: 15px;}
   .trail {padding: 42px 0;}
   .trail-hd h2 {font-size: 24px;}
   .trail-hd h4 {font-size: 20px;}
   .trial-form .form-control {  min-height: 46px;border: 1px solid #fff;}
   .trial-form .btn-access{width: 100%}
   .sessions{padding: 40px 0;}
   .faq .accordion .accordion-item .accordion-header .accordion-button {font-size: 16px; padding: 12px 20px;}
   .faq .accordion .accordion-item .accordion-body h2 {font-size: 20px; padding-bottom: 19px;}
   .pricing {padding: 40px 0 40px;}
   .main-contact.pricing .box .icon-box {width: 62px;height: 62px;left: 20px;padding: 5px 5px 5px;}
   .pricing .box .icon-box .inner {margin: -12px 0 0 6px;}
   .main-contact.pricing .box {height: calc(100% - 20px) !important; margin: 0 0 20px !important; padding: 48px 20px 20px;}

  chat-widget{
    display: none;
  }
  .package-item {
    height: calc(100% - 70px);
    padding: 4rem 1.5rem 1.5rem;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .package-item .pkg-heading h3 {
    font-size: var(--fs-10);
  }
  .package-item .pkg-price h2 {
    font-size: var(--fs-12);
  }
  .mem-steps-cover .mem-step {
    padding-left: 1rem;
  }
  .mem-steps-cover .mem-step::before {
    width: 10px;
    height: 10px;
  }
  .mem-steps-cover .mem-step::after {
    left: 4px;
  }
  .package-item .pkg-icon {
    left: 1.5rem;
    width: 72px;
    height: 72px;
  }
  .package-item .pkg-icon::before {
    left: -0.5rem;
    bottom: -0.5rem;
  }
  .package-item .pkg-icon .icon img {
    max-width: 48px;
  }
  .package-item .package-btm .btn-register {
    padding: 0.5rem 1.5rem;
  }
  .membership-sec {
    padding: 40px 0 40px;
  }
  .membership-tabs {
    padding: 1.5rem 1rem 1rem;
  }
  .membership-tabs .mem-plan-tb-nav{
    margin-bottom: 1rem;
    border-bottom: 0 solid var(--white);
  }
  .membership-tabs .mem-plan-tb-nav .nav-item{
    flex: 1 1 0;
  }
   .membership-tabs .mem-plan-tb-nav .nav-item{
    margin: 0.25rem;
   }
  .membership-tabs .mem-plan-tb-nav .nav-item + .nav-item {
    margin-left: 0;
  }
  .membership-tabs .mem-plan-tb-nav .nav-item .nav-link {
    font-size: 13px;
    padding: 0.75rem 1rem;
    text-align: center;
  }
  .membership-tabs .btn-mem-plan {
    padding: 1rem 1rem;
  }
  .membership-tabs .btn-mem-plan .plan-period {
    font-size: var(--fs-12);
  }
  .membership-tabs .btn-mem-plan .plan-price {
    font-size: var(--fs-13);
  }
  .hom-wraper-2colum {
    padding: 40px 20px;
  }
  footer {
    padding: 40px 0 0;
  }
}