/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');*/

@font-face {
	font-family: 'poynter';
	font-weight: 400;
	font-display: auto;
	src: url('/PoynterText-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'poynter';
	font-weight: 700;
	font-display: auto;
	src: url('/PoynterText-Bold.ttf') format('truetype');
}	
:root {
--primary:#9a258f;
--secondary:#028c53;
--info:#20334D;
--btn-primary: #9a258f;
--btn-primary-hover: #028c53;
--btn-secondary: #028c53;
--btn-secondary-hover: #9a258f;
--btn-style-1: #F2F7FF;
--btn-style-1-hover: #9a258f;
--btn-info: #20334D;
--text-white: #ffffff;
--text-primary: #2D3748;
--bg-white: #ffffff;
--text-black: #000000;
--red-color: #ff0000;
--red-light-color: #FFF8F8;
--dark-gray-color1: #2D3748;
--dark-gray-color2: #4A5568;
--dark-gray-color3: #718096;
--dark-gray-color4: #A0AEC0;
--light-gray-color1: #FAFAFA;
--light-gray-color2: #F7FAFC;
--light-gray-color3: #EDF2F7;
--light-gray-color4: #E2E8F0;
--light-gray-color5: #fafafa;
--bg-info-transparent: #49b6f51a;
--bg-danger-transparent: #e6533c1a;
--bg-warning-transparent: #f5b8491a;
--bg-success-transparent: #26bf941a;
--bg-primary-transparent: #9a258f1a;
--color-primary-transparent: #9a258f;
--color-info-transparent: #49b6f5;
--color-danger-transparent: #e6533c;
--color-warning-transparent: #f5b849;
--color-success-transparent: #26bf94;
 
--color-black: #000000;
--color-white: #ffffff;
--color-light-yellow: #F1FFDC;
--default-font: 'Poppins';
--heading-font: 'poynter';

}


*{ font-family: var(--default-font);}
.form-group .required{ color: var(--red-color);}  
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input::-moz-placeholder,textarea::-moz-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input:-moz-placeholder,textarea:-moz-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
.btn{display: inline-flex; justify-content: center; align-items: center;}
hr{border-top-color: var(--dark-gray-color4);}
.text-small{font-size: 14px !important;}
.text-medium{font-size: 18px !important; line-height: 1.7em !important;}
.text-large{font-size: 20px !important;}
.text-x-large{font-size: 22px !important;}
.text-primary { color: var(--primary);}
.font-weight-medium{font-weight: 500 !important;}
.w-100{width: 100% !important;}
.btn:focus,.btn::active:focus{outline: none; box-shadow: none;}
.align-top{vertical-align: top !important;}
.align-middle{vertical-align: middle !important;}
.align-bottom{vertical-align: bottom !important;}
#loading{position:fixed; background:var(--btn-primary); width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index: 99; display:flex; align-items:center; justify-content:center;}
.spinner {position: relative; width: 80px; height: 80px; margin: 0 auto; background-color: var(--color-white); border-radius: 100%;   -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out;}
.button_loader{width: 35px; position: absolute; left: 20px; background: var(--btn-primary);}
.button_loader path{fill: var(--bg-white);}
.breadcrumb>li+li:before{content: '//';}

.dataTables_scrollBody::-webkit-scrollbar { width: 8px; }
.dataTables_scrollBody::-webkit-scrollbar-track { border-radius: 12px; background-color: var(--light-gray-color1); border: 1px solid var(--light-gray-color1); }
.dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--btn-primary); }

.pos-relative{position: relative !important;}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}

@keyframes sk-scaleout {
  0% {  -webkit-transform: scale(0); transform: scale(0);} 
  100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; }
}
#loading > .xrm-attribute{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
svg.cecoLoader {	font-family: 'Poppins', sans-serif;	position: absolute;  font-weight:700;	width: 100%; height: 130px; top:0; bottom:0; margin:auto}
svg.cecoLoader + svg.cecoLoader  { transform:translateY(60px)}
svg.cecoLoader.environment text {  font-size:80px; letter-spacing: 5px;}
svg.cecoLoader text { text-transform: uppercase;animation: stroke 5s infinite alternate;	stroke-width: 2;	stroke: var(--btn-secondary);	font-size: 160px;}
@keyframes stroke { 
  0%   { fill: var(--btn-secondary); stroke: rgba(265,265,265,1);	stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;	}
  70%  {fill: rgba(135,176,73,0); stroke: rgba(265,265,265,1); }
  80%  {fill: rgba(135,176,73,0); stroke: rgba(265,265,265,1); stroke-width: 3; }
  100% { fill: var(--btn-primary); stroke: rgba(265,265,265,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;}
}
#pageloader{position: fixed; width: 100%; height: 100%; background: rgba(265,265,265,.98); top: 0; left: 0; right: 0; bottom: 0; z-index: 99;}
#pageloader img{width: 50px; height: 50px; position: fixed; margin: auto; top:0; bottom:0; left: 0; right: 0;}
#custom_loader{position: fixed; width: 100%; height: 100%; background: rgba(265,265,265,.98); top: 0; left: 0; right: 0; bottom: 0; z-index: 99; display: none;}
#custom_loader img{width: 50px; height: 50px; position: fixed; margin: auto; top:0; bottom:0; left: 0; right: 0;}

h1,h2,h3,h4,h5,h6{font-family: var(--default-font);}
h2,.modal h2{font-size: 24px; line-height: 1.5em; color: var(--dark-gray-color1); font-weight: 600; font-family: var(--default-font);}
h3{font-size: 22px; }
h4{font-size: 18px; font-weight: 500;}
p{font-size: 14px; font-weight: 400; color: var(--dark-gray-color3); font-family: var(--default-font);}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal;  text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}
.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.p-0{padding: 0 !important;}
.p-1{padding: 10px !important;}
.p-2{padding: 20px !important;}
.p-3{padding: 30px !important;}
.pb-0{padding-bottom: 0 !important;}
.pb-1{padding-bottom: 10px !important;}
.pb-2{padding-bottom: 20px !important;}
.pb-3{padding-bottom: 30px !important;}
.pt-0{padding-top: 0 !important;}
.pt-1{padding-top: 10px !important;}
.pt-2{padding-top: 20px !important;}
.pt-3{padding-top: 30px !important;}
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}

