*,*::before,*::after{padding:0;margin:0;border:0;box-sizing:border-box} a{text-decoration:none;color:inherit} li{list-style:none} img{vertical-align:top} h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit} html,body{height:100%;line-height:1} textarea,button,input{font-weight:inherit;font-size:inherit;color:inherit;font-family:inherit} button{cursor:pointer;background-color:inherit} @import url("https://fonts.googleapis.com/css?family=Inter:regular,500,600,700&display=swap");.fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;will-change:opacity,transform} .fade-up.visible{opacity:1;transform:translateY(0)} .products__container,.solutions__container{transition:transform 0.3s ease,box-shadow 0.3s ease} .products__container:hover,.solutions__container:hover{transform:translateY(-5px)} .button,.actions-header__button{transition:transform 0.2s ease,background-color 0.3s ease,box-shadow 0.3s ease} .button:hover,.actions-header__button:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,0.2)} .outro{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover} @media (max-width:768px){.outro{background-attachment:scroll} } .logo{font-weight:700;font-size:2.25rem;display:flex;align-items:center} .logo__image{height:50px;width:auto;border-radius:10px} body{font-family:"Inter",sans-serif;font-size:1.1rem;color:#303a4d;overflow-x:hidden;width:100%;max-width:100%} [class*="__container"]{max-width:72.624rem;margin:0 auto;padding:0 0.938rem} .button{font-weight:600;display:inline-block;padding:0.75rem 1.5rem;border-radius:30px;transition:all 0.3s;color:#fff;background-color:#303a4d} .button--secondary{background-color:#fff;color:#303a4d;border:2px solid #303a4d} .button--secondary:hover{background-color:#303a4d;color:#fff} .products__actions{display:flex;gap:1rem;flex-wrap:wrap} .title{font-size:3.5rem;font-weight:600} .wrapper{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden;width:100%;max-width:100%} .header{position:absolute;top:0;left:0;width:100%;background:#fff;z-index:1000} .header__container{display:flex;align-items:center;justify-content:space-between;min-height:5.75rem;flex-wrap:wrap;max-width:74.624rem} .header__logo{position:relative;z-index:2;display:flex;align-items:center} .header__navigation{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap} .menu__body{display:flex;align-items:center;gap:1.5rem} .menu__link{font-weight:600;position:relative} .actions-header{display:flex;align-items:center;gap:0.624rem} .icon-menu{display:none} .actions-header__button{font-weight:600;display:inline-block;padding:0.75rem 1.5rem;border:2px solid #303a4d;border-radius:30px;transition:all 0.3s;position:relative;z-index:2} .page__main{padding-bottom:160px} .main{position:relative;min-height:100vh;overflow:hidden} .main::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 100%);z-index:1} .main__video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1} .main__video{width:100%;height:100%;object-fit:cover} .main__container{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:19.188rem;color:#fff;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden} .main__caption{text-transform:uppercase;margin-bottom:1rem;font-weight:500;color:#fff} .main__title{font-size:5.5rem;font-weight:700;margin-bottom:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.3);letter-spacing:-0.02em;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word} .main__text{margin-bottom:3.5rem;max-width:33.375rem;line-height:150%;letter-spacing:0.02em;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.3);font-weight:500;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word} .main__button{font-weight:600;display:inline-block;padding:1.25rem 3rem;border-radius:30px;transition:all 0.3s;color:#fff;background-color:#303a4d;letter-spacing:0.02em;font-size:1.375rem;line-height:110%} .outro_home{background:url("../images/Home/CTA.webp") center / cover no-repeat} .main_products{background:url("../images/Products/Products_Hero.webp") center top / cover no-repeat} .products__container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:8.75rem;padding-bottom:8.75rem} .products__image{position:relative;max-width:552px;height:614px;overflow:hidden;border-radius:30px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;box-shadow:0 4px 20px rgba(0,0,0,0.1)} .products__image img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:30px;padding:2rem;transition:transform 0.3s ease;background-color:#f8f9fa} .products__image:hover img{transform:scale(1.02)} .products__title{margin-bottom:1.5rem} .products__text{max-width:30rem;letter-spacing:0.02em;line-height:150%;margin-bottom:3.5rem} .products__text p:not(:last-child){margin-bottom:2.5rem} .outro_products{background:url("../images/Home/CTA.webp") center / cover no-repeat} .main_solutions{background:url("../images/Solutions/Solutions_Hero.webp") center top / cover no-repeat} .solutions__container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:8.75rem;padding-bottom:8.75rem} .solutions__image{position:relative;max-width:552px;height:614px;overflow:hidden;border-radius:30px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;box-shadow:0 4px 20px rgba(0,0,0,0.1)} .solutions__image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:30px;padding:1rem;transition:transform 0.3s ease} .solutions__image:hover img{transform:scale(1.02)} .processing-line-image{object-fit:contain !important;object-position:center !important;padding:0 !important} .color-sorting-image{object-fit:contain !important;object-position:center !important} .solutions__title{margin-bottom:1.5rem} .solutions__text{max-width:30rem;letter-spacing:0.02em;line-height:150%;margin-bottom:3.5rem} .solutions__text p:not(:last-child){margin-bottom:2.5rem} .outro_solutions{background:url("../images/Solutions/CTA.webp") center / cover no-repeat} .testimonial__container{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;padding-top:8.75rem;padding-bottom:8.75rem} .testiomonial__caption{margin-bottom:4rem;font-weight:600;text-transform:uppercase} .testimonial__title{margin-bottom:4rem;font-size:2rem;max-width:40.75rem;line-height:136%;font-weight:500} .item-testimonial__image{max-width:64px;margin:0 auto;margin-bottom:1.063rem;height:64px} .item-testimonial__image img{width:100%;height:100%;object-fit:cover;border-radius:50%} .item-testimonial__title{margin-bottom:0.25rem;font-weight:600} .item-testimonial__caption{font-size:0.938rem} .outro{position:relative} .outro::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1} .outro__container{position:relative;z-index:2;padding-top:8.75rem;padding-bottom:8.75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff} .outro__title{margin-bottom:1.25rem;color:#fff} .outro__text{max-width:33.625rem;line-height:150%;margin-bottom:2.5rem;letter-spacing:0.02em;color:#fff} .outro__button{padding:1.25rem 3rem;background-color:#fff;color:#303a4d} .outro__button:hover{background-color:#303a4d;color:#fff} .footer{line-height:150%} .footer__container{padding-top:3.25rem;padding-bottom:3.25rem;max-width:74.624rem;display:flex;flex-direction:column;align-items:center;gap:1rem} .footer__social{display:flex;gap:1rem;margin-bottom:1rem} .footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#e1e4eb;border-radius:50%;color:#303a4d;font-size:20px;transition:all 0.3s ease;text-decoration:none;cursor:pointer} .footer__social-link:hover{background-color:#303a4d;color:#fff;text-decoration:none} .footer__logo{display:flex;align-items:center} .footer__copyright{font-weight:600;letter-spacing:0.02em;text-align:center;margin-top:1rem} .main__text_pages{max-width:45rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.3);font-weight:500;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word} .main__container_pages{padding-top:300px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden} .main_pages{min-height:770px !important} .services-page__container{padding-top:160px} .services-page__item{margin-bottom:132px} .services-page__item:not(:last-child){padding-bottom:132px;margin-bottom:132px;border-bottom:1px solid rgba(48,58,77,0.4)} .services-page__column{display:flex;align-items:center;gap:97px} .services-page__title{margin-bottom:24px} .services-page__text{margin-bottom:56px;max-width:480px;font-size:18px;line-height:150%;letter-spacing:0.02em} .services-page__text p:not(:last-child){margin-bottom:20px} .services-page__img{max-width:552px;height:614px} .services-page__img img{width:100%;height:100%;object-fit:cover;border-radius:16px} .main_contact{background:url("../images/Contact/Contact_Hero.webp") center top / cover no-repeat} .contact__container{display:flex;justify-content:space-between;gap:109px;padding-top:140px;padding-bottom:140px} .contact__title{margin-bottom:48px;font-weight:600;line-height:110%;font-size:40px} .connect-contact{display:flex;flex-direction:column;align-items:start;row-gap:32px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e1e4eb} .connect-contact__item{display:inline-flex;align-items:center;gap:24px} .connect-contact__icon{font-size:24px;color:#303a4d;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#e1e4eb;border-radius:50%} .connect-contact__label{font-size:22px;line-height:150%;letter-spacing:0.02em} .contact__text{max-width:545px;font-size:18px;line-height:150%} .contact__text p:not(:last-child){margin-bottom:15px} iframe{width:100vw;height:482px} .reviews__container{padding-top:160px;padding-bottom:160px} .reviews__row{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:96px} .reviews__column{border:1px solid #e1e4eb;border-radius:8px} .reviews__item{padding-top:48px;padding-bottom:56px;padding-right:32px;padding-left:32px} .item-reviews{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center} .item-reviews__img{max-width:46px;height:36px;margin:0 auto;margin-bottom:46px} .item-reviews__img img{width:100%;height:100%;object-fit:cover} .item-reviews__text{margin-bottom:40px;font-size:18px;letter-spacing:0.02em;line-height:150%} .item-reviews__author{font-weight:600;font-size:18px;letter-spacing:0.01em;margin-bottom:10px} .item-reviews__geo{font-size:14px;letter-spacing:0.002em} .pricing__container{padding-top:140px;padding-bottom:140px;display:flex;flex-direction:column;justify-content:center;align-items:center} .pricing__caption{font-size:24px;font-weight:600;margin-bottom:12px;letter-spacing:4%} .pricing__title{font-weight:600;font-size:72px;margin-bottom:24px} .pricing__text{font-size:22px;letter-spacing:2%;margin-bottom:88px} .pricing__row{display:flex;align-items:start;gap:24px} .pricing__column{border:2px solid #e1e4eb;border-radius:8px} .pricing__item{padding:40px;padding-bottom:48px} .item-pricing__info{padding-bottom:32px;border-bottom:1px solid #e1e4eb;margin-bottom:32px} .item-pricing__label{font-weight:600;font-size:18px;letter-spacing:1%;margin-bottom:16px} .item-pricing__cost{font-size:72px;font-weight:600;margin-bottom:16px} .item-pricing__list{margin-bottom:64px} .item-pricing__item{display:flex;align-items:center;gap:6px} .item-pricing__item::before{content:"";background:url("../img/pricing/check.svg") 0 0 no-repeat;width:16px;height:18px} .item-pricing__item:not(:last-child){margin-bottom:12px} .item-pricing__button{display:inline-block;font-size:22px;letter-spacing:2%;font-weight:600;color:#fff;padding:20px 82px;background-color:#303a4d;border-radius:64px} .team{background-color:#e1e4eb} .team__container{padding-top:140px;padding-bottom:140px;display:flex;flex-direction:column;justify-content:center;align-items:center} .team__title{text-align:center;margin-bottom:96px;max-width:483px} .team__row{display:grid;column-gap:24px;row-gap:96px;grid-template-columns:repeat(3,1fr)} .team__item{display:flex;flex-direction:column;justify-content:center;align-items:center} .item-team__img{max-width:360px;height:363px;margin-bottom:40px} .item-team__img img{width:100%;height:100%;border-radius:8px;object-fit:cover} .item-team__name{max-width:186px;font-size:32px;font-weight:600;line-height:120%;text-align:center;margin-bottom:12px} .item-team__role{display:flex;align-items:center;gap:6px;margin-bottom:26px;letter-spacing:2%} .item-team__role span{display:flex;align-items:center;gap:6px} .item-team__role span::after{content:"";background:url("../img/team/icons/star.svg") 0 0 no-repeat;width:12px;height:12px} .item-team__text{font-size:16px;text-align:center;letter-spacing:2%;line-height:150%;max-width:328px;margin-bottom:20px} .item-team__icons{display:flex;align-items:center;gap:12px} .faqs__container{padding-top:140px;padding-bottom:140px} .faqs__title{text-align:center;margin-bottom:80px} .spollers-faq__item{width:100%} .spollers-faq__item:not(:last-child){margin-bottom:24px} .spollers-faq__button{display:inline-block;border:2px solid #e1e4eb;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:8px} .spollers-faq__button span{padding-left:40px;padding-top:32px;padding-bottom:32px;font-weight:600} .spollers-faq__button img{padding-right:34.5px} .spollers-faq__text{max-height:0;overflow:hidden;width:100%;display:block} .spollers-faq__item.active .spollers-faq__text{max-height:1000px;max-height:calc(1000px + 16px)} .spollers-faq__item.active .spollers-faq__button{border-bottom:none;border-radius:8px 8px 0px 0px} .spollers-faq__item.active .spollers-faq__button span{padding-bottom:32px} .spollers-faq__item.active .spollers-faq__button img{transform:translate(-34px,0px) rotate(180deg)} .spollers-faq__inner{padding-top:20px;padding-left:40px;border:2px solid #e1e4eb;border-radius:0px 0px 8px 8px;line-height:150%;padding-bottom:20px;border-top:none;padding-right:100px} .director__container{padding-top:140px;padding-bottom:140px;display:flex;align-items:center;gap:96px} .director__title{margin-bottom:16px} .director__role{font-size:22px;letter-spacing:2%;margin-bottom:40px} .director__text{letter-spacing:2%;line-height:150%;max-width:480px} .director__text p:not(:last-child){margin-bottom:20px} .director__img{max-width:552px;height:614px} .director__img img{width:100%;height:100%;object-fit:cover;border-radius:16px} .gallery__container{padding-bottom:140px;padding-top:140px} .gallery__row{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:96px;margin-bottom:96px;justify-items:center} .gallery__item{max-width:360px;height:407px} .gallery__item img{width:100%;height:100%;object-fit:cover;border-radius:16px} .gallery__paggination{display:flex;align-items:center;justify-content:center;align-items:center;gap:42px} .gallery__paggination button:first-child{transform:translate(0px,5px)} .gallery__paggination button:last-child{transform:rotate(-180deg) translate(0px,5px)} .gallery_active{color:#fff;padding:10px 15px;background-color:#303a4d;border-radius:100px;display:inline-block} .resources__container{padding-top:140px;padding-bottom:140px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:96px;justify-items:center} .resources__img{max-width:360px;height:330px;margin-bottom:32px} .resources__img img{width:100%;height:100%;object-fit:cover;border-radius:12px} .resources__title{font-weight:600;font-size:24px;margin-bottom:12px} .resources__text{letter-spacing:2%;line-height:150%;max-width:243px;margin-bottom:32px} .resources__button{background-color:#fff;color:#303a4d;font-weight:600;letter-spacing:2%;border:2px solid #303a4d;border-radius:64px} @media (max-width:992px){.solutions-page__row{grid-template-columns:1fr;gap:6rem;justify-items:center} .solutions-page__item{text-align:center;align-items:center} .page__main{padding-bottom:80px} } @media (min-width:47.999rem){.menu__list{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap} } @media (max-width:995px){.item-pricing__button{font-size:19px} } @media (max-width:62.6875rem){.resources__container{padding-top:70px;padding-bottom:70px;grid-template-columns:repeat(2,1fr)} .gallery__paggination{gap:27px} .gallery__row{grid-template-columns:repeat(2,1fr)} .team__row{grid-template-columns:repeat(2,1fr);row-gap:30px} .director__container{flex-direction:column;padding-top:70px;padding-bottom:70px;gap:10px;text-align:center} .item-pricing{padding:20px;padding-bottom:30px} .pricing__title{font-size:39px} .pricing__text{margin-bottom:25px} .item-pricing__button{padding:16px 42px} .footer__container{display:flex;flex-direction:column;align-items:center;padding:2rem} .footer__logo{margin-bottom:1rem} .services-page__column{gap:30px;font-size:15px} .services-page__title{font-size:29px} .reviews__row{grid-template-columns:repeat(2,1fr);row-gap:30px;column-gap:10px} .reviews__item{padding-left:20px;padding-right:20px;padding-bottom:20px;padding-top:20px;display:inline-block} .item-reviews__text{font-size:16px} .item-reviews__author{font-size:16px} } @media (max-width:61.936rem){.footer__container{flex-direction:column;justify-content:center;align-items:center;text-align:center;row-gap:0.938rem} .logo{font-size:2rem} } @media (max-width:530px){.reviews__row{grid-template-columns:1fr} .team__row{grid-template-columns:1fr} .gallery__row{grid-template-columns:1fr} .resources__container{grid-template-columns:1fr} } @media (max-width:768px){.footer__social{margin-bottom:1rem} .contact__container{flex-direction:column;padding:4rem 1rem;gap:3rem} .contact__title{font-size:2rem;margin-bottom:2rem} .connect-contact{margin-bottom:2rem;padding-bottom:2rem} .connect-contact__item{flex-direction:column;align-items:flex-start;gap:1rem;text-align:left} .connect-contact__icon{width:40px;height:40px;font-size:1.2rem} .connect-contact__label{font-size:1.1rem} .contact__text{font-size:1rem;max-width:100%} .contact-form__container{padding:2rem 1rem} .contact-form__title{font-size:1.75rem;margin-bottom:1.5rem} .contact-form__row{flex-direction:column;gap:1rem} .contact-form__field{width:100%} .contact-form__input,.contact-form__textarea{width:100%;font-size:1rem} .contact-form__button{width:100%;padding:1rem;font-size:1rem} iframe{height:300px} .conveying-solutions-image{object-fit:contain !important;padding:0 !important;background-color:#fff} } @media (max-width:480px){.main__container,.main__container_pages{padding-top:10rem;padding-left:0.75rem;padding-right:0.75rem} .main__title{font-size:1.75rem;line-height:1.15;margin-bottom:1rem;padding:0 0.25rem} .main__text,.main__text_pages{font-size:0.9rem;padding:0 0.25rem} .main_pages{min-height:450px !important} .contact__container{padding:3rem 1rem} .contact__title{font-size:1.75rem} .connect-contact__label{font-size:1rem} .contact-form__title{font-size:1.5rem} } .contact-form{background-color:#f8f9fa;padding:4rem 0} .contact-form__container{max-width:800px;margin:0 auto;padding:0 1rem} .contact-form__title{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:600} .contact-form__form{display:flex;flex-direction:column;gap:1.5rem} .contact-form__row{display:flex;gap:1.5rem} .contact-form__field{flex:1;display:flex;flex-direction:column;gap:0.5rem} .contact-form__label{font-weight:500;color:#303a4d} .contact-form__input,.contact-form__textarea{padding:0.75rem;border:1px solid #e1e4eb;border-radius:8px;font-size:1rem;transition:border-color 0.3s ease} .contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:#303a4d} .contact-form__textarea{resize:vertical;min-height:150px} .contact-form__button{align-self:center;padding:1rem 2rem;font-size:1.1rem} @media (max-width:768px){.contact-form__row{flex-direction:column;gap:1rem} .contact-form__container{padding:0 1.5rem} } .subcategories{display:none;margin-top:2rem;padding:2rem;background-color:#f8f9fa;border-radius:30px;width:100%} .subcategories.active{display:block} .subcategories__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1rem} .subcategory-item{display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding:1rem;background-color:#fff;border-radius:20px;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.05);text-decoration:none;color:inherit;cursor:pointer} .subcategory-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);text-decoration:none;color:inherit} .subcategory-item img{width:100%;height:180px;object-fit:contain;border-radius:15px;background-color:#f8f9fa;padding:0.75rem} .subcategory-item span{font-weight:500;text-align:center;color:#303a4d;font-size:0.95rem;line-height:1.2} @media (max-width:1200px){.subcategories__grid{grid-template-columns:repeat(3,1fr)} } @media (max-width:992px){.subcategories__grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:576px){.subcategories__grid{grid-template-columns:1fr} .subcategory-item img{height:200px} } @media (max-width:47.999rem){.main__container,.main__container_pages{padding-left:1rem;padding-right:1rem;padding-top:12rem;max-width:100%;width:100%;box-sizing:border-box} .main__title{font-size:2rem;line-height:1.2;margin-bottom:1.5rem;padding:0 0.5rem;word-wrap:break-word;overflow-wrap:break-word;max-width:100%} .main__text,.main__text_pages{font-size:1rem;line-height:1.5;padding:0 0.5rem;max-width:100%;word-wrap:break-word;overflow-wrap:break-word} .main_pages{min-height:500px !important} .products__container,.solutions__container{flex-direction:column;padding-top:4.375rem;padding-bottom:4.375rem;gap:2rem} .products__image,.solutions__image{order:-1;width:100%;max-width:100%;height:300px;margin-bottom:1rem} .products__content,.solutions__content{order:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%} .products__image img,.solutions__image img{height:100%;object-fit:cover;padding:0;border-radius:12px} .products__title,.solutions__title{font-size:2rem;margin-bottom:1rem} .products__text,.solutions__text{font-size:1rem;max-width:100%;margin-bottom:2rem} .products__button,.solutions__button{width:100%;text-align:center} .menu__list{display:none} .menu__icon{display:block;position:relative;width:30px;height:18px;cursor:pointer;z-index:5} .menu__icon span,.menu__icon::before,.menu__icon::after{content:"";transition:all 0.3s ease 0s;right:0;position:absolute;width:100%;height:2px;background-color:#303a4d} .menu__icon::before{top:0} .menu__icon::after{bottom:0} .menu__icon span{top:50%;transform:scale(1) translate(0px,-50%)} .menu-open .menu__icon span{transform:scale(0) translate(0px,-50%)} .menu-open .menu__icon::before{top:50%;transform:rotate(-45deg) translate(0px,-50%)} .menu-open .menu__icon::after{bottom:50%;transform:rotate(45deg) translate(0px,50%)} .menu__body{position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#fff;padding:100px 30px 30px 30px;transition:left 0.3s ease 0s;overflow:auto;z-index:4;display:flex;flex-direction:column;align-items:center} .menu__body::before{content:"";position:fixed;top:0;left:-100%;width:100%;height:80px;background-color:#fff;transition:left 0.3s ease 0s;z-index:2} .menu-open .menu__body,.menu-open .menu__body::before{left:0} .menu__list{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:auto} .menu__link{font-size:1.5rem;text-align:center} .actions-header__button{display:block;margin:2rem 0;padding:1rem 2rem;font-size:1.2rem;background-color:#303a4d;color:#fff;border:none;border-radius:30px;text-align:center;width:100%;max-width:250px} .language-selector{margin:2rem 0;width:100%;display:flex;flex-direction:column;align-items:center} .language-selector__button{width:100%;max-width:200px;justify-content:center} .language-selector__dropdown{position:static;margin-top:1rem;width:100%;max-width:200px} .header__container{min-height:80px} } .language-selector{position:relative;margin-right:1rem} .language-selector__button{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(48,58,77,0.05);border:none;border-radius:8px;color:#303a4d;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem} .language-selector__button i{font-size:1.1rem;transition:transform 0.3s ease} .language-selector.active .language-selector__button i{transform:rotate(180deg)} .language-selector__button:hover{background:rgba(48,58,77,0.1)} .language-selector__button:hover i{transform:rotate(15deg)} .language-selector.active .language-selector__button:hover i{transform:rotate(195deg)} .current-language{font-size:0.8rem;opacity:0.8} .language-selector__dropdown{position:absolute;top:calc(100% + 0.5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);display:none;z-index:1000;min-width:160px;overflow:hidden;transform-origin:top right;animation:dropdownFade 0.2s ease} @keyframes dropdownFade{from{opacity:0;transform:scale(0.95)} to{opacity:1;transform:scale(1)} } .language-selector.active .language-selector__dropdown{display:block} .language-selector__option{display:block;padding:0.75rem 1rem;color:#303a4d;text-decoration:none;transition:all 0.2s ease;font-size:0.9rem} .language-selector__option:hover{background-color:rgba(48,58,77,0.05)} .language-selector__option.active{background-color:rgba(48,58,77,0.05);font-weight:600;color:#303a4d} @media (max-width:768px){.language-selector{margin:1rem 0} .language-selector__dropdown{position:static;margin-top:0.5rem;box-shadow:none;border:1px solid rgba(48,58,77,0.1)} } .mobile-only{display:none} @media (max-width:47.999rem){.mobile-only{display:block} .desktop-only{display:none} .mobile-actions{display:flex;flex-direction:column;align-items:center;width:100%} .mobile-actions .language-selector{margin:1rem 0} .mobile-actions .actions-header__button{margin:1rem 0} } @media (max-width:768px){.footer__container{padding-left:1rem;padding-right:1rem;width:100%;box-sizing:border-box;overflow-x:hidden} .footer__copyright{display:block;width:100%;max-width:100%;padding:0;font-size:0.8rem;line-height:1.5;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;box-sizing:border-box;margin-left:auto;margin-right:auto} .outro__container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;box-sizing:border-box;overflow-x:hidden} .outro__title,.outro__text{width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;padding-left:0.5rem;padding-right:0.5rem} .outro__title{font-size:1.5rem;line-height:1.2} .outro__text{font-size:0.9rem} } @media (min-width:992px){.solutions__content,.products__content{display:flex;flex-direction:column;align-items:center;text-align:center} .products__text,.solutions__text{text-align:justify;text-justify:inter-word;max-width:35rem;margin-left:auto;margin-right:auto} .products__button,.solutions__button{margin-left:auto;margin-right:auto} .products__actions{justify-content:center} }