* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
}

nav {
    width: 100%;
    height: 70px;
    background-color: black;
}

.nav-links {
    display: flex;
    color: white;
    justify-content: space-evenly;
    font-size: 1.5vw;
    list-style: none;
    padding-top: 3vh;
}

.nav-links a {
    text-decoration: none;
    color: white;
    cursor: pointer;
}

.nav-links a:hover {
    color: seagreen;
    transition: 0.4s;
}

.logo {
    font-size: 2.1vw;
    font-weight: 800;
    cursor: pointer;
}

.logo:hover {
    color: green;
}

span {
    color: skyblue;
    font-size: 2.8vw;
}

.home {
    width: 100%;
    height: calc(100% - 70px);
    background-color: #040404;
    padding-top: 3vw;
    padding-left: 5vw;
}

.h-pannel {
    box-shadow: 0 0 30px red, 0 0 30px red, 0 0 30px red, 0 0 30px red;
    width: 95%;
    height: 95%;
    background-color: black;
    border-radius: 20px;
    display: flex;
    background: url('images/home.jpg') center/cover;
}

.h-pannel {
    text-align: center;
    color: white;
}

.p-left h1 {
    font-size: 2.5vw;
    font-weight: 700;
    font-family: cursive;
    padding-top: 16vh;
}

.p-left h2 {
    font-size: 2.2vw;
    font-weight: 700;
    font-family: cursive;
    padding-left: 2.5vw;
}

#red {
    color: red;
}

.home-2 {
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
    padding-top: 3vw;
    padding-left: 5vw;
}

.container-1 {
    width: 95%;
    height: 95%;
    box-shadow: 0 0 30px red, 0 0 30px red, 0 0 30px red, 0 0 30px red;
    background-color: black;
    border-radius: 20px;
    display: flex;
    background: url('images/home-2.jpg')center/cover;
}

.h2-left h1 {
    padding-top: 9vh;
    font-size: 4vw;
    font-family: cursive;
    text-align: center;
    color: red;
}

.h2-left h2 {
    font-size: 1.8vw;
    font-weight: 600;
    font-family: cursive;
    text-align: center;
    padding-left: 4vw;
    color: #E3C6B3;
}

.about-2 {
    width: 100%;
    height: 100%;
    background-color: black;
    padding-top: 5vh;
    padding-left: 5vw;
}

.container-3 {
    width: 95%;
    height: 95%;
    background-color: black;
    border-radius: 20px;
    box-shadow: 0 0 40px red, 0 0 40px red, 0 0 40px red, 0 0 40px red;
    background: url('images/ashish2.jpg')center/cover;
    padding-top: 14vh;
    padding-left: 68vw;
}

#about-2 {
    color: whitesmoke;
    padding-top: 3.5vh;
    text-align: center;
}

#about-2 h1 {
    font-size: 3.8vw;
    font-family: cursive;
    font-weight: 700;
    padding-left: 1.5vw;
    color: red;
}

#about-2 h2 {
    font-size: 1.9vw;
    padding-left: 1vw;
    font-weight: 600;
    color: whitesmoke;
    font-family: cursive;
}

#about-2 h3 {
    font-size: 2.2vw;
    font-family: serif;
    text-align: center;
    color: skyblue;
}
.about-3{
    width: 100%;
    height: 50%;
    background-color: black;
    background: url('images/background-4.jpg')no-repeat center/cover;
}
#devide{
    width: 100%;
    height: 8px;
    background-color: whitesmoke;
}

.block {
    width: 100%;
    height: 60%;
    background: rgba(0, 0, 0, 0.3) url('images/start.jpg')no-repeat center/cover;
    background-blend-mode: darken;
    text-align: center;
}

.services {
    width: 100%;
    height: 120%;
    background-color: black;
    padding-top: 5vh;
    padding-left: 5vw;
    background: url('images/start-3.jpg')no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
    font-family: serif;
}

.container-4 h1 {
    font-size: 4vw;
    color: red;
}

.container-4 h2 {
    font-size: 2vw;
}

.start h2 {
    font-size: 2.6vw;
}

.service-box {
    width: 90%;
    height: 90%;
    display: flex;
    flex-wrap: wrap;
    gap: 10vw;
    padding-left: 10vw;
    padding-bottom: 5vh;
    font-family: cursive;
    font-size: 1vw;
    background: rgba(0, 0, 0, 0.3);
}

