/* ===== VARIABLES ===== */

:root {
    --c-bl: #000000;
    --c-wh: #ffffff;
    --c-or: #FF5900;
    --c-or-lt: #FFBD99;
    --c-pr: #752CE1;
    --c-pr-lt: #EDE2FE;
    --c-pr-dk-5: #3F206E80;
    --c-gr: #10A368;
    --c-gy: #6B6B6B;
    --c-gy-dk: #4F4F4F;
    --c-gy-lt: #C7C7C7;
    --c-gy-xlt: #E0E0E0;
    --c-gy-lt-6: #C7C7C799;
    --c-bg: #FAF6F2;
    
    --fs-14x: 14px;
    --fs-16: clamp(14px, 1.46vw, 16px);
    --fs-16x: 16px;
    --fs-17x: 17px;
    --fs-17: clamp(14px, 1.46vw, 17px);
    --fs-18: clamp(16px, 1.56vw, 18px);
    --fs-20: clamp(17px, 1.75vw, 20px);
    --fs-22: clamp(20px, 2.05vw, 22px);
    --fs-24: clamp(20px, 2.05vw, 24px);
    --fs-28: clamp(20px, 2.34vw, 28px);
    --fs-40: clamp(24px, 2.73vw, 40px);
    
    --fw-r: 400;
    --fw-m: 500;
    --fw-db: 600;
    --fw-b: 700;
    
    --lh-08: 0.8em;
    --lh-1: 1em;
    --lh-12: 1.2em;
    --lh-13: 1.3em;
    --lh-16: 1.6em;
    
    --br-8: 8px;
    --br-16: 16px;
    --br-rd: 999px;
    
    --sp-2: 2px;
    --sp-4: 4px;
    --sp-6: 6px;
    --sp-7: 7px;
    --sp-8: 8px;
    --sp-10: 10px;
    --sp-12: 12px;
    --sp-14: 14px;
    --sp-15: 15px;
    --sp-16: 16px;
    --sp-20: 20px;
    --sp-24: 24px;
    --sp-36: 36px;
    --sp-100: 100px;
}

/* ===== BASE ===== */
.dui{
    color: var(--c-bl);
    background-color: var(--c-bg);
    box-sizing: border-box;
}
.dui a, .dui a:hover{
    color: var(--c-bl);
}
html {
	scroll-behavior: smooth;
}

body, input, input::placeholder, textarea, button, select, span, a{
    font-family: 'discovery', heebo ,arial !important;
}
#wpadminbar .ab-icon,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before {
    font-family: dashicons !important;
}
 /* ===== LAYOUT ===== */

.dui-page-pad{
    padding: 1%;
}
.dui-page-pad-1p5{
    padding: 1.5%;
}
.dui-page-880{
    max-width: 880px;
    margin: 0 auto;
}
.dui-page-1000{
    max-width: 1000px;
    margin: 0 auto;
}
.dui-page-1200{
    max-width: 1200px;
    margin: 0 auto;
}
.dui-page-min-h{
    min-height: 70vh;
}
.dui-page-min-h-sm{
    min-height: 50vh;
}
.dui-page-mar{
    margin-bottom: var(--sp-100);
}
.dui-ama-wrap{
    display: flex;
    align-items: flex-start;
    gap: var(--sp-16); 
}
.dui-ama-aside{
    display: flex;
    flex: 0 1 320px;
    min-width: 230px;
    position: sticky;
    top: var(--header-offset);
}
.dui-ama-aside-r{
    padding-right: 0.65vw;
}
.dui-ama-aside-l{
    padding-left: 0.65vw;
}
.dui-ama-main{
    display: flex;
    flex: 1 1 870px;
    flex-direction: column;
    gap: var(--sp-12);
    max-width: 870px;
    margin: 0 auto;
    padding: var(--sp-16);
    background-color: var(--c-wh);
    border-radius: var(--br-16);
    position: relative;
}
.dui-page-btm-sp{
    margin-bottom: var(--sp-100);
}
.dui-wrap-1000{
    max-width: 1000px;
    margin: 0 auto;
}
.dui-wrap-mg{
    margin-bottom: var(--sp-8);
}
.dui-related-wrap{
    padding-top: var(--sp-16);
}
.dui-column{
    display: flex;
    flex-direction: column;
    gap: var(--sp-24);
}
.dui-column-c{
    align-items: center;
}
.dui-column-sm{
    gap: var(--sp-12);
}
.dui-column-xs{
    gap: var(--sp-8);
}
.dui-column-pad{
   padding: var(--sp-36) 0; 
}
.dui-column-pad-no-top{
   padding-top: 0;
}
 /* ===== TYPOGRAPHY ===== */

