.banner{width:100%;height:500px;position:relative}@media screen and (max-width:768px){.banner{overflow:auto}}.banner img{width:100%;height:100%;object-fit:cover;filter:brightness(95%)}.banner-content{width:400px;max-width:100%;position:absolute;height:100%;background-color:hsla(0,0%,8%,.5);right:0;top:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}@media screen and (max-width:768px){.banner-content{width:100%;justify-content:flex-end;background-color:unset;z-index:1}}.banner-content h3{text-transform:capitalize}@media screen and (max-width:768px){.banner-content h3{filter:drop-shadow(0 0 3px black)}}.banner-content p:first-letter{text-transform:uppercase}.banner-mobile-shadow{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;-webkit-clip-path:polygon(100% 45%,100% 100%,0 100%,0 45%,50% 30%);clip-path:polygon(100% 45%,100% 100%,0 100%,0 45%,50% 30%)}.banner-mobile-shadow,.banner-mobile-shadow:before{position:absolute;top:0;left:0;width:100%;height:100%}.banner-mobile-shadow:before{content:"";background:rgba(30,40,30,.5);-webkit-clip-path:polygon(100% 55%,100% 100%,0 100%,0 55%,50% 45%);clip-path:polygon(100% 55%,100% 100%,0 100%,0 55%,50% 45%)}.slide-right{animation:slide-right 1s ease}@keyframes slide-right{0%{right:-100%}to{right:0}}@keyframes slide-left{0%{margin-left:0}to{margin-left:-100%}}.brands{position:relative;display:flex;width:100%;height:400px;background-image:url(/assets/info/brands-background.jpg);background-size:cover;background-position-x:center;background-position-y:70%;z-index:0}@media screen and (max-width:768px){.brands{flex-direction:column}}.brands .content{width:100%;height:100%;z-index:1;background-color:rgba(1,21,38,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.brands .content .headerContainer{height:10%;width:100%}.brands .content .headerContainer h2{color:#fff;text-transform:capitalize}@media screen and (max-width:768px){.brands .content .headerContainer{height:30%}}.brands .content .images{height:45%;width:100%;display:flex;align-items:center;justify-content:space-around}@media screen and (max-width:768px){.brands .content .images{height:35%}}.brands .content .images .imgContainer{width:auto;max-width:150px;height:100px}@media screen and (max-width:768px){.brands .content .images .imgContainer{height:auto;max-width:80px}}.brands .content .images .imgContainer img{width:100%;height:100%;object-fit:contain;transition:all .2s ease}.brands .content .images .imgContainer img:hover{width:105%;height:105%}@media screen and (max-width:768px){.brands .content{padding:1rem}}.brands .content-border{width:1px;height:100%;border:1px solid #fff}@media screen and (max-width:768px){.brands .content-border{width:100%;height:1px}}.catalogs{display:flex;flex-direction:column;width:100%;padding-top:2.5rem;padding-bottom:3.5rem}@media screen and (max-width:768px){.catalogs{padding-top:1rem;padding-bottom:3rem}}.catalogs h4{margin-bottom:2rem}@media screen and (max-width:768px){.catalogs h4{margin-bottom:1rem;margin-inline:3rem}}.catalogs .downloadPart{display:flex;align-items:center;justify-content:center;height:50px}.catalogs .downloadPart button{margin-inline:2rem}@media screen and (max-width:768px){.catalogs .downloadPart button{margin-inline:1rem}}.infoContainer{width:100%;height:-moz-fit-content;height:fit-content;padding-inline:10%;padding-top:1rem;padding-bottom:4rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;background-color:#f5f5f5}@media screen and (max-width:768px){.infoContainer{padding-inline:0}}.infoContainer h2{margin-top:3rem;margin-bottom:2rem;filter:drop-shadow(0 0 5px rgb(194.5,194.5,194.5));text-transform:capitalize}@media screen and (max-width:768px){.infoContainer h2{filter:drop-shadow(0 0 5px rgb(194.5,194.5,194.5));margin-top:1rem;margin-bottom:2rem}}.infoContainer .content{position:relative;height:350px;width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;border:5px solid;border-image:linear-gradient(144deg,#015aaa,transparent 15%,transparent 85%,#015aaa) 30}@media screen and (max-width:768px){.infoContainer .content{flex-direction:column;height:-moz-fit-content;height:fit-content}}.infoContainer .content h2{margin-top:3rem;margin-bottom:2rem;text-transform:capitalize;z-index:1}@media screen and (max-width:768px){.infoContainer .content h2{filter:unset;margin-top:1rem;margin-bottom:2rem}}.infoContainer .content .imgContainer{width:50%;height:100%;overflow:hidden;z-index:1}@media screen and (max-width:768px){.infoContainer .content .imgContainer{width:100%}}.infoContainer .content .imgContainer img{width:100%;height:100%;object-fit:contain;transition:all .2s ease;cursor:pointer}.infoContainer .content .imgContainer img:hover{width:105%;height:105%}.infoContainer .content .textContainer{width:50%;height:100%;padding:2rem;display:flex;align-items:center;justify-content:center;z-index:1}@media screen and (max-width:768px){.infoContainer .content .textContainer{width:100%}}.infoContainer .content .textContainer p{font-size:1rem;text-align:left;text-indent:1rem;line-height:2rem}.infoContainer .content .content-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;opacity:.9}.infoContainer .content .content-bg img{width:100%;height:100%;object-fit:cover}.infoContainer .content .content-bg-30{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;opacity:.9}.infoContainer .content .content-bg-30 img{width:100%;height:100%;object-fit:cover;filter:brightness(30%)}