/*info__content*/

.content{
    margin-top: 20px;
    width: 80%;
    margin: 0px auto;

}

.content .content__info{
    display: grid;
    grid-template-columns: 30% 70% ;
}

.content .content__info .item1{
    grid-column: 1 / 3;

}

.content .content__info .item1 img{
    width: 100%;
    border-radius: 6px;
}

/*info__content1*/

.info__content1{
    height: 460px;
    margin: 0px auto;
    margin-top: 20px;
}

.info__content1 .item2{

}

.info__content1 .item2 h4{
    font-size:26px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #fff;
    background-color: rgb(107, 233, 90);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}


.info__content1 .item3{
}

.info__content1 .item3 img{
    width: 100%;

}

/*info__content2*/

.info__content2{
    margin: 0px auto;
    display: grid;
    grid-template-columns: 25% 75%;
}


.info__content2 .item01 img,
.info__content2 .item02 img{
    width: 200px;
    filter: drop-shadow(-1px 1px 2px #000);

}


.info__content2 .info__item01 p,
.info__content2 .info__item02 p{
    padding-top: 35px;
    color: #000;
}

/*info__content3*/

.info__content3{
    height: 400px;
    padding-top: 20px;
    margin: 0px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
}

.info__content3 .item001 img,
.info__content3 .item002 img{

    width: 100%;
}

/*info__content4*/

.info__content4{
    display: grid;
    grid-template-columns: 20% 80%;
    height: 280px;
}

.info__content4 .title__content4{
    grid-column: 1 / 3;
    margin-bottom: 50px;
    height: 40px;
}



.info__content4 .title__content4 h4{
    font-size: 26px;
    padding: 5px;
    padding-left: 0px;
    color: #fff;
    background-color: rgb(107, 233, 90);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 5px;



}

.info__content4 .contentImg4{
    margin-bottom: 60px;
}

.info__content4 .contentImg4 img{
}

.info__content4 .content4{
    height: 100px;
    margin-top: 20px;
    display: flex;
    align-items: center;

}

.info__content4 .content4 p{
    color: #000;
}

/*info__content5*/

.info__content5{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 480px;
}

.info__content5 .title_content5{
    grid-column: 1 / 5;

}

.info__content5 .title_content5 h4{
    font-size: 26px;
    padding: 5px;
    padding-left: 0px;
    color: #fff;
    background-color: rgb(107, 233, 90);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 5px;
}

.info__content5 .itm1, .itm2, .itm3, .itm4{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.info__content5 .itm1 img, .itm2 img, .itm3 img, .itm4 img{

    border-radius: 6px;
    filter: drop-shadow(-1px 1px 2px #000);
}


/*MEDIA SCREEN */ 


@media screen and (max-width: 800px){
    /*info__content*/

.content{
    margin-top: 20px;
    width: 80%;
    margin: 0px auto;

}

.content .content__info{
    display: grid;
    grid-template-columns: 30% 70% ;
}

.content .content__info .item1{
    grid-column: 1 / 3;

}

.content .content__info .item1 img{
    width: 100%;
    border-radius: 0px;
}

/*info__content1*/

.info__content1{
    height: 250px;
    margin-top: 20px;
}

.info__content1 .item2{

}

.info__content1 .item2 h4{
    font-size:26px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #000;
    background-color: #fff;
    border-radius: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
}


.info__content1 .item3{
}

.info__content1 .item3 img{
    width: 100%;
    height: 180px;

}

/*info__content2*/

.info__content2{
    margin: 0px auto;
    display: grid;
    grid-template-columns: 100%;
}


.info__content2 .item01 img{
    width: 100%;
}


.info__content2 .item02 img{
    width: 100%;
    filter: drop-shadow(-1px 1px 2px #000);

}

.info__content2 .info__item01{
    margin-bottom: 30px;
}

.info__content2 .info__item01 p,
.info__content2 .info__item02 p{
    width: 90%;
    margin: 0px auto;
}

.info__content2 .info__item02 p{
    padding-top: 35px;
    color: #000;
}

/*info__content3*/

.info__content3{
    height: 550px;
    padding-top: 20px;
    margin: 0px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
}


.info__content3 .item001,
.info__content3 .item002{
    grid-column:  1 / 3;
    margin-bottom: 20px;
}
.info__content3 .item001 img,
.info__content3 .item002 img{

    width: 100%;
}

/*info__content4*/

.info__content4{
    display: grid;
    grid-template-columns: 100%;
    height: 510px;
    margin: 0px auto;

}

.info__content4 .title__content4{
    margin-bottom: 50px;
    height: 40px;
    display: flex;
    justify-content: center;
}

.info__content4 .title__content4 h4{
    font-size:26px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #000;
    background-color: #fff;
    border-radius: 0px;
    padding-top: 5px;




}

.info__content4 .contentImg4{
    margin-bottom: 60px;
    grid-column: 1 / 3;
    display: flex;
    justify-content: center;

}

.info__content4 .contentImg4 img{
    width: 45%;
    border-radius: 6px;
}

.info__content4 .content4{
    grid-column: 1 / 3;
    height: 150px;
    margin-top: -10px;
 

}

.info__content4 .content4 p{
    color: #000;
  

}
/*info__content5*/

.info__content5{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 1500px;
}

.info__content5 .title_content5{
    grid-column: 1 / 5;
    margin-top: 50px;
    height: 50px;
    display: flex;
    justify-content: center;

}

.info__content5 .title_content5 h4{
    font-size: 26px;
    padding: 5px;
    padding-left: 0px;
    color: #000;
    background-color: #fff;
    border-radius: 0px;
}

.info__content5 .itm1, .itm2, .itm3, .itm4{
    grid-column: 1 / 5;
    display: flex;
    justify-content: center;
}

.info__content5 .itm1 img, .itm2 img, .itm3 img, .itm4 img{

    border-radius: 6px;
    filter: drop-shadow(-1px 1px 2px #000);
}
}