@media(max-width: 1400px){
    header{
        padding: 10px 0;
    }
    nav{
        display: none;
    }

    .connteiner1{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
    }
    .card4-section-intro{
        padding-left: 0;
    }
    .conteiner6 div{
        flex-direction: column;
        gap: 25px;
        width: 60%;
        height: 100%;
    }
    .conteiner6 div div{
        justify-content: center;
    }
}

@media(max-width: 1000px){
    .connteiner1{
        flex-direction: column;
        padding: 30px;
    }
    .connteiner1 img{
        max-width: 30rem;
    }
    .conteiner1-text-conteiner{
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .conteiner1-text-conteiner h1{
        font-size: 2.8rem;
        text-align: center;
    }
    .conteiner1-text-conteiner p{
        font-size: 1.2rem;
        text-align: center;
    }

    .conteiner2-intro p{
        max-width: 80%;
    }
/* section 3 */
    .card1-section{
        flex-direction: column;
    }

    .card1-section-intro h1{
        font-size: 30px;
    }

    .card1-section-intro p{
        font-size: 30px;
    }

    .conteiner6 div{
        gap: 25px;
        width: 480px;
        height: 100%;
    }

    .footer{
        gap: 20px;
    }

    .footer-conteiner{
        flex-direction: column;
        gap: 35px;
    }
    
    .info-conteiner{
        align-items: start;
    }
}