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%)}}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;overflow-y:auto;height:auto;width:100%;scroll-behavior:smooth}.contact-section{padding:100px 20px 40px;color:#0a1119}.contact-section h2{font-weight:800;font-size:3rem;font-family:AppleGaramond-bold;text-align:center;margin-bottom:10px;color:var(--dark-color)}.contact-section p,.contact-container,.contact-form,.contact-info,.contact-info h3,.contact-info h4,.contact-form input,.contact-form textarea,.contact-form button{font-family:AppleGaramond;font-size:1.12rem}.contact-section p{text-align:center;margin-bottom:40px}.contact-container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:30px;margin-top:30px;padding:30px;background-color:#f0f0f06b;border-radius:8px;box-shadow:0 4px 12px #f5eded0d;transition:transform .3s ease,box-shadow .3s ease;flex-direction:row}.contact-container:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.contact-form{flex:1 1 400px;max-width:600px;padding:1rem;background-color:#f9f9f975;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.contact-info{flex:1 1 400px;max-width:600px;padding:1rem;background-color:#f9f9f975;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;display:flex}.contact-form:hover,.contact-info:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001a}.contact-form input,.contact-form textarea{width:90%;padding:12px;margin-bottom:15px;border:1px solid #fcfafaff;border-radius:8px;background-color:#fff;outline:none;transition:all .3s ease;color:#000}.contact-form input:focus,.contact-form textarea:focus,.contact-form input:hover,.contact-form textarea:hover{border-color:var(--cute-color);box-shadow:0 0 10px #ecb79999;background-color:#fff8f3}.contact-form button{background-color:var(--cute-color);color:#fff;padding:2px 20px;border:none;border-radius:8px;cursor:pointer}.contact-form button:hover{background-color:#ecb799}.contact-info h3{margin-top:20px;margin-bottom:8px;color:var(--dark-color);font-family:AppleGaramond-bold}.hidden{display:none}#success-animation{text-align:center;animation:popIn .6s ease-out}.checkmark{position:relative;display:inline-block;width:80px;height:80px}.checkmark-stem{position:absolute;width:6px;height:45px;background-color:#4caf50;top:19px;left:28px;transform:rotate(45deg) scaleY(0);transform-origin:bottom;animation:stemGrow .3s ease-out forwards .4s}.checkmark-kick{position:absolute;width:6px;height:20px;background-color:#4caf50;top:43px;left:23px;transform:rotate(-45deg) scaleY(0);transform-origin:bottom;animation:kickGrow .3s ease-out forwards .6s}@keyframes popIn{0%{transform:scale(.5) rotateX(90deg);opacity:0}to{transform:scale(1) rotateX(0);opacity:1}}@keyframes stemGrow{to{transform:rotate(45deg) scaleY(1)}}@keyframes kickGrow{to{transform:rotate(-45deg) scaleY(1)}}.map-icon img{width:20px;height:20px;margin-left:8px;vertical-align:middle;cursor:pointer;transition:transform .2s ease-in-out}.map-icon img:hover{transform:scale(1.2)}.whatsapp-contact{display:inline-flex;align-items:center;gap:2px;font-family:AppleGaramond-bold;font-size:1.12rem;margin-top:20px;margin-bottom:8px;color:var(--dark-color)}.whatsapp-icon img{width:20px;height:20px;cursor:pointer;transition:transform .2s ease-in-out}.whatsapp-icon img:hover{transform:scale(1.2)}@media (max-width: 480px){.contact-info{display:flex;flex-direction:column}.contact-form{flex-direction:column}}.services-section{padding:100px 20px 40px;color:#0a1119}.services-section h1{font-weight:800;font-size:3rem;font-family:AppleGaramond-bold;text-align:center;margin-bottom:0;color:var(--dark-color)}.services-section p{text-align:center;margin-bottom:40px;font-family:Ronzino-regular;font-size:1.12rem}.services-second{padding:0;background-color:#8181813d;font-weight:800;font-size:1rem;font-family:Ronzino-regular;text-align:center;margin-top:1px;margin-bottom:1px;color:var(--dark-color)}.services-thirdintro,.services-secondintro{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;padding:50px 20px;gap:30px}.services-secondintro>div,.services-thirdintro>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px;gap:15px;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;height:40vh;width:100%;max-width:400px;margin:auto;position:relative}.services-thirdintro img,.services-secondintro img{width:80%;max-width:210px;object-fit:cover}.services-thirdintro img,.services-secondintro img{display:block;padding:1px;height:80%;transform:translate(22%);overflow:hidden}.services-thirdintro .logo,.services-secondintro .logo{position:absolute;left:0;top:50%;transform:translate(35%,-50%);width:15%;max-width:60px;height:auto;object-fit:cover;box-shadow:none}.services-thirdintro>div:after,.services-secondintro>div:after{content:"";position:absolute;top:0;bottom:0;left:25%;width:2px;background:#d51818}.services-thirdintro p,.services-secondintro p{position:relative;font-family:AppleGaramond-bold;font-size:1.2rem;font-weight:600;text-align:center;left:13%;margin:10px auto 0;color:#000;word-wrap:break-word}.services-secondintro>div,.services-thirdintro>div{transition:all .3s ease-in-out;cursor:pointer}.services-secondintro>div:hover,.services-thirdintro>div:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 20px #0003;border:2px solid #d51818}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;justify-content:center;align-items:center;z-index:1000}.popup-content{position:relative;background:#ffffffde;padding:20px;border-radius:12px;width:80%;max-width:900px;max-height:80%;overflow-y:auto;box-shadow:0 4px 20px #0000004d;text-align:center;font-family:AppleGaramond-bold}#popup-img{width:100%;max-width:350px;height:auto;margin:10px auto;display:block}.close-btn{position:absolute;top:15px;right:20px;font-size:24px;font-weight:700;cursor:pointer;color:#0a1119}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.close-btn:hover{color:red}.brand-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}#popup-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;justify-items:center}.brand-item{background:#f9f9f979;border-radius:10px;padding:12px;text-align:center;box-shadow:0 2px 6px #00000026;transition:transform .2s ease;width:100%;max-width:140px}.brand-item:hover{transform:translateY(-5px)}.brand-item img{width:70px;height:auto;border-radius:8px;margin-bottom:6px;box-shadow:none}.brand-item p{font-size:.85rem;font-weight:700;margin:0;color:#333}@media (max-width: 1024px){.services-thirdintro{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#popup-brands{grid-template-columns:repeat(2,1fr)}.services-thirdintro,.services-secondintro{grid-template-columns:1fr}.services-thirdintro p,.services-secondintro p{font-size:.95rem;left:14%}}@media (max-width: 480px){#popup-brands{grid-template-columns:1fr}.services-thirdintro p,.services-secondintro p{font-size:.85rem;left:15%}}header{width:100%;display:flex;justify-content:center;flex-direction:column}header h1{text-align:center;padding-top:7rem;font-family:AppleGaramond-bold}header p{text-align:center;font-weight:100;font-family:Ronzino-Regular;padding:1rem}.about-text{font-family:Ronzino-Regular;text-align:start;margin-top:3rem;margin-bottom:2rem;padding:2rem}.text1{gap:3rem;padding-bottom:4rem}.gallery-container{height:100vh;width:100%;display:flex;justify-content:space-between;background-color:transparent}.gallery-details{height:100%;width:40vw;padding:5rem 1rem 1rem;display:flex;flex-direction:column;justify-content:center}.gallery-details .small-nav{width:100%;padding-top:1rem;padding-bottom:.5rem;display:flex;justify-content:start}.gallery-details h3{padding:0;padding-right:10rem;text-align:start;font-family:AppleGaramond-bold;letter-spacing:.2rem}.gallery-details .nav-button{z-index:9999;cursor:pointer;color:#000;background-color:#fff;border:none;width:25px;height:25px;border-radius:5px}.gallery-details .nav-button:hover{background-color:#d1d1d1}.gallery-details p{font-family:Ronzino-Regular;padding-top:1rem}.gallery-details img{height:22rem;width:22rem}.image-box{background:#fff;height:100%;width:60vw}.image-box img{height:100%;width:100%;object-fit:cover;box-shadow:none;border-radius:0}.all-images,.all-images img{height:0;width:0}@media (max-width: 1024px){.gallery-details{width:60vw}.image-box{width:50vw}}@media (max-width: 768px){.image-box{width:0}.gallery-container .gallery-details{width:100vw}}@media (max-width: 480px){.gallery-container{height:100%;flex-direction:column;justify-content:start}.gallery-details img{height:100%;width:100%}.all-images{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding:1rem;margin:0}.all-images img{height:100%;width:100%}}@font-face{font-family:Ronzino-Regular;src:url(/fonts/Ronzino-Regular.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Ronzino-bold;src:url(/fonts/Ronzino-Bold.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:AppleGaramond;src:url(/fonts/AppleGaramond.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:AppleGaramond-bold;src:url(/fonts/AppleGaramond-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{font-family:Ronzino-bold,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#212121;background-color:#f3f3f3;--dark-color: #212121;--cute-color: #ff4335;--gradient-color: #ff6b61;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mybutton{height:35px;background-color:var(--cute-color);margin:1rem 0rem 0rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;width:fit-content;transition:transform .2s ease,box-shadow .2s ease}.mybutton a{list-style:none;text-decoration:none;color:var(--dark-color);font-size:.8rem;font-weight:700}.mybutton:hover{box-shadow:2px 8px 30px #00000054;transform:translateY(-4px)}img{width:20rem;height:20rem;object-fit:cover;border-radius:4px;box-shadow:2px 8px 30px #00000065}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}