.mb-1{margin-bottom: 10px !important;}
.mb-2{margin-bottom: 20px !important;}
.mb-3{margin-bottom: 30px !important;}
.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.ml-1{margin-left: 10px !important;}
.ml-2{margin-left: 20px !important;}
.ml-3{margin-left: 30px !important;}
.mr-1{margin-right: 10px !important;}
.mr-2{margin-right: 20px !important;}
.mr-3{margin-right: 30px !important;}
.flex-wrap{flex-wrap: wrap !important;}
.fw-bold{font-weight: bold;}
.d-flex{display: flex !important;}
.d-inline-flex{display: inline-flex !important;}
.align-items-center {align-items: center !important;}
.justify-content-center { justify-content: center!important;}
.justify-content-start { justify-content: start!important;}
.justify-content-end { justify-content: end!important;}
.flex-column{ flex-direction: column !important; }
p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, footer .footer-bottom p{font-family: var(--default-font);}
.modal.fade.in{display: flex !important; align-items: center;}
.horizontal_line{width: 100%; height: 1px; background: var(--dark-gray-color4);}
.border-0{border: none !important;}
.btn,button{font-weight: 500; font-size: 14px; border-radius: 25px; padding: 10px 25px; border: none; color: var(--btn-primary); font-family: var(--default-font); text-transform: capitalize; position: relative; transition: all 0.3s ease; overflow: hidden; }
.btn-sm{padding: 5px 15px; font-size: 13px !important; border-radius: 20px;}
.btn.btn-icon > span{margin: 0; font-weight: 500;}
.text-decoration-none{text-decoration: none !important;}
.text-color-1{color: var(--text-primary) !important; transition: all 0.3s ease;}
a.text-color-1:hover{color: var(--secondary) !important;}
.modal-dialog{height: calc(100vh - 60px); display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.modal .modal-content{width: 100%;}

.action_btn_icon{width: 180px;}

.btn-sm.btn-icon{padding: 5px; border-radius: 3px;}
.btn-success-light{background: var(--bg-success-transparent); color: var(--color-success-transparent);}
.btn-success-light:hover,.btn-success-light:focus{background: var(--color-success-transparent); color: var(--text-white);}
.btn-info-light{background: var(--bg-info-transparent); color: var(--color-info-transparent);}
.btn-info-light:hover,.btn-info-light:focus{background: var(--color-info-transparent); color: var(--text-white);}
.btn-warning-light{background: var(--bg-warning-transparent); color: var(--color-warning-transparent);}
.btn-warning-light:hover,.btn-warning-light:focus{background: var(--color-warning-transparent); color: var(--text-white);}
.btn-danger-light{background: var(--bg-danger-transparent); color: var(--color-danger-transparent);}
.btn-danger-light:hover,.btn-danger-light:focus{background: var(--color-danger-transparent); color: var(--text-white);}
.btn-primary-light{background: var(--bg-primary-transparent); color: var(--color-primary-transparent);}
.btn-primary-light:hover,.btn-primary-light:focus{background: var(--color-primary-transparent); color: var(--text-white);}

.badge{ border-radius: 3px; font-weight: 500; padding: 5px; font-size: 12px;}
.bg-info-transparent{background: var(--bg-info-transparent); color: var(--color-info-transparent);}
.bg-danger-transparent{background: var(--bg-danger-transparent); color: var(--color-danger-transparent);}
.bg-success-transparent{background: var(--bg-success-transparent); color: var(--color-success-transparent);}
.bg-primary-transparent{background: var(--bg-primary-transparent); color: var(--color-primary-transparent);}
.bg-warning-transparent{background: var(--bg-warning-transparent); color: var(--color-warning-transparent);}

.table tr th.action_btn_icon_td,.table tr td.action_btn_icon_td{width: 180px;}

.btn-white{background: var(--bg-white); border-color:var(--bg-white); color: var(--text-black);}
.btn-white:hover,.btn-white:focus,.btn-white:active:focus{background: var(--light-gray-color3); border-color:var(--light-gray-color3); color: var(--primary);}
.btn-primary,button{background: var(--btn-primary); border-color:var(--btn-primary); color: var(--text-white);}
.btn-secondary{background: var(--btn-secondary); border-color: var(--btn-secondary); color:var(--text-white)}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:focus,.btn-secondary:active:hover{background: var(--btn-primary); border-color: var(--btn-primary); color: var(--text-white); box-shadow: 0 10px 30px rgba(0,0,0,.1);}
.btn-primary .material-icons{margin-right: 8px;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover,button:hover,button:focus{background:var(--btn-secondary); border-color:var(--btn-secondary); outline: none; box-shadow: 0 10px 30px rgba(0,0,0,.1);}
.btn-style-1{background: var(--btn-style-1); border-color:var(--btn-style-1); color: var(--primary);}
.btn-style-1:hover,.btn-style-1:focus,.btn-style-1:active:focus{background: var(--btn-style-1-hover); border-color:var(--btn-style-1-hover); color: var(--text-white); outline: none; box-shadow: 0 10px 30px rgba(0,0,0,.1);}
.btn-outline-primary{background: none; border: var(--btn-primary) solid 2px; color:var(--btn-primary);}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active:focus{background: none; border-color: var(--btn-primary-hover); color:var(--btn-primary-hover);}
.skip-to-content{display: none; opacity: 0; visibility: hidden;}
.btn .material-symbols-outlined{font-size: 120%; margin-right: 5px; margin-left: -12px;}
.btn .btn_loader{ position: absolute; width: 35px; left: 15px; background: inherit; opacity: 0; visibility: hidden;}
.btn .btn_loader.show{opacity: 1; visibility: visible;}
#getProductDetail .btn .btn_loader{background: var(--bg-white); left: 25px;}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{opacity: 0.6;}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after{opacity: 1;}

.lb_email b,.lb_cmpny b{ white-space: pre-line; word-break: break-word;}
.page-copy .xrm-editable-html { padding-top: 50px; padding-bottom: 50px; background: #f7f9fa;}
.wrapper-body{ background: #f7f9fa;}
.no-record-alert{font-size: 20px; font-weight: 400;}
.no-record-alert img{width: 150px;}
body{padding-top: 0;}
body.body-add-sticky{padding-top: 70px;}
.middle_content.comingsoon_sec{text-align: center; padding-bottom: 70px;}
.comingsoon_sec h1{ color: var(--btn-primary); text-transform: uppercase; text-align: center; font-size: 110px; line-height:1.2em; font-weight: 500; letter-spacing: 1px; text-shadow: 5px 8px 4px rgba(0,0,0,.2); margin: 20px auto 50px;}
.comingsoon_sec h1 span{color: var(--btn-secondary);}

.tearmsLoader{width: 100%; height: 100%; background: var(--btn-primary); top: 0; bottom: 0; left: 0; right: 0; z-index: 123; position: fixed; display: inline-flex; align-items: center;
    justify-content: center;}
.tearmsLoader svg.cecoLoader{left: 0; right: 0; margin: auto;}

.toast-custom{width: 320px; height: auto; position: fixed; background: var(--bg-white); color: var(--text-primary); padding: 15px 15px 15px 60px; border-radius: 5px; display: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.53); align-items: center; font-size: 16px; line-height: 1.2em; font-weight: 500;}
.toast-custom > span{width: 50px; color: var(--text-white); font-size: 28px; background: rgba(0,0,0,.1); margin: 0;  display: flex; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 5px 0 0 5px; align-items: center; justify-content: center; }
.toast-custom p{color: inherit; font-size: inherit; margin: 0; font-weight: inherit; display: flex; height: 100%; align-items: center; color: var(--text-black);}
.toast-custom.toast-danger > span{background: var(--red-color); color: var(--text-white);}
.toast-custom.toast-success > span{ background: var(--primary); color: var(--text-white);}
.toast-custom.toast-right-bottom{right: 0; bottom: 30px;}
.toast-custom.toast-center-center{right: 0; left: 0; top: 0; bottom: 0; margin: auto; height: 60px;}
.toast-custom#cart_existing_toast{ height: 110px; width: 600px; max-width: calc(100% - 20px);}
.toast-custom#fnofailFunction{ height: 150px; width: 650px; font-size: 20px; max-width: calc(100% - 20px);}
#toast_existing_close,#fnofailFunction_close{position: absolute; right: 5px; top: 5px; width: 25px; height: 25px; left: initial; background: none; cursor: pointer; font-size: 24px;}

header{ background: none; position: fixed; left:0; right: 0; top: 0; z-index: 99; padding: 10px 0; transition: all 0.3s ease;}
header .navbar-static-top.navbar-inverse{box-shadow: none; padding: 0; background:none;}
header .navbar-static-top.navbar-inverse .navbar-brand{display: flex; align-items: center; height: auto; min-width: 150px;}
header .navbar-static-top.navbar-inverse .navbar-brand img{width: 100px; transition: all 0.3s ease;}
header .navbar-static-top.navbar .navbar-nav>li.weblink{padding: 0; margin: 0 3px;}
header .navbar-static-top.navbar .navbar-nav>li.weblink > a{margin: 0; line-height: 1.22em;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{font-family: var(--default-font); color:var(--text-white); letter-spacing: 0.2px; min-width: 60px; text-align: center; cursor: pointer; font-size: 14px; font-weight: 500; padding: 7px 10px; margin:0; border-radius: 25px; text-transform: capitalize; transition: all 0.3s ease;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li.active > a,header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover,header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:focus{background: var(--primary); color: var(--text-white); outline: none; border: none !important;}
header .navbar-right{padding-top: 0;}
header .navbar-static-top.navbar .navbar-collapse{display: inline-flex !important; margin: auto;}
header .navbar > .container{display: flex; align-items: center;}
header .header_right{ width: 180px; max-width: 100%;margin-right: 0; margin-left: auto; display: inline-flex; align-items: center; justify-content: flex-end;}
header .header_right .profile_menu{ background: var(--secondary); border-radius: 25px; padding: 10px 15px;}
header .header_right .profile_menu .username{ white-space: nowrap; width: 98px; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
header .header_right .profile_menu > a.nav-link{color: var(--text-white);}
header .header_right .notification_icon,header .header_right .head_cart_icon{width: 56px; height: 56px; border-radius: 100%; position: relative; cursor: pointer; border: var(--dark-gray-color4) solid 1px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: inherit; transition: all 0.3s ease;}
header .header_right .notification_icon span,header .header_right .head_cart_icon span{font-size: 30px;} 
header .header_right .head_cart_icon .count,header .header_right .notification_icon .count{background: var(--red-color); color: var(--text-white); font-size: 12px; min-width: 22px; height: 22px; border-radius: 100%;
    align-items: center; justify-content: center; display: inline-flex; position: absolute; right: -5px; top: 0;}
header .header_right .notification_icon:hover,header .header_right .notification_icon:focus,header .header_right .head_cart_icon:hover,header .header_right .head_cart_icon:focus{background: var(--btn-primary-hover); border-color: var(--btn-primary-hover); color: var(--text-white);}
header .notification_box,header .head_cart_box{margin-left: 15px;}
header .header_right .username,header .header_right .nav-item.header_signin > a{font-family: var(--default-font); text-transform: capitalize; cursor: pointer; font-size: 16px; font-weight: 500;
max-width: 210px;  line-height: 1.1em; max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
header .header_right .dropdown-menu{width: 200px; padding: 6px 10px; margin: 0; border: none; border-radius: 0 0 12px 12px; top: calc(100% + 10px); box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13);}
header .header_right .nav-item.header_signin > a:hover,header .header_right .nav-item.header_signin > a:focus{text-decoration: none; color: var(--text-white);}
header .header_right .profile_menu > a{color:var(--dark-gray-color1); text-decoration: none; display: inline-flex; align-items: center;}
header .header_right .profile_menu > a:hover,header .header_right .profile_menu > a:focus{color: var(--text-white);}
header .header_right .profile_menu > a .material-symbols-outlined{ background: rgba(265,265,265,.2); border-radius: 100%; width: 33px; height: 32px; margin:-7px -12px -8px 10px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
header .header_right .profile_menu.open > a .material-symbols-outlined{transform: rotate(180deg);}
header .header_right .dropdown-menu>li>a{margin-left: 0; border: none; padding: 8px 12px; font-size: 14px; font-weight: 500; font-family: var(--default-font); transition: all 0.3s ease;}
header .header_right .dropdown-menu>li:last-child>a{border-top: var(--dark-gray-color4) solid 1px;}
header .header_right .dropdown-menu>li>a:hover,header .header_right .dropdown-menu>li>a:focus{ color: var(--btn-primary); outline: none; box-shadow: none; border: none; border-radius: 6px;}
header .header_right .dropdown-menu>li:last-child>a:hover,header .header_right .dropdown-menu>li:last-child>a:focus{border-top: var(--text-white) solid 1px;}
header .notification_info,header .cart_info{ width: 40px; height: 40px; color: var(--text-white); margin-right: 5px; position: relative; font-size: 24px; display: inline-flex;
  align-items: center; justify-content: center; cursor: pointer; font-weight: 300; background: rgba(265,265,265,.1); border-radius: 100%;}
header .cart_info{margin-right: 15px;}
header .cart_info:hover,header .cart_info:focus,header .notification_info:hover,header .notification_info:focus{text-decoration: none;}
header .notification_info .material-symbols-outlined,header .cart_info .material-symbols-outlined{font-size: inherit; font-weight: normal;}
header .cart_info .count{position: absolute; top: -4px; right: -4px; min-width: 17px; background-color: #fcdb5a; color: var(--text-black); line-height: 17px; font-size: 1.2rem; text-align: center; -webkit-border-radius: 50%; border-radius: 50%;}

header.sticky-header {position: fixed; width: 100%; padding: 0; left: 0; right: 0; top: 0; background: #fff; z-index: 99; box-shadow: 0 0 15px rgba(0,0,0,.2);}
header.sticky-header .navbar-static-top.navbar-inverse{padding: 3px 0;}
header.sticky-header .navbar-static-top.navbar-inverse .navbar-brand img { width: 90px;}
header.sticky-header .header_right .notification_icon, header.sticky-header .header_right .head_cart_icon{width: 46px; height: 46px;}
header.sticky-header .header_right .notification_icon .material-symbols-outlined, header.sticky-header .header_right .head_cart_icon .material-symbols-outlined { font-size: 24px;}
header.sticky-header .navbar-static-top.navbar .navbar-nav>li.weblink > a{color:var(--text-primary)}
header.sticky-header .navbar-static-top.navbar .navbar-nav>li.weblink.active > a {color: var(--text-white);}
header.sticky-header .notification_info,header.sticky-header .cart_info{color: var(--text-black);}
header.sticky-header .navbar-static-top.navbar .navbar-nav>li.weblink > a:hover{color: var(--text-white);}

.hero_slider .hero_slider_bg{width:100%; display: flex; height:600px; background: url('/hero-img-1.jpg'); background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.hero_slider .hero_detail{ display: flex; flex-wrap: wrap;  padding:30px; font-family: var(--default-font); background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(12px); width: 55%; margin: auto 0; border-radius: 35px 0 35px 0;}
.hero_slider .hero_detail h1,.hero_slider .hero_detail p{color:#ffffff; font-family: var(--default-font);}
.hero_slider .hero_detail h1{font-size:50px; font-weight:600; line-height:1em; margin-top:10px}
.hero_slider .hero_detail p{font-size:20px; font-weight:500; line-height:1.3em;}
 
.hero_slider{width:100%; min-height: 550px; background:linear-gradient(0deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.39)),url('/supherb-ingredients-slide.jpg') no-repeat center / cover; justify-content: center; text-align: center; align-items: center;}
.hero_slider h1,.hero_slider p{color: var(--text-white)}
.hero_slider h1 i,.hero_slider p i{font-family: inherit;}
.hero_slider h1{font-size: 50px; font-weight: 700}
.hero_slider p{ font-size: 22px; font-weight: 600; margin-bottom: 30px}

.btn-outline-primary.white-btn{border-color: var(--text-white); color:var(--text-white); font-size: 18px; font-weight: 600; transition: all 0.3s ease;}
.btn-outline-primary.white-btn:hover,.btn-outline-primary.white-btn:focus{background: var(--bg-white); color: var(--text-primary)}

.home_service{ width: 100%; position: relative; padding: 60px 0; background:var(--bg-white); overflow:hidden;}
.home_service .home_service_content{width:50%; display:inline-flex; padding:80px; flex-direction:column; justify-content: center; background:#1b2f1c;}
.home_service .home_service_content.light_green{background:#698c6b}
.home_service .home_service_content h3{font-size:45px; color:var(--text-white); font-weight: 600; margin:0 0 20px;}
.home_service .home_service_content .link{color:var(--text-white); font-size:16px;}
.home_service .home_service_content p{color:var(--text-white); font-size:20px; font-weight:600}
.home_service .home_service_img{width:50%; display:inline-flex; flex-direction:column; justify-content: center; align-items: center; padding:30px}
.home_service .home_service_img img{border-radius:100%; width:200px; margin:20px auto}
.home_service .home_service_img h4{font-size:32px; font-weight:700;}
.home_service .home_service_img .link{ color: var(--text-primary); font-size:16px}
.small_icon_farm{position:absolute;}
.left_small_icon_1{left:10px; top:80px;}
.right_small_icon_1{right:10px; top:80px;}

.experience_sec{position: relative; text-align: center; padding: 100px 0; overflow: hidden;}
.experience_sec .leaf_left_img,.experience_sec .leaf_right_img{position: absolute; width: 200px; top: 0; bottom: 0; margin: auto;}
.experience_sec .leaf_left_img{left: 0}
.experience_sec .leaf_right_img{right: 0}
.experience_sec h2,.experience_sec p{max-width: 40%; margin: auto auto 20px;}
.experience_sec h2{ font-size: 40px; line-height: 1.2em;}

.breadcrumb li:first-child a{margin-left: 0; padding-left: 0;}

#home_category_list li.stylish_checkbox label{padding-left: 0; position: relative; font-size: 18px; text-align: center; margin-top: 10px; color: var(--btn-secondary); font-weight: 600;}

#terms_and_condition h3{ font-weight: 600; color: var(--btn-primary); margin: 25px 0 15px 0; line-height: 1.4em;} 
#terms_and_condition h4{color: var(--btn-secondary); margin: 20px 0 10px; font-weight: 600;}
#terms_and_condition ul{list-style: none; padding: 0; margin: 15px 0;}
#terms_and_condition ul li{ font-family: var(--default-font); font-size: 16px; font-weight: 400; color: var(--dark-gray-color3); margin-bottom: 10px; position: relative; padding-left: 25px;}
#terms_and_condition ul li:before{content: '\e061'; font-family: 'Material Symbols Outlined'; top:2px; font-weight: 600; height: auto; line-height: 1em; font-size: 18px; color: var(--btn-primary-hover); position: absolute; left: 0;}
#terms_and_condition ul li a,#terms_and_condition p a{color: var(--btn-secondary);}
#terms_and_condition ul li a:hover,#terms_and_condition p a:hover{color: var(--text-primary);}
#terms_and_condition p b,#terms_and_condition ul li b{color: var(--dark-gray-color2);}
#terms_and_condition ul.no-list-style li{padding-left: 0;}
#terms_and_condition ul.no-list-style li a{margin-left: 0;}
#terms_and_condition ul.no-list-style li::before{display: none;}

.stylish_checkbox{margin: 20px 0;}
.stylish_checkbox input{opacity: 0; visibility: hidden; position: absolute;}
.stylish_checkbox label{padding-left: 30px; position: relative;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):after{content: ''; }
.stylish_checkbox input[type='checkbox'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: ''; background: var(--btn-primary);border-color: var(--btn-primary);}
.stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: '\e876'; font-family:'Material Symbols Outlined'; color: #fff; }
.stylish_checkbox input[type='checkbox'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='checkbox'] + label.error + label:after{content: ''; }
.stylish_checkbox input[type='checkbox'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.stylish_checkbox input[type='radio'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='radio'] + label:not(.error):after{content: ''; }
.stylish_checkbox input[type='radio'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='radio'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.stylish_checkbox input[type='radio']:checked + label:not(.error):before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='radio']:checked + label:not(.error):before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; border-radius:100%}
.stylish_checkbox input[type='radio'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='radio'] + label.error + label:after{content: ''; }
.stylish_checkbox input[type='radio'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='radio'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='radio']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='radio']:checked + label.error + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.toastNotification_azure {position: fixed; bottom: 0; right: 0; left: 0; top: 0; margin: auto; width: 450px; height: 60px; font-size: 16px; text-align: center; background: var(--red-color); color: var(--text-white); z-index: 99; box-shadow: 0 0 15px rgba(0,0,0,.05); display: none;}

#company_acc_info > .xrm-editable-html {width: 100%;}

/*.checkbox{position: relative;}
.checkbox input[type='checkbox']{opacity: 0; visibility: hidden; position: absolute;}
.checkbox input[type='checkbox']:checked + input + .xrm-editable-text::before{content: ''; width:15px; height:15px; border: #ddd solid 2px;}*/
.form-group textarea.form-control{height: auto;}
.form-group label.error, .form-control-cell label.field-label.error { color: var(--red-color); font-size: 14px; font-weight: 500;}
.form-group label,.form-control-cell label.field-label{color: var(--dark-gray-color2); font-family: var(--default-font); font-size: 14px; font-weight: 500; padding-bottom: 7px; margin-bottom: 0;}
.form-group .form-control,.form-control-cell .control input{ border:var(--light-gray-color4) solid 1px; border-radius:6px; padding:10px 10px 10px 50px; height:auto; box-shadow:none; font-weight:400; font-size: 14px; line-height: 20px;color: var(--dark-gray-color2); outline:none;}
.form-group textarea.form-control,.form-control-cell .control textarea{height: auto;}
.form-group .form-control:focus,.form-control-cell .control input:focus { border-color: var(--btn-primary); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.form-group .icon_wrap{width:100%; display: flex; position: relative;}
.form-group .material-symbols-outlined{position: absolute; font-size: 30px; color: var(--dark-gray-color4); display: flex; align-items: center; justify-content: center; top:0; left:10px; bottom: 0; margin: auto;}
.no-input-icon .form-control,.no-input-icon .control input{padding-left: 16px; background-image: none; border-radius: 6px; height: auto;}
input[type="date"].form-control{background: url('/calendar-icon.svg') no-repeat right 10px center / 25px; line-height: normal; position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;}
select.form-control{cursor: pointer;}

.tab-pane .form-control-cell .control input{padding-left: 16px;}

#change_acc_detail_modal .modal-dialog{width: 564px; max-width: 100%;}
.modal .modal-xl{width: 1200px; max-width: 100%;}
.modal .modal-content{border-radius: 12px; border: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13);}
.modal .modal-header{ display: flex; align-items: center; flex-wrap: wrap; background: var(--btn-primary); border: none; border-radius: 12px 12px 0 0; padding: 5px 25px;}
#terms_condition_modal .modal-header{padding: 10px 30px;}
.modal .modal-header .modal-title{font-size: 24px; font-weight: 500; color: var(--text-white);}
.modal .modal-header .close,.modal .modal-body .close{ width: 30px; height: 30px; border: none; text-decoration: none;color: var(--text-white); opacity: 1;  border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0; margin-left: auto; transition: all 0.3s ease;}
.modal .modal-header .close span,.modal .modal-body .close span{font-size: 30px;}
.modal .modal-header .close:hover,.modal .modal-header .close:focus,.modal .modal-body .close:hover,.modal .modal-body .close:focus{ background: none; opacity: 1;}
.modal .modal-body{padding: 30px;}
.modal .modal-body .btn{padding: 14px 30px;}
.modal .modal-body .btn-sm { padding: 10px 20px; font-size: 16px; border-radius: 6px;}
.modal .modal-body .modal-title{font-size: 24px; font-weight: 500; color: var(--text-white); background: var(--btn-secondary); border: none; border-radius: 12px; padding: 15px 25px; line-height: 1.55em; margin-bottom: 30px;}
.modal .modal-body .form-control:disabled { background: #fafafa !important; border-color: var(--text-white);}

#terms_condition_modal #terms_and_condition{ max-height: calc(100vh - 150px); overflow: auto;}
#terms_condition_modal .modal-body .table-title{margin: 0 0 20px 0;}
#terms_condition_modal .modal-body p{color: var(--dark-gray-color3); line-height: 1.5em;}
#terms_condition_modal .modal-body p a{color: var(--btn-secondary);}

#order_generation{width:100%; height:100%; position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999;  background: var(--btn-primary);  display: none; justify-content: center; align-items: center; flex-direction: column; color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 1px; font-family: var(--default-font);}

#address_modal .modal-dialog{width: 1446px; max-width: calc(100% - 30px);}
#address_modal .btn{margin-top: 10px; min-width: 150px;}
#address_modal .modal-header {background: none; padding: 0;}
#address_modal .modal-header button.close{  position: absolute; right: 50px; top: 50px; width: 35px; height: 35px; font-size: 20px; z-index: 1;}
#address_modal .modal-header button.close span{font-size: 22px;}
#ProfileFormView{border: none; box-shadow: none;}

.portal_access_sec{ display: flex; flex-wrap: wrap; padding: 0 15px; min-height: 100vh;}
.portal_access_sec .portal_access_left{width: 56.5%; display: inline-flex;} 
.portal_access_sec .portal_access_right{width: 43.5%; display: inline-flex; flex-wrap: wrap; padding: 20px 60px 20px 40px; height: calc(100vh - 0px); overflow: auto;}
.portal_access_sec .portal_access_right .ceco_environment_box{width: 100%; display: inline-flex; justify-content: center; align-items: center; margin: auto auto 0;}
.portal_access_sec .portal_access_right .ceco_environment_box img{width: 250px;}
.portal_access_sec .portal_access_left .owl-carousel{height:100%}
.portal_access_sec .portal_access_left .owl-carousel .owl-stage,.portal_access_sec .portal_access_left .owl-carousel .owl-item{min-height:calc(100vh - 20px);}
.portal_access_sec .portal_access_left .owl-carousel .owl-item > div { min-height: calc(100vh - 20px); display:flex;  background-size: cover !important;  background-position: center !important;}
.portal_access_sec .portal_access_left .owl-carousel .owl-stage-outer{border-radius:0 64px 0 64px}
.portal_access_sec .portal_access_cover{width: calc(100% - 20px); height: calc(100% - 20px); background: url('/request-access-image.jpg') no-repeat center/ cover; margin: auto auto auto 0; border-radius: 0 64px 0 64px;}
.portal_access_sec .portal_access_right h2{font-size: 36px; font-weight: 600; text-align: center; color: var(--dark-gray-color1); font-family: var(--default-font); margin-bottom: 10px; margin-top: 0;}
.portal_access_sec .portal_access_right p{text-align: center; border-bottom: #D9D9D9 solid 1px; padding-bottom: 15px; margin-bottom: 15px;}
.portal_access_sec .portal_access_right .portal_access_form{margin-top: 0; margin-bottom: auto;}
.portal_access_sec .portal_access_right textarea{height: 116px; resize: none;}
.portal_access_sec .portal_access_right .textarea_icon .material-symbols-outlined{top:15px; bottom: initial;}
.portal_access_sec .portal_access_right .field_icon{position: absolute; font-size: 30px; color: var(--dark-gray-color4); display: flex; align-items: center; justify-content: center; top:0; left:15px; bottom: 0; margin: auto;}
.portal_access_sec .portal_access_right .textarea_icon .field_icon{top:15px; bottom: initial; resize: none;}
.portal_access_sec .portal_access_right .info_note{display: inline-block; position: relative; cursor: pointer;}
.portal_access_sec .portal_access_right .info_note .info_dtail{background: var(--color-black); color: #fff; padding: 10px 10px; border-radius: 5px; position: absolute; width: 266px; font-size: 16px;left: -122px; top: 30px; z-index: 1; text-align: center; opacity: 0; visibility: hidden; transform: translate(0px, 10px); transition: all 0.3s ease;}
.portal_access_sec .portal_access_right .info_note .info_dtail:before { content: '';  width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;
  border-bottom: 8px solid var(--color-black); position: absolute; top: -8px; left: 0; right: 0; margin: auto;}
.portal_access_sec .portal_access_right .info_note:hover .info_dtail{opacity: 1; visibility: visible; transform: translate(0, 0);}
.portal_access_sec .portal_access_right label.error{color: var(--red-color); font-size: 12px; position: absolute; bottom: -17px; padding: 0; margin: 0; left: 15px; background: var(--text-white);}
.captcha_field{display: flex; flex-wrap: wrap; align-items: center;}
.captcha_field #textInput{ width: calc(100% - 500px); padding-left: 14px; display: inline-flex; margin-right: 20px;}
.captcha_field #backBtn{margin-left: 10px;}
.captcha_field #btnGetCaptcha{display: inline-flex;}

.search_filter{display: flex; flex-wrap: wrap; position: relative;}
.my_order_sec .search_filter{position: absolute; right: 20px; top: 65px; z-index: 1; display: none;}
.search_filter .search_title{color:var(--dark-gray-color2); width: 100%; margin: 15px 0; padding: 0;}
.search_filter input{background: url('/search-icon.svg') no-repeat center left 20px;}
.search_filter .search_field.form-control{width: calc(100% - 225px);}
.search_filter .btn{min-width: 200px; margin-left: auto; margin-right: 0; display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px;}
.search_filter .btn + .btn{margin-left: 15px;}
.search_filter .material-symbols-outlined{position: relative; left: 0; margin: 0; color: inherit;}

.filter_popup{ width: 796px;  background: #FFFFFF; border: 1px solid #A0AEC0; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); border-radius: 12px; position: absolute; right: 0; top: 108px; z-index: 12; transform: translateY(50px); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.filter_popup.opned{opacity: 1; visibility: visible; transform: translateY(0);}
.filter_popup .filter_header{background: var(--btn-secondary); width: 100%; display: inline-flex; padding: 10px 30px; border-radius: 12px 12px 0 0;}
.filter_popup .filter_header .filter_title{font-size: 24px; font-weight: 600; color: var(--text-white);}
.filter_popup .filter_body{padding: 30px;}
.filter_popup .filter_body .btn{min-width: 118px; margin-top: 15px;}
.filter_popup .filter_body .form-control{border-radius: 6px; height: 54px;}
.filter_popup .filter_body .form-group label,.filter_popup .filter_body .form-control-cell label.field-label{font-size: 16px; font-weight: 400;}
#delivery_address_modal tbody tr{cursor: pointer;}
.dataTable tr td input[type="radio"],.modal input[type="radio"]{appearance: none; -webkit-appearance: none; border-radius: 50%; background: #ffffff; border: 3px solid #FFF; box-shadow: 0 0 0 2px #454F5B; width: 18px; height: 18px; outline: none; cursor: pointer; transition: all 0.3s ease;}
.modal input[type="radio"]{width: 17px; height: 17px;}
.dataTable tr td input[type="radio"]:checked,.modal input[type="radio"]:checked{ background: #454F5B;}

.dataTable tr td input[type="checkbox"],.modal input[type="checkbox"]{appearance: none; -webkit-appearance: none; border-radius: 50%; background: #ffffff; border: 3px solid #FFF; box-shadow: 0 0 0 2px #454F5B; width: 18px; height: 18px; outline: none; cursor: pointer; transition: all 0.3s ease;}
.modal input[type="radio"]{width: 17px; height: 17px;}
.dataTable tr td input[type="checkbox"]:checked,.modal input[type="checkbox"]:checked{ background: #454F5B;}

.dataTables_wrapper{max-width: 100%; overflow: auto;}
.dataTable tbody tr{transition: all 0.3s ease;}
.dataTable tbody tr.selected_tr{background: var(--light-gray-color1);}
#request_portal_modal .modal-dialog{ width: 600px; max-width: 100%}
#request_portal_modal .modal-content{background: var(--color-white); border: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); border-radius: 12px;}
#request_portal_modal .success_mail_icon{border: rgba(169, 218, 94, 0.08) solid 50px; width: 200px; height: 200px; border-radius: 100%; align-items: center; justify-content: center; display: flex; background: rgba(169, 218, 94, 0.52); position:relative; margin: 0 auto 60px} 
#request_portal_modal .success_mail_icon:before{content:''; width:250px; height:250px; border-radius:100%; position:absolute; background: rgba(169, 218, 94, 0.08);}
#request_portal_modal .modal-body{text-align: center; padding: 100px 15px 70px;} 
#request_portal_modal .modal-body .close{ border: 1px solid var(--dark-gray-color4); text-decoration: none; width: 48px; height: 48px; border-radius: 100%; font-size: 18px; color: var(--dark-gray-color1); display: inline-flex; align-content: center; align-items: center; justify-content: center; position: absolute; right: 25px; top: 25px;}
#request_portal_modal .modal-body .close{width: 48px; height: 48px; border-radius: 100%; border: var(--dark-gray-color4) solid 1px; opacity: 1; transition: all 0.3s ease;}
#request_portal_modal .modal-body .close i{font-size: 18px; color: var(--text-primary); text-shadow: none;}
#request_portal_modal .modal-body .close:hover,#request_portal_modal .modal-body .close:focus{background: var(--secondary); border-color: var(--secondary);}
#request_portal_modal .modal-body .close:hover i,#request_portal_modal .modal-body .close:focus i{color: var(--bg-white); text-shadow: none;}

.profile-info{background: #f5f5f5;}
.delivery_address_div{max-width: 100%;}
.azure_login{height: 100vh; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.azure_login form{width: 600px; height: 500px; max-width: 100%; background: var(--light-gray-color5); border: var(--dark-gray-color4) solid 1px; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 24px; padding: 40px;}
.azure_login .ceco_logo{width: 398px; max-width: 100%; height: 200px; margin: auto auto 85px; background: var(--bg-white); border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.azure_login .ceco_logo img{width:317px; max-width: 100%;}
.azure_login .form-horizontal{display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%;}
.azure_login .form-horizontal .btn{width: 100%;} 

.search_filter #clearFilter span{margin-right: 5px; font-size: 140%;}
.search_filter #clearFilter{padding-left: 10px; padding-right: 10px; min-width: 170px; margin-bottom: -40px;}

.middle_content{background: #fff; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); min-height: 200px; border-radius: 12px; padding: 30px; margin-top: -170px; margin-bottom: 100px;}
.tab-style-1 .nav-tabs>li.active>a,.tab-style-1 .nav-tabs>li.active>a:hover,.tab-style-1 .nav-tabs>li.active>a:focus,.tab-style-1 .nav-tabs>li>a:hover{border:none; background: transparent;}
.tab-style-1 .nav-tabs>li.active>a::after{content: ''; width: 100%; height: 4px; border-radius: 12px; background: var(--primary); position: absolute; left: 0; bottom: 0;}
.tab-style-1 .nav-tabs {border-bottom:var(--dark-gray-color4) solid 1px;}
.tab-style-1 .nav-tabs>li>a{margin-left: 0; padding: 10px 20px; border: none; font-size: 14px; font-weight: 600; text-decoration: none; font-family: var(--default-font); color: var(--dark-gray-color2);}
.tab-style-1 .nav-tabs>li.active>a{color: var(--primary);}
.tab-style-1 .panel-body { padding: 30px 0;}

.vertical-tab .nav-tabs>li{width:100%; margin-bottom: 0;}
.vertical-tab .nav-tabs>li>a{padding: 13px 0; border-bottom: var(--light-gray-color4) solid 1px;}
.vertical-tab .nav-tabs>li>a:hover,.vertical-tab .nav-tabs>li>a:focus{border-bottom: var(--light-gray-color4) solid 1px; outline: none;}
.vertical-tab .nav-tabs>li.active>a { color: var(--primary); border-bottom: var(--bg-white) solid 1px;}
.vertical-tab .nav-tabs>li:hover>a,.vertical-tab .nav-tabs>li>a:hover{color: var(--primary);}
.vertical-tab .nav-tabs{border: none;}
.vertical-tab .crmEntityFormView{border: none; background: none;}

.payment_method_sec h2{ font-weight: 700;}
.payment_method_sec .card{ background: var(--bg-white); padding: 20px; border: none; box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px; border-radius: 0;}
form#payment-form{ width:600px; max-width: 100%; margin:0 auto; display: flex; flex-wrap: wrap;}
.stripe_payment_header{width: 100%; margin: 0 auto 10px auto; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.stripe_payment_header .strip_radio{ display: inline-flex; position: relative; margin: 0 10px 0 0; padding: 0;}
.stripe_payment_header .strip_radio:last-child{margin-right: 0;}
.stripe_payment_header .strip_radio input{ position: absolute; width: 13px; height: 13px; margin: auto; left: 10px; top:0; bottom: 0}
.stripe_payment_header .strip_radio label{ width: 100%; margin: 0; padding:10px 10px 10px 30px; display: flex; align-items: center; font-size: 13px; font-weight: 600; cursor: pointer; border: #ddd solid 2px; border-radius: 30px; transition: all 0.3s ease;}
.stripe_payment_header .strip_radio input + label:not(.error):before{ content:'\e836'; font-family: 'Material Symbols Outlined'; border: none; font-size: 20px; width: 20px; height: 20px; top: 0; bottom: 0; left: 10px; margin: auto;}
.stripe_payment_header .strip_radio img{width: 60px; margin: -10px 0;}
.stripe_payment_header .strip_radio input:checked + label{border-color: var(--btn-primary)}
.stripe_payment_header .strip_radio input:checked + label:not(.error):before{content: '\e837'; background: none; color: var(--primary);}
.payment_method_sec .case_delivery_form{display: none;}

table.bank_detail_table{ width: 800px; max-width: 100%; border: none; margin: 0 auto; font-weight: 600; font-size: 14px;}
table.bank_detail_table thead tr th{background: var(--btn-secondary); border-color: var(--btn-secondary); color: #ffffff;}
table.bank_detail_table tbody tr td:nth-child(1){width: 180px;}

.tab_payment_detail{ min-height: 300px; padding: 20px;}
.tab_payment_detail.on{ display: flex; flex-direction: column; justify-content: center; text-align: center; width: 800px; max-width: 100%; margin: auto;}
.tab_payment_detail label { position: relative;color: #8898AA; font-weight: 300;  height: 40px; line-height: 40px; margin-left: 20px; display: flex;
  flex-direction: row; margin-bottom: 10px;}
.tab_payment_detail label.stripe_note{padding-left: 0; width: 100%; display: flex; flex-direction: column; height: auto; justify-content: center}
.tab_payment_detail label.stripe_note img{width: 150px; margin: auto auto -5px;}
.tab_payment_detail label.stripe_note p{ font-weight: 600; font-size: 14px; text-align: center;}
.tab_payment_detail label > span { width: 150px;  text-align: left; color: var(--text-primary); font-size: 14px; margin-right: 30px; font-weight: 500;}
.tab_payment_detail .btn{ width: auto; min-width: 150px; margin: 0 15px; }
.tab_payment_detail .field { width: calc(100% - 180px); background: transparent; font-weight: 500; color: #31325F; outline: none; flex: 1; padding-right: 10px; padding-left: 10px;
 cursor: text; border: #ddd solid 1px; font-size: 14px;}
.tab_payment_detail  .field:focus{border-color: var(--btn-primary); box-shadow: none;}
.tab_payment_detail h2{margin: 25px auto; text-align: center}
.tab_payment_detail .alert{width: 800px; max-width: 100%; margin: 10px auto; display: flex; align-items: center; border-radius: 5px;  border: none; margin-bottom: 50px}
.tab_payment_detail .alert.alert-success{background: var(--btn-primary-hover); color: #fff; font-size: 20px;}
.tab_payment_detail .alert.alert-success i{color: var(--btn-info); margin-right: 10px; font-size: 40px;}

.field::-webkit-input-placeholder { color: #000000; opacity: 1;}
.field::-moz-placeholder { color: #000000; opacity: 1;}
.outcome { float: left; width: 100%; padding-top: 8px; min-height: 24px; text-align: center;}
.success,.error:not(.form-control,label) {  display: none; font-size: 13px;}
.success.visible,.error.visible { display: inline;}
.error { color: #E4584C;}
.success { color: #666EE8;}
.success .token { font-weight: 500; font-size: 13px;}

.thank-you-pop{ width:100%; padding:20px; text-align:center;}
.thank-you-pop img{ width:76px; height:auto; margin:0 auto; display:block; margin-bottom:25px;}
.thank-you-pop h1{ font-size: 42px; margin-bottom: 25px; color:#5C5C5C;}
.thank-you-pop p{ font-size: 20px; margin-bottom: 27px; color:#5C5C5C;}
.thank-you-pop h3.cupon-pop{ font-size: 25px; margin-bottom: 40px; color:#222; display:inline-block; text-align:center; padding:10px 20px; border:2px dashed #222; clear:both; font-weight:normal;}
.thank-you-pop h3.cupon-pop span{ color:#03A9F4;}
.thank-you-pop a{ display: inline-block; margin: 0 auto; padding: 9px 20px; color: #fff; text-transform: uppercase; font-size: 14px; background-color: #8BC34A; border-radius: 17px;}
.thank-you-pop a i{ margin-right:5px; color:#fff;}
#ignismyModal .modal-header{ border:0px;}

.dashboard_sec .card{border: none; border-radius: 16px; background: var(--bg-white); box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important; padding: 15px;}
.dashboard_sec .tile_title{font-weight: 600; min-height: 53px;}
.dashboard_sec .tiles_box > div:nth-child(2){margin-right: 0; margin-left: auto;}

.personal_info_content{ background: #f7f9fa; border: #ddd solid 1px; padding: 25px 0; min-height: 100%;}
.personal_info_content table.table{background: var(--bg-white);}
.personal_info_content .btn .material-symbols-outlined{margin-left: -5px;}
.dashboard_detail{padding: 0 20px;}
.dashboard_detail h4{color: var(--text-white); font-weight: 600; width: 100%; margin: 0 0 15px 0; font-size: 18px;}
.dashboard_detail p{line-height: 1.5em;}
.dashboard_detail .membership_dash,.dashboard_detail .certificate_dash{width: 100%;}
.dashboard_detail .membership_dash{background: var(--primary); color: var(--text-white); padding: 20px; box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;}
.dashboard_detail .membership_dash .checkbox_checked{background: var(--bg-white); width: 20px; height: 20px;}
.dashboard_detail .certificate_dash{background: var(--bg-white); padding: 20px; border: none; box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;}
.dashboard_detail .certificate_dash h4{color: var(--text-black);}
.dashboard_detail .membership_dash p{color: var(--text-white);}
.dashboard_detail .certificate_dash p{color: var(--text-black);}
.dashboard_detail .status_type{width: 100%; display: flex; align-items: center; margin-bottom: 10px;}
.dashboard_detail .status_type .checkbox_checked{ width: 15px;height: 15px;border-radius: 2px;background: var(--color-success); display: inline-flex; align-items: center; justify-content: center; font-size: 110%; margin-right: 5px; }
.personal_detail .form-action-container-left{padding-left: 30px;}
.personal_info_content .expire_date_txt .material-symbols-outlined {width: 15px;height: 15px;color: var(--text-white);border-radius: 2px;background: var(--color-success); display: inline-flex; align-items: center; justify-content: center; font-size: 110%; margin-right: 5px;}

.profile_tab_sec .nav-tabs li a{display: flex; align-items: center;}
.profile_tab_sec .nav-tabs li a .material-symbols-outlined{margin-right: 10px;}

.card{border: var(--dark-gray-color4) solid 1px; border-radius: 6px;}
.card .card-header{background: var(--btn-secondary); border-radius: 5px 5px 0 0; padding: 18px 15px; color: var(--text-white); font-size: 24px; font-weight: 600;}
.card .card-header h3{color: inherit; font-weight: inherit; margin: 0; padding: 0; font-size: inherit;}
.card .card-header .card-title{font-size: 18px; font-weight: 500; font-family: var(--default-font); line-height: 1.3em; color: var(--text-white); margin: 0;}
.card .card-body{padding: 15px; min-height: 90px; color: var(--dark-gray-color1); font-size: 18px; font-weight: 400;}
.card .card-body p{color: inherit; font-size: inherit; font-weight: inherit; white-space: pre-line; word-break: break-word;}
.card .card-footer{padding: 15px; border-radius: 0 0 5px 5px;}
.card + .card{margin-top: 25px;}

.card_report .card-header{padding-bottom: 0; background: none;}
.card_report .card-header .card-title{color: var(--text-black);}

.home_sec{padding: 100px 0;}
.home_shop_cate.middle_content{margin: 0 auto; padding-top: 30px; padding-bottom: 30px;}

.company-acc-info label{width:100%; font-weight: 400; font-size: 16px; line-height: 1.5em; color: var(--dark-gray-color3);}
.company-acc-info b{font-size: 18px; font-weight: 500; color: var(--dark-gray-color1); white-space: pre-line; word-break: break-word;}

.tab-style-1 h3,.table-title{font-size: 28px; font-family: var(--default-font); color: var(--dark-gray-color1); font-weight: 500; margin-bottom: 20px;}
.table-title .notifi{background: var(--red-color); border-radius: 100%; font-size: 14px; display: inline-flex; align-items: center; line-height: 1em; justify-content: center; margin-left: 10px; min-width: 25px; min-height: 25px; color: var(--text-white);}
table.v-align-middle tbody td,table.v-align-middle thead th{vertical-align: middle;}
table.table{border: none; }
table.table thead tr th{ color: var(--text-black); padding: 10px; border: none; border-bottom: 2px solid #dee2e6;border-top: 2px solid #dee2e6 !important; font-size: 18px; font-family: var(--default-font); font-weight: 500;}
table.table.table-bordered thead tr th{border-left: 1px solid #dee2e6 !important;border-right: 1px solid #dee2e6 !important;}
table.table thead tr th.hide_sorting:before,table.table thead tr th.hide_sorting:after{display: none;}
table.table thead tr th.hide_sorting{pointer-events: none;}
table.table tbody tr td{border-top: none; border-bottom:  solid 1px var(--light-gray-color4); padding: 15px 10px; font-size: 14px; font-family: var(--default-font);}
table.table.no-border tbody tr td{border: none;}
table.table thead tr th.th_action_btn {padding-left: 0 !important; padding-right: 0 !important;}
table tbody tr td.so_description p{text-overflow: ellipsis; overflow: hidden; width: 450px; padding-right: 75px; position: relative; white-space: nowrap; color: inherit; display: inline-block; font-size: inherit; margin-bottom: 0;}
table tbody tr td.so_description p:after { content: 'Read more'; display: inline-block; position: absolute; right: 0; font-size: 75%; margin-top: 2px; color: var(--btn-primary-hover); text-decoration: underline;}
table.table_out_border{border: solid 1px var(--light-gray-color4);}

.dataTables_wrapper .dataTables_length select{ border-radius: 6px; padding: 8px 10px; margin: 0 5px; font-weight: 500; font-size: 14px; font-family: var(--default-font);}
.dataTables_wrapper .dataTables_length select:focus{outline: none;}
.dataTables_wrapper .dataTables_filter input{ border-radius: 6px; padding: 5px 10px; border: solid 1px var(--light-gray-color4); color: var(--dark-gray-color2); margin: 0 5px; height: 41px; font-weight: 500; font-size: 14px; font-family: var(--default-font); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.dataTables_wrapper .dataTables_filter input:focus{outline: none; border-color: var(--btn-primary); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.dataTables_wrapper .dataTables_filter label{font-weight: 600;}

.dataTables_wrapper #my_order .action_dropdown {width: auto; cursor: pointer; display: inline-flex; align-items: center; position: relative;  color: var(--text-black); font-size: 14px; font-weight: 500; transition: all 0.3s ease;}
.dataTables_wrapper #my_order .action_dropdown:hover,.dataTables_wrapper #my_order .action_dropdown:focus{color: var(--btn-secondary);}
.dataTables_wrapper #my_order .action_dropdown ul{width: 100px; padding: 8px 15px; border-radius: 3px; list-style: none; position: absolute; right: 0; background: #fff; font-size: 14px; top: 35px; visibility: hidden; opacity: 0; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); transform: translateY(20px); transition: all 0.3s ease;}
.dataTables_wrapper #my_order .action_dropdown ul li{display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; color: var(--text-primary); }
.dataTables_wrapper #my_order .action_dropdown ul li a{width: 100%; padding: 0; margin: 0; text-align: right;}
.dataTables_wrapper #my_order .action_dropdown ul li a:hover{color: var(--btn-secondary);}
.dataTables_wrapper #my_order .action_dropdown ul.open_action{opacity: 1; visibility: visible; transform: translateY(0);}

table.table tbody tr td.productName{text-transform: lowercase;} 
table.table tbody tr td.productName::first-line{text-transform: capitalize;}

table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
  top: 50%; content: "\e5c5"; font-size: 2em; font-family: 'Material Symbols Outlined'; right:15px;}
table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::before {
  bottom: 50%; content: "\e5c7"; font-size: 2em; font-family: 'Material Symbols Outlined'; right:15px}

.select2.select2-container--default .select2-selection--single{border-color: var(--light-gray-color4);}
.select2.select2-container .select2-selection--single{height: 40px;}
.select2.select2-container--default .select2-selection--single .select2-selection__rendered{height: 100%; display: flex; align-items: center;}
.select2.select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%;}

.data_table_top_header{background: var(--bg-white); border:1px solid var(--light-gray-color4); width: 100%; display: inline-flex; padding: 15px; align-items: center;}
.data_table_top_header .dataTables_filter{margin-right: 0; margin-left: auto;}
.data_table_top_header .dataTables_length label,.data_table_top_header .dataTables_filter label{margin-bottom: 0;}

.order_filter{width: 245px; margin-bottom: -40px; position: relative; z-index: 1;}

/*#shop_product_list tbody,*/#course_list tbody{display:inline-flex; flex-wrap:wrap; width: 100%;}
/*#shop_product_list tbody tr{display:inline-flex; width: 25%;}
#shop_product_list thead th,#course_list thead th{padding: 0; display: none;}
#shop_product_list tbody tr td,*/#course_list tbody tr td{border-bottom: none; width: 100%; display: flex; padding: 15px;}
/*#shop_product_list tbody tr td a,#course_list tbody tr td figure{display: inline-flex; width: 100%; overflow: hidden; position: relative;}
#shop_product_list tbody tr td .addtocart_box{opacity: 1; visibility: visible; position: absolute; top: 0; right: 0; text-align: center; transition: all 0.3s ease;}

#shop_product_list tbody tr td .product_grid .product_img,#course_list tbody tr td .product_grid .product_img {width: 100%; margin: auto; border-radius: 5px 5px 0 0; transition: all 0.3s ease;}
#shop_product_list tbody tr td .product_grid:hover .product_img,*/#course_list tbody tr td .product_grid:hover .product_img {transform: scale(1.1);}

.addtocart_box .cart_icon_btn{width:45px; height:45px; border-radius: 100%; display: flex; align-items: center; justify-content: center; right: 20px;
    top: -25px; padding: 0; background: var(--bg-white); color: var(--primary); border: none; box-shadow: 0 0 15px rgba(0,0,0,.2);}
.addtocart_box .cart_icon_btn.btn .material-symbols-outlined{margin-left: auto; margin-right: auto; font-size: 160%; color: inherit;}
.addtocart_box .cart_icon_btn:hover,.addtocart_box .cart_icon_btn:focus{background: var(--primary); color: var(--text-white);}

.data_table_list_box{min-width: 100%;}
.data_table_list_box tbody{display:inline-flex; flex-wrap:wrap; width: 100%;} 
.data_table_list_box tbody tr{display:inline-flex; width: 25%;}
.data_table_list_box thead th{padding: 0; display: none;}
.data_table_list_box tbody tr td{border-bottom: none; width: 100%; display: flex; padding: 15px;}
.data_table_list_box tbody tr td a{display: inline-flex; width: 100%; overflow: hidden; position: relative;}
.data_table_list_box tbody tr td .addtocart_box{opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; transition: all 0.3s ease;}
.data_table_list_box tbody tr td .product_grid:hover .addtocart_box{bottom: 20px; opacity: 1; visibility: visible;} 
.data_table_list_box tbody tr td .product_grid .product_img{width: 100%; margin: auto; border-radius: 5px 5px 0 0; transition: all 0.3s ease;}
.data_table_list_box tbody tr td .product_grid:hover .product_img {transform: scale(1.1);}

.date_rangeBox { width: calc(100% - 75px); margin: auto; display: flex; font-weight: 400;}

.product_grid{width: 100%; position: relative; background: var(--bg-white); overflow: hidden; display: inline-flex; flex-wrap: wrap; align-items: flex-start; border: solid 1px var(--light-gray-color4); border-radius: 5px; transition: all 0.3s ease;}
.product_grid:hover{ box-shadow: 2px 20px 30px rgba(0,0,0,.14); transform: translateY(-10px);}
.product_grid h3{font-size: 18px; line-height: 1.4em; width: 100%; font-weight: 600; color: var(--text-primary); margin: 0 0 10px 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.product_grid .product_grid_detail{padding: 20px; width: 100%; display: flex; flex-wrap: wrap; position: relative;}
.product_grid .quantity{position: relative; display: inline-flex; margin-right: 0; margin-left: auto; margin-bottom: 0;}
.product_grid .quantity input{ width: 50px; height: 30px;font-size: 14px; text-align: center; background: var(--bg-white); border: solid 1px var(--light-gray-color4); margin: 0 5px; border-radius: 5px;}
.product_grid .quantity input:focus{outline: none; box-shadow: none;}
.product_grid .quantity button{background: var(--light-gray-color4); border: none; border-radius: 100%; outline: none; color: var(--text-primary); position: relative; display: flex; align-items: center; padding: 0; cursor: pointer; width: 30px; height: 30px; justify-content: center;}
.product_grid .quantity button > span{font-size: 20px;}
.product_grid .quantity button:hover,.product_grid .quantity button:focus{background: var(--btn-primary); color: var(--text-white);}
.product_grid .quantity button:after{display: none;}
.product_grid .quantity .minus{left: 0;}
.product_grid .quantity .plus{right: 0;}
.product_grid .price{font-size: 22px; font-weight: 600; color: var(--btn-info); display: inline-flex; margin-right: auto; margin-left: 0;margin-bottom: 0; align-items: center;}
.product_grid .product_grid_detail p{ margin-bottom:10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.product_grid .product_grid_detail .available_qty{width: 100%; margin-bottom: 10px; display: flex; align-items: center; font-size: 13px; color: var(--dark-gray-color3);}
.product_grid .product_grid_detail .available_qty label{ font-weight: 500; font-size: inherit; margin-bottom: 0; margin-right: 5px;}
.add-to-cart{margin-right: 0; margin-left: auto; margin-top: 10px;}
.product_grid .types{font-weight: 500; background: #4f46e53d; color: var(--btn-primary); padding: 3px 8px; font-size: 12px; border-radius: 3px; margin-bottom: 10px;}

.product_badge{background: #ddd; color: var(--color-black); padding: 5px 10px; font-size: 12px; position: absolute; left: 0; top: 10px; z-index: 12;}
.product_badge.badge-primary{background: var(--btn-primary); color: var(--text-white);}

.sidebar_product .course_list{list-style: none; padding: 0; margin: 0;}
.sidebar_product .course_list li{ display: flex; align-items: center; border: solid 1px var(--light-gray-color4); margin: 10px 0; background: #fff; padding: 0; border-radius: 5px; transition: all 0.3s ease;}
.sidebar_product .course_list li a{ margin-left: 0; width: 100%; display: inherit; text-decoration: none; align-items: inherit; padding: 20px;}
.sidebar_product .course_list li h5{ color: var(--btn-info); font-weight: 600; font-size: 16px; margin-left: 20px;}
.sidebar_product .course_list li:hover{border-color: var(--primary);}
.sidebar_product .title_style,.main_title{font-size: 22px; border-bottom: #ddd solid 1px; position: relative; margin: 0 0 20px 0; padding: 0 0 10px 0;}
.sidebar_product .title_style:after,.main_title:after{content: ''; width: 20%; height: 4px; background: var(--primary); position: absolute; left: 0; bottom: -2px; border-radius: 10px;}
.main_title{font-size: 24px;}

.course_progress_box h4{color: var(--text-black); font-size: 18px; font-weight: 600; margin-bottom: 20px; margin-top: 30px;}
.course_progressbar{list-style: none; padding: 0; width: 100%; display: flex; align-items: flex-start; position: relative;}
.course_progressbar li{display: flex; width: 25%; align-items: center; text-align: center; flex-direction: column; font-size: 14px; color: var(--text-black); margin-right: 20px; position: relative; font-weight: 600; text-transform: capitalize;}
.course_progressbar li span{width: 30px; height: 30px; background: var(--light-gray-color4); display: flex; align-items: center; justify-content: center; border-radius: 100%; font-weight: 600; margin-bottom: 20px; box-shadow: 0 0 0 6px #e2e8f060;}
.course_progressbar li.completed span{background: var(--primary); font-size: 14px; color: var(--text-white); box-shadow: 0 0 0 6px #4f46e520;}
.course_progressbar li.inprogress span{background: var(--color-success); font-size: 14px; z-index: 1; color: var(--text-white); box-shadow: 0 0 0 6px #50cd8920;}
.course_progressbar li:before { content: ''; width: 100%; height: 2px; background: #ddd; position: absolute; left: 60%; top: 13px;}
.course_progressbar li.completed:before { content: ''; background: var(--primary); }
.course_progressbar li:last-child::before{display: none;}

.profile_header{width: 100%; height: auto; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px 0; background: var(--secondary); margin-bottom: 40px;}
.profile_header h2{font-size: 20px; text-transform: capitalize; color: var(--text-white); margin: 10px 0;}
.profile_header .profile_img{width: 100px; border-radius: 100%; background: var(--bg-white);}
.profile_header .profile_img_list{width: 100%; display: flex; justify-content: center; align-items: center;}
.profile_header .profile_img_list img{width: 50px; height: auto; border-radius: 100%; margin: 0 10px;}

.verfy_certificate_box{width: 100%; display: flex; flex-wrap: wrap; justify-content:flex-end; align-items: center; margin-bottom: 20px;}
.verfy_certificate_box .form-control{width: 150px; display: inline-flex; margin-right: 10px;}

#getCertificationVarification .modal-dialog{width: 350px;}
#getCertificationVarification .modal-body{text-align: center;}
#getCertificationVarification .modal-body .trophy_icon{width: 60px; height: 60px; border-radius: 100%; background-color: var(--primary); color: var(--text-white); display: inline-flex; align-items: center; justify-content: center; font-size: 36px; box-shadow: 0 0 0 10px #4f46e520; margin-bottom: 15px;}
#getCertificationVarification .modal-body .trophy_icon span{font-size: inherit;}
#getCertificationVarification .status_active{padding: 5px 10px; color: var(--text-white); background: var(--color-success); font-size: 14px; font-weight: 600; display: inline-flex; border-radius: 4px;}
#getCertificationVarification .form-group label{font-size: 14px;}
#getCertificationVarification .modal-body #certificate_value{font-size: 24px; color: var(--text-black); font-weight: 600; text-transform: capitalize; margin-bottom: 20px;}
#getCertificationVarification .modal-body .user_full_name{background: #4f46e510; color: var(--primary); display: inline-flex;
border-radius: 4px; border: #ededed solid 1px; padding: 5px 10px;font-size: 16px; font-weight: 600; align-items: center;}
#getCertificationVarification .modal-body .user_full_name label{margin-bottom: 0; padding-bottom: 0; margin-right: 10px;}

.home_mission{padding: 50px 0; width: 100%; display: flex;}
.home_mission .mission_left h2,.home_mission .mission_left p{width: 90%; }
.home_mission .our_value h4{ font-size: 18px; color: var(--btn-secondary); font-weight: 600; margin: 10px auto;}
.home_mission .our_value .our_value_box{background: var(--bg-white); padding: 25px; margin-bottom: 20px;}
.home_mission .our_value .value_icon{background: #4f46e510;width: 60px;height: 60px;align-items: center;display: inline-flex;justify-content: center;color: var(--btn-primary);font-size: 35px;border-radius: 100%;}
.home_mission .our_value p{margin-bottom: 20px;}

#delivery_address_datatable tbody td.action{width: 160px; text-align: center;}
#delivery_address_datatable tbody td.action a{cursor: pointer;}
#delivery_address_datatable tbody td.street{ max-width: 250px; white-space: pre-line; word-break: break-all;}
#delivery_address_datatable tbody td .customerid{position: absolute; opacity: 0; visibility: hidden; left: 0; width: 0;}
#delivery_address_modal{min-height: 200px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter,#my_order_filter{ width: 100%; float: none; text-align: left;}
#my_order_filter{width: calc(100% - 220px); display: none;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label,#my_order_filter label{width: 100%; color: var(--dark-gray-color2); font-weight: 500; font-size: 18px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input,#my_order_filter label input{ width: 100%; background: url(/search-icon.svg) no-repeat center left 20px; border-radius: 12px; margin: 10px 0; font-size: 18px; font-weight: 400; padding: 10px 20px 10px 53px; height: 58px; border-color: var(--dark-gray-color4); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input:focus,#my_order_filter label input:focus{ border-color: var(--btn-secondary); box-shadow: 0 0 15px rgba(0,0,0,.1);}

#cart_detail_table thead tr th{font-weight: 400;}
#cart_detail_table tbody tr td{font-weight: 500; vertical-align: middle;}
#cart_detail_table tbody tr td h4{font-size: 18px; font-weight: 500; text-transform: uppercase; color: var(--dark-gray-color1); margin: 0 0 10px 0;}
#cart_detail_table tbody tr td p{ font-size: 14px; font-weight: 400; line-height: 1.5em; color: var(--text-primary); white-space: initial;}
#cart_detail_table tbody tr td.td_desc{width: 30%;}
#cart_detail_table tbody tr td .delete_record{ width: 56px; height: 56px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; color: var(--red-color); background: var(--red-light-color); cursor: pointer; transition: all 0.3s ease;}
#cart_detail_table tbody tr td .delete_record:hover{background: var(--red-color); color: var(--text-white); transform: rotate(360deg);}
#cart_detail_table tbody tr td .table_th,table.table tbody tr td .table_th{ margin-bottom: 10px; margin-right: 10px; font-weight: 600; font-size: 16px; color: var(--btn-primary);display: none;}

.advertise_sec h3{color: var(--text-black); font-weight: 600;}
.adv_service_box{width: 100%; border: #4f46e510 solid 2px; background: var(--bg-white); padding: 20px; margin: 20px auto;} 
.adv_service_box h4{ color: var(--text-black); margin: 0 0 20px; position: relative; border-bottom: #ddd solid 1px; padding-bottom: 10px;}
.adv_service_box h4:after{content: ''; width: 20%; height: 4px; background: var(--primary); position: absolute; left: 0; bottom: -2px; border-radius: 10px;}
.adv_service_box .infoList{display: flex; align-items: center; font-size: 14px; margin-bottom: 15px;}
.adv_service_box .infoList span{margin-right: 10px; background: #4f46e510; width: 35px; height: 35px; align-items: center; display: inline-flex; justify-content: center; color: var(--btn-primary); font-size: 22px; border-radius: 100%;}
.adv_service_box .infoList a{ display: inherit; align-items: inherit; text-decoration: none; color: inherit;}

.cart_right_side{padding: 25px;}
.cart_right_side .sub_total{width: 100%; display: inline-flex; align-items: center; border-bottom: var(--dark-gray-color4) solid 1px; padding: 0 0 20px 0; margin-bottom: 30px;}
.cart_right_side .sub_total h5,.cart_right_side .sub_total .price{font-size: 24px; font-weight: 500; color:var(--text-primary); margin: 0;}
.cart_right_side .sub_total .price{margin-right: 0; margin-left: auto;}
.cart_right_side .form-group label,.cart_right_side .form-group .form-control{font-size: 16px;}
.cart_right_side .form-group textarea.form-control{height: 108px; resize: none;}
.cart_right_side .btn{ margin:0 0 25px; }
.cart_right_side .selected_delivery_address{background: var(--light-gray-color5); color: var(--dark-gray-color2); border-radius: 12px; padding: 15px 10px; font-size: 16px; font-weight: 400;}
.cart_right_side .cart_note_list{ padding: 15px 0 0 20px; margin:0;}
.cart_right_side .cart_note_list li{font-size: 16px; font-weight: 400;}
.cart_right_side .form-group label.error{color: var(--red-color); font-size: 12px; padding: 0; margin: 0; left: 15px;}

.order_summary_heading{background: var(--btn-primary-hover); color: var(--text-white); padding: 20px; border-radius: 6px; font-size: 18px; font-weight: 500; width: 100%; display: inline-flex; align-items: center; margin-bottom: 25px;}
.order_summary_heading .order_num b,.order_summary_heading .process_status b{font-weight: 600;}
.order_summary_heading .order_num{padding-right: 30px; border-right: var(--text-white) solid 2px; margin-right: 30px; }

#change_address_modal .modal-dialog{width: 1214px; max-width: 100%;}
#change_address_modal table.table tbody tr td{padding: 25px 10px; position: relative; z-index: 1;}
#change_address_modal table.table thead{border-bottom: #fff solid 10px;}
#change_address_modal table.table thead tr,#change_address_modal table.table tbody tr{position: relative;}
#change_address_modal table.table thead tr:before{opacity: 0; visibility: hidden;}
#change_address_modal table.table thead tr:before,#change_address_modal table.table tbody tr:before{content: ''; background: var(--light-gray-color5); border: 1px solid var(--dark-gray-color4); z-index: 0; width: 100%; position: absolute;
    height: 95%; border-radius: 12px; margin: auto; top: 0; bottom: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
#change_address_modal table.table tbody tr:hover:before{content:''; opacity: 1; visibility: visible;}
#change_address_modal .modal-dialog .modal-body .close{ margin-top: -15px; margin-bottom: -15px; margin-right: -15px; color: var(--btn-secondary); position: relative; z-index: 12;}


#Detail_so_notification .modal-body h4{color: var(--dark-gray-color1); font-weight: 600;}
#Detail_so_notification .modal-body #order_date{ position: absolute; right: 15px; top: 5px; z-index: 1; text-transform: uppercase; font-weight: 500; background: var(--btn-style-1); padding: 7px 10px; margin-right: 0; margin-left: auto; float: right; border-radius: 5px; border: var(--dark-gray-color4)solid 1px;}

#thankyou_order_modal .modal-body{ text-align: center;}
#thankyou_order_modal .modal-body figure{margin-bottom: 65px;}
#thankyou_order_modal .confirm_no{color: var(--text-primary); font-weight: 500;}
.shadow_animation {transform: scale(1); border-radius: 100%; box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.0); animation: pulse-black 2s infinite; }
.warning_shadow_animation {transform: scale(1); border-radius: 100%; box-shadow: 0 0 0 0 #FFF8F8; animation: pulse-red 2s infinite; }
#orderSummaryInfo b{ white-space: pre-line; max-width: 100%; overflow: hidden; display: inline-flex; }

#notuserlogin_popup .modal-dialog{width: 700px; max-width: 100%;}
#notuserlogin_popup .modal-content{border-radius: 0;}
#notuserlogin_popup .modal-body{display: flex; flex-wrap: wrap; padding: 0;}
#notuserlogin_popup .login_req_left{width: 40%; background: url(/side-bg.jpg) center / cover; display: inline-flex; align-items: flex-start; padding: 20px;}
#notuserlogin_popup .login_req_left img{width: 180px;}
#notuserlogin_popup .login_req_right{width: 60%; display: inline-flex; flex-direction: column; padding:60px 20px;}
#notuserlogin_popup .login_req_right h3{margin: 0; font-size: 18px; color: var(--btn-info); font-weight: 600; margin-bottom: 25px; line-height: 1.3em; text-align: center;}
#notuserlogin_popup .or_pipeline{position: relative; text-align: center; z-index: 1; margin: 10px auto; width: 220px;}
#notuserlogin_popup .or_pipeline::after,#notuserlogin_popup .or_pipeline::before{ content: ''; position: absolute; left: 0;  right: 0; margin: auto; top: 0; bottom: 0;}
#notuserlogin_popup .or_pipeline::after{content: ''; width: 80%; height: 1px; background: #ddd; z-index: -2;}
#notuserlogin_popup .or_pipeline::before{content: ''; width: 50px; height: 100%; background: #fff;  z-index: -1;}
#notuserlogin_popup .login_req_right .btn-primary,#notuserlogin_popup .login_req_right .btn-secondary{width: 200px; margin: auto;}
#notuserlogin_popup .login_req_right .close_modal{position: absolute; right: 15px; top: 15px; cursor: pointer; color: var(--btn-primary); font-weight: 400; font-size: 24px;}
#notuserlogin_popup .login_req_right .close_modal:hover{color: var(--btn-secondary);}

@keyframes pulse-black {
  0% {  transform: scale(0.95);  box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.04);
  }
  70% {
    transform: scale(1); box-shadow: 0 0 0 24px rgba(169, 218, 94, 0.08);
  }
  100% {
    transform: scale(0.95); box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.04);
  }
}
@keyframes pulse-red {
  0% {
    transform: scale(0.95);  box-shadow: 0 0 0 0 #FFF8F8;
  }
  70% {
    transform: scale(1);  box-shadow: 0 0 0 24px #FFF8F8;
  }
  100% {
    transform: scale(0.95);  box-shadow: 0 0 0 0 #FFF8F8;
  }
}

body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current,body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover,body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover{background: var(--btn-primary); border: none; color: var(--text-white) !important; border-radius: 100%; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button:focus,body .dataTables_wrapper .dataTables_paginate span a.paginate_button:active{outline: none; box-shadow: none;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button{width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; background: none; border: none; color: var(--text-black); font-weight: 500; font-size: 18px; border-radius: 100%; font-family: var(--default-font); transition: all 0.3s ease;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{font-size: 18px; font-weight: 500; width: 48px; height: 48px; border: var(--dark-gray-color4) solid 1px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; transition: all 0.3s ease;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous{margin-right: 15px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{margin-left: 15px;}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover{background: var(--btn-primary); color: var(--text-white); border: var(--btn-primary) !important;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous > span,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next > span{display: inline-flex; align-items: center; justify-content: center; color: var(--dark-gray-color2);}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover > span,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover > span{color: var(--text-white);}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:focus:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:focus:not(.disabled){border-color: var(--btn-primary) !important; outline: none; background: var(--btn-primary); box-shadow: none;}
.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_info{margin-top: 15px;}
.dataTables_wrapper .dataTables_paginate{display: inline-flex; align-items: center; width:100%; justify-content: center;}
table.dataTable.no-footer{border: none;}
.dataTables_wrapper .center_pagination .dataTables_paginate { background: #fff; border-radius: 30px; padding: 10px; width: auto; margin: auto; display: inline-flex;box-shadow: 0 14px 24px rgba(0,0,0,.05); margin-bottom: 30px; min-width: 200px; margin-top: 30px; border:#ededed solid 2px}

.dataTables_filter + table.dataTable.no-footer,.dataTables_length + table.dataTable.no-footer{ padding-top: 0; }
#comp_acc_datatable tbody td p{max-width:80%}
/* filter-area */
.filter-area{display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-end; position: relative}
.filter-area .form-group{position: relative;}
.filter-area #Brand i{ position: absolute; right: 11px; bottom: 16px; top: initial; font-size: 20px;}
.filter-area .search{ background: url('/search-icon.svg') no-repeat 16px center; background-size: 20px; position: relative;}
.filter-area .search:before{content: '\e8b6'; font-family: 'Material Symbols Outlined'; font-size: 26px; position: absolute; left: 10px; top: 0; bottom: 0; display: flex; align-items: center; color:var(--dark-gray-color4)}
.filter-area .search .form-control{padding-left: 48px; background: none;}
.filter-area select.form-control{padding-left: 15px;}
.filter-area .search .form-control:focus{-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.filter-area .form-group{margin-bottom: 0; width: calc(100% / 8 - 20px);}
.filter-area .form-group.width-position-one{width:calc(100% / 7 - 20px);}
.filter-area.three_field_col .form-group.width-position-one{width:calc(100% / 3 - 20px);}
.filter-area .filter-icon{position: absolute; right: 5px; top: 0; bottom: 0; cursor: pointer;}
.filter-area .filter-icon:hover > span{color: var(--btn-primary-hover);}
.filter-area #Brand > span{right: 3px; left: auto;bottom: 2px;height: 55px; top: initial; background: #fff; border-radius: 12px;}
.filter-area .form-group .common-btn{padding: 15px; width: 100%;}
.filter-area #ApplyFilters,.filter-area #ClearFilters{width: 48%; padding: 14px 15px;}
.filter-area #ClearFilters .material-symbols-outlined{margin: 0 5px 0 0; left: 0; color: var(--text-white); position: relative; font-size: 140%;}
.filter-area #ClearFilters{margin-left: 1%;}

.search_tag{background: var(--light-gray-color1); border-radius: 6px; font-size: 18px; font-weight: 500; display: inline-flex; padding: 10px 15px; align-items: center; margin: 5px 10px 10px 0;}
.search_tag > span{display: inline-flex; margin-left: 10px; cursor: pointer;}

.filter_box{border-radius: 12px; border: var(--dark-gray-color4) solid 1px; background: var(--light-gray-color5); padding: 25px; margin-bottom: 25px;}
.filter_box .filter_head{background: var(--btn-secondary); color: var(--text-white); padding: 16px 25px; font-size: 22px; font-weight: 500; display: flex; align-items: center; margin:-25px -25px 10px; border-radius: 10px;}
.filter_box .filter_head .filter_toggle_btn{width: 40px; height: 40px; min-width: 40px; min-height: 40px; border: var(--text-white) solid 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: 0; margin-left: auto;}
.filter_box .filter_head .filter_toggle_btn:before{content:'\e15b'; font-size: 24px; font-family: 'Material Symbols Outlined'; }
.filter_box .filter_head.closed .filter_toggle_btn:before{content: '\e145';}
.filter_box .filter_body { width: 100%; display: flex; flex-wrap: wrap;}
.filter_box .filter_body ul{list-style: none; padding: 0; margin: 0; width: 100%;}
.filter_box .filter_body ul li{margin-bottom: 10px;}
.filter_box .stylish_checkbox input[type='checkbox'] + label{margin-bottom: 0; font-size: 18px; font-weight: normal; color: var(--dark-gray-color2); cursor: pointer;}
.filter_box .stylish_checkbox input[type='checkbox'] + label:not(.error):before,
.filter_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{border-radius: 4px; border-width: 1px; border-color: var(--dark-gray-color4); top: 2px;}
.filter_box .stylish_checkbox input[type='checkbox']:checked + label:before{content: ''; background: var(--btn-primary); border-color: var(--btn-primary);}
.filter_box .stylish_checkbox input[type='checkbox']:checked + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.filter_box .stylish_checkbox input[type='radio'] + label{margin-bottom: 0; font-size: 18px; font-weight: normal; color: var(--dark-gray-color2);}
.filter_box .stylish_checkbox input[type='radio'] + label:not(.error):before,
.filter_box .stylish_checkbox input[type='radio'] + label:not(.error):after{border-radius: 4px; border-width: 1px; border-color: var(--dark-gray-color4); top: 2px;}
.filter_box .stylish_checkbox input[type='radio']:checked + label:before{content: ''; background: var(--btn-primary); border-color: var(--btn-primary);}
.filter_box .stylish_checkbox input[type='radio']:checked + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }


.product_side_icon{display: none; opacity: 0; visibility: hidden; width: 60px; height: 60px; position: fixed; right: 10px; bottom: 20px; background: var(--btn-primary); border-radius: 100%; color: var(--text-white); align-items: center; justify-content: center; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.43); font-size: 32px; transform: scale(0.2,0.2); z-index: 999; transition: all 0.3s ease; }
.product_side_icon span{color: inherit; font-size: inherit;}
.product_side_icon:hover,.product_side_icon:focus{ background: var(--btn-primary-hover); color: var(--text-white);}
.body-add-sticky .product_side_icon{opacity: 1; visibility: visible; transform: scale(1,1);}

.product_list .product_grid{padding: 20px 0; margin:20px 0 0; list-style: none; border-top: var(--dark-gray-color4) solid 1px;}
.product_list .product_grid li{background:var(--light-gray-color5); padding: 15px; border-radius: 12px; display: flex; flex-wrap: wrap; margin-bottom: 50px; position: relative;}
.product_list .product_grid li.no-record-alert{font-size: 16px; justify-content: center; align-items: center; color: var(--dark-gray-color3);}
.product_list .product_grid li a { display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; text-decoration: none; color: var(--text-primary); position: relative; margin-left: 0;}
.product_list .product_grid li:after{content: ''; width: 100%; height: 1px; background: var(--dark-gray-color4); position: absolute; bottom: -25px; left: 0; right: 0;}
.product_list .product_grid li figure{width: 200px; min-height: 200px; display: inline-flex; z-index: 1;}
.product_list .product_grid li figure img { max-width: 100%; /*border: solid 1px var(--dark-gray-color3);*/ border:none; height: 200px; object-fit: contain; position: relative; z-index: 1; background: var(--bg-white);}
.product_list .product_grid li .product_desc{width: calc(100% - 425px); display: inline-flex; padding: 0 23px; flex-wrap: wrap; align-items: flex-start;}
.product_list .product_grid li .product_desc h4{color: var(--text-primary); width: 100%;}
.product_list label.brandName { background: var(--secondary); color: var(--text-white); border-radius: 0; padding: 3px 10px; z-index: 1; position: absolute; left: 16px; font-weight: 500;}
.product_list .product_grid li .product_desc p{width: 100%;}
.product_list .product_grid li .product_desc h4 a{margin: 0; text-decoration: none; color: inherit;}
.product_list .product_grid li .product_desc .price_check_box{width: 100%; display: none; flex-wrap: wrap; align-items: center;}
.product_list .product_grid li .product_desc .product_price,.product_list .product_grid li .product_desc .price_availability_check{font-size: 18px; font-weight: 600; color: var(--primary); margin-right: 15px;}
.product_list .product_grid li .product_desc .price_availability_check:hover{color: var(--btn-primary-hover);}
.product_list .product_grid li .product_desc .price_availability_check{ cursor: pointer;}
.product_list .product_grid li .product_desc .price_availability_check.disabled_price{cursor: not-allowed; pointer-events: none; color: var(--dark-gray-color4);}
.product_list .product_grid li .product_desc .product_note{padding-top: 1px; font-size: 18px; font-weight: 500; border-left: var(--dark-gray-color4) solid 2px; padding-left: 10px;}

.product_list .pagination>li>a, .pagination>li>span{border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; font-weight: 500; font-size: 18px; transition: all 0.3s ease;}
.product_list .pagination>.active>a,.product_list .pagination>.active>a:focus,.product_list .pagination>.active>a:hover { background-color: var(--btn-primary)!important;}
.product_list .pagination>li#previous-page>a,.product_list .pagination>li#next-page>a{font-size: 18px; font-weight: 500; width: 48px; height: 48px; border: var(--dark-gray-color4) solid 1px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; transition: all 0.3s ease;}
.product_list .pagination>li:not(.disabled)>a:hover{ border-color: var(--btn-primary) !important; outline: none; background: var(--btn-primary); box-shadow: none; color: var(--text-white);}
.product_list .pagination li:not(.active) a{color: var(--text-black);}

.product_detail .brand_box{background: var(--btn-secondary); padding: 8px 20px; border-radius: 6px; font-size: 20px; font-weight: 400; display: inline-flex; margin: auto 0 auto auto; color: var(--text-white);}
.product_detail .brand_box label{font-weight: 600; margin-left: 7px;}
.product_detail figure{background:var(--light-gray-color5); padding: 24px; border-radius: 12px; position: relative; display: flex; align-items: center;}
.product_detail figure::before{ content: 'Image coming soon'; width: 100%; height: 100%;  padding: 0 13%; text-transform: uppercase; font-weight: 600; color: var(--btn-secondary-hover); font-size: 40px; position: absolute; display: flex; align-items: center;  justify-content: center; text-align: center; left: 0; right: 0; top:0; bottom: 0; margin: auto;}
.product_detail figure img{ max-width: 100%; position: relative; object-fit: contain; background: var(--bg-white);}
.product_detail .product_title{max-width: calc(100% - 230px); display: inline-flex; margin: 0;}
.product_detail .brand_box{margin-right: 0; margin-left: auto; margin-top: 0;}
.product_detail .product_info_detail{width:100%; display: flex; flex-wrap: wrap; list-style: none; padding: 20px 0 0; margin: 0;}
.product_detail .product_info_detail li{width: calc(50% - 15px); display: inline-flex; align-items: flex-start; font-size: 20px; font-weight: 400; margin: 10px 0;}
.product_detail .product_info_detail li:nth-child(even){ margin-left: 30px;}
.product_detail .product_info_detail li label,.product_detail .product_info_detail li h6{font-size: inherit; font-weight: 400; margin: 0; line-height: 1.1em;}
.product_detail .product_info_detail li label{min-width: fit-content;}
.product_detail .product_info_detail li h6{font-weight: 600; padding-left: 10px; white-space: pre-line; word-break: break-word;}
.product_detail .product_information{min-height: 180px;}
.product_detail .product_information h4{font-size: 24px; font-weight: 500; border-bottom: var(--dark-gray-color4) solid 1px; color: var(--dark-gray-color1); padding: 15px 0;}
.product_detail .product_information p{font-size: 18px; font-weight: 400; color: var(--text-primary); line-height: 1.65em;}
.product_detail .add_cart_box .quantity{margin: 0 20px 0 0;}
.product_detail .add_cart_box{width:100%; justify-content: initial; flex-direction: initial; margin-top: 20px; margin-bottom: 25px;}
.product_detail .add_cart_box .btn{ padding: 12px 35px; }
.product_detail .add_cart_box .btn .material-symbols-outlined { font-size: 180%; margin-right: 5px; margin-left: -7px; }
.product_detail .add_cart_box .add-to-cart{margin: 0;}
.product_detail .add_cart_box .quantity input{ font-size: 18px; font-weight: 500;}
.product_detail .add_cart_box .quantity .minus { left: 10px;}
.product_detail .add_cart_box .quantity .plus { right: 10px;}
.product_detail .product_price_show ul{list-style: none; padding: 0; margin: 30px 0 0;}
.product_detail .product_price_show ul li{ font-weight: 500; font-size: 24px; color: var(--text-primary); display: inline-flex;}
.product_detail .product_price_show ul li#lead_time{display: none;}
.product_detail .product_price_show ul li + li{border-left: var(--dark-gray-color4) solid 2px; padding-left: 20px; margin-left: 20px;}
.product_detail .product_price_show ul li .qty{margin-left: 10px;}
.product_detail .product_price_show ul li.price_color{color: var(--primary);}

.custom-section{ background: #fff; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); border-radius: 12px; padding: 20px; margin-top: -100px;}

.page-copy .page-heading { min-height: 350px; align-items: flex-end; display: flex; padding: 30px 0 50px 0; background:linear-gradient(0deg, rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.29)), url('/inner-banner-1.jpg') no-repeat center top -120px / 100% auto;background-attachment: fixed; color: var(--text-white); margin-bottom: 0; position: relative;}
.page-heading:after { content: ''; background: url(/ripped-paper-slider-2.png) no-repeat; width: 100%; height: 15px; position: absolute; bottom: 0; left: 0; right: 0;}
.page-copy .page-heading h1{ width: 100%; line-height: 1.3em; font-family: var(--default-font); font-weight: 600; color: var(--text-white); margin: 0 0 10px 0; padding: 0; font-size: 44px; text-shadow: 1px 2px 5px rgba(0,0,0,.3);}
.page-copy .page-heading p{    width: 100%; color: var(--text-white); font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.page-copy .breadcrumb{ width: auto; margin-bottom: 0; background: var(--bg-white); border-radius: 5px; padding: 8px 15px; color: #000;}
.page-copy .breadcrumb > li a,.page-copy .breadcrumb > li.active{font-size:14px; color: var(--text-primary); font-weight:500; text-decoration: none; padding: 0;}
.page-copy .breadcrumb>li+li:before{color: var(--text-primary);}
.page-copy .breadcrumb > li a:hover,.page-copy .breadcrumb > li a:focus { color: var(--btn-primary-hover);}

.home_shop_cate .shop_cat_list{width: 100%; display: flex; flex-wrap: wrap; background: var(--bg-white);}
.home_shop_cate h2{color: var(--text-primary); font-size: 28px; font-weight: 500; font-family: var(--default-font); padding: 0 0 20px; margin: 0 0 20px 0; border-bottom: var(--dark-gray-color4) solid 1px;}
.home_shop_cate .shop_cat_list{list-style: none; padding: 0; margin: 0 -10px;}
.home_shop_cate .shop_cat_list li{margin: 20px 10px 0; width: calc(25% - 20px);}
.home_shop_cate .shop_cat_list li a{text-decoration: none; margin: 0; display: flex; flex-wrap: wrap; height: 100%; flex-direction: column;}
.home_shop_cate .shop_cat_list li figure{width:100%; border:var(--dark-gray-color4) solid 1px; position: relative; text-align: center; border-radius: 6px; flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; transition: all 0.3s ease;}
.home_shop_cate .shop_cat_list li figure::after{content: 'Image coming soon'; width: 100%; padding: 0 13%; background: var(--bg-white); text-transform: uppercase; font-weight: 600;  color: var(--btn-secondary-hover); font-size: 20px; border-radius: 5px; position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; left: 0; right: 0; margin: auto;}
.home_shop_cate .shop_cat_list li h4{font-size: 18px; font-weight: 500; color: var(--text-primary); text-align: center;}
.home_shop_cate .shop_cat_list li img{ max-width: 100%; border-radius: 8px; position: relative; z-index: 11;}
.home_shop_cate .shop_cat_list li:hover figure{box-shadow:0px 4px 35px rgba(108, 108, 108, 0.13);}

.cart_sidebar{width: 360px; max-width: calc(100% - 20px); height: 100%; position: fixed; z-index: 99999; background: var(--bg-white); top: 0; right: -550px; transition: all 0.3s ease;}
.cart_sidebar.opened{right: 0; box-shadow: 0 0 20px rgba(0,0,0,.3);}
.page-copy .cart_sidebar .xrm-editable-html{padding: 0; background: none;}
.cart_sidebar > div,.cart_sidebar > div > div{display: flex; flex-wrap: wrap; width: 100%; height: 100%;}
.cart_sidebar .cart_head{width:100%; font-size: 18px; font-weight: 500;font-family: var(--default-font);color: var(--text-black); 
  display: flex; align-items: center; margin: 0;  padding: 10px 15px;  text-align: left; border-bottom: #ddd solid 1px; position: relative;}
.cart_sidebar .cart_head h3{font-size: 20px; font-weight: 600; font-family: var(--default-font); color: var(--text-black); margin: 0; padding: 0; text-align: center;}
.cart_sidebar .cart_head .close{opacity: 1; position: absolute; right: 15px; height: 30px; margin: auto; top: 0; bottom: 0; display: flex; align-items: center; color: var(--text-black);}
.cart_sidebar .cart_head .close > span{background: var(--btn-primary); color: #fff; text-shadow: none; font-size: 19px; padding: 5px; cursor: pointer;}
.cart_sidebar .cart_head .close:hover > span{background: var(--text-black);}
.cart_sidebar .cart_body{ display: flex; flex-wrap: wrap; width: 100%; height: calc(100% - 196px);}
.cart_sidebar .cart_body ul{height: 100%; width: 100%; overflow: auto;} 
.cart_sidebar .cart_body ul{list-style: none; padding: 20px; margin: 0;}
.cart_sidebar .cart_body ul li{width: 100%; font-family: var(--default-font); color: var(--dark-gray-color1); font-size: 14px; font-weight: 500; display: inline-flex; flex-wrap: wrap; margin-bottom: 15px;}
.cart_sidebar .cart_body ul li + li{ border-top: var(--light-gray-color4) solid 1px;  padding-top: 15px;}
.cart_sidebar .cart_body ul li h5{width:100%; color: var(--text-primary); font-size: 16px; font-weight: 600; line-height: 1.2em; margin: 0 0 5px 0; padding: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.cart_sidebar .cart_body ul li .price{width:100%; font-size: 14px; font-family: var(--default-font); margin:3px auto; font-weight: 500; color: var(--text-black);}
.cart_sidebar .cart_body ul li .cartproduct_total{width: 100%; font-size: 16px; font-weight: 600; color: var(--text-black);}
.cart_sidebar .cart_body ul li .product_img{width: 80px; height: 80px; position: relative; border: none; border-radius: 3px; display: inline-flex;}
/*.cart_sidebar .cart_body ul li .product_img:after{content: 'Image coming soon'; width: 100%; padding: 0 13%; background: var(--bg-white); border-radius: 6px; text-transform: uppercase; font-weight: 600; 
color: var(--btn-secondary-hover); font-size: 20px; position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; left: 0; right: 0; margin: auto;}*/

.cart_sidebar .cart_body ul li .product_img img{max-width: 100%; border-radius: 6px; position: relative; z-index: 1; background: var(--bg-white);}
.cart_sidebar .cart_body ul li .delete_record{width: 25px;height: 25px;font-size: 18px;border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;color: var(--red-color);cursor: pointer;position: absolute;right: -10px;top: -5px;transition: all 0.3s ease;border: #ddd solid 1px;background: #fff;}
.cart_sidebar .cart_body ul li .delete_record > span{color: inherit; font-size: inherit; font-weight: inherit;}
.cart_sidebar .cart_body ul li .delete_record:hover{ background: var(--red-color); border-color: var(--red-color); color: var(--text-white);}
.cart_sidebar .cart_body ul li .cart_pop_detail{ width:calc(100% - 100px); display: flex; flex-wrap: wrap; margin-left: 20px; align-self: flex-start; position: relative;}
.cart_sidebar .cart_body ul li .cart_pop_detail label{ width: 50px; display: inline-flex; margin: 0; font-weight: 400;}
.cart_sidebar .cart_body ul li .cart_pop_detail .cartproduct_total label{ font-weight: 500;}
.cart_sidebar .cart_body ul li .add_cart_box{width: 100%; flex-direction: initial; }
.cart_sidebar .cart_body ul li .add_cart_box .quantity{margin-left: 0; margin-right: auto; margin-bottom: 0;}
.cart_sidebar .cart_footer{padding: 20px; width: 100%;  display: flex; flex-wrap: wrap;}
.cart_sidebar .cart_footer .subTotal{display: flex; flex-wrap: wrap; width:100%; align-items: center; font-family: var(--default-font); font-size: 20px; font-weight: 600; color: var(--dark-gray-color1); padding-bottom: 10px; line-height: 1.2em;}
.cart_sidebar .cart_footer .subTotal .subtot_price{margin-right: 0; margin-left: auto;}
.cart_sidebar .cart_footer .btn-primary{margin-bottom: 0;}
.cart_sidebar .cart_footer .btn{padding: 5px;}
.cart_sidebar .cart_footer #go_cart{width: calc(40% - 10px); margin-right: 10px;}
.cart_sidebar .cart_footer #continue_shopping{ width: 60%;}
.cart_sidebar .cart_footer #continue_shopping:hover,.cart_sidebar .cart_footer #continue_shopping:focus{background: var(--btn-primary); border-color: var(--btn-primary); color: var(--text-white);}
/*.cart_sidebar .close{width: 48px; height: 48px; border: var(--dark-gray-color4) solid 1px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0;
margin-left: auto; position: absolute; right: 10px; top: 20px; transition: all 0.3s ease;}
.cart_sidebar .close:hover,.cart_sidebar .close:focus{background: var(--btn-secondary); opacity: 1; color: #fff; text-shadow: none; border: none;}*/

.cart_overlay{background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.cart_overlay.opened{opacity: 1; visibility: visible;}

#cart_product_list{width: 100%;}
#cart_product_list li{width: 100%; display: flex; align-items: center; padding: 10px; background: var(--bg-white); border-radius: 10px; box-shadow: 0 0 25px rgba(0,0,0,.1); margin-bottom: 20px; }
#cart_product_list li img{width: 80px; border-radius: 5px; margin-right: 20px;}
#cart_product_list li h3{font-size: 16px; margin: 0; padding: 0; font-weight: 600; letter-spacing: 0.5px; width: 30%;}
#cart_product_list li .qty{width: 25%; text-align: center; font-weight: 600; font-size: 16px;}
#cart_product_list li .total_price{font-weight: 600; width: 25%; text-align: center; font-size: 16px;}
#cart_product_list li #delete_cart_id{ margin-right: 0; margin-left: auto;}
#cart_product_list li #delete_cart_id > span{width: 35px; height: 35px; background: #ff6262; color: #fff; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; text-shadow: 2px 2px 4px rgba(0,0,0,.3);  cursor: pointer; transition: all 0.3s ease;}
#cart_product_list li #delete_cart_id > span:hover{background: var(--bg-white); color: #ff6262; box-shadow: 1px 1px 10px rgba(0,0,0,.1); text-shadow: none;}

#orderSummaryInfo .xrm-editable-html{width: 100%;}

ul::-webkit-scrollbar-track,#terms_condition_modal #terms_and_condition::-webkit-scrollbar-track,.portal_access_sec .portal_access_right::-webkit-scrollbar-track{ 	border-radius: 10px;	background-color: var(--light-gray-color5);}
ul::-webkit-scrollbar,#terms_condition_modal #terms_and_condition::-webkit-scrollbar,.portal_access_sec .portal_access_right::-webkit-scrollbar{ width: 8px;	background-color: var(--bg-white);}
ul::-webkit-scrollbar-thumb,#terms_condition_modal #terms_and_condition::-webkit-scrollbar-thumb,.portal_access_sec .portal_access_right::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: var(--primary);}

footer{background: #fcfbf8 url('/site-footer-farm.png') no-repeat bottom right / 500px auto; padding-top: 70px;}
footer .footer-top h6 > span{margin-left: 40px; width: 40px; height: 40px; cursor: pointer; border: #fff solid 1px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center;}
footer p,footer a{font-size: 16px; color: var(--text-white); line-height: 1.2em;}
footer .footer-top,footer .footer-bottom{background: none;}
footer .footer-bottom{padding-bottom: 16px !important; background: none; padding-top: 30px !important;}
footer h6{text-transform: uppercase; font-weight: 700; font-family: var(--default-font); font-size: 16px; margin: 0 0 20px 0; padding: 0 0 15px 0; position:relative;}
footer h6:after{content:''; width: 40px; height: 4px; background: var(--btn-primary); position: absolute; bottom: 2px; left: 0; border-radius: 4px;}
footer .footer-menu{list-style-type:none; padding:0; margin:0;}
footer .footer-menu li{padding-left:13px; position:relative; margin-bottom:10px; transition: all 0.3s ease;}
footer .footer-menu li:hover{transform: translateX(10px);}
footer .footer-menu li:before{content:'\e5cc'; font-size: 16px; position: absolute; top:-3px; left: -3px; font-weight: 500; font-family: 'Material Symbols Outlined'; }
footer .footer-menu li a{font-size: 14px; color: var(--text-black); font-weight: 500; margin: 0;}
footer .footer-menu li:hover a{color:var(--primary); text-decoration: none;}
footer .contact_info{list-style-type:none; padding:0; margin:0}
footer .contact_info li{ position: relative; padding-left: 30px; margin-bottom: 20px; font-size: 16px; font-weight: 500;}
footer .contact_info li .material-symbols-outlined{position:absolute; left:0; top:0; color: var(--btn-primary); font-weight: 500;}
footer .footer_basil_sprout{position:absolute; bottom:0; left:10px; width:150px}

#delete_warning .modal-body{text-align: center;}
#delete_warning .modal-body figure{text-align: center;}
/* footer .footer-top > div,footer .footer-top > div > div{width: 100%;} */
header .mobile_logo,header #navbar .profile_menu{display: none;}
header #navbar .profile_menu_ul{display: none; list-style: none; padding: 10px 0; margin: 0; flex-wrap: wrap;}
header #navbar .profile_menu_ul li{width: 100%; display: inline-flex;}
header #navbar .profile_menu_ul li a{width: 100%; color: var(--dark-gray-color4); display: flex; align-items: center; padding: 4px 9px; font-family: var(--default-font); cursor: pointer; font-size: 14px; font-weight: 400; margin: 0; transition: all 0.3s ease; }
.header_right .mobile_menu_icon{display: none;}
header #navbar .header_signin{display: none;}

header .menu_close{ margin-right: -5px; margin-top: -3px; margin-left: auto; font-size: 26px; display: inline-flex; align-items: center; justify-content: center; border: var(--dark-gray-color4) solid 1px; border-radius: 100%; padding: 3px; width: 40px; height: 40px; transition: all 0.3s ease;}
header .menu_close > span{font-size: inherit;}
header .menu_close:hover,header .menu_close:focus{ background: var(--btn-secondary); color: #fff;}

table.table tbody tr td{position: relative;}
table.table tbody tr td .toggle_table_arrow{ position: absolute; right: 10px; top: 5px; font-size: 26px;}

footer .footer-bottom p{color: var(--text-black); font-size: 14px; text-align: center;}

.hero_slider{width: 100%; display: flex;}
.hero_slider img{max-width: 100%;}

.subscription_plan{justify-content: center;}
.subscription_plan .card{min-width: 22%; border: var(--primary) solid 1px; justify-content: center; background:var(--bg-white); display: flex; }
.subscription_plan .card h3{font-size: 24px; color: var(--text-primary); font-weight: 600; margin: 0 0 20px;}
.subscription_plan .card + .card{margin-top: 0;     margin-left: 10px;}
.subscription_plan .card .card-body{padding: 50px; text-align: center; flex-direction: column; display: flex;}
.subscription_plan .card .status { border-radius: 5px; padding: 10px 15px; font-size: 15px; font-weight: 600; width: auto; display: inline-block;  margin: 25px auto;}
.subscription_plan .card .count{width: 25px; height: 25px; background: rgba(265,265,265,.2); border-radius: 100%; margin: -10px 0 -10px 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px;}
.subscription_plan .card span:not(.count){ margin-left: 10px; margin-right: -10px;}
.subscription_plan .card .button3{margin: auto;} 
.subscription_plan .card.inactive .button3{background: var(--red-color);}
.subscription_plan .card.inactive .button3:hover,.subscription_plan .card.inactive .button3:focus{background: var(--btn-secondary);}
.subscription_plan .card .card-body .status_icon{width: 60px; height: 60px; color: var(--text-white); margin: 15px auto; background: var(--primary); border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; font-size: 40px; box-shadow: 0 0 0 10px #4f46e520;}
.subscription_plan .card.inactive .card-body .status_icon{background: var(--red-color); box-shadow: 0 0 0 10px #ff515120;}
.subscription_plan .card.inactive{border-color: var(--red-color);}
.subscription_plan .card.allactive .card-body .status_icon{background: var(--secondary); box-shadow: 0 0 0 10px #47433f20;}
.subscription_plan .card.allactive{border-color: var(--secondary);}

.card.card_table { background: var(--bg-white); padding: 30px; border: none; box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px; border-radius: 0;}
.card.card_table table.table { border: var(--light-gray-color4) solid 1px;}
.card.card_table table.table thead tr th { font-size: 15px; background: var(--bg-white); color: var(--text-black); padding: 10px; border: none; border-bottom: 2px solid #dee2e6; border-top: 2px solid #dee2e6 !important; font-family: var(--default-font); font-weight: 500;}
.card.card_table table.table thead tr th.hide_sorting:before,.card.card_table table.table thead tr th.hide_sorting:after { display: none;}
.card.card_table table.table thead tr th.hide_sorting { pointer-events: none;}
.card.card_table table.table tbody tr td { border-top: none; border-bottom: solid 1px var(--light-gray-color4); padding: 15px 10px; font-size: 14px; font-family: var(--default-font);}
.card.card_table table.table.no-border tbody tr td {  border: none;}

.card.card_table table.v-align-middle tbody td,.card.card_table table.v-align-middle thead th{vertical-align: middle;}
.card.card_table table.table{border: var(--light-gray-color4) solid 1px; }
.card.card_table table.table thead tr th{ color: var(--text-black); background: var(--bg-white); padding: 10px; border: none; border-bottom: 2px solid #dee2e6;border-top: 2px solid #dee2e6 !important; font-size: 13px; font-family: var(--default-font); font-weight: 500;}
.card.card_table table.table thead tr th a{text-decoration: none; color: inherit;}
.card.card_table table.table thead tr th.hide_sorting:before,.card.card_table table.table thead tr th.hide_sorting:after{display: none;}
.card.card_table table.table thead tr th.hide_sorting{pointer-events: none;}
.card.card_table table.table tbody tr td{border-top: none; border-bottom:  solid 1px var(--light-gray-color4); padding: 15px 10px; font-size: 14px; font-family: var(--default-font);}
.card.card_table table.table.no-border tbody tr td{border: none;}
.card.card_table table.table thead tr th.th_action_btn {padding-left: 0 !important; padding-right: 0 !important;}
.view-toolbar.grid-actions {border: none;}
.entitylist { border: none;}
.crmEntityFormView, .entitylist, .modal-content, .popover-content { border: none;}

.grid-actions ul > li.dropdown > a { background: var(--btn-primary); color: var(--text-white); display: inline-flex; align-items: center; border: none; border-radius: 5px; font-weight: 500; text-decoration: none; margin: 0; cursor: pointer; transition: all 0.3s ease;}
.grid-actions ul > li.dropdown > a .fa-list { font-family: 'Material Symbols Outlined';  font-weight: 400;  font-size: 24px;  line-height: 1em;  margin-right: 5px;}
.grid-actions ul > li.dropdown > a .fa-list::before {  content: '\e164';}
.grid-actions ul > li.dropdown > a .caret {  margin-left: 10px;}
.grid-actions ul > li.dropdown.open > a {  background: var(--btn-secondary);  color: var(--text-white);  border: none;  margin: 0;}
.grid-actions ul > li.dropdown.open > a:focus,.grid-actions ul > li.dropdown > a:focus {  border: none !important; outline: none;}
.grid-actions ul > li.dropdown .dropdown-menu {    padding: 0;    margin: 0;}
.grid-actions ul > li.dropdown .dropdown-menu li a { text-decoration: none;  border: none; margin: 0; font-size: 14px; padding: 10px 15px; transition: all 0.3s ease;}
.grid-actions ul > li.dropdown .dropdown-menu li a:focus,.grid-actions ul > li.dropdown .dropdown-menu li a:active:focus { border: none !important; outline: none;}

#course_list .product_grid{align-items: stretch;}
#course_list .product_grid figure{width: 100px; border-right: #ddd solid 1px; align-items: center;}
#course_list .product_grid .product_grid_detail{width: calc(100% - 100px);}
#course_list tbody tr td{padding: 0;}
#course_list .product_grid h3{margin-bottom: 10px;}
#course_list .product_grid .price{width: 100%; font-size: 16px; font-weight: 600; margin: 0 auto 10px;}
#course_list .product_grid .btn .material-symbols-outlined{margin-left: 0;}

#checkoutSec .card {background: var(--bg-white); border-color: var(--btn-primary);}
#checkoutSec .card .card-header{padding: 15px 20px; background: var(--bg-white);}
#checkoutSec .card .card-header .main_title{padding: 5px 0 15px 0; font-size: 22px; color: var(--btn-info);}
#checkoutSec .card .card-body .chkout_title{background: var(--secondary); padding: 20px; margin: -16px -16px 20px; border-radius: 5px 5px 0 0;}
#checkoutSec .card .card-body .chkout_title h3{color: var(--text-white); font-weight: 600; margin: 0; padding: 0;}
#checkoutSec .card .card-body .btn > span{margin-left: 5px; margin-right: 0;}
#checkoutSec .card .card-body .chkout_btn_box{margin-top: 20px;}
#checkoutSec .card .card-body .chkout_lst{width: 100%; padding: 8px 0; font-size: 16px; font-weight: 600; display: flex; align-items: center;}
#checkoutSec .card .card-body .chkout_lst a{display: inherit; text-decoration: none; font-weight: inherit; color: inherit; align-items: inherit;}
#checkoutSec .card .card-body .chkout_lst a:hover{color: var(--btn-primary);}
#checkoutSec .card .card-body .chkout_lst label{ font-weight: 500; font-size: 16px; margin: 0 auto 0 0; min-width: 150px;}
#checkoutSec .card .card-body .chkout_lst .material-symbols-outlined{ color: var(--btn-primary); margin-right: 10px; background: #4f46e510; width: 35px; height: 35px; align-items: center; display: inline-flex; justify-content: center; border-radius: 100%; font-size: 20px; font-weight: 500;}
#checkoutSec .card .card-body .total_sum,#checkoutSec .card .card-body .total_sum label{font-size: 20px; font-weight: 600;}

#Cart_table thead tr th{font-weight: 600; font-size: 16px;}
#Cart_table tbody tr td{font-size: 18px;}
#Cart_table tbody tr td.cart_img{width: 100px;}
#Cart_table tbody tr td.cart_total{font-weight: 600;}
#Cart_table tbody tr td h4{color: var(--btn-info);}

.view-pagination{ border-top: none; padding: 5px 0;}
.view-pagination .pagination{margin-top: 0;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 40px;}
.dataTables_filter{text-align: right;}
ul.pagination li.disabled a{color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border: #dee2e6 solid 1px; border-radius: 40px;}
ul.pagination {margin: 0; padding: 5px 10px; justify-content: flex-end;}
.pagination>li>a, .pagination>li>span{display: inline-flex; align-items: center; justify-content: center; margin: 0 10px 0 0 !important; border: #ddd solid 1px; width: 40px; height: 40px; border-radius: 40px !important; transition: all 0.3s ease;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,.pagination>li:last-child>a:hover,.pagination>li:first-child>a:hover{background: var(--btn-primary) !important; margin: 0 10px 0 0 !important;
border-color: var(--btn-primary) !important; border-radius: 40px;}
.pagination>li>a:hover,.pagination>li>a:focus{background: var(--btn-secondary); color: var(--text-white);}

.landing-cta{ width: 100%; border-radius: 0; padding: 30px; background: var(--primary); color: var(--text-white);}
.landing-cta#box_2_id{background: var(--btn-info); margin-bottom: 20px;}
.landing-cta h4{color: var(--text-white); margin-bottom: 20px; margin-top: 0;}
.landing-cta .btn .material-symbols-outlined{margin-left: -5px;}
.landing-cta .btn-white:hover,.landing-cta .btn-white:focus,.landing-cta .btn-white:active:focus{background: var(--text-black); color: #fff; border-color: var(--text-black);}

#purchase_order_option_modal{display: none;}

@media screen and (min-width:601px){
table.table tbody tr td .toggle_table_arrow{display: none;}
}

@media (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio: 1.76) {
/**:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
  zoom: 0.965;
}*/
.container { width: 1060px; max-width: 100%;}
body {padding-top: 75px;}
.page-copy .page-heading{padding-bottom: 180px;}
footer p, footer a{font-size: 14px;} 
footer h6 { font-size: 18px;}
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.55) {
  /**:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
    zoom: 0.975;
  }*/
.container { width: 1450px; max-width: 100%;}
.page-copy .page-heading{padding-bottom: 170px;}
footer p, footer a{font-size: 14px;} 
footer h6 { font-size: 18px;}
}
@media (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.09) {
.page-copy .page-heading{padding-bottom: 30px;}
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
.container:not(.signinpage){ width: 1200px; max-width: calc(100% - 20px);}
/*header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a, header .header_right .nav-item.header_signin > a{font-size: 14px;}*/
header .header_right .username{font-size: 14px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active{font-size: 14px;}
.product_grid h3{font-size: 16px;}
.product_grid .price,#course_list .product_grid .price{font-size: 16px;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current, body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover,body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next,body .dataTables_wrapper .dataTables_paginate span a.paginate_button{width: 30px; height: 30px; font-size: 13px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous .material-symbols-outlined, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next .material-symbols-outlined{font-size: 20px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous{margin-right: 5px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{margin-left: 5px;}
.card.card_table table.table thead tr th,.card.card_table table.table tbody tr td{font-size: 13px;}
.btn, button{font-size: 14px;}
.material-symbols-outlined{font-size: 22px;}
body,.tab-style-1 .nav-tabs>li>a{font-size: 13px;}
.form-control,table.table tbody tr td{font-size: 13px;}
.form-group label, .form-control-cell label.field-label,.form-group .form-control, .form-control-cell .control input{font-size: 12px;}
.tab-style-1 h3, .table-title,.subscription_plan .card h3{font-size: 22px;}
table.table thead tr th,#Cart_table thead tr th{font-size: 14px;}
#Cart_table tbody tr td{font-size: 14px;}
#checkoutSec .card .card-body .chkout_lst{font-size: 14px;}
#checkoutSec .card .card-body .total_sum, #checkoutSec .card .card-body .total_sum label{font-size: 18px;}
#Cart_table tbody tr td h4{font-size: 16px;}
table.table tbody tr td{padding: 12px 10px;}
.adv_service_box h4{font-size: 16px; line-height: 1.3em;}
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1720px){
.container { width: 1400px;}
}
@media (min-width: 1750px) and (-webkit-device-pixel-ratio: 1){
  .container:not(.signinpage) { width: 1400px; max-width: 100%;}
}
@media screen and (max-width:1450px){

}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1350px){
header .navbar-static-top.navbar-inverse .navbar-brand { min-width: 100px;}
header .header_right{width: auto;}
}
@media screen and (max-width:1250px){ 
header .header_right .username, header .header_right .nav-item.header_signin > a{font-size: 14px;}
.product_list .product_grid li .product_desc .product_note{line-height: 1.15em; font-size: 16px;}
.product_list .product_grid li .product_desc .product_price{line-height: 1.2em; font-size: 16px;}
.product_detail .product_info_detail li,.product_detail .brand_box{font-size: 20px;}
.product_detail .product_title{font-size: 30px;}
}
@media screen and (max-width:1200px){
.product_list .product_grid li .product_desc{width: calc(100% - 200px); padding-right: 0;}
.product_grid .add_cart_box{width: calc(100% - 225px); margin-left: 225px; flex-direction: initial; align-items: center; margin-top: 15px;}
.product_grid .add_cart_box .quantity{margin-right: 10px; margin-left: 0; margin-bottom: 0;}
.product_grid .add_cart_box .add-to-cart{margin-right: auto; margin-left: 0; margin-top: 0;}
.product_grid .add_cart_box .add-to-cart .material-symbols-outlined { font-size: 130%;}
}
@media screen and (max-width:1199px){
header #navbar{ position: fixed; width: 300px; flex-wrap: wrap; flex-direction: column; top: 0; right: -320px; bottom: 0; background: var(--bg-white); z-index: 999; height: 100%; max-height: 100% !important; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); transition: all 0.3s ease;}
header #navbar.opened{right: 0;}
header #navbar .profile_menu{margin: 0 -15px; padding: 15px 20px; border-bottom: var(--light-gray-color3) solid 1px; background: var(--light-gray-color3); font-size: 18px; font-weight: 500; margin-top: 0; color: var(--btn-primary); display: flex; align-items: center;}
header #navbar .profile_menu .material-symbols-outlined{margin-right: 10px; font-size: 150%;background: var(--color-light-yellow); color: var(--btn-primary-hover); border-radius: 100%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: normal; text-shadow: none;}
header .navbar-right{width: 100%; height: calc(100% - 265px);}
header .navbar-right ul.navbar-nav{height: 100%; overflow: auto; margin-top: 0; margin-bottom: 0;}
header .navbar-static-top.navbar .navbar-nav>li.weblink + li.weblink{border-left: none;}
header .navbar-static-top.navbar .navbar-nav>li.weblink{border: none; border-bottom:rgba(0,0,0,.09) solid 1px}
header .navbar-static-top.navbar .navbar-nav>li.weblink:first-child{border-top:rgba(0,0,0,.09) solid 1px;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{padding: 15px 25px;}
header .mobile_logo{display: inline-flex; padding: 15px 20px 15px; background: var(--light-gray-color2); margin: 0 -15px 0; border-bottom: var(--light-gray-color3) solid 1px;}
header .mobile_logo img{width: 100px;}
.header_right .mobile_menu_icon{display: inline-flex; margin-left: 15px;}
header .navbar-static-top.navbar-inverse .navbar-brand{padding-left: 0;}
}
@media screen and (max-width:1100px){
h2, .modal h2,.product_detail .product_title { font-size: 28px; line-height: 1.3em;}
.product_detail .brand_box{font-size: 20px; padding: 8px 12px;}
.product_detail .brand_box label{margin-bottom: 0;}
.product_detail .product_info_detail li{font-size: 18px; width: 100%; margin: 5px 0;}
.product_detail .product_info_detail li:nth-child(even){margin-left: 0;}
.product_detail .product_info_detail{padding-top: 10px;}
.product_detail .product_information h4{font-size: 20px;}
.product_detail .product_information p{font-size: 16px;}
.btn{font-size: 16px; border-radius: 8px;}
.product_detail .add_cart_box .btn { padding: 12px 30px;}
.product_detail .add_cart_box .btn .material-symbols-outlined { font-size: 150%;}
.product_detail .add_cart_box .quantity input{font-size: 16px; width: 100px;}
.product_detail .add_cart_box .quantity .minus{left: 0;} 
.product_detail .add_cart_box .quantity .plus{right: 0;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active{font-size: 16px;}
.product_detail .product_price_show ul li{font-size: 20px;}
.product_detail .product_price_show ul{margin-top: 5px;}
footer h6{font-size: 20px;}
}

@media screen and (max-width:1024px){
table tbody tr td.so_description p{width: 300px;}
table.table thead tr th,table.table tbody tr td{font-size: 16px;}
.portal_access_sec .portal_access_left{display: none;}
.portal_access_sec .portal_access_right{width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px;}
.portal_access_sec .portal_access_right .portal_access_form{width: 100%;}
.filter-area #ApplyFilters, .filter-area #ClearFilters{font-size: 14px;}
}

@media screen and (max-width:991px){
header .navbar-static-top.navbar-inverse{padding: 5px 0;}
.container{max-width: 100%; width: 100%;}
footer h6 { font-size: 18px; margin-bottom: 30px;}
footer .footer-top h6 > span{width: 30px; height: 30px; margin-left: 25px;}
body { padding-top: 80px;}
.footer-bottom .footer_btm_center a{margin: 0 5px;}
.footer-bottom .footer_btm_right a { padding-left: 7px; padding-right: 7px; line-height: 1.2em; font-size: 15px;}
.footer-bottom .footer_btm_left p { font-size: 15px;}
.cart_right_side { margin-top: 0;}
.cartdetail_left{margin-bottom: 0;}
#change_acc_modal{margin-bottom: 20px; padding: 14px 20px;}
.tab-style-1 h3 { font-size: 24px;}
.tab-style-1 .nav-tabs>li>a{font-size: 22px;}
#getProductDetail{margin-top: 30px;}
.card .card-body{font-size: 16px;}
.product_detail .product_title{max-width: 100%; width: 100%; margin-top: 20px;}
.product_detail figure img{width: 100%;}
.product_detail .product_information { min-height: 100px;}
.cart_right_side .cart_note_list li{font-size: 14px;}
.cart_right_side .sub_total h5, .cart_right_side .sub_total .price { font-size: 18px;}
}

@media screen and (max-width:768px){
.product_detail .product_title,.tab-style-1 h3, .table-title{font-size: 24px;}
.product_detail .brand_box{font-size: 18px;}
.product_detail .product_info_detail li{font-size: 16px;}
.product_detail .product_information h4{font-size: 18px;}
.product_detail .product_information { min-height: 100px;}
.product_detail .add_cart_box .btn { padding: 10px 25px;}
.product_detail{padding: 20px;}
footer h6 { font-size: 15px;}
}

@media screen and (max-width:767px){
header .header_right .notification_icon, header .header_right .head_cart_icon{width: 48px; height: 48px;}
.table-title .notifi{font-size: 12px;}
header .header_right .notification_icon span, header .header_right .head_cart_icon span { font-size: 24px;}
header .notification_box, header .head_cart_box { margin-left: 10px;}
header .navbar-static-top.navbar-inverse .navbar-brand{min-width: 100px;}
header .header_right .profile_menu{display: none;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{font-size: 16px;padding: 18px 25px;}
.product_side_icon{display: flex;}
.body-add-sticky .product_side_icon{opacity: 1; visibility: visible;}
.signinpage .login_left .form-horizontal .form-group > label > span{font-size: 16px;}
.form-group label{padding-bottom: 0;}
.signinpage .login_left .form-horizontal .form-group .form-control{font-size: 16px;}
h2,.modal h2{ font-size: 30px; line-height: 1.2em;}
.portal_access_sec .portal_access_left,.portal_access_sec .portal_access_right{width:100%}
.portal_access_sec .portal_access_right{padding: 0;}
.portal_access_sec .portal_access_right h2{font-size: 28px;}
.product_detail .product_info_detail li{font-size: 16px; margin: 8px 0 0;}

.footer-bottom .footer_btm_left,.footer-bottom .footer_btm_center,.footer-bottom .footer_btm_right{width: 100%; justify-content: center; text-align: center;}
.footer-bottom .footer_btm_left{order: 3; }
.footer-bottom .footer_btm_center{ order: 1;}
.footer-bottom .footer_btm_right{ order: 2; margin: 15px auto;}
footer h6 { font-size: 20px; margin: 0 0 30px;}
footer .footer-logo{margin-bottom: 30px;}
footer h6{width: 100%;}
footer .footer-top h6 > span{margin-right: 0; margin-left: auto;}
footer .footer-top { padding: 50px 0 0;}
.footer-bottom .footer_btm_right a { padding-left: 12px; padding-right: 12px;}
.footer-bottom .footer_btm_left p,.footer-bottom .footer_btm_right a { font-size: 14px;}
footer .footer-logo{width: 130px;}
.home_shop_cate .shop_cat_list{width: initial; margin: 0;}
header #navbar .profile_menu_ul{display: flex;}
.home_shop_cate .shop_cat_list li { width: calc(50% - 20px);}
#delivery_address_modal_wrapper #delivery_address_modal_filter label, #my_order_filter label{font-size: 16px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input, #my_order_filter label input{font-size: 16px; margin-top: 5px;}
.search_filter .btn,.search_filter #clearFilter{min-width: 100px; font-size: 14px; padding: 6px 10px;}
#my_order_filter { width: calc(100% - 140px); margin: 0;}
table.table thead tr th,table.table tbody tr td{font-size: 16px; line-height: 1.2em;}
.middle_content{padding-left: 15px; padding-right: 15px; margin-top: -100px; margin-bottom: 50px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input, #my_order_filter label input{background-position: center left 10px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input, #my_order_filter label input{padding-left: 45px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active{font-size: 16px;}
.page-copy .page-heading h1{font-size: 34px;}
.tab-style-1 h3, .table-title{margin-top: 0;}
.page-copy .page-heading{padding-bottom: 130px;}
.dataTable tr td input[type="radio"], .modal input[type="radio"]{width: 13px; height: 13px;}
.form-group .form-control, .form-control-cell .control input{font-size: 16px;}
.product_sidebar{opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; bottom: 0; padding: 15px; width: 320px; height: 100%; margin: 0; overflow: auto; z-index: 99; transform: translateX(-320px); transition: all 0.3s ease;}
.product_sidebar.opened{opacity: 1; visibility: visible; transform: translateX(0);}
.product_sidebar .filter_box:last-child{margin-bottom: 0;}
.filter_box {padding: 15px;}
.filter_box .filter_head{padding: 10px 15px; font-size: 18px; margin: -15px -15px 10px;}
.filter_box .filter_head .filter_toggle_btn { width: 35px; height: 35px;}
.filter_box .stylish_checkbox input[type='checkbox'] + label,.filter_box .stylish_checkbox input[type='radio'] + label{font-size: 16px;}
.filter_box .filter_body ul li{margin: 10px 0;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):before, .tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{width: 18px; height: 18px;}
.portal_access_sec .portal_access_left{display: none;}
.btn{ padding: 14px 28px;}
.form-group label, .form-control-cell label.field-label{font-size: 16px;}
.filter_popup .filter_body { padding: 15px;}
.filter_popup .filter_header{padding: 5px 15px;}
.filter_popup{top: 60px; width: 480px;}
.filter_popup .filter_body .form-control{height: 40px;}
.filter_popup .filter_header .filter_title{font-size: 20px;}
.filter_popup .filter_body .form-group label, .filter_popup .filter_body .form-control-cell label.field-label{font-size: 14px;}
.cart_right_side { margin-top: 0;}
.cart_right_side .sub_total h5, .cart_right_side .sub_total .price{font-size: 20px;}
.tab-style-1 .nav-tabs>li>a{ padding: 13px 20px; font-size: 20px;}
.company-acc-info label{margin-bottom: 0; font-size: 14px;}
.company-acc-info b{font-size: 16px;}
#change_acc_modal{font-size: 16px;}
.tab-style-1 h3{font-size: 22px;}
#cart_detail_table thead,#so_notification thead{display: none;}
#cart_detail_table tbody tr td.td_desc{width: 100%;}
#cart_detail_table tbody tr td{width: 100%; max-width: 100%; padding: 0px 15px 15px; border-bottom: none; display: flex; flex-wrap: wrap;}
#cart_detail_table tbody tr td:first-child{padding-top: 20px;}
#cart_detail_table tbody tr td:last-child{border-bottom: var(--dark-gray-color4) solid 1px;}
#cart_detail_table tbody tr td .table_th{display: inline-flex; margin-bottom: 5px;}
#cart_detail_table tbody tr td h4 { white-space: initial; line-height: 1em; font-size: 16px; margin-bottom: 0;}
#cart_detail_table tbody tr td p{margin-bottom: 0; width: 100%;}
.cart_right_side .btn { margin: 0 0 15px;}
.cart_right_side .sub_total{margin-bottom: 15px; padding-top: 10px;}
.modal.fade.in{align-items: initial;}
#change_address_modal table.table tbody tr td:before { content: attr(data-label); display: inline-block; line-height: 1.5; margin-left: 0; width: 100%; white-space: nowrap;}
#so_notification tbody tr td,#my_order tbody tr td,table.table tbody tr td,#change_address_modal table.table tbody tr td{width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 10px; border-bottom: none;}
#so_notification tbody tr td:last-child,#my_order tbody tr td:last-child,table.table tbody tr td:last-child{border-bottom: var(--dark-gray-color4) solid 1px;}
#change_address_modal table.table tbody tr td:last-child{border-bottom: var(--dark-gray-color4) solid 1px;}
table tbody tr td.so_description p{max-width: 100%; width: 100%; white-space: pre-line; padding-right: 0;}
#so_notification tbody tr td::before,#my_order tbody tr td:before,table.table tbody tr td::before { content: attr(data-label); float: left; font-weight: 500; text-transform: initial; width: 100%; margin-bottom: 10px; margin-top: 5px; }
table tbody tr td.so_description p:after{position: relative; width: 100%;}
#so_notification thead,#my_order thead,#my_order tfoot,table.table thead,table.table tfoot{display: none;}
#my_order_filter{padding-left: 10px; padding-top: 10px;}
.my_order_sec .search_filter { top: 68px; right: 25px;}
.dataTables_wrapper .dataTables_paginate{margin-top: 10px; margin-bottom: 10px;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current, body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover,body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{font-size: 16px; width: 40px; height: 40px; margin-left: 5px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous{margin-left: 5px; margin-right: 0;}
.dataTables_wrapper .dataTables_info { margin-top: 5px; font-size: 14px;}

.my_order_sec .dataTables_scrollHead{display: none;}
.my_order_sec .dataTables_scrollFoot .dataTables_scrollFootInner{max-width: 100%; position: fixed; background: #fff; overflow: auto; box-shadow: 0 0 10px rgba(0,0,0,.2); top: 75px; border-radius: 5px; border: none; max-height: calc(100vh - 100px); opacity: 0; visibility: hidden; transform: scale(0.5);  transition: all 0.3s ease;}
.my_order_sec .dataTables_scrollFoot .dataTables_scrollFootInner.opened{opacity: 1; visibility: visible; transform: scale(1);}
.my_order_sec .dataTables_scrollFoot .dataTables_scrollFootInner tfoot tr td,.my_order_sec .dataTables_scrollFootInner tfoot tr th{display: flex; min-width: 100%; box-sizing: border-box;}
.my_order_sec .dataTables_scrollFootInner tfoot tr th{border: none;}
#my_order_wrapper .dataTables_scroll .dataTables_scrollFoot .form-control{width: 100% !important;}
.my_order_sec table#my_order tfoot{display: flex;}
table#my_order tfoot tr th{display: inline-flex; width: 50%; padding: 5px; box-sizing: border-box;}
table#my_order tfoot tr th input{max-width: 100%; width: 100% !important;}
table#my_order tfoot tr th .form-control{padding: 10px;}
.myorder_filter{display: flex;}
#my_order tbody td a{padding-top: 0; padding-bottom: 0;}
table#my_order tbody tr td { padding-top: 7px; padding-bottom: 7px;}
table#my_order tbody tr{display: flex;flex-wrap: wrap;}
table#my_order tbody tr + tr{border-top: #ddd solid 1px;} 
table#my_order tbody tr td.td_status,table#my_order tbody tr td.td_amount,table#my_order tbody tr td.td_order_date{width: 33%;}
#my_order tbody tr td:before, table.table tbody tr td::before{font-size: 14px; margin-bottom: 5px;}
table#my_order tbody tr td.hidesearchFilter, table#my_order tbody tr th.hidesearchFilter,table#my_order tfoot tr th.hidesearchFilter{display: none;}
.my_order_sec table#my_order tfoot,.my_order_sec table#my_order tfoot tr{width: 100%;}
.dataTables_wrapper #my_order .action_dropdown{width: auto; margin-bottom: 0;}
.order_summary_heading{flex-wrap: wrap;}
.order_summary_heading .order_num{ width: 100%; margin-right: 0; padding-right: 0; border: none;}
.order_summary_heading .process_status{ width: 100%; border-top: var(--dark-gray-color4) solid 1px; margin-top: 10px; padding-top: 10px;}
#delivery_address_datatable tbody td.action{width: 100%;}
#delivery_address_datatable tbody td.action .btn{ padding: 8px 20px; font-size: 14px; border-radius: 5px; margin-top: -10px; margin-bottom: 5px;}
.dataTables_wrapper .dataTables_length select{padding: 6px 10px;}
.product_detail figure::before{font-size: 4.5vw;}
.captcha_field #textInput{width: calc(100% - 400px);}
.product_list .product_grid li figure img{width: 100%; height: auto;}
.filter-area.three_field_col .form-group.width-position-one { width: calc(100% / 1 - 20px);}
.dataTables_wrapper #my_order .action_dropdown ul{width: 100%; position: relative; opacity: 1; padding: 0; visibility: visible; left: 0; top: 0; box-shadow: none; transform: none;}
.dataTables_wrapper #my_order .action_dropdown ul li{justify-content: flex-start;}
.dataTables_wrapper #my_order .action_dropdown ul li a{width: auto; background: var(--btn-secondary); padding: 6px 15px; color: var(--text-white); border-radius: 5px;}
.dataTables_wrapper #my_order .action_dropdown .material-symbols-outlined{display: none;}
.dataTables_wrapper .dataTables_length{ margin-top: 10px;}
.modal .modal-body .modal-title{font-size: 18px;}
.tab_payment_detail{padding: 0;}
.tab_payment_detail label.stripe_note{padding-left: 0; margin-left: 0;}
.tab_payment_detail label{margin-left: 0}
.tab_payment_detail label > span{margin-right: 0}
.tab_payment_detail .field{width: calc(100% - 120px);}
.tab_payment_detail label.stripe_note img{width: 120px}
}



@media screen and (max-width:667px){
.product_list .product_grid li figure{width: 100%;}
.product_list .product_grid li .product_desc{width: 100%; padding-left: 0; margin: 15px auto;}
.product_grid .add_cart_box{margin-left: 0; width: 100%;}
.product_list label.brandName{position: relative; left: 0; font-size: 14px;}
.product_list .product_grid li .product_desc .product_price, .product_list .product_grid li .product_desc .price_availability_check{font-size: 16px;}
#comp_acc_datatable tbody td p{max-width:100%}
}
@media screen and (max-width:640px){
header .navbar-static-top.navbar-inverse .navbar-brand img,header.sticky-header .navbar-static-top.navbar-inverse .navbar-brand img{width: 100px;}
header .navbar-brand { padding: 8px 0;}
body { padding-top: 60px;}
.hero_slider .hero_slider_bg{height: 350px;}
.hero_slider .hero_detail{width: 95%; padding: 20px; margin-bottom: 30px;}
.hero_slider .hero_detail h1{font-size: 38px;}
.hero_slider .hero_detail p{ font-size: 16px; line-height: 1.5em;}
.home_sec { padding: 50px 0;}
.home_shop_cate .shop_cat_list li{width: 100%; margin: 20px 0 0;}
.home_shop_cate h2{font-size: 24px; margin-bottom: 10px;}
.page-copy .page-heading h1{font-size: 30px; margin-bottom: 5px;}
.tab-style-1 .nav-tabs>li>a{ padding: 13px 10px; font-size: 18px;}
.tab-style-1 .nav-tabs>li.active>a::after{height: 2px;}
.card .card-header .card-title{margin-bottom: 0 !important;}
.card .card-body{font-size: 14px;}
.product_detail .product_information p { font-size: 14px;}
.product_detail .product_information h4 {font-size: 16px;}
}
@media screen and (max-width:600px){
.dataTables_wrapper table.dataTable#my_order tbody tr:not(.expand_td) td:not(.mobile_table_toggle ){display: none;}
.filter_popup{width: 400px;}
.tab-style-1 h3{margin-bottom: 10px !important;}
.cart_sidebar .cart_body ul,.cart_sidebar .cart_footer { padding: 15px 15px;}
.cart_sidebar .cart_body ul li .product_img { width: 80px; height: 80px;}
.cart_sidebar .cart_body ul li .cart_pop_detail { width: calc(100% - 110px); margin-left: 10px;}
.cart_sidebar .cart_body ul li .cart_pop_detail p{margin-bottom: 5px; font-size: 14px;}
.cart_sidebar .cart_body ul li .price{font-size: 16px;}
.cart_sidebar .cart_body ul li .cart_pop_detail{font-size: 14px;}
.cart_sidebar .cart_body ul li h5{font-size: 15px; line-height: 1.2em; margin-bottom: 3px;}
.cart_sidebar .add_cart_box .quantity input{width: 85px; height: 36px; border-radius: 3px; font-size: 14px;}
.cart_sidebar .add_cart_box .quantity button span{font-size: 20px;}
.cart_sidebar .cart_body ul li .delete_record{ font-size: 20px; width: 40px; height: 40px;}
.cart_sidebar .cart_head h3 { font-size: 20px; padding: 15px 15px;}
.cart_sidebar .cart_body ul li{margin-bottom: 15px;}
.cart_sidebar .cart_body ul li + li{padding-top: 15px;}
.btn {  font-size: 16px; padding: 12px 20px;}
.cart_sidebar .cart_footer .btn-primary { margin-bottom: 10px;}
.captcha_field #textInput{height: 50px;  width: 65%; margin-bottom: 15px;}
table.table thead tr th,table.table tbody tr td{font-size: 14px; line-height: 1em;}
#cart_detail_table tbody tr td .table_th, table.table tbody tr td .table_th{font-size: 14px; width: 100%;}
#cart_detail_table tbody tr td .table_th.sr_th, table.table tbody tr td .table_th.sr_th{width: auto;}
#cart_detail_table tbody tr td .delete_record{font-size: 22px; width: 40px; height: 40px;}
table.table tbody tr{width: 100%; display: flex; flex-wrap: wrap;}
table.table tbody tr td.td_sm_half_width, #cart_detail_table tbody tr td.td_sm_half_width{width: 50%;}
.myorder_filter { width: 40px; height: 40px; font-size: 20px;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current, body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover, body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next,body .dataTables_wrapper .dataTables_paginate span a.paginate_button{width: 24px; height: 24px; padding: 5px; font-size: 12px; margin-left: 5px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous > span, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next > span{font-size: 18px;}
.dataTables_wrapper .dataTables_info { font-size: 12px;}
.dataTables_wrapper .dataTables_paginate{width: 100%; justify-content: center;}
header .header_right .head_cart_icon .count, header .header_right .notification_icon .count{right: -8px; font-size: 10px; min-width: 18px; height: 18px; line-height: 1em;}
header .header_right .notification_icon span, header .header_right .head_cart_icon span,header.sticky-header .header_right .notification_icon .material-symbols-outlined, header.sticky-header .header_right .head_cart_icon .material-symbols-outlined { font-size: 18px;}
header .header_right .notification_icon, header .header_right .head_cart_icon,header.sticky-header .header_right .notification_icon, header.sticky-header .header_right .head_cart_icon { width: 38px; height: 38px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active { font-size: 14px;}
.breadcrumb>li+li:before{padding: 0;}
.middle_content{margin-top: -70px;}
.page-copy .page-heading { padding-bottom: 100px;}
.dataTables_wrapper .dataTables_length{font-size: 13px;}
.dataTables_wrapper .dataTables_length select{font-size: 14px;}
.order_summary_heading{font-size: 16px;}
.company-acc-info{margin-bottom: 20px;}
#cart_detail_table tbody tr td{padding-bottom: 5px;}
.modal .modal-body .modal-title,#address_modal .modal-body{padding: 15px;}
#address_modal .modal-header button.close{right: 30px; top: 30px;}
#address_modal .modal-body{max-height: calc(100vh - 100px); overflow: auto;}
#address_modal .modal-footer{padding: 10px 0;}
.modal .modal-body .modal-title{margin-bottom: 20px;}
.cart_right_side .form-group label, .cart_right_side .form-group .form-control { font-size: 14px;}
#thankyou_order_modal .modal-body{padding: 10px 10px 30px;}
.modal h2{font-size: 26px;}
#thankyou_order_modal .modal-body figure{text-align: center; justify-content: center; display: flex; width: 100%; margin-bottom: 20px;}
#thankyou_order_modal .modal-body figure img{margin: auto; display: inline-block; width: 100px;}
.text-medium { font-size: 14px !important; line-height: 1.5em !important;}
.modal .modal-body .btn-sm-sm { padding: 8px 15px; font-size: 14px; border-radius: 4px;}
.modal .btn.btn-sm-sm .material-symbols-outlined{font-size: 130%; margin-left: -7px;}
.mt-sm-1{margin-top: 10px !important;}
.no-input-icon .form-control, .no-input-icon .control input{height: 45px; padding-top: 8px; padding-bottom: 8px;}
table#delivery_address_modal tbody tr td.radio_table_col{width: 30px; align-items: flex-start; padding-top: 0; padding-right: 5px;}
table#delivery_address_modal tbody tr td.td_name {width: calc(100% - 30px);}
.modal .modal-body { padding: 15px;}
.page-copy .page-heading{padding-top: 20px;}
}
@media screen and (max-width:480px){
.btn{ font-size: 14px; padding: 8px 15px; border-radius: 4px;}
#my_order_filter{width: 100%; right: 0; top: 0;}
.my_order_sec .search_filter{position: relative; width: 100%; top: 0; right: 0;}
.my_order_sec .search_filter .btn{position: relative; width: 100%;}
.my_order_sec .search_filter .filter_body .btn{width: calc(50% - 10px); font-size: 16px; margin-top: 5px;}
.filter_popup{width: 100%;}
.form-group .form-control, .form-control-cell .control input { font-size: 14px;}
.tab-style-1 .nav-tabs>li>a{ padding: 10px 8px; font-size: 16px;}
.product_list .product_grid li .product_desc .product_note{ border: none;  font-size: 15px; padding-left: 0; line-height: 1.5em;}
.product_grid .add_cart_box{margin-top: 0;}
.product_list .product_grid li .product_desc p{font-size: 14px;}
.filter_box .filter_head { padding: 8px 15px;font-size: 16px; margin: -15px -15px 10px;}
.filter_box .filter_head .filter_toggle_btn { width: 30px; height: 30px;}
.filter_box .filter_head .filter_toggle_btn:before{font-size: 20px;}
.filter_box .filter_body ul p{font-size: 14px;}
.product_side_icon{width: 50px; height: 50px; font-size: 26px;}
.filter_box .stylish_checkbox input[type='checkbox'] + label, .filter_box .stylish_checkbox input[type='radio'] + label{font-size: 14px;}
footer h6{font-size: 18px; margin: 0 0 20px;}
footer .footer-logo { width: 100px; margin-bottom: 20px;}
footer .foot_ul > li{margin-bottom: 15px;}
footer .foot_ul li a{font-size: 16px;}
footer .foot_ul .foot_sub_ul li a{font-size: 14px;}
footer .foot_ul .foot_sub_ul{margin: 0 0 13px 0;}
.toast-custom#cart_existing_toast{height: 150px;}
.product_detail .brand_box { font-size: 16px;}
.product_detail .product_info_detail li { font-size: 14px;}
.product_detail .product_title, .tab-style-1 h3, .table-title {  font-size: 20px;}
#address_modal .btn{min-width: 100px;}
.product_list .pagination>li>a,.paginationBox > li{width: 40px; height: 40px; font-size: 13px;}
.paginationBox .pagination{max-width: calc(100% - 35px); margin: 0;}
}
@media screen and (max-width:479px){
.home_shop_cate .shop_cat_list li { width: 100%; padding-top: 15px; padding-bottom: 15px;}
.product_list .product_grid li a,.product_list .product_grid li figure img{margin: 0;}
.product_grid .add_cart_box .add-to-cart{justify-content: center; margin-left: 0; border-radius: 0 12px 12px 0; height: 57px; width: calc(100% - 120px);  padding: 14px 10px;}
.product_grid .add_cart_box .quantity input{border-radius: 12px 0 0 12px; height: 57px; width: 120px; border-right: none;}
.product_grid .add_cart_box .quantity{margin-right: 0; margin-bottom: 0;}
.product_list .product_grid li .product_desc .item_numb{margin-bottom: 15px;}
.product_grid .add_cart_box .quantity input{height: 50px; width: 100px; font-size: 14px; border-radius: 6px 0 0 6px;}
.product_grid .add_cart_box .add-to-cart{height: 50px; padding: 10px 15px 10px 25px; font-size: 14px; border-radius: 0 6px 6px 0;}
.product_grid .add_cart_box .quantity button span{font-size: 16px;}
.filter-area #ApplyFilters, .filter-area #ClearFilters { font-size: 12px;}
.footer-bottom .footer_btm_left p, .footer-bottom .footer_btm_right a { font-size: 12px;}
.footer-bottom .footer_btm_right a { margin-bottom: 5px;}
.footer-bottom .footer_btm_right{flex-wrap: wrap; margin: 20px auto 10px;}
.footer-bottom .footer_btm_right a + a{border: none;}
.footer-bottom .footer_btm_right a { padding-left: 8px; padding-right: 8px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active {font-size: 13px;}
.page-copy .page-heading { padding-bottom: 70px;}
.middle_content { margin-top: -50px;}
}
@media screen and (max-width:414px){
.toast-custom#cart_existing_toast{height: 180px;}
footer h6 { font-size: 16px;}
.product_detail .brand_box { font-size: 14px; padding: 6px 8px; margin-left: 0; margin-right: auto;}
table#my_order tbody tr td.td_status, table#my_order tbody tr td.td_amount{width: 50%;}
table#my_order tbody tr td.td_order_date{width: 100%;}
}
@media screen and (max-width:375px){
.my_order_sec .search_filter .filter_body .form-group{width: 100%;}
.product_detail .add_cart_box .quantity input { font-size: 14px; width: 80px;}
.product_detail .add_cart_box .quantity .minus span,.product_detail .add_cart_box .quantity .plus span{font-size: 14px;}
.add_cart_box .quantity input{height: 45px;}
.product_detail .add_cart_box .quantity { margin: 0 10px 0 0;}
.product_detail .add_cart_box .btn { padding: 10px 15px; border-radius: 6px; font-size: 14px;}
.product_detail .add_cart_box .btn .material-symbols-outlined { font-size: 125%;}
}