.blog-main-container{font-family:Inter}.hero-section{justify-content:space-between;width:80%;margin:auto auto 2%;display:flex}.hero-image{width:100%;max-width:35%;height:auto;max-height:450px}.left-side-hero span{color:#88be1a}.left-side-hero>p:first-child{color:#88be1a;font-weight:800}.left-side-hero h1{margin-top:0;font-size:4rem}.main-paragraphe-hero{font-size:1.5rem}.body-section{width:80%;height:100%;margin:auto;display:flex}.articles-section{width:100%}@media screen and (max-width:1300px){.article{width:100%!important}.hero-image{width:50%;max-width:700px;height:auto;max-height:450px;margin-top:auto;margin-bottom:auto}}@media screen and (max-width:900px){.article{max-height:500px!important}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center}.article{max-height:500px!important;margin:5px auto 10px!important}.hero-image{width:100%}}@media screen and (max-width:600px){.article{flex-direction:column}.article-image{margin:auto!important}}
.article{border-radius:10px;width:65%;max-height:220px;margin:5px 5px 10px 10px;padding:10px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 0 5px 2px #0000000d}.article:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.article-image{border-radius:10px;max-width:200px;height:auto;margin:10px}.article-right-section{width:100%;margin:auto 2%}.article-right-section>p:first-child{color:#88be1a;font-weight:800}.date-and-arrow{justify-content:space-between;align-items:center;display:flex}.arrow-icon{width:30px;height:30px}.article-link{color:inherit;text-decoration:none;display:contents}