.dui-c, .dui-text-wrap-c p{
    text-align: center;
}
.dui-fw-m{
    font-weight: var(--fw-m);
}
@media (hover: hover){
.dui .dui-a:hover, .dui .dui-text-wrap a:not(.wp-block-button__link):hover{
    text-decoration: underline;
}
}
.dui .dui-a-pr, .dui .dui-text-wrap a:not(.wp-block-button__link){
    color: var(--c-pr);
}
@media (hover: hover){
.dui .dui-a-pr:hover, .dui .dui-text-wrap a:not(.wp-block-button__link):hover, .dui .dui-a-bl-t-pr:hover{
    color: var(--c-pr);
}
}
.dui-title, .dui-title-wrap h2, .dui-title-wrap h3{
    font-size: var(--fs-22);
    font-weight: var(--fw-db);
    line-height: var(--lh-12);
    margin: 0;
}
.dui-title-xl{
    font-size: var(--fs-40);
}
.dui-title-lg, .dui-title-lg-wrap h2{
    font-size: var(--fs-28);
}
.dui-title-sm, .dui-title-sm-wrap h2{
    font-size: var(--fs-20);
}
.dui-title-xs, .dui-title-xs-wrap h3{
    font-size: var(--fs-18);
}
.dui-title-xxs{
    font-size: var(--fs-16x);
}
.dui-title-sm-gut h2{
    margin: var(--sp-12) 0 var(--sp-8);
}
.dui-title-xs-gut h3{
    margin: var(--sp-6) 0 var(--sp-4);
}
.dui-title-ws-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-10);
}
.dui-title-lh{
    line-height: var(--lh-1);
}
.dui-title-m{
    font-weight: var(--fw-m);
}
.dui-title-r{
    font-weight: var(--fw-r);
}
.dui-title-mar{
    margin-bottom: var(--sp-8);
}
.dui-text, .dui-text-wrap p, .dui-text-wrap ul, .dui-text-wrap ol li{
    font-size: var(--fs-18);
    line-height: var(--lh-13);
    margin-bottom: var(--sp-12);
}
.dui-text b{
    font-weight: var(--fw-db);
}
.dui-text-sm, .dui-text-sm-wrap p{
    font-size: var(--fs-16);
    line-height: var(--lh-12);
    margin-bottom: var(--sp-6);
}
.dui-text-no-mar{
    margin: 0 !important;
}
.dui-text-lh6{
   line-height: var(--lh-16); 
}
.dui-meta, .dui-text-sm-1{
    font-size: var(--fs-16);
    line-height: var(--lh-1);
}
.dui-meta-lh3{
    line-height: var(--lh-13);
}
.dui-meta-sm{
    font-size: var(--fs-14x);
}
.dui-meta-gy{
    color: var(--c-gy-dk);
}
.dui-meta-m{
    font-weight: var(--fw-m);
}

/* ===== BUTTONS ===== */
.dui .dui-btn, .dui .wp-block-button__link{
    border-radius: var(--br-rd);
    font-weight: var(--fw-m);
    font-size: var(--fs-18);
    line-height: var(--lh-1);
    padding: var(--sp-10) var(--sp-20);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease !important;
    gap: var(--sp-8);
    border: 1px solid transparent;
}
.dui .wp-block-buttons{
    justify-content: center !important;
}
.dui .dui-btn-or, .dui .dui-btn-or:hover, .dui .wp-block-button__link, .dui .wp-block-button__link:hover{
    background-color: var(--c-or);
    color: var(--c-wh);
}
@media (hover: hover){
    .dui .dui-btn-hvr-wh:hover{
        background-color: var(--c-wh);
    }
    .dui .dui-btn-or-lt:hover{
    background-color: var(--c-or);
    color: var(--c-wh);
}
}
.dui .dui-btn-hvr-wh:active, .dui .dui-btn-hvr-wh:focus{
    background-color: var(--c-wh);
}
.dui .dui-btn-or-lt{
    background-color: var(--c-or-lt);
}
.dui .dui-btn-gr, .dui .dui-btn-gr:hover{
    background-color: var(--c-gr);
    color: var(--c-wh);
}
.dui .dui-btn-bor{
    border: 1px solid var(--c-bl);
}
.dui .dui-btn-sm{
    font-size: var(--fs-16x);
    padding: var(--sp-7) var(--sp-15);
    line-height: 20px;
}
.dui .dui-btn-xs{
    font-size: var(--fs-16);
    padding: var(--sp-8) var(--sp-12);
    gap: var(--sp-6);
}
.dui .dui-btn-wid{
    width: fit-content;
}
.dui-btn-ic-be:before,
.dui-btn-ic-af:after{
    content: '';
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.dui-btn-ic-be-lg:before{
    width: 22px;
    height: 22px;
}
.dui-btn-dl:before{
    background-image: url('https://dapi.co.il/wp-content/uploads/download-icon.svg');
}
.dui-btn-ad:after{
    background-image: url('https://dapi.co.il/wp-content/uploads/open-new-tab-icon.svg');
}
.dui-btn-spon:after{
    content: '';
    background-image: url('https://dapi.co.il/wp-content/uploads/arrow-left.svg');
    width: 16px;
    height: 12px;
    background-size: contain;
    transition: all 0.3s ease;
}
.dui-btn-spon-xs:after{
    width: 14px;
    height: 10px;
}
@media (hover: hover){
.dui-btn-spon:hover:after{
    filter: invert(1) brightness(1.5) contrast(1.2);
}}
.dui .dui-btn-header{
    height: 40px;
    padding: 0 var(--sp-12);
    font-size: var(--fs-17);
}
.dui .dui-btn-header-cart{
    width: 40px;
    padding: var(--sp-6);
}
.dui .dui-btn-header-cart img{
    flex: 1;
}
/* ===== MEDIA ===== */
.dui-img{
    border-radius: var(--br-16);
}
.dui-img-ws{
    display: block;
    max-height: calc(100vh - 420px);
    min-height: 300px;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    object-fit: contain;
    border: 1px solid var(--c-gy-lt);
}
.dui-img-spon{
    border-radius: var(--br-rd);
    width: 40px;
    height: 40px;
}
.dui-img-spon-sm{
    width: 36px;
    height: 36px;
}
 /* ===== HEADER ===== */
#dui-header {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: var(--c-bg);
}
.dui-header-t{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: var(--sp-12) var(--sp-14);
    gap: var(--sp-24);
}
.dui-header-search{
    flex: 1 1 80px;
    min-width: 0px;
}
.dui-btn-header-wrap{
    flex: 0 0 auto;
    display: flex;
    gap: var(--sp-8);
    white-space: nowrap;
}
.dui-btn-header .dui-btn-header-img{
    display: none;
}
.dui-header-b{
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.dui-header-b:after {
    content: "";
    background-color: var(--c-gy-lt);
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.dui-topics-nav {
    position: relative;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.dui-topics-scroll-l, .dui-topics-scroll-r {
    flex: 0 0 auto;
    min-width: 0;
}
.dui-topics-nav-list{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    user-select: none;
    cursor: grab;
    width: 100%;
}
.dui-topics-nav-list::-webkit-scrollbar {
    display: none;
}
.dui-topics-nav-item{
    flex: 0 0 auto;
    border-radius: var(--br-8) var(--br-8) 0 0;
    border-bottom: 1px solid transparent;
    z-index: 1;
}
.dui-topics-nav-item:hover {
    background-color: var(--c-wh);
    border-bottom: 1px solid var(--c-gy);
}
.dui-topics-nav-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sp-6);
    text-decoration: none;
    white-space: nowrap;
    padding: var(--sp-7) var(--sp-16);
}
.dui-topics-nav-img img {
    display: block;
    width: 20px;
    height: 20px;
    filter: invert(47%) sepia(0%) saturate(0%) hue-rotate(32deg) brightness(89%) contrast(98%);
}
.dui-topics-nav-title {
    white-space: nowrap;
    color: var(--c-gy);
    font-size: var(--fs-17);
    font-weight: var(--fw-m);
    line-height: var(--lh-1);
}
.dui-topics-scroll-l, .dui-topics-scroll-r{
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-wh);
    border: 1px solid var(--c-bl);
    padding: var(--sp-10);
    border-radius: var(--br-rd);
    cursor: pointer;
    font-size: 20px;
    margin: var(--sp-6);
}

