:root{--background:#fff;--foreground:#fff;--primary:#d5b038;--primary-light:#03a583;--primary-dark:#017559;--secondary:#bed631;--secondary-light:#bdd63181;--secondary-light:#6f7d1d81;--accent:#f4ca8f;--text-light:#f5f5f5;--text-dark:#333}.text-secondary{color:var(--secondary)!important}.bg-primary-dark{background-color:var(--primary-dark)!important}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:focus,.btn-primary:hover{background-color:#016d55;border-color:#016d55}.btn-secondary{border-color:var(--secondary);color:var(--dark-text)}.btn-secondary:focus,.btn-secondary:hover{background-color:#a9c028;border-color:#a9c028;color:var(--dark-text)}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.btn-outline-secondary{color:var(--secondary);border-color:var(--secondary)}.btn-outline-secondary:hover{background-color:var(--secondary);border-color:var(--secondary);color:var(--dark-text)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Outfit-Regular,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}p{color:grey}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@font-face{font-family:Outfit-Black;src:url(/fonts/Outfit-Black.ttf) format("truetype")}@font-face{font-family:Outfit-Bold;src:url(/fonts/Outfit-Bold.ttf) format("truetype")}@font-face{font-family:Outfit-ExtraBold;src:url(/fonts/Outfit-ExtraBold.ttf) format("truetype")}@font-face{font-family:Outfit-ExtraBold;src:url(/fonts/Outfit-ExtraLight.ttf) format("truetype")}@font-face{font-family:Outfit-Light;src:url(/fonts/Outfit-Light.ttf) format("truetype")}@font-face{font-family:Outfit-Medium;src:url(/fonts/Outfit-Medium.ttf) format("truetype")}@font-face{font-family:Outfit-Regular;src:url(/fonts/Outfit-Regular.ttf) format("truetype")}@font-face{font-family:Outfit-SemiBold;src:url(/fonts/Outfit-SemiBold.ttf) format("truetype")}@font-face{font-family:Outfit-Thin;src:url(/fonts/Outfit-Thin.ttf) format("truetype")}@font-face{font-family:Roboto-black;src:url(/fonts/Roboto-Black.ttf) format("truetype")}@font-face{font-family:Roboto-extraBold;src:url(/fonts/Roboto-ExtraBold.ttf) format("truetype")}@font-face{font-family:Roboto-bold;src:url(/fonts/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:Roboto-medium;src:url(/fonts/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto-regular;src:url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto-light;src:url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Nexa-black;src:url(/fonts/Nexa-Black.ttf) format("truetype")}@font-face{font-family:Nexa-bold;src:url(/fonts/Nexa-Bold.otf) format("truetype")}@font-face{font-family:Nexa-regular;src:url(/fonts/Nexa-Regular.otf) format("truetype")}@font-face{font-family:Nexa-light;src:url(/fonts/Nexa-Light.otf) format("truetype")}@font-face{font-family:gotham-bold;src:url(/fonts/Gotham-Bold.otf) format("truetype")}@font-face{font-family:gotham-black;src:url(/fonts/Gotham-Black.otf) format("truetype")}@font-face{font-family:gotham-light;src:url(/fonts/Gotham-Light.otf) format("truetype")}.OutfitBlack{font-family:Outfit-Black,sans-serif}.OutfitBold{font-family:Outfit-Bold,sans-serif}.OutfitExtraBold{font-family:Outfit-ExtraBold,sans-serif}.OutfitExtraLight{font-family:Outfit-ExtraLight,sans-serif}.OutfitLight{font-family:Outfit-Light,sans-serif}.OutfitMedium{font-family:Outfit-Medium,sans-serif}.OutfitRegular{font-family:Outfit-Regular,sans-serif}.OutfitSemiBold{font-family:Outfit-SeminBold,sans-serif}.OutfitThin{font-family:Outfit-Thin,sans-serif}.RobotoBlack{font-family:Roboto-black,sans-serif}.RobotoBold{font-family:Roboto-bold,sans-serif}.RobotoMedium{font-family:Roboto-medium,sans-serif}.RobotoLight{font-family:Roboto-light,sans-serif}.RobotoRegular{font-family:Roboto-regular,sans-serif}.gothamLight{font-family:gotham-light,sans-serif}.gothamBold{font-family:gotham-bold,sans-serif}.gothamBlack{font-family:gotham-black,sans-serif}.NexaBold{font-family:Nexa-bold,sans-serif}.NexaRegular{font-family:Nexa-regular,sans-serif}.NexaLight{font-family:Nexa-light,sans-serif}.NexaBlack{font-family:Nexa-black,sans-serif}.landing-page{position:relative}.top-info-bar{color:#fff;font-size:14px}.top-info-bar a{color:#fff;text-decoration:none;font-family:Roboto-Regular}.bg-nav{background-color:rgba(0,0,0,.188)!important}.navbar{border-radius:5px}.navbar-brand{font-size:28px;font-weight:700;color:var(--primary)}.nav-logo{height:100px}.text-primary{color:var(--primary)!important}.bg-primary,.btn-primary{background-color:var(--primary)!important}.btn-primary{border-color:var(--primary)!important}.btn-primary:hover{background-color:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.btn-outline-primary{color:var(--primary)!important;border-color:var(--primary)!important}.btn-outline-primary:hover{background-color:var(--primary)!important;color:#fff!important}.nav-link{color:#fff;font-weight:500;padding:0 15px!important;font-family:Nexa-regular;font-size:20px}.nav-link:hover{color:var(--primary)!important}.nav-link2{color:#fff;font-weight:500;padding:0 15px!important;font-family:Nexa-regular;font-size:20px}.nav-link2:hover{color:var(--primary)!important}.cart-btn,.search-btn,.user-btn{width:36px;height:36px;border-radius:4px;background-color:transparent;color:#fff;border:none}.badge,.cart-btn,.search-btn,.user-btn{display:flex;align-items:center;justify-content:center}.badge{width:18px;height:18px;background-color:var(--accent)!important;color:var(--text-dark)!important;font-size:10px;padding:0}.hero-section{background-image:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url(/images/bg1.png)}.bgHome,.hero-section{background-size:cover;background-position:50%}.bgHome{background-image:url(https://images.unsplash.com/photo-1594492003372-f56819b6e029?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);color:#fff}.hero-title{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--secondary)}.hero-title2{line-height:.8}.hero-title2,.hero-title3{font-weight:700;margin-bottom:24px;color:#fff}.hero-title3{line-height:1}.hero-text{margin-bottom:30px;max-width:540px;line-height:1.2}.check-btn{font-weight:500;border-radius:4px}.check-btn:hover{background-color:var(--primary-dark);color:#fff}.section{padding:80px 0}.divider{background-color:var(--primary);margin-bottom:30px}.service-card{transition:all .3s ease;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05)}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.icon-box{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}footer{background-color:#112d26!important}.footer-links li a:hover{color:var(--primary-light)!important;text-decoration:none}.social-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.242)!important}@media (max-width:768px){.nav-logo{height:40px}.hero-title{font-size:36px}.hero-section{padding:50px 0;text-align:center}.check-btn{margin:0 auto;display:block}.section{padding:50px 0}}.entertainment-section{padding:80px 0}.entertainment-image-container{position:relative;border-radius:12px;overflow:hidden}.entertainment-title{font-size:2.8rem;margin-bottom:1.5rem;line-height:1.2}.feature-badge{position:absolute;top:30px;left:0;background-color:var(--primary);color:#fff;padding:15px 25px;border-radius:5px;margin-left:25px;width:200px;box-shadow:0 4px 8px rgba(0,0,0,.15)}.since-text{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.feature-item{background-color:#fff;border-radius:10px;padding:15px;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:all .3s ease;color:#000}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.feature-img{width:120px;height:90px;object-fit:cover;border-radius:8px}.feature-list{list-style-type:none;padding-left:0;margin-bottom:0}.feature-list li{margin-bottom:8px}.stats-counter{padding:20px 0}.stats-number{font-size:2.2rem;font-weight:700}@media (max-width:768px){.hero-title{font-size:36px}.hero-section{padding:50px 0;text-align:center}.check-btn{margin:0 auto;display:block}.entertainment-section,.section{padding:50px 0}.entertainment-title{font-size:1.8rem;text-align:center}.since-text{text-align:center}.feature-badge{max-width:90%}.feature-item{flex-direction:column;text-align:center}.feature-img{margin-bottom:15px}.stats-counter{text-align:center}.stats-counter .d-flex{justify-content:center}}.free-installation-section{padding:4rem 0;background-color:#f8f9fa}.installation-image img{box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:12px;width:100%}.installation-content{padding-left:2rem}.installation-title{font-size:20px;font-weight:700;margin-bottom:1.7rem;color:#333}.installation-points{display:flex;flex-direction:column;gap:1.5rem}.point-item{display:flex;align-items:flex-start;margin-top:-15px}.point-marker{min-width:18px;height:18px;border-radius:50%;background-color:var(--primary);margin-top:5px;margin-right:1rem}.point-text{font-size:17px;color:grey;margin:0}@media (max-width:767.98px){.installation-content{padding-left:0;margin-top:2rem;text-align:center}.point-item{justify-content:center}.installation-title{font-size:2rem}.point-text{font-size:1.1rem}}.cFlex{align-items:center}.cFlex,.cFlex2{display:flex;justify-content:center}.cFlex2{align-items:start}.news-section{padding:80px 0;background-color:#f8f9fa;position:relative;overflow:hidden}.news-section:before{top:-50px;right:-50px;width:200px;height:200px;opacity:.2}.news-section:after,.news-section:before{content:"";position:absolute;border-radius:50%;background-color:var(--secondary);z-index:0}.news-section:after{bottom:-80px;left:-80px;width:300px;height:300px;opacity:.15}.news-section .container{position:relative;z-index:1}.divider{width:60px;height:3px;background:linear-gradient(to right,var(--primary) 0,var(--secondary) 100%)}.news-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .3s ease;height:100%}.news-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgba(0,0,0,.1)}.featured-news{border-radius:12px;overflow:hidden}.news-img-container{position:relative;overflow:hidden;border-radius:12px 0 0 12px}.featured-img-container{position:relative;overflow:hidden;border-radius:12px 12px 0 0}.overlay-gradient{background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.6));z-index:1}.news-img{object-fit:cover;transition:transform .5s ease}.news-card:hover .news-img{transform:scale(1.05)}.news-img-sm{object-fit:cover;height:100%;border-radius:12px 0 0 12px;transition:transform .5s ease}.news-card:hover .news-img-sm{transform:scale(1.05)}.horizontal{height:calc(50% - .5rem)}.news-tag{font-size:.85rem}.bg-primary-light{background-color:rgba(1,142,111,.1);color:var(--primary)}.bg-secondary{background-color:var(--secondary)!important;color:#333}.news-title{font-size:1.5rem}.news-title,.news-title-sm{font-weight:700;line-height:1.3;margin-top:.5rem;color:#333}.news-title-sm{font-size:1.2rem}.news-excerpt{color:#666;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.news-excerpt-sm{color:#666;font-size:.85rem;line-height:1.4}.read-more-link{color:var(--secondary);text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;transition:all .3s ease}.read-more-link:hover{color:var(--primary-dark);transform:translateX(5px)}.btn-secondary{background-color:var(--secondary);letter-spacing:.5px}.btn-secondary:hover{background-color:var(--secondary-dark);transform:translateY(-3px);box-shadow:0 5px 15px rgba(190,214,49,.4);color:#000}.btn-dark{background-color:#333;border:none;transition:all .3s ease;font-weight:600;letter-spacing:.5px}.btn-dark:hover{background-color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px rgba(1,142,111,.3)}@media (max-width:992px){.news-title{font-size:1.3rem}.news-title-sm{font-size:1.1rem}.horizontal{height:auto}}@media (max-width:768px){.news-section{padding:50px 0}.news-img-container,.news-img-sm{border-radius:12px 12px 0 0}.news-img-sm{height:200px}.featured-news .row,.horizontal .row{flex-direction:column}}.page-header{background-color:var(--primary)!important}.all-news-section{background-color:#f8f9fa}.category-tabs{margin-bottom:2rem}.category-filter{border-bottom:1px solid #dee2e6}.category-filter .nav-link{color:#6c6c6c!important;border-radius:30px;padding:8px 16px!important;margin-bottom:10px;font-weight:600;font-size:.9rem;transition:all .3s ease;border:2px solid #6c6c6c;background-color:transparent}.category-filter .nav-link.active,.category-filter .nav-link:hover{color:#fff!important;border-color:var(--primary);background-color:var(--primary)}.category-filter.overflow-auto{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:none}.category-filter.overflow-auto::-webkit-scrollbar{display:none}.empty-state{padding:3rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.empty-state-icon{font-size:3rem;color:#ddd;margin-bottom:1rem}.breadcrumb{background-color:transparent;padding:0}.breadcrumb-item+.breadcrumb-item:before,.breadcrumb-item.active{color:var(--primary)}.all-news-section{background-color:#fff}.news-img-grid{border-radius:12px 12px 0 0;transition:transform .5s ease}.news-card:hover .news-img-grid{transform:scale(1.05)}.pagination{margin-bottom:0}.pagination .page-item.active .page-link{background-color:var(--primary);border-color:var(--primary)}.pagination .page-link{color:var(--primary)}.pagination .page-link:hover{background-color:#e9ecef;color:var(--primary-dark)}.bg-info{background-color:#17a2b8!important}.bg-warning{background-color:#ffc107!important}.bg-success{background-color:#28a745!important}@media (max-width:768px){.news-img-grid{height:180px!important}.page-header{padding:30px 0}.breadcrumb{justify-content:flex-start!important;margin-top:10px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-tabs{margin-bottom:2rem}.product-tab-item{cursor:pointer;border-radius:12px;transition:all .3s ease;min-width:160px;background-color:#f8f9fa;border:1px solid #eaeaea}.product-tab-item:hover{background-color:#f1f3f5}.product-tab-item.active{background-color:rgba(1,142,111,.1);border-color:rgba(1,142,111,.2)}.product-tab-content{padding:1rem}.icon-circle{width:48px;height:48px;border-radius:50%}.product-tab-text{font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-nav-scroll{-ms-overflow-style:none;scrollbar-width:none;padding-bottom:10px}.product-nav-scroll::-webkit-scrollbar{display:none}.category-pills{margin-bottom:1.5rem}.category-pill{cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;display:inline-block}.category-pill:hover{opacity:.9}.category-pill.active{background-color:var(--primary);color:#fff}.package-card{background-color:#fff;border-radius:12px}.package-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)!important}.package-accent{position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%)}.package-name{color:var(--text-dark);font-size:1.2rem}.category-badge .badge{font-size:.7rem;padding:.35em .65em;background-color:var(--secondary);color:var(--text-dark)}.price-tag{color:var(--primary)}.code-box,.package-desc{font-size:.9rem}.code-box{background-color:rgba(1,142,111,.05);border-radius:8px;font-family:monospace}.search-box .input-group{border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05)}.search-box .input-group-text{background-color:#fff;border-color:#ced4da}.search-box .form-control{border-color:#ced4da}.search-box .form-control:focus{box-shadow:none;border-color:var(--primary)}.divider{height:4px;width:50px;background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);margin-top:15px}.empty-state{padding:3rem 0;text-align:center}.code-text{color:#000}@media (max-width:768px){.product-tab-item{min-width:140px}.icon-circle{width:40px;height:40px}.product-tab-text{font-size:.8rem}.package-name{font-size:1.1rem}}.about-image-grid{padding:10px}.image-container{position:relative;overflow:hidden;height:100%}.image-container img{transition:transform .5s ease}.image-container:hover img{transform:scale(1.05)}.experience-badge{width:120px;height:120px;bottom:30px;right:30px;z-index:2;box-shadow:0 5px 15px rgba(0,0,0,.1)}.mission-card,.vision-card{transition:all .3s ease;position:relative;overflow:hidden}.mission-card:hover,.vision-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)!important}.icon-bg{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.product-highlight-card{transition:all .3s ease;border:1px solid #eaeaea}.product-highlight-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)!important}.product-image{position:relative;height:200px;overflow:hidden}.product-image img{object-fit:cover;transition:transform .5s ease}.product-highlight-card:hover .product-image img{transform:scale(1.1)}.overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(1,142,111,.3),hsla(0,0%,100%,0))}.product-icon{width:60px;height:60px;box-shadow:0 5px 15px rgba(0,0,0,.1);z-index:2}.product-content{position:relative;z-index:1}.product-content p{color:grey!important;font-size:18px}.features{margin-top:20px}.fade-in{animation:fadeIn .8s ease-in-out}.salamtel-promo-section{padding:5rem 0;position:relative;overflow:hidden;background-color:transparent;color:var(--text-light)}.salamtel-promo-section:before{content:"";position:absolute;top:0;right:0;height:100%;width:30%;background-color:rgba(1,142,111,.05);-webkit-clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);z-index:1}.bg-overlay{background-image:url(/images/bg2.jpg);background-size:cover;background-position:50%;z-index:-2}.bg-overlay,.bg-overlay:after{position:absolute;top:0;left:0;width:100%;height:100%}.bg-overlay:after{content:"";background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(1,142,111,.75));z-index:-1}.salamtel-promo-section .container{position:relative;z-index:2}.phone-container{position:relative;text-align:center;padding:1rem}.islamic-pattern-overlay{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23018E6F' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:-1;border-radius:40px}.phone-img{border-radius:30px;box-shadow:0 15px 30px rgba(0,0,0,.3);border:8px solid hsla(0,0%,100%,.1);max-width:100%;height:auto;position:relative;z-index:2}.promo-heading{font-size:5rem;font-weight:700;margin-bottom:1rem;color:#fff}.promo-subtext{font-size:1.2rem;color:hsla(0,0%,100%,.8);margin-bottom:2rem}.features-list{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.feature-item{display:flex;align-items:center;background-color:hsla(0,0%,100%,.1);padding:.5rem 1rem;border-radius:50px;box-shadow:0 3px 10px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feature-icon{color:var(--secondary)!important;font-size:1.5rem;margin-right:.5rem}.app-store-buttons{justify-content:start!important;margin-top:2rem}.app-store-buttons2{display:flex;justify-content:center!important;gap:1rem;margin-top:2rem;flex-wrap:wrap}.app-btn{display:flex;align-items:center;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;transition:all .3s ease;color:#fff;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.2);color:#fff}.apple-btn{background-color:rgba(0,0,0,.7)}.google-btn{background-color:rgba(1,142,111,.7)}.app-btn span{margin-left:10px;font-size:18px;font-weight:600}.halal-badge{display:inline-flex;align-items:center;background-color:rgba(190,214,49,.2);padding:.5rem 1rem;border-radius:50px;color:var(--secondary);font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.badge-icon{color:var(--secondary);font-size:1.2rem;margin-right:.5rem}@media (max-width:991.98px){.salamtel-promo-section{padding:3rem 0}.promo-heading{font-size:2rem}.phone-container{max-width:300px;margin:0 auto}}@media (max-width:767.98px){.app-store-buttons{justify-content:center!important}.bg-overlay:after{background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(1,142,111,.8))}.promo-heading{font-size:1.8rem}.promo-subtext{font-size:1rem}}.salampesa-section{padding:7rem 0;position:relative;background-image:linear-gradient(135deg,rgba(1,142,111,.92),rgba(1,117,89,.95)),url(/api/placeholder/1500/800);background-size:cover;background-position:50%;color:var(--text-light);overflow:hidden}.pattern-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 50% 50%,rgba(190,214,49,.3) 1px,transparent 0),radial-gradient(circle at 45% 52%,rgba(190,214,49,.27) .9px,transparent 0),radial-gradient(circle at 40% 54%,rgba(190,214,49,.24) .8px,transparent 0),radial-gradient(circle at 35% 56%,rgba(190,214,49,.21) .7px,transparent 0),radial-gradient(circle at 30% 58%,rgba(190,214,49,.18) .6px,transparent 0),radial-gradient(circle at 25% 60%,rgba(190,214,49,.15) .5px,transparent 0);background-size:20px 20px,18px 18px,16px 16px,14px 14px,12px 12px,10px 10px;background-position:0 0,5% 5%,10% 10%,15% 15%,20% 20%,25% 25%;opacity:.5;z-index:1}.salampesa-section .container{position:relative;z-index:2}.section-title{margin-bottom:3rem}.section-title h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block;color:#fff}.section-title h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background-color:var(--secondary);border-radius:4px}.section-title .lead{max-width:700px;margin:1.5rem auto 0;font-size:1.2rem;opacity:.9}.logo-badge{display:inline-flex;align-items:center;padding:.5rem 1.2rem;background-color:hsla(0,0%,100%,.1);border-radius:30px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.1)}.logo-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:var(--secondary);border-radius:50%;margin-right:.8rem;color:var(--primary-dark);font-size:1.2rem}.badge-text{font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:.9rem}.app-screenshot{position:relative;display:flex;justify-content:center;margin:0 auto;max-width:400px}.phone-frame{position:relative;border-radius:36px;padding:8px;background:linear-gradient(145deg,#333,#222);box-shadow:0 30px 60px rgba(0,0,0,.25);overflow:hidden}.wallet-screen{border-radius:30px;overflow:hidden;box-shadow:inset 0 0 10px rgba(0,0,0,.2);max-width:100%;height:auto;display:block}.screen-highlight{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,hsla(0,0%,100%,.1),transparent);z-index:2;pointer-events:none;border-top-left-radius:30px;border-top-right-radius:30px}.floating-badge{position:absolute;display:flex;align-items:center;padding:1rem 2.5rem;border-radius:90px;box-shadow:0 5px 15px rgba(0,0,0,.15);font-weight:500;font-size:.85rem;z-index:10}.floating-badge svg{margin-right:.5rem;font-size:2.5em}.fast-badge{background-color:var(--secondary);color:var(--primary-dark);top:10%;right:-20px}.secure-badge{background-color:#fff;color:var(--primary);bottom:30%;left:-30px}.halal-badge{background-color:var(--primary-dark);color:#fff;bottom:10%;right:-25px}.services-showcase{padding:2rem;background-color:hsla(0,0%,100%,.1);border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.1)}.image-section{border-radius:20px}.background-image-container{background-image:url(/images/salam4.jpg);background-size:cover;background-position:50%;border-radius:17px}.showcase-title{font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.feature-category{margin-bottom:1.5rem}.category-heading{display:flex;align-items:center;font-size:25px;margin-bottom:1rem;color:var(--secondary);font-family:Outfit-Light!important}.category-icon2{margin-right:.8rem;font-size:25px;color:#fff}.service-pills{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.service-pill{display:flex;align-items:center;background-color:hsla(0,0%,100%,.15);border-radius:50px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.service-pill:hover{background-color:hsla(0,0%,100%,.25);transform:translateY(-3px)}.service-pill svg{margin-right:.5rem}.download-prompt{margin-top:2.5rem;padding-bottom:2.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.1);background-color:var(--secondary);border-radius:10px}.download-prompt p{margin-bottom:1.5rem;font-size:1.5rem}.app-store-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.store-badge{display:flex;align-items:center;padding:.8rem 1.2rem;background-color:hsla(0,0%,100%,.9);color:var(--primary);border-radius:50px;text-decoration:none;transition:all .3s ease;font-weight:600}.store-badge:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.store-icon{margin-right:.8rem;font-size:1.3em}@media (max-width:991.98px){.image-section{margin-top:10px;margin-left:0}.salampesa-section{padding:5rem 0}.section-title h2{font-size:2rem}.app-screenshot{margin-bottom:3rem}.floating-badge{padding:1rem 1.7rem;font-size:.8rem}}@media (max-width:767.98px){.services-showcase-section{height:auto}.section-title h2{font-size:1.8rem}.section-title .lead{font-size:1rem}.showcase-title{font-size:1.5rem}.category-heading{font-size:1.1rem}}@media (max-width:575.98px){.floating-badge{position:relative;margin:.5rem;display:inline-flex;top:auto;left:auto;right:auto;bottom:auto}.app-screenshot{display:flex;flex-direction:column;align-items:center}.service-pills{justify-content:center}}@media (min-width:1400px){.carousel-image-container,.categories-container,.halal-carousel{height:700px}.carousel-control-prev{left:50px}.carousel-control-next{right:50px}.carousel-control-next,.carousel-control-prev{width:56px;height:56px}.carousel-control-next-icon,.carousel-control-prev-icon{width:24px;height:24px}}.halal-business-container{padding:7rem 0;background-color:var(--background);position:relative;max-width:100%;overflow:hidden}.section-header{text-align:center;position:relative;z-index:1;margin-bottom:5rem;padding:0 15px}.section-tag{display:inline-block;background-color:rgba(1,142,111,.1);color:var(--primary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;padding:.5rem 1.2rem;border-radius:30px;margin-bottom:.8rem}.section-title{color:var(--text-dark);font-weight:700;font-size:2.5rem;margin-bottom:0;position:relative;display:inline-block}.halal-carousel{border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.1);margin-bottom:1rem}.carousel-image-container,.halal-carousel{overflow:hidden;height:80vh;position:relative}.carousel-image{width:100%;height:100%;background-size:cover;background-position:50%;transition:transform 8s ease}.carousel-item.active .carousel-image{transform:scale(1.1)}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8))}.carousel-caption{position:absolute!important;left:0!important;bottom:0!important;width:50%!important;text-align:left!important;padding:3rem!important;z-index:10!important}.carousel-caption h3{font-size:2.5rem!important;font-weight:700!important;margin-bottom:1rem!important;color:#fff!important}.carousel-caption p{font-size:1.2rem!important;color:hsla(0,0%,100%,.9)!important;margin-bottom:1.5rem!important;max-width:80%!important}.btn-explore-carousel{background-color:var(--secondary);color:var(--text-dark);border:none;padding:.8rem 2rem;border-radius:10px;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-flex;align-items:center}.btn-explore-carousel:hover{background-color:#d0e642;transform:translateY(-3px)}.carousel-indicators{margin-bottom:1.5rem}.carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:50%;background-color:hsla(0,0%,100%,.7);border:none;margin:0 6px}.carousel-indicators .active{background-color:var(--secondary);width:14px;height:14px}.carousel-control-next,.carousel-control-prev{position:absolute;top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;background-color:hsla(0,0%,100%,.3)!important;border-radius:50%!important;opacity:1!important;transition:all .3s ease!important;z-index:999!important;display:flex!important;align-items:center!important;justify-content:center!important}.carousel-control-prev{left:40px!important}.carousel-control-next{right:40px!important}.carousel-control-next:hover,.carousel-control-prev:hover{background-color:var(--primary)!important}.carousel-control-next-icon,.carousel-control-prev-icon{width:20px;height:20px;background-size:100%;filter:invert(1) brightness(0)}.carousel-control-next:hover .carousel-control-next-icon,.carousel-control-prev:hover .carousel-control-prev-icon{filter:brightness(10)}.categories-wrapper{flex:1 1 35%;min-width:300px}.categories-container{background-color:#fff;border-radius:20px;padding:2rem;box-shadow:0 15px 40px rgba(0,0,0,.1);height:80vh;display:flex;flex-direction:column;overflow:hidden}.categories-header{margin-bottom:1.5rem}.categories-header h4{color:var(--text-dark);font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.categories-header p{color:var(--text-dark);opacity:.6;font-size:1rem;margin-bottom:0}.categories-grid::-webkit-scrollbar{width:6px}.categories-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.categories-grid::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.categories-grid::-webkit-scrollbar-thumb:hover{background:#ccc}.category-item{display:flex;flex-direction:column;align-items:center!important;text-align:center!important;justify-content:center!important;padding:1.5rem 1rem;border-radius:16px;transition:all .3s ease;cursor:pointer;border:1px solid rgba(0,0,0,.03);background-color:#fff}.category-item:hover{background-color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.category-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;color:#fff;font-size:1.6rem;margin-bottom:1rem;transition:all .3s ease}.category-item:hover .category-icon{transform:scale(1.1)}.category-title{font-size:1.1rem;font-weight:500;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center!important}.categories-footer{margin-top:auto;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05)}.btn-view-all{background-color:transparent;color:var(--primary);border:2px solid var(--primary);padding:.8rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center}.btn-view-all:hover{background-color:var(--primary);color:#fff}.btn-view-all .iconify{transition:transform .3s ease}.btn-view-all:hover .iconify{transform:translateX(5px)}@media (max-width:1200px){.carousel-image-container,.categories-container,.halal-carousel{height:500px}.carousel-caption h3{font-size:2rem!important}.carousel-caption p{font-size:1.1rem!important}.categories-header h4{font-size:1.6rem}}@media (max-width:992px){.carousel-image-container,.categories-container,.halal-carousel{height:450px}.carousel-caption{padding:2rem!important}.carousel-caption h3{font-size:1.8rem!important}.carousel-caption p{font-size:1rem!important}.categories-header h4,.category-icon{font-size:1.4rem}.category-icon{width:50px;height:50px}.category-title{font-size:1rem}}@media (max-width:768px){.carousel-image-container,.halal-carousel{height:400px;margin-bottom:20px}.categories-container{height:500px}.carousel-caption{width:100%!important}.carousel-caption h3{font-size:1.6rem}.btn-explore-carousel{padding:.7rem 1.5rem;font-size:1rem}.carousel-control-next,.carousel-control-prev{width:40px;height:40px;margin:0 10px}.carousel-control-next-icon,.carousel-control-prev-icon{width:18px;height:18px}}@media (max-width:576px){.section-title{font-size:1.8rem}.carousel-image-container,.halal-carousel{height:350px;border-radius:15px}.carousel-caption{padding:1.5rem!important;width:100%!important}.carousel-caption h3{font-size:1.4rem!important;margin-bottom:.5rem!important}.carousel-caption p{font-size:.9rem!important;margin-bottom:1rem!important}.categories-container{padding:1.5rem;height:450px}.category-item{padding:1rem .8rem}.category-icon{width:45px;height:45px;font-size:1.2rem;margin-bottom:.8rem}.btn-view-all,.category-title{font-size:.9rem}.btn-view-all{padding:.6rem 1.5rem}.carousel-control-next,.carousel-control-prev{width:36px;height:36px;margin:0 5px}.carousel-control-next-icon,.carousel-control-prev-icon{width:16px;height:16px}}@media (max-width:480px){.carousel-image-container,.halal-carousel{height:300px}.btn-explore-carousel{padding:.6rem 1.2rem;font-size:.9rem}}.page-header{background:linear-gradient(90deg,var(--primary-dark) 0,var(--primary) 100%);overflow:hidden}.decorative-circles .circle-1,.decorative-circles .circle-2,.decorative-circles .circle-3{position:absolute;border-radius:50%;opacity:.1;background-color:#fff}.decorative-circles .circle-1{width:300px;height:300px;top:-150px;right:10%}.decorative-circles .circle-2{width:200px;height:200px;bottom:-100px;right:20%}.decorative-circles .circle-3{width:150px;height:150px;top:50px;right:40%}.header-image-container{position:relative;text-align:right}.header-image{max-width:90%;height:auto;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2{color:var(--text-dark);font-size:36px;font-weight:600;margin-bottom:15px}.heading-underline{height:4px;width:70px;background:var(--secondary);margin:0 auto}.products-grid{padding:50px 0 80px;position:relative;overflow:hidden}.floating-device{position:absolute;right:0;top:20px;z-index:-1;opacity:.7;max-width:15%}.floating-device-image{width:100%;height:auto;animation:float-slow 8s ease-in-out infinite}@keyframes float-slow{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}.product-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.06);padding:30px 25px;height:100%;transition:all .3s ease;position:relative;overflow:hidden;border-top:5px solid var(--secondary)}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.icon-wrapper{margin-bottom:20px}.icon-circle{width:90px;height:90px;background-color:rgba(1,142,111,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin:0 auto}.product-card:hover .icon-circle{background-color:var(--secondary-light)}.product-content{width:100%}.product-card h3{font-size:22px;font-weight:600;margin-bottom:10px;color:var(--primary-dark)}.product-card p{font-size:16px;color:#666;margin-bottom:0}.features-section{background-color:#f9f9f9;padding:80px 0}.features-image-container{text-align:center}.features-image{max-width:80%;height:auto;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.feature-item h4{font-size:20px;font-weight:600;color:var(--primary-dark);margin-bottom:5px}.feature-item p{color:#666;margin-bottom:0}.cta-section{background-color:#f8f9fa;padding:80px 0;margin-top:0;background-image:url(/images/pattern-bg.svg);background-size:cover;background-position:50%;position:relative}.cta-section h2{color:var(--primary-dark);font-size:36px;font-weight:600;margin-bottom:20px}.cta-section p{font-size:18px;color:#555;margin-bottom:30px}.cta-buttons{display:flex;justify-content:center;gap:20px}.btn-contact,.btn-wallet{padding:12px 30px;border-radius:50px;font-size:16px;font-weight:500;transition:all .3s ease;cursor:pointer;display:inline-block;text-decoration:none}.btn-contact{background-color:var(--secondary);color:#fff}.btn-contact:hover{background-color:var(--primary-dark);color:#fff}.btn-wallet{background-color:var(--secondary);color:var(--text-dark)}.btn-wallet:hover{background-color:#accc1d;color:var(--text-dark)}@media (max-width:992px){.floating-device{display:none}.features-image{max-width:100%;margin-bottom:40px}}@media (max-width:768px){.page-header{padding:60px 0}.section-heading h2{font-size:30px}.product-card{padding:25px 15px}.icon-circle{width:70px;height:70px}.cta-buttons{flex-direction:column;align-items:center}.btn-contact,.btn-wallet{width:100%;max-width:250px}}.support-chat-container{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:inherit}.chat-trigger-btn{width:60px;height:60px;border-radius:30px;background-color:var(--primary);color:#fff;border:none;box-shadow:0 4px 20px rgba(1,142,111,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.27,1.55);position:relative;z-index:2}.chat-trigger-btn:hover{transform:scale(1.05);background-color:var(--primary-dark)}.chat-trigger-btn.is-open{transform:rotate(90deg);background-color:#f5f5f5;color:var(--primary);box-shadow:0 4px 8px rgba(0,0,0,.1)}.chat-window{position:absolute;bottom:80px;right:0;width:350px;height:450px;background-color:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transform:scale(0);opacity:0;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55),opacity .2s ease;z-index:1}.chat-window.is-open{transform:scale(1);opacity:1}.chat-header{background:linear-gradient(90deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:15px 20px;justify-content:space-between}.chat-avatar,.chat-header,.chat-header-info{display:flex;align-items:center}.chat-avatar{width:40px;height:40px;background-color:hsla(0,0%,100%,.2);border-radius:50%;justify-content:center;margin-right:12px}.chat-header h3{margin:0;font-size:16px;font-weight:600}.status-indicator{display:flex;align-items:center;font-size:12px;margin-top:3px}.status-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%;margin-right:5px;display:inline-block}.close-btn{background:transparent;border:none;color:#fff;cursor:pointer}.chat-messages{flex:1 1;padding:20px;overflow-y:auto;background-color:#f9f9f9;display:flex;flex-direction:column}.message{margin-bottom:15px;max-width:80%;display:flex}.user-message{align-self:flex-end}.support-message{align-self:flex-start}.message-content{padding:12px 16px;border-radius:18px;position:relative}.user-message .message-content{background-color:var(--primary);color:#fff;border-bottom-right-radius:4px}.support-message .message-content{background-color:#fff;color:var(--text-dark);border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-content p{margin:0 0 5px}.message-time{font-size:10px;display:block;text-align:right;opacity:.8}.chat-input{display:flex;padding:15px;background-color:#fff;border-top:1px solid #eee}.chat-input input{flex:1 1;padding:10px 15px;border:1px solid #ddd;border-radius:20px;outline:none;transition:border-color .2s ease}.chat-input input:focus{border-color:var(--primary)}.chat-input button{width:40px;height:40px;background-color:var(--primary);color:#fff;border:none;border-radius:50%;margin-left:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.chat-input button:hover{background-color:var(--primary-dark)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ccc}@keyframes messagePopIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.message{animation:messagePopIn .3s ease forwards}@media (max-width:480px){.chat-window{width:calc(100vw - 40px);height:60vh;right:0;bottom:80px;position:fixed}.chat-trigger-btn{right:20px;bottom:20px;position:fixed;z-index:1001}.support-chat-container{position:fixed;bottom:20px;right:20px;width:auto;height:auto}}.about-hero-section{position:relative;overflow:hidden}.hero-image-container{height:100%;max-height:759px;overflow:hidden}.hero-image-container2{background:url(/images/salam2.jpg) rgba(0,0,0,.7) 50% /cover no-repeat}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{background-color:var(--primary-dark);color:#fff;height:100%;min-height:600px;display:flex;align-items:center}.content-wrapper{padding:4rem;max-width:600px}.hero-content h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#fff}.hero-content p{color:hsla(0,0%,100%,.6);font-size:20px;line-height:1.3}.feature-item{margin-top:2rem}.feature-icon{flex-shrink:0;margin-right:1rem;width:50px;height:50px;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.feature-text h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.feature-text p{color:hsla(0,0%,100%,.7);font-size:18px;margin-bottom:0}@media (max-width:991px){.hero-image-container{height:400px}.hero-content{min-height:0}.content-wrapper{padding:3rem 2rem;max-width:100%}.hero-content h1{font-size:2rem}}@media (max-width:767px){.hero-image-container{height:300px}.content-wrapper{padding:2rem 1.5rem}.feature-item{margin-top:1.5rem}.feature-icon{width:40px;height:40px}.feature-text h3{font-size:1.1rem}}.services-section{background-color:var(--primary);color:var(--text-light);box-shadow:0 8px 20px rgba(0,0,0,.2);overflow:hidden;position:relative}.services-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/money-pattern.png);background-blend-mode:overlay;opacity:.1;z-index:0}.logo-container{background-color:#fff;border-radius:16px;padding:20px;width:240px;height:240px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.1);position:relative;z-index:1}.logo-image{object-fit:contain}.services-list{padding:10px 0;position:relative;z-index:1;border-left:1px solid var(--secondary)}.service-item{transition:transform .3s ease}.service-item:hover{transform:translateX(5px)}.service-connector{display:flex;align-items:center;margin-right:15px}.connector-line{width:30px;height:1px;background-color:var(--secondary)}.connector-arrow{display:flex;align-items:center;justify-content:center}.arrow-icon{color:var(--secondary);font-size:16px}.service-content{flex:1 1}.service-icon{color:var(--secondary);font-size:20px;margin-right:10px}.service-title{font-size:1.2rem;font-weight:500;margin:0;padding:10px 0;width:100%}@media (max-width:768px){.logo-container{width:180px;height:180px}.service-title{font-size:1rem}}@media (max-width:576px){.logo-container{width:150px;height:150px}.connector-line{width:20px}.service-icon{font-size:16px}.service-title{font-size:.9rem}}.search-container{background-color:var(--background);min-height:100vh;padding:3rem 1rem}.page-header{background-color:var(--primary);position:relative}.search-header{text-align:center;margin-bottom:2rem}.search-title{color:var(--primary);font-weight:700;margin-bottom:.5rem}.search-subtitle{color:var(--text-dark);font-size:1.1rem}.search-box{margin-bottom:2rem;margin-left:auto;margin-right:auto}.input-group{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.input-group-text{background-color:#fff;border:none;border-right:1px solid #f0f0f0;color:var(--primary);padding-left:1.2rem}.form-control{padding:1.2rem 1rem;font-size:1.1rem;border:none;outline:none;height:auto}.form-control,.form-control:focus{box-shadow:none}.clear-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;z-index:5}.clear-btn:hover{color:var(--primary)}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.search-loading p{margin-top:1rem;color:var(--text-dark)}.spinner-border.text-primary{color:var(--primary)!important}.search-meta{text-align:center;margin-bottom:1.5rem;color:var(--text-dark)}.search-results{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.search-result-item{display:block;text-decoration:none;color:var(--text-dark);background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.search-result-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.1);border-left:4px solid var(--primary)}.bundle-result,.faq-result,.product-result{display:flex;align-items:flex-start;gap:1rem}.result-icon{background-color:rgba(1,142,111,.1);color:var(--primary);padding:.8rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-content{flex:1 1}.result-title{font-weight:600;margin-bottom:.5rem;color:var(--primary-dark);font-size:1.2rem}.result-description{color:var(--text-dark);margin-bottom:0;line-height:1.5}.bundle-packages{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between}.bundle-price{font-size:.9rem;color:var(--text-dark);margin-bottom:0}.bundle-price span{font-weight:600;color:var(--primary)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;color:var(--text-dark);text-align:center}.no-results svg{color:var(--primary-light);margin-bottom:1.5rem;opacity:.8}.no-results h3{font-weight:600;margin-bottom:.5rem}.search-suggestions{text-align:center;margin-top:3rem}.search-suggestions h3{color:var(--primary);margin-bottom:1.5rem;font-weight:600;font-size:1.5rem}.suggestion-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.suggestion-tags button{background-color:#fff;border:1px solid #e5e5e5;border-radius:30px;padding:.7rem 1.5rem;font-size:1rem;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.suggestion-tags button:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.highlight{background-color:rgba(190,214,49,.3);font-weight:500;padding:0 2px;border-radius:3px}@media (max-width:767px){.search-container{padding:2rem 1rem}.bundle-result,.faq-result,.product-result{flex-direction:column}.result-icon{margin-bottom:.7rem}.search-title{font-size:1.8rem}.form-control,.search-subtitle{font-size:1rem}.form-control{padding:1rem}.suggestion-tags{gap:.5rem}.suggestion-tags button{padding:.6rem 1.2rem;font-size:.9rem}}.telecom-packages{padding:60px 0}.package-card{position:relative;border-radius:20px;padding:45px 34px;height:100%;display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden}.voice-package{background:linear-gradient(135deg,#bed631,#9fb425);background-size:200% 200%;color:var(--text-white);box-shadow:0 10px 25px rgba(190,214,49,.3)}.data-package{background:linear-gradient(135deg,#03a583,#015e49);background-size:200% 200%;color:var(--text-light);box-shadow:0 10px 25px rgba(1,142,111,.3)}.combo-package{background:linear-gradient(135deg,#017559,#013d2e);background-size:200% 200%;color:var(--text-light);box-shadow:0 10px 25px rgba(1,117,89,.3)}.package-icon{font-size:36px;margin-bottom:24px;display:inline-block;background:hsla(0,0%,100%,.25);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center}.voice-package .package-icon{color:#fff;background-color:rgba(1,142,111,.15)}.combo-package .package-icon,.data-package .package-icon{color:#fff;background-color:rgba(190,214,49,.15)}.package-title{font-size:24px;font-weight:700;margin-bottom:8px}.package-description{font-size:16px;margin-bottom:28px;font-weight:400}.package-pricing{margin-bottom:28px;flex-grow:1}.price-wrapper{display:flex;flex-direction:column}.price-prefix{font-size:15px;margin-bottom:4px}.price{display:flex;align-items:baseline;margin-bottom:4px}.currency{font-size:16px;font-weight:500;margin-right:4px}.amount{font-size:42px;font-weight:700;line-height:1}.price-period{font-size:15px}.combo-price,.package-action{align-items:center}.package-action{display:inline-flex;background-color:hsla(0,0%,100%,.25);color:inherit;text-decoration:none;padding:12px 24px;border-radius:30px;font-weight:600;transition:all .2s ease;align-self:flex-start;margin-top:auto}.voice-package .package-action{background-color:rgba(1,142,111,.2);color:var(--text-dark)}.voice-package .package-action:hover{background-color:rgba(1,142,111,.3);color:var(--text-dark)}.combo-package .package-action,.data-package .package-action{background-color:rgba(190,214,49,.2);color:var(--text-light)}.combo-package .package-action:hover,.data-package .package-action:hover{background-color:rgba(190,214,49,.3);color:var(--text-light)}.package-action:hover{transform:translateY(-2px)}.package-action span{margin-right:8px}.package-card:hover{transform:translateY(-8px)}.voice-package:hover{box-shadow:0 15px 30px rgba(190,214,49,.4)}.data-package:hover{box-shadow:0 15px 30px rgba(1,142,111,.4)}.combo-package:hover{box-shadow:0 15px 30px rgba(1,117,89,.4)}@media (max-width:992px){.package-card{padding:24px 20px}.package-icon{font-size:28px;width:60px;height:60px}.package-title{font-size:22px}.amount{font-size:36px}}@media (max-width:767px){.telecom-packages{padding:40px 0}.package-card{margin-bottom:24px}}@keyframes pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.package-icon:hover{animation:pulse 1.5s infinite}.contact-page{padding:80px 0;background-color:#f9fafb;position:relative}.contact-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/pattern-bg.svg);background-size:cover;opacity:.05;z-index:0}.contact-page .container{position:relative;z-index:1}.contact-info{position:relative;padding:40px 20px 40px 0;height:100%}.contact-info h1{font-size:3rem;font-weight:800;color:#212529;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-info p.text-muted{font-size:1.1rem;color:#6c757d!important;margin-bottom:3rem}.icon-container{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary-light),var(--primary));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px rgba(1,142,111,.2);transition:all .3s ease}.icon-container:hover{transform:translateY(-5px);box-shadow:0 15px 20px rgba(1,142,111,.3)}.contact-icon{width:24px;height:24px;color:#fff}.contact-details>div{margin-bottom:2rem}.contact-details h5{font-size:1.1rem;margin-bottom:.3rem;font-weight:700;color:#333}.contact-details p{font-size:1rem;color:#6c757d;margin-bottom:0}.contact-form{background:#fff;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.1);padding:40px!important;transition:all .3s ease;border-top:5px solid var(--primary);position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:var(--secondary);opacity:.1;border-radius:0 0 0 150px}.form-control{padding:16px 20px;border:1px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:#f8f9fa}.form-control:focus{box-shadow:0 0 0 4px rgba(1,142,111,.1);border-color:var(--primary);background-color:#fff}.form-control::placeholder{color:#adb5bd}textarea.form-control{min-height:150px}.btn-secondary{background:var(--secondary);border:none;border-radius:12px;padding:16px 32px;font-weight:600;transition:all .3s ease;color:#333}.btn-secondary:hover{background:#a8be2a;transform:translateY(-2px);box-shadow:0 10px 20px rgba(190,214,49,.3)}.faqs-section{padding:80px 0;background-color:#fff}.faqs-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#212529}.faqs-section p.text-muted{font-size:1.1rem;margin-bottom:3rem;color:#6c757d!important}.accordion-item{border:none;background-color:#fff;border-radius:16px!important;overflow:hidden;margin-bottom:1.2rem;box-shadow:0 5px 20px rgba(0,0,0,.05);transition:all .3s ease}.accordion-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-3px)}.accordion-button{padding:1.25rem 1.5rem;font-weight:600;font-size:1.1rem;color:#333;background-color:#fff;border:none}.accordion-button:not(.collapsed){background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:none}.accordion-button:focus{box-shadow:none;border-color:transparent}.accordion-button:not(.collapsed):after{filter:brightness(0) invert(1);transform:rotate(180deg)}.accordion-body{padding:1.5rem;color:#6c757d;font-size:1rem;line-height:1.6}.map-container{margin-bottom:5rem;padding:0 2rem}.map-container iframe{border-radius:20px!important;box-shadow:0 15px 40px rgba(0,0,0,.1)!important}@media (max-width:767px){.contact-page{padding:50px 0}.contact-info{padding:20px 0 40px;text-align:center}.contact-info h1{font-size:2.5rem}.contact-details>div{flex-direction:column;align-items:center;text-align:center}.icon-container{margin-bottom:1rem;margin-right:0!important}.contact-form{padding:30px!important}.faqs-section h2{font-size:2rem}.map-container{padding:0 1rem}}@media (min-width:768px) and (max-width:991px){.contact-info h1{font-size:2.7rem}}@media (min-width:992px){.contact-page{padding:100px 0 80px}}.dialog{font-family:Roboto,sans-serif}.dialogTitle{background-color:var(--primary);color:var(--text-light);font-weight:600;display:flex;align-items:center}.dialogContent{padding:24px;background-color:var(--background)}.stepper{margin-bottom:24px}.stepContent{min-height:250px;padding:16px 0}.textField{margin-bottom:16px}.numberGrid{margin-top:16px}.numberCard{border:1px solid #e0e0e0;border-radius:8px;padding:8px;transition:all .3s ease;cursor:pointer}.numberCard:hover{border-color:var(--primary);background-color:rgba(1,142,111,.05)}.selectedCard{border-color:var(--primary);background-color:rgba(1,142,111,.1);box-shadow:0 2px 6px rgba(1,142,111,.2)}.numberText{font-weight:500}.successMessage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.selectedNumbersList{margin:16px 0;padding:16px;border-radius:8px;background-color:rgba(190,214,49,.1);border:1px solid var(--secondary)}.selectedNumber{margin:8px 0;font-weight:500}.loadingContainer{display:flex;justify-content:center;padding:24px}.dialogActions{padding:16px 24px;background-color:#f5f5f5}.actionButton{background-color:var(--primary)!important;color:#fff!important;min-width:120px!important}.actionButton:hover{background-color:var(--primary-dark)!important}.cancelButton{color:#666!important;border-color:#ccc!important}.backButton{margin-right:8px!important;border-color:var(--primary)!important;color:var(--primary)!important}.nextButton{background-color:var(--primary)!important;color:#fff!important;min-width:120px!important}.nextButton:hover{background-color:var(--primary-dark)!important}.nextButton:disabled{background-color:rgba(0,0,0,.12)!important;color:rgba(0,0,0,.26)!important}.premium-dialog{font-family:Outfit,sans-serif}.premium-dialog .MuiDialog-paper{max-width:500px;width:100%}.premium-dialog-title{background-color:var(--primary);color:var(--text-light);font-weight:600;display:flex;align-items:center;font-family:Outfit-Bold,Outfit,sans-serif}.premium-dialog-content{padding:24px;background-color:var(--background)}.premium-stepper{margin-bottom:24px}.premium-dialog .MuiCheckbox-root.Mui-checked,.premium-stepper .MuiStepIcon-root.MuiStepIcon-active,.premium-stepper .MuiStepIcon-root.MuiStepIcon-completed{color:var(--primary)!important}.premium-dialog .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary)!important}.premium-dialog .MuiInputLabel-root.Mui-focused{color:var(--primary)!important}.premium-dialog .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-light)!important}.premium-text-field{margin-bottom:16px}.premium-dialog .MuiTypography-root,.premium-text-field,.premium-text-field input,.premium-text-field label{font-family:Outfit,sans-serif!important}.premium-dialog h5,.premium-dialog h6{font-family:Outfit-Bold,Outfit,sans-serif!important}.premium-code-inputs{display:flex;justify-content:space-between;margin:24px 0}.premium-code-input{width:60px;height:60px;font-size:24px;text-align:center;border:2px solid #e0e0e0;border-radius:8px;margin:0 5px;background:#fff;outline:none;transition:all .3s ease;font-family:Outfit-Medium,Outfit,sans-serif;color:var(--text-dark)}.premium-code-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(1,142,111,.2)}.premium-number-grid{margin-top:16px}.premium-number-card{border:1px solid #e0e0e0;border-radius:8px;padding:8px;transition:all .3s ease;cursor:pointer;margin-bottom:8px}.premium-number-card:hover{border-color:var(--primary);background-color:rgba(1,142,111,.05)}.premium-selected-card{border-color:var(--primary);background-color:rgba(1,142,111,.1);box-shadow:0 2px 6px rgba(1,142,111,.2)}.premium-number-text{font-weight:500;font-family:Outfit-Medium,Outfit,sans-serif!important}.premium-success-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.premium-selected-numbers-list{margin:16px 0;padding:16px;border-radius:8px;background-color:rgba(190,214,49,.1);border:1px solid var(--secondary);width:100%}.premium-selected-number{margin:8px 0;font-weight:500;font-family:Outfit-Medium,Outfit,sans-serif!important}.premium-loading-container{display:flex;justify-content:center;padding:24px}.premium-dialog-actions{padding:16px 24px;background-color:#f5f5f5}.premium-action-button{background-color:var(--primary)!important;color:#fff!important;min-width:120px!important;font-family:Outfit-Medium,Outfit,sans-serif!important}.premium-action-button:hover{background-color:var(--primary-dark)!important}.premium-cancel-button{color:#666!important;border-color:#ccc!important;font-family:Outfit,sans-serif!important}.premium-back-button{margin-right:8px!important;border-color:var(--primary)!important;color:var(--primary)!important;font-family:Outfit,sans-serif!important}.premium-next-button{background-color:var(--primary)!important;color:#fff!important;min-width:120px!important;font-family:Outfit-Medium,Outfit,sans-serif!important}.premium-next-button:hover{background-color:var(--primary-dark)!important}.premium-next-button:disabled{background-color:rgba(0,0,0,.12)!important;color:rgba(0,0,0,.26)!important}.premium-error-text{color:#d32f2f;font-size:12px;margin-top:4px;font-family:Outfit,sans-serif}.hero-section{position:relative;min-height:calc(110vh - 105px);display:flex;align-items:center;padding:80px 0;color:#fff;overflow:hidden;z-index:1}.slider-background{z-index:-1}.slider-background,.slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.slider-overlay{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35));z-index:0}.hero-image,.hero-slide,.hero-video,.swiper-container{width:100%;height:100%}.col-11,.col-lg-12,.col-md-8,.row{position:relative;z-index:2}.check-btn{background-color:var(--primary);color:#fff;padding:12px 25px;border:none;border-radius:5px;transition:all .3s ease}.check-btn:hover{background-color:var(--primary-light);box-shadow:0 5px 15px rgba(3,165,131,.3);transform:translateY(-3px)}.swiper-slide-active .hero-image,.swiper-slide-active .hero-video{animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.responsive-box{--sm-height:100px;--md-height:200px;--lg-height:300px;--xl-height:300px;--xxl-height:300px;width:100%;transition:height .3s ease;height:var(--xxl-height)}@media only screen and (max-width:1399px){.responsive-box{height:var(--xxl-height)}}@media only screen and (max-width:1199px){.responsive-box{height:var(--xl-height)}}@media only screen and (max-width:991px){.responsive-box{height:var(--lg-height)}}@media only screen and (max-width:767px){.responsive-box{height:var(--md-height)}}@media only screen and (max-width:575px){.responsive-box{height:var(--sm-height)}}@media only screen and (max-width:375px){.responsive-box{height:var(--sm-height)}}@media only screen and (min-width:1921px){.responsive-box{height:var(--xxl-height)}}.hero-text{font-size:25px}.hero-title2{font-size:130px}.hero-title3{font-size:80px}.packageTop{margin-top:-200px}@media only screen and (max-width:1399px){.hero-text{font-size:25px}.hero-title2{font-size:110px}.hero-title3{font-size:70px}.packageTop{margin-top:-100px}}@media only screen and (max-width:1199px){.hero-text{font-size:25px}.hero-title2{font-size:90px}.hero-title3{font-size:60px}}@media only screen and (max-width:991px){.hero-text{font-size:25px}.hero-title2{font-size:70px}.hero-title3{font-size:50px}}@media only screen and (max-width:767px){.hero-text{font-size:25px}.hero-title2{font-size:70px}.hero-title3{font-size:40px}}@media only screen and (max-width:575px){.hero-text{font-size:18px}.hero-title2{font-size:70px}.hero-title3{font-size:30px}}@media only screen and (max-width:375px){.hero-title2{font-size:60px}.hero-title3{font-size:25px}}@media only screen and (min-width:1921px){.hero-title2{font-size:150px}.hero-title3{font-size:90px}}