#content{background:url(https://dch-menaraholding.com/dev/menara_logistique/public/build/assets/DJI_0668.JPG)no-repeat center center;background-size:cover;overflow:auto;width:calc(100% - 350px);padding:2% 5%;position:relative}.my-svg .st0{fill:#f68f21}.my-svg .st1{fill:#fff}.container{display:grid;place-items:center;z-index:2;margin:0;width:100%;height:100%}#back-img{position:absolute;top:0;left:0;height:100%;min-height:100vh;width:100%;background:#fff2e6e9;z-index:1}.home__title{width:100%;text-align:left!important;color:#f68f21;position:relative;margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-around}#img-ref{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:100%;justify-items:center;z-index:2;overflow-y:hidden;overflow-x:scroll;padding-bottom:20px}#img-ref img{width:auto;height:140px;padding:0!important;box-shadow:0 3px 10px #0003;border-radius:20px;transition:transform .3s ease,box-shadow .3s ease}#img-ref img:hover{transform:scale(1.1);box-shadow:0 0 15px #252d4b80}.home__paragraph-ref{font-family:Dax-Light,sans-serif;font-size:15px;font-weight:300;opacity:1;text-align:justify}.section-ref{display:grid;justify-content:center;height:100%;background-size:cover;background-position:center}.home{position:relative;margin-left:2%;margin-right:2%}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#img-ref img{opacity:0;animation:fadeInScale 1s ease-in-out forwards}#img-ref img:nth-child(1){animation-delay:2s}#img-ref img:nth-child(2){animation-delay:2.2s}#img-ref img:nth-child(3){animation-delay:2.4s}#img-ref img:nth-child(4){animation-delay:2.6s}#img-ref img:nth-child(5){animation-delay:2.8s}#img-ref img:nth-child(6){animation-delay:3s}#img-ref img:nth-child(7){animation-delay:3.2s}#img-ref img:nth-child(8){animation-delay:3.4s}#img-ref img:nth-child(9){animation-delay:3.6s}#img-ref img:nth-child(10){animation-delay:3.8s}#img-ref img:nth-child(11){animation-delay:4s}#img-ref img:nth-child(12){animation-delay:4.2s}#img-ref img:nth-child(13){animation-delay:4.4s}#img-ref img:nth-child(14){animation-delay:4.6s}#img-ref img:nth-child(15){animation-delay:4.8s}#img-ref img:nth-child(16){animation-delay:5s}#img-ref img:nth-child(17){animation-delay:5.2s}#img-ref img:nth-child(18){animation-delay:5.4s}#img-ref img:nth-child(19){animation-delay:5.6s}#img-ref img:nth-child(20){animation-delay:5.8s}#img-ref img:nth-child(21){animation-delay:6s}#img-ref img:nth-child(22){animation-delay:6.2s}#img-ref img:nth-child(23){animation-delay:6.4s}#img-ref img:nth-child(24){animation-delay:6.6s}#img-ref::-webkit-scrollbar{height:8px}#img-ref::-webkit-scrollbar-track{background:#f1f1f1}#img-ref::-webkit-scrollbar-thumb{background:#888;border-radius:4px}#img-ref::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:800px){#content{width:100%;height:inherit;min-height:100vh}.home{position:relative;top:0;left:0;margin-left:10%;margin-right:10%}.close-button{color:#fff;background-color:transparent;border:none;position:absolute;top:3%;right:0}#img-ref{grid-template-columns:repeat(2,1fr);width:100%}}