.header{position:sticky;top:0;height:70px;box-shadow:0 -1px 4px #00000026;background-color:#fff;z-index:10}.navbar{display:flex;justify-content:space-between;align-items:center;height:100%}.navbar__logo{cursor:pointer}.navbar__logo img{width:130px}.navbar__list{display:flex;gap:2.5rem}.navbar__list li{font-size:13px;font-weight:600;color:#666;text-transform:uppercase;position:relative;padding-bottom:2px;cursor:pointer}.navbar__list li:before,.navbar__list li:after{position:absolute;transition:all .35s ease}.navbar__list li:not(:last-child):before{bottom:0;display:block;height:2px;width:0%;content:"";background-color:var(--primary-red-color)}.navbar__list li.active:before{opacity:1;width:100%}.navbar__list li:after{left:0;top:0;padding:.5em 0;position:absolute;content:attr(data-hover);color:#fff;white-space:nowrap;max-width:0%;overflow:hidden}.navbar__list li:hover:before{opacity:1;width:100%}.navbar__list li:hover:after{max-width:100%}.navbar__language-icons-contaier{cursor:pointer}.navbar__language-icons-contaier i{color:var(--primary-blue-color);font-size:20px}.ant-drawer-content,.ant-drawer-wrapper-body{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.ant-drawer-content-wrapper{height:360px!important}@media screen and (max-width: 850px){.navbar__list{width:100%;height:100%;justify-content:space-around}}.responsive-navbar__row-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center}.responsive-navbar__el{display:flex;flex-direction:column;gap:10px;cursor:pointer}.responsive-navbar__el i{font-size:1.2rem;color:#666}.footer-bg{background-color:var(--primary-blue-color)}.footer{padding:80px 0 60px}.footer__container{display:flex;justify-content:space-between;border-bottom:1px solid #c8c8c8;padding-bottom:60px}.footer__logo{max-width:300px;display:flex;flex-direction:column;gap:20px}.footer__logo span img{width:200px}.footer__logo p{font-size:19px;color:#fff;font-weight:600}.footer__titles{font-size:26px;font-weight:700;color:#fff}.footer__links{display:flex;flex-direction:column;gap:15px}.footer__links li{display:flex;align-items:center;gap:5px;font-size:19px;font-weight:600;color:#fff;cursor:pointer;transition:color .3s ease-in-out}.footer__links i{color:var(--secondary-red-color)}.footer__links li:hover{color:var(--primary-red-color)}.footer__developed-by{display:flex;justify-content:space-between;align-items:center;padding-top:60px}.footer__social-links{background:var(--secondary-red-color);color:var(--primary-blue-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;transition:color .3s ease-in-out}.footer__social-links:hover{color:#fff}.developer{text-decoration:none;font-weight:600;color:#fff;padding-left:5px;transition:color .3s ease-in-out}.developer:hover{color:var(--primary-red-color)}@media only screen and (max-width: 1300px){.footer{padding:80px 5% 60px!important}}@media only screen and (max-width: 950px){.footer__container{flex-direction:column;gap:4rem}}@media only screen and (max-width: 578px){.footer__developed-by{flex-direction:column;gap:2rem;text-align:center}}.collaboration-container{box-shadow:0 -1px 4px #00000026;padding:20px 0}.collaboration{display:flex;align-items:center;justify-content:center;gap:5rem}.collaboration__line{height:36px;width:1px;background:#ddd}.collaboration-metalsistem,.collaboration-miftari-commerce{width:200px}@media only screen and (max-width: 800px){.collaboration{gap:2rem}.collaboration-metalsistem,.collaboration-miftari-commerce{width:150px}}@media only screen and (max-width: 440px){.collaboration{gap:1rem}.collaboration-metalsistem,.collaboration-miftari-commerce{width:120px}}.contact{display:flex;gap:5rem;margin-top:100px}.contact-titles{height:fit-content}.contact-title-line{height:2px;width:40px;background:var(--primary-blue-color);display:block}.contact-subtitle{display:flex;gap:1.5rem;align-items:center}.contact-informations__boxes-container{width:100%;display:flex;justify-content:space-between}.contact-informations__boxes{max-width:300px;width:100%;display:flex;flex-direction:column;gap:1rem;padding:40px;border:1px solid #c8c8c8;border-color:#c8c8c8;transition:border-color .3s ease-in-out}.contact-informations__boxes:hover{border-color:var(--secondary-red-color)}.contact-informations__boxes-icon{font-size:32px;color:var(--secondary-red-color)}.contact-informations__boxes-titles{font-size:26px;font-weight:700}.contact-where-we-work-container{display:flex;gap:8rem;margin:180px 0}@media only screen and (max-width: 1300px){.contact{flex-direction:column}}@media only screen and (max-width: 1030px){.contact-informations__boxes-container{flex-direction:column;gap:2rem}.contact-informations__boxes{max-width:100%}.contact-where-we-work-container{flex-direction:column;gap:3rem;margin:130px 0}.map{height:400px}}.about-company{display:flex;flex-direction:column;gap:1rem;width:75%}.about-company__paragraph{font-size:1.2rem;color:#666;font-weight:300;opacity:1;transform:none;white-space:break-spaces;line-height:1.2}.company-contact-titles{width:25%}@media only screen and (max-width: 1300px){.about-company,.company-contact-titles{width:100%}.company-text-container{gap:3rem}}.carousel-container{display:flex;align-items:center;justify-content:center;gap:2rem}.home-header__logo{position:absolute;top:50%;transform:translateY(-50%)!important}.slider-paragraph{font-size:50px;font-weight:700;letter-spacing:-3px;line-height:1.1em;color:#fff}.carousel-buttons{display:none;background:rgba(255,255,255,.3);font-size:20px;border:2px solid #fff;color:#fff;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out}.carousel-buttons:hover{background:#fff;color:var(--primary-red-color)}@media screen and (max-width: 1470px){.home-header__logo{padding:0 10%}}@media screen and (max-width: 600px){.home-header__logo{padding:0 20%}.home-header__logo img{width:250px}.slider-paragraph{font-size:40px}}.home-paragraph{text-align:center;padding:50px 0 200px!important}.home-paragraph h1{font-size:60px;font-weight:700;letter-spacing:-3px;line-height:1.1em;color:var(--primary-red-color)}.home-paragraph p{font-size:22px;font-weight:400;letter-spacing:-1px;color:#666}.services{display:flex;flex-direction:column;gap:3rem;padding-top:70px!important}.service-container{width:70%;margin:auto;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;display:flex;justify-content:center;align-items:center;gap:5rem;padding:50px 0;cursor:pointer;transition:all .3s ease-in-out}.service-container:hover{box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.service-container__icon{flex:1;text-align:end;font-size:50px;padding-right:20px;color:var(--primary-blue-color)}.service-container__text{flex:4;display:flex;flex-direction:column;gap:.5rem;text-align:start;padding-right:10px}.service-container__text span{font-size:1.5rem;font-style:italic;font-weight:800;color:var(--primary-blue-color);letter-spacing:-1px}.service-container__text h3{font-weight:700;font-size:2.5rem;color:var(--primary-red-color);letter-spacing:-1px}@media only screen and (max-width: 1300px){.service-container{width:100%}}@media only screen and (max-width: 1000px){.service-container{flex-direction:column;gap:1rem;padding:50px;align-items:flex-start}}.product-display-container{display:flex;margin:100px 0 200px;flex-direction:column;gap:4rem}.product-display{display:flex;width:100%;gap:2rem;align-items:center}.product-display-content{display:flex;flex-direction:column;gap:2rem}.product-display-content__title{font-size:2rem;font-weight:700;cursor:pointer;color:var(--primary-blue-color);letter-spacing:-1px;transform:translateY(0);transition:all .15s ease-in-out}.product-display-content__title:hover{transform:translateY(-2px)}.product-display-content__paragraph{color:#666;font-weight:300;line-height:1.7em}.product-display-content__button{display:flex;gap:5px;align-items:center;border:none;background:var(--secondary-red-color);color:#fff;padding:12px 30px;width:fit-content;border-radius:5px;font-family:unset;font-weight:500;font-size:14px;cursor:pointer;transform:translateY(0);transition:all .15s ease-in-out}.product-display-content__button:hover{transform:translateY(-2px)}.storage-products-icon{display:flex}.storage-products-icon:before{font-weight:500;font-size:15px}.product-display__image{cursor:pointer;scale:1;transition:all .15s ease-in-out}.product-display__image img{width:400px;max-height:300px;object-fit:contain;border-radius:5px}.product-display__image:hover{scale:1.01}@media screen and (max-width: 1300px){.product-display-container{flex-direction:column;gap:5rem}.product-display{width:100%}.product-display-content{justify-content:center;gap:2rem}}@media screen and (max-width: 850px){.product-display{flex-direction:column;align-items:center}}@media screen and (max-width: 550px){.product-display__image img{width:100%}}.storage-title-container{margin:100px auto}.storage-content span{color:#666;font-size:12px;font-weight:500;line-height:16px;text-transform:uppercase}.storage-content h1{font-size:2.625rem;font-weight:800;line-height:1.1904761905em;margin-bottom:1.25rem;color:var(--secondary-red-color);letter-spacing:-.5px;text-transform:uppercase}.storage-product-display{display:flex;flex-direction:column;gap:2rem;margin-top:4rem}.storage-product-display__title{color:var(--primary-blue-color);font-size:1.875rem;font-weight:800;letter-spacing:.0125rem;line-height:1.1666666667em;padding-bottom:.8125rem;text-transform:uppercase}.storage-product-display__paragraph{color:#666;font-size:1rem;font-weight:300;max-width:80%}.storage-product-display__content{display:flex;gap:1rem;flex-wrap:wrap}.storage-product-display__content span img{width:300px;height:200px;object-fit:cover;border-radius:5px}@media screen and (max-width: 700px){.storage-product-display__paragraph{max-width:100%}.storage-product-display__content span img{width:90vw}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;font-family:Nunito,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}::-webkit-scrollbar{width:20px;height:20px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.container{max-width:1290px;width:100%;margin:auto}body{scroll-behavior:smooth}.ant-float-btn-circle .ant-float-btn-body,.ant-float-btn-circle{border-radius:.4rem}.ant-float-btn-default .ant-float-btn-body{background-color:var(--primary-red-color)}.ant-float-btn-default .ant-float-btn-body:hover{background-color:var(--secondary-red-color)}.ant-modal-root .ant-modal-centered .ant-modal{width:auto!important}@media only screen and (max-width: 1300px){.container{padding:0 5%}}:root{--primary-red-color: #ed1c24;--secondary-red-color: #a61c20;--primary-blue-color: #121739}
