*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;overflow-y:auto;height:auto;width:100%;scroll-behavior:smooth;background:linear-gradient(to bottom,#f3f3f3 0%,var(--gradient-color) 100%)}.intro-section{height:100vh;width:100vw;display:flex;flex-direction:row;justify-content:space-between;padding:3rem;border-bottom:1px solid black;background:linear-gradient(to bottom,#f3f3f3 0%,var(--gradient-color) 100%)}.intro-section .text-part{width:60vw;display:flex;flex-direction:column;justify-content:center;align-items:start}.intro-section .text-part h4{font-size:1.1rem;font-weight:600;padding:5px;margin-bottom:1rem}.intro-section .text-part h1{padding:0;text-align:start;font-size:5rem;font-weight:900;line-height:80px}.intro-section .text-part .part1{font-family:Ronzino-bold}.intro-section .text-part .part2{font-family:AppleGaramond}.intro-section .text-part p{padding:0;text-align:start;font-weight:600;margin-top:2rem;font-family:Ronzino-Regular}.intro-section .image-part{height:100%;width:40vw;padding:1rem;display:flex;align-items:center;justify-content:center}.who-we-are-section{background:linear-gradient(to top,#f3f3f3 0%,var(--gradient-color) 100%),url(/assets/frames-for-your-heart-VoI2jd75M6Q-unsplash.jpg);background-size:cover;background-position:center;background-blend-mode:lighten;height:90vh;width:100vw;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;color:var(--dark-color)}.who-we-are-section h1{font-weight:800;font-size:3rem;font-family:AppleGaramond-bold}.who-we-are-section p{font-family:Ronzino-Regular}.who-we-are-section .row{display:flex;justify-content:space-between}.who-we-are-section .row .left{width:50vw}.who-we-are-section .row .right{width:50vw;padding:4rem;text-align:start}.who-we-are-section .row .right p{font-size:1rem;font-weight:500}.service-section{background:linear-gradient(to bottom,#f3f3f3 0%,var(--gradient-color) 100%);height:90vh;width:100vw;color:var(--dark-color);padding-top:2rem;display:flex;flex-direction:column;align-items:center}.service-section h1{font-weight:800;font-size:3rem;font-family:AppleGaramond-bold}.service-section .product-grid{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2rem;gap:2rem;scrollbar-width:none}.service-section .product-grid::-webkit-scrollbar{display:none}.service-section .card{flex:0 0 12rem;height:15rem;width:12rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000f;transition:transform .2s ease,box-shadow .2s ease;padding:.2rem;display:flex;flex-direction:column;justify-content:space-between}.service-section .card img{width:100%;height:150px;object-fit:cover;box-shadow:none;border-radius:10px}.service-section .card p{text-align:center;padding:1rem;font-weight:700;font-family:AppleGaramond-bold}.service-section .card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.suppliers{width:100vw;background-color:var(--gradient-color);display:flex;flex-direction:column;align-items:center;color:#000;padding:2rem}.suppliers h1{font-weight:800;font-size:3rem;font-family:AppleGaramond-bold,sans-serif}.suppliers p{font-family:Ronzino-regular,sans-serif}.status{font-family:Ronzino-regular;display:flex;gap:2rem;font-size:2rem;margin-top:2rem}.scroll-container{position:relative;overflow:hidden;width:100%;background:var(--gradient-color);margin-top:1rem}.scroll-container:before,.scroll-container:after{content:"";position:absolute;top:0;width:60px;height:100%;z-index:2;pointer-events:none}.scroll-container:before{left:0;background:linear-gradient(to right,var(--gradient-color),transparent)}.scroll-container:after{right:0;background:linear-gradient(to left,var(--gradient-color),transparent)}.scroll-content{display:flex;animation:scrollLoop 33s linear infinite}.company-card{flex:0 0 auto;width:200px;height:150px;background:#fff;margin:10px;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;color:#333}.company-card img{height:60px;width:auto;box-shadow:none}@keyframes scrollLoop{0%{transform:translate(5%)}to{transform:translate(-690%)}}@media (max-width: 1024px){.intro-section{flex-direction:column;height:auto;padding:0}.intro-section .text-part{margin-top:4rem;width:100%;text-align:start;padding:3rem}.intro-section h1{font-size:3rem;line-height:1.2}.intro-section .image-part{width:100%;padding:2rem}.status{font-size:1.4rem}}@media (max-width: 768px){.who-we-are-section{height:80vh}.who-we-are-section .row{flex-direction:column;width:100vw;padding:2rem;margin:0}.who-we-are-section .row .left{height:0vh;width:0vw}.who-we-are-section .row .left img{height:0px;width:0px}.who-we-are-section .row .right{width:100%;height:100%;padding:1rem;margin:0}.who-we-are-section .row .right p{padding:0;margin:0;margin-bottom:2rem;padding-top:3rem;text-align:center}.who-we-are-section .row .right .mybutton{width:140px}.service-section{height:80vh}.service-section h1{padding:2rem;line-height:1}.service-section .card{flex:0 0 7rem;height:9rem;width:7rem;border-radius:8px;padding:.1rem}.service-section .card img{height:90px;border-radius:7px}.suppliers .status{font-size:1rem}}@media (max-width: 480px){.underline-anim:hover:after{background-color:transparent}.mybutton:hover{transform:none}.intro-section{padding-top:3rem}.intro-section .text-part{padding:1rem;width:100%;margin-top:4rem}.intro-section .part1,.intro-section .part2{font-size:4rem;line-height:1}.intro-section .image-part img{width:20rem;height:20rem}.who-we-are-section{height:100%;padding:2rem}.who-we-are-section h1{padding:0;margin:0}.who-we-are-section .row{padding:0}.who-we-are-section .right p{padding:0;margin:0}.service-section{height:100%;padding-bottom:2rem}.service-section h1{padding-top:0;padding-bottom:0;font-size:2rem}.suppliers .status{display:flex;justify-content:center;align-items:center;font-size:.5rem}.scroll-content{display:flex;animation:scrollLoop2 35s linear infinite}@keyframes scrollLoop2{0%{transform:translate(10%)}to{transform:translate(-3800%)}}}