#cms-container{width:100%;max-width:100%;padding:0;margin:0}
.projects-info-container{max-width:1000px;margin:30px auto 0}
.projects-info-list{justify-content:center;}
.projects-info-list > li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:10px 20px;background:#EBEBEB}
.projects-info-list > li .projects-info-title{color:#777;font:400 16px Geologica}
.projects-info-list > li .projects-info-value{color:#262626;font:400 15px Geologica}
.parent > li figure{position:relative;width:100%;overflow:hidden;padding-bottom:66.6%}
.parent > li figure > img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.parent > li > div{font:250 18px/2 Geologica;color:#000}
#projects-smallDesc{max-width: 1000px;margin: 50px auto 0;font: 250 clamp(1rem,0.938vw,1.1rem) / 1.6 Geologica;color:#262626; text-align: unset; }
@media (min-width: 1200px) {
    .top-container{max-width:1500px;margin:0 auto;padding:0 40px}
    .projects-info-list{gap:2.66%}
    .projects-info-list > li{width:23%;}
    .parent{margin-top:60px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows: auto;grid-column-gap:60px;grid-row-gap:80px}
    .div1 { grid-area: 1 / 1 / 2 / 4; }
    .div2 { grid-area: 1 / 4 / 2 / 6; }
    .div3 { grid-area: 2 / 1 / 3 / 6; }
    .div4 { grid-area: 3 / 1 / 4 / 3; }
    .div5 { grid-area: 3 / 3 / 4 / 6; }
    .div6 { grid-area: 4 / 1 / 5 / 6; }
    .div7 { grid-area: 5 / 1 / 6 / 6; }
    .div1, .div4{padding-left: 20px}
    .div2, .div5{padding-right: 20px}
    .div2, .div4 {display: inline-flex;justify-content: center;align-items: center;}
    .div2 > div, .div4 > div{max-width: 650px;}
    .div2 > div{margin-right: auto;}
    .div4 > div{margin-left: auto;}
    .parent > li.div3 figure{padding-bottom:35.41%}
    .parent > li.div6 {max-width: 1390px;height: auto;margin:0 auto;width: 100%;}
    .parent > li.div7 {max-width: 1000px;margin:0 auto;width: 100%;}
}
@media (max-width: 1199px) {
    #cms-wrapper{padding:0 20px}
    .projects-info-list{flex-direction: column;gap: 20px;width: 80%;max-width: 500px;margin: 0 auto;}
    .projects-info-list > li{width: 100%;}
    .parent{margin-top:40px;display:flex;flex-direction:column;width:100%;padding:0 20px;gap:20px}
}
@media (max-width: 764px) {
    .parent{padding:0 10px}
}