.hero{z-index:1;background-image:url(https://raw.githubusercontent.com/MuskanBasharat/asstes_offiiss/refs/heads/main/dot.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:70%;margin:auto;padding:190px 0 100px;display:flex;position:relative}.hero:before{content:"";z-index:-1;background:rgba(255,255,255,.89);width:100%;height:100%;position:absolute;top:0;left:0}.head1{text-align:center;font-family:Geist;font-size:85px;font-weight:700;line-height:90px}.text-p{color:#575656;text-align:center;width:95%;margin-top:30px;font-family:Geist;font-size:33px;font-weight:500;line-height:50px}.black{color:#000}.gray{color:#8d8d8d}.button-1{color:#fff;cursor:pointer;background-color:#002b5b;border:none;border-radius:12px;width:170px;padding:10px;font-size:17px;font-weight:500;transition:background-color .3s;box-shadow:0 4px 6px rgba(0,0,0,.1)}.button-1:hover{background-color:#244ba1}.button-1:focus:not(:active):after{animation:1s ease-out ripple}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(30)}}.button-1:active{transform:scale(.95)}.button-2{color:#002b5b;cursor:pointer;background-color:#dedfe0;border:none;border-radius:12px;width:200px;padding:10px;font-size:17px;font-weight:500;transition:background-color .3s,color .3s;box-shadow:0 4px 6px rgba(0,0,0,.1)}.button-2:hover{background-color:#c1c3c6}.button-2:focus:not(:active):after{animation:1s ease-out ripple}.button-2:active{transform:scale(.95)}@media (max-width:1200px){.hero{width:80%;padding:170px 0 80px}.head1{font-size:65px;line-height:75px}.text-p{margin-top:25px;font-size:25px;line-height:35px}.button-1{width:160px;padding:10px;font-size:17px}.button-2{width:190px;padding:10px;font-size:17px}}@media (max-width:820px){.hero{width:90%;padding:150px 0 50px}.head1{font-size:45px;line-height:55px}.text-p{margin-top:20px;font-size:20px;line-height:30px}.button-1{width:150px;padding:15px 10px;font-size:14px}.button-2{width:170px;padding:15px 10px;font-size:14px}}
.features{background-color:#fff;padding:5rem 0 0}.grid-feature{gap:1rem}.card-section-feature{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#f7f7f7;border-radius:16px;width:330px;padding:1rem 2rem;transition:all .3s}.card:hover{transition:all .3s;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.icons{-o-object-fit:contain;object-fit:contain;background-color:#fff;border:2px solid #f2efef;border-radius:32px;width:80px;height:80px}.heading{color:#1e1e1e;margin-top:1.5rem;font-family:Geist;font-size:1.4rem;font-weight:700}.text-card{color:#878484;margin:auto;padding-top:20px;font-family:Inter,Inter Placeholder,sans-serif;font-size:20px;display:flex}@media (max-width:1240px){.features{padding:3rem 0}.card{width:100%;margin-bottom:2rem;padding:1.5rem 2rem}.icons{width:70px;height:70px}.heading{font-size:1.2rem}.text-card{font-size:18px}}@media (max-width:990px){.features{padding:2rem 0}.card{width:100%;margin-bottom:2rem;padding:1.5rem 2rem}.icons{width:60px;height:60px}.heading{font-size:1.2rem}.text-card{font-size:18px}}@media (max-width:820px){.icons{width:80px;height:80px}.features{justify-content:center;align-items:center;margin:auto;padding:5rem 0 0;display:flex}.card{width:100%;margin-bottom:1.5rem;padding:1rem 1.5rem}.grid{gap:0}.card-section-feature{flex-direction:column;justify-content:center;align-items:center;display:flex}}
.divider{width:100%;margin-top:50px}.container{flex-direction:row;justify-content:center;align-items:center;gap:40px;width:75%;margin:auto;padding:0 20px 20px;font-family:Geist;display:flex}.text-main{flex-direction:column;width:100%;display:flex}.textmain{flex-direction:column;display:flex}.h2-head{color:#111827;margin-bottom:1rem;font-size:3rem;font-weight:700}.h3-head{font-family:Inter,Inter Placeholder,sans-serif;font-size:20px;font-weight:550;line-height:130%}.text-para{margin:2px 0 14px;font-family:Inter,Inter Placeholder,sans-serif;font-size:18px;line-height:150%}.width-80{width:80%}.image-importer{background-image:url(https://raw.githubusercontent.com/MuskanBasharat/asstes_offiiss/refs/heads/main/importer.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:18px;width:500px;height:400px;position:relative;overflow:hidden}.image-agent{background-image:url(https://raw.githubusercontent.com/MuskanBasharat/asstes_offiiss/refs/heads/main/agent.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:18px;width:500px;height:400px;position:relative;overflow:hidden}.image-driver{background-image:url(https://raw.githubusercontent.com/MuskanBasharat/asstes_offiiss/refs/heads/main/driver.avif);background-position:-70px;background-repeat:no-repeat;background-size:635px 372px;border:none;border-radius:18px;width:470px;height:372px;position:relative;overflow:hidden}.button-container{gap:20px;display:flex}.main-btns{color:#002b5b;cursor:pointer;background-color:#fff;border:none;border-radius:12px;width:200px;margin-top:20px;margin-bottom:60px;padding:10px;font-size:17px;font-weight:600;transition:background-color .3s}.main-btns:hover{background-color:#c0c5ed}.main-btns:focus:not(:active):after{animation:1s ease-out ripple}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(30)}}.main-btns:active{transform:scale(.95)}.second-container{padding:50px 0}@media (max-width:1200px){.container{width:100%}.text-main{width:100%;margin-top:20px}.h2-head{margin-top:30px;font-size:2.8rem}.h3-head{font-size:1.3rem}.text-para{font-size:1rem}}@media (max-width:990px){.image-importer{background-position:100%;width:550px;height:500px}.image-agent{width:400px;height:300px}.image-driver{background-size:560px 360px;width:500px;height:360px}.h2-head{font-size:2.5rem}}@media (max-width:820px){.image-importer{background-position:50%;width:70%;height:410px}.width-80{width:100%}.image-agent{background-position:50%;width:70%;height:320px}.image-driver{background-position:50%;background-size:583px 355px;width:100%;height:355px;margin-bottom:50px}.container{flex-direction:column}.text-main{text-align:left;width:100%;margin-top:0}.textmain{text-align:left;width:365px;padding-left:2px}.h2-head{letter-spacing:-.02em;font-size:42px;display:flex}.h3-head{font-size:1.2rem}.text-para{font-size:1rem}.main-btns{width:150px;margin-bottom:0;padding:15px 10px;font-size:14px}}.second-divider{color:#fff;background-color:#002b5b;width:100%;padding:30px 0 0}.second-container{flex-direction:row;justify-content:center;gap:40px;width:70%;margin:auto;padding:20px;font-family:Geist;display:flex}.h3-header{margin-bottom:1rem;font-family:Inter,Inter Placeholder,sans-serif;font-size:2.3rem;font-weight:700}@media (max-width:1200px){.second-divider{padding:20px}.second-container{width:100%}.h3-header{margin-bottom:2.5rem;font-size:2.3rem}}@media (max-width:820px){.second-container{text-align:left;flex-direction:column-reverse;align-items:center;width:100%;padding:20px 10px;display:flex}.h3-header{letter-spacing:-.03em;margin-top:40px;margin-bottom:15px;font-size:38px;font-weight:700;display:flex}}@media (max-width:480px){.textmain{width:100%}.image-importer,.image-agent{background-position:50%;width:100%;height:400px}}.showcase-container{background:linear-gradient(135deg,#0a2540 0%,#1a365d 100%);justify-content:center;align-items:center;width:100%;padding:80px 32px;font-family:Inter,sans-serif;display:flex}.main-content{justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.image-section{transform-origin:50%;background-color:#0147af;border-radius:30px 30px 0 0;justify-content:center;width:353px;height:350px;padding:25px;display:flex;position:relative;overflow:visible;transform:scale(1.2)}.image-stack{width:300px;height:350px;position:relative}.image-layer{border-radius:40px 40px 0 0;width:100%;height:338px;position:absolute;top:0;left:0;overflow:hidden}.shadow-layer{z-index:1;opacity:.7;filter:blur(5px);transform:translate(10px,10px)scale(.95)}.main-layer{z-index:2}.screen-layer{z-index:3;border-radius:32px 32px 0 0;transform:scale(.92)}.image-layer img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:300px;height:602px;display:block}.shadow-layer img,.main-layer img{clip-path:inset(0% 0% 46%)}.screen-layer img{clip-path:inset(14% 0% 23%);margin-top:-88px}.text-section{color:#fff;width:40%;padding:0 20px}.buttons-container{gap:20px;margin-top:20px;display:flex}.but-1{color:#002b5b;cursor:pointer;background-color:#fff;border:none;border-radius:12px;width:200px;padding:10px;font-size:17px;font-weight:600;transition:background-color .3s}.but-1:hover{background-color:#c0c5ed}.but-2{color:#fff;cursor:pointer;background-color:#002b5b;border:1px solid #fff;border-radius:12px;width:200px;padding:10px;font-size:17px;font-weight:600;transition:background-color .3s}.but-1:focus:not(:active):after{animation:1s ease-out ripple}.but-2:active,.but-1:active{transform:scale(.95)}.but-2:focus:not(:active):after{animation:1s ease-out ripple}.but-2:active{transform:scale(.95)}@media (max-width:1066px){.image-section{width:350px}.showcase-container{padding:50px 5px}.text-section{width:50%}.but-1{width:153px;font-size:16px}.but-2{width:200px;font-size:16px}.buttons-container{padding:0}}@media (max-width:820px){.main-content{flex-direction:column;justify-content:center;align-items:center;margin-top:50px;display:flex}.buttons-container{margin:40px 0}.butt{padding:15px 10px;font-size:14px}.text-section{text-align:left;flex-direction:column;width:357px;padding:0 20px;display:flex}.image-section{width:353px;height:350px;transform:scale(1.02)}}@media (max-width:480px){.image-section{transform:scale(.94)}}
.title{letter-spacing:-.02em;color:#051222;margin:40px 0 0;font-family:Inter,Inter Placeholder,sans-serif;font-size:48px;font-weight:700;line-height:68px}.trust-section{width:100%}@media (max-width:820px){.title{text-align:left;justify-content:center;padding:0 10px;font-size:40px;line-height:120%;display:flex}.trust-section{width:100%}}@media (max-width:360px){.title{font-size:28px;line-height:120%}}.trust-section{font-family:Inter,sans-serif;overflow-x:hidden}.desktop-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:12px;display:grid}.mobile-carousel-wrapper{box-sizing:border-box;width:100%;display:none;position:relative}.mobile-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;scroll-behavior:smooth;align-items:center;gap:12px;padding:20px 0;display:flex;overflow-x:auto}.mobile-carousel::-webkit-scrollbar{display:none}.carousel-card{scroll-snap-align:center;text-align:center;background:#fff;border-radius:12px;flex-direction:column;flex:0 0 calc(85vw - 40px);align-items:center;min-height:180px;margin:0 auto;padding:20px 16px;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.1)}.carousel-card.first-card{margin-left:20px}.carousel-card.last-card{margin-right:20px}.logo-container{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:12px;display:flex}.card-content{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.logos-trust{width:100%;height:100%}.normal-logo{-o-object-fit:contain;object-fit:contain;width:100px}.wide-logo-img{-o-object-fit:contain;object-fit:contain;width:auto;height:auto;max-width:140px!important;max-height:auto!important}.logo-text-trust{color:#878484;margin:0;padding:0 8px;font-family:Inter,Inter Placeholder,sans-serif;font-size:.9rem;font-weight:500;line-height:1.3}.carousel-indicators{justify-content:center;gap:6px;margin-top:24px;padding:0 20px;display:none}.indicator-dot{cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.indicator-dot.active{background:#4a5568;border-radius:8px;width:16px}.indicator-dot:hover{background:#cbd5e0}@media (max-width:768px){.desktop-grid{display:none}.mobile-carousel-wrapper{display:block}.carousel-indicators{display:flex}.carousel-card{flex:0 0 calc(85vw - 40px);max-width:calc(85vw - 40px)}.wide-logo{width:140px!important;height:60px!important}.wide-logo-img{max-width:250px!important}}@media (max-width:480px){.mobile-carousel{gap:10px}.carousel-card{flex:0 0 calc(85vw - 30px);max-width:calc(85vw - 30px);min-height:160px;padding:16px 12px}.carousel-card.first-card{margin-left:15px}.carousel-card.last-card{margin-right:15px}.logo-container{width:80px;height:80px;margin-bottom:10px}.wide-logo{width:200px!important;height:90px!important}.wide-logo-img{max-width:220px!important}.logo-text-trust{font-size:.85rem;line-height:1.2}}@media (max-width:360px){.carousel-card{flex:0 0 calc(85vw - 25px);max-width:calc(85vw - 25px);min-height:150px;padding:14px 10px}.carousel-card.first-card{margin-left:12px}.carousel-card.last-card{margin-right:12px}.logo-container{width:70px;height:70px}}.desktop-grid>div{flex-direction:column;min-height:200px;padding:20px 10px;display:flex}