@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Nunito:ital,wght@0,900;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,900;1,900&display=swap');


:root{
    --main-color:rgb(249, 115, 22);
}
.main-font{
    font-family: "Dela Gothic One", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.main-color{
    color: var(--main-color);
}
.main-bg{
    background-color: var(--main-color);
}

.boody{
    background-image: linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5) ), url("Background.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 120vh;
}

/* heroo section */
.big-my{
    margin-top: 5rem;
    margin-bottom: 4rem;
}
.res-width{
    max-width: 53%;
}
.hero-features{
    width: 26%;
}

.membership-card{
    width: 46%;
    min-height: 68vh;
}
.galary-img{
    width: 32%;
    height: 55vh;
    /* object-fit: cover; */
}

.aboutus-img{
    width: 36%;
    height: 100%;
    border-radius: 10px;
    /* overflow: hidden; */
    position: relative;
    img{
        width: 100%;
        border-radius: 20px;
        /* height: 90%; */
        /* box-shadow: 35px 40px 1px 1px var(--main-color); */
    }
}
.aboutus-img::after{
    content: " ";
    background-color: var(--main-color);
    border-radius: 20px;
    width: 95%;
    height: 95%;
    position: absolute;
    top:8%;
    left: 8%;
    z-index: -1;
}

.aboutus-desc{
    width:43%;
    padding: 2% 6%;
}

.reviews{
    width: 31%;
}
@media (max-width: 992px) {
    .res-width{
        max-width: 100%;
    }
    .galary-img{
        width: 90%;
        height: 40vh;
    }
    .aboutus-img{
        width: 70%;
    }
    .aboutus-desc{
        width: 72%;
        margin-top: 50px;
    }
    .reviews{
    width: 70%;
    }
}


@media (max-width: 768px) {
    .res-width{
        max-width: 100%;
    }
    .big-my{
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
    .hero-features{
        width: 90%;
    }
    .membership-card{
        width: 99%;
    }
    .aboutus-img{
        width: 90%;
    }
    .aboutus-desc{
        width: 92%;
    }
    .reviews{
    width: 85%;
    }
}

.fs-7{
    font-size: 0.85rem;
}