.dui-topics-scroll-l.is-disabled, .dui-topics-scroll-r.is-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}
@media (hover: hover){
.dui-topics-scroll-l:hover, .dui-topics-scroll-r:hover {
    box-shadow: 0 0 6px 0 var(--c-pr-dk-5);
    border-color: var(--c-pr);
}
    .dui-topics-scroll-l:hover img, .dui-topics-scroll-r:hover img{
    filter: invert(32%) sepia(78%) saturate(7297%) hue-rotate(260deg) brightness(89%) contrast(97%);
}
}
.dui-topics-nav-item.is-active {
    background-color: var(--c-wh);
    border-bottom: 1px solid var(--c-pr);
}
.dui-topics-nav-item.is-active .dui-topics-nav-title{
    color: var(--c-pr);
    font-weight: var(--fw-db);
}
.dui-topics-nav-item.is-active .dui-topics-nav-img img {
    filter: invert(32%) sepia(78%) saturate(7297%) hue-rotate(260deg) brightness(89%) contrast(97%);
}
 /* ===== FOOTER ===== */
#dui-footer {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
.dui-footer-t{
    background-color: var(--c-wh);
    border-top: 1px solid var(--c-gy-lt);
    border-bottom: 1px solid var(--c-gy-lt);
}
.dui-join{
    padding: var(--sp-20) 0;
}
.dui-nl{
    max-width: 400px;
}
.dui-nl-form{
    width: 100%;
}
.dui-nl-form .fc-form:not(.edit-mode).form_340462 .fc_container{
    padding: 10px 0 !important;
    width: 100% !important;
}
.dui-nl-form .fc_container .fc-row-field{
    width: 100% !important;
    margin: 0 !important;
}
.dui-nl-form .tr.fc-row.fc-row-field.fc-checkbox-row .td.fc-cell.fc-cell-text label{
    width: 100%;
}
.dui-nl-form .tr.fc-row.fc-row-field.fc-checkbox-row .td.fc-cell.fc-cell-text{
    width: 100% !important;
}
.dui-nl-form .fc_confirm{
    transform: scale(1.8)translatex(-3px)translatey(2px);
    cursor: pointer;
}
.dui-nl-form .fc_confirm_text{
    vertical-align: middle;
    width: 100% !important;
}
.dui-nl-form .fc_confirm_text p{
    padding-right: 24px;
    font-size: var(--fs-16);
}
.dui-nl-form .fc_input_text{
    height: 28px !important;
    font-size: var(--fs-18) !important;
    width: 400px !important;
}
.dui-nl-form input::placeholder{
    font-size: var(--fs-18) !important;
}
.dui-nl-form .fc-form:not(.edit-mode).form_340462 .fc_button{
    width: 100% !important;
    font-size: var(--fs-18);
    font-weight: 500;
}
.dui-footer-m-grid{
    display: flex;
    flex-direction: row;
    gap: 48px;
    max-width: 1920px;
    margin: 0 auto;
}
.dui-footer-featured {
    flex: 0 0 auto;
}
.dui-footer-topics {
    flex: 1 1 auto;
    min-width: 0;
}
.dui-footer-topics-columns {
    column-width: 250px;
    column-gap: 24px;
}
.dui-footer-topics-group {
    break-inside: avoid;
    width: 100%;
    margin-bottom: var(--sp-16);
}
.dui-btn-footer-all{
    max-width: max-content;
    margin-bottom: var(--sp-8);
}
.dui-footer-featured-item{
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}
.dui-footer-copyright{
    border-top: 1px solid var(--c-gy-lt);
    border-bottom: 1px solid var(--c-gy-lt);
}
.dui-footer-legal, .dui-footer-copyright{
    padding: var(--sp-12);
}
.dui-footer-legal-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 36px;
}
 /* ===== COMPONENTS ===== */
