@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');*:not(i,svg){font-family:'Poppins',sans-serif}:root{--header-height:6rem;--main-blue:#273d4b;--main-hover:#19303e}.invisible{opacity:0;visibility:hidden}.visible{opacity:1;visibility:visible}.module-padding{padding-top:5rem;padding-bottom:5rem}header{height:var(--header-height)}.search-area{position:absolute;top:0;left:0;z-index:5;width:100%;background-color:#fff;height:var(--header-height);transition:opacity 150ms,visibility 150ms}.close-search{display:flex;align-items:center;padding:0 .5rem 0 1.5rem}.search-area-form{width:100%;height:var(--header-height);display:flex;align-items:center;gap:1rem}.search-area-form input{width:100%;height:3.1rem;padding:0 1rem;border:0;outline:0;border-bottom:2px solid var(--main-blue)}.search-area-content{display:flex}.search-area-form button{background-color:var(--main-blue);color:#fff;width:max-content;text-wrap:nowrap;text-decoration:none;padding:1rem 3rem;font-size:.85rem;outline:0;transition:background-color 150ms}.search-area-form button:hover{background-color:var(--main-hover)}header .container{height:100%}.logo img{width:100%;height:100%;max-width:var(--header-height)}.header-flex{display:flex;align-items:center;height:100%;gap:1rem;transition:opacity 150ms,visibility 150ms}.header-flex>div{width:100%}.list-main{display:flex;align-items:center;justify-content:flex-end}ul.header-link{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:0;justify-content:flex-end}ul.header-link a:not(.search-btn a,.header-btn a){color:#000;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 1.5rem;width:100%;font-size:.85rem;height:var(--header-height);text-wrap:nowrap}ul.header-link a:not(.search-btn a,.header-btn a):hover,ul.header-link a.active:not(.search-btn a,.header-btn a){background-color:var(--main-blue);color:#fff}.header-btn a{background-color:var(--main-blue);color:#fff;width:max-content;text-wrap:nowrap;text-decoration:none;padding:1rem 2rem;font-size:.85rem;transition:background-color 150ms}.header-btn a:hover{background-color:var(--main-hover)}.search-btn a{color:#000;padding:1rem 2rem;font-size:1rem}@media(max-width:1200px){ul.header-link a:not(.search-btn a,.header-btn a){padding:0 1rem;font-size:.75rem}.header-btn a{background-color:var(--main-blue);padding:1rem 1.25rem;font-size:.7rem;display:block}.search-btn a{padding:1rem 1.25rem;font-size:.9rem}}@media(min-width:992px){li.header-burger{display:none}}@media(max-width:992px){li.header-burger{padding:0 .5rem 0 1.5rem}.mobile-header{position:absolute;top:var(--header-height);left:-100%;transition:left 250ms;z-index:3}ul.header-link.mobile-header{display:flex;flex-direction:column;width:100%}ul.header-link.mobile-header li{width:100%}ul.header-link.mobile-header a{color:#fff!important;width:100%;height:100%;background:var(--main-blue)}ul.header-link.mobile-header a:hover{background:var(--main-hover)!important}ul.header-link.mobile-header.open{left:0%}}.toggle{display:block;cursor:pointer}.toggle input{display:none}.toggle input+div{width:20px;height:14px;position:relative}.toggle input+div div{position:absolute;left:0;top:0;right:0;bottom:0;transition:transform .5s ease}.toggle input+div div span{display:block;position:absolute;left:0;right:0}.toggle input+div div span:first-child{top:0}.toggle input+div div span:first-child:before,.toggle input+div div span:first-child:after{top:0}.toggle input+div div span:last-child{bottom:0}.toggle input+div div span:last-child:before,.toggle input+div div span:last-child:after{bottom:0}.toggle input+div div span:before,.toggle input+div div span:after{content:'';display:block;width:47%;height:2px;border-radius:1px;background:#000;position:absolute;-webkit-backface-visibility:hidden;transition:transform .5s ease,border-radius .3s ease,background .4s ease}.toggle input+div div span:before{left:0;transform-origin:0 50%;transform:translate(1px,0) scaleX(1.1)}.toggle input+div div span:after{right:0;transform-origin:100% 50%;transform:translate(-1px,0) scaleX(1.1)}.toggle input+div svg{display:block;fill:none;stroke:black;stroke-width:2px;width:44px;height:44px;stroke-linecap:round;position:absolute;left:50%;top:50%;margin:-22px 0 0 -22px;stroke-dasharray:0 82.801 8 82.801;stroke-dashoffset:82.801;transform-origin:50% 50%;-webkit-backface-visibility:hidden;transform:scale(1);transition:stroke-dashoffset .5s ease,stroke-dasharray .6s ease,transform .5s ease,stroke .4s ease}.toggle input+div svg:nth-child(3){transform:rotate(180deg) scale(1)}.toggle input:checked+div div{transform:rotate(90deg)}.toggle input:checked+div div span:before,.toggle input:checked+div div span:after{background:#000}.toggle input:checked+div div span:first-child:before{transform:rotate(45deg) translate(2.2px,-3px) scaleX(1.05)}.toggle input:checked+div div span:first-child:after{transform:rotate(-45deg) translate(-2.2px,-3px) scaleX(1.05)}.toggle input:checked+div div span:last-child:before{transform:rotate(-45deg) translate(2.2px,3px) scaleX(1.05)}.toggle input:checked+div div span:last-child:after{transform:rotate(45deg) translate(-2.2px,3px) scaleX(1.05)}.toggle input:checked+div svg{stroke-dashoffset:62;stroke-dasharray:0 82.801 62 82.801;transform:rotate(90deg);stroke:black}.toggle input:checked+div svg:nth-child(3){transform:rotate(270deg)}.banner-slider-item{width:100%;height:50rem;position:relative}.banner-slider-item img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1}.banner-slider .swiper-button-next,.banner-slider .swiper-button-prev{color:#fff}.swiper-pagination-bullet{background-color:#fff;border:3px solid #fff!important;width:1rem;height:1rem}.container,.banner-slider-content{height:100%}.banner-slider-content{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:0 2rem}.banner-slider-content h1,.banner-slider-content h2{color:#fff;font-size:4rem;font-weight:300}.banner-slider-content a{background-color:#fff;text-decoration:none;color:#000;font-size:.85rem;padding:1rem 4rem}@media(max-width:992px){.banner-slider-item{height:45rem}.banner-slider-content h1,.banner-slider-content h2{font-size:3rem}}@media(max-width:768px){.banner-slider-item{height:40rem}.banner-slider-content h1,.banner-slider-content h2{font-size:2rem}.banner-slider-content a{font-size:.7rem;padding:.5rem 2.5rem}}#cards{background-color:#fbfbfb}.card-flex{display:flex;gap:1rem;width:100%}.card-item{width:100%;display:flex;gap:1rem}.card-item img{height:3.5rem;object-fit:contain}.card-item h3{min-height:3.5rem;display:flex;align-items:center;color:var(--main-blue);margin:0}.card-item p{font-size:.9rem}@media(max-width:1400px){.card-item h3{font-size:1.6rem}.card-item p{font-size:.8rem}}@media(max-width:992px){.card-flex{flex-direction:column}}@media(max-width:480px){.card-item{flex-direction:column;align-items:center;text-align:center}.card-item h3{height:auto;justify-content:center}}.module4-flex{display:flex;align-items:flex-end;position:relative;padding-bottom:4rem;min-height:20rem}.module4-flex>div:first-child{width:70%}.module4-flex>div:last-child{width:30%}.module4-flex p{width:60%;font-size:.9rem}.module4-flex a{border:1px solid #000;text-decoration:none;color:#000;height:3rem;padding:0 2rem;width:max-content;display:flex;align-items:center;background-color:#fff;transition:background-color 100ms,color 100ms,border-color 100ms}.module4-flex a:hover{background-color:var(--main-blue);color:#fff;border-color:var(--main-blue)}.module4-flex img{max-width:60rem;display:flex;margin-left:auto}#module4 .arrows{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:1rem;font-size:1.8rem;z-index:5}#module4 .arrows div{cursor:pointer}#module4 .arrows div[aria-disabled="true"]{opacity:.6}@media(max-width:992px){.module4-flex{flex-direction:column;justify-content:center;text-align:center;gap:2rem}.module4-flex>div{width:100%}.module4-flex img{display:none}.module4-flex p{width:100%;font-size:.9rem}.module4-flex a{text-align:center;margin:auto}#module4 .arrows{position:relative;justify-content:center;margin:auto;width:100%}}#module5{background-color:#dcd9d7}.module5-item{height:100%;width:20rem;background-color:#fff;border:1px solid #dcd9d7}.module5-item a{color:#000;text-decoration:none;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column}.module5-item img{width:100%;height:100%;display:flex}.module5-item p{text-align:center;margin:1rem 0 0 0}.module5-order{margin-top:-9rem}#module6{position:relative}.module6-flex{display:flex;align-items:flex-start}.module6-flex .left-area{width:50%}.module6-flex .left-area img{width:100%;height:100%;object-fit:cover;z-index:-1}.module6-flex .right-area{width:50%}.module6-flex a{border:1px solid #000;text-decoration:none;color:#000;height:3rem;padding:0 2rem;width:max-content;display:flex;align-items:center;background-color:#fff;transition:background-color 100ms,color 100ms,border-color 100ms}.module6-flex a:hover{background-color:var(--main-blue);color:#fff;border-color:var(--main-blue)}.module6-flex .left-area-block{background-color:#fff;color:#000;width:40%;margin-left:auto;box-shadow:0 0 5px rgb(0,0,0,.25);padding:1rem}.module6-flex .left-area-block p{padding:0 0 1rem 0;margin:0;font-size:2.15rem;border-bottom:.3rem solid #000}@media(min-width:992px){.module6-flex .left-area img{height:100%;position:absolute;left:0;width:49%;top:0}.module6-flex .right-area{padding:6rem 2rem}}@media(max-width:992px){.module6-flex{flex-direction:column;text-align:center;gap:3rem}.module6-flex .left-area,.module6-flex .right-area{width:100%}.module6-flex a{text-align:center;margin:auto}.module6-flex .left-area-block{width:100%}}@media(max-width:768px){.left-area-block p{font-size:1.5rem;border-width:.2rem}}#module7{background-color:#fbfbfb}.module7-content{text-align:center}.module7-content h2{letter-spacing:2px}#module7 a{border:1px solid #000;text-decoration:none;color:#000;height:3rem;padding:0 2rem;width:max-content;display:flex;align-items:center;justify-content:center;margin:auto;background-color:#fff;transition:background-color 100ms,color 100ms,border-color 100ms}#module7 a:hover{background-color:var(--main-blue);color:#fff;border-color:var(--main-blue)}#module8{position:relative}.module8-items{display:flex;flex-direction:column}.module8-flex{display:flex;align-items:flex-start}.module8-items>div:nth-child(even) .module8-flex{flex-direction:row-reverse;align-items:flex-end}.module8-flex .left-area{width:50%}.module8-flex .left-area img{width:100%;height:100%;object-fit:cover;z-index:-1}.module8-flex .right-area{width:50%}.module8-flex a{border:1px solid #000;text-decoration:none;color:#000;height:3rem;padding:0 2rem;width:max-content;display:flex;align-items:center;background-color:#fff;transition:background-color 100ms,color 100ms,border-color 100ms}.module8-flex a:hover{background-color:var(--main-blue);color:#fff;border-color:var(--main-blue)}.module8-flex .left-area-block{background-color:#fff;color:#000;width:40%;margin-left:auto;box-shadow:0 0 5px rgb(0,0,0,.25);padding:1rem}.module8-flex .left-area-block p{padding:0 0 1rem 0;margin:0;font-size:2.15rem;border-bottom:.3rem solid #000}@media(min-width:992px){.module8-flex .left-area img{height:100%;position:absolute;left:0;width:50%;top:0}.module8-items>div:nth-child(even) .module8-flex .left-area img{height:100%;position:absolute;right:0;left:auto;width:50%;top:0}.module8-items>div:nth-child(odd) .module8-flex{padding-bottom:5rem}.module8-items>div:nth-child(even) .module8-flex{padding-top:5rem}.module8-flex .right-area{padding:6rem 2rem}}.module8-content-block{background-color:#fff;color:#000;width:max-content;margin-left:auto;box-shadow:0 0 5px rgb(0,0,0,.25);padding:1rem;position:absolute;top:0;bottom:0;height:max-content;right:0;left:0;margin:auto;z-index:2}.module8-content-block p{padding:0 0 1rem 0;margin:0;font-size:2.15rem;border-bottom:.3rem solid #000}@media(max-width:992px){.module8-flex{flex-direction:column!important;text-align:center;gap:1rem}.module8-flex .left-area,.module8-flex .right-area{width:100%}.module8-flex a{text-align:center;margin:auto}.left-area-block{width:100%}.module8-content-block{display:none}.module8-items{gap:3rem}}@media(max-width:768px){.module8-flex .left-area-block p{font-size:1.5rem;border-width:.2rem}}.module9-item img{width:100%;height:240px}.module9-item span{font-size:.8rem;opacity:.8}.module9-item h3{font-size:1.65rem;opacity:.95}.module9-item a{font-size:.9rem;text-decoration:none;color:#a19c96;display:flex;align-items:center;gap:.5rem}.module-head{display:flex;align-items:center;justify-content:space-between;padding-top:4rem;padding-bottom:10rem}.module-head h2{font-size:2.75rem;font-weight:400;letter-spacing:2px}#module9 .arrows{display:flex;align-items:center;justify-content:flex-end;gap:1rem;font-size:1.8rem}#module9 .arrows div{cursor:pointer}#module9 .arrows div[aria-disabled="true"]{opacity:.6}.module9-flex{margin-top:-8rem}.module10-flex{display:flex;width:100%;align-items:center}.module10-flex>div{width:50%}.reference-flex{display:flex;flex-wrap:wrap;gap:1rem}.reference-flex>div{box-shadow:0 0 5px rgb(0,0,0,.15);width:calc((100%/3) - .67rem);background-color:#fbfbfb;display:flex;align-items:center;justify-content:center;height:5rem}.module10-flex a{border:1px solid #000;text-decoration:none;color:#000;height:3rem;padding:0 2rem;width:max-content;display:flex;align-items:center;background-color:#fff;transition:background-color 100ms,color 100ms,border-color 100ms}.module10-flex a:hover{background-color:var(--main-blue);color:#fff;border-color:var(--main-blue)}.reference-content{padding:2rem 1.5rem}@media(max-width:992px){.module10-flex{flex-direction:column;gap:2rem}.module10-flex>div{width:100%}.reference-content{padding:0;text-align:center}.module10-flex a{margin:auto}}.module11-flex{display:flex;align-items:center}.module11-flex img{width:100%;height:100%}.module11-flex h2{color:var(--main-blue);font-size:2rem;border-bottom:.3rem solid var(--main-blue);padding:1rem;margin:0;text-wrap:nowrap}.module11-flex .middle{padding:1rem}@media(max-width:1200px){.module11-flex h2{font-size:1.5rem}}@media(max-width:992px){.module11-flex{flex-direction:column;text-align:center}.module11-flex br{display:none}.module11-flex h2{text-wrap:wrap}}.module12-flex{display:flex;gap:1rem}.module12-flex>div{width:100%}.news-form-flex{width:100%;display:flex;gap:1rem}.news-form-flex .input-field,.news-form-flex input{width:100%;height:3rem}.news-form-flex input{border:0;border-bottom:2px solid var(--main-blue);outline:0;padding:0 1rem}.news-form-flex button{width:max-content;padding:0 1.5rem;height:3rem;border:0;background-color:var(--main-blue);outline:0;color:#fff;font-size:.9rem;transition:background-color 150ms}.news-form-flex button:hover{background-color:var(--main-hover)}.social-list-main{display:flex!important;align-items:center;list-style:none;gap:1rem;padding:0;margin:0}.social-list-main a{font-size:1.75rem;color:var(--main-blue);transition:color 150ms}.social-list-main a:hover{color:var(--main-hover)}.social-content{padding:0 6rem}.module12-flex h3{font-size:1.6rem}.module12-flex p{font-size:.9rem}@media(max-width:1200px){.module12-flex br{display:none}.social-content{padding:0 3rem}.module12-flex h3{font-size:1.5rem}}@media(max-width:992px){.module12-flex{flex-direction:column;gap:5rem}.social-content{padding:0}}.footer-main{background-color:var(--main-blue)}.footer-logo{display:flex;align-items:center;justify-content:center;padding:2.5rem 0;border-bottom:1px solid #fff}.footer-logo img{width:100%;height:100%;max-width:12rem;filter:invert(98%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(114%) contrast(100%)}.footer-area{padding:3rem 0}.footer-area h4{color:#fff}.footer-area ul{list-style:none;padding:0;margin:1rem 0 0 0;display:flex;flex-direction:column;gap:.4rem}.footer-area ul a,.footer-area ul p{color:#fff;text-decoration:none;font-size:.9rem;opacity:.85;transition:opacity 150ms}.footer-area ul a:hover,.footer-area ul p:hover{opacity:1}.copyright{padding:3rem 0 .5rem 0}.copyright p{padding:1rem 0;margin:0;color:#fff;text-align:center}@media(max-width:992px){.footer-area{text-align:center}}#breadpoint ul{list-style:none;padding:0;margin:0;display:flex;gap:.25rem;align-items:center}#breadpoint ul a{text-decoration:none;color:#000;opacity:.75}.module4-image{position:fixed;top:6rem;right:2rem;width:48rem;z-index:-1;object-fit:cover;object-position:right;filter:drop-shadow(0 0 0 black);opacity:.4}section#module12{background-color:#fff}@media(max-width:1200px){.module4-image{top:6rem;width:35rem}}@media(max-width:992px){.module4-flex>div{width:100%!important}.module4-image{display:none}}.filter-main{position:relative;z-index:2;display:flex;gap:.1rem}.filter-main>.filter-item{width:100%;position:relative}.filter-main>.filter-item>div:first-child{height:4rem;background-color:#1a1a1a;color:#fff;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;gap:.5rem;cursor:pointer}.filter-main>.filter-item>div:first-child:hover{background-color:#000}.filter-item-drop ul li{background-color:#1a1a1a;color:#fff;padding:1.2rem;font-size:.9rem;cursor:pointer}.filter-item-drop ul li:hover,.filter-item-drop ul li.active{background-color:#000}.filter-item-drop ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.06rem;max-height:15.5rem;overflow-y:auto;background-color:#fff}.filter-item-drop{position:absolute;top:4rem;left:0;background:#fff;width:100%;height:auto;opacity:0;visibility:hidden}.filter-item-drop.open{opacity:1;visibility:visible}.filter-item-drop ul li:first-child{display:none}.filter-item-drop.open ul li:first-child{display:block}.filter-item-drop ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:0;background-color:#000}.filter-item-drop ul::-webkit-scrollbar{width:5px;background-color:#000}.filter-item-drop ul::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#9e9e9e}.filter-search{justify-content:flex-start!important;gap:1rem!important}.filter-search input{background:transparent;border:0;outline:0;border-bottom:1px solid #fff;width:100%;color:#fff;font-size:.9rem;padding:0 .5rem}.products-list{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.products-list>div{width:calc((100%/3) - .67rem)}.products-list>div:not(.module5-item){background-color:#808080}.w100{width:100%!important}.reference-flex.reference-page>div{width:calc((100%/5) - .8rem)}@media(max-width:1200px){.reference-flex.reference-page>div{width:calc((100%/4) - .75rem)}}@media(max-width:768px){.reference-flex.reference-page>div{width:calc((100%/3) - .67rem)}}@media(max-width:480px){.reference-flex.reference-page>div{width:calc((100%/2) - .5rem)}}@media(max-width:992px){.m-pb-0{padding-bottom:0}.m-pt-0{padding-top:0}}.module10-flex.product-detail{min-height:30rem}.detail-left img{width:100%;height:100%;max-width:25rem}.blue{color:var(--main-blue);font-weight:bold;margin-bottom:1rem}.blue p{margin:0}.product-gallery-slider .gallery-item img{width:100%;height:100%;object-fit:contain;max-width:80rem;max-height:35rem;margin:auto;display:flex}#product-gallery .arrows{display:flex;align-items:center;gap:1rem;font-size:2rem;justify-content:center;margin-top:.5rem}[aria-disabled="true"]{opacity:.6}#product-video .video-content{text-align:center;width:70%;margin:auto;margin-top:2rem}.project-page{display:flex;flex-wrap:wrap;gap:3rem 1rem;margin-top:0}.project-page>div{width:calc((100%/3) - .67rem)}.project-page .module9-item h3{margin-top:.5rem}@media(max-width:992px){.project-page>div{width:calc((100%/2) - .5rem)}.project-page .module9-item h3{font-size:1.4rem}.project-page .module9-item img{height:200px}}@media(max-width:576px){.project-page>div{width:100%}}.module12-header{position:relative}.module12-header img{width:100%;height:100%;max-height:35rem;object-fit:contain}.module12-content{background-color:var(--main-blue);color:#fff;width:max-content;position:absolute;bottom:-2rem;right:-1rem;padding:1rem;max-width:17rem}.module12-content h3{font-size:1.4rem}.module12-content a{font-size:.9rem;color:#fff;text-decoration:none}@media(max-width:992px){.module12-content{background-color:var(--main-blue);color:#fff;width:100%;position:relative;bottom:auto;right:auto;padding:1rem;max-width:none}}.contact-infos{width:100%;border:2px solid #3d3d3d;border-radius:10px;padding:1rem}.contact-infos h2{margin:0}.contact-infos ul{list-style:none;padding:0;margin:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.contact-infos ul a{font-size:1.25rem;color:#000;text-decoration:none}@media(max-width:992px){.contact-infos br{display:none}}@media(max-width:768px){.contact-infos{text-align:center}}.contact-form-flex{display:flex;flex-wrap:wrap;gap:2rem 1rem;margin-top:2rem}.contact-form-flex .two{width:calc((100%/2) - .5rem)}.contact-form-flex .one{width:100%}.contact-form-flex input{width:100%;height:2.75rem;outline:0;border:0;padding:0 1rem;border-bottom:2px solid var(--main-blue)}.contact-form-flex textarea{width:100%;height:10em;outline:0;border:0;padding:0 1rem;border-bottom:2px solid var(--main-blue)}.contact-form-flex button{width:max-content;height:2.75rem;padding:0 2rem;background-color:var(--main-blue);color:#fff;outline:0;box-shadow:none;border:0;margin:auto;display:flex;align-items:center;justify-content:center;transition:background-color 150ms}.contact-form-flex button:hover{background-color:var(--main-hover)}.row{width:100%;margin:0!important}#breadpoint ul a{font-size:.8rem}#breadpoint ul P{font-size:.8rem;margin:0}.just-validate-error-label{font-size:.85rem;position:absolute}.banner-slider-item:before{content:"";width:100%;height:100%;background-color:#00000052;position:absolute;top:0;left:0;z-index:0}.banner-slider-item .container{z-index:2;position:relative}.swiper-button-next,.swiper-button-prev,.swiper-pagination{z-index:3}.contact-infos>.row>div{margin:0}form button{cursor:pointer}.loader{border:16px solid #f3f3f3;border-top:16px solid #19303e;border-radius:50%;width:15rem;height:15rem;animation:spinloader 2s linear infinite}.loader img{height:100%;width:100%;animation:spinlogo 2s linear infinite;padding:2.5rem}@keyframes spinloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinlogo{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}.loader_main{width:100%;height:100%;position:fixed;z-index:99;background:#fff;display:flex;align-items:center;justify-content:center}