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

.container-blog{
    display:flex;
    justify-content:center;
    align-items:center;
    width: 100%;
}
.container-blog .main {
    width: 50rem;
    margin: auto;
    margin-top: 100px;
}
.container-blog .main img{
    width: 90%;
}
.images-blog {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.images-blog img{
    width: 100%;
    margin: 50px 0;
    border-radius: 10px;
}
.hum-menu h3{
    display: flex;
    justify-content: end;
    align-items: end;
    width: 80%;
}
.info-blog{
    display: flex;
    justify-content: end;
    align-items: end;
    text-align: end;
    font-family: dana-p;
}
.info-blog h1 , h3{
    display:flex;
    justify-content: end;
    align-items: end;
    color:#fff;
    font-size: 1.5rem;
    width:fit-content;
}
.info-blog h3 span{
    color: #00bc91;
}
.info-blog p{
    font-family: dana-p;
    color: #9e9999;
    padding: 20px 0;
    text-align: end;
    font-size: 17px;
}
.Contact-Me-1,
.coustomer-1{
    width: 50rem;
    display: flex;
    justify-content:start;
    align-items: start;
    margin: 40px 0;
}
.Contact-Me-1 .main , 
.coustomer-1 .main {
    width:100%;
    margin: auto;
}
.down{
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width : 888px) {
    .container-blog .main {
        width: 90%;
    }
    .Contact-Me-1,
.coustomer-1{
    width: 90%;
}
}
@media screen and (max-width : 787px) {
    .info-blog h3  , p{
       font-size:1.1rem;
       padding-right: 10px;
    }
    .info-blog h1{
        font-size: 1rem;
        padding-right: 10px;
    }
}
@media screen and (max-width : 640px){
    .info-blog h3  , p{
        font-size:1.1rem;
        padding-right: 10px;
     }
     .container-blog .main img{
        width: 100%;
    }
}
@media screen and (max-width : 575px){
    .info-blog{
        width:90%;
    }
    .info-blog h3, p{
        font-size:0.99rem;
        font-weight: 500;
        padding: 10px 0 ;
     }
}
@media screen and (max-width : 498px){
    .info-blog h3 , p{
        margin-right:10px;
        padding: 10px 0 ;
        font-size:0.90rem;
    }
    .container-blog .main img{
        width: 100%;
        margin-right:50px;
    }

}
@media screen and (max-width : 411px){
    .container-blog .main img{
        width: 100%;
        margin-right:20px;
    }
    .info-blog h3 {
        font-size:0.88rem;
        font-weight: 500;
        padding: 10px 0 ;
        width: 300px;
     }
     .container-blog .main{
        width: 340px;
     }
}
@media screen and (max-width : 352px){
    .container-blog .main{
        width: 290px;
     }
     .info-blog h3{
        font-size:0.78rem;
     }
}