.dui-logo{
    width: 74px;
}
.dui-logo a{
    display: flex;
}
.dui-card-wrap{
    position: relative;
    min-height: 200px;
    width: 20%;
    padding: 0.65vw;
}
.dui-card{
    display: flex;
    flex-direction: column;
    gap: var(--sp-12);
    border-radius: var(--br-16);
    transition: all 0.3s ease;
    border: 1px solid var(--c-gy-lt);
}
.dui-card-grid{
    padding: var(--sp-10);
    background-color: var(--c-wh);
}
@media (hover: hover){
.dui-card-grid:hover{
    box-shadow: 0 0 10px 0 var(--c-pr-dk-5);
    border-color: var(--c-pr);
}
.dui-card:hover .dui-btn:not(.dui-btn-spon), .dui-page-ws .dui-btn-dl:hover {
    flex-grow: 1;
}}
.dui-card-img-wrap{
    position: relative;
}
.dui-card-badges{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    display: flex;
    gap: var(--sp-8);
}
.dui .dui-badge-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-6);
}
.dui .dui-badge,.dui .dui-badge:hover{
    display: inline-flex;
   align-items: center;
   padding: 4px 10px 2px;
   border-radius: var(--br-rd);
   color: var(--c-pr);
   font-size: var(--fs-14x);
   line-height: var(--lh-1);
}
.dui .dui-badge-topic{
    border: 1px solid var(--c-pr);
    background-color: var(--c-wh);
}
.dui .dui-badge-label, .dui .dui-badge-label:hover{
    color: var(--c-gy);
    border: 1px solid var(--c-gy);
}
.dui .dui-badge-new{
    background-color: var(--c-pr-lt);
    font-weight: var(--fw-m);
}
.dui-card-title{
    font-size: var(--fs-17x);
    font-weight: var(--fw-m);
    line-height: var(--lh-1);
}
.dui-card-title-min-h{
    min-height: 34px;
}
.dui-row{
    display: flex;
    gap: var(--sp-8);
    align-items: center;
}
.dui-row-w-full{
   width: 100%; 
}
.dui-row-xl{
   gap: var(--sp-24); 
}
.dui-row-lg{
    gap: var(--sp-12);
}
.dui-row-sm{
    gap: var(--sp-6);
}
.dui-row-xs{
    gap: var(--sp-4);
}
.dui-row-wrap{
    flex-wrap: wrap;
}
.dui-row-c{
  justify-content: center;  
}
.dui-row-stretch{
    align-items: stretch;
}
.dui-pagi{
    margin-top: var(--sp-10);
}
.dui-pagi .page-numbers{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    font-size: var(--fs-18);
    font-weight: var(--fw-m);
    border-radius: var(--br-8);
    transition: all 0.3s ease;
}
@media (hover: hover){
.dui-pagi .page-numbers:hover {
    background-color: var(--c-gy-xlt);
}}
.dui-pagi .page-numbers.current {
    background:  var(--c-or);
    color: var(--c-wh);
}
.dui-back-btn-wrap{
    position: absolute;
    right: -44px;
    top: 6px;
    border-radius: var(--br-rd);
}
.dui-back-btn-wrap a{
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    padding: var(--sp-10);
}
@media (hover: hover){
.dui-back-btn-wrap:hover{
    background-color: var(--c-gy-lt-6);
}}
.dui-list-reset, .dui-prd-content ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.dui-list-c, .dui-prd-content ul{
    width: fit-content;
    margin: 0 auto;
}
.dui-list li, .dui-prd-content li{
    font-size: var(--fs-18);
}
.dui-prd-content li{
    margin-bottom: var(--sp-8);
    text-align: right;
}
.dui-prd-content li strong{
    white-space: nowrap;
}
.dui-list-icon li, .dui-prd-content li{
    display: flex;
    align-items: flex-start;
    gap: var(--sp-8);
}
.dui-list-lg li{
    font-size: var(--fs-22);
}
.dui-list-lg-m li{
    font-weight: var(--fw-m);
}
.dui-list-icon li::before, .dui-prd-content li::before{
    content: "";
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-image: url('../images/check-ad.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.dui-list-icon li::before{
   margin-top: 2px; 
}
.dui-list-lg li::before{
    width: 22px;
    height: 22px;
}
.dui-bor-b{
    border-bottom: 1px solid var(--c-gy-lt);
}
.dui-topics-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--sp-16);
    padding: 1.5% 0;
}
.dui-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sp-12);
    padding: var(--sp-20) var(--sp-16);
    border: 1px solid var(--c-gy-lt);
    border-radius: var(--br-16);
    transition: all 0.3s ease;
}
.dui-box-gap-lg{
    gap: var(--sp-16);
}
.dui-box-pad-lg{
    padding: var(--sp-24) var(--sp-10);
}
.dui-box-bor-bl{
    border-color: var(--c-bl);
}
.dui-box-bg{
    background-color: var(--c-wh);
}
.dui-box-flex-3{
    flex: 1 1 30%;
}
@media (hover: hover){
    .dui-box-link:hover{
    background-color: var(--c-wh);
    border-color: var(--c-bl);
    }
}
.dui-box-img{
    width: var(--sp-24);
}
.dui-box-img-lg{
    width: 28px;
}
.dui-form{
    width: 500px;
    max-width: 500px;
    border: 2px solid var(--c-bl);
    border-radius: var(--br-16);
    padding: var(--sp-24);
    background-color: var(--c-wh);
    margin: 0 auto var(--sp-12);
}
.dui-price, .dui-price .woocommerce-Price-amount{
    font-size: var(--fs-28);
    font-weight: var(--fw-m);
    line-height: var(--lh-1);
    display: flex;
    gap: var(--sp-4);
}
.dui-price .woocommerce-Price-amount{
    flex-direction: row-reverse;
}
.dui-price-md,.dui-price-md .woocommerce-Price-amount{
   font-size: var(--fs-24);
   gap: 2px;
}
.dui-price-xs,.dui-price-xs .woocommerce-Price-amount{
   font-size: var(--fs-16x);
   font-weight: var(--fw-r);
   gap: 1px;
}

