/* input(121,103): run-time error CSS1046: Expect comma, found '255'
input(121,111): run-time error CSS1046: Expect comma, found '/'
input(134,200): run-time error CSS1046: Expect comma, found '255'
input(134,208): run-time error CSS1046: Expect comma, found '/'
input(934,11): run-time error CSS1030: Expected identifier, found '.'
input(934,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(935,11): run-time error CSS1030: Expected identifier, found '.'
input(935,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(936,11): run-time error CSS1030: Expected identifier, found '.'
input(936,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(1015,170): run-time error CSS1046: Expect comma, found '0'
input(1015,174): run-time error CSS1046: Expect comma, found '/'
input(1037,53): run-time error CSS1046: Expect comma, found '251'
input(1037,60): run-time error CSS1046: Expect comma, found ')' */
*{font-family: 'Blinker', sans-serif;}
html, body{font-family: 'Blinker', sans-serif;}
button, input{font-family: 'Blinker', sans-serif;}
/* Scrollbar (both directions) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px; 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #73937a;
  border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #568278;
}

img{max-width: 100%;}
.qr-code-screen{max-width: 100%;}
.eu-cookie-bar-notification .text{font-size: 14px;}
.custom-header .header-lower{display: flex;align-items: center;justify-content: space-between;padding: 0;}
.header{width: auto; }
.container{margin: auto !important;padding: 0 15px !important;/*max-width: 1366px !important;*/max-width: 1400px !important;width: 100% !important;}
.custom-header .header-menu{border: 0;padding: 0;margin: 0;text-align: right;}
.custom-header .header-menu>ul>li{padding: 5px;border: none;}
.custom-header .header-menu>ul>li svg *{stroke: #2E3333;}
.custom-header .header-menu ul li a{font-size: 16px;color: #2E3333;text-decoration: none;font-weight: 500;}
.custom-header .header-menu>ul li a svg *{stroke: #2E3333;}
.custom-header .header-lower .header-logo{margin: 0;padding: 12px 0;display: flex;}
.header-menu{display: flex;align-items: center;}
.custom-header .header-menu li.currency-dropdown{/*border-left: 1px solid #99999949 !important;margin-left: 5px;padding-left: 15px !important;*/padding-right: 8px;}

.custom-header .header-lower .header-logo a img{height: 80px !important;width: 100% !important;max-width: 160px;}

.header-logo a{display: flex;align-items: center;}
.flor-logo{width: 170px;object-fit: scale-down;fill: #2E3333;position: relative;top: -8px;margin-left: 10px;}
.html-home-page .flor-logo{fill: #fff;}
.main-header.home-header .flor-logo{fill: #2E3333;}
.flor-logo-footer{width: 220px;object-fit: scale-down;fill: #fff;position: relative;top: -12px;margin-left: 0;}
.footer-logo-wrapper{display: flex;align-items: center;column-gap: 10px;}
.html-home-page .custom-header.sticky .flor-logo{fill: #2E3333;}

.footer-logo{display: flex;flex-direction: column;align-items: flex-start;width: fit-content;row-gap: 6px;}

.footer-logo img{ height: 60px; width: 243px; height: 60px; width: 243px; object-fit: scale-down; }
.footer-logo img:nth-child(2){ height: 40px; padding-right: 40px; object-fit: scale-down; }

.custom-header .header-menu .header-links ul li a.ico-login{ color: #ffffff; font-size: 16px; font-weight: 600; padding: 12px 24px; background: #568278; line-height: normal; border-radius: 6px; }
.custom-header .header-menu .header-links ul li a.ico-register{ color: #93A77D; font-size: 16px; font-weight: 600; padding: 12px 24px; background: transparent; line-height: normal; border-radius: 6px; border: 1px solid #93A77D; }
.custom-header .header-menu .header-links ul li a.ico-logout{ color: #fff !important; font-size: 16px; font-weight: 600; padding: 12px 24px; background: #568278; line-height: normal; border-radius: 6px; }
.custom-header .header-menu .header-links ul li a.ico-account{ color: #93A77D; font-size: 16px; font-weight: 600; padding: 12px 24px; background: transparent; line-height: normal; border-radius: 6px; border: 1px solid #93A77D; }

.html-home-page .custom-header .header-menu .header-links ul li a.ico-login{color: #2E3333 !important;background: #fff !important;}
.html-home-page .custom-header .header-menu .header-links ul li a.ico-register{color: #ffffff !important;border: 1px solid #ffffff !important;}
.html-home-page .custom-header .header-menu .header-links ul li a.ico-logout{color: #2E3333 !important;background: #fff !important;}
.html-home-page .custom-header .header-menu .header-links ul li a.ico-account{color: #ffffff !important;border: 1px solid #ffffff !important;}

.html-home-page .custom-header.sticky{background: #fff !important;}

.header-menu .header-links ul{padding: 0;margin: 0;}
.header-menu .header-links ul li{ margin: 0 6px !important; }

.header-menu>ul{margin: 0;}
.custom-homepage-banner{position: relative;}
.banner-image{width: 100%;height: 770px;}
.banner-image img{height: 100%;}
.banner-image img{width: 100%;}
.banner-box{ position: absolute; left: 0; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); z-index: 0; max-width: 1366px; width: 100%; padding: 0 15px; }
.banner-content{ display: flex; align-items: center; justify-content: space-between; }
.banner-info{ display: flex; flex-direction: column; row-gap: 20px; text-align: left; }
.banner-info h1{ color: #fff; font-weight: 700; font-size: 70px; margin-bottom: 30px; }
.banner-info p{ font-size: 16px; color: #fff; }
.banner-info{ width: 50%; flex: 0 0 auto; }
.banner-inner-image{ width: 50%; flex: 0 0 auto; text-align: right; }
.inner-image-plantbeeb{ height: 720px; display: inline-flex; }
.banner-inner-image .inner-image-plantbeeb img.desktop-person{ height: inherit; max-width: 100%; object-fit: cover; }
.banner-download-btn{ width: 220px; padding: 18px 45px; border: none; border-radius: 6px; color: #2E3333; font-size: 16px; font-weight: 600; }
.get-in-touch-div{ display: flex; align-items: center; column-gap: 15px; margin-top: 20px; }
.get-in-touch-div a{ text-decoration: none; }
.touch-btn{ width: 150px; border: 1px solid #fff; padding: 6px 15px; display: flex; align-items: center; column-gap: 10px; border-radius: 6px; padding-bottom:11px; }
span.touch-btn-text{ width: 100%; display: flex; flex-direction: column; line-height: 15px; }
span.touch-btn-text p{ font-size: 11px; margin: 0; }
span.touch-btn-text p.big-text{ font-size: 16px; width: 100%; margin: 0; }
.touch-btn svg{ height: 18px; width: 18px; }
/* .header-homepage 
.inner-image-plantbeeb{ height: 670px; }
.inner-image-plantbeeb img{ height: 100%; } */

.header-homepage{background: #568278;}
.header-homepage .header-menu ul li a{color: #fff;}
.header-homepage .header-menu ul li a svg *{stroke: #fff;}

.footer .footer-upper,
.footer .footer-lower{ padding: 0; }

.custom-footer{ background: linear-gradient(90deg, #93A77D, #568278); /* z-index: -1; */ position: relative; }
.custom-footer .footer-upper{ border: none !important; }
.custom-footer .upper-inner-row{ padding: 40px 0 10px; }
.custom-footer .footer-inner-wrap{ display: flex; flex-direction: column; row-gap: 25px; text-align: left; }
.custom-footer .footer-inner-wrap .footer-contact-info{  color: #fff !important; line-height: 4px; }
.footer-scanner-list{display: none;}
.custom-footer .footer-inner-wrap .footer-contact-info p,
.custom-footer .footer-inner-wrap .footer-contact-info strong{ color: #fff !important; font-size: 14px; font-weight: 600; }
.custom-footer .footer-lower .footer-info{ width: 100%; text-align: left; }
.custom-footer .footer-lower .footer-info .footer-disclaimer{ font-size: 14px; font-weight: 400; color: #fff; }
.custom-footer  .lower-inner-row{ padding: 5px 0; align-items: center; }
.footer-lower-app-links .get-in-touch-div{ margin: 0; justify-content: flex-end; text-align: left; }
.footer-lower-app-links .get-in-touch-div a{ color: #fff; text-align: left; }
.footer-lower-app-links .touch-btn{ padding: 3px 15px; padding-bottom: 6px; }
.accordion-body{ color: #fff; font-size: 16px; }
.footer-links-list{ padding: 0; display: flex; flex-wrap: wrap; row-gap: 15px; margin: 0; column-gap: 13px; justify-content: flex-end; }
.footer-links-list li{ list-style: none; width: 42%; flex: 0 0 auto; border-bottom: 1px solid rgb(255 255 255 / 30%); }
.footer-links-list li a{ font-size: 16px; color: #fff; text-decoration: none; display: flex; align-items: center; justify-content: space-between; }
.footer-inner-right-side{ align-items: flex-end; }
.footer-inner-wrap .header-links ul{ padding: 0; margin: 0; text-align: right; }
.footer-inner-wrap .header-links ul li{ margin: 0; }
.footer-inner-wrap .header-links ul li a{ color:#2E3333; font-size: 16px; font-weight: 600; background: #fff; padding: 14px 54px; border-radius: 6px; line-height: normal; text-decoration: none; }
.footer-inner-wrap .header-links ul .footer-list-none{ display: none; }
.banner-signature-plantbeeb{ margin-top: 30px; height: 90px; max-width: 100%; }
.banner-signature-plantbeeb img{ height: inherit; max-width: 100%; object-fit: cover; }

.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-flush{ display: flex; flex-wrap: wrap; }
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-flush .accordion-item{ width: 32%; flex: 0 0 auto; margin-right: 8.5px; background: none !important; position: relative; border: none; }
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-body{ color: #2E3333; font-size: 14px; }
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-flush .accordion-item .accordion-button{ background: transparent !important; color: #fff; border-bottom: 1px solid rgb(255 255 255 / 30%); font-size: 14px; font-weight: 600; justify-content: space-between; }
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-button{ padding: 0.8rem 1.25rem; }
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-flush .accordion-collapse{ position: static; background: #fff; color: #000; width: 500px; border-radius: 5px; margin: 10px 0 5px 0; }
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-button::after{ display: none; }

.plantbeeb-discover-section{ padding: 80px 0; text-align: center; }
.plantbeeb-discover-section .blantbeeb-inner-box{ padding: 0 15px; }
.plantbeeb-discover-section .plantbeeb-image{ /* height: 152px; */ height: 100%; padding-bottom: 12px; }
.plantbeeb-discover-section .plantbeeb-image img{ height: 120px; width: 100%; object-fit: scale-down; }
.plantbeeb-discover-section .plantbeeb-box-content{ display: flex; flex-direction: column; row-gap: 7px; }
.plantbeeb-discover-section .plantbeeb-box-content strong{ font-size: 22px; color: #2E3333; }
.plantbeeb-discover-section .plantbeeb-box-content p{ font-size: 14px; color: #899191; text-align: center; }
.plantbeeb-discover-section .discover-info h2{ color: #2E3333; font-size: 35px; font-weight: bold; width: 536px; margin: 0 auto; margin-bottom: 13px; }
.plantbeeb-discover-section .discover-info p{ font-size: 14px; color: #899191; width: 706px; margin: 0 auto; text-align: center; }
.plantbeeb-discover-section .plantbeeb-discover .plantbeen-row:first-child{ margin-bottom: 20px; }
.mob-person{display: none;}
.mob-banner{display: none;}

html body .custom-inner-row{ align-items: center; width: 80%; margin: 0 auto !important; align-items: center !important; }
.custom-plants-img{ max-width: 100%; height: auto; width: max-content; margin-bottom: 20px; }
.custom-plants-img img{ height: inherit; width: 100%; object-fit: cover; }
.custom-plants-col h2{ font-size: 35px; font-weight: bold; color: #2E3333; text-align: left; }
.custom-plants-col p{ font-size: 15px; color: #899191; margin-bottom: 50px; margin-top: 20px; line-height: 170%; }
.custom-plants-col a{ font-size: 16px; font-weight: 600; color: #fff; border-radius: 6px; background-color: #568278; text-decoration: none; display: flex; align-items: center; justify-content: center; height: 56px; width: 262px; }
.custom-plants-col a:hover{ color: #fff; text-decoration: none; }

.plantbeeb-question-section{ padding: 80px 0; }
html body .question-row{ align-items: center; width: 80%; margin: 0 auto !important; }
.customer-question-info > h2{ font-size: 35px; color: #2E3333; font-weight: bold; margin-bottom: 25px !important; }
.customer-question-info p{ font-size: 14px; color: #899191; margin: 0px; }
.question-accordion-info .accordion-button{ color: #2E3333; font-size: 16px; font-weight: bold; padding: 24px; }
.accordion-button:not(.collapsed){ background-color: transparent !important; }
.accordion-button::after{ background-image: url(../images/feather-arrow-right.png) !important; background-size: 1rem !important; }
.question-accordion-info .accordion-body{ color: #899191; font-size: 14px; }
.html-home-page .header-logo  .main-logo{display: none;}
.header-logo .homepage-logo{display: none;}
.html-home-page .header-logo  .homepage-logo{display: block;}
.html-home-page .header {position: absolute;left: 0;right: 0;width: 100%;top: 0;}
.html-home-page .custom-header .header-menu ul li a{color: #fff; transition: 100ms ease-in-out;}
.html-home-page .custom-header .header-menu ul li a:hover{color: #b7d3a8;}
.html-home-page .banner-content{padding-top: 150px;}
.html-home-page .custom-header .header-menu>ul li svg *{stroke: #fff;}
/* .header{z-index: 99999999;} */
.custom-header .header-menu ul li a{    max-width: 170px;text-align: center;}

.sticky .header-logo .main-logo{display: block;}
.sticky .header-logo .homepage-logo{display: none;}
.sticky.header {position: fixed;left: 0;right: 0;width: 100%;top: 0 !important; background-color: #fff;box-shadow: 0 4px 9px 0px #30303091;}
.sticky.custom-header .header-menu ul li a{color: #2E3333;}
.sticky .banner-content{padding-top: 250px;}
.sticky.custom-header .header-menu>ul li svg *{stroke: #2E3333;}

.sticky.custom-header .header-menu .header-links ul li a.ico-login{background: #568278;color: #fff;}
.sticky.custom-header .header-menu .header-links ul li a.ico-register{border: 1px solid #93A77D;color: #93A77D;}
.sticky.custom-header .header-menu .header-links ul li a.ico-logout{background: #568278;color: #fff;}
.sticky.custom-header .header-menu .header-links ul li a.ico-account{border: 1px solid #93A77D;color: #93A77D;}

.html-home-page .sticky.custom-header .header-menu .header-links ul li a.ico-login{background: #568278 !important;color: #fff !important;}
.html-home-page .sticky.custom-header .header-menu .header-links ul li a.ico-register{border: 1px solid #93A77D !important;color: #93A77D !important;}
.html-home-page .sticky.custom-header .header-menu .header-links ul li a.ico-logout{background: #568278 !important;color: #fff !important;}
.html-home-page .sticky.custom-header .header-menu .header-links ul li a.ico-account{border: 1px solid #93A77D !important;color: #93A77D !important;}

.custom-header .header-menu>ul>li{position: relative;cursor: pointer;}
.language-selector{z-index: 999;position: absolute;background: #fff;margin-top: 5px;border-radius: 3px;box-shadow: 0 -2px 21px 0px #30303091;left: -50px;transform: translateX(50px);margin-top: 15px;}
.language-selector .language-list a{font-size: 14px !important;color: #fff !important;height: 30px !important;}
.language-selector .language-list {padding: 0;display: flex;flex-direction: column;text-align: center;width: 80px;padding: 10px 0;min-width: 170px;}

.login-page .returning-wrapper .form-fields .inputs input{ font-size: 14px; border: 1px solid #EAEBEC !important; border-left: 0px !important; }
.language-list li{ margin: 2px 7px; }
.language-list li:hover{ background-color: #568278; border-radius: 3px; }
.language-list li:hover a span{ color: #fff !important; }
.language-selector .language-list a{ width: 100%; width: 100%; display: flex; align-items: center; justify-content: space-between; column-gap: 10px; padding: 0 10px; flex-direction: row-reverse; }
.language-selector{display: none;}
.language-selector .language-list a span{ font-size: 14px; color: #2E3333; line-height: 15px; width: 100%; text-align: left; }
.language-list img{ width: 18px; height: 18px; object-fit: contain; max-width: 100%; }
.language-selector .language-list li.selected{ background: #568278; border-radius: 4px; }
.language-selector .language-list li.selected a span{ color: #fff !important; }
.admin-header-links{ z-index: 1; position: relative; }
.admin-header-links *{color: #fff;font-size: 14px;text-decoration: none;font-weight: 600;}
.admin-header-links a:hover{color: #fff !important;}

.registration-page .button-1, 
.registration-result-page .button-1, 
.login-page .button-1, 
.password-recovery-page .button-1, 
.email-revalidation-page .button-1, 
.account-activation-page .button-1, 
.account-page .button-1, 
.return-request-page .button-1{ background-color: #568278; color: #fff; border-radius: 6px; font-size: 16px; font-weight: 600; }

.plantbeeb-video-reel-section{ padding: 80px 0; text-align: center; }

.eu-cookie-bar-notification button{ background-color: #568278; color: #fff; border-radius: 4px; font-size: 14px; font-weight: 600; }
.eu-cookie-bar-notification button:hover, .eu-cookie-bar-notification button:focus{ background-color: #568278; }
.eu-cookie-bar-notification a{ color: #568278; }
.header-menu .mob-links{display: none;}

.custom-accordian-header button img{ height: 75px; width: 90px; object-fit: contain; max-width: 100%; }
.html-login-page .master-wrapper-content{ background: radial-gradient(#93A77D, #568278); }
.custom-login-page .login-page-wrapper{ /* min-height: 945px; */ display: flex; align-items: center; justify-content: center; flex-direction: column; }
.custom-login-page .customer-blocks{ display: flex; flex-flow: nowrap; align-items: center; justify-content: center; margin: 0; }
.custom-login-page .returning-wrapper{ width: 50%; flex: 0 0 auto; padding: 125px 0; }
.custom-login-page .returning-wrapper form{background: #F9FBFC !important;border-radius: 6px;width: 384px;margin: 0 auto;padding: 30px;}
.custom-login-page .returning-wrapper form .form-fields{background: none !important;padding:0px;border:none !important;min-height: auto;}
.custom-login-page .returning-wrapper form .buttons{background: none !important;padding: 0;margin: 28px 0 8px 0;}
.custom-login-page .returning-wrapper form .buttons .login-button{width: 100%;text-transform: capitalize;font-weight: 700;}
.html-login-page .center-1{margin: 0px !important;}
.custom-login-page .returning-wrapper .buttons{margin: 0;}
.custom-login-page .returning-wrapper form .form-fields .inputs{display: flex;flex-direction: column;width: 100%;margin: 0;}

.input-field-icon{display: flex;align-items: center;}
.input-field-icon span{padding: 11px;background: #fff;border-radius: 6px 0px 0px 6px;border: 1px solid #EAEBEC !important;border-right: 0px !important;}
.input-field-icon span img{width: 20px;height: 16px;object-fit: contain;}

.input-field-icon em{padding: 11px;background: #fff;border-radius: 6px 0px 0px 6px;border: 1px solid #EAEBEC !important;border-right: 0px !important;}
.input-field-icon em img{width: 20px;height: 16px;object-fit: contain;}

.input-field-icon input{border-radius: 0px 6px 6px 0px;;}
.input-field-icon input:focus{outline: none;}

.custom-login-page .returning-wrapper form .form-fields .inputs:first-child{margin-bottom: 24px;}
.custom-login-page .returning-wrapper form .form-fields .inputs label{width: 100%;text-align: left;margin: 0;font-size: 14px;color: #568278;}
.custom-login-page .returning-wrapper form .form-fields .inputs input{width: 100%;border:none;height: 40px;}
.custom-login-page .returning-wrapper form .form-fields .inputs.reversed{flex-direction: inherit;align-items: center;justify-content:flex-end;margin: 0;justify-content: space-between;}
.inputs.reversed:after{display:none}
.custom-login-page .returning-wrapper form .form-fields .inputs.reversed label{width: auto;margin-left: 5px;}
.custom-login-page .returning-wrapper form .form-fields .inputs.reversed input{width: auto;}
.custom-login-page .title{margin: 0;text-align: left;padding: 0;}
.custom-login-page .title strong{color: #2E3333;font-size:24px;font-weight: 600;}
.custom-login-page .returning-wrapper form p{margin: 0;font-size:14px;color: #568278; text-align: center;}
.custom-login-page .returning-wrapper form p.reg-cust-links .register-button{text-align: center;background: none;color: #568278;text-transform: none;padding: 0;font-size: 14px;border-radius: 0;min-width: auto;}
.custom-login-page .returning-wrapper form p a{color: #568278;}

.login-inst{width: 240px;margin: 8px 0 36px 0 !important;}
.login-inst p{margin: 0;font-size: 14px;color: #899191;}

/* .html-registration-page .master-wrapper-content{position: static !important;} */
.html-registration-page .master-column-wrapper{position: static !important;}

.html-registration-page .center-1{margin: 0px !important;}
.custom-register-page .registration-page-wrapper .page-title{border: none !important;}
.custom-register-page .registration-page-wrapper{background: radial-gradient(#93A77D, #568278);}
.custom-register-page .registration-page-wrapper .custom-registration-form{display: flex;align-items: center;justify-content: center;margin: 0;flex-wrap: nowrap;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form{background: #F9FBFC !important;border-radius: 6px;width: 384px;margin: 0 auto;padding: 30px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .fieldset{margin: 0;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset{width: 50%;flex: 0 0 auto;padding: 125px 0;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields{background: none;border: none !important;padding: 0;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs{display: flex;flex-direction: column;width: 100%;margin: 0;margin-bottom: 24px;}
/* .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs:last-child{margin-bottom: 10px !important;} */
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs label{width: 100%;text-align: left;margin: 0;font-size: 14px;color: #568278;margin-bottom: 8px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs input,
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs select {width: 100%;border-radius: 6px;height: 44px;}

.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs input[type="radio"]{height: 15px;width: fit-content;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs input:focus{outline: none !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .buttons{margin: 28px 0 8px 0 !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .buttons .register-next-step-button{width: 100%;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent{flex-direction: row !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent label{width: auto !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent label{margin-right: 6px;margin-bottom: 0px !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent input{width: auto !important;height:auto !important;margin-right: 12px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p{margin: 0;color: #899191;font-size: 14px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p a{color: #568278;font-weight: 600;text-decoration: none;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .register-title{margin: 0;padding: 0;text-align: left !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .register-title strong{color: #2E3333; font-size: 24px;margin: 0;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .registration-instro{width: 227px;margin-bottom: 24px;text-align: left !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .registration-instro p{color: #899191; font-size: 14px;text-align: left !important;}
.inputs.accept-consent span, .inputs.accept-consent a{color:#568278 !important;font-weight: 600;}
.inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea{font-size: 15px;}
.login-page .returning-wrapper .inputs.reversed *:hover{text-decoration: none;}
.cross{display: none;}

.html-topic-page .custom-tabs .tabs-content li{list-style: none;}
.tabs-content{padding: 0px !important;}
.custom-tabs .tabs{padding: 0px !important;}

/* .custom-register-page .inputs.accept-consent span, .custom-register-page .inputs.accept-consent a{ pointer-events: none; } */

.tabs { margin: 20px; padding: 0; list-style: none; position: relative; border-bottom: 1px solid #ccc; }
.tabs .active-tab { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: none; position: relative; color: black; }
.tabs .active-tab:after { width: 100%; height: 2px; position: absolute; content: ""; bottom: -0.1em; left: 0; background: white; }
.tabs li { display: inline-block; cursor: pointer; color: #3a5ea7; padding: 5px 10px; }
.tabs li:first-child { margin-left: 10px; }

.tabs-content { padding: 0; list-style: none; border-top: 1px solid #EAEBEC; margin-top: 0px; }
.tabs-content li { display: none; }
  
.html-topic-page .custom-detail-page{padding-top: 60px;}

.custom-detail-page{background: #F9FBFC;}
.custom-detail-page .product-essential{padding: 20px 0 !important;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pt-details{flex:0 0 100%; max-width: 100%;}
.custom-detail-page .product-essential{text-align: left;border: 0px !important;}
.custom-detail-page .product-essential .overview{text-align: left;width: 100%;margin: 0px;z-index: 99999;padding-top: 40px;width: 49% !important;flex: 0 0 auto;}
.custom-detail-page .product-essential .overview .product-name{margin: 0;padding: 0;border-bottom: 0px !important;}

.overview .product-name h1{color: #2E3333;font-size: 18px;font-weight: bold;}

.custom-tabs .tabs{margin:0px !important;border:none !important;display: flex;}
.custom-tabs .tabs li{border: none !important;margin:0px;font-size: 14px;font-weight: bold;color: #899191 !important;padding-bottom: 20px !important;display: flex;align-items: center;line-height: 30px;border-bottom: 2px solid transparent !important;}
.custom-tabs .tabs li.active-tab{border-bottom: 2px solid #568278 !important;color: #568278 !important;}
.custom-tabs .tabs .active-tab:after{background: transparent !important;}
.custom-tabs .tabs li svg{display: none;}

.accordion-item h2 button{color: #2E3333 !important;font-size: 16px !important;line-height: normal;}
.accordion-collapse .accordion-body p{color: #899191 !important;font-size: 14px;margin: 0;}

.custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-button{padding: 5px 10px;}
.custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-collapse .accordion-body p{padding-left: 80px;}

.accordion-flush .accordion-item .accordion-button{padding: 28px 10px;background:#F9FBFC !important;border-bottom: 1px solid #EAEBEC;}
.customer-question-info  .accordion-flush .accordion-item .accordion-button{column-gap: 15px;padding: 0px;padding: 21px 20px;background:#F9FBFC !important;border-bottom: 1px solid #EAEBEC;}
.question-section-wrapper .col-md-6:first-child .customer-question-info{width: 65%;}
.accordion-button svg{background: #fff;height: 38px;width: 38px;border-radius: 50px;padding: 9px;}

.information-tab.first-tab{background-color: #fff;max-width: 650px;margin: auto;    margin: 0 auto 40px;}
.tab-box img{height: 320px;object-fit: contain;}
.information-tab  .owl-carousel{height: 650px;}
.information-tab  .owl-carousel .owl-stage-outer{height: 100%;}

.tab-box .full-description h1{color: #2E3333;font-size: 16px;font-weight: bold;}
.tab-box .full-description p{font-size: 14px;color: #899191;text-align: center;}

.information-tab .owl-carousel .owl-nav{text-align: center;display: flex;justify-content: center;align-items: center;margin-top: -18px;}
.information-tab .owl-carousel .owl-nav button{width: 20px;}
.information-tab .owl-carousel .owl-nav button span{font-size: 2rem;height: auto !important;}

.decription-text span{font-size: 16px;color: #2E3333;}
.decription-text p{font-size: 14px; color: #899191;}

.acc-id .accordion-item .accordion-collapse .accordion-body{background: #F9FBFC !important;padding: 16px;}
.productCareTips .accordion-item .collapsed::after{transform: rotate(270deg);}
.accordion-button:focus{border: none !important;outline: 0px !important;box-shadow: none !important;}

.slider-wrapper{margin-top: 40px;}
.slider-wrapper .custom-tab-item{height: 525px;position: relative;}
.slider-wrapper .custom-tab-item .tab-box{text-align: center;display: flex;flex-direction: column;align-items: center;row-gap: 30px;padding: 20px 40px;/*position: absolute;left: 0;right: 0;top: -50px;transform: translateY(-50px);*/}

/* li.admin-list:hover{background: #5e8779;border-radius: 6px;}
html body .admin-panel-icon .admin-list-dropdown li.admin-list:hover a{color: #fff !important;} */
#topcartlink{background-color: transparent !important;}
.owl-dots{display: flex;gap: 5px;justify-content: center;margin-top: 20px;}
.owl-dots .owl-dot span{height: 8px;width: 7px;display: inline-block;background: #899191;border-radius: 50%;}
.owl-dot.active span{background: #568278;}

.custom-tabs .tabs-content .owl-nav{display: none;}
.custom-tabs{position: relative;width: 49% !important;flex: 0 0 auto;}
.product-detailed-button{ display: flex; align-items: flex-end; flex-wrap: wrap; column-gap: 10px; }
.detail-inner-buttons p a{ color: #93A77D; }
.detail-inner-buttons p a:hover{ color: #93A77D; text-decoration: none; }
.custom-detail-page .product-essential .overview .decription-text{ width: 470px; margin-top: 15px; }
.detail-inner-buttons .add-to-cart .add-to-cart-panel .owned-text{ padding-bottom: 10px; font-weight: bold; font-size: 14px; color: #568278; }
.detail-inner-buttons .add-to-cart .add-to-cart-panel .owned-text svg#Layer_1{ width: 19px; height: 18px; }
.detail-inner-buttons .add-to-cart .add-to-cart-panel .owned-text svg#Layer_1 *{ fill: #568278; }
.product-detailed-button .add-cart-btn{ width: 252px; height: 51px; background: #568278; color: #fff; font-size: 16px; font-weight: bold; border: none; border-radius: 6px; cursor: pointer !important; } 

.product-detailed-button .add-wishlist-btn{ height: 51px; border: 1px solid #93A77D; background: transparent; width: 66px; border-radius: 6px; cursor: pointer !important; }

.detail-inner-buttons{display: flex;flex-direction: column;margin-top: 40px;}
.product-detailed-button{margin-bottom: 7px;}
.detail-inner-buttons p{color:#568278; font-size: 14px;margin: 0;}
.detail-inner-buttons .add-to-cart .add-to-cart-panel{display: flex;flex-direction: column;}

.custom-header .header-menu ul li a .wishlist-label{font-size: 0px;}
.custom-header .header-menu ul li a .wishlist-label svg *{stroke: #2E3333;}
.html-home-page .custom-header .header-menu ul li a .wishlist-label svg *{stroke: #fff;}
.html-home-page .custom-header.sticky .header-menu ul li a .wishlist-label svg *{stroke: #2E3333;}

.custom-header .header-menu .header-links ul li a .cart-label{font-size: 0;}
.custom-header .header-menu .header-links ul li a .cart-label img{width: 30px;height: 30px;object-fit: contain;max-width: 100%;}
.custom-header .header-menu .header-links ul li a .cart-label svg{width: 24px;height: 24px;}
.custom-header .header-menu .header-links ul li a .cart-label svg *{stroke: #2E3333 !important;fill: #2E3333 !important;}
.html-home-page .custom-header .header-menu .header-links ul li a .cart-label svg *{stroke: #fff !important;fill: #fff !important;}
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .cart-label svg *{stroke: #2E3333 !important;fill: #2E3333 !important;}

.custom-header .header-menu .header-links ul li#topcartlink{padding: 0;margin: 0 16px !important;}
.custom-header .header-menu .header-links ul li#topcartlink a{background: none; padding: 0;}
.header-menu .header-links ul li.wishlist-list,
.header-menu .header-links ul li#topOwnedListlink{ margin: 0 8px !important; }
.footer-inner-wrap .header-links ul li.wishlist-list,
.footer-inner-wrap .header-links ul li#topOwnedListlink{display: none;}
.custom-header .header-menu .header-links ul li a{position: relative;}
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .wishlist-qty,
.custom-header .header-menu .header-links ul li a .wishlist-qty{ position: absolute; display: inline-block; top: 10px; left: -11px; -ms-transform: translateX(-50%) translateX(25px); background-color: #5b8578; font-size: 10px; font-weight: 700; height: auto; padding: 0 3px; width: auto; min-width: 18px; min-height: 18px; line-height: 15px; border-radius: 20px; color: #fff; text-align: center; /* border: 4px solid #5b8578; */ display: flex; align-items: center; justify-content: center; }
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .cart-qty,
.custom-header .header-menu .header-links ul li a .OwnedList-qty{ position: absolute; display: inline-block; top: 10px; left: -11px; -ms-transform: translateX(-50%) translateX(25px); background-color: #5b8578; font-size: 10px; font-weight: 700; height: auto; padding: 0 3px; width: auto; min-width: 18px; min-height: 18px; line-height: 15px; border-radius: 20px; color: #fff; text-align: center; /* border: 4px solid #5b8578; */ display: flex; align-items: center; justify-content: center; }
.html-home-page .custom-header .header-menu .header-links ul li a .wishlist-qty,
.html-home-page .custom-header .header-menu .header-links ul li a .OwnedList-qty{ position: absolute; display: inline-block !important; top: 11px; left: -12px; -ms-transform: translateX(-50%) translateX(25px); background-color: #fff; font-size: 10px; font-weight: 700 !important; height: auto; padding: 0 3px; width: auto; min-width: 22px; min-height: 22px; line-height: 15px !important; border-radius: 20px; color: #2E3333; text-align: center; border: 4px solid #5b8578 !important; display: flex; align-items: center; justify-content: center; }
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .wishlist-qty,
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .OwnedList-qty{ min-width: 18px; min-height: 18px; line-height: 11px !important; background: #5b8578 !important; color: #fff !important; }

span.remaing-count{font-size: 12px;color: #899191;position: absolute;height: min-content;right: 27px;transform: translate(-50px, -50px);bottom: -40px;z-index: 9999;}
.conversation-block {background : #F9FBFC;padding: 10px;display: flex;flex-direction: column;justify-content: end;}
.ChatBotMessage{display: flex;flex-direction: column;}
.chat-input-field{padding: 0 20px;}

.conversation-block .ChatBotMessage{font-size: 14px;color: #2E3333;margin-bottom: 20px;}
.conversation-block .FromUser .MessageContent{background-color: #93A77D ;color: #fff;font-size: 14px;padding: 10px 14px !important;width: fit-content;border-radius: 6px;text-align: left;}
.conversation-block .FromUser .MessageSender{margin-bottom: 9px;}
.conversation-block .FromUser .MessageContent{word-break: break-all;}

.conversation-block .ChatBotMessage{font-size: 14px;color: #2E3333;}
.conversation-block .FromBot .MessageContent{background-color: #fff;color: #899191;font-size: 14px;padding:10px 14px;width: fit-content;border-radius: 6px;}
.conversation-block .FromBot .MessageSender{margin-bottom: 9px;display: flex;align-items: center;column-gap: 6px;}
.conversation-block .FromBot .MessageSender:before{content:"P"; background: #568278;color: #fff;font-weight: 600;width: 19px;height: 19px;display: flex;align-items: center;justify-content: center;border-radius: 50px;}
#SendMessageButton{float: right;position: absolute;right: -30px; display: flex; justify-content: center; align-items: center;}
#SendMessageButton:disabled{pointer-events: none; opacity: 0.5;}
.chat-input-field{background-color: #fff;position: relative;/* margin-top: 20px;*/}
.chat-input-field input{width: 100% !important;border: none;padding: 20px;font-size: 14px;background: none;}
.chatbot-topic-wrapper .chat-input-field input{width: 96% !important;}
.chat-input-field input::placeholder{color: #899191;font-size: 14px;}
.chat-input-field input:focus{outline: none;border: none;}
.chat-input-field button{position: absolute; background: #568278;transform: translateX(-50px);bottom: 0;top: 0;;border: none;font-weight: 0px;font-size: 0;width: 50px;border-radius: 6px;z-index: 9999;}

.conversation-block .FromUser{text-align: left;}
.conversation-block .FromBot{text-align: left;}

.conversation-block .FromBot{align-items: flex-start !important;}
.conversation-block .FromUser{align-items: flex-end !important;text-align: right !important;}

.chat-date{text-align: center;background: #ffffff;width: fit-content;margin: auto;padding: 2px 20px;border-radius: 50px;font-size: 13px;color: #333333;font-weight: 600;}
.chatbot-page{background: #F9FBFC;}
.chatbot-page .page-title{display: noen;}

.chat-person-name{background: #fff;padding: 5px 10px;border-radius: 6px 6px 0px 0px;}
.chat-person-name .row{align-items: center;width: 100%;margin: 0 auto;}

.chat-person-name .row .col-md-8, .chat-person-name .row .col-md-4{padding: 0;}

.person-online-div{display: flex;align-items: center;}
.person-online-div img{max-width: 100%;width: 69px;height: 65px;object-fit: cover;}
.close-chat-ico{height: 100%;text-align: right;cursor: pointer;width: fit-content;float: right;}
.person-online-div .pers-name{margin-left: 11px;text-align: left;}
.person-online-div .pers-name h4{color: #2E3333;font-size: 16px;margin: 0;font-weight: bold;} 
.person-online-div .pers-name span{font-size: 14px;color: #899191;}

/* .tabs-content li:nth-child(3) .acc-id .accordion-item button.accordion-button{ padding: 30px 10px !important; } */

.plantbeeb-custom-topic{/*background:#F9FBFC;*/padding: 30px 0;}
/* .topic-box-inner img{background-color: #fff;} */
.content-topic .row{row-gap: 15px;}

.banner-custom{background: radial-gradient(#93A77D, #568278);/*height: 327px;*/display: flex;flex-direction: column;justify-content: flex-end;}
.banner-custom .topic-banner{margin: auto !important;padding: 0 15px !important;max-width: 1366px !important;width: 100% !important;margin-bottom: 40px !important;margin-top: 180px !important;}
.banner-custom .topic-banner h2{font-size: 70px;color: #fff;font-weight: bold;}
.banner-custom .topic-banner p{font-size: 15px;color: #fff;margin: 0;line-height: 25px;}
.topic-box-inner{text-align: center;}
/* .topic-box-inner .image{background-color: #fff;} */
.topic-box-inner .image img{width: 100%;height: 100%;object-fit: scale-down;}
.topic-box-inner h5{margin-top: 15px;color: #2E3333;font-size: 22px;font-weight: bold;}

.content-topic{margin-top: 27px;}
.content-topic .col-md-4{ margin-bottom: 15px; width: 50%; flex: 0 0 auto; }

.typing-content{ align-items: center; display: flex; justify-content: center; gap: 0.25rem; background: #899191; padding: 1rem !important; }
.dot { border-radius: 9999px; height: 0.5rem; width: 0.5rem; background: rgba(148 163 184 / 1); animation: wave 1s infinite; }

.dot:nth-child(1) { animation-delay: 0.1111s; }
.dot:nth-child(2) { animation-delay: 0.2222s; }
.dot:nth-child(3) { animation-delay: 0.3333s; }

@keyframes wave {
    0% {
        transform: translateY(0px);
        background: rgba(148 163 184 / 0);
    }
    50% {
        transform: translateY(-0.5rem);
        background: rgba(148 163 184 / 0.8);
    }
    100% {
        transform: translateY(0px);
        background: rgba(148 163 184 / 0);
    }
}

.custom-header{min-width: 100% !important;}

.order-summary-content{ margin: 0 0 20px; }
.order-summary-content .custom-cart-wrapper,
.custom-wishlist-wrapper{ padding-top: 40px !important; }
.custom-wishlist-wrapper .wishlist-box a:hover{text-decoration: none !important;}
.custom-wishlist-wrapper .wishlist-box a .wishlist-info .product-name{text-decoration: none;color: #2E3333;font-size: 16px;font-weight: bold;}
.order-summary-content .custom-cart-wrapper .cart-box a:hover {text-decoration: none !important;}
.order-summary-content .custom-cart-wrapper .cart-box a .cart-info .product-name{text-decoration: none;color: #2E3333;font-size: 16px;font-weight: bold;}
.no-data .empty-beeb-image{display: flex;flex-direction: column;align-items: center;row-gap: 20px;justify-content: center;}
.no-data .empty-beeb-image img{height: 192px;width: 146px;object-fit: cover;}
.no-data .empty-beeb-image p{color: #899191;font-size: 14px;font-weight: 600;}

.master-wrapper-page{position: relative;}
.chatbot-wrapper{ position: fixed; bottom: 20px; right: 0px; z-index:9999; }
.chatbot-wrapper .chatbot-image{cursor: pointer;max-width: 100%;height: 60px;width: max-content;}
.chatbot-wrapper .chatbot-image img{max-width: 100%;height: inherit;}
.admin-panel-icon{ border-left: 1px solid #99999949 !important; margin-left: 5px; padding-left: 15px !important; padding-right: 8px; }
.admin-panel-icon img{ width: 24px; height: 24px; }
html body .top-menu .admin-panel-icon .admin-list-dropdown{ display: none; }
html body .admin-panel-icon .admin-list-dropdown{ position: absolute; background: #fff; padding: 15px; display: flex; flex-direction: column; width: 230px; right: 0; top: 40px; row-gap: 15px; box-shadow: 0px 32px 22px -24px #00000047; border-radius: 6px; }
.html-home-page .custom-header .header-menu .admin-panel-icon svg *{fill: #fff !important;}
.html-home-page .custom-header.sticky .header-menu .admin-panel-icon svg *{fill: #2E3333 !important;}

.custom-header .header-menu .admin-panel-icon svg{width: 30px;height: 26px;}
.custom-header .header-menu .admin-panel-icon ul.admin-list-dropdown li a{ width: 100%; display: block; padding: 5px 0; text-align: left; font-size: 14px; font-weight: 500; border-bottom: 1px solid #00000008; }
.custom-header .header-menu .admin-panel-icon ul.admin-list-dropdown li:last-child a{ border-bottom: 0px !important; }

/* .chatbot-page{width: 100%;min-width: 400px;}
.chatbot-chat-info{display: none;position: absolute;right: 50%;bottom: 0;transform: translateX(-50px);}

.chat-show + .chatbot-chat-info{display: block !important;}
.conversation-block{height: 600px;overflow: auto;overflow-x: hidden;}
.chatbot-block-wrapper{padding: 15px 0px;}

.chat-input-field button img{height: 21px;width: 21px; object-fit: contain;} */

.chat-input-field{ display: flex; }
span.remaing-count{ right: 30px; }
.chat-input-field{padding: 0 !important;}
.chat-input-field .field-wrapper{width: 70%;}
#SendMessageButton{right: -40px;}

.chatbot-page{width: 100%;max-width: 100%;}
.chatbot-chat-info{min-width: 400px;display: none;position: absolute;right: 00%;bottom: 0;transform: translateY(0px);height: 100%;min-height: 646px;box-shadow: 0 0 7px 1px #0000000f;/*margin-right: 15px;*/}

.chat-show + .chatbot-chat-info{display: block !important;}
.conversation-block{ height: 470px; }
.chatbot-block-wrapper{ padding: 0px 0px; }
.chatbot-block-box{ padding: 20px; height: 100%; overflow: auto; overflow-x: hidden; }

.chat-input-field button img{height: 21px;width: 21px; object-fit: contain;}

.chatbot-topic-wrapper .chatbot-topic{background: #F9FBFC;padding-top: 40px;}
.chatbot-topic-wrapper .chatbot-topic .chat-person-name .row > .col-md-8{width: 100%; flex: 0 0 auto;}
.chatbot-topic-wrapper .chatbot-topic .chat-person-name .row > .col-md-4{display: none;}

.chatbot-topic-wrapper .chatbot-topic .chatbot-block-wrapper .conversation-block{ height: 100%; overflow: auto; overflow-x: hidden; }

.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button svg *{fill: #f5f7f7;}

.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-beeb svg *{stroke: #fff !important;}

.detail-inner-buttons .add-to-cart .add-to-cart-panel .qty-input{display: none;}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button{ width: 252px; height: 51px; background: #568278; color: #f5f7f7; font-size: 16px; font-weight: 600; border: none; border-radius: 6px; cursor: pointer !important; display: flex; align-items: center; justify-content: center; column-gap: 6px; }
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button.check{ background: transparent; color: #568278; border: 2px solid #568278; }
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button.check svg *{ fill: #568278; }
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button img{ width: 10px; object-fit: cover; }
.detail-inner-buttons .product-detailed-button .add-to-cart{margin: 0px;line-height: 10px;}
.detail-inner-buttons .add-to-wishlist{ position: relative; height: 51px; border: 1px solid #93A77D; background: transparent; width: 66px; border-radius: 6px; cursor: pointer !important; } 
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button::before{ content: ""; background-image: url(../images/white-detailed-wishlist-plus.png); background-repeat: no-repeat; position: absolute; top: 50%; left: 22%; transform: translate(-50%, -50%); height: 24px; width: 24px; background-position: center; }
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button.active{ background-color: transparent !important; border: 1px solid #93a77d !important; background-image: url(../images/detailed-wishlist-heart.png) !important; border-radius: 3px; }
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button::before{ background-image: url(../images/add-wishlish.png) !important; height: 10px; width: 10px; object-fit: contain; }
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button.active::before{ background-image: url(../images/green-sub-beeb.png) !important; height: 10px; width: 10px; object-fit: contain; }
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button{ font-size: 0; background-image: url(../images/white-detailed-wishlist-heart.png); background-repeat: no-repeat; background-color:#93a77d !important; height: 100%; background-position: 65%; padding: 0 10px; } 

/* ---------shopping-cart-page--------- */

.cart-box-content{ padding: 20px 10px; }
/* .cart-box{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EAEBEC; } */
.cart-box-link{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EAEBEC; }
.cart-box a{ display: block; width: 100%; }
.cart-box .cart-arrow .beeb-trash-ico{ background: transparent; border: none; }
.cart-box .cart-arrow img{ width: 23px; height: 26px; object-fit: contain; }
.cart-info{ display: flex; flex-direction: column; align-items: flex-start; }
.cart-info a{ color: #2E3333; font-size: 16px; font-weight: bold; }
.cart-info a:hover{ color: #2E3333 !important; text-decoration: none; }
.cart-info span{ color: #2E3333; font-size: 16px; font-weight: 500; }

span.cart-date{ display: flex; align-items: center; column-gap: 5px; }
span.cart-date p{ margin: 0; color:#568278; font-size: 14px; }

.search-input-filters{ display: flex; align-items: center; column-gap: 8px; }

.cart-input-wrap{ width: 100%; display: flex; align-items: center; background: #fff; border: 1px solid #EAEBEC; border-radius: 6px; height: 44px; }
button.search-icon{ background: transparent; border: none; height: 100%; padding: 7px 14px; }
input.search-field{ border: none; width: 100%; padding: 0; background: #fff; height: 100%; border-radius: 0 6px 6px 0; outline: none; }
.filter-wrap{ background: #fff; border: 1px solid #EAEBEC; border-radius: 6px; height: 44px; width: 46px; display: flex; align-items: center; justify-content: center; padding: 0; }

.cart-searh-info{ display: flex; flex-direction: column; row-gap: 12px; }
.custom-search-product{ color: #fff; border: none; background: transparent; background: #568278; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 100%; height: 51px; border-radius: 6px; cursor: pointer; }
.custom-search-product:hover{ color: #fff; text-decoration: none; }


/* ---------Wishlist-page--------- */

.wishlist-box-content{ padding: 20px 0; }
/* .wishlist-box{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EAEBEC; } */
.wishlist-box .wishlist-box-link{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EAEBEC; }
.wishlist-box a{ display: block; width: 100%; }
.wishlist-box .wishlist-arrow .wishlist-trash-ico{ background: transparent; border: none; }
.wishlist-box .wishlist-arrow .wishlist-trash-ico img{ width: 23px; height: 26px; object-fit: contain; }
.wishlist-info{ display: flex; flex-direction: column; align-items: flex-start; }
.wishlist-info a{ color: #2E3333; font-size: 16px; font-weight: bold; }
.wishlist-info a:hover{ color: #2E3333 !important; text-decoration: none; }
.wishlist-info span{ color: #2E3333; font-size: 16px; font-weight: 500; }

span.wishlist-date{ display: flex; align-items: center; column-gap: 5px; }
span.wishlist-date p{ margin: 0; color:#568278; font-size: 14px; }

.wishlist-search-input-filters{ display: flex; align-items: center; column-gap: 8px; }

.wishlist-input-wrap{ width: 100%; display: flex; align-items: center; background: #fff; border: 1px solid #EAEBEC; border-radius: 6px; height: 44px; }
button.wishlist-search-icon{ background: transparent; border: none; height: 100%; padding: 7px 14px; }
input.wishlist-search-field{ border: none; width: 100%; padding: 0; background: #fff; height: 100%; border-radius: 0 6px 6px 0; outline: none; }
.wishlist-filter-wrap{ background: #fff; border: 1px solid #EAEBEC; border-radius: 6px; height: 44px; width: 46px; display: flex; align-items: center; justify-content: center; padding: 0; }

.wishlist-searh-info{ display: flex; flex-direction: column; row-gap: 12px; }
.custom-search-wishlist-product{ color: #fff; border: none; background: transparent; background: #568278; font-size: 16px; font-weight: bold; width: 100%; height: 51px; display: flex; align-items: center; justify-content: center; border-radius: 6px; cursor: pointer; }
.custom-search-wishlist-product:hover{ color: #fff; text-decoration: none; }

.qr-code-screen{ min-height: 350px; height: 100%; background: #efefef; }
.qr-code-text{ padding: 20px; }
.qr-code-text h3{ color: #2E3333; font-size: 24px; font-weight: bold; margin: 0; margin-bottom: 14px; }
.qr-code-text p{ margin: 0; color: #899191; font-size: 14px; line-height: 23px; }

.custom-redirect-modal-wrapper{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; transform: translate(0, 0px) scale(0); opacity: 0; pointer-events: none; visibility: hidden; }
.custom-redirect-modal-wrapper.show-pop{ transform: translate(0, 0px) scale(1); opacity: 1; pointer-events: all; visibility: visible; z-index: 9999; }
.custom-redirect-modal-wrapper.show-pop .custom-modal-box{ transform: translate(-50%, -50%) scale(1); opacity: 1; pointer-events: all; visibility: visible; transition: 0.3s; }

.custom-modal-wrapper{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; transform: translate(0, 0px) scale(0); opacity: 0; pointer-events: none; visibility: hidden; }
.custom-modal-wrapper.show-pop{ transform: translate(0, 0px) scale(1); opacity: 1; pointer-events: all; visibility: visible; z-index: 9999; }
.custom-overlay{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #252525ad; }
.custom-modal-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background: #fff; width: 326px; transform: translate(-50%, -50%) scale(1, 0); transform-origin: bottom; opacity: 0; pointer-events: none; visibility: hidden; transition: 0.3s; padding: 14px 16px }
.custom-modal-wrapper.show-pop .custom-modal-box{ transform: translate(-50%, -50%) scale(1); opacity: 1; pointer-events: all; visibility: visible; transition: 0.3s; }
.custom-modal-box .custom-header{ display: flex; align-items: center; justify-content: flex-end; padding-bottom: 0; }
.custom-modal-box .custom-header .custom-close{ border: none; background: none; max-width: 100%; }
.custom-modal-box .custom-header .custom-close img{ width: 16px; height: 16px; object-fit: cover; }
.custom-modal-box .custom-header .custom-redirect-close{ border: none; background: none; max-width: 100%; }
.custom-modal-box .custom-header .custom-redirect-close img{ width: 16px; height: 16px; object-fit: cover; }
.custom-modal-box .custom-body{ max-height: 700px; overflow: auto; text-align: center; }
.custom-modal-box .custom-body .get-popup-alert .pop-up-content{ display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.custom-modal-box .custom-body .get-popup-alert .pop-up-content img{ width: 146px; height: 192px; max-width: 100%; object-fit: contain; margin-bottom: 14px; }
.custom-modal-box .custom-body .get-popup-alert .pop-up-content h3{ color: #2E3333; font-size: 18px; font-weight: bold; }
.custom-modal-box .custom-body .get-popup-alert .pop-up-content p{ color: #899191; font-size: 14px; margin: 0; }
.custom-modal-box .pop-up-custom-footer .pop-up-login{ display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 8px; }
.custom-modal-box .pop-up-custom-footer .pop-up-login a.pop-up-login{ background: #568278; color: #fff; font-size: 16px; font-weight: bold; height: 51px; line-height: 51px; text-align: center; width: 100%; border-radius: 6px; display: block; }
.custom-modal-box .pop-up-custom-footer .pop-up-login a.pop-up-register{ border: 1px solid #93A77D; height: 51px; line-height: 51px; width: 100%; text-align: center; border-radius: 6px; display: block; color: #93A77D; font-weight: bold; }
.custom-modal-box .pop-up-custom-footer .pop-up-login a.pop-up-login:hover,
.custom-modal-box .pop-up-custom-footer .pop-up-login a.pop-up-register:hover{text-decoration: none;}

.custom-redirect-modal-wrapper .custom-modal-box .custom-body .get-popup-alert .pop-up-content img{ width: 100%; height: 300px;}

.another-beeb-model-wrap{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; transform: translate(0, 0px) scale(0); opacity: 0; pointer-events: none; visibility: hidden; }
.another-beeb-model-wrap.show-pop{ transform: translate(0, 0px) scale(1); opacity: 1; pointer-events: all; visibility: visible; z-index: 9999; }
.another-beeb-model-wrap.show-pop .beeb-modal-box{ transform: translate(-50%, -50%) scale(1); opacity: 1; pointer-events: all; visibility: visible; transition: 0.3s; }
.beeb-modal-box .beeb-custom-header .another-beeb-close{ border: none; background: none; max-width: 100%; }
.beeb-modal-box .beeb-custom-header .another-beeb-close img{ width: 16px; height: 16px; object-fit: cover; }
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content img{ height: 150px; width: 150px; margin-bottom: 20px; }

.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content ul{padding:0;list-style:inherit;text-align: left;padding-left: 20px;}

.beeb-model-wrapper{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; transform: translate(0, 0px) scale(0); opacity: 0; pointer-events: none; visibility: hidden; }
.beeb-model-wrapper.show-pop{ transform: translate(0, 0px) scale(1); opacity: 1; pointer-events: all; visibility: visible; z-index: 9999; }

.beeb-custom-overlay{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #252525ad; }
.beeb-modal-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background: #fff; width: 326px; transform: translate(-50%, -50%) scale(1, 0); transform-origin: bottom; opacity: 0; pointer-events: none; visibility: hidden; transition: 0.3s; padding: 14px 16px }
.beeb-model-wrapper.show-pop .beeb-modal-box{ transform: translate(-50%, -50%) scale(1); opacity: 1; pointer-events: all; visibility: visible; transition: 0.3s; }
.beeb-modal-box .beeb-custom-header{ display: flex; align-items: center; justify-content: flex-end; padding-bottom: 0; }
.beeb-modal-box .beeb-custom-header .beeb-custom-close{ border: none; background: none; max-width: 100%; }
.beeb-modal-box .beeb-custom-header .beeb-custom-close img{ width: 16px; height: 16px; object-fit: cover; }
.beeb-modal-box .beeb-custom-body{ max-height: 700px; overflow: auto; text-align: center; }
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content{ display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; }
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content svg{ height: 150px; width: 150px; margin-bottom: 20px; }
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content svg *{ fill: #76AF3C; }
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content img{ width: 146px; height: 192px; max-width: 100%; object-fit: contain; margin-bottom: 14px; }
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content h3{ color: #2E3333; font-size: 18px; font-weight: bold; }
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content p{ color: #899191; font-size: 14px; margin: 0; }
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login{ display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 8px; }
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login a.pop-up-login{ background: #568278; color: #fff; font-size: 16px; font-weight: bold; height: 51px; line-height: 51px; text-align: center; width: 100%; border-radius: 6px; display: block; }
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login a.pop-up-register{ border: 1px solid #93A77D; height: 51px; line-height: 51px; width: 100%; text-align: center; border-radius: 6px; display: block; color: #93A77D; font-weight: bold; }
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login a.beeb-pop-up-login:hover,
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login a.pop-up-register:hover{text-decoration: none;}

.scan-model-wrapper{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; /* transform: translate(0, 0px) scale(0); opacity: 0; pointer-events: none; visibility: hidden; */ }
.scan-model-wrapper.show-pop{ transform: translate(0, 0px) scale(1); opacity: 1; pointer-events: all; visibility: visible; z-index: 9999; }
.scan-custom-overlay{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #252525ad; }
.scan-modal-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background: #fff; width: 370px; max-width: 100%; /* transform: translate(-50%, -50%) scale(1, 0); */ /* transform-origin: bottom; */ /* opacity: 0; */ /*pointer-events: none; */ /* visibility: hidden; */ /* transition: 0.3s; */ padding: 14px 16px; /* margin-top: 30px; */ }
.reg-scan-modal-box{ position: absolute; left: 50%; top: 40%; transform: translate(-50% , -50%); background: #fff; width: 370px; max-width: 100%; /* transform: translate(-50%, -50%) scale(1, 0); */ /* transform-origin: bottom; */ /* opacity: 0; */ /*pointer-events: none; */ /* visibility: hidden; */ /* transition: 0.3s; */ padding: 14px 16px; }
.scan-model-wrapper.show-pop .scan-modal-box{ transform: translate(-50%, -50%) scale(1); opacity: 1; pointer-events: all; visibility: visible; transition: 0.3s; }
.scan-model-wrapper.show-pop .reg-scan-modal-box{ transform: translate(-50%, -50%) scale(1); opacity: 1; pointer-events: all; visibility: visible; transition: 0.3s; }
.scan-model-wrapper.show-pop .reg-scan-modal-box{ transform: translate(-50%, -50%) scale(1); opacity: 1; pointer-events: all; visibility: visible; transition: 0.3s; }

.scan-custom-header{ display: flex; align-items: center; justify-content: flex-end; padding-bottom: 0; }
.scan-custom-header .scan-custom-close{ border: none; background: none; max-width: 100%; display: block; }
.scan-custom-header .scan-custom-close img{ width: 16px; height: 16px; object-fit: cover; }
.scan-custom-body{ max-height: 700px; overflow: auto; text-align: center; }
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content{ display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; }
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content svg{ height: 150px; width: 150px; margin-bottom: 20px; }
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content svg *{ fill: #76AF3C; }
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content img{ width: 100%; height: 300px; max-width: 100%; object-fit: contain; margin-bottom: 14px; }
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content h3{ color: #2E3333; font-size: 18px; font-weight: bold; }
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content p{ color: #899191; font-size: 14px; margin: 0; }
.scan-pop-up-custom-footer .scan-pop-up-login{ display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 8px; }
.scan-pop-up-custom-footer .scan-pop-up-login a.redire-home{ background: #568278; color: #fff; font-size: 16px; font-weight: 500; height: 51px; line-height: 51px; text-align: center; width: 100%; border-radius: 6px; display: block; }
.scan-pop-up-custom-footer .scan-pop-up-login a.redire-home:hover{ text-decoration: none; }
.scan-pop-up-custom-footer .scan-pop-up-login a.pop-up-register{ border: 1px solid #93A77D; height: 51px; line-height: 51px; width: 100%; text-align: center; border-radius: 6px; display: block; color: #93A77D; font-weight: bold; }
.scan-pop-up-custom-footer .scan-pop-up-login a.scan-pop-up-login:hover,
.scan-pop-up-custom-footer .scan-pop-up-login a.pop-up-register:hover{text-decoration: none;}

.scan-custom-header .login-scan-custom-close{ border: none; background: none; max-width: 100%; display: block; }
.scan-custom-header .login-scan-custom-close img{ width: 16px; height: 16px; object-fit: cover; }
.scan-pop-up-custom-footer .login-scan-pop-up-login{ display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 8px; }
.scan-pop-up-custom-footer .login-scan-pop-up-login a.login-redire-home{ background: #568278; color: #fff; font-size: 16px; font-weight: 500; height: 51px; line-height: 51px; text-align: center; width: 100%; border-radius: 6px; display: block; }
button.login-redire-home{ background: #568278; color: #fff; font-size: 16px; font-weight: 500; height: 51px; line-height: 51px; text-align: center; width: 100%; border-radius: 6px; display: block; border: none; }
.scan-pop-up-custom-footer .login-scan-pop-up-login a.login-redire-home:hover{ text-decoration: none; }
.scan-pop-up-custom-footer .login-scan-pop-up-login a.pop-up-register{ border: 1px solid #93A77D; height: 51px; line-height: 51px; width: 100%; text-align: center; border-radius: 6px; display: block; color: #93A77D; font-weight: bold; }
.scan-pop-up-custom-footer .login-scan-pop-up-login a.scan-pop-up-login:hover,
.scan-pop-up-custom-footer .login-scan-pop-up-login a.pop-up-register:hover{text-decoration: none;}

.login-popup-close + .scan-model-wrapper{display: none;}

.chatbot-without-login{ height: 100%; text-align: center; }
.without-login-box{ display: flex; flex-direction: column; align-items: center; }
.without-login-box img{ width: 146px; height: 192px; object-fit: cover; transform: scale(.9); }
.without-login-box h3{ font-size: 20px; font-weight: bold; color: #2E3333; }
.without-login-box p{ margin: 0; font-size: 14px; color: #899191; }
.without-login-box a{ margin-top: 10px; display: block; background-color: #568278; color: #fff !important; border-radius: 6px; font-size: 16px; font-weight: 600; width: 60%; height: 45px; line-height: 45px; }
.without-login-box a{ text-decoration: none !important; }

.topic-page .page-title{ background: radial-gradient(#93A77D, #568278); display: flex; flex-direction: column; justify-content: center; margin: 0px !important; padding: 0 10px; min-height: 150px; }
.page-title h1{ font-size: 50px; color: #fff; font-weight: bold; margin: 0 auto !important; padding: 0 15px !important; max-width: 1366px !important; width: 100% !important; text-align: left; }
.page-title p{ font-size: 15px; color: #fff; margin: 0; line-height: 25px; max-width: 1366px !important; width: 100% !important; margin:0 auto !important; padding: 0 15px !important; }

.html-account-page .account-page .fieldset .title strong, 
.html-account-page .block .title strong{ color: #444 !important; }
.html-account-page .side-2 .block-account-navigation .list .active>a{ color: #fff !important; }
.block .list a:before{visibility: hidden;}
.account-page .page-title{display: none !important;}
.account-page .page-title h1{margin-top: 0px !important;}
.account-page .form-fields{background: none;}

.html-account-page .master-wrapper-content{background: #F9FBFC;}
.html-account-page .side-2,
.html-account-page .center-2{ margin-top: 40px; }
.html-account-page .side-2 .block-account-navigation .listbox .list{ padding: 0; }
.html-account-page .side-2 .block-account-navigation .list a:hover, 
.html-account-page .side-2 .block-account-navigation .list a:focus{ color: #fff; text-decoration: none; }
.html-account-page .account-page .fieldset .title{ margin: 0; padding: 12px 30px 12px 10px; font-size: 20px; color: #444; }
.html-account-page .block .title strong,
.html-account-page .account-page .fieldset .title strong, 
.html-account-page .account-page .section .title strong{ color: #fff; font-weight: 600; }
.account-page .form-fields .inputs label{ width: 100%; text-align: left; color: #444; float: right; padding: 5px 15px; }
.customer-info-page .vat-status{ width: 100%; float: left; clear: both; color: #fff; margin-top: 5px; }
.customer-info-page .vat-note { color: #fff !important; }
.account-page .form-fields .inputs.date-of-birth .date-of-birth-wrapper{display: flex;flex-direction: column; align-items: flex-start;}
.date-of-birth .date-picker-wrapper{width: 100%;display: flex;gap: 10px;}
.account-page .form-fields .inputs.date-of-birth{display: flex;flex-direction: column;}
.account-page .form-fields .inputs.date-of-birth label{padding-left: 0;}
.date-of-birth select,
.html-account-page .account-page .form-fields .inputs select{width: 100%;margin: 0 !important;max-width: 100%;border: 1px solid #EAEBEC;border-radius: 4px;display: flex;min-height: 44px; align-items: center; gap: 10px; align-self: stretch;color: #2E3333; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.date-of-birth select:focus-visible,
.html-account-page .account-page .form-fields .inputs select:focus-visible{outline: none;}
.html-account-page .account-page .form-fields .inputs input:not(.html-account-page .account-page .form-fields .inputs input[type="radio"]):not(.html-account-page .account-page .form-fields .inputs input[type="checkbox"]),
.html-account-page .account-page .form-fields .inputs select{ width: 100%; float: left; clear: both; border-radius: 6px; height: 44px; line-height: 44px; border: 1px solid #EAEBEC !important; }
.html-account-page .account-page .form-fields .inputs .gender{ width: 100%; text-align: left; display: flex;}
.html-account-page .account-page .form-fields .inputs .gender span{ display: flex; align-items: center;}
.account-page .form-fields .inputs .gender label{padding: 0;}
.html-account-page .account-page .form-fields .inputs input:focus-visible{outline: none;}
.html-account-page .account-page .form-fields .inputs label.newsletter-label{ width: auto; float: none; margin: 0; }
.html-account-page .account-page .form-fields .inputs input.account-page-newsletter{ height: fit-content; float: none; width: auto; }
.save-customer-info-button,
.change-password-button{ color: #fff !important; font-size: 16px !important; font-weight: 600 !important; background: #568278 !important; padding: 14px 54px !important; border-radius: 6px; line-height: normal; text-decoration: none; }
.buttons.delete-wrapper{display: flex;justify-content: center;}
.account-page .button-1.delete-button{background: transparent; width: 100%; max-width: 156px; display: flex; padding: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px;border-radius: 8px; border: 1px solid #B3261E;color: #B3261E; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}

.html-account-page .block-account-navigation .listbox .list li.active,
.html-scan-list-page .block-account-navigation .listbox .list li.active{ background: #568278; /* width: fit-content; */ padding: 4px 40px 4px 10px; border-radius: 0 50px 50px 0; }

.no-date-tabs{ padding: 40px 0; text-align: center; background: transparent !important; margin-top: 30px; background: #f9fbfc !important; color: #568278; font-size: 20px; text-transform: capitalize; font-weight: 600; }

.content-text{ padding-bottom: 40px; }
.text-box{ background: #fff; }
.content-text-info{ padding: 16px !important; }
.content-text-info h3{ font-size: 18px; font-weight: bold; color: #2E3333; }
.content-text-info p{ font-size: 14px; color: #899191; }
.html-home-page .custom-header{background: none;}
.custom-header{ background:#fff; }
.html-home-page .custom-header .header-menu ul.admin-list-dropdown li a{ color: #2E3333 !important; }

.question-ask-wrap{ display: flex; align-items: center; background: #fff; padding: 8px 20px; column-gap: 15px; border-radius: 6px 0 0 6px; cursor:pointer; box-shadow: 0 0 5px 5px #12121203; }
.question-ask-wrap .question-text p{ margin: 0px; font-size: 14px; color: #2E3333; font-weight: bold; }

.html-password-recovery-page .center-1{margin: 0px;}
.html-password-recovery-page .master-wrapper-content{background: radial-gradient(#93A77D, #568278);}
/* .password-recovery-page{background: radial-gradient(#93A77D, #568278);} */
.password-recovery-page .form-fields{background-color: transparent;padding: 0px;border-top: 0px;}
.custom-pass-recovery{padding: 125px 0;}
.custom-pass-recovery form{background: #F9FBFC !important;border-radius: 6px;width: 550px;margin: 0 auto;padding: 30px;}
.password-recovery-page .form-fields .inputs{line-height: normal;}
.password-recovery-page .form-fields .inputs label{width: 100%;text-align: left;margin: 0;font-size: 14px;color: #568278;}
.password-recovery-page .form-fields .inputs input{float: left;height: 40px;font-size: 14px;border: 1px solid #EAEBEC !important;border-radius: 6px;width: 100%;}
.password-recovery-page .form-fields .inputs input:focus-visible{outline: none;border:none;}
.password-recovery-page .form-fields .inputs span.required{position: relative;top: 27px;}
.password-recovery-page .fieldset{margin: 0 !important;}
.custom-pass-recovery form .buttons{margin: 0px !important;}

.product-back-wrap{ margin-bottom: 16px; }
.product-back-wrap .back-button{ display: flex; align-items: center; justify-content: space-between; }
.product-back-wrap .custom-back-btn{ display: flex; align-items: center; justify-content: space-around; padding: 6px 9px; column-gap: 9px; border-radius: 6px; color: #93A77D; border: 1px solid #93A77D !important; background: transparent; font-size: 14px; }
.product-back-wrap .custom-back-btn img{ width: 5px; height: 10px; object-fit: contain; }

.video-box-inner{position: relative;}
a.popup-video{ position: absolute; left: 45%; right: 0; top: 55%; transform: translate(-50px, -50px); width: 256px; max-width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 15px; color: #fff; font-size: 16px; font-weight: bold; border: 1px solid #fff; padding: 18px 50px; border-radius: 6px; text-decoration: none; }
a.popup-video:hover{ text-decoration: none; color: #fff; }

.center-1{ margin: 0; }

/* ------Search-Page------ */

.html-search-page .master-wrapper-content{background: #F9FBFC;}
.html-search-page .search-page{background: #F9FBFC;padding: 24px 0;/*height: 100vh;*/}
.html-search-page .page-title{margin: 0px !important;text-align: left;border: none;padding: 0;}
.html-search-page .page-title h1{margin: 0px !important;font-size: 24px;font-weight: bold; color: #2E3333;padding:0px !important;padding-bottom: 20px !important;}
.html-search-page .page-title p{font-size: 14px;color: #899191;margin: 0 !important;padding:0px !important; padding-bottom: 20px !important;}

.html-search-page .search-input .fieldset{margin: 0px !important;}
.html-search-page .search-input .form-fields{background: none;border:none;padding: 0;}
.html-search-page .search-input .form-fields .basic-search .inputs{margin: 0px;width: 100%;display: flex;align-items: center;background: #fff;border: 1px solid #EAEBEC;border-radius: 6px;height: 44px;}
.html-search-page .search-input .form-fields .basic-search .inputs .buttons{margin: 0px;}
.html-search-page .search-input .form-fields .basic-search .inputs .mySearchbtn{font-size: 0;min-width: inherit;padding: 0;background: transparent;border: none;height: 100%;padding: 7px 14px;}
.html-search-page .search-input .form-fields .basic-search .inputs .search-text{border: none;width: 100%;padding: 0;background: #fff;color:#2E3333;font-size: 14px; height: 100%;border-radius: 0 6px 6px 0;outline: none;}
.html-search-page .search-input .form-fields .basic-search .inputs .search-text::placeholder{color:#899191;font-size: 14px;}
.html-search-page .no-result{text-align: center;font-size: 14px;padding-top: 15px;}

.html-search-page .search-results{margin: 0px !important;padding: 20px 0;}
.html-search-page .search-results .item-box{width: 100% !important;margin: 0 !important;float:none;}
.html-search-page .search-results .search-item{text-shadow: 0;}
.html-search-page .search-results .search-item .search-item-info{display: flex;flex-direction: column;align-items: flex-start;padding: 20px 0;border-bottom: 1px solid #EAEBEC;}
.html-search-page .search-results .search-item a{text-decoration: none;}
.html-search-page .search-results .search-item a .search-item-name{color: #2E3333;font-size: 16px;font-weight: bold;}
.html-search-page .search-results .search-item a span{color: #899191;font-size: 14px;font-weight: 500;}

.html-login-page .master-wrapper-content{min-height: auto;}

.register-custom-modal-wrapper{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; }
/* .register-custom-overlay{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #c7c7c778; } */
.register-custom-modal-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background: #fff; width: 380px; z-index: 9999; }

.register-custom-header{ padding: 20px 30px; background: #f9f9f9; display: flex; align-items: center; justify-content: space-between; }
.register-c-title{ font-size: 24px; margin: 0; }

.register-custom-body{ padding: 20px 30px; max-height: 700px; overflow: auto; }
.register-custom-body .get-popup-form p{ margin: 0; line-height: 31px; font-size: 15px; }

.register-custom-footer{ padding: 20px 30px; background: #f9f9f9; display: flex; align-items: center; justify-content: flex-end; }
.register-custom-footer button{ background: transparent; border: none; background: #568278; color: #fff; padding: 6px 20px; border-radius: 6px; }

.html-scan-list-page .master-wrapper-content{background: #F9FBFC !important;}
.html-scan-list-page .block .title strong{color: #444 !important;}
.html-scan-list-page .side-2 .block-account-navigation .list .active>a{color: #fff !important;}
.html-account-page .side-2 .block-account-navigation .list a:hover{color: #444 !important;}

.scan-history-content{ display: flex; align-items: center; justify-content: space-between; }
.scan-history-info{ display: flex; flex-direction: column; align-items: flex-start; padding: 15px 0; border-bottom: 1px solid #EAEBEC; }
.scan-product-name{ text-decoration: none; color: #2E3333; font-size: 16px; font-weight: bold; }
span.scan-history-cart-date{ display: flex; align-items: center; column-gap: 5px; }
.scan-history-cart-date p{ margin: 0; color: #568278; font-size: 14px; }
.scan-history-list a.scan-prod-link{ text-decoration: none; }

/* ***---*** Pagination-Style ***---*** */

.pager li span{ background-color: #568278; border-radius: 4px; }
.pager li a{ color: #568278; background: transparent; border-radius: 4px; font-weight: 600; }
.pager li a:hover, .pager li a:focus{ background-color: #f9fbfc !important; border: 1px solid #ddd !important; }

.tab-custom-modal{ top: 20% !important; }
.tab-custom-modal .modal-header{ background: #f9f9f9; }


/* This makes "#popup-with-something" scale down proportionally */

/* This is scale ratio */
#popup-with-something { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

/* This shifts close button outside of the container */
#popup-with-something .mfp-close { top: -44px; color: #FFF; text-align: right; right: 1px;   }

/* This is an element itself */
.some-element { background: #EBE8E8; position: absolute; top: -3px; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); } 
/* .html-registration-page .custom-footer{z-index: -1;}
.html-registration-page .chatbot-wrapper{z-index: -1;} */
  
.html-registration-page .scan-model-wrapper{position: static;}
.main-login-page + .popup-lgn +.scan-model-wrapper{position: static;}
.main-login-page + .popup-lgn +.scan-model-wrapper .scan-modal-box{margin-top: 0px;}

.main-login-page{background: radial-gradient(#93A77D, #568278);}

.custom-countdown-timer{ padding: 40px 0; }
.custom-countdown-timer h1{ text-align: center; font-size: 46px; font-weight: 600; letter-spacing: 1px; color: #2E3333; }
ul#counter { list-style: none; padding: 0; display: block; text-align: center; display: flex; align-items: center; justify-content: center; column-gap: 18px; }

ul#counter li {  display: inline-block; }

ul#counter li span { font-size: 25px; line-height: 40px; font-weight: 600; }

ul#counter li p { color: #2e3333; font-size: 24px; font-weight: 600; margin: 0; }

.eu-cookie-bar-notification{ height: 220px; }
a.learn-more:hover{ color: #568278; }
.eu-cookie-bar-notification .buttons-more{ display: flex; flex-direction: column; align-items: center; }
.eu-cookie-bar-notification .content{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; }

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{ background-color: #568278 !important; }
div:where(.swal2-icon).swal2-error{ border-color: #568278; color: #568278; }
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{ background-color: #568278 !important; }

#html5-qrcode-anchor-scan-type-change{display: none !important;}
.chat-disclaimer{padding: 10px 25px;font-size: 14px;color: #568278;background: #fffee5;color: #806f0b;}

.search-input .search-btn-wrap .button-1{ color: #fff; border: none; background: transparent; background: #568278; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 100%; height: 51px; border-radius: 6px; cursor: pointer; transition: 0.3s; margin-top: 15px; }
.search-input .search-btn-wrap .button-1:hover{background-color: #93A77D;}

.mobile-description{/* display: none; */ padding-top: 20px;}
.custom-tabs .tabs li.only-mob-tab{display: none;}
.mobile-description > h3{text-align: left;font-size: 18px;font-weight: 600;}

.custom-search-page .cust-form-search .basic-search .inputs{ margin: 0px; width: 100%; display: flex; align-items: center; background: #fff; border: 1px solid #EAEBEC; border-radius: 6px; height: 44px; }
.custom-search-page .cust-form-search .basic-search .inputs .buttons{margin: 0px;}
.custom-search-page .cust-form-search .basic-search .inputs .mySearchbtn{ font-size: 0; min-width: inherit; padding: 0; background: transparent; border: none; height: 100%; padding: 7px 14px; }
.custom-search-page .cust-form-search .basic-search .inputs .search-text{ border: none; width: 100%; padding: 0; background: #fff; color: #2E3333; font-size: 14px; height: 100%; border-radius: 0 6px 6px 0; outline: none; }
.custom-search-page .cust-form-search .basic-search .search-btn-wrap .button-1{ color: #fff; border: none; background: transparent; background: #568278; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 100%; height: 51px; border-radius: 6px; cursor: pointer; transition: 0.3s; margin-top: 15px; }
.custom-search-page .cust-form-search .form-fields{ background-color: transparent; border-top: 0px; padding: 0; }
.html-search-page .ui-autocomplete{width: 500px !important;}
.html-search-page .search-results{padding:0px;}
.mob-search-icon{display: none;}

.custom-pass-recovery .title{text-align: left;padding: 0;}
.custom-pass-recovery .title strong{    color: #2E3333;font-size: 24px;font-weight: 600;}

.affiliated-garden-centers{background: #F9FBFC;}
.affiliated-garden-inner{ text-align: left; border: 0px !important; padding: 20px 0 !important; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 40px; }
.affiliated-garden-inner .garden-left-column{ text-align: left; width: 100%; margin: 0px; z-index: 99999; padding-top: 40px; width: 49% !important; flex: 0 0 auto; }
.affiliated-garden-inner .garden-left-column .product-name{ margin: 0; padding: 0; border-bottom: 0px !important; }
.affiliated-garden-inner .garden-left-column .product-name h1{ color: #2E3333; font-size: 18px; font-weight: bold; }
.affiliated-garden-inner .garden-left-column .decription-text{ width: 470px; margin-top: 15px; }
.affiliated-garden-inner .garden-left-column .decription-text .full-description{ clear: both; line-height: 24px; }

.affiliated-garden-inner .garden-right-column{ position: relative; width: 49% !important; flex: 0 0 auto; }
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset{ margin: 0px !important; }
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields{ border-top: 0 !important; background-color: none !important; padding: 30px 0px }
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields .basic-search .inputs{ margin: 0px; width: 100%; display: flex; align-items: center; background: #fff; border: 1px solid #EAEBEC; border-radius: 6px; height: 44px; }
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields .basic-search .inputs .buttons{ margin: 0px; }
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields .basic-search .inputs .buttons .mySearchbtn{ font-size: 0; min-width: inherit; padding: 0; background: transparent; border: none; height: 100%; padding: 7px 14px; }
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields .basic-search .inputs .search-garden-center{ border: none; width: 100%; padding: 0; background: #fff; color: #2E3333; font-size: 14px; height: 100%; border-radius: 0 6px 6px 0; outline: none; }
.affiliate-garden-accordian .card{ border: none; border-bottom: 1px solid #EAEBEC !important; }
.affiliate-garden-accordian .card .card-header{ padding: 0; background-color: transparent; border: 0; }
.affiliate-garden-accordian .card .card-header .btn.btn-link { padding: 28px 10px; background: #F9FBFC !important; border-bottom: 1px solid #EAEBEC; color: #2E3333 !important; font-size: 16px !important; line-height: normal; text-decoration: none; position: relative; font-weight: bold; }
.affiliate-garden-accordian .card .garden-accord-collapse .card-body{ background: #F9FBFC !important; padding: 16px; display: flex; align-items: center; justify-content: space-between; } 
.affiliate-garden-accordian .card .garden-accord-collapse .card-body p{ color: #899191 !important; font-size: 14px; margin: 0; } 
.affiliate-garden-accordian .card .card-header .btn.btn-link span{ width: 100% !important; display: block; font-size: 14px; color: #899191; margin-top: 4px; font-weight: 500; }
.affiliate-garden-accordian .card .card-header .btn.btn-link:after{ content: ""; background-image: url(../images/feather-arrow-right.png) !important; background-size: 1rem !important; position: absolute; height: 24px; width: 24px; right: 0; background-repeat: no-repeat; top: 30px; }
.affiliate-garden-accordian .card .card-header .collapsed::after{transform: rotate(270deg);}
.affiliate-garden-accordian .card .card-header .btn.btn-link:not(.collapsed)::after{ transform: rotate(-180deg); }

.affiliate-garden-accordian .garden-accord-collapse .card-body .location-icon svg{ height: 18px; width: 18px; }
.affiliate-garden-accordian .garden-accord-collapse .card-body .location-icon svg *{ fill: #899191 !important; }

.hide-pop-up{display: none;}

.app-row{ align-items: baseline !important; }

.page.news-list-page{margin-bottom: 70px;}
.app-top-banner .banner-wrapper{background: radial-gradient(#93A77D, #568278);margin: 0px !important;padding: 0 10px;min-height: 292px;display: flex;align-items: center;justify-content: left;}
.app-top-banner .banner-wrapper .app-page-title{display: flex;flex-direction: column;justify-content: center;margin: 0px !important;padding: 0;min-height: 150px;}
.app-top-banner .banner-wrapper .app-page-title h1{ font-size: 50px; color: #fff; font-weight: bold; margin: 0 auto !important; padding: 0; max-width: 1366px !important; width: 100% !important; text-align: left; }
.app-top-banner .banner-wrapper .app-page-title p{ font-size: 15px; color: #fff; margin: 0; line-height: 25px; max-width: 1366px !important; width: 100% !important; margin: 0 auto !important; padding: 0; }

.app-buttons{ display: flex; align-items: center; column-gap: 6px; margin: 0 auto !important; padding: 0 !important; max-width: 1366px !important; width: 100% !important; text-align: left; padding-bottom: 30px !important; padding: 0; }
.app-buttons .custom-app-btn{ border: none; border-radius: 11px; }
.app-ban-in{width: 100%;}

.custom-app-btn-wrapper{ background-color: #fff; border-radius: 12px; }
.custom-app-btn-wrapper .custom-app-btn{ display: flex; align-items: center; justify-content: center; column-gap: 9px; width: 165px; height: 52px; text-decoration: none; }
.app-buttons .custom-app-btn img{ width: 28px; height: 28px; object-fit: contain; }
span.btn-text{ display: flex; flex-direction: column; }
span.btn-text p{ margin: 0; line-height: normal; color: #000; font-size: 13px; font-weight: 600; }
span.btn-text strong{ color: #000; font-size: 20px; font-weight: 600; line-height: normal; margin-top: -5px; }
.header-menu .top-menu.notmobile{ padding-left: 0px !important; } 
.app-info-wrapper{ padding: 20px 0; }
.app-info p{color: #899191;}
.app-info ul{display: flex;justify-content: left;padding: 0;gap: 20px;}
.app-info ul li img{ max-width: 100%; height: 100px; object-fit: contain; }

.download-app{position: fixed;bottom: 0;left: 0;right: 0;z-index: 99999999;background: #ffffff;display: none;/* border-top: 2px solid #fff; */box-shadow: 0 0 16px rgb(0 0 0 / 12%);}
.dp-box{ display: flex; align-items: center; justify-content: space-between; padding: 10px 30px; }
.dp-left{ flex: 1; padding-right: 15px; }
.dp-close{color: #fff;font-size: 15px;background: transparent;border: none;position: absolute;right: 0;top: -30px;background: #ff6a6a;width: 30px;height: 30px;border-bottom: 1px solid #fff;}
.dp-left h3{margin: 0;color: #2E3333;margin-bottom: 5px;font-size: 16px;}
.dp-left p{line-height: 15px;margin: 0;color: #2E3333;font-size: 12px;}
.dp-right{flex: 0 0 150px;}
.dp-right a{display: block;padding: 10px 15px;background: #007aff;color: #fff;font-size: 16px;text-align: center;font-size: 14px;font-weight: 600;/* padding: 12px 10px; */line-height: normal;border-radius: 6px;}

.cus-accordion{ display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; }
.cus-accordion .accordion-item { width: 48%; border-radius: 9px; background: transparent; border: none; }
.faq-page-title{padding: 12px;}
.cus-accordion .accordion-item .accordion-button:focus{ border: 1px solid #ddd !important; border-radius: 9px; background-color: #fff !important; }
#FaqAccordion .accordion-collapse .accordion-body p{ font-size: 16px; }
.cus-accordion .accordion-item .accordion-header .accordion-button{ box-shadow: none; border-radius: 9px; background: #fff !important; border-width: 1px 1px 0px 1px !important; border-style: solid; border-color: #ddd; border-radius: 9px 9px 0px 0px; }
.cus-accordion .accordion-item .accordion-header .accordion-button.collapsed{ background-color: transparent !important; border: 1px solid #ddd !important; border-radius: 9px; }
.cus-accordion .accordion-item .accordion-header .accordion-button::after{ background-position: center; }

.cus-accordion .accordion-collapse .accordion-body{ padding-top: 0; background: #fff; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #ddd; margin-top: -1px; border-radius: 0px 0px 9px 9px; }
.faq-page-title .title h3{ font-weight: 700; }
.faq-page-title .page-info{ color: hsl(180deg 4.2% 76.67%); font-size: 20px; text-align: center; width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 40px; }
.faq-page-title .page-info p { max-width: 800px; }
.html-contact-page body { background-color: rgb(249 251 252); }
.faq-wrapper{ margin: 30px 0px; }

.bar-notification-container { position: fixed; bottom: 20px; right: 0; z-index: 99999999; width: 100%; line-height: 16px; color: #fff; opacity: .95; width: 400px; top: auto; right: 0; left: auto; }

.bar-notification.success { background-color: #73d29b; bottom: 0; right: 0; padding-right: 40px; }

.bar-notification.error { background-color: #f74750 }

.bar-notification.warning { background-color: #f39c12 }

.bar-notification { position: relative; display: none; padding: 15px 25px 15px 10px }

.bar-notification .content { margin: 0 10px 0 0; font-size: 16px; line-height: 22px }

.bar-notification .content a { color: #fff; text-decoration: underline; font-weight: 600 }

.bar-notification .close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; margin: 17px; background: #fff url('../images/close.png') center no-repeat; cursor: pointer; margin: 0; top: 50%; transform: translateY(-50%); right: 10px; opacity: 1; }

.popup-notification { border-radius: 5px; padding: 3px; margin: 5px 0 }

.popup-notification.success { border: 2px rgba(75,176,122,.5) solid }

.popup-notification.error { border: 2px rgba(228,68,76,.5) solid }

.popup-notification.warning { border: 2px rgba(243,156,18,.5) solid }

#mostplantscans-grid_wrapper thead{ display: none !important; }

/*download store buttons*/
.store-button { display: flex; align-items: center; gap: 5px; border: 2px solid black; border-radius: 8px; padding: 5px 10px; text-decoration: none !important; width: 140px; transition: all 0.3s ease; font-family: Arial, sans-serif; }
.store-button:hover { background-color: #f0f0f0; } 
.logo img { width: 30x; height: auto; }
.text { display: flex; flex-direction: column; line-height: 1.2; }
.small-text { font-size: 14px; color: #666; text-transform: uppercase; font-weight: bold; }
.large-text { font-size: 18px; font-weight: bold; color: black; margin: 0;}

.maintenance-note{ position: fixed; right: 25px; bottom: 16px; }
.maintenance-info{ position: absolute; width: 284px; right: 87%; background: #F2F5F7; border-radius: 16px 16px 4px 16px; padding: 16px; bottom: 86%; border: 1px solid #EAEBEC; box-shadow: 0 0 3px #0000003b; }
.maintenance-info p{ margin: 0; font-size: 15px; color: #2E3333; }
.maintenance-cartoon img.open-img{ width: 107px; }
.maintenance-cartoon img.close-img{ width: 66px; display: none; }
.maintenance-close{ position: absolute; right: 0; top: 7px; right: 15px; border: none; background: #568278; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; display: flex; }
.maintenance-close svg{ width: 8px; height: 8px; }

.closed-maintenance .open-img{display: none;}
.closed-maintenance .maintenance-info{display:none}
.closed-maintenance .maintenance-close{display:none}
.closed-maintenance .maintenance-cartoon img.close-img{display: block;}

.maintenance-open{display:none}
.closed-maintenance .maintenance-open{display: flex;}

.maintenance-open{ position: absolute; right: 0; top: -3px; right: -25px; border: none; background: #568278; width: auto; height: 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; padding: 10px 9px; gap: 10px; display: none; }
.maintenance-open svg{ width: 8px; height: 8px; }

.notice-field-wraper{padding: 12px; border-radius: 4px; background: #FFF;display: flex;gap: 8px;margin-bottom: 12px;}
.notice-field-wraper .input-wrapper{display: flex;width: 100%;flex-direction: column; align-items: flex-start;}
.notice-field-wraper input{padding: 12px 8px 12px 12px;border-radius: 4px; border: 1px solid #EAEBEC;min-height: 42px;width: 100%;}
.notice-field-wraper button{border: none; display: flex; width: 42px; height: 42px; justify-content: center; align-items: center; flex-shrink: 0;border-radius: 4px; background: #568278;}
.notice-list-wrapper{}
.notice-detail-wrapper{display: flex;padding: 12px; flex-direction: column; align-items: flex-end; gap: 8px;border-radius: 4px; background: #FFF;margin-bottom: 4px;}
.notice-detail-wrapper .title{display: flex; justify-content: space-between; align-items: center; align-self: stretch;}
.notice-detail-wrapper .title h5{ color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
.notice-detail-wrapper .title button{display: flex; padding: 4px; align-items: center;border-radius: 4px; background: #F2F5F7;border: none;}
.notice-detail-wrapper .detail{width: 100%;max-height: 300px;overflow: auto;}
.notice-detail-wrapper .detail p{color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.notice-wrapper{position: relative;}
.notice-dropdown{position: absolute; right: 0; top: 35px;border-radius: 4px; border: 1px solid #EAEBEC; background: #FFF;z-index: 9;}
.notice-dropdown .dropdown-item{padding: 8px !important;gap: 8px;background: transparent !important;}
.notice-dropdown .dropdown-item:not(:last-child){border-bottom: 1px solid #EAEBEC;}
.note-edit-textarea{width: 100%;}
.note-edit-actions{margin-top: 15px;}
.note-save-btn{background: #568278;color: #fff;border-radius: 6px;font-weight: 600; font-size: 14px;padding: 8px;border: none;}
.note-cancel-btn{background: transparent;color: #93A77D;border-radius: 6px;font-weight: 600; font-size: 14px;padding: 8px; border: 1px solid #93A77D;}

.or-signin-with{position: relative;    text-align: center;}
.or-signin-with span{position: relative; z-index: 9;padding: 5px  15px; background-color: #f9fbfc; color: #899191;}
.or-signin-with::before{content: "";position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: #EAEBEC;z-index: 1;}


.external-logins-wrapper{ margin: 10px 0; }
.external-logins{ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
.external-logins a{ color: #000; font-weight: 600; border: 2px solid #000; width: 100%; text-align: center; display:block; padding:10px; border-radius: 8px; position: relative; }

.external-logins a:hover{ text-decoration: none; color: #000; }
.external-logins a svg{ position: absolute; left: 20px; }

.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs.gender-inputs{ display: flex;align-items: center;column-gap: 20px;flex-direction: row; }
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs label[for="gender"] { display: inline-block; width: fit-content; margin: 0; }

select[name="DateOfBirthDay"]
select[name="DateOfBirthMonth"],
select[name="DateOfBirthYear"] { color: #899191; }

.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs.date-of-birth label{ display: block; }

/* .gallery-wrapper{position: relative;height: fit-content;max-width: 46%;width: 46%;}

.gallery{width: 100%;margin: 0;position: relative;}
.gallery .picture{margin: 0;}
.gallery .picture:before{content: none;}
.gallery .picture img, .gallery .picture-thumbs img, .variant-picture img{position: relative;object-fit: cover;width: 100%;height: auto;    border-radius: 4px;}

.mobile-product-detail-wrapper{position: absolute;bottom: 20px;left: 20px;right: 20px;display: flex; gap: 12px;align-items:start;}
.mobile-product-detail-wrapper .svg-wrapper{border-radius: 4px; background: #93A77D;padding: 4px;width: 24px; height: 24px; display: flex;}
.mobile-product-detail .product-name h1{margin-bottom: 4px; color: #FFF; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; }
.mobile-product-detail .prod-dt span{color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.mobile-product-detail .prod-dt .cart-date{display: none;} 

.mobile-product-detail .product-name h1 span{font-size: 16px;font-weight: 600;} 

.gallery{ float: none; width: 100%; }
.gallery-wrapper{width: 50%;}
.gallery .picture img, .gallery .picture-thumbs img, .variant-picture img{ padding: 0; }
.gallery .picture:before{display: none;}
.gallery-wrapper {display: block;} */

.beep-header{display: none;}
.dob-wrapper{display: flex;width: 100%;}
.custom-mobile-header{display: none;}
.person-online-div img.new{display: none;}
.html-home-page .header.custom-header.main-header{display: block;}
.html-home-page .custom-header .header-lower .header-logo .main-img.mobile{display: none;}

.hamburger-menu{display: none;}



/*new mobile design*/
.html-new-mobile-design body{background: #F2F5F7;}
.html-customer-info-page body{background: #F9FBFC;}
.html-new-mobile-design .header.custom-header.main-header{display: none;}
.html-new-mobile-design .footer.custom-footer {display: none;}
.html-new-mobile-design .page-top-cover{position: relative; height:360px; background: radial-gradient(#93A77D, #568278);border-radius: 0 0 20px 20px; display: flex; justify-content: center; padding-top: 50px; background: radial-gradient(60.5% 60.5% at 50.13% 88.36%, #93A77D 0%, #568278 100%); }
.html-new-mobile-design .page-top-cover .back-btn-wrapper{ position: absolute; left: 20px; top: 12px;    top: 22px;left: 20%;transform: translateX(-50%);}
.html-new-mobile-design .page-top-cover .back-btn-wrapper a{display: inline-flex; align-items: center; border-radius: 4px; background: rgba(46, 51, 51, 0.40); backdrop-filter: blur(1.5px);padding: 8px 16px; background: rgba(255, 255, 255, 0.24);}
.html-new-mobile-design .page-top-cover .back-btn-wrapper a b{ color: #FFF; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal;}
.html-new-mobile-design .page-top-cover .back-btn-wrapper a:hover{text-decoration: none;}
.html-new-mobile-design .header-links-mobile{display: flex; gap: 8px;}
.html-new-mobile-design .header-links-mobile .mobile-header-btn{ display: flex; padding: 8px 16px; align-items: center; gap: 10px;border-radius: 4px; background: rgba(255, 255, 255, 0.20);}
.html-new-mobile-design .header-links-mobile .mobile-header-btn svg{width: 24px;height: 24px;}
.html-new-mobile-design .header-links-mobile .mobile-header-btn p{margin: 0; color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
.html-new-mobile-design .header-links-mobile .mobile-register{color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: flex; padding: 8px; align-items: center; gap: 10px;border-radius: 4px; background: rgba(255, 255, 255, 0.20);}

.html-new-mobile-design .custom-header.mobile-header{position: relative;display: flex;justify-content: center;align-items: center;background: #568278;padding: 12px 0px;}
.html-new-mobile-design .back-wrapper{position: absolute;top: 50%;left: 20px;transform: translateY(-50%);}
.html-new-mobile-design .back-wrapper a{display: flex; padding: 8px; align-items: center;border-radius: 4px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(1.5px);}
.html-new-mobile-design .mobile-header .page-info h6{padding: 10.5px 0; margin: 0; color: #FFF; text-align: center; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }

.html-new-mobile-design .main-img.mobile{display: block;}
.html-new-mobile-design .main-img.desktop{display: none;}

.html-registration-page.html-new-mobile-design .header.custom-header.mobile-header,
.html-login-page.html-new-mobile-design .header.custom-header.mobile-header{display: none;}

.html-new-mobile-design.html-shopping-cart-page .custom-mobile-header{display: none;}
.html-new-mobile-design .custom-mobile-header{display: block;padding: 16px 0;background: #fff;}
.html-new-mobile-design .custom-mobile-header .container{display: flex;justify-content: space-between;align-items: center;}
.html-new-mobile-design .custom-mobile-header .container .back-top-beeb a{color: #2E3333; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal;display: flex; padding: 12px 16px; align-items: center; gap: 8px;border-radius: 4px; background: #F2F5F7;}
.html-new-mobile-design .custom-mobile-header .container .more-btn a{display: none;}
.html-new-mobile-design.html-product-details-page .custom-mobile-header .container .more-btn {position: relative;}
.html-new-mobile-design.html-product-details-page .custom-mobile-header .container .more-btn a{display: flex; padding: 12px; align-items: center; gap: 10px; border-radius: 4px; background: #F2F5F7;}
.html-new-mobile-design.html-product-details-page .custom-mobile-header .container .more-btn-menu {width: 220px; position: absolute; top: 100%; right: 0; background: transparent; z-index: 10; }
.html-new-mobile-design.html-product-details-page .custom-mobile-header .container .more-btn-menu .owned-text{display: none;}
.html-new-mobile-design.html-product-details-page .custom-mobile-header .container .more-btn-menu .remove-product{ display: flex; align-items: center; gap: 10px; width: 100%;background-color: #fff; padding: 12px 16px;border: 1px solid #EAEBEC;border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.1);color: #2E3333; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}

.html-new-mobile-design .mobile-header.mobile{display: none;}
.html-new-mobile-design.html-faq-page .custom-mobile-header .container .more-btn {display: none;}
.html-new-mobile-design.html-login-page .custom-mobile-header,
.html-new-mobile-design.html-registration-page .custom-mobile-header{display: none;}

/*login-page*/

.html-login-page.html-new-mobile-design .master-wrapper-content{background: #F2F5F7;}
.html-new-mobile-design .html-login-page .master-wrapper-content{background: transparent;}
.html-new-mobile-design .custom-login-page .returning-wrapper{width: 100%;padding: 24px 5px !important;max-width: 500px;}
.html-new-mobile-design .custom-login-page .returning-wrapper form{width: 100%;background: #F2F5F7 !important;}
.html-new-mobile-design .custom-login-page .title{text-align: center;}
.html-new-mobile-design .custom-login-page .title strong{ color: #2E3333; text-align: center; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; }
.html-new-mobile-design .login-inst{width: 100%;}
.html-new-mobile-design .custom-login-page .returning-wrapper form p{text-align: center !important; color: #899191; text-align: center; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .login-page .returning-wrapper .inputs.reversed .forgot-password a{ color: #568278; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; 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; }
.html-new-mobile-design .input-field-icon span{display: none;}
.html-new-mobile-design .custom-login-page .returning-wrapper form .form-fields .inputs label{ color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 4px;}
.html-new-mobile-design .custom-login-page .returning-wrapper form .form-fields .inputs input{height: 42px;padding: 12px;}
.html-new-mobile-design .login-page .returning-wrapper .form-fields .inputs input{border-left: 1px solid #EAEBEC !important;border-radius: 4px !important;}
.html-new-mobile-design .custom-login-page .returning-wrapper form .form-fields .inputs:first-child{margin-bottom: 16px;}
.html-new-mobile-design .custom-login-page .returning-wrapper form .form-fields .inputs.reversed label{margin-bottom:0 ;}
.html-new-mobile-design .custom-login-page .returning-wrapper form .buttons{margin: 24px 0 16px 0;}
.html-new-mobile-design .login-page .returning-wrapper .inputs.reversed *{margin: 0;}
.html-new-mobile-design .custom-login-page .returning-wrapper form .form-fields .inputs.reversed input{max-height: 17px;}
.html-new-mobile-design .custom-login-page .returning-wrapper form .form-fields .inputs.reversed{margin-top: 8px;}
.html-new-mobile-design .custom-login-page .returning-wrapper form p.reg-cust-links .register-button{color: #568278; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; 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;}
.html-new-mobile-design .or-signin-with span{background-color: transparent;color: #899191; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design p.reg-cust-links.login-link{display: none;}
.page-top-cover, .html-new-mobile-design .page-top-cover img{object-fit: contain;}
.html-new-mobile-design .external-logins a span{color: #000; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}

/*faq-wrapper*/
.html-new-mobile-design .faq-wrapper{margin: 0;}
.html-new-mobile-design .faq-page-title{display: none;}
.html-new-mobile-design .faq-wrapper .container{margin-top: 20px !important;padding: 0 20px !important;max-width: 1000px !important;}
.html-new-mobile-design .faq-wrapper .cus-accordion{gap: 4px 15px;flex-direction: column;}
.html-new-mobile-design  .cus-accordion .accordion-item{width: 100%;}
.html-new-mobile-design .faq-wrapper .cus-accordion .accordion-item .accordion-header .accordion-button.collapsed{transition: .3s; display: flex; padding: 12px; align-items: center; gap: 16px; align-self: stretch; border-radius: 4px; background: #FFF !important; border: none !important;}
.html-new-mobile-design .faq-wrapper .cus-accordion .accordion-collapse .accordion-body{padding: 12px;padding-top: 0;border: none;transition: .3s;}
.html-new-mobile-design .faq-wrapper .cus-accordion .accordion-item .accordion-header .accordion-button{padding: 12px;border: none !important;transition: .3s;}
.html-new-mobile-design .faq-wrapper .cus-accordion .accordion-item .accordion-header .accordion-button span{color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}


/*register-page*/
.html-new-mobile-design .custom-register-page .registration-page-wrapper{background: #F2F5F7;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset{width: 100%;padding: 0; max-width: 500px;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form{width: 100%;padding: 24px 5px;background: #F2F5F7 !important;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .register-title{margin-bottom: 8px; min-height: auto !important; text-align: center !important;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .register-title strong{color: #2E3333; text-align: center; font-family: Blinker; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .registration-instro{width: 100%;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .registration-instro p{ color: #899191; text-align: center !important; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent label{color: #899191; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent{margin-top: 12px !important;}
.html-new-mobile-design .inputs.accept-consent span, .inputs.accept-consent a{color: #568278; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; 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;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent input{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #EAEBEC;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p{color: #899191; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p a{color: #568278; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; 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;}
.html-new-mobile-design .custom-register-page .name-wrapper{display: flex;gap: 12px;margin-bottom: 16px;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .name-wrapper .inputs{margin-bottom: 0 !important;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .name-wrapper .inputs:last-child{margin-bottom: 0 !important;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs:last-child{margin-bottom: 16px !important;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent label{display: inline-block !important;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs{margin-bottom: 16px !important;}
.html-new-mobile-design .custom-register-page .required{display: none;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs label{display: none;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs label[for="gender"]{display: inline-block;}
.html-new-mobile-design .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p{text-align: center !important;}

/*product-detail*/
.html-new-mobile-design .product-back-wrap{display: none;}
.html-new-mobile-design .pro-detail-wrapper{display: flex;flex-direction: column;width: 50%;}
.html-new-mobile-design .product-essential:after{content: none;}
.html-new-mobile-design .product-details-page.custom-detail-page{padding-top: 40px;background: #F2F5F7;}
.html-new-mobile-design .product-details-page.custom-detail-page .product-essential{padding-top: 0 !important;}
.html-new-mobile-design .product-details-page.custom-detail-page .col-md-12{padding: 0;}

.html-new-mobile-design .gallery{width: 100%;margin: 0;position: relative;}
.html-new-mobile-design .gallery .picture{margin: 0;}
.html-new-mobile-design .gallery .picture:before{content: none;}
.html-new-mobile-design .gallery .picture .img-wrapper{height: 260px;position: relative;}
.html-new-mobile-design .gallery .picture img, .gallery .picture-thumbs img, .variant-picture img{position: relative;object-fit: cover;width: 100%;height: 260px;}
.html-new-mobile-design .gallery .picture .img-wrapper::after{content: ''; height: 100%; width: 100%; position: absolute; bottom: 0; right: 0; left: 0; background: linear-gradient(0deg, #00000038, #00000000);}

.html-new-mobile-design .product-back-wrap{margin: 0;}
.html-new-mobile-design .custom-detail-page .product-essential{background: #F2F5F7;flex-wrap: nowrap;}
.html-new-mobile-design .custom-detail-page .product-essential .overview{padding: 18px 0px !important;background: #f2f5f7; margin-top: 0px; border-radius: 8px 8px 0 0 ;width: 100%  !important;}
.html-new-mobile-design .custom-detail-page .product-essential .custom-tabs{padding: 4px 20px 18px 20px;}
.html-new-mobile-design .tabs-content{border: none !important;}
.html-new-mobile-design .custom-tabs .tabs{margin-bottom: 12px !important;overflow: auto;}
.html-new-mobile-design .custom-tabs .tabs li{white-space: nowrap; height: 100%; display: flex; padding: 8px 12px !important; justify-content: center; align-items: center; gap: 10px;color: #2E3333 !important; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .custom-tabs .tabs li.only-mob-tab{display: block;}
.html-new-mobile-design .custom-tabs .tabs li.active-tab{ border: none !important;color: #93A77D !important; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;border-radius: 4px; background: rgba(147, 167, 125, 0.12);}
.html-new-mobile-design .tabs .active-tab:after{content: none;}
.html-new-mobile-design .full-description.acc-id{margin-bottom: 4px;}
.html-new-mobile-design .accordion-flush .accordion-item .accordion-header{border-radius: 4px;}
.html-new-mobile-design .accordion-flush .accordion-item:last-child{border-radius: 4px;}
.html-new-mobile-design .accordion-flush .accordion-item .accordion-button.collapsed{background: #fff !important; border-radius: 4px; border: none !important;box-shadow: none;padding: 12px;color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
.html-new-mobile-design .accordion-flush .accordion-item .accordion-button{background: #fff !important; border: none !important;box-shadow: none;padding: 12px 12px 8px 12px !important;color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
.html-new-mobile-design .custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-button.collapsed{padding: 12px !important;}
.html-new-mobile-design .custom-accordian-header button img{width: 40px;height: 40px;object-fit: cover;margin-right: 16px;}
.html-new-mobile-design .custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-button span{color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
.html-new-mobile-design .acc-id .accordion-item .accordion-collapse .accordion-body{background: #fff !important;border: none !important;padding: 12px;padding-top: 0;}
.html-new-mobile-design .acc-id .accordion-item .accordion-collapse .accordion-body p{color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .detail-inner-buttons{margin-top: 0;}
.html-new-mobile-design .custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-collapse .accordion-body p{padding: 0;color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button{text-transform: capitalize; color: #FFF; font-family: Blinker; font-size: 16px; width: 100%; font-style: normal; font-weight: 700; line-height: normal; display: flex; border-radius: 8px; background: #568278; padding: 16px; justify-content: center; align-items: center; gap: 10px;}
.html-new-mobile-design .detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button.check{color: #FFF; font-family: Blinker; font-size: 16px; width: 100%; font-style: normal; font-weight: 700; line-height: normal; display: flex; border-radius: 8px; background: #568278; padding: 16px; justify-content: center; align-items: center; gap: 10px;}
.html-new-mobile-design .detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button.check.owned-item{display: none;}
.html-new-mobile-design .detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button svg *{fill: #fff !important;stroke: #fff;} 
.html-new-mobile-design .detail-inner-buttons .add-to-wishlist{display: none;}
.html-new-mobile-design .product-detailed-button{margin: 0 !important;}
.html-new-mobile-design .detail-inner-buttons .product-detailed-button .add-to-cart{width: 100%;}
.html-new-mobile-design .accordion-button::after{background-position: center; background-size: 14px !important; transition: .3s;background-repeat: no-repeat;background-color: #F2F5F7;border-radius: 4px;}
.html-new-mobile-design .productCareTips .accordion-item .collapsed::after{transform: rotate(0deg);}
.html-new-mobile-design .decription-text{display: none;}
.html-new-mobile-design .mobile-description{display: block;padding: 12px;border-radius: 4px; background: #FFF;}
.html-new-mobile-design .mobile-description > h3{display: none;}
.html-new-mobile-design .full-description{color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .product-name.desktop,
.html-new-mobile-design .prod-dt.desktop{display: none;}
.html-new-mobile-design .gallery-wrapper{position: relative;max-width: 100%;width: 100%;}
.html-new-mobile-design .mobile-product-detail-wrapper{position: absolute;bottom: 20px;left: 20px;right: 20px;display: flex; gap: 12px;align-items:start;}
.html-new-mobile-design .mobile-product-detail-wrapper .svg-wrapper{border-radius: 4px; background: #93A77D;padding: 4px;width: 28px; height: 28px; display: flex;align-items: center;justify-content: center;}
.html-new-mobile-design .mobile-product-detail .product-name h1{margin-bottom: 4px; color: #FFF; font-family: Blinker; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
.html-new-mobile-design .mobile-product-detail .prod-dt span{color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .mobile-product-detail .prod-dt .cart-date{display: none;}
.html-new-mobile-design .product-detail-wrapper{ background: #fff; width: 100%; height: 100%;}
.html-new-mobile-design .another-Beeb-popup{display: none;}
.html-new-mobile-design .beeb-popup{display: none;}
.html-new-mobile-design .additional-details,
.html-new-mobile-design .overview-buttons{margin: 0 !important;}
.html-new-mobile-design .detail-inner-buttons{margin: 0 !important;}
.html-new-mobile-design .notice-field-wraper{padding: 12px; border-radius: 4px; background: #FFF;display: flex;gap: 8px;margin-bottom: 12px;}
.html-new-mobile-design .notice-field-wraper input{padding: 12px 8px 12px 12px;border-radius: 4px; border: 1px solid #EAEBEC;min-height: 42px;width: 100%;}
.html-new-mobile-design .notice-field-wraper button{border: none; display: flex; width: 42px; height: 42px; justify-content: center; align-items: center; flex-shrink: 0;border-radius: 4px; background: #568278;}
.html-new-mobile-design .notice-detail-wrapper{display: flex;padding: 12px; flex-direction: column; align-items: flex-end; gap: 8px;border-radius: 4px; background: #FFF;}
.html-new-mobile-design .notice-detail-wrapper .title{display: flex; justify-content: space-between; align-items: center; align-self: stretch;}
.html-new-mobile-design .notice-detail-wrapper .title h5{ color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
.html-new-mobile-design .notice-detail-wrapper .title button{display: flex; padding: 4px; justify-content: flex-end; align-items: center;border-radius: 4px; background: #F2F5F7;border: none;}
.html-new-mobile-design .notice-detail-wrapper .detail p{color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.html-new-mobile-design .notice-wrapper{position: relative;}
.html-new-mobile-design .notice-dropdown{position: absolute; right: 0; top: 35px;border-radius: 4px; border: 1px solid #EAEBEC; background: #FFF;;}
.html-new-mobile-design .notice-dropdown .dropdown-item{padding: 8px !important;gap: 8px;background: transparent !important;}
.html-new-mobile-design .notice-dropdown .dropdown-item:not(:last-child){border-bottom: 1px solid #EAEBEC;}
.html-new-mobile-design .back-to-btn-wrapper{position: absolute;top: 12px;left: 20px;}
.html-new-mobile-design .back-to-btn-wrapper a{text-decoration: none; color: #FFF; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal;border-radius:4px;display: flex; justify-content: center; align-items: center; gap: 8px;padding: 8px;border-radius: 4px; background: rgba(46, 51, 51, 0.40); backdrop-filter: blur(1.5px);}

.cart-box-link.mobile { transition: transform 0.25s ease; }
.trash-wrapper { opacity: 0; transform: translateX(-10px); transition: opacity 0.2s ease, transform 0.2s ease; }
.trash-wrapper.show { opacity: 1; transform: translateX(0); } 

/*beep page*/
.html-product-details-page.html-new-mobile-design{background: #F2F5F7;}
.html-beeb-page.html-new-mobile-design #small-search-box-form{ width: 100%; display: flex; justify-content: center; align-items: center;}
.html-new-mobile-design.html-shopping-cart-page .header.custom-header.main-header{display: flex; background: #568278;}
.html-new-mobile-design.html-shopping-cart-page .header.custom-header.main-header .container{padding: 0 20px !important;}
.html-new-mobile-design.html-shopping-cart-page .header.custom-header.main-header .flora-img,
.html-new-mobile-design.html-shopping-cart-page .header.custom-header.main-header .main-img.desktop{display: none;}
.html-new-mobile-design.html-shopping-cart-page .header-links{display: none;}
.html-new-mobile-design .order-summary-content .custom-cart-wrapper, .custom-wishlist-wrapper{padding-top: 0 !important;}
.html-new-mobile-design .shopping-cart-page .parent-wrapper{padding: 0 !important; padding: 0 !important;}
.html-new-mobile-design.html-shopping-cart-page .cart-search-box{background:#568278 ; padding: 4px 20px 8px 20px;}
.html-new-mobile-design.html-shopping-cart-page .cart-box{padding: 20px;max-width: 100%;overflow: hidden;}
.html-new-mobile-design.html-shopping-cart-page .cart-search-button{display: none;}
.html-new-mobile-design.html-shopping-cart-page button.search-icon{background-color: #568278;border-radius: 4px 0 0 4px ; border: 1px solid #FFF; border-right: none;min-height: 44px;}
.html-new-mobile-design.html-shopping-cart-page input.search-field{background-color: #568278; color: rgba(255, 255, 255, 0.72); font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;border-radius: 0 4px 4px 0; border: 1px solid #FFF;border-left: none;}
.html-new-mobile-design.html-shopping-cart-page input.search-field::placeholder{color: rgba(255, 255, 255, 0.72);}
.html-new-mobile-design.html-shopping-cart-page .cart-input-wrap{border-color: #568278;}
.html-new-mobile-design .cart-box-link.desktop{display: none !important;}
.html-new-mobile-design .cart-box-link.mobile{transition: transform 0.2s ease; cursor: grab; padding: 12px 8px; gap: 12px; background: #fff; border: none; margin-bottom: 4px; border-radius: 4px;}
.html-new-mobile-design .cart-box-link.mobile:active{ cursor: grabbing;}
.html-new-mobile-design .cart-box-content{display: flex;gap: 12px;padding: 0;position: relative;}
.html-new-mobile-design .cart-box-content::after{content: '';width: 16px;height: 16px; position: absolute;top: 50%;right: 0;transform: translate(-50%,-50%);background-repeat: no-repeat;background-position: center; background-color: #F2F5F7;border-radius: 4px;display: flex; padding: 2px; align-items: center;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M4.5 3L7.5 6L4.5 9" stroke="%23899191" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.html-new-mobile-design .cart-box-content .cart-img img{display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; border-radius: 4px;object-fit: cover;}
.html-shopping-cart-page .cart-input-wrap .search-icon .desktop{display: none;}
.html-new-mobile-design .mobile-title{display: flex;justify-content: space-between;align-items: center; margin:0 20px;border-bottom: 1px solid #EAEBEC;padding:25px 0 12px 0;}
.html-new-mobile-design .mobile-title h3{color: #2E3333; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;margin: 0;}
.html-new-mobile-design .mobile-title .filter-wrap{width: 32px; height: 32px; padding: 6px;border-radius: 4px;}
.html-new-mobile-design .cart-searh-info .search-input-filters #sortButton{display: none;}
.html-new-mobile-design .order-progress{display: none;}
.html-new-mobile-design .shopping-cart-page .no-data.desktop{display: none;}
.html-new-mobile-design .shopping-cart-page .no-data.mobile .empty-beeb{display: flex;justify-content: center;align-items: center;height: 80vh;}
.html-new-mobile-design .shopping-cart-page .no-data.mobile .empty-beeb .row {padding: 0 !important;width: 100%; max-width: 500px !important; padding: 0 !important;  display: flex; flex-direction: column; justify-content: center;}
.html-new-mobile-design .no-data.mobile .empty-beeb-image .img-wrapper{width: 120px;height: 120px;border: 1px solid #EAEBEC; border-radius: 79px; background: #FFF; overflow: hidden;}
.html-new-mobile-design .no-data.mobile .empty-beeb-image .img-wrapper img{object-fit: contain; height: 100%; width: fit-content; object-position: bottom;}
/* .html-new-mobile-design .no-data.mobile .empty-beeb-image .img-wrapper img{ object-fit : cover; height: 174px; width: 100%; object-position: center center; position: relative; right: 12px; top: 10;} */
.html-new-mobile-design .no-data.mobile .empty-beeb-image .empty-beeb-detail{width: 100%;}
.html-new-mobile-design .no-data.mobile .empty-beeb-image .empty-beeb-detail h5{margin: 24px 0 8px 0;color: #2E3333; text-align: center; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.html-new-mobile-design .no-data.mobile .empty-beeb-image .empty-beeb-detail p{margin: 0 0 20px 0;color: #899191; text-align: center; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .no-data.mobile .empty-beeb-image .empty-beeb-detail .login-btn-wrapper{display: flex; flex-direction: column;gap: 8px;}
.html-new-mobile-design .no-data.mobile .empty-beeb-image .empty-beeb-detail .login-btn-wrapper .register{color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: flex; padding: 12px 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; align-self: stretch;border-radius: 8px; background: #568278;}
.html-new-mobile-design .no-data.mobile .empty-beeb-image .empty-beeb-detail .login-btn-wrapper .login-btn{color: #93A77D; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: flex; padding: 12px 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; align-self: stretch;border-radius: 8px; border: 1px solid #93A77D;}
.html-new-mobile-design .detail-inner-buttons .add-to-cart .add-to-cart-panel .owned-text{display: none;}
.html-new-mobile-design .beep-header{display: block;background: #568278;padding: 32px 0;}
.html-new-mobile-design .beep-header .container{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.html-new-mobile-design.html-beeb-page .beep-header .detail-wrapper .header-title h1{margin-bottom: 10px;}
.html-new-mobile-design .beep-header .detail-wrapper .header-title h1{color: #FFF; text-align: center; font-family: Blinker; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal;}
.html-new-mobile-design .beep-header .detail-wrapper .header-detail{text-align: center;display:flex;justify-content: center;}
.html-new-mobile-design .beep-header .detail-wrapper .header-detail p{ max-width: 660px;color: #FFF;text-align: center;font-family: Blinker;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;margin-bottom: 20px;}
.html-new-mobile-design .search-wrapper{display: flex;width: 100%;max-width: 660px;position: relative;}
.html-new-mobile-design .order-summary-content .custom-cart-wrapper .cart-box a .cart-info .product-name p{margin: 0; color: #899191; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .order-summary-content .custom-cart-wrapper .cart-box a .cart-info .product-name h6,
.html-new-mobile-design .order-summary-content .custom-cart-wrapper .cart-box a .cart-info .translated-name h6{text-align: left; margin-bottom: 4px; color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
/* .html-new-mobile-design.html-shopping-cart-page .search-wrapper{display: none;} */

/*search page*/
.html-search-page.html-shopping-cart-page.html-new-mobile-design
input:-webkit-autofill,
.html-search-page.html-shopping-cart-page.html-new-mobile-design
input:-webkit-autofill:hover,
.html-search-page.html-shopping-cart-page.html-new-mobile-design
input:-webkit-autofill:focus,
.html-search-page.html-shopping-cart-page.html-new-mobile-design
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #6b9188 inset !important;
    box-shadow: 0 0 0 1000px #6b9188 inset !important;
    -webkit-text-fill-color: #fff !important; /* or your desired text color */
    caret-color: #fff; /* matches text color */
}
.html-new-mobile-design .search-clear-btn {cursor: pointer; margin: 0; color: #FFF; font-family: Blinker; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal;position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 99;}

.html-search-page.html-shopping-cart-page.html-new-mobile-design{background-color: #F2F5F7;}
.html-search-page.html-shopping-cart-page.html-new-mobile-design body{background-color: #F2F5F7;}
.html-search-page.html-shopping-cart-page.html-new-mobile-design .master-wrapper-content{background-color: #F2F5F7;}
.html-search-page.html-shopping-cart-page.html-new-mobile-design .search-page{background-color: #F2F5F7;}
.html-new-mobile-design.html-search-page .search-page{padding: 0;}
.html-new-mobile-design.html-search-page .beep-header form{width: 100%;display: flex; justify-content: center; align-items: center;}
.html-new-mobile-design.html-search-page .beep-header .detail-wrapper .header-title h1{margin-bottom: 16px;}
.html-new-mobile-design.html-search-page .beep-header .detail-wrapper .header-detail p{margin-bottom: 24px;}
.html-new-mobile-design.html-search-page .search-results .item-box{border-radius: 4px; background: #FFF;padding: 12px;margin-bottom: 4px !important;}
.html-new-mobile-design.html-search-page .search-results .item-box .search-item .search-item-info{position: relative; border: none;padding: 0; display: flex; flex-direction: row; align-items: center; gap: 8px;}
.html-new-mobile-design.html-search-page .search-results .search-item a .search-item-name{color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
.html-new-mobile-design.html-search-page .search-results .search-item a .search-item-name .search-item-translated-name h6,
.html-new-mobile-design.html-search-page .search-results .search-item a .search-item-name .search-item-name h6,
.html-new-mobile-design.html-search-page .search-results .search-item a .search-item-name h6{margin-bottom: 4px;color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
.html-new-mobile-design.html-search-page .search-results .search-item a .search-item-name .search-item-name p{margin: 0;color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design.html-search-page .search-results .search-item a .search-item-info .arrow{position: absolute; right: 0; border-radius: 4px; background: #F2F5F7;padding: 2px;line-height: 0;}

.html-new-mobile-design.html-search-page .search-results .item-box .search-item .search-item-info .img-wrapper img{display: flex; width: 40px; height: 40px; justify-content: center; align-items: center;border-radius: 4px;}
.html-new-mobile-design.html-search-page.html-shopping-cart-page button.search-icon{border-radius: 4px 0 0 4px; border: 1px solid #FFF; border-right: none; background: rgba(255, 255, 255, 0.12);}
.html-new-mobile-design.html-search-page.html-shopping-cart-page input.search-field{border-radius: 0 4px 4px 0 ; border: 1px solid #FFF; border-left: none; background: rgba(255, 255, 255, 0.12);}

.html-new-mobile-design .shopping-cart-page .no-data.mobile{display: block;}
.html-new-mobile-design.html-shopping-cart-page .header.custom-header.main-header{display: flex; background: #568278;}
.html-new-mobile-design.html-shopping-cart-page .header.custom-header.main-header .container{padding: 0 20px !important;}
.html-new-mobile-design.html-shopping-cart-page .header.custom-header.main-header .flora-img,
.html-new-mobile-design.html-shopping-cart-page .header.custom-header.main-header .main-img.desktop{display: none;}
.html-new-mobile-design.html-shopping-cart-page .header-links{display: none;}
.html-new-mobile-design.order-summary-content .custom-cart-wrapper, .custom-wishlist-wrapper{padding-top: 0 !important;}
.html-new-mobile-design .shopping-cart-page .parent-wrapper{padding: 0 !important;}
.html-new-mobile-design.html-shopping-cart-page .cart-search-box{display: none; background:#568278 ; padding: 4px 20px 8px 20px;}
.html-new-mobile-design.html-shopping-cart-page .cart-box{padding: 20px;}
.html-new-mobile-design.html-shopping-cart-page .cart-search-button{display: none;}
.html-new-mobile-design.html-shopping-cart-page button.search-icon{background-color: #568278;border-radius: 4px 0 0 4px ; border: 1px solid #FFF; border-right: none;}
.html-new-mobile-design.html-shopping-cart-page input.search-field{background-color: #568278; color: rgba(255, 255, 255, 0.72); font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;border-radius: 0 4px 4px 0; border: 1px solid #FFF;border-left: none;min-height: 44px;}
.html-new-mobile-design.html-shopping-cart-page input.search-field::placeholder{color: rgba(255, 255, 255, 0.72);}
.html-new-mobile-design.html-shopping-cart-page .cart-input-wrap{border-color: #568278;}
.html-new-mobile-design .cart-box-link.desktop{display: none !important;}
.html-new-mobile-design .cart-box-link.mobile{display: flex; align-items: center; padding: 12px 8px; gap: 12px; background: #fff; border: none; margin-bottom: 4px; border-radius: 4px;}
.html-new-mobile-design .cart-box-content{display: flex;gap: 12px;padding: 0;position: relative;align-items: center;}
.html-new-mobile-design .cart-box-content::after{content: '';width: 16px;height: 16px; position: absolute;top: 50%;right: 0;transform: translate(-50%,-50%);background-repeat: no-repeat;background-position: center; background-color: #F2F5F7;border-radius: 4px;display: flex; padding: 2px; align-items: center;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M4.5 3L7.5 6L4.5 9" stroke="%23899191" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.html-new-mobile-design .cart-box-content .cart-img img{display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; border-radius: 4px;object-fit: cover;}
.html-new-mobile-design.html-shopping-cart-page .cart-input-wrap .search-icon .desktop{display: none;}
.html-new-mobile-design .mobile-title{display: flex;justify-content: space-between;align-items: center; margin:0 20px;border-bottom: 1px solid #EAEBEC;padding:25px 0 12px 0;}
.html-new-mobile-design .mobile-title h3{color: #2E3333; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;margin: 0;}
.html-new-mobile-design .mobile-title .filter-wrap{min-width: 32px; height: 32px; padding: 6px; width: auto; border-radius: 4px;display: flex; gap: 10px;align-items: center;}
.html-new-mobile-design .mobile-title .filter-wrap span{color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
.html-new-mobile-design .cart-searh-info .search-input-filters #sortButton{display: none;}
.html-new-mobile-design .order-progress{display: none;}
.html-new-mobile-design .shopping-cart-page .no-data.desktop{display: none;}
.html-new-mobile-design .no-data .empty-beeb-image .img-wrapper{width: 120px;height: 120px;border: 1px solid #EAEBEC; border-radius: 79px; background: #FFF; overflow: hidden;}
.html-new-mobile-design .no-data .empty-beeb-image .img-wrapper img{object-fit: contain; height: 100%; width: 100%; object-position: bottom;}
.html-new-mobile-design .no-data .empty-beeb-image .empty-beeb-detail h5{margin: 24px 0 8px 0;color: #2E3333; text-align: center; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.html-new-mobile-design .no-data .empty-beeb-image .empty-beeb-detail p{margin: 0 0 20px 0;color: #899191; text-align: center; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .no-data .empty-beeb-image .empty-beeb-detail .login-btn-wrapper{display: flex; flex-direction: column;gap: 8px;}
.html-new-mobile-design .no-data .empty-beeb-image .empty-beeb-detail .login-btn-wrapper .register{color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: flex; padding: 12px 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; align-self: stretch;border-radius: 8px; background: #568278;}
.html-new-mobile-design .no-data .empty-beeb-image .empty-beeb-detail .login-btn-wrapper .login-btn{color: #93A77D; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: flex; padding: 12px 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; align-self: stretch;border-radius: 8px; border: 1px solid #93A77D;}

/*account-page*/
.html-new-mobile-design  .html-account-page .side-2{display: none;}


/*customer-info*/
.html-new-mobile-design  .html-account-page .side-2, .html-account-page .center-2{margin-top: 0  ;}
.html-new-mobile-design  .html-account-page .container.column-container{padding: 0 !important;}

.html-new-mobile-design .mobile-navigation{padding: 20px;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.html-new-mobile-design .mobile-navigation .mobile-nav-wrapper{max-width: 500px;width: 100%;}
.html-new-mobile-design .mobile-navigation .user-info-wrapper{position: relative; cursor: pointer; display: flex; border-radius: 4px; background: #FFF;padding: 12px 16px; align-items: center; gap: 16px;}
.html-new-mobile-design .mobile-navigation .user-info-wrapper .arrow{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);}
.html-new-mobile-design .mobile-navigation .user-info-wrapper .img{ width: 56px; height: 56px; border: 1px solid #EAEBEC; border-radius: 79px; overflow: hidden; }
.html-new-mobile-design .mobile-navigation .user-info-wrapper .img img{ width: 100%; height: 100%; object-position: bottom; object-fit: contain;}
.html-new-mobile-design .mobile-navigation .user-info-wrapper .details{display: flex;gap: 8px;flex-direction: column;}
.html-new-mobile-design .mobile-navigation .user-info-wrapper .details h6{margin: 0; color: #2E3333; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.html-new-mobile-design .mobile-navigation .user-info-wrapper .details .user-info{display: flex;align-items: center;gap: 8px;}
.html-new-mobile-design .mobile-navigation .user-info-wrapper .details .user-info p{margin: 0; color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .language-wrapper{display: flex;justify-content: space-between;align-items: center;}
.html-new-mobile-design .language-wrapper p{color: #899191; text-align: right; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}

.html-new-mobile-design .user-detail-wrapper{padding: 0 16px;margin-top: 16px;border-radius: 4px; background: #FFF;}
.html-new-mobile-design .user-detail-wrapper .detail-wrapper{position: relative;}
.html-new-mobile-design .user-detail-wrapper .detail-wrapper .arrow{position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
.html-new-mobile-design .user-detail-wrapper .detail-wrapper:not(:last-child){border-bottom: 1px solid #EAEBEC;}
.html-new-mobile-design .user-detail-wrapper .detail-wrapper.newsletter-wrapper{display: flex; align-items: center; justify-content: space-between;}
.html-new-mobile-design .user-detail-wrapper .newsletter-input{margin: 0;}
.html-new-mobile-design .user-detail-wrapper .detail-child{padding: 16px 0; }
.html-new-mobile-design .user-detail-wrapper .detail-child-anchor{padding: 16px 0;}
.html-new-mobile-design .user-detail-wrapper .detail-wrapper p{margin: 0;color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}

.html-new-mobile-design .user-detail-wrapper .newsletter-input { position: relative; width: 44px; height: 24px; cursor: pointer; }
.html-new-mobile-design .user-detail-wrapper .account-page-newsletter { opacity: 0; width: 0; height: 0; }
.html-new-mobile-design .user-detail-wrapper .newsletter-input::after { content: ""; position: absolute; inset: 0; background: #d1d5db; border-radius: 999px; transition: background-color 0.25s; }
.html-new-mobile-design .user-detail-wrapper .newsletter-input::before { content: ""; position: absolute; width: 18px; height: 18px; top: 3px; left: 3px; background: #fff; border-radius: 50%; transition: transform 0.25s; z-index: 1; }
.html-new-mobile-design .user-detail-wrapper .newsletter-input.is-checked::after { background-color: #9dbb7b; }
.html-new-mobile-design .user-detail-wrapper .newsletter-input.is-checked::before { transform: translateX(20px); } 

.html-new-mobile-design .account-page.customer-info-page{display: none;justify-content: center;align-items: center;}
.html-new-mobile-design .account-page.customer-info-page .page-body{max-width: 500px;width: 100%;}
.html-new-mobile-design.html-account-page .account-page .form-fields .inputs .gender span{margin: 0;margin-right: 10px;}
.html-new-mobile-design.html-account-page .account-page .form-fields .inputs .gender span input{margin: 0;margin-right: 8px;}
.html-new-mobile-design.html-account-page .account-page .form-fields .inputs input{border: 1px solid #EAEBEC;border-radius: 4px;display: flex; padding: 12px; align-items: center; gap: 10px; align-self: stretch;color: #2E3333; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design .account-page .form-fields .inputs label{color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.html-new-mobile-design.html-account-page .account-page .fieldset .title{display: none;}
.save-customer-info-button,
.change-password-button{width: 100%;}
.html-new-mobile-design .account-page .form-fields{padding: 24px 20px 0 20px; border: none;}
.html-new-mobile-design .account-page .form-fields .inputs{margin-bottom: 20px;}
.html-new-mobile-design .account-page .fieldset{margin: 0;}
.html-new-mobile-design .account-page .buttons{margin: 0 20px;}
.html-new-mobile-design .account-page .buttons.delete-wrapper{margin-top: 20px;}
.html-new-mobile-design .account-page .button-1.delete-button{width: 100%;max-width: 100%;padding: 14px;}

.html-new-mobile-design .account-page.change-password-page .page-body{display: flex;justify-content: center;align-items: center;}
.html-new-mobile-design .account-page.change-password-page form{max-width: 500px;width: 100%;}

/*chatbot page*/
.chatbot-mobile-header{display: none;}

.question-ask-wrap.desktop{display: none;}
.question-ask-wrap.mobile{display: flex; padding: 8px 12px; justify-content: center; align-items: center; gap: 8px;border-radius: 4px 0 0 4px; background: #93A77D; max-width: fit-content;}
.question-ask-wrap.mobile .question-text p{color: #FFF; text-align: right; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;}
.question-ask-wrap.mobile .chatbot-image{height: auto !important;width: auto;}

.html-registration-page .question-ask-wrap.mobile,
.html-login-page .question-ask-wrap.mobile{display: none;}

.html-chatbot-page.html-new-mobile-design .question-ask-wrap.mobile{display: none;}
/*end*/

.languageselector-wrapper{position: relative;}
.languageselector-wrapper b{font-weight: 400;}
p.selected-language{cursor: pointer;}

.back-home{display: none;}
/* .back-account{display: none;} */

.html-product-details-page.html-new-mobile-design .back-account{display: block;}
.html-change-password-page.html-new-mobile-design .back-home{display: block;}
.html-change-password-page.html-new-mobile-design .back-account{display: none;}


.html-account-page .back-account{display: block;}
.html-new-mobile-design.html-account-page .custom-mobile-header .container{justify-content: start; gap: 10px;}
/* .html-account-page .back-home{display: none;} */

/*account delete*/
.swal-delete-popup {padding: 20px 16px;border-radius: 4px; background: #FFF; }
.swal-delete-popup .swal2-actions{flex-direction: column-reverse;width: 100%;gap: 8px;}
.swal-delete-btn {width: 100%; padding: 12px 16px; color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;border-radius: 8px; background: #B3261E;border: none;}
.swal-keep-btn {background: transparent; width: 100%; padding: 12px 16px; border-radius: 8px; border: 1px solid #93A77D;color: #93A77D; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } 
.swal-delete-popup .swal2-html-container{padding-top: 8px; padding-bottom: 0;color: #899191; text-align: center; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
.swal-delete-popup .swal2-title{padding-top: 20px;color: #2E3333; text-align: center; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.swal-delete-popup .swal2-image{margin-bottom: 0;border-radius: 50%;border: 1px solid #EAEBEC;}

/* .header-menu .header-links ul li#topOwnedListlink a{ font-size: 16px; font-weight: 600; padding: 12px 24px; background: transparent; line-height: normal; border-radius: 6px; line-height: normal; color: #ffffff !important; border: 1px solid #ffffff !important;} */






