@charset "UTF-8";.wrapper{margin: 0 auto;width: 100%;max-width: 1200px}.section-heading{position: relative;display: block;width: 100%;margin-bottom: 2em;font-size: 5rem;font-weight: 700;text-transform: uppercase;color: #0a1d3b;letter-spacing: 2px;text-align: center}.section-padding{padding: 6em 2em}.line{display: block;transform: rotate(90deg);top: 20%;right: 50%;border: 1px solid black}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform: translateY(0)}40%{transform: translateY(-10px)}60%{transform: translateY(-5px)}}@keyframes slideInFromLeft{0%{opacity: 0;transform: translateX(-100px)}100%{opacity: 1;transform: translateX(0)}}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 62.5%;scroll-behavior: smooth}body{font-family: "Open Sans", "Montserrat", Arial, sans-serif;font-size: 1.6rem}.burger-btn{position: fixed;display: none;z-index: 1000;right: 2em;top: 2em;background: none;border: 2px solid transparent;cursor: pointer;z-index: 10000}.burger-btn:focus{outline: none;border: 1px solid transparent}.burger-btn:hover .burger-btn__box{transform: scale(1.2)}.burger-btn__box{position: relative;width: 40px;height: 30px;transition: transform 0.1s ease}.burger-btn__bars, .burger-btn__bars::after, .burger-btn__bars::before{position: absolute;right: 0;height: 3px;content: "";background-color: #f4c430;border-radius: 1em}.burger-btn__bars{width: 100%}.burger-btn__bars::after{top: 13px;width: 100%}.burger-btn__bars::before{top: 27px;width: 100%}.nav{position: fixed;z-index: 1000;display: flex;justify-content: end;align-items: center;width: 100%;max-height: 6em;border: none}.nav__items{display: flex;justify-content: end;align-items: center;padding: 2em;margin: 2em}.nav__item{position: relative;display: inline;margin: 0.5em 0.5em;padding: 0.5em;font-size: 2rem;text-decoration: none;color: #f4c430;border: 0.5px solid transparent;border-radius: 20px;transition: color 0.1s linear, background-color 0.1s linear, box-shadow 0.1s linear, color 0.1s linear}.nav__item:hover{background-color: #f4c430;box-shadow: 1px 1px 5px #f4c430;color: #0a1d3b}.nav .nav__item__contact{background-color: #f4c430;color: #0a1d3b;border-radius: 20px;transition: background-color 0.1s linear, box-shadow 0.1s linear, color 0.1s linear}.nav .nav__item__contact:hover{background-color: transparent;box-shadow: 1px 1px 5px transparent;color: #f4c430}.nav-scroll{max-height: 6em;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.6) 100%);z-index: 1}.header{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding: 2em;height: 100vh;width: 100%;text-align: center;background-image: linear-gradient(193deg, rgba(0, 0, 0, 0.7) 25%, rgba(227, 227, 227, 0.4) 63%, rgba(245, 245, 245, 0.3) 88%), url("../img/bgc_large.webp");background-size: cover;background-position: center;background-attachment: scroll;height: 100vh}.header .header-elements{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;margin: 0 0 10em 0}.header .header-elements img{max-width: 600px;width: 100%;height: auto;animation-delay: 0.2s}.header .header-elements .header-title{font-size: 2em;padding: 0.2em;font-weight: 400;color: white;border: 1px solid #0a1d3b;border-radius: 20px;box-shadow: 0 1px 5px #0a1d3b;background-color: #0a1d3b;animation-delay: 0.5s}.header .header-elements .tagline{font-size: 4rem;font-weight: 600;color: #0a1d3b;animation-delay: 0.8s;margin: 1em 0 0 0}.header .arrow__btn__head{position: absolute;left: calc(50% - 24px);bottom: 0;background-color: transparent;border: 1px solid transparent;cursor: pointer;animation: bounce 1.5s infinite}.header .arrow__btn__head .arrow-icon{width: 4em;height: auto;padding: 0.5em;color: rgba(10, 29, 59, 0.5019607843);transition: transform 0.3s linear, color 0.4s linear}.header .arrow__btn__head:hover .arrow-icon{transform: scale(1.2);color: #0a1d3b}img,.header-title,.tagline{opacity: 0;transform: translateX(-100px);animation: slideInFromLeft 0.8s forwards}.main{background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);overflow: hidden}.main .about-us{display: grid;grid-template-columns: 1fr 2fr 1fr;row-gap: 4em;padding-top: 6em}.main .about-us__description{grid-column: 2/3;grid-row: 1/2;text-align: center;opacity: 0;transition: transform 0.8s ease-out, opacity 0.8s ease-out}.main .about-us__description__icon{display: grid;place-items: center;width: 100%;max-width: 100%;height: auto;color: #f4c430}.main .about-us__description__icon .icon-gears{max-width: 15em}.main .about-us__description__title{font-size: 3rem;padding: 0.5em;color: #0a1d3b}.main .about-us__description__text{color: #696969}.main .about-us__mission{grid-column: 3/4;grid-row: 3/4;text-align: left;text-align: center;opacity: 0;transition: transform 0.8s ease-out, opacity 0.8s ease-out}.main .about-us__mission__icon{display: grid;place-items: center;width: 100%;max-width: 100%;height: auto;color: #f4c430}.main .about-us__mission__icon .star-icon{max-width: 15em}.main .about-us__mission__title{font-size: 3rem;padding: 0.5em;color: #0a1d3b}.main .about-us__mission__text{color: #696969}.main .about-us__adventages{text-align: center;grid-column: 1/4;grid-row: 7/8;background-image: linear-gradient(0deg, rgb(10, 29, 59) 33%, rgb(41, 53, 86) 51%);width: 100vw;margin-left: calc(-50vw + 50%);padding: 3rem 0}.main .about-us__adventages__title{font-size: 3rem;padding: 2em;color: #f4c430}.main .about-us__adventages__text{color: #696969}.main .about-us__adventages img{width: 100%}.main .about-us__vision{grid-column: 1/2;grid-row: 3/4;text-align: left;text-align: center;opacity: 0;transition: transform 0.8s ease-out, opacity 0.8s ease-out}.main .about-us__vision__icon{display: grid;place-items: center;width: 100%;max-width: 100%;height: auto;color: #f4c430}.main .about-us__vision__icon .globe-icon{max-width: 15em}.main .about-us__vision__title{font-size: 3rem;padding: 0.5em;color: #0a1d3b}.main .about-us__vision__text{color: #696969}.main .about-us__experience{grid-column: 2/3;grid-row: 9/10;text-align: center;opacity: 0;transition: transform 0.8s ease-out, opacity 0.8s ease-out}.main .about-us__experience__icon{color: #f4c430}.main .about-us__experience__icon .hand-icon{max-width: 15em}.main .about-us__experience__title{font-size: 3rem;padding: 0.5em;color: #0a1d3b}.main .about-us__experience__text{color: #696969}.main .about-us__description{transform: translateY(-50px);transition-delay: 0s}.main .about-us__mission{transform: translateX(50px);transition-delay: 0.2s}.main .about-us__vision{transform: translateX(-50px);transition-delay: 0.4s}.main .about-us__experience{transform: translateY(50px);transition-delay: 0.2s}.main .show{opacity: 1;transform: translate(0, 0)}.main .carousel{position: relative;overflow: hidden;max-width: 1440px;margin: auto;border: none}.main .carousel-track{display: flex;transition: transform 0.5s ease-in-out}.main .slide{flex: 0 0 calc(33.333% - 10px);margin-right: 15px;box-sizing: border-box;text-align: center;padding: 0.5em}.main .slide:last-child{margin-right: 0}.main .slide img{max-height: 250px;max-width: 400px;border-radius: 8px}.main .slide h3{margin: 10px 0 5px;color: #f4c430}.main .slide p{font-size: 14px;color: #ffffff}.main .prev,.main .next{position: absolute;top: 39%;transform: translateY(-50%);background: none;color: #ffffff;border: none;font-size: 7rem;padding: 10px;cursor: pointer;border-radius: 50%;z-index: 2}.main .prev{left: 15px}.main .next{right: 15px}.main .dots{text-align: center;margin-top: 10px}.main .dot{display: inline-block;width: 12px;height: 12px;margin: 0 5px;background: #ffffff;border-radius: 50%;cursor: pointer}.main .product-brands{position: relative;display: flex;flex-wrap: wrap;justify-content: center}.main .product-brands .brand{display: flex;flex-direction: column;align-items: center;justify-content: space-between;flex: 0 0 30%;min-width: 200px;max-width: 400px;min-height: 0;padding: 2em;margin: 1cap;overflow: hidden;background-color: #ffffff;box-shadow: 0 1px 5px gray;border-radius: 20px;box-sizing: border-box;transition: transform 0.3s linear, box-shadow 0.3s linear, max-height 0.5s ease, opacity 0.5s ease}.main .product-brands .brand__img{display: flex;justify-content: center;max-height: 150px;align-items: center;min-height: 100px;padding: 3em}.main .product-brands .brand__logo{display: flex;max-width: 200px;max-height: 150px;padding: 3em 0 0 1em;-o-object-fit: contain;object-fit: contain;margin-bottom: 1em}.main .product-brands .brand__text{display: flex;flex-direction: column;flex: 1;justify-content: center;align-items: center;text-align: center;padding: 1em 0;width: 100%}.main .product-brands .brand__title{width: 100%;font-size: 1em;margin: 0.3em 0;color: #696969}.main .product-brands .brand__title span{font-size: 0.9em;font-weight: 500;padding: 0.2em}.main .product-brands .brand__description{font-size: 0.9em;line-height: 1.4;padding: 0.3em 0.5em;text-align: center;color: #353535;margin: 0.5em 0}.main .product-brands .brand__link{margin-top: auto;padding: 0.4em;border: 1px solid #f4c430;border-radius: 20px;font-size: 0.8em;font-weight: bold;background-color: #f4c430;box-shadow: 0 1px 5px rgb(161, 120, 6);color: #0a1d3b;text-decoration: none;cursor: pointer;transition: background-color 0.3s}.main .product-brands .brand__link i{font-size: 1.2em;color: #0a1d3b}.main .product-brands .brand__link:hover{background-color: transparent;color: #0a1d3b}.main .product-brands .brand:hover{transform: scale(110%);box-shadow: 0 4px 10px rgb(58, 58, 58)}.main .product-brands .arrow__btn{display: grid;place-items: center;width: 100%;max-width: 100%;height: auto;background-color: transparent;cursor: pointer;color: rgba(10, 29, 59, 0.5019607843);border: transparent}.main .product-brands .icon-arrow-down{max-width: 4em;border: none;transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s linear, color 0.4s linear;padding: 0.2em}.main .product-brands .icon-arrow-down:hover{transform: scale(120%);color: #0a1d3b}.main .product-brands .hidden-brands{display: flex;flex-wrap: wrap;justify-content: center;overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.7s ease, opacity 0.7s ease}.main .product-brands .icon-sticky{bottom: 20px;left: 50%}.main .contact{padding: 2em;text-align: center;background-image: linear-gradient(0deg, rgb(10, 29, 59) 33%, rgb(41, 53, 86) 51%)}.main .contact h2{margin-bottom: 1em;color: #f4c430}.main .contact__form{display: flex;flex-direction: column;max-width: 500px;margin: 0 auto}.main .contact__form label{margin-top: 1em;margin-bottom: 0.5em;text-align: left;color: #fff;text-align: center}.main .contact__form input,.main .contact__form textarea{padding: 0.5em;font-size: 1em;border: 1px solid #ccc;border-radius: 5px;width: 100%}.main .contact__form button{margin-top: 1em;padding: 0.75em;background-color: #f4c430;color: #0a1d3b;font-weight: bold;border: none;border-radius: 5px;cursor: pointer;transition: transform 0.3s linear}.main .contact__form button:hover{transform: scale(105%)}.main .contact__form__checkbox{margin: 15px;display: flex;height: 100%;align-items: center}.main .contact__form__checkbox input{margin-right: 10px;margin-top: 3px;width: 18px;height: 18px;cursor: pointer}.main .contact__form__checkbox label{font-size: 1.3rem;line-height: 1.4;cursor: pointer}.main .contact__form__checkbox a{color: #f4c430;text-decoration: underline}.main .contact__form__checkbox a:hover{text-decoration: none}.main .contact__form .form-message{margin-top: 10px;padding: 10px 15px;border-radius: 5px;font-weight: bold;display: none;transition: opacity 0.3s ease}.main .contact__form .form-message.success{color: #01ca30}.main .contact__form .form-message.error{color: #c00518}.footer{display: grid;grid-template-areas: "logo contact nav social" "copy copy copy copy";grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;padding: 15px;background: #111;color: #ffffff;align-items: center}.logo-footer{grid-area: logo;max-width: 20vw;height: auto}.contact-details{grid-area: contact;font-size: 1.5rem;line-height: 1.5}.contact-details h3{margin-bottom: 10px;color: #f4c430}.nav-footer{grid-area: nav;display: flex;flex-direction: column;gap: 15px}.nav-footer a{color: #f4c430;text-decoration: none;font-size: 1.5rem}.nav-footer a:hover{color: #ffffff}.social-media{grid-area: social;display: flex;flex-direction: row;justify-content: center}.social-media .social-icon{width: 2em;height: 2em;padding: 0.5em;color: #f4c430}.copyright{grid-area: copy;text-align: center;font-size: 1em}.privacy-policy{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;height: 100vh;margin: 2em;line-height: 2;background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%)}.privacy-policy__title{color: #0a1d3b;font-weight: 800}.privacy-policy__tagline{color: #696969}.privacy-policy__subsection{font-size: 2rem;color: #0a1d3b}.privacy-policy__description{color: #696969}.bold{color: #0a1d3b;font-weight: 700}@media (max-width: 1280px){html{font-size: 60%}.wrapper{max-width: 1100px}.header{align-items: flex-start}.header .header-elements{margin-bottom: 6.5em}.header .header-elements img{max-width: 68%}.header .header-elements .tagline{font-size: 3rem}.main{grid-template-columns: 1fr 1fr 1fr}.main .about-us{padding: 3em;margin: 2em}.main .about-us__description{grid-column: 1/-1;grid-row: auto}.main .about-us__description__title{padding: 0.2em}.main .about-us__vision{grid-column: 1/1;grid-row: 2/2}.main .about-us__vision__icon{font-size: 11em}.main .about-us__vision__title{font-size: 3rem;padding: 0.2em}.main .about-us__mission{grid-column: 3/3;grid-row: 2/2}.main .about-us__mission__icon{font-size: 11em}.main .about-us__mission__title{font-size: 3rem;padding: 0.2em}.main .about-us__experience{grid-column: 1/-1;grid-row: auto}.main .about-us__experience__title{font-size: 3rem;padding: 0.2em}.main .about-us__adventages{padding: 2em;grid-column: 1/-1;grid-row: auto}.main .carousel .slide{flex: 0 0 33.333%}.main .product-brands .brand{margin: 1em}.main .product-brands .section-heading{font-size: 4rem}.main .contact__form{padding: 1em}.main .contact__form input,.main .contact__form textarea{font-size: 0.9em}.footer .social-media .social-icon{width: 5em;height: 5em}}@media (max-width: 1024px){html{font-size: 60%}.burger-btn{display: flex}.nav{max-height: 40%;flex-direction: column;max-height: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.6) 100%);transition: max-height 0.3s ease-in}.nav__items{flex-direction: column}.active{max-height: 40vh}.nav-scroll{z-index: 1}.header{align-items: center}.header .header-elements{align-items: center;text-align: center;margin-bottom: 6.5em}.header .header-elements img{max-width: 70%}.header .header-elements .header-title{font-size: 3rem}.header .header-elements .tagline{font-size: 3.5rem}.main{grid-template-columns: 1fr 1fr 1fr}.main .about-us{padding: 3em;margin: 2em}.main .about-us__description{grid-column: 1/-1;grid-row: auto}.main .about-us__description__title{font-size: 3rem;padding: 0.2em}.main .about-us__vision{grid-column: 1/1;grid-row: 2/2}.main .about-us__vision__icon{font-size: 11em}.main .about-us__vision__title{font-size: 3rem;padding: 0.2em}.main .about-us__mission{grid-column: 3/3;grid-row: 2/2}.main .about-us__mission__icon{font-size: 11em}.main .about-us__mission__title{font-size: 3rem;padding: 0.2em}.main .about-us__experience{grid-column: 1/-1;grid-row: auto}.main .about-us__experience__title{font-size: 3rem;padding: 0.2em}.main .about-us__adventages{padding: 2em;grid-column: 1/-1;grid-row: auto}.main .carousel .slide{flex: 0 0 50%;margin-right: 0;padding: 1em}.main .product-brands .brand{flex: 0 0 30%;margin: 1em}.main .product-brands .section-heading{font-size: 4rem}.footer{grid-template-areas: "logo contact nav social" "copy copy copy copy";grid-template-columns: 1fr 1fr 1fr 1fr;text-align: center}.footer .logo-footer{max-width: 400px;margin: 0 auto}.footer .social-media{font-size: 3.5em;display: flex;flex-direction: column}.footer .social-media .social-icon{padding: 0.1em;color: #f4c430}.footer .social-media .social-icon{width: 3em;height: 3em}}@media (max-width: 768px){html{font-size: 60%}.burger-btn{display: flex}.nav{max-height: 40%;flex-direction: column;z-index: 1000;width: 100%;max-height: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.6) 100%);transition: max-height 0.3s ease-in}.nav__items{flex-direction: column}.active{max-height: 40vh}.nav-scroll{z-index: 1}.header{align-items: center}.header .header-elements{align-items: center;text-align: center;margin-bottom: 2.9em}.header .header-elements img{max-width: 100%}.header .header-elements .header-title{font-size: 2rem}.header .header-elements .tagline{font-size: 2.5rem;margin: 1em 0}.header .arrow__btn__head{left: auto}.main{grid-template-columns: 1fr}.main .about-us{padding: 3em}.main .about-us__description{grid-column: 1/-1;grid-row: auto}.main .about-us__description__title{font-size: 3rem;padding: 0.2em}.main .about-us__vision{grid-column: 1/-1;grid-row: auto}.main .about-us__vision__icon .globe-icon{max-width: 2em}.main .about-us__vision__title{font-size: 3rem;padding: 0.2em}.main .about-us__mission{grid-column: 1/-1;grid-row: auto}.main .about-us__mission__icon .star-icon{max-width: 2em}.main .about-us__mission__title{font-size: 3rem;padding: 0.2em}.main .about-us__experience{grid-column: 1/-1;grid-row: auto}.main .about-us__adventages{padding: 2em;grid-column: 1/-1;grid-row: auto;width: 100vw;height: auto}.main .carousel .slide{flex: 0 0 100%;margin-right: 0}.main .product-brands .brand{flex: 0 0 70%;margin: 1em 0}.main .product-brands .section-heading{font-size: 3rem}.main .contact__form{padding: 1em}.main .contact__form input,.main .contact__form textarea{font-size: 0.9em}.footer{grid-template-areas: "logo" "contact" "nav" "social" "copy";grid-template-columns: 1fr;text-align: center}.footer .logo-footer{max-width: 400px;margin: 0 auto}.footer .social-media{justify-content: center}.footer .social-media .social-icon{width: 2em;height: 2em}}@media (max-width: 480px){html{font-size: 55%}.burger-btn{display: flex}.nav{max-height: 40%;flex-direction: column;z-index: 1000;width: 100%;max-height: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.6) 100%);transition: max-height 0.3s ease-in}.nav__items{flex-direction: column}.active{max-height: 40vh}.nav-scroll{z-index: 1}.header{align-items: center}.header .header-elements{align-items: center;text-align: center;margin-bottom: 2.5em}.header .header-elements img{max-width: 100%}.header .header-elements .header-title{font-size: 2rem}.header .header-elements .tagline{font-size: 3rem;margin: 1em 0}.header .arrow__btn__head{left: auto}.main{grid-template-columns: 1fr}.main .about-us{padding: 4em}.main .about-us__description{grid-column: 1/-1;grid-row: auto}.main .about-us__description__icon{font-size: 11em}.main .about-us__description__title{font-size: 3rem;padding: 0.2em}.main .about-us__vision{grid-column: 1/-1;grid-row: auto}.main .about-us__vision__icon{font-size: 11em}.main .about-us__vision__title{font-size: 3rem;padding: 0.2em}.main .about-us__mission{grid-column: 1/-1;grid-row: auto}.main .about-us__mission__icon{font-size: 11em}.main .about-us__mission__title{font-size: 3rem;padding: 0.2em}.main .about-us__experience{grid-column: 1/-1;grid-row: auto}.main .about-us__adventages{padding: 2em;grid-column: 1/-1;grid-row: auto;width: 100vw;height: auto}.main .carousel .slide{flex: 0 0 100%;margin-right: 0}.main .product-brands .brand{flex: 0 0 90%;margin: 1em 0}.main .product-brands .section-heading{font-size: 3rem}.main .contact__form{padding: 1em}.main .contact__form input,.main .contact__form textarea{font-size: 0.9em}.footer{grid-template-areas: "logo" "contact" "nav" "social" "copy";grid-template-columns: 1fr;text-align: center}.footer .logo-footer{max-width: 150px;margin: 0 auto}.footer .social-media{justify-content: center}.footer .social-media .social-icon{width: 2em;height: 2em}}