@media (max-width: 1380px) {
    .header {
        padding: 1rem 8rem;
    }

    .section__1 {
        padding-top: 4rem;
    }

    .section__1 .flex__container .flex__col:nth-child(1) .content__container .arrow {
        display: none;
    }

    .section__4 .flex__container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .section__4 .flex__container .flex__col:nth-child(1) {
        padding-left: 0;
    }

    .section__4 .flex__container .flex__col:nth-child(1) .list li::before {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
    }


    .review__section__1 .flex__container {
        justify-content: center;
        text-align: center;
    }

    .review__section__1 .flex__container .flex__col:nth-child(2) {
        display: none;
    }

    .section__1 .flex__container {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .section__1 .flex__container .flex__col:nth-child(1) .content__container .btn button {
        margin: 0 auto;
    }

    .section__1 .flex__container .flex__col:nth-child(1) .content__container .app__btn__container {
        align-items: center;
        justify-content: center;
    }

    .section__1 .flex__container .flex__col:nth-child(2) .image {
        max-width: 35rem;
        height: 30rem;
    }
}

@media (max-width: 1280px) {
    .header {
        padding: 1rem 4rem;
    }  
    
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .contact__popup {
        width: 70%;
    }

    .contact__popup .form__container .text__box .text {
        text-align: center;
        font-size: 1.8rem;
    }
}

@media (max-width: 1160px) {
    .header .header__right .nav {
        background-color: #fff;
        position: absolute;
        top: 100%;
        right: 0;
        height: 0;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        transition: height 0.3s ease-in;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
    }

    .header .header__right .nav.active {
        height: 60vh;
        border: 1px solid #DBDBDB;
    }
    
    .header .header__right .nav .nav__list {
        flex-direction: column;
    }

    .hamburger__btn {
        position: relative;
        width: 35px;
        height: 35px;
        display: block;
    }

    .hamburger__btn  .hamburger {
        display: block;
    }

    .hamburger__btn .hamburger.active {
        display: none;
    }

    
    .hamburger__btn .close.active {
        display: block;
    }

    .section__6 .wrapper .slide .image__data {
        position: absolute;
        top: 50%;
        left: 9.875vw;
        transform: translateY(-50%);
    }

    .section__6 .wrapper .slide .image__data h2 {
        max-width: 43.91vw;
        font-size: 3.292vw;
        line-height: 3.621vw; 
    }

    .section__6 .wrapper .slide .image__data p {
        max-width: 43.93vw;
        font-size: 1.317vw;
        line-height: 1.975vw;
        margin: 1.317vw 0;
    }

    .section__6 .wrapper .slide .image__data .btn button {
        padding: 1.185vw 1.646vw;
        border-radius: 0.329vw;
        font-size: 1.185vw;
    }

    .section__6 .swiper .swiper-pagination-bullet {
        visibility: visible;
    }

    .section__6 .swiper .nav__btn {
        display: none;
    }

    .signup__section__1 {
        padding-left: 2rem;
        padding-right: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .signup__section__1 .form__container .heading__container h1 {
        font-size: 4rem;
    }

    .signup__section__1 .form__container .icon__container {
        top: -5%;
    }

    .header .header__right {
        display: flex;
        align-items: center;
        gap: 2rem;
    }

    .header .header__right .sponsor__link__2 {
        display: block;
    }

    .profile__section .profile__box ul {
        padding: 0 6rem;
    }
}

@media (max-width: 768px) {

    .section__1 {
        padding-top: 1rem;
    }

    .section__4 .content__container .para p {
        font-size: 1.6rem;
        line-height: 2.5rem; 
    }

    .section__6 .start__container {
        margin-top: 10rem;
    }

    .footer .flex__container__1 {
        flex-direction: column;
        row-gap: 3rem;
    }

    .footer .flex__container__2 {
        flex-direction: column;
        row-gap: 3rem;
        text-align: center;
        margin-top: 2rem;
    }

    .footer .text__container p {
        text-align: center;
    }

    .footer .flex__container__3 {
        flex-direction: column;
        row-gap: 3rem;
    }

    .footer .flex__container__3 .nav .nav__list {
        flex-wrap: wrap;
    }

    .review__section__1 .flex__container .flex__col:nth-child(1) .content__container h1 {
        font-size: 4rem;
        line-height: 5rem; 
    }

    .muslima__section__1 {
       justify-content: center;
       text-align: center;
    }

    .muslima__section__1 .content__container h1 {
        font-size: 4rem;
        line-height: 5rem; 
        margin: 0 auto;
    }
    
    .muslima__section__1 .content__container p {
        margin: 0 auto;
    }

    .muslima__section__2 .content__container {
        text-align: center;
    }
    
    
    .signup__section__1 .form__container form .input__container:nth-child(1) {
        grid-template-columns: repeat(1, 1fr);
    }

    .signup__section__1 .form__container form .input__container:nth-child(2) {
        grid-template-columns: repeat(1, 1fr);
    }

    .signup__section__1 .form__container form .input__container:nth-child(3) {
        grid-template-columns: repeat(1, 1fr);
    }

    .signup__section__1 .form__container form .input__container:nth-child(4) {
        grid-template-columns: repeat(1, 1fr);
    }

    .section__2 .content__container .para p {
        font-size: 1.6rem;
        line-height: 2.5rem; 
    }

    .footer .flex__container__2 .para p {
        text-align: center;
    }

    .section__1 .flex__container .flex__col:nth-child(1) .content__container h1 {
        font-size: 4rem;
        line-height: 5rem; 
    }

    .profile__section .profile__box ul {
        padding: 0 2rem;
    }

    .profile__section .profile__box ul li h4,
    .profile__section .profile__box ul li h5 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .profile__section .profile__box .profile__image {
        top: -6%;
    }
}

@media (max-width: 600px) {
    html {
        font-size: 55%;
    }


    .section__2 {
        padding-top: 4rem;
    }

    .header .header__left .logo {
        width: 12rem;
    }

    .section__1 .flex__container .flex__col:nth-child(1) .content__container h3 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .section__1 .flex__container .flex__col:nth-child(1) .content__container h1 {
        font-size: 3.5rem;
        line-height: 4rem; 
    }
}

@media (max-width: 425px) {
    html {
        font-size: 50%;
    }

    .header {
        padding: 1rem 2rem;
    } 

    .signup__section__1  .form__container .heading__container h1 {
        font-size: 3.5rem;
        margin-bottom: 1rem;
    }
    
    .signup__section__1  .form__container .heading__container p {
        font-size: 1.6rem;
    }

    .contact__popup {
        width: 90%;
    }

    .contact__popup .form__container .text__box .text {
        text-align: center;
        font-size: 1.4rem;
    }
}

@media (max-width: 375px) {
    html {
        font-size: 45%;
    }  

    .profile__section .profile__box .profile__image {
        top: -4%;
    }
}