@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Harmattan:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap");
/*font-family: 'Inter', sans-serif;

font-family: 'Roboto', sans-serif;*/
html {
    font-size: 62.5%;
}
.bg-black {
    background: #000;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    background: #000;
    color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
.navbar {
    margin: 0;
    padding: 0;
    color: #fff;
}
.dropdown-menu {
    --bs-dropdown-link-active-bg: rgba(0, 0, 0, 0) !important;
}
img {
    vertical-align: middle;
}

a {
    text-decoration: none;
}
.navbar a:hover {
    text-decoration: none;
    color: #000 !important;
}
ul,
ol {
    list-style: none;
}
.phn-msg {
    display: none;
}
/*common end*/

.dropdown-menu {
    background: #3f3f3f;
    margin-left: -13rem;
    border-radius: 1.5rem;
}
.dropdown-item {
    font-family: "League Spartan", sans-serif;
    color: #fff;
    font-size: 2rem !important;

    font-weight: 400;
    padding: 1rem 1rem;
    border-radius: 1.5rem;
}
.home-content {
    width: 100%;
    display: flex;
    justify-content: center;
}
.left {
    width: 50%;
}

.right {
    position: relative;
    top: 8.5rem;
    /*background: #000;
	width: 50%;*/
    width: 50%;
    /* padding: 5%; */
    /* padding-left: 2%; */
    /* padding-top: 7rem; */
}
.home-img-fluid {
    height: 100vh;
    object-fit: cover;
}
.right h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 9.6rem;
    text-align: center;
    line-height: 11.25rem;
}
.right-side {
    width: 61.5rem;
}
.home-form {
    position: relative;
    top: 7rem;
}
/*.contact .form-control{
	background: #3F3F3F;
	
}

.contact ::placeholder {
  color: #D4D4D480;
  
}
.contact input,.contact textarea{
	border: none;
}*/
.form-control,
.form-select {
    height: 6rem;
    border-radius: 1rem;
    font-size: 3.2rem;
    background: #3f3f3f;
    border: none;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
/* .contact .form-control,
.contact .form-select {
    height: 5rem;
} */
.right ::placeholder {
    color: #d4d4d480;
}
.form-select {
    color: #d4d4d480;
}
input {
    border: none;
}
/*.form-select{
	height: 6rem;
	border-radius: 1rem;
	font-size: 3.2rem;
}*/
.form-label {
    font-size: 3.2rem;
    font-family: "League Spartan", sans-serif;
    font-weight: 500;
}
.details .form-label {
    font-size: 2.7rem;
}
.home-btn {
    margin-top: 5rem;
}
.btn-green {
    background: #50d890;
    font-size: 3.2rem;
    width: 100%;
    border-radius: 0.5rem;
}
.btn-green:hover {
    background: #8eeab9;
    color: #000;
}
.signup,
.login {
    background-color: rgb(80, 216, 144) !important;
}
/*Home page end*/
/* gym-feature-details start */
.gym-feature-details {
    margin-top: 10rem;
}
.gym-feature-details-h1 {
    font-size: 3rem;
    margin-bottom: 4rem;
}
.gym-feature-details h4,
.gym-feature-details h6 {
    /* text-align: center; */
}
.gym-feature-details h4 {
     font-family: "League Spartan", sans-serif;
    font-size: 2rem;
    padding: 1rem 0rem;
}
.gym-feature-details h6 {
    font-size: 2rem;
    margin-bottom: 2rem;
    font-family: "Teachers", sans-serif !important;
    font-weight:400;
}
.gym-amz-img {
    max-width: 100%;
}
.gym-feature-details-border {
    border: 1px solid #fff;
    padding: 2rem;
    margin: 2rem 10rem;
}
.faq-x-change{
    font-size:4rem;
     font-family: "League Spartan", sans-serif;
    font-weight:700;
}
/*gym list start*/
.no-gym-text {
    padding: 2rem;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 2rem;
    border: 1px solid #ff4600 !important;
    background-color: #202020;
}
.gym-form-padding {
    padding: 0rem 4rem;
}
.details {
    padding: 0% 3%;
}
.gym-list-container {
    max-width: 100%;
}
.category {
    padding-right: 2rem;
}
.vhr {
    border-right: 3px solid #3f3f3f;
    height: 100%;
}
.vhr2 {
    border-left: 3px solid #3f3f3f;
    min-height: 100vh;
}
.header-nav ul li a {
    font-family: "League Spartan", sans-serif;
    color: #fff;
    font-size: 1.92rem !important;
    /* margin: 0rem 2.5rem; */
    font-weight: 400;
    padding: 1rem 0rem;
}
.header-nav ul li a:hover {
    color: #fff;
    background: green;
}
.brdr {
    border: 1px solid green;
    border-radius: 5px;
    /*	padding: 0rem 2rem;*/
}

.head h1 {
    font-family: "League Spartan", sans-serif;
    color: #fff;
    font-size: 4rem;
    padding: 2rem;
    font-weight: 500;
}
.category_name {
    margin: 2rem 0rem;
    text-align: center;
    padding: 2rem;
    border-radius: 5px;
    width: 32rem;
}
.category_name h1 a {
    font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 2.4rem;

    font-weight: 400;
}
.list {
    margin-top: 4rem;
    margin-left: 4rem;
    border-radius: 1rem;
    /* border: 0.5px solid rgba(80, 216, 144, 25%); */
    border: 1px solid #50d89040;
}
.description {
    margin-left: 0;
    width: 70%;
}
.description h1 {
    font-size: 2.6rem;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}
.description p {
    font-size: 1.5rem;
     font-family: "League Spartan", sans-serif;
    font-weight: 400;
    margin-top: 0.3rem;
    color: #e0e0e0;
}
.list_img {
    padding: 3.2rem;
    background: #fff;
    width: 17rem;
    text-align: center;
    height: 17rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.select-mail {
    position: relative;
    margin-top: 70%;
}
.img-fluid-gym {
    max-width: 100%;
    max-height: 100%;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.price_tag {
    /* background: linear-gradient(
        90deg,
        rgba(255, 70, 0, 1) 0%,
        rgba(255, 138, 0, 1) 35%
    ); */
    background: linear-gradient(180deg, #ff4600 0%, #ff8a00 100%);

    padding-top: 3rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    width: 17rem;
}
.price_tag h1,
.price_tag p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
}
.price_tag h1 {
    font-size: 3rem;
}
.price_tag p {
    font-size: 1.6rem;
}
/*gym list page end*/

/*contact start*/
.contact {
    margin-top: 3%;
    font-family: "Roboto", sans-serif;
}
.contact .form-control {
    background: #3f3f3f;
    color: #d4d4d480;
}

.contact ::placeholder {
    font-family: "League Spartan", sans-serif;
    color: #d4d4d480;
}
.contact input,
.contact textarea {
    border: none;
}
.title h1 {
    font-size: 13rem;
    font-family: "League Spartan", sans-serif;
    font-weight: 600;
}

.contact-msg .form-control {
    height: 18rem !important;
}

.contact-btn {
    font-family: "League Spartan", sans-serif !important;
    width: 50%;
    border-radius: 5.5rem;
    font-weight: 600;
}
.contact-btn-align {
    text-align: right;
}
.contact p {
    font-size: 1.6rem;
}
.ch {
    width: 2rem;
    height: 2rem;
    padding-right: 1rem;
}
.ch-l label {
    display: flex;
    padding-left: 1rem;
}
.desktop {
    display: none;
}
.icon {
    margin-top: -5rem;
}
/*contact end*/

/*terms*/
.pd-4 {
    padding: 1.2rem;
}
.faq p,
.faq h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #ffffffcc;
}
.faqs h4 {
    color: #fff;
    font-size: 1.6rem;
}
.faq h1 {
    font-size: 3.2rem;
}
.faq p {
    font-size: 2.3rem;
    font-family: "Roboto", sans-serif;
    padding: 2.3rem 0rem;
}
.icon h3 {
    font-family: "League Spartan", sans-serif;
    font-weight: 400;
    font-size: 2rem;
    margin-top: 1rem;
}

/*terms end*/
.button:hover {
    /* background-color: #50d890 !important; */
    border: 1px solid #50d890 !important;
}
a {
    color: #fff;
}

/* admin style */
.action-btn {
    padding-top: 1rem;
    display: flex;
    justify-content: end;
}

.search-form-padding {
    padding-left: 4rem;
    padding-top: 3rem;
}

.resend {
    margin-right: auto;
    color: red;
    padding-left: 4rem;
}
.save-btn {
    border-radius: 3rem;
    font-size: 3.2rem;
    font-weight: 700;
    background: #50d890;
    width: 20rem;
    height: 6rem;
    color: #000 !important;
    border: none;
}

/* switch button default need */
a:visited {
    border: 1px solid #50d890 !important;
}
.dropdown-menu a:hover {
    background-color: #3f3f3f !important;
    color: #fff !important;
}

/*booster*/

.booster {
    font-family: "League Spartan", sans-serif;
    font-weight: 500;
    margin-top: 1.2rem;
    padding: 0.5rem 1rem;
    background: #fe7417;
    width: 11rem;
    border-radius: 2rem;
    text-align: center;
}
/* gyym operator design */
.gymoperator-details {
    position: relative;
    position: absolute;
    width: 40%;
    margin-top: 4em;
    align-items: center;
    padding: 0rem 6rem;
}
.operator-head {
    width: 58%;
}
.operator-head h2 {
    font-family: "Teachers", sans-serif !important;
    font-weight: 400;
    font-size: 5rem;
}
.operator-bottom h1 {
    font-size: 6.5rem;
    margin-top: 2rem;
    font-family: "League Spartan", sans-serif;
}
.operator-bottom p {
    font-size: 4rem;
    margin-top: 2rem;
    font-family: "Teachers", sans-serif !important;
    font-weight: 400;
}

/* new page gym operator */
.feature1 {
    margin-top: 10rem;
}
.icon-head {
    text-align: center;
}
.icon-box {
    background-color: #202020;
    height: 41rem;

    margin: 2rem;
}
.icon-box h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
    font-family: "League Spartan", sans-serif;
}
.icon-box ul li {
    font-size: 1.6rem;
    padding: 0.5rem 0rem;
    font-family: "Teachers", sans-serif !important;
}
.icon-box img {
    width: 130px;
}
.icon-bottom {
    /* background-color: #000; */
    padding: 2rem 6rem;
}

/* feature 2 */
.f2-head,
.f1-head,
.about-gym h1 {
    font-size: 3rem;
    margin-bottom: 2rem;
    font-family: "League Spartan", sans-serif;
}
.feature-2 {
    margin-top: 10rem;
}
.feature-box-n {
    margin: 5rem;
}
.feature-details-box {
    border: 1px solid white;
    padding: 3rem 0rem;
    margin: 1rem;
}
.feature-details-box h2 {
    padding: 0.5rem;
}
.feature-box-n h1,
.feature-box-n h2 {
    text-align: center;
}

.active-now-img {
    width: 6rem;
}

/* gym about */
.about-gym {
    margin-top: 10rem;
}
.about-gym h1 {
    padding: 3rem;
}
.gym-about-box {
    padding: 2rem;
    text-align: center;
}
.gym-about-box img {
    height: 10rem;
    margin-bottom: 3rem;
}
.gym-about-box h4 {
    height: 7rem;
    text-align: center;
}
/* faq */
.faqs {
    margin-bottom: 8rem;
}
.faqs button {
    width: 100%;
    background: transparent !important;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 1.6rem 0rem;
}
.faqs h4 {
    color: #fff;
    font-size: 2.1rem;
    font-family: "League Spartan", sans-serif;
}
.faqs p {
    font-size: 1.8rem;
    color: #fff;
    font-family: "Teachers", sans-serif !important;
}
/* footer */
.footer {
    margin-top: 24rem;
}
.footer .drop-down-img {
    width: 30px;
    padding: 0rem !important;
    margin-left: 1rem;
}
.footer2 {
    margin-top: 2rem !important;
}
.footer2 .phn-msg {
    display: inline;
}
.footer2 .x-icon {
    padding-left: 0.4rem;
}
   .footer2 .x-icon {
        width: 2.6rem !important;
        height: 2.3rem !important;
    }
.footer .phone-img-bg {
    display: none;
}
.footer p {
    font-family: "League Spartan", sans-serif;
    font-weight: 500;
    font-size: 2rem;
    color: #fff;
}
.footer .form-control {
    display: block;
    width: 100%;
    padding: 1.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 5rem;
}
.footer ::placeholder {
    color: #d4d4d4 !important;
    font-family: "Roboto", sans-serif;

    font-size: 15px;
}
.footer .contact-btn-align {
    text-align: center;
    margin-top: 1rem;
}
.footer .contact-btn {
    background: #fff;
    color: #000;
    border-radius: 3rem;
    width: 24rem;
    font-size: 1.8rem;
}
.footer .contact-btn:hover {
    background: #fff;
    color: #000;
}
.footer h6 {
    font-size: 1.7rem;
}
.footer p {
    margin-bottom: 1.6rem;
}
/*@media only screen and (max-width: 1850px) {*/
/* .hgm {*/
/*        position: relative;*/
/*        left: 41% !important;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 1600px) {*/
/* .hgm {*/
/*        position: relative;*/
/*        left: 40% !important;*/
/*    }*/
/*}*/

@media only screen and (max-width: 1700px) {
    .operator-bottom h1 {
        font-size: 6.5rem;
    }
}

@media only screen and (max-width: 1550px) {
    .footer p {
        font-size: 1.76rem;
    }
    .hgm {
        position: relative;
        left: 41% !important;
    }
    .gymoperator-details {
        width: 50%;
    }
    .operator-bottom h1 {
        font-size: 5.2rem;
    }
    .operator-bottom p {
    font-size: 3.2rem;
    }
    .operator-head h2 {
    
    font-size: 4rem;
    }
}
/*@media only screen and (max-width: 1441px) {*/
/* .hgm {*/
/*        position: relative;*/
/*        left: 38% !important;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 1350px) {*/
/* .hgm {*/
/*        position: relative;*/
/*        left: 37% !important;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 1250px) {*/
/* .hgm {*/
/*        position: relative;*/
/*        left: 34% !important;*/
/*    }*/
/*}*/

@media only screen and (max-width: 1350px) {
    operator-bottom p {
        font-size: 3rem;
    }
    .operator-head {
    width: 80%;
}
}
@media only screen and (max-width: 1250px) {
     .operator-head {
    width: 73%;
}}
@media only screen and (max-width: 1200px) {
     
    .lands {
        display: inline !important;
    }
    .nlands {
        display: none;
    }
    .dtc {
        text-align: center;
        padding: 1.6rem 0rem;
    }
    .footer .form-control {
        margin: 1rem;
    }
    .operator-head h2 {
        font-size: 3rem;
    }
    .operator-bottom h1 {
        font-size: 5.5rem;
    }
    
    .icon-box {
   
     height: 45rem;
     margin:1rem;
   
    }
    .feature-box-n {
     margin: 5rem 1rem;
    }
    .feature-box-n h1, .feature-box-n h2{
        font-size:2rem;
    }
    .gym-feature-details-border{
        text-align:center;
    }
    .operator-head h2 {
    
    font-size: 5rem;
    }
    .gym-amz-img {
    max-width: 50%;
}
}

@media only screen and (max-width: 1190px) {
    .middle-footer-img {
        padding-top: 3.84rem;
    }
    .d {
        text-align: center !important;
    }
    .not-partial {
        display: none !important;
    }
}
@media only screen and (max-width: 1050px) {
    .footer p {
        font-size: 1.6rem;
        color: #fff;
    }

    .hgm {
        position: relative;
        left: 38% !important;
    }
    .operator-bottom p {
        font-size: 3.2rem;
    }
    .gym-amz-img {
    max-width: 70%;
}
}
@media only screen and (max-width: 850px) and (min-width: 700px) {
    .xr {
        position: relative;
        left: 34.5% !important;
    }
  
}
@media only screen and (max-width: 777px) {
    .operator-head {
    width: 45%;
}
    .footer .form-control {
        margin: 0rem;
    }
    .footer .desktop-img-bg {
        display: none;
    }
    .footer .only-desktop {
        display: none;
    }
    .footer .phone-img-bg {
        display: inline;
    }
    .footer {
        margin-top: 4rem;
    }
    .footer .container-fluid {
        padding-left: 2.4rem !important;
    }
    .middle-footer {
        text-align: left !important;
    }
    .middle-footer-img {
        text-align: center !important;
        padding-top: 1.6rem;
    }
    .vhr2 {
        min-height: 0vh;
    }
}

@media (width <= 577px) {
        .operator-head h2 {
        font-size: 2.3rem;
    }
    .icon-box ul li{
        text-align:center;
        font-size: 1.9rem;
    }
    .gym-feature-details-border {
    
    margin: 2rem 3rem;
}
     .operator-head {
    width: 65%;
}
    .footer .only-desktop {
        display: none;
    }
    .footer {
        margin-top: 4rem;
    }
    .footer .container-fluid {
        padding-left: 2.4rem !important;
    }
    .middle-footer {
        text-align: center !important;
    }
    .middle-footer-img {
        text-align: center !important;
        padding-top: 1.6rem;
    }
    .footer form {
        margin-top: 2rem;
    }
}

@media (width <= 500px) {
    .hide-for-mobile{
        display:none !important;
    }
     
    .footer .phone-img-bg {
        display: inline;
    }
    .footer h5,
    .footer h5 a {
        font-size: 1.6rem;
    }
    .mobile-footer-space {
        margin-top: 6rem;
    }
    .footer p {
        font-size: 1.7rem;
        color: #fff;
    }
    .middle-footer-img {
        padding-right: 0rem !important;
    }
    .footer2 .x-icon {
        width: 3rem;
        height: 3rem;
    }
    .faqs h4 {
        color: #fff;
        font-size: 2rem;
        padding: 1rem 0rem;
    }
    .faqs p {
    font-size: 1.9rem;
    }
    .gym-feature-details h6 {
        font-size: 2rem;
        
    }
}
