/* GENERAL STYLES */
body{
    font-family: 'Ubuntu', sans-serif;
    background: black;
    font-size:18px;
    @media (max-width: 991px) {
        font-size:16px;
    }
}
header{
    padding:20px 0px;
    position: absolute;
    width: 100%;
    left:0px;
    top: 20px;
    z-index: 100;
}
footer{
    color:white;
    font-size:12px;
    padding:60px 0px;
    line-height:2;
    .f_nav{
        li{
            list-style: none;
            margin-bottom:5px;
        }
        a{
            text-transform: uppercase;
            color:#FF9B5D;
            font-weight:500;
            text-decoration: underline;
        }
    }
    .contact_link{
        color:white;
    }
    .f_btn_wrap{
        gap:5px;
        li{
            list-style: none;
        }
    }
    .f_btn{
        width: 90px;
        padding:5px 0px;
        border-radius:3px;
        color:white;
        background: #444;
        display: inline-block;
        line-height: 1;
        text-align: center;
    }
}
.btn_whatsapp{
    display: block;
    text-align: center;
    padding:15px;
    text-transform: uppercase;
    color:white;
    font-size:12px;
    font-weight: 500;
    background: #5BBF4B;
    border-radius: 4px;
}
.container{
    @media (max-width: 767px) {
        --bs-gutter-x:3rem;
    }
}

/* Main image */
.header_wrap{
    height: 100dvh;
    background-image: url("images/main.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    color:white;
    position: relative;
    &::after{
        display: block;
        content:'';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top:0px;
        background: rgba(0,0,0,.3);
        z-index: 1;
    }
    h1{
        text-transform: uppercase;
        font-size: 64px;
        line-height:1.1;
        font-weight: 300;
        font-family: 'MDPrimerGymnationST4', sans-serif;
        @media (max-width: 1199px) {
            font-size:60px;
        }
        @media (max-width: 991px) {
            font-size:54px;
        }
        @media (max-width: 767px) {
            font-size:48px;
        }
        b{
            font-weight:700;
        }
        span{
            font-family: 'Ultra System Script';
            font-size:80px;
            color:#FF9B5D;
            @media (max-width: 1199px) {
                font-size:75px;
            }
            @media (max-width: 991px) {
                font-size:70px;
            }
            @media (max-width: 767px) {
                font-size:65px;
            }
        }
    }
    p{
        line-height: 1.4;
    }
}
.title_wrap{
    z-index: 10;
}

/* Main content */
.section{
    padding:80px 0px;
    @media (max-width: 1199px) {
        padding:60px 0px;
    }
    @media (max-width: 991px) {
        padding:40px 0px;
    }
    &.section_dark{
        color:white;
    }
    &.section_orange{
        color:black;
        background-color: #FF9B5D;
        text-align: center;
        padding: 30px 0px;

        p {
            font-size: 22px;
        }

        p.white {
            color: #fff;
        }
    }
    &.section_light{
        background: #F0F3F5;
        color:#232323;
    }
}
.main_media{
    img{
        margin-bottom:10px;
    }
    figcaption{
        font-size:12px;
    }
}
.section_faq{
    .accordion-item{
        margin-bottom:10px;
        background: transparent;
        border:0px;
        border-radius:16px;
    }
    .accordion-button{
        position:relative;
        padding-left: 70px;
        padding-top:30px;
        padding-bottom:15px;
        padding-right:40px;
        font-size:22px;
        font-weight:500;
        color:black;
        box-shadow: 0px -10px 15px rgba(0,0,0,.05);
        background: white;
        border-radius:16px 16px 0px 0px!important;
        @media (max-width: 767px) {
            font-size:18px;
        }
        &.collapsed{
            box-shadow: none;
            background: transparent;
        }
        &::after{
            margin-left:0px;
            position:absolute;
            left:30px;
            filter: invert(55%) sepia(57%) saturate(793%) hue-rotate(349deg) brightness(91%) contrast(107%);
        }
    }
    .accordion-collapse{
        box-shadow: 0px 10px 15px rgba(0,0,0,.05);
        background: white;
        border-radius:0px 0px 16px 16px;
    }
    .accordion-body{
        padding-top:0px;
        padding-left:70px;
        padding-bottom:30px;
        padding-right:40px;
        color:#6F6F6F;
    }
}
.gym_list{
    padding:0px;
    li{
        list-style:none;
        color:#6F6F6F;
        padding:10px 0px;
    }
    a{
        color:#6F6F6F;
        &:hover{
            color:#FF9B5D;
        }
    }
    .gym_title{
        text-transform: uppercase;
        font-size:28px;
        font-weight: 700;
        color: #232323;
        @media (max-width: 1199px) {
            font-size:24px;
        }
        @media (max-width: 991px) {
            font-size:21px;
        }
    }
}
.icon_list{
    li{
        list-style: none;
        position:relative;
        padding-left:80px;
    }
    .img_wrap{
        width: 60px;
        height: 60px;
        border-radius: 50px;
        background: #424242;
        position:absolute;
        left:0px;
        top:0px;
    }
}


/* Typography */
span{
    color:#FF9B5D;
}
a{
    color:#FF9B5D;
    text-decoration: none;
    transition: all .3s;
}
p a{
    &:hover{
        text-decoration: underline;
    }
}
.section_title{
    font-size:42px;
    line-height: 1.2;
    font-weight:300;
    @media (max-width: 1199px) {
        font-size:36px;
    }
    @media (max-width: 991px) {
        font-size:30px;
    }
    b{
        font-weight: 700;
    }
    &.section_title_medium{
        font-weight:500;
    }
}
.block_title{
    font-size:28px;
    font-weight:500;
    line-height:1.2;
    @media (max-width: 1199px) {
        font-size:24px;
    }
    @media (max-width: 991px) {
        font-size:21px;
    }
}
.f_title{
    text-transform: uppercase;
    font-weight:500;
}
.special_font {
    font-weight: 300;
    font-family: 'MDPrimerGymnationST4', sans-serif;
}
.f_social{
    gap:30px;
    li{
        list-style: none;
    }
}