/*global*/
a{text-decoration: none;}
.html-category-page .master-wrapper-page{background-color: #fff;}
.html-category-page .master-column-wrapper{background-color: #fff;}

/*header*/
.main-header { background: #fff; border-bottom: 1px solid #ddd; position: relative; z-index: 100; }
.header-menu.custom-header-menu{box-shadow: none;}
.navbar { max-width: 1300px; margin: 0 auto; padding: 0px; }
.menu { display: flex; align-items: center; gap: 32px; list-style: none; margin: 0; padding: 0; }
.menu-item > a { display: block; color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px;padding:18px 0;}
.megamenu {transition: .3s; display: none; position: absolute; left: 0; top: 100%; width: 100%; background: #fff; border-top: 1px solid #E9ECEF; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); padding: 32px 40px; }
.menu-item.has-megamenu{transition: .3s;}
.menu-item.has-megamenu a span svg{transition: .3s;}
.menu-item.has-megamenu:hover .megamenu { display: block; }
.menu-item.has-megamenu:hover a span svg{transform: rotate(180deg);transition: .3s;}
.megamenu-content { display: flex; justify-content: space-between; align-items: flex-start; }
.submenu-columns { display: flex; flex-wrap: nowrap; gap: 113px; width: 100%; }
.submenu-columns-wrapper h4 {margin-bottom: 20px; color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;text-align: left;}
.submenu-column ul { list-style: none; padding: 0; margin: 0; }
.submenu-column ul li{padding-bottom: 16px;}
.submenu-column ul li a { display: block; color: #495057; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; text-align: left;}
.submenu-column ul li a:hover { color: #007b55; }
.view-all-wrapper{text-align: left;padding-top: 16px;}
.view-all { display: inline-block; margin-top: 0px; color: #212529; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px;text-decoration: none; }
.submenu-image { position: relative; width: 25%; }
.submenu-image img { width: 100%; border-radius: 6px; }
.promo-text { position: absolute; bottom: 10px; left: 10px; color: #fff; font-weight: bold; }
.promo-text span { display: block; font-size: 14px; }
.promo-text p { margin: 0; font-size: 16px; }

/*home page*/
.home-page-container{max-width: 1300px !important;padding: 0 !important;}
.homepage-banner-wrapper{margin-top: 32px;}
.banner-slider-list{padding: 0;}
.html-home-page .custom-slider-image-col{width: 750px;position: relative;padding: 0;}
.html-home-page .custom-slider-image-col::after{content: '';border-radius: 8px; background:rgb(0 0 0 / 32%);position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.html-home-page .banner-slider-list li .row .custom-slider-info{width: 530px; display: flex; width: 530px; padding: 51px 52px; justify-content: center; align-items: center;border-radius: 8px; }
.html-home-page .custom-slider-image-col,
.html-home-page .banner-slider-list li .row .custom-slider-info{height: 280px;}
.html-home-page .banner-slider-list .home-banner-slider-li-wrapper .row{gap: 20px;justify-content: center;}
.html-home-page .homepage-slider-image img{height: 280px;}
.html-home-page .banner-slider-info{width: 100%;margin: 0;}
.html-home-page .banner-slider-info .homepage-slider-heading{padding-bottom: 8px;}
.html-home-page .banner-slider-info .homepage-slider-heading h1{ color: #212529; font-family: Blinker; font-size: 48px; font-style: normal; font-weight: 700; line-height: normal; }
.html-home-page .homepage-slider-text{padding-bottom: 32px;}
.html-home-page .homepage-slider-text p{ color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; }
.html-home-page .homepage-slider-button .home-slider-btn{ color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; height: 40px; padding: 12px 24px; border-radius: 8px; background: #7CBB4D; width: fit-content; }
.html-home-page .banner-slider-list .owl-nav{right: 20px;bottom: 20px;transform: translate(0px, 0px);}
.html-home-page .banner-slider-list .owl-nav .owl-dots{margin: 0;padding: 0;background: transparent;display: flex;gap: 4px;}
.html-home-page .banner-slider-list .owl-nav button.owl-prev,
.html-home-page .banner-slider-list .owl-nav button.owl-next{ width: 24px; height: 24px; padding: 6px !important; border-radius: 4px !important; background: #FFF !important; }
.html-home-page .banner-slider-list .homepage-slider-image{height: 100%;}
.html-home-page .banner-slider-list .homepage-slider-image img{height: 100%;border-radius: 8px;}
.html-home-page .owl-theme .owl-nav [class*=owl-]:hover{background: transparent;}
.html-home-page .owl-theme .owl-dots .owl-dot{margin: 0;}
.html-home-page .owl-theme .owl-dots .owl-dot span{width: 8px;height:24px;margin: 0;border-radius: 2px; background: rgba(255, 255, 255, 0.48);}
.html-home-page .owl-theme .owl-dots .owl-dot.active span, 
.html-home-page .owl-theme .owl-dots .owl-dot:hover span{background: #7CBB4D;}

.html-home-page .cards-container .row{width: 100%;justify-content: space-between;margin: 0;}
.html-home-page .cards-container .col-md-4{padding:0 20px 0 0px;}
.html-home-page .cards-container .col-md-4:last-child{padding: 0;}
.html-home-page .card { border-radius: 8px;border: 1px solid #E9ECEF;flex-direction:row;}
.html-home-page .card-content {padding:20px 12px 22px 20px;}
.html-home-page .card-content h4 { color: #212529; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; margin: 0 0 24px 0;}
.html-home-page .card-content p { color:#7CBB4D; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; margin: 0;}
.html-home-page .card-content p span{padding-left: 12px;}
.html-home-page .card-content a::after { content: "→"; transition: transform 0.2s; }
.html-home-page .card img {margin: 8px 8px 8px 0px; object-fit: cover; border-radius: 4px; width: 160px; height: 108px;}

.html-home-page .scan-learn-wrapper .detail-wrapper{padding: 28px 24px;border-radius: 8px;background: #F5F5F6;display: flex;gap: 20px;height: 240px;}
.html-home-page .scan-learn-wrapper .detail-wrapper .icon-wrapper{ width: 48px; height: 48px; padding: 12px; border-radius: 8px; background: #7CBB4D;}
.html-home-page .scan-learn-wrapper .detail-wrapper .detail{display: flex;flex-direction: column;}
.html-home-page .scan-learn-wrapper .detail-wrapper .detail h2{margin: 0; color:#212529; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; }
.html-home-page .scan-learn-wrapper .detail-wrapper .detail p{margin: 19px 0 22px 0; color:#495057; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; }
.html-home-page .scan-learn-wrapper .detail-wrapper .detail a{width:fit-content; margin: 0; color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; height: 40px; padding: 12px 24px; border-radius: 8px; background: #7CBB4D; }
.html-home-page .scan-learn-wrapper .img-wrapper{height: 240px;}
.html-home-page .scan-learn-wrapper .img-wrapper img{height: 240px;object-fit: cover;border-radius: 8px;}

.home-category-section .b-title{margin: 0 0 28px 0;padding: 16px 0;border-bottom: 1px solid #E9ECEF;}
.home-category-section .b-title h3{margin: 0; color: #212529; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; }


/*login*/
.html-login-page .center-1{background: rgba(33, 37, 41, 0.20);margin: 0;}
.l-login-wrapper .modal-body{background: #fff;border-radius: 8px; box-shadow: none; display: flex; width: 440px; padding: 32px 29px; flex-direction: column; align-items: flex-end; gap: 32px; }
.l-login-wrapper .login-inner-form input{width: 100%; padding: 16px;border-radius: 8px;box-shadow: none;border: none; background: #F5F5F6 ;color: #868E96; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px;}
.l-login-wrapper .login-inner-form .login-popup-btn{width: 100%; border:none;color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; padding: 15px 129px; border-radius: 8px; background: #7CBB4D;}
.login-title-wrapper{display: flex;flex-direction: column; gap: 12px;margin-bottom: 32px;}
.login-title-wrapper h4{margin: 0; color: #212529; text-align: center; font-family: Blinker; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
.login-title-wrapper p{margin: 0; color: #495057; text-align: center; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px; }
.l-login-wrapper .login-inner-form{border: none;margin: 0;width: 100%;}
.l-login-wrapper .login-inner-form .field-wrapper{display: flex;flex-direction: column;align-items: start;}
.l-login-wrapper .login-inner-form .field-wrapper label{ color: #495057; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px; }
.password-wrapper{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.password-wrapper a{margin: 0;}
.forgot-password-wrapper a{color: #495057; text-align: center; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
.l-login-wrapper .login-inner-form .remember-password{margin: 0;}
.remember-password .remember-data{color: #495057; text-align: center; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px;}

/*login popup*/
#loginModalPopUp .modal-dialog{top: 0;}
#loginModalPopUp .l-login-wrapper{padding: 0 !important;}
#loginModalPopUp .modal-content .login-inner-form{border: none !important; width: 400px;}
#loginModalPopUp .login-inner-form input{width: 400px;}
#loginModalPopUp .login-inner-form .login-popup-btn{width: 400px;}
#loginModalPopUp .close{border: none;background-color: transparent;display: flex ; width: 100%; justify-content: flex-end;}

/*product-box*/
.page.category-page .item-box .picture,
.item-box .picture{border: 1px solid #dfdfdf;}
.pro-head-wrap{margin-bottom: 12px;}
.pro-col{max-width: 100%;}
.pro-col-2{display: none;}
.page.category-page .item-box .product-title,
.item-box .product-title{height: auto;}
.page.category-page .item-box .product-title a,
.item-box .product-title a{margin-bottom: 7px; color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; }
.item-box .prices{display: flex;}
.page.category-page .item-box .actual-price,
.item-box .actual-price{margin-bottom:4px ;min-height:33px; text-align: left; border-radius: 8px; border: 1px solid #E9ECEF; background: transparent;padding: 6px 8px; display: flex;flex-direction: column; color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;align-items: flex-start;justify-content: center;}
.page.category-page .item-box .recommended-price-box,
.item-box .recommended-price-box{background: #F5F5F6;}
.recommended-price-box input{background: #F5F5F6;border: none;width: 90%;color:#495057; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;padding: 0 !important;}
.page.category-page .item-box .recommended-price-box .recommended-price-span,
.item-box .recommended-price-box .recommended-price-span{display: flex;align-items: baseline; background: #F5F5F6; color:#495057; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;}
.item-box .prices .Stuksprijs{width: 100%;}
.item-box .prices .Stuksprijs .discount-box{ border: 1px solid #7ad042; background-color: #d7f0ce; color: #000; padding: 4px; font-size: 12px; font-weight: 600; margin: 3px 0px 7px; display: inline-block; }
.item-box .prices .advisor-price{width: 100%;}
.item-box .prices .advisor-price .price.mar{height: 25px;display: block;}
.item-box .prices .advisor-price .price.mar *{color: #868E96; font-family: Blinker; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px;}
.item-box .prices b.title { color: #868E96; font-family: Blinker; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px;}

.page.category-page .item-box .buttons,
.item-box .buttons{height: auto;}
.page.category-page .item-box .quantity-div .quantity-row,
.item-box .quantity-div .quantity-row,
.flex-col.qty { width: 100% !important; margin: 5px auto; display: flex;align-items:center;margin: 0;margin-bottom: 5px;}
.page.category-page .item-box .quantity-div .quantity-row .quantity-input-wrapper,
.item-box .quantity-div .quantity-row .quantity-input-wrapper,
.flex-qty-wrap .quantity-input-wrapper{ border-radius: 8px; background: #F5F5F6; display: flex; width: 111px; padding: 8px; justify-content: space-between; align-items: center;}
.page.category-page .item-box .quantity-div label,
.item-box .quantity-div label,
.flex-qty-wrap label{color:#212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px;width: 100%;padding: 0;}
.page.category-page .item-box .quantity-div .quantity-div-btn,
.item-box .quantity-div .quantity-div-btn,
.flex-qty-wrap .quantity-div-btn{ background: transparent; border: none; }
.page.category-page .item-box .quantity-div input,
.item-box .quantity-div input{background: transparent;border: none;}
.item-box .quantity-div input { float: right; border: none; min-width: 25px; padding: 0 5px; text-align: center; }
.page.category-page .item-box .cart-btn-div,
.item-box .cart-btn-div{display:none;}
.product-search-popup{padding: 20px 0;}


/*product-box popup*/
#cartPop .header{margin: 16px 16px 0 16px; display: flex ; justify-content: flex-end;}
#cartPop .header .btn-close:focus{box-shadow: none;}
#cartPop .modal-body{padding-top: 0;}
.cart-pop-title h3{ color: #212529; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; }
.cart-pop-price-wrap{flex-direction:column;}
.cart-pop-list{padding-bottom: 20px;border-bottom:1px solid #E9ECEF;}
.cart-pop-list ul{margin: 0;padding: 0;justify-content: space-between;gap:12px 28px;}
.cart-pop-list ul li{padding: 0;width: 46%;min-width: 46%;display: flex ; justify-content: space-between;margin: 0;}
.cart-pop-list ul li *{ color: #495057; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400 !important; line-height: 16px; }
.cart-pop-list ul li b{margin: 0;}
#cartPop .modal-dialog{top:0;}

.cart-pop-price{display: flex;gap: 12px; justify-content: space-between;}
.cart-pop-price .price-per-piece{width: 100%;}
.cart-pop-price .RecommendedPrice-wrapper{width: 100%;}
.cart-pop-price p{min-height: 43px; padding: 10px 8px;margin: 0; border-radius: 8px; border: 1px solid #E9ECEF; color: #212529; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 600; line-height: 16px; }
.inkoop-verkoop-box input{width: 100% !important;padding: 0 !important;background: transparent;border: none;}
.inkoop-verkoop-box{background: #F5F5F6;}
.inkoop-verkoop-input{display: flex;align-items: baseline;}
.inkoop-verkoop-box *{ color: #495057; font-family: Blinker; font-size: 18px !important; font-style: normal; font-weight: 600; line-height: 16px; }
.cart-pop-price .price-per-piece p{ display: flex ; align-items: center; }
.cart-pop-price .margin-value-box *{ color: #868E96 !important; font-family: Blinker; font-size: 12px !important; font-style: normal; font-weight: 400 !important; line-height: 16px; }
.cart-pop-price .margin-value-box {margin: 0;}
.cart-pop-price .RecommendedPrice-wrapper span,
.cart-pop-price .price-per-piece span{ color: #868E96; font-family: Blinker; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; }

.cp-foot-box-2 .pop-cart-btn,
.cp-foot-box-2 .cp-foot-btn-2{ display: flex; padding: 12px 129px; align-items: center; align-self: stretch; border-radius: 8px; background: #7CBB4D; border: none; color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;}
#cartPop .comment-tag{width: 100%; color: #495057; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px;display: flex ; justify-content: center;}

/*contact page*/
.contact-form-wrapper {display: flex;flex-direction: column; justify-content: end;gap:32px;background: transparent;padding: 28px;border-radius: 8px; width: 530px; box-shadow: 0 0 3px 1px rgba(206, 212, 218, 0.32);}
.contact-form-wrapper .form-title h5{margin-bottom: 4px; color: #212529; font-family: Blinker; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
.contact-form-wrapper .form-title p{margin: 0; color: #495057; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; } 
.contact-form-wrapper .form-fields{background: transparent;padding: 0;}
.contact-page .buttons{margin: 0;}
.contact-page .fieldset{margin-bottom: 0;}
.contact-page .inputs{flex-direction: column;width: 100%;margin-bottom: 20px;}
.contact-page .inputs label{width: 100%;text-align: left; color: #495057; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px;padding: 0;padding-bottom:8px;margin: 0;}
.contact-page .inputs input[type="text"],
.contact-page .inputs input[type="email"],
.contact-page .inputs input[type="tel"],
.contact-page .inputs input[type="password"],
.contact-page .inputs select,
.contact-page .inputs textarea{width: 100%;border-radius: 8px; background: #F5F5F6;color: #868E96; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px;border: none;padding: 16px;}
.contact-page .button-1{ display: flex; height: 40px; padding: 12px 20px; justify-content: center; align-items: center; gap: 10px; align-self: stretch; border-radius: 8px; background: #7CBB4D; width: 100%;}

.contact-info-wrapper .info-title{position: relative;width: 640px;margin-bottom: 40px;}
.contact-info-wrapper .info-title .img-wrapper{position: relative;}
.contact-info-wrapper .info-title .img-wrapper:after{content:'';position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 640px;height: 100%;border-radius: 8px; background: rgb(0 0 0 / 50%);}
.contact-info-wrapper .info-title .img-wrapper img{width: 640px;height: 160px;object-fit: cover;border-radius: 8px;}
.contact-info-wrapper .info-title h2{position: absolute;bottom: 24px;left: 24px;margin: 0; z-index: 99; color: #FFF; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; }
.contact-info-wrapper .contact-info{width: 640px;gap: 12px 20px;flex-wrap: wrap;}
.contact-info-wrapper .contact-info .contact-info-detail a{padding: 20px;gap: 12px;width: 310px;}

.additional-info-wrapper{display: flex;flex-wrap: wrap;gap: 20px;width: 420px;padding-top: 28px;}
.additional-info-wrapper .additional-info{width: 200px;}
.additional-info-wrapper .additional-info p{margin-bottom: 4px; color: #495057; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; }
.additional-info-wrapper .additional-info h6{margin: 0; color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; }

.contact-info-wrapper .social-wrapper {padding: 20px 0; border-top: 1px solid #E9ECEF;width: 152px;margin-top: 28px;}

/*customer info*/
.html-account-page .side-2{width: 260px;}
.html-account-page .block-account-navigation{margin: 0;}
.block-account-navigation .listbox .list{padding: 0;margin: 0;}
.block-account-navigation .listbox .list li{padding: 12px 16px;border-radius: 8px;}
.block-account-navigation .listbox .list li.active{background: #F5F5F6;border: 1px solid #E9ECEF;}
.block-account-navigation .listbox .list li a{ color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; padding: 0;}

.html-account-page .customer-info-page .page-title{display: flex;justify-content: space-between;align-items: center;}
.html-account-page .customer-info-page .page-title h1{margin: 0; color: #212529; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal;}
.html-account-page .customer-info-page .page-title .edit-button-wrapper button{display: flex;gap: 8px; border: none;background: transparent; color:#495057; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; }

.form-fields input[readonly],
.form-fields input[disabled],
.form-fields select[disabled],
.form-fields textarea[readonly] {
    background-color: #F8F9FA;
    cursor: not-allowed;
}

.html-account-page .form-fields{background-color: transparent;padding: 0;}
.html-account-page .form-fields input[type="radio"]{width:20px;height:20px;}
.html-account-page .form-fields input,
.html-account-page .form-fields select,
.html-account-page .readonly-username{width: 100%; height: 48px; border: 1px solid #E9ECEF; border-radius: 8px;padding: 16px; color: #495057; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px;}
.html-account-page .input-wrapper .inputs{display: flex; flex-direction: column;margin: 0;padding-bottom: 20px;}
.html-account-page .center-2 .inputs label{width: 100%;text-align: left;padding-bottom: 8px; color: #495057; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px;}
.html-account-page .readonly-username{background: #F8F9FA;height: 48px;}

/*order history*/
.order-table-header{margin: 0;padding: 16px 0; border-bottom: 1px solid #E9ECEF;}
.html-account-page .date-selector select{border: none;}
.html-account-page .title-wrapper h2{ color: #212529; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; }
.order-table-row{padding: 28px 0;}
.order-table-col{width: 180px;}
.order-table-header .left-search{display: none;}
.order-number-wrapper span{ color:#212529; font-family: Blinker; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; }
.order-date-wrapper,
.order-total-price-wrapper,
.order-total-item-wrapper{flex-direction: column;align-items:flex-start;}
.order-date-wrapper label,
.order-total-price-wrapper label,
.order-total-item-wrapper label{margin: 0;padding-bottom: 4px; color:#212529; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.order-date-wrapper span,
.order-total-price-wrapper span,
.order-total-item-wrapper span{ color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; }
.ot-btn{background: transparent;}
.order-table-col.last{justify-content: normal;width: 20px;}
.redorder-wrapper{ color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; display: flex; width: 200px; height: 40px; padding: 12px 20px; justify-content: center; align-items: center; border-radius: 8px; background: #7CBB4D; }

/*order summary*/
.order-summary-header{display: flex;justify-content: space-between;margin: 28px 0;}
.order-summary-header .cart-options .common-buttons{margin: 0;}
.order-summary-header .cart-options .common-buttons .continue-shopping-button{height: 40px; padding: 12px 16px;border-radius: 8px; background: #7CBB4D !important;color: #fff;margin: 0;border: none;line-height: 0; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;}
.html-shopping-cart-page .table-header {margin: 0;gap: 20px;justify-content: normal;}
.html-shopping-cart-page .th-box label,
.html-shopping-cart-page .th-box-2 label { color: #495057; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px; }
.html-shopping-cart-page .th-box select{width: 260px; padding: 12px 16px; border-radius: 8px; background: #F5F5F6;border: none;height: 40px;}
.html-shopping-cart-page .th-box-2 input{padding: 12px 16px;border-radius: 8px; border: 1px solid #E9ECEF; background: #F8F9FA;height: 40px; color: #868E96; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px;}
.html-shopping-cart-page .order-detail-card.card { background: transparent;border-radius: 8px; box-shadow: 0 0 3px 1px rgba(206, 212, 218, 0.32); margin-bottom: 15px; overflow: hidden; padding: 24px 24px 0 24px;}
.html-shopping-cart-page .order-detail-card .card-header {margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background: transparent; border: none;padding: 0;}
.html-shopping-cart-page .order-detail-card .card-header h3 {margin: 0; color: #212529; font-family: Blinker; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal;}
.html-shopping-cart-page .order-detail-card table { width: 100%; border-collapse: collapse; }
.html-shopping-cart-page .order-detail-card table tr:not(:last-child){border-bottom: 1px solid #E9ECEF;}
.html-shopping-cart-page .order-detail-card table th,
.html-shopping-cart-page .order-detail-card table td:not(:last-child){text-align: left;  vertical-align: middle; border: none;}
.html-shopping-cart-page .order-detail-card table th {border-bottom: 1px solid #E9ECEF; padding: 12px 20px 12px 0; color:#212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;}
.html-shopping-cart-page .order-detail-card table td {padding: 20px 20px 20px 0;}
.html-shopping-cart-page .order-detail-card .order-summary .product-name{display: flex;align-items: center;gap: 12px;}
.html-shopping-cart-page .order-detail-card .order-summary .product-name h3{margin: 0;padding-bottom: 4px; color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; }
.html-shopping-cart-page .order-detail-card .order-summary .product-name .product-detail {display: flex;gap: 12px;}
.html-shopping-cart-page .order-detail-card .order-summary .product-name .product-detail p span{width: 16px;height: 16px;}
.html-shopping-cart-page .order-detail-card .order-summary .product-name .product-detail p{margin: 0; color: #868E96; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
.html-shopping-cart-page .order-detail-card .quantity-control {margin-right: 4px; display: flex; align-items: center; width: 100px;padding: 8px;background: #F5F5F6;border-radius: 8px;}
.html-shopping-cart-page .order-detail-card .quantity-control button {border: none;background: transparent; cursor: pointer; }
.html-shopping-cart-page .order-detail-card .quantity-control input{width: 100%;border: none;text-align: center;background: transparent; color: #495057; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; }
.html-shopping-cart-page .order-detail-card .total-quantity p{ color:#212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; margin: 0;text-align: center;height: 36px; width: 64px; padding: 8px; border-radius: 8px; border: 1px solid #E9ECEF;}
.html-shopping-cart-page .order-detail-card .dropdown { padding: 5px; }
.html-shopping-cart-page .order-detail-card .toggle-icon { font-size: 18px; transition: transform 0.3s; }
.html-shopping-cart-page .order-detail-card .card.open .toggle-icon { transform: rotate(180deg); }
.html-shopping-cart-page .order-detail-card .order-summary .quantity-wrapper{display: flex;}
.html-shopping-cart-page .order-detail-card .order-summary .quantity p{min-width:68px; display: flex;flex-direction: column;gap: 4px; margin: 0; color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; }
.html-shopping-cart-page .order-detail-card .order-summary .quantity span{ color: #868E96; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; }
.html-shopping-cart-page .order-detail-card .order-summary .sticker-select{margin: 0;width: 116px; padding: 10px 16px; border-radius: 8px; background: #F5F5F6;height: 36px;}
.html-shopping-cart-page .order-detail-card .order-summary .price-margin-wrapper{display: flex;gap: 8px;align-items: center;}
.html-shopping-cart-page .order-detail-card .order-summary .price-margin-wrapper p{margin: 0;}
.html-shopping-cart-page .order-detail-card .order-summary .price-margin-wrapper .adviser-price p{ color: #868E96; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; width: 86px; padding: 10px 8px; border-radius: 8px; border: 1px solid #E9ECEF; background: transparent; }
.html-shopping-cart-page .order-detail-card .order-summary .price-margin-wrapper .adviser-price input{min-width: 86px; max-width: 86px !important;text-align: left; height: 36px !important; padding: 8px !important; color: #868E96; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; border-radius: 8px; border: 1px solid #E9ECEF; background: #F8F9FA;}
.html-shopping-cart-page .order-detail-card .order-summary .price-margin-wrapper .margin-wrapper p{ color:#868E96; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; }
.html-shopping-cart-page .order-detail-card .order-summary .total-price p{ color:#212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; margin: 0; width: 86px; padding: 10px 8px; border-radius: 8px; border: 1px solid #E9ECEF; background:transparent; }
.html-shopping-cart-page .order-detail-card .order-summary .per-piece-price p { color:#212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; margin: 0; width: 86px; padding: 10px 8px; border-radius: 8px; border: 1px solid #E9ECEF; background:transparent; }
.html-shopping-cart-page .order-detail-card .order-summary .comment-delete-wrapper button{border: none;background: transparent;}
.html-shopping-cart-page .checkout-attributes textarea{ width: 420px; height: 64px; padding: 12px 16px; border-radius: 8px; border: 1px solid #E9ECEF; background: #F8F9FA; color: #868E96; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; }
.html-shopping-cart-page .right-cat-det .plant-total-info .in-out-box h1{ color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; }
.html-shopping-cart-page .right-cat-det .plant-total-info{padding: 20px; border-radius: 8px;background: #F5F5F6;}
.html-shopping-cart-page .right-cat-det .plant-total-info .in-out-box{padding: 0;}
.html-shopping-cart-page .right-cat-det .plant-total-info .in-out-box table{padding: 0;}
.html-shopping-cart-page .plant-total-info label,
.html-shopping-cart-page .plant-total-info span{ color:#495057; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px; }
.html-shopping-cart-page .plant-total-info .total-space-wrapper{ display: flex ; width: 100%; justify-content: flex-end; gap: 8px; align-items: center;}
.html-shopping-cart-page .plant-total-info span.space-bar{position: relative;height: 4px;border-radius: 4px; background: #FFF;display: block;width: 40px;}
.html-shopping-cart-page .plant-total-info span.space-bar:after{content: ''; position: absolute;left: 0px; width: 26px;border-radius: 4px; background: #FC993D;height: 4px;}
.html-shopping-cart-page .right-cat-det .total-info{padding: 20px; border-radius: 8px;background: #F5F5F6;width: 100%;}
.html-shopping-cart-page .right-cat-det .total-info .cart-total-left label,
.html-shopping-cart-page .right-cat-det .total-info .cart-total-right span{ color: #495057; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: 16px; }
.html-shopping-cart-page .cart-total .order-total *{ color:#212529 !important; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600 !important; line-height: 16px; }
.html-shopping-cart-page .checkout-buttons button{ height: 40px; padding: 12px 80px; border-radius: 8px; background: #7CBB4D; text-align: center; color: #fff; width: 100%;border: none; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;}


/*footer*/
.footer-icon-section{background: #F5F5F6 !important;}
.contact-info-wrapper-footer{border: 1px solid #E9ECEF;border-radius: 8px;padding: 24px 32px;display: flex ; align-items: center;justify-content: space-between;}
.contact-info{display: flex;gap: 16px;}
.contact-info-wrapper-footer .title-wrapper h2{ color: #212529; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; width: 454px;}
.contact-info .contact-info-detail a{display:flex;align-items:center;gap:16px; padding: 20px 24px; background: #fff;border: 1px solid #E9ECEF; border-radius: 8px;}
.contact-info .contact-info-detail a .icon{width: 24px;height: 24px;}
.contact-info .contact-info-detail a .info{text-align: left;}
.contact-info .contact-info-detail a .info h6{margin-bottom: 4px; color:#212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px;}
.contact-info .contact-info-detail a .info p{margin: 0; color: #495057; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; }

.footer-links-row{display:flex;justify-content: space-between;}
.footer-info-box{width: 198px;}
.custom-footer-lower{padding: 12px 0;background: #E9ECEF;border: none;}
.footer-bottom-text p{color: #212529; font-family: "Blinker", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px;}
.footer-links-section{padding:60px 0;background: #F5F5F6;}
.footer-links-wrapper{display: flex; width: 750px; justify-content: space-between; align-items: flex-start;}
.footer-links-wrapper .footer-links-box{width:220px; display: flex ; flex-direction: column;align-items:flex-start;}
.footer-links-wrapper .footer-links-box label{padding-bottom:20px; color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; }
.footer-links-wrapper .footer-links-box ul{display:flex;gap:16px;flex-direction: column;align-items:flex-start;padding: 0;}
.footer-links-wrapper .footer-links-box ul li a{color: #212529; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; }
.social-links{display:flex;gap:8px;padding: 0;margin: 0;}
.first-box-title{margin-bottom: 24px;}
.social-box-links{padding: 20px 0;border-top:1px solid #E9ECEF;}