.text-main-color{color:#57b661}body{font-family:"Cairo",sans-serif !important;background-color:#fbfbfb;color:#000;font-size:14px;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:#000}a:hover{color:#000}button{border:none;outline:none}.app{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between}@media print{.not-print{display:none}.show-print{display:block !important}}@keyframes btn-vid{from{transform:translate(0);opacity:1}to{transform:scale(1.3);opacity:0}}.main-header{position:fixed;top:0;left:0;right:0;z-index:999}.main-header+*{margin-top:127.14px}.main-header .top-bar{padding-block:12px;background-color:#182822}.main-header .top-bar .social{display:flex;gap:35px;align-items:center}.main-header .top-bar .social .item{align-items:center;display:flex;gap:12px}.main-header .top-bar .social .item .icon{width:19px;height:auto;color:#57b661}.main-header .top-bar .social .item .text{font-size:15.6px;font-weight:400;line-height:18.28px;color:#f9f9f9}.main-header .top-bar .links{display:flex}.main-header .top-bar .links .item{font-size:15.6px;font-weight:400;color:#fff;line-height:18.28px}.main-header .top-bar .links .item:not(:last-of-type){border-inline-end:1px solid #56615e;margin-inline-end:16px;padding-inline-end:16px}.main-header .main-navbar{background-color:#fff;padding-block:16px}.main-header .main-navbar .navbar-brand{padding:0;margin:0;font-size:38px;font-weight:900;line-height:90.18px;letter-spacing:.5px;color:#57b661;line-height:27px}.main-header .main-navbar .navbar-brand img{width:200px;height:auto}.main-header .main-navbar .nav-link{font-size:16px;font-weight:600;line-height:33.73px;color:#20332c;padding-inline:1rem !important;transition:300ms;text-align:center}.main-header .main-navbar .nav-link.active{color:#257830}.main-header .main-navbar .nav-link:hover{color:#000;transform:scale(1.2) translateY(-5px)}.main-header .main-navbar .btn-nav{font-size:14px;font-weight:600;line-height:33.73px;border-radius:5px;color:#fff;background-color:#57b661;text-align:center;padding:6px 22px;margin-inline-end:40px;position:relative}.main-header .main-navbar .btn-nav::after{content:"";height:calc(100% + 32px);top:-16px;inset-inline-start:calc(100% + 19.4px);width:1.2px;background-color:#d9e3e0;position:absolute}.main-header .main-navbar .btn-search{background-color:rgba(0,0,0,0);outline:0;padding:7px;border:1px solid rgba(0,0,0,0);transition:300ms;border-radius:5px}.main-header .main-navbar .btn-search svg,.main-header .main-navbar .btn-search i{width:19px;color:#20332c;height:auto}.main-header .main-navbar .btn-search:hover{border-color:#20332c;transform:scale(1.2)}.main-header.mobile-screen{display:none}@media(max-width: 767.98px){.main-header.mobile-screen{position:relative;display:block;margin-top:0}.main-header.mobile-screen .main-navbar .navbar-brand img{width:170px}.main-header.mobile-screen .btn-toggle img{width:50px;height:50px}.main-header.mobile-screen .notification-holder{position:relative}.main-header.mobile-screen .notification-holder .num{position:absolute;top:0;right:-3px;width:18px;height:18px;border-radius:50%;background-color:#6d6c6c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px}.main-header.mobile-screen .notification-holder i,.main-header.mobile-screen .notification-holder svg{color:#57b661;font-size:33px}}.btn-nav-holder{display:flex;gap:25px;align-items:center}.btn-toggle{color:#57b661;font-size:17px;font-weight:500;line-height:20.4px}.btn-toggle img{border-radius:50%;width:40px;height:40px;object-fit:cover}.btn-toggle .color-web{width:20px;background-color:#57b661;height:20px;border-radius:3px}.btn-cart{display:flex;gap:10px;color:#3f3e41;font-size:17px;font-weight:500;line-height:20.4px}.btn-cart .icon-holder{position:relative}.btn-cart .icon-holder svg,.btn-cart .icon-holder i{font-size:24px;color:#57b661}.btn-cart .icon-holder .count{position:absolute;top:-10px;inset-inline-start:-8px;width:16px;height:16px;background-color:#ea2050;color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-menu{width:225px !important;top:55px;right:-95px !important;box-shadow:0 0 10px rgba(0,0,0,.2);border:0;padding:8px}.user-menu .dropdown-item{white-space:normal;font-size:14px !important;color:#666 !important;display:flex;align-items:center;gap:10px !important;padding:5px}.user-menu .text{display:flex;flex-direction:column;gap:5px}.user-menu:active{background-color:#57b661 !important;color:#fff !important}.mobile-nav{display:none}@media(max-width: 767.98px){body{padding-bottom:60px}.main-header+*{margin-top:0px}.unshow-mob{display:none}.mobile-nav{position:fixed !important;bottom:0;left:0;display:block;width:100%;border-radius:20px 20px 0px 0px;border-top:2px solid #57b661;background-color:#fff;z-index:1}.mobile-nav .nav-menu{display:flex;align-items:center;justify-content:space-around;margin:0;padding:5px 0px;list-style:none}.mobile-nav .nav-menu .nav-item .nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 11px !important;color:#444;transition:.4s;text-align:center}.mobile-nav .nav-menu .nav-item .nav-link .nav-name{font-weight:500;font-size:13px}.mobile-nav .nav-menu .nav-item .nav-link .nav-icon{font-size:18px}.mobile-nav .nav-menu .nav-item .nav-link.active,.mobile-nav .nav-menu .nav-item .nav-link:hover{color:#257830}}.hero-section{height:calc(100vh - 127.14px);background-position:right center;background-repeat:no-repeat;background-size:cover;color:#fff;text-align:center}.hero-section .icon-section{width:75px;height:auto;margin-bottom:15px}.hero-section .title-1{font-size:20px;font-weight:600;line-height:37.48px;margin:0 auto 5px}.hero-section .title-2{font-size:50px;font-weight:600;line-height:107.94px;margin:0 auto 5px}.hero-section .title-3{font-size:22px;font-weight:400;line-height:44.98px;text-align:center;margin:0 auto 25px}.hero-section .btn-hero{font-size:16px;font-weight:600;line-height:37.48px;color:#4e4d4d;background-color:#fff;padding:10px 80px;border-radius:100px;transition:300ms;border:4px solid #fff}.hero-section .btn-hero:last-of-type{background-color:#57b661;border-color:#57b661;color:#fff}.hero-section .btn-hero:hover{border-color:#57b661;color:#57b661;background-color:#fff;scale:.95}@media(max-width: 575.98px){.hero-section .icon-section{width:55px;margin-bottom:12.5px}.hero-section .title-1{font-size:16px;margin:0 auto 2.5px}.hero-section .title-2{font-size:28px;line-height:55px;margin:0 auto 5px}.hero-section .title-3{font-size:18px;line-height:25px;margin:0 auto 25px}.hero-section .btn-hero{width:100%;font-size:16px;padding:8.5px}}.app-section{background-color:#57b661;border-bottom:6px solid #555;padding-bottom:4rem !important}.app-section .text{color:#fff;font-size:30px;font-weight:400;line-height:60px;margin-bottom:0}.about-section .box-about{position:relative;margin-top:-8%}.about-section .box-about .btn-about{font-size:14px;font-weight:700;line-height:26.24px;position:absolute;inset-inline-start:0;top:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background-color:#111d19;padding:16px 34px;border-radius:14px 0 14px 0}.about-section .box-about .img{width:calc(100% - 90px);border-radius:14px;object-fit:cover;height:80vh}.about-section .box-about .icon-about{position:absolute;padding:33px;width:180px;border-radius:14px;background:linear-gradient(to bottom, #091f0c, #257830 40%);top:50%;transform:translateY(-50%);inset-inline-end:0}.about-section .box-about .icon-about .icon{width:64px;height:auto;margin-bottom:24px}.about-section .box-about .icon-about .text{color:#fff;font-size:19px;font-weight:400;line-height:28.27px}.about-section .title-about{color:#182822;font-size:35px;font-weight:600;line-height:74.96px;margin-bottom:0}.about-section .text-about{color:#182822;font-size:17px;font-weight:400;line-height:37.65px;letter-spacing:.06em}.about-section iframe{width:100%;height:auto;aspect-ratio:853/480}.features-section{padding-bottom:5.5rem !important}.features-section .title-features{font-size:33px;font-weight:700;line-height:71.98px;text-align:center;color:#404040;margin-bottom:0}.features-section .desc-features{color:#666;font-size:20px;font-weight:400;line-height:37.48px;text-align:center;margin-bottom:70px}.features-section .bg{background-size:cover;margin-top:2.5rem;height:calc(590px - 5rem);background-repeat:no-repeat}.features-section .bg .content-features{position:relative;top:-2.5rem;background-color:hsla(126,39%,53%,.9)}.features-section .bg .feature{display:flex;align-items:start;gap:1rem}.features-section .bg .feature svg,.features-section .bg .feature i{width:50px;height:auto}.features-section .bg .feature .text .title-text{font-size:16.15px;font-weight:600;line-height:35.89px;color:#fff;margin-bottom:3px}.features-section .bg .feature .text .content-text{font-size:17px;font-weight:400;line-height:37.48px;color:#fff;max-width:200px}.features-section .bg .phone{width:250px;max-width:100%;height:auto;margin-inline:auto;display:block}@media(max-width: 991.98px){.features-section{padding-bottom:3rem !important}.features-section .desc-features{margin-bottom:35px}.features-section .bg{margin-top:0;height:auto}.features-section .bg .content-features{position:unset}}.info-section{background-size:cover;padding-top:5rem !important;background-repeat:no-repeat}.info-section .title-info{color:#fff;font-size:19px;font-weight:600;line-height:44.98px;margin-bottom:10px}.info-section .desc-info{color:#fff;font-size:19px;font-weight:400;line-height:35.98px;margin-bottom:0}.contact-section .container-list{max-width:480px;margin-inline:auto}.contact-section .container-list .list-contect{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.contact-section .container-list .list-contect .item{display:flex;gap:10px;align-items:center;color:#182822;font-size:17.2px;font-weight:400;line-height:35.98px}.contact-section .container-list .list-contect .item:not(:last-of-type){padding-bottom:16px;border-bottom:1px solid #d9e3e0}.contact-section .container-list .list-contect .item .icon{width:31px;height:31px;background-color:#e8efec;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#257830}.contact-section .container-list .list-contect .item .icon svg,.contact-section .container-list .list-contect .item .icon i{width:12px;height:auto}.contact-section .container-list .btn-list{background-color:#555;color:#fff;display:flex;align-items:center;gap:10px;padding:8.5px 50px;border-radius:4px;width:fit-content;font-size:16px;font-weight:600;line-height:37.48px}.contact-section .container-list .btn-list .icon{width:25px;height:25px;background-color:#fff;color:#555;border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-section .container-list .btn-list .icon svg,.contact-section .container-list .btn-list .icon i{width:10px;height:auto}.contact-section .form-contact{margin-top:-41.5%;background-color:#fff;border-radius:12px;padding:35px;box-shadow:0 0 8px 0 rgba(0,0,0,.05)}@media(max-width: 991.98px){.contact-section .form-contact{margin:0}}.contact-section .form-contact .title-form{color:#182822;font-size:28.8px;font-weight:400;line-height:53.97px;margin-bottom:0}.contact-section .form-contact .desc-form{color:#62706b;font-size:18px;font-weight:400;line-height:33.73px;margin-bottom:30px}.contact-section .form-contact label{font-size:14.8px;display:block;font-weight:700;line-height:31.48px;color:#182822}.contact-section .form-contact input,.contact-section .form-contact textarea{border:2.4px solid #d9e4df;border-radius:4px;outline:0 !important;width:100%;padding:13px}.contact-section .form-contact textarea{height:125px}.contact-section .form-contact .btn-send{background-color:#257830;color:#fff;display:flex;align-items:center;gap:10px;padding:8.5px 50px;border-radius:4px;width:100%;justify-content:center;font-size:16px;font-weight:600;line-height:37.48px}.contact-section .form-contact .btn-send .icon{width:25px;height:25px;background-color:#fff;color:#555;border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-section .form-contact .btn-send .icon svg,.contact-section .form-contact .btn-send .icon i{width:10px;height:auto}.box-img{box-shadow:0px 5.98px 99.29px 0px rgba(17,29,25,.1215686275);background-color:#fff;border-radius:7px;height:100%;text-align:center;padding:25px}.box-img .img{height:105px}.box-img .img img{height:auto;width:auto;max-height:100%;max-width:100%;object-fit:cover}.box-img .title{font-size:18px;font-weight:700;line-height:26.78px;color:rgba(0,11,18,.9294117647)}.box-img.grey{background-color:#6a6869}.box-img.grey .title{color:hsla(0,0%,100%,.9294117647)}.main-accordion{display:flex;flex-direction:column;gap:.5rem}.main-accordion .accordion-item{border:1px solid #ddd;border-top:1px solid #ddd !important;border-bottom:1px solid #ddd !important;border-radius:3px}.main-accordion .accordion-item .accordion-button{border:0 !important;box-shadow:unset !important}.main-accordion .accordion-item .accordion-button:not(.collapsed){background-color:#57b661;color:#fff}.main-footer .footer-top{position:relative;padding-block:60px;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:rgba(4,4,4,.5137254902)}.main-footer .footer-top .title-footer{color:#fff;font-size:22px;font-weight:700;line-height:32px;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid #fff;position:relative}.main-footer .footer-top .title-footer::before{content:"";position:absolute;bottom:-1px;inset-inline-start:0;width:15px;height:2px;background-color:#fff}.main-footer .footer-top .about .logo{margin-bottom:1.5rem;font-size:38px;font-weight:900;line-height:90.18px;letter-spacing:.5px;color:#fff;line-height:27px}.main-footer .footer-top .about .logo img{width:200px;height:auto}.main-footer .footer-top .about .text{font-size:14px;font-weight:400;line-height:26.31px;text-align:justified;color:#fff;max-width:450px}.main-footer .footer-top .links .list{display:flex;flex-direction:column;gap:20px}.main-footer .footer-top .links .list .link{font-size:16px;font-weight:400;line-height:16px;display:flex;align-items:center;gap:12px;color:#fff;transition:300ms}.main-footer .footer-top .links .list .link:hover{color:#57b661}.main-footer .footer-bottom{background-color:#fff;position:relative;padding-block:15px}.main-footer .footer-bottom .logo{width:160px;height:auto}.main-footer .footer-bottom .text{font-size:16px;font-weight:500;line-height:19.2px;text-align:right;color:#040404}