:root{--color-primary: #388396;--color-secondary: #0976d6;--color-warning: #ed9721;--color-danger: #d72731;--color-white: #ffffff;--color-light: #999999;--color-black: #333333}html{font-size:10px}body{font-size:1.6rem;font-family:"Poppins",sans-serif;background-color:#f7f7f7}*{margin:0;padding:0}a{text-decoration:none}.row{margin:0;padding:0}ul,li{list-style:none;padding:0;margin:0}img{transition:.5s;object-fit:contain}section{padding:3rem 0}.section-title{position:relative;display:inline-block;text-transform:uppercase;color:var(--color-primary) !important}.section-title:after{content:attr(data-mask);font-size:8rem;color:var(--color-light);opacity:.1;position:absolute;top:50%;left:-10%;transform:translateY(-50%);z-index:-1;text-transform:uppercase;white-space:nowrap}@media screen and (max-width: 767px){.section-title:after{font-size:6rem}}@media screen and (max-width: 575px){.section-title:after{font-size:4rem}}.text-primary{color:var(--color-primary) !important}.text-secondary{color:var(--color-secondary) !important}.text-warning{color:var(--color-warning) !important}.text-light{color:var(--color-light) !important}.text-black{color:var(--color-black) !important}.text-danger{color:var(--color-danger) !important}.tph:hover{color:var(--color-primary) !important}.tsh:hover{color:var(--color-secondary) !important}.twh:hover{color:var(--color-warning) !important}.tlh:hover{color:var(--color-light) !important}.tbh:hover{color:var(--color-black) !important}.bg-primary{background-color:var(--color-primary) !important}.bg-secondary{background-color:var(--color-secondary) !important}.bg-warning{background-color:var(--color-warning) !important}.bg-light{background-color:var(--color-light) !important}.bg-black{background-color:var(--color-black) !important}.bg-sec{background-color:#f5f5f5}.bg-danger{background-color:var(--color-danger)}.fw-400{font-weight:400 !important}.fw-600{font-weight:600 !important}.fw-700{font-weight:700 !important}h1,.h1{font-size:6rem !important;margin:0}@media screen and (max-width: 1199px){h1,.h1{font-size:4rem !important}}@media screen and (max-width: 575px){h1,.h1{font-size:3rem !important}}h2,.h2{font-size:5rem !important;margin:0}@media screen and (max-width: 767px){h2,.h2{font-size:3.5rem !important}}h3,.h3{font-size:3rem !important;margin:0}h4,.h4{font-size:2rem !important;margin:0}h5,.h5{font-size:1.8rem !important;margin:0}@media screen and (max-width: 991px){h5,.h5{font-size:1.6rem !important}}@media screen and (max-width: 767px){h5,.h5{font-size:1.4rem !important}}p,.p{font-size:1.6rem !important;margin:0}@media screen and (max-width: 767px){p,.p{font-size:1.4rem !important}}.hw-40{height:4rem;width:4rem;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 767px){.hw-40{height:3rem;width:3rem}}.btn-primary{background-color:var(--color-black) !important;padding:1.4rem 4rem;color:var(--color-white);font-weight:500;border:none;outline:none;box-shadow:none;font-size:1.6rem;font-weight:600;position:relative;overflow:hidden;transition:all .5s;border-radius:0}.btn-primary.btn-sm{font-size:1.4rem;padding:1rem 2.5rem;font-weight:400}@media screen and (max-width: 767px){.btn-primary.btn-sm{font-size:1.2rem;padding:1rem 1.2rem}}@media screen and (max-width: 767px){.btn-primary{font-size:1.4rem;padding:1rem 1.2rem}}input,select,textarea{border:1px solid var(--color-black);outline:none;padding:1.2rem 2rem;border-radius:0;background-color:var(--color-white)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}input[type=checkbox]{padding:1rem;box-shadow:none !important;height:2.5rem;width:2.5rem;display:block;border:1px solid var(--color-primary) !important;background:transparent}input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.backdrop_layer{background-color:rgba(0,0,0,.2);height:100vh;width:100%;position:fixed;top:0;left:-100%;z-index:1030;transition:.5s}.shape-hover{transition:all .5s;position:relative}.shape-hover:after{content:"";position:absolute;top:10%;right:10%;background-image:url("./../../../images/portfolio/e_commerce/shape2.png");background-repeat:no-repeat;background-size:100%;width:8rem;height:8rem;transition:all .5s;transform:scale(1.5);opacity:0;visibility:hidden}.shape-hover:before{content:"";position:absolute;bottom:10%;left:10%;background-image:url("./../../../images/portfolio/e_commerce/shape1.png");background-repeat:no-repeat;background-size:100%;width:8rem;height:8rem;transition:all .5s;transform:scale(1.5);opacity:0;visibility:hidden}.shape-hover:hover,.shape-hover.active{background-color:var(--color-black);color:var(--color-white) !important}.shape-hover:hover:after,.shape-hover.active:after{top:0;right:0;opacity:.2;height:4rem;width:4rem;visibility:visible}.shape-hover:hover:before,.shape-hover.active:before{left:0;bottom:0;opacity:.2;height:4rem;width:4rem;visibility:visible}.owl-nav .owl-prev,.owl-nav .owl-next{background-color:var(--color-black) !important;height:5rem;width:5rem;color:var(--color-white) !important;font-size:2rem !important;transition:.5s}.owl-dot.active span{background-color:var(--color-primary) !important}.Brand-logo{display:block}header{position:sticky;top:0;left:0;z-index:1030;transition:.5s;padding:1rem;border-bottom:2px solid var(--color-primary)}header #Navigation_menu{transition:.5s;background-color:var(--color-white)}header #Navigation_menu ul li{margin:0 1rem}header #Navigation_menu ul li a{padding:3rem 2rem;color:var(--color-black);font-weight:600;display:block;transition:all .3s}header #Navigation_menu ul li a:hover,header #Navigation_menu ul li a.active{background-color:transparent;color:var(--color-primary);border-radius:0}@media screen and (max-width: 991px){header #Navigation_menu ul li a:hover,header #Navigation_menu ul li a.active{color:var(--color-white);background-color:var(--color-primary);border-radius:1rem}}@media screen and (max-width: 991px){header #Navigation_menu ul li a{border:none;padding:2rem 4rem;border-radius:1rem}}@media screen and (max-width: 991px){header #Navigation_menu ul li{margin:1rem 0}}@media screen and (max-width: 991px){header #Navigation_menu{position:fixed;top:3rem;left:-100%;height:100vh;max-width:35rem;background-color:var(--color-white);transition-delay:.2s;z-index:1034;border:none;border-radius:0 1rem 1rem 0}}@media screen and (max-width: 991px){header{top:0}}.btn-close{position:absolute;top:-1.6rem;right:2rem;background-color:var(--color-white);border:3px solid var(--color-primary);opacity:1;padding:1rem;border-radius:50%;box-shadow:none;transition:.5s;z-index:50}.btn-close:hover{border-color:var(--color-primary)}.offcanvas{top:3rem !important;border-radius:1rem 0 0 1rem;width:60rem !important}.offcanvas.offcanvas-end{border:none !important}.cart-img{height:6rem;width:auto;display:inline-block}@media screen and (max-width: 575px){.cart-img{width:6rem;height:6rem}}.count-item{border:1px solid var(--color-light);display:inline-flex;align-items:center}.count-item button{height:2.6rem;width:2.6rem;font-size:1.2rem;display:block;border-radius:0}.count-item button:first-child{border-bottom:1px solid var(--color-light)}.count-item input{width:5rem;padding:1rem;border:none;outline:none;text-align:center}span.label{position:absolute;bottom:0;right:20%;z-index:0;height:10rem;width:10rem;font-size:3rem;font-weight:600;display:block;color:var(--color-white);display:flex;align-items:center;justify-content:center;border-radius:100%}@media screen and (max-width: 767px){span.label{height:5rem;width:5rem;top:0rem;right:0;font-size:2rem}}.cards{background-color:var(--color-white);border-radius:1rem;box-shadow:rgba(0,0,0,.05) 0px 1px 2px 0px;position:relative;margin:1.4rem;transition:.5s}.cards .card-image{height:auto;max-width:40rem;height:30rem;padding:6rem 2rem 4rem;position:relative}.cards .card-image img{height:100%;width:100%;transform:scale(0.9)}.cards .card-image .actions-btns{position:absolute;top:1rem;right:1rem}.cards .card-image .actions-btns button,.cards .card-image .actions-btns a{background-color:var(--color-white);box-shadow:rgba(0,0,0,.1) 0px 2px 6px;margin-bottom:.5rem;border-radius:50%}.cards .card-image .actions-btns button:hover,.cards .card-image .actions-btns a:hover{background-color:var(--color-primary);color:var(--color-white) !important}@media screen and (max-width: 767px){.cards .card-image .actions-btns{top:auto;bottom:0;left:1rem;display:flex;align-items:center}.cards .card-image .actions-btns button,.cards .card-image .actions-btns a{margin-right:.5rem}}.cards .card-image .card-label{background-color:var(--color-black);color:var(--color-white);padding:.3rem .5rem;font-size:1rem;position:absolute;top:1rem;left:1rem;border-radius:.5rem}@media screen and (max-width: 767px){.cards .card-image{height:28rem;padding:4rem 2rem}}@media screen and (max-width: 575px){.cards .card-image{height:15rem;padding:1rem 1rem 5rem}}.cards .card-content{padding:2rem}@media screen and (max-width: 767px){.cards .card-content{padding:1rem}.cards .card-content a.text-primary{width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}}@media screen and (max-width: 767px)and (max-width: 575px){.cards .card-content a.text-primary{font-size:1.4rem !important}}@media screen and (max-width: 767px){.cards .card-content p del{display:block;margin-left:0 !important}}.cards .card-pattern{height:6rem;width:6rem;background-color:var(--color-white);border:6px solid #f7f7f7;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;bottom:-1rem;right:-1rem}.cards .card-pattern span{height:2rem;width:2rem;border-radius:100%;display:block;font-size:1.6rem}.cards .card-pattern span.av{background-color:#7be383}.cards .card-pattern span.unav{background-color:var(--color-danger)}@media screen and (max-width: 575px){.cards .card-pattern{height:4rem;width:4rem}.cards .card-pattern span{height:1.6rem;width:1.6rem}}.cards:hover{transform:translateY(-5px)}.cards:hover .card-image img{transform:rotate(8deg) scale(1)}@media screen and (max-width: 767px){.cards{margin:1rem}}.tooltip-inner{font-size:1.4rem !important}footer{margin-top:5rem;background-color:var(--color-black);padding-top:5rem;color:var(--color-white)}footer .social-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:4rem}footer .social-link li{margin:1rem}footer .social-link li a{color:var(--color-white);background-color:var(--color-primary);font-weight:600;letter-spacing:.1em;height:4rem;width:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.5s}footer .social-link li a:hover{color:var(--color-white);transform:translateY(-5px);background-color:var(--color-warning)}#Navigation_menu ul{display:none !important}[data-bs-toggle=offcanvas],#Open_sidebar{display:none !important}.bannner-img img{height:30rem;max-width:100% !important;object-fit:cover}@media screen and (max-width: 767px){.bannner-img img{height:20rem}}.bannner-img .back_to_home{position:absolute;top:50%;left:20%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}