@font-face{font-family:Instrument;src:url(/assets/fonts/Instrument.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--background-50:#f1f7f8;--background-100:#e2eef0;--background-200:#d4e6e9;--background-300:#c5dee2;--background-400:#b7d6da;--background-500:#a8cdd3;--background-600:#9ac5cc;--bg-200-opacity:#d4e6e9cc;--primary-color:#30a8ad;--onprimary-color:#9ad0d2;--primary-text-color:#0c1414;--onprimary-text-color:#ebf9fa;--secondary-color:#0261a8;--onsecondary-color:#8ca5d0;--secondary-text-color:#090d14;--onsecondary-text-color:#eceff7;--third-color:#0c6069;--onthird-color:#eaf0f0;--third-text-color:#060d0e;--onthird-text-color:#eaf0f0;--forth-color:#c7eef0;--background-text-color:#9cbec5;--fifth-color:#077483;--onfifth-color:#ebf2f3;--sixth-color:#30a8ad;--onsixth-color:#eef7f7;--nav-color:#c3d8dc;--textinput-color:#d5dbe7;--about-container-color:#1d565d;--about-container-color2:#0c3844;--about-text-title-color:#6fd2d8;--about-text-color:#f2f2f2;--about-list-color:#e4f0f1;--button-color:#5ca5b0;--button-hover-color:#35676e;--grey-50:#f3f3f3;--grey-100:#e7e7e7;--grey-200:#dbdbdb;--grey-300:#cfcfcf;--grey-400:#c3c3c3;--grey-500:#b8b8b8;--grey-600:#acacac;--grey-700:#a1a1a1;--grey-800:#969696;--grey-900:#8b8b8b;--grey-950:gray;--blue-50:#f5f7f8;--blue-100:#ebeff2;--blue-200:#e1e6eb;--blue-300:#d7dee4;--blue-400:#ced6de;--blue-500:#c4ced7;--blue-600:#bac6d1;--blue-700:#b1beca;--blue-800:#a7b6c4;--blue-900:#9dafbd;--blue-950:#94a7b7;--small-font-size:.8rem;--normal-font-size:1rem;--medium-font-size:1.125rem;--large-font-size:1.5rem;--xlarge-font-size:2rem;--xxlarge-font-size:2.5rem;--xxxlarge-font-size:5rem;--xxxxlarge-font-size:7rem;--title-font-size:clamp(2rem, 5vw, 3rem);--sub-title-font-size:clamp(1.125rem, 2.5vw, 1.6rem);--paragraph-font-size:clamp(1rem, 2.5vw, 1.125rem);--par-font-size:clamp(1rem, 2.5vw, 1.313rem);--gallery-par-font-size:clamp(1.125rem, 2.5vw, 1.2rem);--border-size:45px 8px 45px 45px;--white-space:10px 20px}*{letter-spacing:normal;box-sizing:border-box;margin:0;padding:0;font-family:Instrument}@keyframes intro-slide-up{to{opacity:1;transform:translateY(0)}}.about-us-page{flex-direction:column;width:100%;min-width:380px;min-height:800px;display:flex}.title-color-span{color:var(--fifth-color)}.strong-text{color:var(--third-color)}.gallery-nav-bar{opacity:0;flex-flow:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;animation:.8s .9s forwards intro-slide-up;display:flex;transform:translateY(-50px)}.gallery-nav-bar .custom-icon-btn{background:var(--background-200);filter:drop-shadow(0 4px 5px #0000)}.dot-bar{background:var(--background-200);border-radius:45px;flex-flow:wrap;justify-content:center;align-items:center;gap:20px;width:120px;height:40px;display:flex}.dot{background-color:var(--background-500);border-style:none;border-radius:5px;width:12px;height:12px;transition:background-color .4s,width .4s ease-in-out,height .4s,border-radius .4s .2s;display:inline-block}.dot.active{background-color:var(--fifth-color);border-radius:10px;width:20px;height:10px}.section-title{font-size:var(--title-font-size);opacity:0;width:clamp(350px,84.5vw,1024px);margin:0 auto;padding:20px 0;animation:.8s .2s forwards intro-slide-up;transform:translateY(-100px)}.about-us-section{flex-flow:column wrap;justify-content:center;align-items:center;min-height:90svh;margin-top:7svh;padding:20px 0;display:flex}.about-section-wrapper{scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;opacity:0;flex-flow:row;gap:20px;width:100%;min-height:100%;padding:10px 50%;list-style:none;animation:.8s .7s forwards intro-slide-up;display:flex;overflow-x:scroll;transform:translateY(-50px)}.as-container{scroll-snap-align:center;background:var(--third-color);border-radius:45px 45px 45px 16px;grid-template-rows:repeat(4,140px);grid-template-columns:repeat(4,1fr);min-width:clamp(350px,84.5vw,1024px);display:grid;overflow:hidden;@media (width>=768px){grid-template-rows:repeat(4,142.5px)}}.container-text{flex-flow:column wrap;grid-area:1/1/3/5;margin-top:20px;display:flex}.container-title{color:var(--third-color);place-self:center;margin-top:20px;font-size:clamp(35px,5vw,45px);@media (width>=768px){z-index:10;grid-area:1/2/4/4}}.container-par{color:#000;text-align:center;font-size:var(--gallery-par-font-size);grid-area:1/1/3/5;margin-top:20px;padding:20px;font-weight:500;@media (width>=768px){z-index:10;grid-area:1/2/4/4}}.container-wrapper{grid-area:2/1/5/5;width:100%;height:100%;mask-image:linear-gradient(#0000 10%,#000 60%);@media (width>=768px){grid-area:1/1/5/5;mask-image:linear-gradient(#0000 20%,#000 80%)}& .container-img{object-fit:cover;width:100%;height:100%;display:block}}.as-container.one{background:var(--background-300)}.as-container.two{background:var(--background-600)}.as-container.three{background:var(--background-300)}.vision-section{background:var(--background-100);flex-flow:column wrap;justify-content:center;align-items:center;min-height:100svh;padding:20px 0;display:flex}.vision-section-wrapper{scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;flex-flow:row;gap:20px;width:100%;min-height:100%;padding:10px 50%;list-style:none;display:flex;overflow-x:scroll}.vs-container{scroll-snap-align:center;border-radius:45px 45px 45px 16px;grid-template-rows:repeat(4,140px);grid-template-columns:repeat(4,1fr);min-width:clamp(350px,84.5vw,1024px);display:grid;overflow:hidden;@media (width>=768px){grid-template-rows:repeat(4,142.5px)}}.vs-container.four{background:var(--background-600)}.vs-container.five{background:var(--background-300)}.vs-container.six{background:var(--background-600);position:relative}.custom-btn.one{z-index:11;grid-area:1/1/2/5;justify-self:center;position:absolute;bottom:-90px}.vs-icon-quality-check{fill:var(--third-color);grid-area:3/2/5/4;place-self:center;width:180px;height:auto}
