body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:#f8f9fa}h1,h2,h3,h4,h5,h6,p{margin:0}.home-container{padding:20px;text-align:center}.product-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.product-card{border:1px solid #ddd;border-radius:8px;padding:16px;width:300px;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.product-card:hover{transform:scale(1.05)}.product-image{width:100%;height:200px;object-fit:contain;border-radius:8px 8px 0 0}.product-name{font-size:1.2rem;margin:10px 0}.product-description{font-size:1rem;color:#555}.product-price{font-size:1.2rem;color:#ff5722;margin:10px 0}.product-variants,.product-offers{font-size:.9rem;color:#555;margin:10px 0}.product-detail-container{padding:20px;text-align:center}.product-detail-image{width:100%;max-width:400px;height:auto;margin-bottom:20px}.product-detail-name{font-size:2rem;margin-bottom:10px}.product-detail-description{font-size:1.2rem;color:#555;margin-bottom:20px}.product-detail-price{font-size:1.5rem;color:#ff5722;margin-bottom:20px}.paystack-button{background-color:#ff5722;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.paystack-button:hover{background-color:#ff8a65}.about-us-container{padding:20px;text-align:center}.about-us-title{font-size:36px;margin-bottom:20px}.about-us-image{display:block;margin:0 auto 20px;max-width:100%;height:auto;border-radius:10px;box-shadow:0 4px 8px #0000001a}.about-us-section{border:1px solid #ddd;border-radius:8px;padding:16px;width:100%;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.about-us-section:hover{transform:scale(1.05)}.section-title{font-size:24px;margin-bottom:10px}.section-date{font-size:18px;margin-bottom:10px;color:#ff5722}.section-description{font-size:16px;color:#555}.lpg-products-container{padding:20px;text-align:center}.lpg-products-title{font-size:36px;margin-bottom:20px}.lpg-product-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.lpg-product-card{border:1px solid #ddd;border-radius:8px;padding:16px;width:300px;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.lpg-product-card:hover{transform:scale(1.05)}.lpg-product-image{width:100%;height:200px;object-fit:contain;border-radius:8px 8px 0 0}.lpg-product-name{font-size:1.2rem;margin:10px 0}.lpg-product-description{font-size:1rem;color:#555}.lpg-product-price{font-size:1.2rem;color:#ff5722;margin:10px 0}.original-price{text-decoration:line-through;margin-right:10px}.discount-price{color:#28a745;font-weight:700}.buy-button{background-color:#ff5722;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.buy-button:hover{background-color:#ff8a65}body{background-color:#f5f5f5!important}.registrationForm{width:30%;max-height:50%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;margin:0 auto}.signUpText{display:block;padding:10px;text-align:center;font-size:24px;width:40%;margin-bottom:5px;color:#000}.registrationForm form{width:30%;padding:10px;background-color:#fff;border-radius:10px;height:auto;box-sizing:border-box}.registrationForm label{display:block;font-size:14px;margin-bottom:3px;color:#000}.registrationForm input{width:100%;padding:8px;margin-bottom:8px;border:1px solid #ddd;border-radius:5px}.submitButton{background-color:#000!important;color:#fff;padding:8px 18px;border:none;border-radius:10px;cursor:pointer;margin-top:8px}.termsText{font-size:12px;color:#000;margin-top:5px}.termsText a{color:#000;text-decoration:underline}.socialSignUp{margin-top:10px;display:flex;flex-direction:column;gap:8px}.socialSignUp button{width:100%;padding:6px;background-color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.socialSignUp .google-btn,.socialSignUp .apple-btn{background-color:#000;color:#fff}.socialSignUp button:hover{opacity:.8}.social-logo{width:20px;height:auto}.loginText{margin-top:10px;text-align:center;color:#000}.loginText a{color:#000}@media (max-width: 768px){.registrationForm{width:90%;max-width:500px;padding:10px}.signUpText{font-size:20px;width:100%}.registrationForm form{width:100%}}.order-gas-container{padding:20px;background-color:#fff;color:#ff5722;text-align:center;font-family:Arial,sans-serif}.order-gas-title{font-size:36px;margin-bottom:20px}.order-gas-form{display:flex;flex-direction:column;align-items:center}.order-gas-form label{margin-bottom:15px;width:100%;max-width:400px;text-align:left}.order-gas-form input,.order-gas-form select,.order-gas-form textarea{width:100%;padding:10px;margin-top:5px;border-radius:5px;border:1px solid black}.total-amount{font-size:1.5rem;color:#fff;margin:20px 0}.order-now-button{background-color:#ff5722;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.order-now-button:hover{background-color:gray;color:#fff}.order-gas-product-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f4f4f4;padding:20px}.order-gas-product-data-title{font-size:2rem;margin-bottom:20px;color:#333}.order-details{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;text-align:center;max-width:500px;width:100%}.order-details p{margin:10px 0;font-size:1rem;color:#555}.pay-now-button{background-color:#ff5722;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:20px}.pay-now-button:hover{background-color:#ff8a65}.faqs-container{padding:20px;text-align:center}.faqs-title{font-size:36px;margin-bottom:20px}.safety-tips-container{padding:20px;text-align:center}.safety-tips-title{font-size:36px;margin-bottom:20px}.safety-tips-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.safety-tip-card{border:1px solid #ddd;border-radius:8px;padding:16px;width:300px;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.safety-tip-card:hover{transform:scale(1.05)}.safety-tip-image{width:100%;height:200px;object-fit:contain;border-radius:8px 8px 0 0}.safety-tip-title{font-size:1.2rem;margin:10px 0}.safety-tip-description{font-size:1rem;color:#555}.contact-us-container{background-color:#f4f4f4;padding:20px;text-align:center;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.contact-us-title{margin:20px 0;text-align:center;font-size:2rem;color:#333}.contact-us-form{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:0 auto}.contact-us-form label{margin-bottom:15px;width:100%;text-align:left}.contact-us-form input,.contact-us-form textarea{width:100%;padding:10px;margin-top:5px;border-radius:5px;border:1px solid #ddd}.send-message-button{background-color:#000!important;color:#fff;width:150px;padding:10px;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:20px}.send-message-button:hover{background-color:#ff8a65}body{background-color:#fff}.loginForm{width:50%;max-height:70%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}.loginText,.forgetPasswordText{display:block;padding:10px;text-align:center;font-size:24px;width:40%;margin-bottom:5px;color:#000}.loginForm form{width:40%;padding:15px;background-color:#fff;border-radius:10px;height:auto;box-sizing:border-box}.loginForm label{display:block;font-size:14px;margin-bottom:3px;color:#000}.loginForm input{width:100%;padding:8px;margin-bottom:8px;border:1px solid #ddd;border-radius:5px}.submitButton{background-color:#000;color:#fff;padding:8px 18px;border:none;border-radius:10px;cursor:pointer;margin-top:8px}.submitButton:hover{background-color:#333}.signupText,.forgetPasswordText,.backToLoginText{font-size:12px;color:#000;margin-top:5px}.signupText a,.forgetPasswordText a,.backToLoginText a{color:#000;text-decoration:underline}@media (max-width: 768px){.loginForm{width:90%;max-width:500px;margin:0 auto;padding:10px}.loginText,.forgetPasswordText{font-size:20px;width:100%}.loginForm form{width:100%}}.terms-container{padding:20px;max-width:800px;margin:0 auto;font-family:Arial,sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a}.terms-title{text-align:center;font-size:28px;font-weight:700;color:#333;margin-bottom:20px}.terms-section{margin-bottom:20px}.section-title{font-size:20px;color:#0056b3;margin-bottom:10px}.section-content{font-size:16px;color:#555;line-height:1.6;text-align:justify}.terms-footer{text-align:center;font-size:14px;color:#777;margin-top:20px}a{color:#0056b3;text-decoration:none}a:hover{text-decoration:underline}.partners-container{text-align:center;padding:10px;background-color:gray;height:150px;color:#fff}.partners-scroll{overflow:hidden;white-space:nowrap;margin:10px 0}.partners-images{display:inline-block;animation:scroll 20s linear infinite}.partners-images img{display:inline-block;width:100px;height:auto;margin:0 10px}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.footer2{background-color:#000!important;padding:1px 2px;text-align:center;color:#fff;position:relative}.footer2-content{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.footer2-logo-container{display:flex;align-items:center}.footer2-logo{height:150px;width:auto;margin-right:2px}.footer2-center{flex-grow:1;text-align:left;margin:3px 0;display:flex;flex-direction:column}.contact-info{font-size:16px;margin-top:10px;font-weight:700;padding-left:50px}.contact-item{display:flex;align-items:center;margin:0 0 5px}.contact-item p{margin-left:10px;text-align:left}.social-media-icons{display:flex;justify-content:center;gap:15px;margin-bottom:-40px;align-items:center}.social-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;font-size:20px}.social-icon.facebook{color:#1839f2;background-color:#fff}.social-icon.x{color:#000;background-color:#fff}.social-icon.whatsapp{color:green;background-color:#fff}.social-icon.gmail{color:#ff0000b4;-webkit-text-fill-color:transparent;background-color:#fff}.footer2-links{text-align:left;margin:10px 0}.footer2-links h3{margin-bottom:10px;font-size:20px;color:#9acd32}.footer2-links ul{list-style:none;padding:0}.footer2-links li{margin-bottom:5px}.footer2-links a{color:#ecf0f1;text-decoration:none;font-size:16px;transition:color .3s ease}.footer2-links a:hover{color:#9acd32}.footer2-copy{margin-top:10px;font-size:14px;color:#fff}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.carousel-container{position:relative}.carousel .slide img{width:100%;height:400px;border-radius:8px;box-shadow:0 8px 8px #0000001a;transition:transform .3s ease}.carousel .slide img:hover{transform:scale(1.05)}.carousel .control-arrow,.carousel .thumb{filter:invert(1)}.carousel .control-arrow{opacity:.6;transition:opacity .3s}.carousel .control-arrow:hover{opacity:1}.carousel .carousel-status{font-size:1.2rem;color:#333}.carousel .carousel-indicators .dot{background:#666}.carousel .carousel-indicators .dot.selected{background:#000}.carousel-caption{background-color:#00000080;color:#fff;padding:8px;border-radius:8px;position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:auto;max-width:80%;text-align:center}.carousel-center-text{background-color:#00000080;color:#fff;padding:5px;border-radius:100px;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:40%;text-align:center;font-size:1.5rem}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh;position:fixed;top:0;left:0;width:100%;background-color:#f3f3f3;z-index:9999}.spinner{border:2px solid #FF5722;border-top:2px solid blue;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.navbar{background-color:#ff5722!important;display:flex;justify-content:space-between;align-items:center;padding:0 10px;width:100%}.navbar-logo{margin-right:10px}.navbar-button{margin-left:10px;white-space:nowrap}.search{position:relative;border-radius:4px;background-color:#fff;display:flex;align-items:center}.search-button{margin-left:8px;background:linear-gradient(45deg,#00f,#ff5722)!important;color:#fff!important}.menu-icon{display:none}.desktop-menu{display:flex;align-items:center}.mobile-menu .menu-item{cursor:pointer}@media (max-width: 768px){.menu-icon{display:flex}.desktop-menu{display:none}.search{margin-left:auto}}@media (min-width: 769px) and (max-width: 1024px){.menu-icon{display:none}.desktop-menu{display:flex}}@media (min-width: 1025px){.menu-icon{display:none}.desktop-menu{display:flex}}