/* ===== WOOCOMMERCE =====*/
#dui-cart-drawer{
    position: fixed;
    top: 54px;
    left: 16px;
    z-index: 999999;
    background-color: var(--c-wh);
    opacity: 0;
    transform: translateY(-16px);
    pointer-events: none;
    transition: opacity 0.24s ease-out, transform 0.24s ease-out;
    width: 300px;
    min-height: 280px;
    max-height: calc(70vh);
    overflow-y: auto;
    margin-top: var(--sp-8);
    border-radius: var(--br-16);
    box-shadow: 0 0 10px 0 var(--c-gy-lt-6);
    padding: 10px;
}
#dui-cart-drawer.is-open{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}
#dui-cart-close,.dui .dui-remove-item{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#dui-cart-close{
    width: 36px;
    height: 36px;
    border: none;
}
.dui .dui-remove-item{
    border: 1px solid var(--c-gy);
    border-radius: var(--br-rd);
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    transition: none;
    margin-right: auto;
    cursor: pointer;
}
#dui-cart-close svg path,.dui .dui-remove-item svg path{
    stroke: var(--c-gy);
    stroke-width: 2;
}
@media (hover: hover){
#dui-cart-close:hover svg path,.dui .dui-remove-item:hover svg path{
    stroke: var(--c-bl);
}}
#dui-cart-close:hover, #dui-cart-close:active, #dui-cart-close:focus{
    background: transparent;
}
.dui .dui-remove-item:hover,.dui .dui-remove-item:active,.dui .dui-remove-item:focus{
    border-color: var(--c-bl);
    background: transparent;
}
.dui-cart-item{
    display: flex;
    flex-direction: row;
    padding: 10px 0;
    gap: var(--sp-8);
    align-items: center;
    border-bottom: 1px solid var(--c-gy-lt-6);
}
.dui-cart-item img{
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
}
.dui-cart-item-details{
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    min-height: 80px;
}
.dui-cart-drawer-total{
    padding: 10px 0;
    border-bottom: 1px solid var(--c-gy-lt-6);
    margin-bottom: var(--sp-10);
}
.dui-prd-purchase-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    background-color: var(--c-wh);
    padding: var(--sp-16);
    border-radius: var(--br-16);
    gap: var(--sp-12);
}
.dui-prd-purchase{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 40%;
    flex: 1 1 40%;
}
.dui-license-options{
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-10);
}
.dui-license-card{
    display: block;
    cursor: pointer;
    flex: 1 1 30%;
    min-width: 30%;
    border: 1px solid var(--c-gy-lt);
    padding: var(--sp-12) var(--sp-6) var(--sp-10);
    border-radius: var(--br-8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-6);
}
.dui-license-card input {
    display: none;
}
.dui-license-card.is-active {
    border: 2px solid var(--c-or);
    background-color: var(--c-or-lt);
}
.dui-license-desc{
    white-space: pre-line;
    margin-bottom: var(--sp-10);
    min-height: 85px;
}
.single_add_to_cart_button, .dui-btn-checkout, #place_order{
    background-color: var(--c-or) !important;
    color: var(--c-wh) !important;
    font-size: var(--fs-20) !important;
    line-height: var(--lh-1);
    font-weight: var(--fw-m) !important;
    width: 100% !important;
    padding: var(--sp-14) !important;
    border-radius: var(--br-rd) !important;
    text-align: center !important;
}
.dui-purchase-note{
    margin: var(--sp-10) 0;
}
.dui-prd-content h2{
   margin: var(--sp-36) 0 var(--sp-12); 
}
.dui-cart-empty{
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: var(--sp-36) auto 0;
}
.dui-checkout-wrap{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    margin-top: 24px;
}
.dui-checkout-r, .dui-checkout-l{
    background-color: var(--c-wh);
    padding: var(--sp-10);
    border-radius: var(--br-8);
    display: flex;
    flex-direction: column;
}

.dui-checkout-r{
    min-width: 50%;
    flex: 1 1 50%;
}
.dui-checkout-l{
    min-width: 30%;
    flex: 1 1 30%;
    gap: 12px;
}
.dui-checkout-summary-wrap{
    display: flex;
    justify-content: space-between;
}
.dui-checkout-mode .woocommerce-checkout .col2-set::before{
    display: none !important;
}
.dui-checkout-mode #customer_details .col-1{
    width: 100% !important;
}
.dui-checkout-mode #customer_details,
.dui-checkout-mode #order_review,
.dui-checkout-mode .woocommerce-checkout-payment,
.dui-checkout-mode .col2-set,
.dui-checkout-mode .col-1,
.dui-checkout-mode .col-2 {
    width: 100%;
    float: none;
    margin: 0;
}
.dui-checkout-mode .col-2,
.dui-checkout-mode #order_review_heading,
.dui-checkout-mode .woocommerce-checkout-review-order-table,
.dui-checkout-mode .woocommerce-billing-fields > h3,
.dui-checkout-mode .woocommerce-additional-fields {
    display: none;
}
.dui-checkout-mode .required,.dui-checkout-mode .optional{
    display: none !important;
}
.dui-checkout-mode .woocommerce-billing-fields__field-wrapper label[for="billing_first_name"], .dui-checkout-mode .woocommerce-billing-fields__field-wrapper label[for="billing_email"], .dui-checkout-mode .payment_method_officeguy .form-row label{
    font-size: var(--fs-18) !important;
    line-height: var(--lh-1) !important;
    color: var(--c-bl) !important;
    margin-bottom: 6px !important;
}
.dui-checkout-mode .woocommerce-billing-fields__field-wrapper #billing_first_name, .dui-checkout-mode .woocommerce-billing-fields__field-wrapper #billing_email, .dui-checkout-mode .payment_method_officeguy .form-row input{
    border: 1px solid var(--c-bl) !important;
    color: var(--c-bl) !important;
    border-radius: var(--br-8);
    font-size: var(--fs-18) !important;
    padding: var(--sp-10) var(--sp-14) !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