.box-1 {
    width: 15vw;
    height: 30vh;
    background-color: black;
    box-shadow: 0 0 10px red, 0 0 10px red, 0 0 10px red, 0 0 10px red;
    border-radius: 20px;
}

.box-1 h1 {
    color: red;
    font-size: 2vw;
}

.box-1 h4 {
    padding-top: 2vh;
    font-size: 1.1vw;
}

.box-2 {
    width: 15vw;
    height: 30vh;
    background-color: black;
    box-shadow: 0 0 10px red, 0 0 10px red, 0 0 10px red, 0 0 10px red;
    border-radius: 20px;
}

.box-2 h1 {
    color: red;
    padding-top: 1.5vh;
}

.box-2 h4 {
    padding-top: 2vh;
    font-size: 1.1vw;
}

.box-3 h1 {
    color: red;
    padding-top: 1.5vh;
    font-size: 1.6vw;
}

.box-3 h4 {
    padding-top: 2vh;
    font-size: 1.1vw;
}

.box-4 h1 {
    color: red;
    font-size: 1.3vw;
    padding-top: 1.6vh;
}

.box-4 h4 {
    padding-top: 1vh;
    font-size: 1.08vw;
}

.box-5 h1 {
    color: red;
    padding-top: 1.5vh;
}

.box-5 h4 {
    padding-top: 1.6vh;
    font-size: 1.2vw;
}

.box-6 h1 {
    color: red;
    font-size: 1.2vw;
    padding-top: 1.5vh;
}

.box-6 h4 {
    padding-top: 1.5ch;
    font-size: 1.05vw;
}

.box-3 {
    width: 15vw;
    height: 30vh;
    background-color: black;
    box-shadow: 0 0 10px red, 0 0 10px red, 0 0 10px red, 0 0 10px red;
    border-radius: 20px
}

.box-4 {
    width: 15vw;
    height: 30vh;
    background-color: black;
    box-shadow: 0 0 10px red, 0 0 10px red, 0 0 10px red, 0 0 10px red;
    border-radius: 20px
}

.box-5 {
    width: 15vw;
    height: 30vh;
    background-color: black;
    box-shadow: 0 0 10px red, 0 0 10px red, 0 0 10px red, 0 0 10px red;
    border-radius: 20px
}

.box-6 {
    width: 15vw;
    height: 30vh;
    background-color: black;
    box-shadow: 0 0 10px red, 0 0 10px red, 0 0 10px red, 0 0 10px red;
    border-radius: 20px
}

.journey {
    width: 100%;
    height: 100%;
    background-color: black;
    padding-top: 3vw;
    padding-left: 5vw;
    background: url('images/background-1.jpg');
}

.j-container h1 {
    font-size: 2vw;
    font-weight: 800;
    font-family: cursive;
}

.j-container {
    width: 95%;
    height: 95%;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.4);
    color: whitesmoke;
    text-align: center;
}

.j-box {
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
    padding-top: 7vh;
    padding-left: 8vw;
}

.j-box-1 {
    width: 15vw;
    height: 30vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: url('images/j-1.jpg');
    background-size: cover;
}

.j-box-2 {
    width: 15vw;
    height: 30vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: url('images/j-2.jpg');
    background-size: cover;
}

.j-box-3 {
    width: 15vw;
    height: 30vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: url('images/j-3.jpg');
    background-size: cover;
}

.j-box-4 {
    width: 15vw;
    height: 30vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: url('images/j-4.jpg');
    background-size: cover;
}

.j-box-5 {
    width: 15vw;
    height: 30vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: url('images/j-5.jpg');
    background-size: cover;
}

.j-box-6 {
    width: 15vw;
    height: 30vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: url('images/j-6.jpg');
    background-size: cover;
}

.j-box-7 {
    width: 15vw;
    height: 30vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: url('images/j-9.jpg');
    background-size: cover;
}

.j-box-8 {
    width: 15vw;
    height: 30vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: url('images/j-8.jpg');
    background-size: cover;
}

.j-container h1 {
    background-color: darkred;
    border-radius: 50px;
    box-shadow: 0 0 10px whitesmoke, 0 0 10px whitesmoke, 0 0 10px whitesmoke, 0 0 10px whitesmoke;
}

.testimonials {
    width: 100%;
    height: 100%;
    background-color: black;
    padding-top: 3vw;
    padding-left: 5vw;
}

.t-pannel {
    width: 95%;
    height: 95%;
    background: url('images/background-3.jpg')no-repeat;
    background-size: cover;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
    color: whitesmoke;
    text-align: center;
    padding-top: 4vh;
}

.t-box-1 h4 {
    font-size: 1.3vw;
    padding-top: 1.8vh;
}

.t-box-2 h4 {
    font-size: 1.3vw;
    padding-top: 1.6vh;
    font-family: cursive;
}

.t-box-3 h4 {
    font-size: 1.3vw;
    padding-top: 1.6vh;
    font-family: cursive;
}

.t-pannel h1 {
    font-size: 2.8vw;
    font-family: cursive;
    color: red;
}

.t-circle {
    display: flex;
    gap: 15vw;
    padding-top: 6vh;
    justify-content: center;
}

.circle-1 {
    width: 12vw;
    height: 26vh;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: transparent;
    border-radius: 50%;
    background: url('images/rishu.jpg')center/cover;

}

.circle-2 {
    width: 12vw;
    height: 26vh;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: transparent;
    border-radius: 50%;
    background: url('images/rohit.jpg') center/cover;
}

.circle-3 {
    width: 12vw;
    height: 26vh;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    background: transparent;
    border-radius: 50%;
    background: url('images/momos.jpg')top/cover;
}

.t-box {
    display: flex;
    justify-content: center;
    gap: 10vw;
    padding-top: 7vh;
}

.t-box-1 {
    width: 17vw;
    height: 34vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
    font-family: cursive;
}

.t-box-2 {
    width: 17vw;
    height: 34vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
}

.t-box-3 {
    width: 17vw;
    height: 34vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
}

.why {
    width: 100%;
    height: 100%;
    background-color: black;
    padding-top: 2.5vw;
    padding-left: 5vw;
}

.w-pannel h1 {
    color: red;
    font-size: 2.8vw;
    text-align: center;
    font-family: cursive;
}

.w-pannel h3 {
    font-size: 1.9vw;
    color: whitesmoke;
    text-align: center;
    font-family: cursive;
}

.w-pannel {
    width: 95%;
    height: 95%;
    background: rgba(0, 0, 0, .3) url('images/background-1.jpg')no-repeat center;
    background-blend-mode: darken;
    background-size: cover;
    border-radius: 20px;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
}

.w-box-top {
    display: flex;
    flex-wrap: wrap;
    gap: 10vw;
    padding-top: 7vh;
    padding-left: 4vw;
}

.w-box-1 {
    width: 21vw;
    height: 26vh;
    background: black;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
}

.w-box-2 {
    width: 21vw;
    height: 26vh;
    background: black;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
}

.w-box-3 {
    width: 21vw;
    height: 26vh;
    background: black;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
}

.w-box-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 10vw;
    padding-top: 7vh;
    padding-left: 4vw;
}

.w-box-4 {
    width: 21vw;
    height: 26vh;
    background: black;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
}

.w-box-5 {
    width: 21vw;
    height: 26vh;
    background: black;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
}

.w-box-6 {
    width: 21vw;
    height: 26vh;
    background: black;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 20px;
}

.w-box-top h2 {
    background-color: darkred;
    box-shadow: 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white;
    border-radius: 20px;
    color: whitesmoke;
    font-size: 1.4vw;
    text-align: center;
    font-family: cursive;
    padding-top: 1vh;
}

.w-box-bottom h2 {
    background-color: darkred;
    box-shadow: 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white;
    border-radius: 20px;
    color: whitesmoke;
    font-size: 1.4vw;
    text-align: center;
    font-family: cursive;
    padding-top: 1vh;
}

.w-box-top h4 {
    color: whitesmoke;
    font-size: 1.1vw;
    font-family: cursive;
    text-align: center;
    padding-top: 3vh;
}

.w-box-bottom h4 {
    color: whitesmoke;
    font-size: 1.1vw;
    font-family: cursive;
    text-align: center;
    padding-top: 3vh;
}

.ready {
    width: 100%;
    height: 80%;
    background-color: black;
    padding-top: 3vw;
    padding-left: 5vw;
}

.ready-pannel {
    width: 95%;
    height: 95%;
    box-shadow: 0 0 10px red, 0 0 10px red, 0 0 10px red, 0 0 10px red;
    border-radius: 20px;
    background: url('images/ready.jpg')no-repeat;
    background-size: cover;
}

.ready-pannel h1 {
    color: red;
    font-size: 3vw;
    text-align: center;
    font-family: cursive;
    background-color: black;
    box-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white;
    border-radius: 20px;
}