.dui-checkout-mode #dapi_terms_field input{
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    margin: 0 0 0 4px !important;
}
.dui-checkout-mode #dapi_terms_field label{
    font-size: 16px;
}
.dui-checkout-mode #dapi_terms_field label a{
    color: var(--c-pr) !important;
}
.dui-checkout-mode #dapi_terms_field label a:hover{
    color: var(--c-pr) !important;
    text-decoration: underline !important;
}
label[for="payment_method_officeguy"]{
    font-size: var(--fs-20) !important;
    line-height: var(--lh-1) !important;
    font-weight: var(--fw-m) !important;
    margin: var(--sp-12) 0 var(--sp-6) !important;
}
label[for="payment_method_officeguy"] img{
    display: none !important;
}
.dui-checkout-mode .woocommerce-checkout-payment{
    background-color: #ffffff00 !important;
}
.dui-checkout-mode .wc_payment_methods{
    padding: 0 !important;
    border: none !important;
}
.dui-checkout-mode .payment_method_officeguy{
    padding: 0 !important;
    background-color: #ffffff00 !important;
}
.dui-checkout-mode .payment_method_officeguy::before{
    display: none !important;
}
.dui-checkout-mode .form-row.woocommerce-validated select, .dui-checkout-mode .form-row.woocommerce-invalid input{
    border-color: var(--c-bl) !important;
}
.dui-checkout-mode .form-row.woocommerce-invalid select, .dui-checkout-mode .form-row.woocommerce-invalid input, .dui-checkout-mode .woocommerce-billing-fields__field-wrapper .form-row.woocommerce-invalid #billing_first_name, .dui-checkout-mode .woocommerce-billing-fields__field-wrapper .form-row.woocommerce-invalid #billing_email{
    border-color: var(--wc-red) !important;
}
.dui-checkout-mode .form-row.woocommerce-invalid label{
    color: var(--wc-red) !important;
}
.dui-checkout-mode .place-order{
    padding: 0 !important;
}
.woocommerce-error{
    background-color: var(--c-gy-xlt);
    color: var(--c-bl) !important;
}
.woocommerce-error a, .woocommerce-error a:hover{
   color: var(--c-bl); 
}
.woocommerce-thankyou-order-received{
    font-size: var(--fs-18) !important;
    line-height: var(--lh-1) !important;
    padding-top: var(--sp-6) !important;
    text-align: center !important;
}
.woocommerce-thankyou-order-details{
    padding: 0 !important;
    margin: var(--sp-36) 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: var(--sp-16) !important;
}
.woocommerce-thankyou-order-details li{
   font-size: var(--fs-14x) !important;
   padding-left: var(--sp-16) !important;
   margin: 0 !important;
   border-left: 1px solid var(--c-gy-lt) !important;
}
.woocommerce-thankyou-order-details li:last-of-type{
    border: none !important;
}
.woocommerce-thankyou-order-details li strong{
   font-size: var(--fs-18) !important;
   font-weight: var(--fw-m) !important;
}
.woocommerce-order h2{
   font-size: var(--fs-20) !important;
   margin: 24px 0 12px !important;
}
.woocommerce-order table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: 1px solid var(--c-gy-lt) !important;
}
.woocommerce-order thead th {
    padding: 10px;
    border-bottom: 1px solid var(--c-gy-lt) !important;
    font-weight: var(--fw-m) !important;
    font-size: var(--fs-18) !important;
    background-color: var(--c-wh) !important;
}
.woocommerce-order tbody td {
    padding: 10px;
    border-top: 1px solid var(--c-gy-lt) !important;
    background: transparent !important;
    font-size: var(--fs-18) !important;
    background-color: var(--c-wh) !important;
}
.woocommerce-order tbody td a{
    color: var(--c-bl);
}
.woocommerce-order tbody td a:hover{
    color: var(--c-bl);
    text-decoration: underline !important;
}
.woocommerce-order th + th,
.woocommerce-order td + td {
    border-inline-start: 1px solid var(--c-gy-lt) !important;
}
.woocommerce-MyAccount-downloads-file{
    background-color: var(--c-or) !important;
    color: var(--c-wh) !important;
    font-weight: var(--fw-m) !important;
    width: 100% !important;
    border-radius: var(--br-rd) !important;
    text-align: center !important;
}
.woocommerce-order-details .dapi-order-note{
    font-size: var(--fs-16) !important;
}
.wc-item-meta{
    padding: 0 !important;
}
.wc-item-meta-label{
    font-weight: var(--fw-m) !important;
}
.woocommerce-table__product-name .wc-item-meta li{
    font-size: var(--fs-16) !important;
}
.woocommerce-order .shop_table tfoot th, .woocommerce-order .shop_table tfoot td{
   color: var(--c-bl) !important;
   font-size: var(--fs-20);
   font-weight: var(--fw-db) !important;
   background-color: var(--c-wh) !important;
}
.woocommerce-customer-details address{
    padding: 0 !important;
    border: none !important;
    font-size: var(--fs-18) !important;
}
.woocommerce-customer-details .woocommerce-customer-details--email{
    padding: 0 !important;
}
.woocommerce-customer-details .woocommerce-customer-details--email::before{
    display: none !important;
    
}