.membership {
    width: 100%;
    height: 100%;
    background-color: black;
    padding-top: 3vw;
    padding-left: 5vw;
}

.m-pannel {
    width: 95%;
    height: 95%;
    border-radius: 20px;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    text-align: center;
    padding-top: 4vh;
}

.m-pannel h1 {
    color: whitesmoke;
    font-family: cursive;
    font-size: 3vw;
    background-color: darkred;
    border-radius: 100px;
    box-shadow: 0 0 20px whitesmoke, 0 0 20px whitesmoke, 0 0 20px whitesmoke, 0 0 20px whitesmoke;
}

.m-pannel h4 {
    padding-top: 5vh;
    color: whitesmoke;
    font-size: 2.8vw;
    font-family: cursive;
}

.m-box {
    display: flex;
    gap: 4vw;
    justify-content: center;
    padding-top: 8vh;
    color: whitesmoke;
}

.m-box-1 {
    width: 17vw;
    height: 45vh;
    background: transparent;
    box-shadow: 0 0 20px skyblue, 0 0 20px skyblue, 0 0 20px skyblue, 0 0 20px skyblue;
    border-radius: 20px;
    background: url('images/h2.jpg');
    background-size: cover;
}

.m-box-2 {
    width: 17vw;
    height: 45vh;
    background: transparent;
    box-shadow: 0 0 20px skyblue, 0 0 20px skyblue, 0 0 20px skyblue, 0 0 20px skyblue;
    border-radius: 20px;
    background: url('images/h2.jpg');
    background-size: cover;
}

.m-box-3 {
    width: 17vw;
    height: 45vh;
    background: transparent;
    box-shadow: 0 0 20px skyblue, 0 0 20px skyblue, 0 0 20px skyblue, 0 0 20px skyblue;
    border-radius: 20px;
    background: url('images/h2.jpg');
    background-size: cover;
}

.m-box-4 {
    width: 17vw;
    height: 45vh;
    background: transparent;
    box-shadow: 0 0 20px skyblue, 0 0 20px skyblue, 0 0 20px skyblue, 0 0 20px skyblue;
    border-radius: 20px;
    background: url('images/h2.jpg');
    background-size: cover;
}

.m-box h2 {
    font-size: 2vw;
    text-align: center;
    padding-top: 1.4vh;
    color: red;
    font-family: cursive;
}

.m-box h3 {
    font-size: 2.5vw;
    font-family: cursive;
}

.devide {
    width: 100%;
    height: .2vh;
}

footer {
    width: 100%;
    height: 50%;
    background-color: black;
    display: flex;
}

.f-left {
    width: 50%;
    height: 100%;
    color: whitesmoke;
    padding-top: 3vh;
    padding-left: 4vw;
}

.f-left h1 {
    font-size: 3vw;
    font-family: cursive;
    color: red;
}

.f-left h3 {
    font-size: 1.4vw;
    padding-top: 3vh;
    padding-left: 2vw;
    font-family: cursive;
}

.icon {
    display: flex;
    gap: 3vw;
    padding-top: 4vh;
    padding-left: 6vw;
}

.f-circle-1 {
    width: 4vw;
    height: 8.5vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 50%;
}
.f-circle-1 img{
    width: 100%;
    height: 100%;
}

.f-circle-2 {
    width: 4vw;
    height: 8.5vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 50%;
}
.f-circle-2 img{
    width: 100%;
    height: 100%;
}

.f-circle-3 {
    width: 4vw;
    height: 8.5vh;
    background: transparent;
    box-shadow: 0 0 20px red, 0 0 20px red, 0 0 20px red, 0 0 20px red;
    border-radius: 50%;
}
.f-circle-3 img{
    width: 100%;
    height: 100%;
}

.f-left p {
    padding-top: 2vh;
    font-size: 1.1vw;
    padding-left: 2vw;
}

.f-right {
    width: 50%;
    height: 100%;
    color: whitesmoke;
    padding-top: 1.5vh;
    font-family: cursive;
    padding-left: 5vw;
}

.f-right h1 {
    color: red;
    font-size: 1.8vw;
}

.f-right h3 {
    padding-top: .5vh;
    font-size: 1vw;
}
.f-right h5{
    font-size: 1vw;
}
#phone{
    color: red;
    font-size: 1.2vw;
}

#location {
    color: red;
    font-size: 1.2vw;
}

@media (max-width: 550px) {

    
    .nav-links li {
        display: none;
    }
    .logo {
        font-size: 8vw;
    }
    span {
        font-size: 11vw;
    }
    .home{
        width: 100%;
        height: 70%;
    }
    .p-left br{
        display: none;
    }
    .p-left h1{
        font-size: 7.5vw;
        padding-left: 4vw;
        font-family: sans-serif;
    }
    .p-left h2{
        font-size: 5vw;
        font-family: serif;

    }
    .h-pannel {
        padding-top: 23vh;
    }



    .about-2{
        width: 100%;
        height: 55%;
    }





    .home-2{
        width: 100%;
        height: 60%;
    }
    .h2-left h1{
        font-size: 6vw;
        color: whitesmoke;
        font-family: sans-serif;
    }
    .h2-left h2{
        font-size: 4vw;
        font-family: monospace;
        padding-right: 3vw;
    }
    .container-3{
        background: url('images/ashish2.jpg')center;
        background-size: cover;
    }



    .about-3{
        width: 100%;
        height: 45%;
    }
    #about-2 h1{
        font-size: 9vw;
    }
    #about-2 h2{
        font-size: 7vw;
    }
    #about-2 h3{
        font-size: 4.5vw;
    }
    #devide{
        height: 5px;
        background-color: whitesmoke;
    }


    .block{
        width: 100%;
        height: 45%;
    }
    .block{
        background: url('images/ashish.jpg')center;
        background-size: cover;
    }



    .services{
        width: 100%;
        height: 255%;
    }
    .container-4 h1{
        font-size: 9.6vw;
    }
    .container-4 h2{
        font-size: 8vw;
    }
    .service-box{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-right: 5vw;
    }


    .box-1{
        width: 100%;
        padding-top: 1.5vh;
        text-align: center;
    }
    .box-1 h1{
        font-size: 15vw;
        font-family: sans-serif;
    }
    .box-1 h4{
        font-size: 4.4vw;
        font-family: serif;
    }
    .box-2{
        width: 100%;
        padding-top: 1.5vh;
        text-align: center;
    }
    .box-2 h1{
        font-size: 9vw;
        font-family: sans-serif;
    }
    .box-2 h4{
        font-size: 4vw;
        font-family: serif;
    }
    .box-3{
        width: 100%;
        padding-top: 1.5vh;
        text-align: center;
    }
    .box-3 h1{
        font-size: 9.5vw;
        font-family: sans-serif;
    }
    .box-3 h4{
        font-size: 4vw;
        font-family: serif;
    }
    .box-4{
        width: 100%;
        padding-top: 1.5vh;
        text-align: center;
    }
    .box-4 h1{
        font-size: 7.4vw;
        font-family: sans-serif;
    }
    .box-4 h4{
        font-size: 4vw;
        font-family: serif;
    }
    .box-5{
        width: 100%;
        padding-top: 1.5vh;
        text-align: center;
    }
    .box-5 h1{
        font-size: 10vw;
        font-family: sans-serif;
    }
    .box-5 h4{
        font-size: 4vw;
        font-family: serif;
    }
    .box-6{
        width: 100%;
    }
    .box-6 h1{
        font-size: 7.4vw;
        font-family: sans-serif;
    }
    .box-6 h4{
        font-size: 4vw;
        font-family: serif;
    }



    .journey{
        width: 100%;
        height: 300%;
        align-items: center;
    }
    .j-container h1{
        font-size: 5.5vw;
        font-family: serif;
        border-radius: 10px;
        align-items: center;
    }
    .j-box{
        flex-direction: column;
        align-items: center;
        padding-right: 8vw;
    }



    .j-box-1{
        width: 100%;
    }
    .j-box-2{
        width: 100%;
    }
    .j-box-3{
        width: 100%;
    }
    .j-box-4{
        width: 100%;
    }
    .j-box-5{
        width: 100%;
    }
    .j-box-6{
        width: 100%;
    }
    .j-box-7{
        width: 100%;
        background: url('images/j-8.jpg')center;
        background-size: cover;
    }
    .j-box-8{
        width: 100%;
        background: url('images/j-9.jpg')center;
        background-size: cover;
    }


    .testimonials{
        display: none;
    }



    .why{
        width: 100%;
        height: 250%;
        text-align: center;
    }
    .w-pannel{
        background: url('images/background-2.jpg');
    }
    .w-pannel h1{
        padding-top: 0.6vh;
        font-size: 8vw;
        font-family: serif;
        background-color: black;
        border-radius: 20px;
        box-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white;
        background-size: cover;
    }
    .w-pannel h3{
        padding-top: 2vh;
        font-size: 6vw;
        font-family: serif;
    }
    .w-box-top{
        flex-direction: column;
        align-items: center;
        padding-right: 5vw;
    }
    .w-box-1{
        width: 100%;
    }
    .w-box-1 h2{
        font-size: 8vw;
        font-family: serif;
    }
    .w-box-1 h4{
        font-size: 4vw;
        font-family: monospace;
        text-align: center;
    }
    .w-box-2{
        width: 100%;
    }
    .w-box-2 h2{
        font-size: 7vw;
        font-family: serif;
    }
    .w-box-2 h4{
        font-size: 4vw;
        font-family: monospace;
    }
    .w-box-3{
        width: 100%;
    }
    .w-box-3 h2{
        font-size: 6vw;
        font-family: monospace;
    }
    .w-box-3 h4{
        font-size: 4vw;
        font-family: monospace;
    }


    .w-box-bottom{
        flex-direction: column;
        align-items: center;
        padding-right: 5vw;
    }
    .w-box-4{
        width: 100%;
    }
    .w-box-4 h2{
        font-size: 6vw;
        font-family: monospace;
    }
    .w-box-4 h4{
        font-size: 4vw;
        font-family: monospace;
    }
    .w-box-5{
        width: 100%;
    }
    .w-box-5 h2{
        font-size: 6vw;
        font-family: monospace;
    }
    .w-box-5 h4{
        font-size: 4vw;
        font-family: monospace;
    }
    .w-box-6{
        width: 100%;
    }
    .w-box-6 h2{
        font-size: 6vw;
        font-family: monospace;
    }
    .w-box-6 h4{
        font-size: 4vw;
        font-family: monospace;
    }

    .ready{
        width: 100%;
        height: 45%;
    }
    .ready-pannel h1{
        font-size: 8vw;
        font-family: serif;
    }



    .ready{
        width: 100%;
        height: 35%;
    }
    .ready-pannel h1{
        font-size: 4vw;
        color: whitesmoke;
    }


    .membership{
        width: 100%;
        height: 250%;
    }
    .m-pannel h1{
        font-size: 6vw;
        font-family: monospace;
    }
    .m-pannel h4{
        font-size: 5vw;
        font-family: sans-serif;
    }
    .m-box{
        flex-direction: column;
        align-items: center;
    }
    .m-box-1{
        width: 80%;
    }
    .m-box-1 h2{
        font-size: 11vw;
        font-family: serif;
    }
    .m-box-1 h3{
        font-size: 8vw;
    }
    .m-box-2{
        width: 80%;
    }
    .m-box-2 h2{
        font-size: 11vw;
        font-family: serif;
    }
    .m-box-2 h3{
        font-size: 8vw;
    }
    .m-box-3{
        width: 80%;
    }
    .m-box-3 h2{
        font-size: 11vw;
        font-family: serif;
    }
    .m-box-3 h3{
        font-size: 8vw;
    }
    .m-box-4{
        width: 80%;
    }
    .m-box-4 h2{
        font-size: 11vw;
        font-family: serif;
    }
    .m-box-4 h3{
        font-size: 8vw;
    }




    footer{
        flex-direction: column;
        height: 95%;
        width: 100%;
    }
    .f-left{
        width: 100%;
        text-align: center;
        padding-right: 5vw;
    }
    .f-left h1{
        font-size: 8vw;
        font-family: fantasy;
    }
    .f-left h3{
        font-size: 3vw;
        font-family: monospace;
    }
    .icon{
        width: 100%;
        justify-content: space-evenly;
        padding-right: 5vw;
    }
    .f-circle-1{
        width: 20%;
    }
    .f-circle-2{
        width: 20%;
    }
    .f-circle-3{
        width: 20%;
    }
    .f-left p{
        font-size: 3vw;
    }

    .f-right{
        width: 100%;
        
    }
    .f-right h1{
        font-size: 8vw;
        font-family: sans-serif;
        text-align: center;
    }
    #location{
        font-size: 4.5vw;
    }
    .f-right h5{
        font-size: 3.3vw;
        font-family: monospace;
    }
    .f-right h3{
        font-size: 3.5vw;
        font-family: monospace;
    }
    #phone{
        font-size: 4.4vw;
    }
    .f-circle-1 img{
        width: 100%;
        height: 100%;
    }







    







}