/* ===== PLUGINS ===== */
#ajaxsearchlite1{
    height: 40px !important;
}
.asl_w_container{
    min-width: 100px !important;
}
#ajaxsearchlite1 .probox,#ajaxsearchlite1 div.asl_w .probox{
    padding: 6px !important;
}
#ajaxsearchlite1 input::placeholder {
    opacity: 1 !important;
}
#ajaxsearchlite1:focus-within {
    border: 1px solid #6B6B6B !important;
}
#ajaxsearchlite1 input.autocomplete{
    display: none !important;
}
#ajaxsearchlite1 .proinput input{
    text-align: right !important;
}
#ajaxsearchlite1 .asl_nores_header,#ajaxsearchlite1 .proinput input,.showmore span{
    font-size: 17px !important;
}
.asl_r p.showmore span{
     border: none !important;
     background-color: #FF5900 !important;
     color: #ffffff !important;
     font-weight: 500 !important;
     border-radius: 200px !important;
     padding: 4px !important;
 }
.resdrg .item{
    padding: 0 !important;
}
.resdrg .item:after{
    content: none !important;
}
.asl_res_url{
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 16px !important;
}
.asl_res_url .highlighted{
    background-color: #FFFFFF00 !important;
}
.asl_content{
    display: flex !important;
    align-items: center !important;
    padding: 4px !important;
}
.asl_image{
    margin: 0 0 0 12px !important;
    border: 1px solid #C7C7C7 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
}
.resdrg .item:hover .asl_content{
    background-color: #C7C7C780 !important;
    border-radius: 16px !important;
}
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after{
    display: none;
}
.ff-el-input--label{
    margin-bottom: 3px !important;
}
.ff-el-input--label label{
   color: var(--c-bl) !important;
   font-size: var(--fs-18) !important;
   line-height: var(--lh-1) !important;
   font-weight: 400 !important; 
}
.ff-default .ff-el-form-control{
    border: 1px solid var(--c-bl) !important;
    color: var(--c-bl) !important;
    border-radius: var(--br-8);
    font-size: var(--fs-18) !important;
    padding: 10px 14px !important;
}
.ff-default .ff-el-form-control:focus {
    outline: none;
    border-color: var(--c-pr) !important;
}
.fluentform .ff-el-group{
    margin-bottom: 16px !important;
}
.ff-el-group.ff_submit_btn_wrapper{
    margin-bottom: 0 !important;
}
.ff-custom_html p{
   color: var(--c-bl) !important;
   font-size: var(--fs-16) !important;
   line-height: var(--lh-12) !important;
   font-weight: 400 !important;
   margin-bottom: 0 !important;
}
.ff-btn-submit{
    width: 100% !important;
    background-color: var(--c-or) !important;
    color: var(--c-wh) !important;
    padding: 10px 20px !important;
    font-size: var(--fs-18) !important;
    line-height: var(--lh-1) !important;
    border-radius: var(--br-rd) !important;
}

/* ===== RESPONSIVE ===== */
@media (min-width: 2300px) {
    .dui-card-wrap{
    width: 16.666%;
}
}
@media (min-width: 3000px) {
    .dui-card-wrap{
    width: 14.285%;
}
}
@media (max-width: 1620px){
    .dui-card-wrap{
    width: 25%;
}
    .dui-ama-main{
    margin-top: 36px;
}
    .dui-back-btn-wrap{
    right: 0;
    top: -36px;
}
    .dui-back-btn-wrap a{
    width: 32px;
    height: 32px;
    padding: 6px;
}
}
@media (max-width: 1370px) {
    .dui-card-wrap{
    width: 33%;
}
}
@media (max-width: 1024px) {
    .dui-page-pad-1p5{
        padding: 3%;
    }
    .dui-card-wrap {
    width: 50%;
    padding: 1vw;
}
    .dui-card .dui-img{
    max-height: 330px;
    object-fit: contain;
    width: 100%;
}
    .dui-ama-wrap{
    gap: 8px;
    }
    .dui-ama-aside-r{
    display: none;
    }
    .dui-ama-aside-l{
    min-width: 200px;
    padding-left: 0;
    }
    .dui-ama-main{
    max-width: 100%;
    }
    .dui-related-wrap{
    padding-top: 4px;
    }
    .dui-text, .dui-text-wrap p, .dui-text-wrap ul, .dui-text-wrap ol li{
    margin-bottom: var(--sp-8);
    }
    .dui-topics-scroll-l, .dui-topics-scroll-r{
    display: none;
    }
    .dui-topics-nav-link {
    gap: 3px;
    padding: var(--sp-4) var(--sp-12);
    }
    .dui-header-t{
    padding: var(--sp-8);
    gap: var(--sp-16);
    }
    .dui-logo{
    width: 58px;
    }
    .dui-btn-header-wrap{
    gap: var(--sp-6);
    }
    .dui .dui-btn-header{
    height: 36px;
    width: 36px;
    padding: var(--sp-6);
    }
    .dui-btn-header .dui-btn-header-text{
    display: none;
    }
    .dui-btn-header .dui-btn-header-img{
    display: block;
    width: 22px;
    }
    .dui .dui-btn-header{
    background-color: var(--c-or-lt);
    border: none;
    }
    #ajaxsearchlite1{
        height: 36px !important;
    }
    #ajaxsearchlite1 .probox,#ajaxsearchlite1 div.asl_w .probox{
        padding: 4px !important;
    }
    .dui-column{
    gap: var(--sp-20);
}
    .dui-column-sm{
    gap: var(--sp-10);
    }
    .dui-join{
    padding: var(--sp-10) 0;
    }
    .dui-nl-form .fc-form:not(.edit-mode).form_340462 .fc_container{
        padding: 8px 0 !important;
    }
    .dui-nl-form .fc-form:not(.edit-mode).form_340462 .fc_button{
        min-height: 36px;
    }
    .dui-footer-legal, .dui-footer-copyright{
    padding: var(--sp-10);
}
.dui-footer-m-grid{
    flex-direction: column;
    gap: var(--sp-10);
}
.dui-footer-featured{
    order: 2;
}
.dui-footer-topics-columns {
    column-gap: 16px;
}
.dui-footer-topics-group {
    margin-bottom: var(--sp-12);
}
.dui-btn-footer-all{
    margin-bottom: var(--sp-4);
}
.dui-footer-legal-list{
    gap: 24px;
}
.dui-topics-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sp-12);
    padding: 1% 0;
}
.dui-box{
    padding: var(--sp-16) var(--sp-12);
    gap: var(--sp-10);
}
.dui-box-img{
    width: 18px;
}
.dui-box-img-lg{
    width: 24px;
}
.dui-column-pad{
   padding: var(--sp-24) 0; 
}
.dui-row-xl{
   gap: var(--sp-16); 
}
.dui-form{
    width: 100%;
    padding: var(--sp-16);
}
.fluentform .ff-el-group{
    margin-bottom: 12px !important;
}
.ff-el-group.ff_submit_btn_wrapper{
    margin-bottom: 0 !important;
}
.ff-btn-submit{
    padding: 8px 16px !important;
}
#dui-cart-drawer{
    top: 46px;
    left: 12px;
}
.dui-title-mar{
    margin-bottom: var(--sp-4);
}
.dui-prd-purchase-wrap{
    padding: var(--sp-12);
}
.dui-license-card{
    padding: var(--sp-10) var(--sp-4) var(--sp-6);
}
.single_add_to_cart_button, .dui-btn-checkout, #place_order{
    padding: var(--sp-12) !important;
}
.dui-prd-content h2{
    margin: var(--sp-24) 0 var(--sp-8);
}
.dui-checkout-wrap{
    gap: 16px;
    margin-top: 16px;
}
.dui-checkout-r, .dui-checkout-l{
    min-width: 40%;
    flex: 1 1 40%;
}
}
@media (max-width: 768px) {
    .dui-page-pad {
    padding: 2%;
    }
    .dui-card-wrap {
    width: 100%;
    padding-top: var(--sp-12);
    }
    .dui-pagi{
    margin-top: var(--sp-16);
    margin-bottom: var(--sp-10);
    }
    .dui-ama-main{
    flex: unset;
    }
    .dui-ama-wrap{
    flex-direction: column;
    }
    .dui-ama-aside-l {
    padding-top: 10px;
    max-width: 280px;
    align-self: center;
    }
    .dui-related-wrap{
    padding-top: 0;
    }
    .dui-topics-nav-link {
    padding: 3px 10px;
    }
    .dui-header-t{
    gap: var(--sp-6);
    }
    .dui-logo{
    width: 46px;
    }
    .dui-row-res{
    flex-direction: column;
    gap: var(--sp-8);
    }
    .dui-nl-form .fc_input_text{
    width: 100% !important;
    }
    .dui-footer-legal-list{
        gap: var(--sp-8) var(--sp-16);
    }
    .dui-footer-topics-columns {
    column-count: 2;
    column-width: auto;
    column-gap: var(--sp-16);
    }
    .dui-topics-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sp-10);
}
.dui-box-img{
    width: 16px;
}
.dui-box-img-lg{
    width: 20px;
}
.dui-column-pad{
   padding: var(--sp-20) 0; 
}
.dui-row-xl{
   gap: var(--sp-12); 
}
.dui-box-flex-3{
    flex: 1 1 40%;
}
.dui-column{
    gap: var(--sp-16);
}
.dui-column-sm{
    gap: var(--sp-10);
    }
.dui-prd-purchase-wrap{
    flex-direction: column;
    padding: var(--sp-10);
}
.dui-prd-purchase{
    min-width: 100%;
    flex: 1 1 100%;
}
.dui-license-options{
    gap: var(--sp-6);
}
.dui-license-card{
    padding: 8px 2px 4px;
    padding: var(--sp-8) var(--sp-2) var(--sp-4);
}
.dui-license-desc{
    min-height: 92px;
}
.dui-prd-content h2{
    margin: var(--sp-20) 0 var(--sp-6);
}
.dui-checkout-wrap{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 12px;
}
.woocommerce-order h2{
   margin: 16px 0 8px !important;
}
.woocommerce-order table.shop_table_responsive tr td{
    text-align: right !important;
}
.woocommerce-order table.shop_table_responsive tr td a{
    padding-right: 6px;
}
.woocommerce-order table.shop_table_responsive {
    border: none !important;
    border-collapse: collapse !important;
}
.woocommerce-order table.shop_table_responsive tbody {
    border-right: 1px solid var(--c-gy-lt) !important;
    border-left: 1px solid var(--c-gy-lt) !important;
    border-bottom: 1px solid var(--c-gy-lt) !important;
}
.woocommerce-order table.shop_table_responsive tr {
    border: none !important;
    margin: 0 !important;
}
.woocommerce-order table.shop_table_responsive td {
    padding: 12px !important;
    border: none !important;
    border-top: 1px solid var(--c-gy-lt) !important;
}
.woocommerce-order table.shop_table_responsive thead th {
    border-bottom: 1px solid var(--c-gy-lt) !important;
}
.woocommerce-order table.shop_table_responsive td::before {
    padding-left: 0 !important;
    margin-bottom: 4px;
}
}