@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Black.eot');
    src: url('../fonts/Outfit-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff'),
        url('../fonts/Outfit-Black.ttf') format('truetype'),
        url('../fonts/Outfit-Black.svg#Outfit-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraBold.eot');
    src: url('../fonts/Outfit-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-ExtraBold.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraBold.woff') format('woff'),
        url('../fonts/Outfit-ExtraBold.ttf') format('truetype'),
        url('../fonts/Outfit-ExtraBold.svg#Outfit-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.eot');
    src: url('../fonts/Outfit-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff'),
        url('../fonts/Outfit-Bold.ttf') format('truetype'),
        url('../fonts/Outfit-Bold.svg#Outfit-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Medium.eot');
    src: url('../fonts/Outfit-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff'),
        url('../fonts/Outfit-Medium.ttf') format('truetype'),
        url('../fonts/Outfit-Medium.svg#Outfit-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Thin.eot');
    src: url('../fonts/Outfit-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Thin.woff2') format('woff2'),
        url('../fonts/Outfit-Thin.woff') format('woff'),
        url('../fonts/Outfit-Thin.ttf') format('truetype'),
        url('../fonts/Outfit-Thin.svg#Outfit-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraLight.eot');
    src: url('../fonts/Outfit-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-ExtraLight.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraLight.woff') format('woff'),
        url('../fonts/Outfit-ExtraLight.ttf') format('truetype'),
        url('../fonts/Outfit-ExtraLight.svg#Outfit-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Regular.eot');
    src: url('../fonts/Outfit-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff'),
        url('../fonts/Outfit-Regular.ttf') format('truetype'),
        url('../fonts/Outfit-Regular.svg#Outfit-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-SemiBold.eot');
    src: url('../fonts/Outfit-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff'),
        url('../fonts/Outfit-SemiBold.ttf') format('truetype'),
        url('../fonts/Outfit-SemiBold.svg#Outfit-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Light.eot');
    src: url('../fonts/Outfit-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Light.woff2') format('woff2'),
        url('../fonts/Outfit-Light.woff') format('woff'),
        url('../fonts/Outfit-Light.ttf') format('truetype'),
        url('../fonts/Outfit-Light.svg#Outfit-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: FS-Elliot-Pro-Regular;
    src: url("../fonts/FS-Elliot-Pro-Regular.otf") format("opentype");
}

@font-face {
    font-family: FS-Elliot-Pro-Bold;
    src: url("../fonts/FS-Elliot-Pro-Bold.otf") format("opentype");
}

@font-face {
    font-family: FS-Elliot-Pro-Heavy;
    src: url("../fonts/FS-Elliot-Pro-Heavy.otf") format("opentype");
    font-weight: 800;
}

@font-face {
    font-family: FS-Elliot-Pro-Italic;
    src: url("../fonts/FS-Elliot-Pro-Italic.otf") format("opentype");
}

@font-face {
    font-family: FS-Elliot-Pro-Light;
    src: url("../fonts/FS-Elliot-Pro-Light.otf") format("opentype");
}

:root {
    --primary-color: #74f5ff;
    --secondary-color: #333;
    --blue-dark: #1877F2;
    --blue-color: #4C9EFF;
    --black-color: #000;
    --white-color: #fff;
    --grey-color-200: #959595;
    --max-layout: 1170px;
}

* {
    box-sizing: border-box
}

a,
.alink {
    color: var(--blue-color);
}

body {
    font-family: 'Outfit', Helvetica, Arial, sans-serif;
}

button,
a.action.primary {
    border-radius: 30px;
    font-family: 'Outfit', Helvetica, Arial, sans-serif;
}

.modal-footer .action-secondary {
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 600;
}

.action.primary,
.action-primary {
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 10px 30px;
    border-color: var(--primary-color);
    font-weight: 600;
    font-size: 20px;
    border-radius: 30px;
}

.action.primary.tocart,
.action-primary.tocart {
    font-size: 16px;
}

.action.primary:hover,
.action-primary:hover,
.action.primary:focus,
.action-primary:focus {
    background: var(--primary-color);
    color: var(--secondary-color);
    border-color: var(--primary-color);
}

input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"] {
    font-family: 'Outfit', Helvetica, Arial, sans-serif;
}

.action.primary,
.action-primary {
    font-family: 'Outfit', Helvetica, Arial, sans-serif;
}

.container {
    max-width: var(--max-layout);
    margin: 0 auto;
}

.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-wrapper>.widget,
.page-wrapper>.page-bottom,
.block.category.event,
.top-container,
.page-main {
    max-width: 1170px;
}

/*-- Header --*/
.page-header .panel.wrapper {
    display: none;
}

header.page-header {
    background: var(--secondary-color);
    height: 70px;
}

.header.content {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 15px 10px;
}

.header.content .logo {
    margin: 0px;
    width: 33.33%;
}

.logo img {
    width: 250px;
}

/*-- Search --*/
.block.block-search {
    float: left;
    width: 430px;
}

.minicart-wrapper {
    float: right;
}

.block.block-search input {
    height: 46px;
    border-radius: 20px;
    padding-left: 15px;
}

.block.block-search input::placeholder {
    font-size: 16px;
    color: #000;
    opacity: .5;
    font-weight: 400;
}

.block-search .action.search {
    opacity: 1 !important;
    right: 12px;
    top: 10px;
}

.block-search .action.search:before {
    content: '';
    background: url(../images/search-icon.png) no-repeat;
    width: 20px;
    height: 20px;
    opacity: 1;
}

/*-- Nav --*/
.sections.nav-sections {
    margin-bottom: 0px;
}

.navigation {
    font-weight: 500;
}

.nav-sections-item-content {
    background: var(--blue-color);
}

nav.navigation {
    background: transparent;
}

.navigation .level0>.level-top {
    font-size: 17px;
    color: var(--white-color);
}

.navigation .level0.active>.level-top,
.navigation .level0.has-active>.level-top {
    border: none;
    color: var(--white-color);
}

nav.navigation ul {
    padding: 0px;
}

nav.navigation ul li.ui-menu-item.right-menu-item a {
    font-size: 15px;
    font-weight: 300;
}

nav.navigation .level0>.level-top:hover,
.navigation .level0>.level-top.ui-state-focus {
    color: var(--secondary-color);
}

nav.navigation ul li.ui-menu-item.right-menu-item.active a {
    color: var(--secondary-color);
}

nav.navigation ul li a .ui-menu-icon:after {
    font-size: 10px;
    position: absolute;
    right: 6px;
    top: 15px;
}

nav.navigation ul li .submenu li a .ui-menu-icon:after {
    top: 3px;
}

@media screen and (min-width:768px) {
    .navigation .level0 .submenu a {
        font-size: 16px;
    }

    .navigation .level0 .submenu a:hover,
    .navigation .level0 .submenu a.ui-state-focus {
        background: var(--blue-color);
        color: var(--white-color);
    }

    .navigation .level0 .submenu .active>a {
        border: none;
        background: var(--blue-color);
        color: #fff;
    }
}

.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus {
    border: none;
}

.navigation .right-menu-item {
    float: right;
    margin: 0px;
    padding-left: 5px;
}

.nav-toggle:hover:before {
    color: var(--white-color)
}

/*-- authorization --*/
.header-items-wrapper {
    width: 35%;
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-items-wrapper li.link.authorization-link a {
    color: #fff;
    font-size: 13px;
    height: 30px;
    display: table-caption;
}

li.link.authorization-link {
    position: relative;
    padding: 0px 0px 0px 33px;
    margin-left: 12px;
}

li.link.authorization-link a::before {
    background: url(../images/account-icon.svg);
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    bottom: 0;
    top: 3px;
    margin: auto
}

li.link.authorization-link a:hover {
    text-decoration: none
}

li.greet.welcome a {
    color: #fff;
    padding: 30px;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
}

li.greet.welcome::before {
    content: "";
    background: url(../images/account-icon.svg);
    width: 26px;
    height: 26px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 0;
    top: 3px;
    margin: auto
}

li.greet.welcome a:hover {
    text-decoration: none
}

.home-contact img {
    margin-left: 5px;
    position: relative;
    top: 0px;
}

.home-contact a {
    color: #fff;
    line-height: 33px;
    font-size: 16px;
    font-weight: 400
}

.home-contact a:hover {
    text-decoration: none
}

/*-- Minicart --*/
.minicart-wrapper {
    width: auto;
    text-align: left;
    padding: 0px 8px
}

.minicart-wrapper .block-minicart {
    width: 550px;
    z-index: 600;
    top: 40px;
    right: 0;
}

.minicart-wrapper .action.showcart:before {
    color: #fff;
    font-size: 26px;
    position: relative;
    top: 2px;
}

.minicart-wrapper .action.showcart:hover:before {
    color: #fff
}

.minicart-wrapper .action.showcart::after {
    background: url(../images/cart-icon.svg) !important;
    background-repeat: no-repeat !important;
    content: "";
    left: 0;
    top: 0px;
    bottom: 0;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    background-size: contain !important;
}

.minicart-wrapper .action.showcart::before,
.minicart-wrapper .action.showcart.active::before {
    display: none
}

.minicart-wrapper .action.showcart {
    width: 30px;
}

.page-main {
    padding: 0px 10px;
}

.content-list {
    list-style: none;
    padding: 0px;
    margin-bottom: 28px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}

.content-list li {
    display: inline;
    padding: 0px 15px;
    font-size: 15px;
    margin-bottom: 0px;
    color: var(--black-color);
    position: relative;
    padding-left: 21px;
}

.content-list li img {
    margin-right: 7px;
    width: 16px;
    position: absolute;
    top: 5px;
    left: 0;
}

.content-list li strong {
    font-weight: Bold;
}

.page-wrapper>.page-bottom {
    width: 100%;
    padding: 0px 10px;
}

.top-container {
    padding: 0px 10px;
}

/*-- CMS Page --*/
.cms-home .page-title-wrapper {
    display: none;
}

.cms-home .page-main {
    max-width: 100%;
    padding: 0px;
}

/* -- Banner --*/
.cms-home div#mageplaza-bannerslider-block-before-content-1 {
    max-width: 1170px;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .section-banner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

/*slider right*/
.carousel-container.mp-banner-slider {
    width: 65.66%;
    float: left;
    margin-bottom: 30px
}

.contact-right.home-right-div {
    margin-bottom: 0px;
    max-width: 365px;
    margin-top: 33px
}

.slide-right {
    background: #F4F4F4;
    display: inline-block;
}

.contact-right.home-right-div .info-block-div .left-cont {
    width: 52%;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    left: 25px;
}

.contact-right.home-right-div .info-block-div .right-cont {
    width: 48%;
    margin-top: 30px
}

.contact-right.home-right-div .info-block-div .right-cont img {
    position: relative;
    top: 20px;
}

.contact-right.home-right-div .info-block-div .left-cont h3 {
    margin-bottom: 23px;
}

.contact-right.home-right-div .info-block-div .left-cont p {
    margin-bottom: 23px;
}

.contact-right.home-right-div .info-block-div a.contact-link {
    border-radius: 0px;
    padding: 30px 20px;
    width: 100%;
    top: auto;
    bottom: 39px;
    line-height: 18px;
    display: flex;
    align-items: center;
    font-size: 25px;
    justify-content: center;
    letter-spacing: -0.5px;
    font-weight: 600;
}

.info-block-div .left-cont h3 {
    font-size: 42px;
    color: var(--secondary-color);
    font-weight: 600;
    margin-top: 0;
    line-height: 41px;
}

.info-block-div .left-cont p {
    font-size: 17px;
    color: var(--secondary-color);
    margin-bottom: 18px;
    font-weight: 400;
}

.info-block-div .left-cont a {
    color: var(--secondary-color);
    font-size: 24px;
    font-weight: 500;
}

.info-block-div a.contact-link {
    width: 100%;
    clear: both;
    display: inline-block;
    background: var(--secondary-color);
    color: #fff;
    border-radius: 00px;
    padding: 30px 20px;
    font-size: 25px;
    cursor: pointer;
    position: relative;
    top: -10px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.info-block-div a.contact-link img {
    float: left;
    margin-right: 20px;
}

.info-block-div .left-cont {
    float: left;
    width: 55%;
    padding-top: 10px;
    left: 20px;
    position: relative;
}

.info-block-div .right-cont {
    float: right;
    width: 45%
}

.info-block-div a.contact-link:hover,
.info-block-div a:hover {
    text-decoration: none
}

/*home category*/

.category-home {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.category-home .category-div {
    flex: 33.33%;
    max-width: 33.33%;
    padding: 0 15px;
    margin-bottom: 20px;
}

.cat-box {
    position: relative;
}

.cat-box img {
    width: 100%;
    height: 247px;
    object-fit: cover;
}

.category-div img.cat-img {
    max-width: 100%;
    vertical-align: top;
}

.category-home .category-div .inner-cont {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 25px 42px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.category-home .category-div .inner-cont h3 {
    margin: 0px;
    color: var(--black-color);
    font-size: 20px;
}

.category-home .category-div .inner-cont .btn-new {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../images/arrow-right.png) no-repeat center center;
    background-size: contain;
}

.category-home .category-div .inner-cont .btn-new span {
    display: none;
}

.category-home .category-div .inner-cont .btn-new:hover {
    text-decoration: none;
}

/*special block*/
.specialist-block img.obj-img {
    height: 100%;
    width: 63%;
    position: absolute;
    transform: scale(1.6) translateX(18.5%);
}

@media (max-width: 767px) {
    .specialist-block img.obj-img {
        transform: none;
        object-fit: cover;
        width: 100%;
    }
}

.specialist-block .main-special {
    max-width: 100%;
    margin: 0 auto;
    height: 573px;
}

.specialist-block .special-block-img {
    width: 63%;
    float: left;
    position: relative;
    height: 100%;
}

.info-block {
    width: 25%;
    float: left;
    z-index: 2;
    position: relative;
    height: 100%;
}

.specialist-block {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    margin: 60px 0px;
    clear: both;
    overflow: hidden;
    /* full-bleed: keluar dari container 1column agar selebar viewport */
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* row full-width homepage: row Page Builder dengan class ini melebar penuh selebar viewport (mis. row "+13 jaar") */
.row-full-witdh-homepage {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* cegah scrollbar horizontal akibat 100vw (lebar scrollbar vertikal ikut terhitung) */
body {
    overflow-x: hidden;
}

.specialist-block::after {
    content: "";
    background: url(../images/primary-taper-bg.png);
    width: 45%;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 1;
    background-size: cover;
    top: 0;
}

.special-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.special-right {
    position: absolute;
    bottom: 50px;
    width: 100%
}

.special-right h3 {
    font-size: 48px;
    line-height: 54px;
    color: var(--secondary-color);
}

/*home blog*/

.home-blog {
    margin: 0 auto;
}

.home-blog .widget-title a {
    font-size: 35px;
    line-height: 47px;
    color: var(--secondary-color);
    font-weight: 600;
}

.home-blog .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.home-blog .post-list-item {
    flex: 33.33%;
    max-width: 33.33%;
    padding: 0 15px;
    margin: 0px 0px 70px !important;
}

.home-blog .post-list-item .post-image {
    min-height: auto;
}

.home-blog .post-info-wraper h2.mp-post-title a {
    font-size: 19px;
    line-height: 24px;
    font-weight: 600;
}

.home-blog .post-info-wraper h2.mp-post-title a {
    text-decoration: none
}

.home-blog .widget-title {
    margin-bottom: 35px;
}

/*my account*/
.block-collapsible-nav .content {
    background: transparent;
    padding: 0px;
}

.block-collapsible-nav-content .nav a {
    font-size: 15px;
    border-left: 4px solid rgba(76, 158, 255, 0.1);
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #000000;
}

.block-collapsible-nav-content .nav.item.current>strong,
.block-collapsible-nav .item.current a {
    color: var(--blue-color);
    border-left: 4px solid var(--blue-color);
}

.block-collapsible-nav-content .nav.item {
    margin: 0px;
    font-size: 15px;
}

.block-collapsible-nav-content .nav.item>strong {
    padding-top: 15px;
    padding-bottom: 15px;
}

.account .page-main .page-title-wrapper .order-date {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
}

.order-actions-toolbar .action.print {
    color: var(--blue-color);
}

/*contact*/

form.contact legend.legend span {
    color: var(--secondary-color);
    font-size: 40px;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: 700;
}

form.contact legend.legend {
    border: none;
    margin-bottom: 13px;
}

form.contact .field.note.no-label {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
}

form.contact .field {
    font-size: 16px;
    color: #000;
    margin-bottom: 12px;
}

form.contact fieldset.fieldset label {
    margin-bottom: 5px !important;
}

form.contact .control input {
    border-radius: 0px;
    border-color: var(--secondary-color);
    height: 40px;
}

form.contact .control select {
    border-radius: 0px;
    border-color: var(--secondary-color);
    height: 40px;
}

form.contact .control textarea {
    border-radius: 0px;
    border-color: var(--secondary-color);
    height: 225px;
}

form.contact button.action.submit {
    background: var(--primary-color);
    border: none;
    border-radius: 30px !important;
    font-size: 20px;
    color: var(--secondary-color);
    padding: 10px 30px !important;
}

fieldset.fieldset {
    margin-bottom: 15px;
}

form.contact .field.note.no-label.heading {
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 20px;
}

.contact-index-index .form.contact {
    float: left !important
}

.contact-right {
    float: right;
    max-width: 370px;
    margin-bottom: 80px;
}




.list-mobile {
    display: none !important
}





.time-slot span {
    float: right;
    padding-left: 20px;
}

.time-slot p {
    float: left;
}

.time-block {
    background: #F4F4F4;
    max-width: 370px;
    padding: 24px 30px;
    margin-top: 10px;
    border-radius: 0px;
}

.time-block p {
    font-size: 14px;
    color: #000;
}

.time-block h3 {
    margin-top: 0px;
    margin-bottom: 23px;
    font-size: 18px;
    color: #000;
}

.time-slot {
    display: inline-block;
    width: 100%;
}

.timenew {
    float: right;
    width: 74%
}

.timenew p {
    padding-left: 30px;
}

.time-block p {
    margin-bottom: 14px;
}

.time-slot p {
    margin-bottom: 0px;
}

.time-slot.active p {
    color: var(--blue-color);
    font-weight: 600;
}



.location-block {
    background: #F4F4F4;
    max-width: 370px;
    padding: 24px 30px;
    margin-top: 30px;
    border-radius: 0px;
}

.location-block h3 {
    margin-top: 0px;
    color: #000000;
}

.location-block .add-block h4 {
    color: var(--blue-color);
    font-size: 16px;
    margin-bottom: 15px;
}

.add-block p {
    font-size: 16px;
    color: #000;
}





/*Blog*/
.post-list-content .post-item-wraper {
    padding: 0px !important;
    border: none
}

.post-list-content .post-image {
    min-height: auto;
}

.post-list-content .post-image img {
    position: relative;
    width: 100%;
}

.post-list-content .post-info-wraper {
    padding: 4px 0px;
}

.post-list-content .post-info-wraper h2.mp-post-title a {
    color: var(--secondary-color) !important;
    font-weight: 600;
}

.post-list-content .post-info-wraper h2.mp-post-title a:hover {
    text-decoration: none;
    color: var(--primary-color);
}

.post-list-content .post-info-wraper h2.mp-post-title {
    font-size: 18px;
    line-height: 24px;
    min-height: 50px;
    margin-bottom: 5px;
}

.post-list-content .post-short-description p {
    font-size: 17px;
    line-height: 24px;
    color: var(--grey-color-200);
    font-weight: 400;
}

.post-list-content .post-item-wraper:hover {
    box-shadow: none
}

.post-list-content .actions a.mp-read-more {
    font-size: 16px;
    font-weight: 600;
    color: var(--blue-color) !important;
    line-height: 24px;
}

.post-list-content .actions a.mp-read-more:hover {
    color: var(--secondary-color) !important;
    line-height: 24px;
}

.mpblog-post-index .column.main {
    width: 100%
}

.post-list-content i.mp-blog-icon.mp-blog-user {
    display: none;
}

.post-list-content a.mp-info {
    display: none;
}

.post-list-content i.mp-blog-icon.mp-blog-traffic,
.post-list-content i.mp-blog-icon.mp-blog-calendar-times {
    display: none;
}

.post-list-content .mp-post-info {
    color: var(--grey-color-200);
    font-size: 15px;
    line-height: 24px;
    opacity: 1;
    font-weight: 600;
    margin-bottom: 9px;
}

.mpblog-post-index .mp-footer {
    display: none;
}

.post-list-content .post-list-item {
    margin-bottom: 70px;
}

.post-list-content h1 {
    font-size: 40px;
    color: var(--secondary-color);
    padding-left: 8px;
    margin-bottom: 60px;
}

.mpblog-post-index .page-main {
    padding: 0px 2px;
}

.mpblog-post-index .column.main {
    padding-bottom: 0;
}

/*blog detail*/

.mpblog-post-view .column.main {
    width: 60%;
}

.post-post_content strong {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 3px;
    /* display: inline-block; */
}

.post-post_content p {
    font-size: 16px;
    line-height: 30px;
    color: #000;
}

.mpblog-post-view .sidebar.sidebar-main {
    width: 40%;
}

.blogdetail-right h3 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 600;
    color: var(--blue-color);
    margin-bottom: 20px;
}

.blogdetail-right {
    background: #F4F4F4;
    padding: 30px;
    border-radius: 0px;
}

.blogdetail-right .post-left img {
    width: 100%;
    border-radius: 0px;
}

/*



.blogdetail-right .post-left {width: 100%; float: none;}

.blogdetail-right .post-right { width: 100%; padding: 0px;}*/

.blogdetail-right .post-right a span {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 20px;
}

.blogdetail-right .post-right span.create-at {
    color: var(--grey-color-200);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 2px;
}

.blogdetail-right .list-post-tabs {
    margin-bottom: 20px;
    padding: 0px;
}

.blogdetail-right .list-post-tabs:hover {
    background: transparent;
}

.list-post-tabs a {
    background: transparent !important
}

.mpblog-post-view .post-view-image img {
    width: 100%;
}

.mp-post-info {
    display: none;
}

.post-list-content hr {
    display: none;
}

.post-info-wraper .mp-post-info {
    display: none;
}



/*Faq */

.mageprince-faq-collection {
    width: 60%;
    float: left;
    margin-bottom: 50px
}

.faq-groups,
.collspan-expand-block {
    display: none;
}

.mageprince-faq-collection .group-title {
    font-size: 20px;
    color: var(--blue-color);
    text-transform: capitalize;
    border-color: #F4F4F4;
    padding-bottom: 20px;
    margin-bottom: 0px;
    margin-top: 35px;
}

.mageprince-faq-collection .ui-accordion .ui-accordion-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #F4F4F4;
    color: #000;
    padding: 20px 0px !important;
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
}

.mageprince-faq-collection .faq-accordion .ui-widget-content {
    background: transparent;
    border: none;
    border-bottom: 1px solid #F4F4F4;
    color: #000;
    padding: 10px 0px !important
}

.mageprince-faq-collection .faq-content .ui-accordion-header:hover {
    background: transparent;
    color: #000;
}

.mageprince-faq-collection .faq-accordion .ui-widget-content p {
    font-size: 14px;
    line-height: 24px;
}

.mageprince-faq-collection .ui-accordion .ui-state-default:after {
    content: '';
    font-size: 0;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    margin-right: 4px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
}

.mageprince-faq-collection .ui-accordion .ui-accordion-header-active:after {
    margin-top: 10px;
    transform: rotate(-135deg) !important;
}

h1.faq-title {
    color: var(--secondary-color);
    font-size: 40px;
    margin-bottom: 0px;
}


/*copyright*/

.footer-copyright {
    padding: 30px 0px;
    max-width: 1170px;
    clear: both;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
}

.footer-copyright ul.ftr-link {
    text-align: right;
    float: right;
    width: 33.33%;
    list-style: none;
    padding: 0px;
    margin-bottom: 0px
}

.footer-copyright .ftr-logo {
    width: 33.33%;
    float: left;
    display: flex;
}

.footer-copyright small.copyright {
    float: left;
    background: transparent;
    color: #000;
    width: 33.33%;
    padding: 0px;
    font-size: 14px;
}

.footer-copyright ul.ftr-link li {
    display: inline;
    padding: 0px 5px;
    font-size: 14px;
    color: #000000;
}

.footer-copyright ul.ftr-link li a {
    font-size: 14px;
    color: #000000;
}

.footer-copyright ul.ftr-link li a:hover {
    text-decoration: none
}



/*category listing*/
.cat-head {
    clear: both;
    max-width: 1170px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    background: #f4f4f4;
    padding: 30px 50px;
}

.cat-head h1.page-title {
    margin-top: 0px;
    color: var(--secondary-color);
    font-size: 45px;
    line-height: 47px;
    font-weight: 600;
    margin: 0;
}

.cat-head .head-img {
    text-align: center;
    padding: 0px 38px 0px 70px;
    height: 100px;
    align-items: center;
    display: flex;
}

/*.cat-head .head-content { width: 85%; float: left;    padding-right: 50px;}*/
.cat-head .head-content h3 {
    margin-top: 0px;
    color: var(--secondary-color);
    font-size: 45px;
    line-height: 47px;
    font-weight: 600;
}

.cat-head .head-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
}



.cat-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.cat-list .category-div {
    flex: 33.33%;
    max-width: 33.33%;
    position: relative;
    padding: 0 15px;
    margin: 0 0 25px
}

.cat-list>div:nth-child(3n+3) {
    margin-top: 0px !important;
}

.cat-list .category-div img.cat-img {
    width: 100%;
}

.cat-list .category-div .inner-cont {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 25px 42px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.cat-list .category-div .inner-cont h3 {
    margin: 0px;
    color: var(--black-color);
    font-size: 20px;
}

.cat-list .category-div .inner-cont .btn-new {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../images/arrow-right.png) no-repeat center center;
    background-size: contain;
}

.cat-list .category-div .inner-cont .btn-new span {
    display: none;
}

.cat-list .category-div .inner-cont .btn-new:hover {
    text-decoration: none;
}

.cat-list .category-div .contact-right.home-right-div {
    margin-top: 0;
    max-width: 100%;
    padding: 0px;
}

.cat-list .category-div .contact-right.home-right-div .info-block-div .right-cont {
    margin-top: 0;
    width: 47%
}

.cat-list .info-block-div.cat-cont::after {
    display: none
}

.cat-list .info-block-div.cat-cont a.contact-link {
    border-radius: 0px;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    padding: 18px 17px 18px 25px;
    width: 89%;
    top: auto;
    bottom: 6px;
    line-height: 18px
}

.cat-list .info-block-div.cat-cont .left-cont {
    width: 52%;
    padding-top: 30px;
    position: relative;
    left: 25px;
}

.cat-list .info-block-div.cat-cont .right-cont {
    width: 48%;
    margin-top: 43px
}

.cat-list .info-block-div.cat-cont .right-cont img {
    position: relative;
    top: 12px;
}

.cat-list .info-block-div.cat-cont .left-cont h3 {
    margin-bottom: 23px;
}

.cat-list .info-block-div.cat-cont .left-cont p {
    margin-bottom: 23px;
}

.cat-list .info-block-div.cat-cont {
    width: 31.4%;
    margin-left: 17px;
}

.cat-list .category-div .category-image .image {
    height: 242px;
    width: 100%;
    object-fit: cover;
}

/*-- Toolbar --*/
.toolbar .modes .modes-mode {
    background: none;
    border-radius: 0;
    box-shadow: none;
}

.toolbar .modes .modes-mode.active {
    background: var(--blue-color);
    border-color: var(--blue-color);
}

.toolbar .modes .modes-mode.active:before {
    color: var(--white-color);
}

.toolbar select {
    border-radius: 0;
    box-shadow: none;
    background: #fff;
}

.toolbar .pages .pages-items {
    /* display: flex; */
    align-items: center;
}

.toolbar .pages .pages-items .item {
    width: 30px;
    height: 30px;
}

.toolbar .pages .pages-items .item a {
    color: var(--blue-color);
    display: block;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
}

.toolbar .pages .pages-items .item strong.page {
    padding: 0;
    background: var(--secondary-color);
    color: #fff;
    font-size: 16px;
    display: block;
}

.toolbar .pages .pages-items .item a.action {
    background: var(--secondary-color);
    box-shadow: noen;
    border: none;
    border-radius: 0;
}

.toolbar .pages .pages-items .item a.action:before {
    color: var(--white-color);
}

/*product */
.block-products-list h2,
.product-slider-title {
    font-size: 35px;
    line-height: 47px;
    font-weight: 600;
    color: var(--secondary-color);
    text-align: left;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}

.slider-product-item-info {
    width: 100% !important;
}

li.product-item.product-slider .product-image-container {
    width: 94% !important;
}

li.product-item.product-slider .product-image-container:last-child {
    width: 100% !important;
}

.products-grid.grid {
    margin-bottom: 90px;
}

.product.details.slider-product-item-details a {
    font-size: 19px;
    line-height: 24px;
    color: var(--secondary-color);
    font-weight: 600;
}

.products-grid .product-item-actions .actions-secondary {
    display: none;
}

.product.details.slider-product-item-details a.action.tocart.primary {
    background: transparent url(../images/arrow-bold-right.png) no-repeat center left;
    color: var(--blue-color);
    border: none;
    font-size: 16px;
    padding: 0px;
    font-weight: 600;
    transition: all ease-in-out 0.2s;
}

.product.details.slider-product-item-details a.action.tocart.primary:hover {
    background-position: left 5px center;
}

.products-grid .product-item-actions {
    margin-top: 15px;
    margin-bottom: 0px;
}

.product.details.slider-product-item-details a.action.tocart.primary span {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 20px;
    background-position: left center;
}



/*login*/

h1.page-title {
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    color: var(--secondary-color);
    text-align: left;
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}

.block.block-customer-login .field.note {
    display: none;
}

.block.block-customer-login,
.block.block-new-customer {
    background: #F4F4F4;
    border-radius: 0px;
}

.block.block-customer-login .block-title,
.block.block-new-customer .block-title {
    border: none;
    padding-bottom: 0px;
    padding: 55px 65px 0px;
    color: var(--secondary-color);
    font-size: 20px;
    line-height: 36px;
}

.block.block-customer-login .block-title,
.block.block-new-customer .block-title strong,
.login-container .block .block-title strong {
    font-weight: 700;
    color: var(--secondary-color);
    font-size: 20px;
}

.block.block-customer-login .block-content,
.block.block-new-customer .block-content {
    padding: 0px 65px 65px;
}

.block.block-customer-login .block-content label {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.block.block-customer-login .control {
    width: 100% !important;
}

.block.block-customer-login fieldset.fieldset.login {
    margin-bottom: 0px;
}

.block.block-customer-login .control input {
    border-color: var(--secondary-color);
    color: var(-secondary-color);
    border-radius: 0px;
    height: 40px;
}

.block.block-customer-login .actions-toolbar {
    margin-top: 40px;
}

.block.block-customer-login .primary .action.primary,
.primary a.action.create.primary {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1;
}

.login-container .fieldset:after {
    display: none
}

.block.block-customer-login fieldset.fieldset.login .field {
    margin-bottom: 15px;
    position: relative
}

.block.block-customer-login .secondary a.action.remind {
    color: var(--blue-color);
    font-size: 14px;
    line-height: 17px;
}

.block.block-customer-login fieldset.fieldset.login .field .secondary {
    position: absolute;
    top: 1px;
    right: 0;
}



.form.password.forget {
    background: #F4F4F4;
    border-radius: 0px;
    padding: 55px 65px;
    width: 50%;
}

.form.password.forget .field {
    margin-bottom: 15px;
    position: relative
}

.form.password.forget label {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.form.password.forget .primary button.action.submit.primary {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1;
}

.form.password.forget input {
    border-color: var(--secondary-color);
    border-radius: 0px;
    height: 40px;
}

.form.password.forget .fieldset:after {
    display: none
}

.form.password.forget fieldset.fieldset {
    margin-bottom: 0px;
}

.form.password.forget button.action.reload.captcha-reload {
    border: 1px solid var(--secondary-color);
    background: transparent;
    border-radius: 25px;
    color: var(--secondary-color);
    font-size: 13px;
    padding: 10px 25px;
}

.form.password.forget .field.note {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}



.primary button.action.submit.primary {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1;
}

.form-create-account .fieldset.create.account:after {
    display: none
}

.form-create-account input {
    border-color: var(--secondary-color);
    border-radius: 0px;
    height: 40px;
}

.form-create-account legend.legend {
    border: none;
    padding-bottom: 0px;
    color: var(--secondary-color);
    font-size: 20px;
    line-height: 36px;
}

.form-create-account legend.legend span {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 600;
}

.form-create-account .field span {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.password-strength-meter {
    background-color: transparent;
    padding: 0px;
}

.form-create-account {
    background: #F4F4F4;
    border-radius: 0px;
    padding: 55px 65px 65px;
    max-width: 500px !important;
}

@media screen and (min-width:768px) {

    .customer-account-create .page-title-wrapper,
    .customer-account-forgotpassword .page-title-wrapper {
        max-width: 50%;
        margin: auto;
    }

    .form-create-account,
    .form.password.forget {
        margin: auto;
    }
}

.form-create-account .field {
    margin-bottom: 15px
}

.faq-index-index h1.page-title {
    margin-bottom: 5px;
}



/*product details*/
.product-info-main h1 {
    font-size: 35px;
}

.page-layout-1column .product.media,
.page-layout-category-listing-layout .product.media {
    width: 41%;
}

.page-layout-category-listing-layout .product.media .gallery-placeholder>img {
    width: 100%;
}

.gallery-placeholder .loading-mask {
    display: none;
}

.page-layout-1column .product-info-main,
.page-layout-category-listing-layout .product-info-main {
    width: 59%;
    padding-left: 40px;
}

@media screen and (min-width:768px) {
    .page-layout-category-listing-layout .product-info-main {
        min-height: 550px;
    }
}

.product-info-main .product-info-block {
    background: #F4F4F4;
    padding: 40px;
}

.product-info-main .product-info-price {
    margin-bottom: 0px;
    border: none;
}

.product-info-main .product-add-form #product_addtocart_form {
    display: flex;
    flex-wrap: wrap;
}

.product-info-main .product-add-form .box-qty {
    order: 1;
    flex: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.product-info-main .product-add-form .box-qty .field.qty {
    max-width: 200px;
}

.product-info-main .product-add-form .box-qty .field.qty .label {
    font-family: FS-Elliot-Pro-Bold;
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    margin: 18px 0px 6px;
}

.product-info-main .product-add-form .box-qty .field.qty .control .input-text {
    height: 40px;
    border: 1px solid var(--secondary-color);
    border-radius: 10px;
    color: #000;
    font-size: 16px;
}

.product-info-main .product-add-form .box-tocart {
    margin-bottom: 0px;
    order: 3;
}

.product-info-main .product-add-form .box-tocart .fieldset:last-child {
    margin-bottom: 0px
}

.product.attribute.plaatsingsservice {
    order: 2;
    color: var(--blue-color);
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 2rem;
}

.product.attribute.plaatsingsservice .icon {
    width: 20px;
    height: 20px;
    background: var(--blue-color);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    font-size: 12px;
}

.product.attribute.plaatsingsservice p {
    margin: 0;
}

ul.product-desp img {
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.catalogsearch-result-index .price-box.price-final_price {
    height: auto;
    align-items: center;
    display: flex;
    padding-left: 0px;
    margin: 0;
}

.price-box.price-final_price .price-container .price {
    font-size: 18px;
}

.product.attribute.description p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}


.info-block-div.product-contact {
    max-width: 370px;
    margin-top: 20px
}

.info-block-div.product-contact .slide-right {
    padding-left: 30px;
    padding-top: 25px;
}

.info-block-div.product-contact a.contact-link {
    border-radius: 0;
    padding: 30px 20px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: center;
    justify-content: center;
    top: -60px;
}

.product.attribute.levertijd {
    color: var(--blue-color);
    font-size: 16px;
    line-height: 24px;
    display: flex;
}

.product.attribute.levertijd strong.type {
    margin-right: 5px;
    font-weight: 600;
}

.product-info-main .product.attribute.overview {
    margin: 15px 0 20px;
    color: var(--black-color);
}

.product-info-main .product.attribute.overview ul {
    margin: 15px 0;
    padding: 0;
    list-style: none;
    font-family: FS-Elliot-Pro-Regular;
}

.product-info-main .product.attribute.overview ul li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 25px;
}

.product-info-main .product.attribute.overview ul li:before {
    content: '';
    width: 20px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 7px;
    background: url(../images/check-blue.png) no-repeat center center;
    background-size: contain;
}

.product-info-main .product.attribute.overview p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

.product-info-main .product-social-links {
    margin: 0;
}

.box-tocart .actions .action.primary {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 14px 25px;
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary-color);
    width: 100%;
    text-align: center
}

.product-info-main .price-box.price-final_price {
    display: flex;
    align-items: center;
    padding-left: 21px;
    order: 4;
    font-size: 12px;
    font-weight: 700;
}

.product-info-main .price-box.price-final_price strong {
    font-size: 18px;
    font-weight: 900;
}

.product.info.detailed {
    margin-top: 00px;
    padding-top: 0px;
}

.product.info.detailed .product.data.items>.item.title {
    width: 100%;
    padding: 15px 0px;
    border: none;
    clear: both;
    width: 100%;
    border-top: 2px solid #f4f4f4;
}

.product.info.detailed .product.data.items>.item.title a {
    border: none;
    background: transparent;
    padding: 0px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    position: relative;
    background: url(../images/chevron-down.png) no-repeat right 15px center;
    background-size: 10px;
}

.product.info.detailed .product.data.items>.item.title.active a {
    background: url(../images/chevron-up.png) no-repeat right 15px center;
    background-size: 10px;
}

.product.info.detailed .product.data.items>.item.content {
    clear: both;
    border: none;
    padding: 20px 0;
    margin-top: 0;
    border-top: 2px solid #f4f4f4;
}


.fotorama__stage {
    margin-bottom: 15px;
}

.fotorama__thumb-border {
    border: 1px solid var(--blue-color);
}

.fotorama__thumb-border {
    margin-top: 11px;
    border-radius: 0px;
}

/* cart */
table#shopping-cart-table thead tr th span {
    font-size: 16px;
    font-weight: 600;
}
table#shopping-cart-table thead tr th:first-child {
    width: 60%;
    max-width: 60%;
    padding: 15px 11px;
}
table#shopping-cart-table thead tr th:nth-child(2) {
    width: 10%;
    max-width: 10%;
    text-align: left;
    padding: 15px 11px;
}
table#shopping-cart-table thead tr th:nth-child(3) {
    width: 15%;
    max-width: 15%;
    text-align: left;
    padding: 15px 11px;
}
table#shopping-cart-table thead tr th:nth-child(4) {
    width: 15%;
    max-width: 15%;
}
table#shopping-cart-table tbody tr td.col.item {
    display: flex;
    padding: 20px 11px;
}
table#shopping-cart-table tbody tr td.col.item .cart-item__info {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    gap: 2rem;
}
table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 75%;
    max-width: 75%;
    border-right: 2px solid #DFDFDF;
}
table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-content .cart-item__info-content-installation {
    margin-top: 10px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.cart-item__info-content-installation .btn-show-detail {
    color: #227CF2;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.cart-item__info-content-installation .btn-show-detail::after {
    content: '';
    width: 12px;
    height: 12px;
    margin-top: 5px;
    display: inline-block;
    transition: all .3s ease;
    background: url(../images/arrow-bold-right-blue.png) no-repeat;
}
table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-content .cart-item__info-content-installation p {
    color: #797979;
    font-size: 13px;
}
table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-content .cart-item__info-content-attributes .item.message {
    margin-top: 0;
    margin-right: 20px;
}
table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-image {
    width: 200px;
}
table#shopping-cart-table tbody .attr-items {
    display: flex;
    gap: 2rem;
}
table#shopping-cart-table tbody .attr-items .attr-item__info {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
table#shopping-cart-table tbody .attr-items .attr-item__image {
    min-width: 140px;
    max-width: 140px;
}
table#shopping-cart-table tbody .attr-items .attr-item__image .product-item-photo {
    display: block;
    position: unset;
    width: 100%;
    padding: 0;
}
table#shopping-cart-table tbody .attr-items .attr-item__info .vorm-div {
    display: flex;
    flex-direction: column;
}
table#shopping-cart-table tbody .attr-items .attr-item__info .vorm-div span {
    color: #797979;
}
table#shopping-cart-table tbody .attr-items .attr-item__info .vorm-div strong {
    color: #000;
    font-weight: 600;
}
table#shopping-cart-table tbody .attr-items .attr-item__info .vorm-div:first-child strong {
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
table#shopping-cart-table tbody .attr-items .attr-item__info .vorm-div > strong {
    margin-left: 1.5rem;
}
table#shopping-cart-table tbody tr td.col.price {
    font-size: 16px;
    text-align: left;
}
table#shopping-cart-table tbody tr td.col.price .cart-item__price {
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
table#shopping-cart-table tbody tr td.col.qty  .cart-item__qty  {
    display: flex;
}
table#shopping-cart-table thead tr th.col.subtotal {
    padding-right: 35px
}
table#shopping-cart-table tbody tr td.col.subtotal {
    position: relative;
}
table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 20px 35px;
}
table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal .price-div {
    font-size: 24px;
    max-width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal .price-div p.text-btw {
    font-size: 13px;
}
table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal .cart-item__delete {
    display: flex;
    align-items: end;
}
table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal .cart-item__delete .actions-toolbar {
    width: 100%;
    margin-top: 0;
    display: flex;
    justify-content: end;
}
table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal .cart-item__delete .actions-toolbar > .action-delete {
    position: static;
    flex-direction: row-reverse;
}
table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal .cart-item__delete .actions-toolbar > .action-delete:after {
    margin-right: 10px;
    margin-left: 0;
}
.close-btn:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #227CF2;
    content: '\e616';
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.cart-item__info-content-heading {
    display: flex;
    flex-direction: column;
}
.cart-item__info-content-heading .cart-item__info-content-name {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.cart-item__info-content-heading .cart-item__info-content-category {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #797979;
}

@media screen and (max-width: 767px) {
    .cart.table-wrapper {
        margin-top: 0;
    }
    .checkout-cart-index .page-title-wrapper {
        margin-top: 1rem;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
    }
    table#shopping-cart-table tbody tr {
        display: flex;
        flex-direction: column;
        margin: 2rem 0;
    }
    table#shopping-cart-table tbody tr td.col.item {
        margin: 0;
        border-right: 0;
    }
    table#shopping-cart-table tbody tr td.col.item .cart-item__info {
        flex-direction: column;
        border-right: 0;
        border-bottom: 2px solid #DFDFDF;
    }
    table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-image {
        display: flex;
        gap: 1rem;
        align-items: center;
        width: 100%;
    }
    table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-image img {
        width: 100px;
        height: 100px;
    }
    table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-content {
        width: 100%;
        max-width: 100%;
        border-right: 0;
    }
    table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-content .cart-item__info-content-installation {
        margin-top: 0;
        margin-right: 0;
    }
    table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-content .cart-item__info-content-attributes .attr-items {
        background: #E8E8E8;
        padding: 1rem;
        margin-bottom: 15px;
    }
    table#shopping-cart-table tbody tr td.col.item .cart-item__info .cart-item__info-content .cart-item__info-content-attributes .item.message {
        margin-right: 0;
        margin-bottom: 20px;
    }
    table#shopping-cart-table tbody tr td.col.price {
        display: none;
    }
    table#shopping-cart-table tbody tr td.col.qty {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 0;
    }
    table#shopping-cart-table tbody tr td.col.subtotal {
        width: 100%;
        padding-right: 11px;
        position: static;
        padding-top: 0;
    }
    table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal {
        position: static;
        padding: 0;
    }
    table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal .cart-item__delete .actions-toolbar {
        margin-top: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table#shopping-cart-table tbody tr td.col.subtotal .cart-item__subtotal .cart-item__delete .actions-toolbar .action-delete {
        display: flex;
    }
    table#shopping-cart-table tbody .attr-items .attr-item__info {
        max-width: 100%;
    }
    table#shopping-cart-table tbody .attr-items .attr-item__image {
        max-width: 80px;
        min-width: 80px;
    }
    table#shopping-cart-table tbody .attr-items .attr-item__image .product-item-photo {
        background: transparent;
    }
    table#shopping-cart-table tbody .attr-items .attr-item__info .vorm-div span {
        color: #797979;
        font-size: 12px;
    }
    table#shopping-cart-table tbody .attr-items .attr-item__info .vorm-div strong {
        color: #000;
        font-size: 12px;
    }
    .cart-item__info-content-heading {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .cart-item__info-content-heading .cart-item__info-content-name {
        color: #000;
        font-size: 16px;
    }
    table#shopping-cart-table tbody tr td .cart-item__price {
        font-size: 16px;
        font-weight: 500;
        max-width: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    table#shopping-cart-table tbody tr td .price-div {
        max-width: 135px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 24px;
    }
    table#shopping-cart-table tbody tr td .price-div p.text-btw {
        font-size: 13px;
    }

    table.data.table.totals tr.grand.totals th.mark strong {
        padding-top: 0;
    }
    table.data.table.totals tr.grand.totals th,
    table.data.table.totals tr.grand.totals td {
        padding-top: 1.5rem;
    }
    table.data.table.totals tr.totals-tax th,
    table.data.table.totals tr.totals-tax td {
        padding-top: .25rem;
    }
    .cart-totals .grand strong,
    .cart-totals tbody .mark,
    .cart-totals tbody .amount {
        padding: 0
    }
}

.cart-summary .checkout-methods-items .action.primary.checkout {
    background: var(--blue-dark);
    border: none;
    border-radius: 30px;
    padding: 19px 40px;
    font-size: 20px;
    color: var(--white-color);
    font-weight: 600;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}

.cart-summary .checkout-methods-items .action.primary.checkout:after {
    content: '';
    width: 12px;
    height: 12px;
    margin-top: 5px;
    display: inline-block;
    transition: all .3s ease;
    background: url(../images/arrow-bold-right-white.png) no-repeat;
}

.cart-summary .checkout-methods-items .action.primary.checkout:hover:after {
    transform: translateX(10px);
}

.cart-summary .checkout-methods-items li.item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cart-summary .checkout-methods-items li.item .container-payment {
    gap: 1rem;
}   

.cart-summary {
    background: transparent;
}

.cart-summary .title {
    color: var(--blue-color);
    font-size: 16px;
    font-weight: 600;
    display: none
}

.cart-summary .cart-totals,
.cart-summary .table-totals {
    border: none;
}

.cart-summary tr.grand.totals th,
.cart-summary tr.grand.totals td {
    border: none !important;
}

.cart-summary .cart-totals {
    padding-top: 0px;
}

.cart-summary tr.totals.sub th,
.cart-summary tr.totals.sub td {
    padding: 6px 0;
}

.cart-summary tr.grand.totals th.mark,
.cart-summary tr.grand.totals td {
    padding: 0px;
    padding-bottom: 7px;
}



/*my Account*/

.myacount-main {
    clear: both;
}

.acoount-head {
    float: left;
}

.print-download {
    float: right;
    display: flex;
    height: 40px;
    align-items: center;
}

.acoount-head ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 10px;
}

.acoount-head ul li {
    display: inline-block;
    padding-right: 15px;
    position: relative;
    line-height: 1;
    margin-bottom: 0px;
}

.acoount-head ul li h3 {
    font-size: 20px;
    color: var(--blue-color);
    line-height: 36px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.acoount-head ul li::after {
    content: "";
    background: var(--blue-color);
    height: 55%;
    width: 2px;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.acoount-head ul li:last-child::after {
    display: none;
}

.acoount-head ul li p {
    font-size: 16px;
    line-height: 36px;
    color: #0C9F3B;
    margin-bottom: 0px;
}

.print-download a {
    color: #0C9F3B;
    font-size: 14px;
    line-height: 15px;
}

.myacount-main {
    clear: both;
    background: #EBF1EE;
    border-radius: 0px;
    padding: 27px 30px 10px;
    display: flow-root;
}

.myacount-main .media img.prd-act-img {
    margin-right: 15px;
    float: left;
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 0px;
}

.myacount-main .media .media-body {
    float: left;
}

.myacount-main .media .media-body ul.list-inline {
    list-style: none;
    padding: 0px;
    margin-bottom: 2px
}

.myacount-main .media .media-body ul.list-inline li {
    display: inline;
    padding-right: 15px;
    position: relative;
    line-height: 20px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #000
}

.myacount-main .media .media-body ul.list-inline li::after {
    content: "";
    background: #000;
    height: 75%;
    width: 2px;
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.myacount-main .media .media-body h5 {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 10px;
}

.myacount-main .media .media-body ul.list-inline li:last-child::after {
    display: none;
}

.myacount-main .media {
    display: inline-block;
    float: left;
    width: 76%;
}

.myacount-main .account-price {
    float: right;
}

.myacount-main .account-price h3 {
    margin-top: 0px;
    font-size: 16px;
}

.myacount-main .media .media-body p {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.myacount-main .prodact-div {
    display: inherit;
    margin-bottom: 20px;
    width: 100%;
}

.table-wrapper.orders-history {
    border-bottom: none;
}

.account-maindiv {
    margin-bottom: 40px;
}

/*footer*/

footer.page-footer ul.footer.links li a {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

footer.page-footer .footer.content {
    padding: 0px 10px;
}

footer.page-footer {
    background: var(--secondary-color);
    color: #fff;
    padding: 58px 0px 30px;
}

footer.page-footer ul.footer.links li a:hover {
    color: #fff;
}

.footer-div {
    width: 23%;
    float: left;
}

.footer-div h3,
.footer-rating h3 {
    margin-top: 0px;
    font-size: 18px;
    margin-bottom: 13px;
}

.footer-div ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.footer-div ul.footer-link li {
    padding: 5px 0px;
}

.footer-rating {
    width: 22%;
    float: left;
}

ul.rating-star li {
    display: inline;
}

.rating-div ul.rating-star {
    margin-top: 15px;
    margin-bottom: 6px;
    display: inline-block;
}

.rating-div p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 50px;
}

.social-footer {
    margin-top: 40px;
}

ul.social-icon li {
    display: inline-block;
    padding-right: 25px;
}

.social-footer ul.social-icon {
    margin-top: 29px;
}

.contact-right.footer-right {
    width: 31%;
    max-width: 100%;
    margin-bottom: 0px;
    position: relative;
    top: -10px;
}

.contact-right.footer-right .slide-right {
    background: transparent;
}

.contact-right.footer-right .info-block-div .left-cont h3 {
    font-size: 33px;
    line-height: 1;
    color: var(--primary-color);
    margin-top: 5px;
    margin-bottom: 14px;
}

.contact-right.footer-right .info-block-div .left-cont p {
    color: #fff;
    margin-bottom: 15px;
}

.contact-right.footer-right .info-block-div .left-cont a {
    color: var(--primary-color);
}

.contact-right.footer-right .info-block-div a.contact-link {
    width: auto;
    background: #fff;
    color: var(--secondary-color);
    top: 0px;
    margin-top: 30px;
    display: inline-block;
    height: auto;
    font-weight: 600;
    padding: 13px 20px;
    font-size: 18px;
    border-radius: 30px;
}

.contact-right.footer-right .info-block-div .right-cont {
    width: 42%
}

.link-mobile,
#oven-div,
#klan-div {
    display: none
}

.mob-ftrlink {
    display: none;
}

.footer.content img.arrow-ftr {
    display: none;
}



.product-item-details a.product-item-link {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 28px;
}

.product-item-details p {
    font-weight: 600;
    color: #000;
    font-size: 16px;
    margin-bottom: 5px;
}

.product-item-details p span {
    font-weight: 600
}

.product-item-details p span>b {
    display: flex;
    flex-wrap: wrap;
}

.product-item-details .product-item-name {
    margin: 5px 0 5px;
}

.product-item-details .inner-cont a {
    position: relative;
    color: var(--blue-color);
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
}

.product-item-details .inner-cont a:before {
    content: '';
    width: 8px;
    height: 7px;
    background: url(../images/arrow-bold-right.png) no-repeat center center;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
}

.product-item-details .inner-cont a img {
    padding-right: 5px;
    position: relative;
    top: 2px;
}

.breadcrumbs {
    padding-left: 0;
}

.breadcrumbs ul li {
    font-size: 15px;
    font-weight: 400;
}

.breadcrumbs ul li a,
.breadcrumbs ul li a:visited {
    font-size: 15px;
    color: var(--secondary-color);
}

.breadcrumbs ul li::after {
    color: #BFBFBF;
    margin: 0 1px;
}

.breadcrumbs .item:not(:last-child):after {
    font-size: 12px;
    line-height: 24px;
}

.breadcrumbs strong {
    font-weight: 600;
    color: var(--black-color);
}

.column.main .breadcrumbs ul li::after {
    color: #BFBFBF;
    margin: 0 1px;
    font-weight: 600;
}

.header-items-wrapper .home-contact li.greet.welcome {
    display: flex;
    padding-left: 10px;
    float: left;
    width: 100%;
    padding-top: 5px;
}

.header-items-wrapper .home-contact li.greet.welcome a {
    line-height: 1;
}

.home-contact.customer-div a span {
    margin-top: 5px;
    display: inline-block;
}

.home-contact.login-div {
    display: flex;
    justify-content: flex-end;
    width: 30%;
    margin-left: 10px;
}

/* POPUP CART */
.minicart-wrapper .minicart-items-wrapper {
    max-height: 300px;
    overflow: auto;
}

.minicart-wrapper .block-minicart {
    padding: 25px 20px;
}

.custom-shipping-step:has(> .page-wrapper > .page-header .minicart-overlay + .minicart-wrapper.active) {
    overflow: hidden;
}

.page-wrapper:has(> .page-header .minicart-overlay + .minicart-wrapper.active) {
    overflow: hidden;
}

.minicart-overlay:has(+.minicart-wrapper.active) {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 500;
    display: block;
    overflow: hidden;
    transform: scaleX(10) scaleY(20) translate(-31%, 40%)
}

div#minicart-content-wrapper .action.close {
    top: 10px;
    right: 15px;
}

div#minicart-content-wrapper .subtotal {
    margin: 30px 0px 20px;
}

div#minicart-content-wrapper .actions .action.primary.checkout {
    float: initial;
    background: var(--blue-dark);
    border: none;
    border-radius: 30px;
    font-size: 20px;
    color: white;
    width: auto;
    padding: 15px 40px;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
}

div#minicart-content-wrapper .actions .action.primary.checkout:after {
    content: '';
    width: 12px;
    height: 12px;
    margin-top: 5px;
    display: inline-block;
    transition: all .3s ease;
    background: url(../images/arrow-bold-right-white.png) no-repeat;
}

div#minicart-content-wrapper .actions .action.primary.checkout:hover:after {
    transform: translateX(10px);
}

div#minicart-content-wrapper .actions .secondary .viewcart {
    display: inline-block;
    font-weight: 600;
    padding: 10px 30px;
    background: var(--primary-color);
    color: var(--black-color);
    border-radius: 30px;
    width: 100%;
}

div#minicart-content-wrapper .block-content .actions .primary {
    margin: 0 0 15px;
}

div#minicart-content-wrapper .block-content .actions .secondary a.action.viewcart span {
    font-size: 16px;
}

div#minicart-content-wrapper .block-content .items-total {
    margin: 0;
}

div#minicart-content-wrapper .block-content .minicart-items-wrapper {
    padding: 10px 0;
}

.minicart-items-wrapper .minicart-items {
    padding: 0 20px;
}

.minicart-items-wrapper .minicart-items .item.product.product-item .product .product-item-details .product-item-name {
    margin-bottom: 0;
}

.minicart-items-wrapper .minicart-items .item.product.product-item .product .product-item-details .product-item-name span,
.minicart-items-wrapper .minicart-items .item.product.product-item .product .product-item-details .product-item-name a {
    color: #000000;
    font-size: 18px;
}

.minicart-items-wrapper .minicart-items .item.product.product-item .product .product-item-details .product-category-name {
    color: #797979;
}

.minicart-items-wrapper .minicart-items .item.product.product-item .product .product-item-details .product-item-pricing .price-container span.price {
    font-size: 16px;
    font-weight: 500;
}

.minicart-items-wrapper .minicart-items .item.product.product-item .product .product-item-details .product-item-pricing .details-qty {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .minicart-wrapper .minicart-items-wrapper {
        height: 50vh !important;
        max-height: none;
    }

    .minicart-wrapper .block-minicart {
        width: 95vw;
        right: calc(100% - 90px);
    }

    .minicart-wrapper .block-minicart:before,
    .minicart-wrapper .block-minicart:after {
        display: none;
    }

    div#minicart-content-wrapper .items-total {
        margin-left: 0;
    }

    div#minicart-content-wrapper .subtotal {
        margin: 30px 0 20px;
    }

    div#minicart-content-wrapper .items-total,
    div#minicart-content-wrapper .subtotal span.label {
        font-size: 13px;
    }

    div#minicart-content-wrapper .subtotal .price-container .price-wrapper .price {
        font-size: 16px;
    }

    div#minicart-content-wrapper .actions .action.primary.checkout {
        padding: 15px 20px;
    }

    div#minicart-content-wrapper .actions .primary {
        margin: 0 0 15px;
    }

    .minicart-items-wrapper .minicart-items .item.product.product-item .product .product-item-details .product-item-pricing .details-qty .form-group-qty .label {
        font-size: 12px;
    }
}
/* POPUP CART */

/* REVIEW */
#review {
    display: flex;
    gap: 2rem;
    min-height: 270px;
    margin-top: 50px;
}

#review .review-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    flex: 1;
    font-family: "Outfit", sans-serif;
    min-width: 270px;
    min-height: 300px;
    height: 300px;
}

#review .review-info h2 {
    margin-top: 0;
    margin-bottom: 1rem;
}

#review .review-info .review-info__stars,
#review .review-list .review-items .review-item .review-item__stars {
    display: flex;
    gap: .25rem;
}

#review .review-info h2 {
    font-weight: 600;
    font-size: 35px;
}

#review .review-info p {
    font-size: 16px;
}

#review .review-info p a span {
    color: black;
    font-weight: 700;
    text-decoration: underline;
}

#review .review-list {
    display: flex;
    gap: 2rem;
    flex: 3;
    position: relative;
    margin-bottom: 0;
}

#review .review-list .review-items {
    display: flex;
    flex-direction: column;
    max-width: calc((270px * 3) + 20px);
}

#review .review-list .review-item {
    background: #F4F4F4;
    padding: 2rem 3rem .5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border: none;
    width: 270px;
    min-height: 300px;
}

#review .review-list .review-item .review-item__head {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 1rem;
}

#review .review-list .review-item .review-item__head .review-item__head-avatar {
    width: 50px;
    height: 50px;
}

#review .review-list .review-item .review-item__head .review-item__head-info {
    display: flex;
    flex-direction: column;
}

#review .review-list .review-item .review-item__head .review-item__head-info p {
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}

#review .review-list .review-item .review-item__head .review-item__head-info span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #9B9B9B;
}

#review .review-list .review-item .review-item__stars .img-logo,
#review .review-list .review-item .review-item__stars .img-logo img {
    width: 20px;
    height: 19px;
    position: relative;
}   

#review .review-list .review-item .review-item__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#review .review-list .review-item .review-item__body .review-item__body-text {
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#review .review-list .review-item .review-item__body .review-item__body-text.show {
    line-clamp: unset;
    -webkit-line-clamp: unset;
}

#review .review-list .review-item .review-item__body .review-item__body-readmore {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #9B9B9B;
    cursor: pointer;
}

#review .review-list .review-items .owl-nav {
    position: absolute;
    top: 45%;
    left: -21px;
    right: -21px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}

#review .review-list .review-items .owl-nav .owl-prev,
#review .review-list .review-items .owl-nav .owl-next {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 1px 0px 4.8px 0px #00000026;
}

#review .review-list .review-items .owl-nav button span {
    color: #737373;
    font-size: 30px;
    margin-top: -4px;
}

#review .review-list .review-items .owl-nav [class*=owl-]:hover {
    color: #737373;
}

[data-star] {
  text-align: left;
  font-style: normal;
  font-size: 28px;
  display: inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
[data-star]::before { 
  display: block;
  content: '★★★★★';
  color: transparent;
}
[data-star]::after {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  width: 0;
  color: #F8BD27;
  overflow: hidden;
  height: 100%;
}

[data-star^="0.1"]::after{ width:2% }
[data-star^="0.2"]::after{ width:4% }
[data-star^="0.3"]::after{ width:6% }
[data-star^="0.4"]::after{ width:8% }
[data-star^="0.5"]::after{ width:10% }
[data-star^="0.6"]::after{ width:12% }
[data-star^="0.7"]::after{ width:14% }
[data-star^="0.8"]::after{ width:16% }
[data-star^="0.9"]::after{ width:18% }
[data-star^="1"]::after{ width:20% }
[data-star^="1.1"]::after{ width:22% }
[data-star^="1.2"]::after{ width:24% }
[data-star^="1.3"]::after{ width:26% }
[data-star^="1.4"]::after{ width:28% }
[data-star^="1.5"]::after{ width:30% }
[data-star^="1.6"]::after{ width:32% }
[data-star^="1.7"]::after{ width:34% }
[data-star^="1.8"]::after{ width:36% }
[data-star^="1.9"]::after{ width:38% }
[data-star^="2"]::after{ width:40% }
[data-star^="2.1"]::after{ width:42% }
[data-star^="2.2"]::after{ width:44% }
[data-star^="2.3"]::after{ width:46% }
[data-star^="2.4"]::after{ width:48% }
[data-star^="2.5"]::after{ width:50% }
[data-star^="2.6"]::after{ width:52% }
[data-star^="2.7"]::after{ width:54% }
[data-star^="2.8"]::after{ width:56% }
[data-star^="2.9"]::after{ width:58% }
[data-star^="3"]::after{ width:60% }
[data-star^="3.1"]::after{ width:62% }
[data-star^="3.2"]::after{ width:64% }
[data-star^="3.3"]::after{ width:66% }
[data-star^="3.4"]::after{ width:68% }
[data-star^="3.5"]::after{ width:70% }
[data-star^="3.6"]::after{ width:72% }
[data-star^="3.7"]::after{ width:74% }
[data-star^="3.8"]::after{ width:76% }
[data-star^="3.9"]::after{ width:78% }
[data-star^="4"]::after{ width:80% }
[data-star^="4.1"]::after{ width:82% }
[data-star^="4.2"]::after{ width:84% }
[data-star^="4.3"]::after{ width:86% }
[data-star^="4.4"]::after{ width:88% }
[data-star^="4.5"]::after{ width:90% }
[data-star^="4.6"]::after{ width:92% }
[data-star^="4.7"]::after{ width:94% }
[data-star^="4.8"]::after{ width:96% }
[data-star^="4.9"]::after{ width:98% }
[data-star^="5"]::after{ width:100% }

@media screen and (max-width: 768px) {
    #review {
        flex-direction: column;
        padding: 0 14px;
    }

    #review .review-list .review-items {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media screen and (max-width: 1190px) {
    #review .review-list .review-items .owl-nav {
        left: -16px;
        right: -16px;
    }

    #review {
        flex-direction: column;
        padding: 0 14px;
    }

    #review .review-info {
        align-items: start;
        height: auto;
        min-height: 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1190px) {
    
}
/* REVIEW */

.minicart-wrapper .action.showcart .counter.qty {
    background: var(--primary-color);
    color: var(--secondary-color);
    font-size: 11px;
    position: absolute;
    top: -13px;
    right: 0;
    z-index: 9;
    border-radius: 30px;
    height: 20px;
    line-height: 20px;
    min-width: 16px;
}

div#minicart-content-wrapper .actions .action.primary {
    margin-inline: 0;
}

div#minicart-content-wrapper .actions .secondary .viewcart:hover {
    text-decoration: none;
}

.minicart-wrapper .minicart-widgets {
    margin: 0;
}

.checkout-cart-index .page-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.checkout-cart-index h1.page-title {
    width: auto;
    margin-bottom: 0;
}

.checkout-cart-index button.action.primary.checkout {
    float: right;
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 19px 40px;
    font-size: 15px;
    color: var(--secondary-color);
}

.checkout-cart-index a.action.continue img {
    margin-right: 10px;
}

.checkout-cart-index .page-main>.page-title-wrapper .page-title+.action {
    position: relative;
    margin-top: 0;
    color: var(--blue-color);
    font-size: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 40px;
}

.checkout-cart-index .page-main>.page-title-wrapper .page-title+.action:before {
    content: '';
    display: inline-block;
    background: url(../images/small-arrow-icon.png) no-repeat center;
    background-size: contain;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.cart-container .form-cart {
    width: 100%;
    padding: 0;
}

.cart.table-wrapper .product-details-div {
    background: #F4F4F4;
    width: 85%;
    float: left;
    padding: 10px 30px;
    display: block;
    border-radius: 0px;
}

.cart.table-wrapper .product-details-div strong.product-item-name a {
    font-size: 20px;
    color: var(--blue-dark);
    font-weight: 700;
}

.cart.table-wrapper .product-details-div .product-item-details {
    padding-bottom: 20px;
    margin-bottom: -10px;
}

.cart.table-wrapper .attr-div {
    width: 40%;
    float: left;
}

.cart.table-wrapper .product-details-div .container-attr {
    margin-top: -10px;
}

.cart.table-wrapper .attr-div .vorm-div span {
    /* width: 50%; */
    float: left;
    color: #000;
}

.cart.table-wrapper .attr-div .vorm-div span strong {
    padding-left: 10px;
}

.cart.table-wrapper .field.qty {
    float: left;
    width: 220px;
    display: flex;
    justify-content: center;
}

.cart.table-wrapper .actions-toolbar {
    float: left;
}

.cart.table-wrapper .afm-div span {
    float: left;
    width: 50%;
    color: #000;
}

.cart.table-wrapper .vorm-div {
    padding-bottom: 0px;
    display: inline-block;
    width: 100%;
    line-height: 1.2;
}

.cart.table-wrapper .afm-div {
    padding-bottom: 0px;
    display: inline-block;
    width: 100%;
    line-height: 1.2;
}

.cart.table-wrapper .dikte-div {
    line-height: 1.2;
    color: #000;
}

.cart.table-wrapper .product-item-name {
    margin-bottom: 0px;
}

.product-delivery-time-info {
    text-align: right;
    font-size: 16px;
    color: var(--blue-color);
    font-weight: 400;
    position: relative
}

.product-delivery-time-info a {
    color: var(--blue-color);
    text-decoration: underline;
}

.product-delivery-time-info a:hover {
    text-decoration: none;
}

.product-delivery-time-info strong {
    font-weight: 700;
    color: var(--secondary-color);
}

.delivery-info-right {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.tooltop-links {
    position: relative;
    cursor: pointer;
}

.tooltop-links .tooltip-text {
    position: absolute;
    right: 0;
    top: -108px;
    background: #000;
    padding: 7px;
    min-width: 400px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    text-align: -webkit-auto;
    z-index: 1;
    display: none;
}

.tooltop-links .tooltip-text:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
}

.tooltop-links:hover .tooltip-text {
    display: block;
}

.product-delivery-time-info .text-bold {
    font-weight: 700;
}

.checkout-cart-index .cart.table-wrapper .actions-toolbar {
    float: left;
    width: 18%;
    padding-bottom: 0px;
    margin-top: 15px;
    text-align: center;
    display: inline-block;
}

.checkout-cart-index .cart.table-wrapper .actions-toolbar .action-delete {
    color: var(--blue-dark) !important;
    display: inline-flex;
    align-items: center;
}

.checkout-cart-index .cart.table-wrapper .actions-toolbar .action-delete:after {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/delet-icon.png) no-repeat;
    background-size: contain;
    margin-left: 10px;
}

.cart.table-wrapper .field.qty .control.qty input {
    float: left;
    width: 69px;
    height: 50px;
    border-color: var(--secondary-color);
    text-align: center;
}

.cart.table-wrapper .field.qty .control.qty input:focus {
    box-shadow: none;
}

.cart.table-wrapper .field.qty .qty_control button {
    display: block;
    background: #fff;
    border-color: var(--secondary-color);
    height: 25px;
    width: 28px;
    border-left: 0px;
    border-radius: 0px;
    padding: 0px;
    font-size: 14px;
    color: var(--secondary-color);
}

.cart.table-wrapper .field.qty .qty_control button.increaseQty {
    border-bottom: 0px;
}


.cart.table-wrapper .field.qty .qty_control button:focus {
    outline: none;
    box-shadow: none;
}

.cart.table-wrapper .field.qty .qty_control {
    float: left;
}

.cart.table-wrapper .field.qty label {
    padding-left: 10px;
    display: flex;
    align-items: center;
    height: 50px;
    color: #000;
    font-weight: 600;
}

.cart.table-wrapper .afm-div span strong,
.cart.table-wrapper .dikte-div span strong {
    padding-left: 10px
}

.cart.table-wrapper .product-details-div .actions-toolbar a {
    color: var(--secondary-color) !important;
    left: 0;
    font-size: 14px;
}


.cart.table-wrapper .actions-toolbar>.action-delete:before {
    display: none
}

.cart.table-wrapper .product-item-details .price-div {
    width: 20%;

}

.cart.table-wrapper .price-div {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    text-align: right;
}

.cart.table-wrapper .price-div .text-btw {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
}

.cart.table-wrapper .price-div span {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.cart-container .form-cart .actions.main {
    text-align: left;
}

.cart-container .form-cart .actions.main .action {
    padding: 12px 20px;
    font-size: 20px;
    font-weight: 600;
    background: var(--primary-color);
    border-radius: 30px;
    color: var(--secondary-color);
    line-height: 1;
    font-family: 'Outfit';
    margin: 0 4px 15px 4px;    
}

.cart-container .form-cart .actions.main .action:hover {
    background: var(--primary-color);
    color: var(--secondary-color);
    text-decoration: none;
}

.checkout-cart-index .cart-summary {
    width: 375px;
}

.checkout-cart-index .cart-summary .shipping-text {
    padding-inline: 0;
}

@media screen and (min-width:1140px) {
    .checkout-cart-index .cart-summary {
        margin-top: -65px;
        padding-right: 0;
    }
}

.cart-summary .block>.title strong {
    font-size: 16px;
    color: #94C01F;
}

table.data.table.totals th,
table.data.table.totals td {
    color: #000;
}

table.data.table.totals td {
    font-size: 14px;
}



table.data.table.totals tr.grand.totals th,
table.data.table.totals tr.grand.totals td {
    font-size: 14px
}

table.data.table.totals tr.totals.sub {
    padding-bottom: 5px;
}

.cart-empty {
    clear: both;
}

.products-grid .product-item-info:hover,
.products-grid .product-item-info.active {
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
}

.products-grid .product-item-info .product-item-photo {
    display: block;
    text-align: center;
}

/*--Crossell--*/
.block.crosssell {
    width: 100%;
    padding: 0;
}

.block.crosssell .title strong {
    font-size: 30px;
}

.block.crosssell .products-crosssell .product-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.block.crosssell .products-crosssell .product-item {
    flex: 25%;
    max-width: 25%;
    padding: 0 15px;
}

.block.crosssell .products-crosssell .product-item .product-item-details .product-item-name {
    min-height: 60px;
}

.block.crosssell .products-crosssell .product-item .product-item-details .price-box {
    min-height: 40px;
    margin-bottom: 0px;
}

.block.crosssell .products-crosssell .product-item .product-item-details .product-item-actions {
    display: none;
}

.block.crosssell .product-item-info {
    width: 100%;
}

@media screen and (max-width:992px) {
    .block.crosssell .products-crosssell .product-item {
        flex: 33%;
        max-width: 33%;
    }
}

@media screen and (max-width:768px) {
    .block.crosssell .products-crosssell .product-item {
        flex: 50%;
        max-width: 50%;
    }

    .block.crosssell .products-crosssell .product-item .product-item-details .product-item-name {
        min-height: auto;
    }

    .block.crosssell .products-crosssell .product-item .product-item-details .price-box {
        flex-direction: column;
    }
}

@media screen and (max-width:575px) {
    .block.crosssell .products-crosssell .product-item {
        flex: 100%;
        max-width: 100%;
    }
}

.custom-shipping-step .top-container {
    display: none;
}

.custom-shipping-step .page-main {
    max-width: 100%;
    padding: 0px;
}

.custom-shipping-step .parent-opc-progress-bar ul.opc-progress-bar {
    max-width: 1170px;
    margin: 0 auto;
    display: block;
    float: none;
    padding: 0px 10px
}

.custom-shipping-step .message.error {
    padding-left: 0;
}

.custom-shipping-step .message.error > div {
    max-width: 1000px;
    margin: 0 auto;
}

.custom-shipping-step .message.error > *:first-child:before {
    position: relative;
    top: 5px;
}
.custom-shipping-step .parent-opc-progress-bar {
    background: var(--blue-color);
    padding: 15px 0px;
}

.custom-shipping-step .parent-opc-progress-bar ul.opc-progress-bar li {
    width: 25%;
}

.custom-shipping-step .opc-wrapper.custom-opc-wrapper {
    max-width: 800px;
    margin: 70px auto;
    display: block;
    float: none;
    padding: 0px 10px;
}

;

.custom-shipping-step .opc-progress-bar-item._active:before,
.custom-shipping-step .opc-progress-bar-item._complete:before {
    background: #fff;
    border-color: #fff;
}

.custom-shipping-step .opc-progress-bar-item:before {
    height: 2px;
    background: rgba(255, 255, 255, 0.4);
    border: rgba(255, 255, 255, 0.4);
    left: 150px;
    top: 18px;
}

.custom-shipping-step .parent-opc-progress-bar ul.opc-progress-bar li:last-child::before {
    width: auto;
}

.custom-shipping-step .opc-progress-bar-item._active>span,
.custom-shipping-step .opc-progress-bar-item._complete>span {
    color: #fff;
}

.custom-shipping-step .opc-progress-bar-item._active>span span.steps-title,
.custom-shipping-step .opc-progress-bar-item._complete>span span.steps-title {
    color: rgba(255, 255, 255, 0.8)
}

.custom-shipping-step .opc-progress-bar-item._active>span:before,
.custom-shipping-step .opc-progress-bar-item._complete>span:before {
    background: #fff;
    border-color: #fff;
    width: 30px;
    height: 30px;
}

.custom-shipping-step .opc-progress-bar-item._active>span:after,
.custom-shipping-step .opc-progress-bar-item._complete>span:after {
    content: '';
    background: #fff url(../images/check.png) no-repeat center center;
    background-size: contain;
    width: 16px;
    height: 16px;
    top: 9px;
    font-size: 16px;
    margin-left: -10px;
}

.custom-shipping-step .opc-progress-bar-item>span {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.6);
    padding-top: 40px
}

.custom-shipping-step .opc-progress-bar-item>span:after {
    background: transparent;
    font-size: 0px;
    border: none;
}

.custom-shipping-step .opc-progress-bar-item>span:before,
.opc-progress-bar-item>span:after {
    background: var(--blue-color);
    border: 2px solid rgba(255, 255, 255, 0.4);
    height: 32px;
    width: 32px;
}

.custom-shipping-step .opc-wrapper .step-title {
    color: var(--secondary-color);
    font-size: 35px;
    line-height: 45px;
    border: none;
    margin-bottom: 10px;
    font-weight: 600;
}

.custom-shipping-step .opc-wrapper .step-title-desc {
    color: var(--secondary-color);
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 15px;
    display: inline-block;
    font-weight: 700;
}

.orders-history .order-div span.order-number {
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 700;
    line-height: 36px;
}

.orders-history .main-div .product-detail .image-div img {
    width: 70px;
    border-radius: 5px;
}

.orders-history .main-div {
    background: #f4f4f4;
    border-radius: 0px;
    padding: 27px 30px 0px;
    clear: both;
    margin-bottom: 34px;
}

.orders-history .main-div .product-detail {
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
}

.orders-history .main-div .image-div {
    float: left;
    margin-right: 20px;
}

.orders-history .main-div .product-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    color: var(--blue-color);
}

.orders-history .main-div .product-qty {
    font-size: 14px;
    color: #000;
    line-height: 20px;
}

.orders-history .wrapper-div .order-div {
    margin-bottom: 7px;
    float: left;
}

.orders-history .wrapper-div .invice-div {
    float: right;
    margin-top: 9px;
}

.orders-history .wrapper-div .invice-div a {
    color: var(--blue-color);
    font-size: 14px;
    line-height: 15px;
}

.orders-history .main-div .product-detail .product.attribute ul li {
    display: inline;
    padding-right: 10px;
    position: relative;
    font-size: 14px;
    color: #000;
}

.orders-history .main-div .product-detail .product.attribute ul {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}

.orders-history .main-div .product-detail .product.attribute ul li:not(:has(span)) {
    display: none;
}

/* .orders-history .main-div .product-detail .product.attribute ul li:after {
    content: "";
    background: #000000;
    width: 1px;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 1px;
    bottom: 0;
    margin: auto;
} */

.orders-history .main-div .product-detail .product.attribute ul li:last-child:after {
    display: none
}

.custom-shipping-step .opc-wrapper .step-content .custom-field-group {
    background: #F4F4F4;
    padding: 34px 70px 22px;
    border-radius: 0px;
}

.custom-shipping-step .opc-wrapper .step-content .field.my_custom_radio label.label span {
    color: var(--secondary-color);
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 15px;
    display: inline-block;
    font-weight: 700;
}

.custom-shipping-step .opc-wrapper .step-content .switch-field .switch label {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    margin-right: 32px;
    padding-left: 43px;
    position: relative;
    top: 7px;
}

.opc-wrapper .step-content .label span {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 7px;
    display: inline-block;
    font-weight: 400;
}

.opc-wrapper .step-content .control input,
.opc-wrapper .step-content .control select {
    border: 1px solid var(--secondary-color);
    border-radius: 0px;
    margin-bottom: 0px;
    height: 40px;
}

.opc-wrapper .step-content .control input:focus,
.opc-wrapper .step-content .control select:focus {
    box-shadow: none;
}

.opc-wrapper .step-content .form-shipping-address,
.opc-wrapper .step-content div#billing-address-container {
    background: #F4F4F4;
    padding: 34px 70px 29px;
    border-radius: 0px;
    max-width: 800px;
    margin-top: 10px;
    margin-bottom: 0px;
}



.opc-wrapper .step-content .my_custom_number_field {
    width: 25%;
    float: left;
    padding-right: 13px;
}

.opc-wrapper .step-content .my_custom_add_field {
    width: 100px;
    float: left;
    padding-right: 13px;
}

.opc-wrapper .step-content .my_custom_bus_field {
    width: 25%;
    float: right;
}

.opc-wrapper .step-content .street.admin__control-fields {
    width: 100%;
    float: left;
    padding-right: 0px;
}

.opc-wrapper .step-content .street.admin__control-fields>legend.label {
    display: none;
}

.opc-wrapper .step-content .street.admin__control-fields>.control {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.opc-wrapper .step-content .street.admin__control-fields>.control .field {
    margin: 0px;
}

.opc-wrapper .step-content .street.admin__control-fields>.control .field .label {
    position: initial;
    width: auto;
    height: auto;
    margin-top: 0;
}

.opc-wrapper .step-content .label {
    margin-bottom: 0px;
}

.opc-wrapper .step-content .fieldset>.field {
    margin: 0 0 18px;
}

.opc-wrapper .step-content .switch {
    margin-bottom: 30px;
    width: auto;
}

.custom-shipping-step .opc-wrapper .step-content .custom-field-group .field.my_custom_field {
    margin-bottom: 18px;
}

.opc-wrapper .step-content .field-tooltip.toggle {
    display: none;
}

.opc-wrapper .step-content .field .control._with-tooltip input {
    width: 100%
}

.opc-wrapper .step-content .field.custom-firstname-field {
    width: 49%;
    padding-right: 12px;
    float: left;
}

.opc-wrapper .step-content .field.custom-lastname-field {
    width: 49%;
    float: right;
}



.form-shipping-address .field.custom-firstname-field,
.billing-address-form .field.custom-firstname-field {
    width: 49.5%;
    padding-right: 10px;
    float: left;
}

.form-shipping-address .field.custom-lastname-field,
.billing-address-form .field.custom-lastname-field {
    width: 49%;
    float: right;
}

.form-shipping-address .my_custom_number_field,
.billing-address-form .my_custom_number_field {
    width: 25%;
    float: left;
    padding-right: 10px;
}

.form-shipping-address .my_custom_add_field,
.billing-address-form .my_custom_add_field {
    width: 15%;
    float: left;
    padding-right: 15px;
}

.form-shipping-address .my_custom_bus_field,
.billing-address-form .my_custom_bus_field {
    width: 25%;
    float: right;
}

.form-shipping-address .street.admin__control-fields,
.billing-address-form .street.admin__control-fields {
    width: 75%;
    float: left;
    padding-right: 15px;
}

.form-shipping-address .street.admin__control-fields .label,
.billing-address-form .street.admin__control-fields .label {
    display: none;
}

.form-shipping-address .street.admin__control-fields>.control,
.billing-address-form .street.admin__control-fields>.control {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.form-shipping-address .street.admin__control-fields>.control .field,
.billing-address-form .street.admin__control-fields>.control .field {
    margin: 0;
}

.form-shipping-address .street.admin__control-fields>.control .field .label,
.billing-address-form .street.admin__control-fields>.control .field .label {
    position: initial;
    width: auto;
    height: auto;
    margin: 0 0 8px;
    display: block;
}




.opc-wrapper .step-content .field.custom_customer_prefix span {
    color: var(--secondary-color);
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 15px;
    display: inline-block;
}

.opc-wrapper .step-content div#billing-address-container .step-title {
    color: var(--secondary-color);
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 15px;
    display: inline-block;
    margin-bottom: 0px;
}

/*.opc-wrapper .step-content div#billing-address-container .field.custom_customer_prefix span { display: none;}*/

.opc-wrapper .step-content .switch input {
    height: 31px;
}

.opc-wrapper .step-content .custom-postcode-field._required {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}

.opc-wrapper .step-content .field.my_custom_place_field {
    float: left;
    width: 75%;
    padding-right: 13px;
}



.checkout-cart-index .wrapper-div .product-div {
    clear: both;
    display: flex;
    margin-bottom: 15px;
    width: 100%;
}

.opc-wrapper .step-content .billing-address-same-as-shipping-block.field.choice span {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 19px;
}



.checkout-shipping-address form.form.form-login {
    background: #F4F4F4;
    padding: 34px 70px 22px;
    border-radius: 0px;
    max-width: 100%;
    border: none;
    margin-bottom: 10px;
}

.checkout-shipping-address form.form.form-login .fieldset:last-child {
    margin-bottom: 0px;
}

.checkout-shipping-address form.form.form-login .field {
    margin-bottom: 15px;
}

.opc-wrapper .form-login .fieldset .note span {
    color: #000;
    font-size: 16px;
}


.checkout-index-index .action.action-login.primary {
    margin-bottom: 15px
}

.opc-wrapper .step-content .actions-toolbar button {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 15px 40px;
    font-size: 20px;
    color: var(--secondary-color);
    margin: 17px 0px 0px !important;
}

.custom-shipping-step .opc-wrapper .step-content .actions-toolbar {
    float: right;
}

.custom-shipping-step .opc-wrapper .step-content .switch-field .switch label.active {
    font-weight: 500;
}

.custom-shipping-step .opc-wrapper .step-content {
    margin: 0px;
    float: left;
    width: 100%;
}

.checkout-shipping-address form.form.form-login .actions-toolbar {
    float: left;
    width: 100%;
}

.checkout-shipping-address form.form.form-login .actions-toolbar button {
    margin: 0px !important;
}

.checkout-shipping-address form.form.form-login .actions-toolbar .secondary {
    float: right;
    padding-top: 15px;
}

.checkout-shipping-address form.form.form-login .actions-toolbar .secondary .action:active {
    color: var(--blue-color);
}

.checkout-shipping-address form.form.form-login .actions-toolbar .secondary span {
    color: var(--blue-color);
    font-size: 14px;
    line-height: 17px;
}

.checkout-shipping-address form.form.form-login .control span {
    font-size: 16px;
    color: #000;
}

.custom-separator .checkout-divider {
    margin: 3rem 0;
}

.custom-shipping-step .opc-wrapper.custom-opc-wrapper .field-error {
    /* position: absolute; */
    margin-top: 5px;
}

.custom-shipping-step .opc-wrapper.custom-opc-wrapper .field .message.warning {
    width: 560px;
    margin-bottom: 0px;
}

.custom-shipping-step li.opc-progress-bar-item._complete>span {
    color: var(--white-color);
    font-weight: 700;
}


.custom-shipping-step li.opc-progress-bar-item._complete>span:before {
    background: #fff;
    border-color: #fff;
    width: 30px;
    height: 30px;
}

.custom-shipping-step .switch-field {
    display: flex;
}

.orders-history .order-div span.order-number span.order-date {
    font-size: 16px;
    font-weight: 400;
    color: var(--blue-color);
    padding-left: 5px;
}

/*--Radio--*/
.checkout-index-index .field.choice {
    display: block;
    position: relative;
    padding-left: 45px;
}

.checkout-index-index .field.choice input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 30px;
    height: 30px;
    z-index: 99;
}

.checkout-index-index .field.choice label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 1px solid var(--secondary-color);
}

.checkout-index-index .field.choice label:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 15px;
    height: 15px;
    background: url(../images/check.png) no-repeat center center;
    background-size: contain;
    display: none;
}

.checkout-index-index .field.choice input:checked~label:after {
    display: block;
}

/*--Checkbox--*/
.switch {
    display: block;
    position: relative;
}

.switch input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 30px;
    height: 30px;
    z-index: 99;
}

.radio-span {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
}

.switch input:checked~.radio-span {
    background-color: var(--primary-color);
    border: none;
}

.with-strike-trough{
    position: relative;
    .price.strike-trough{
        display: flex;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        display: flex;
        text-align: right;
        text-decoration-line: line-through;
    }
}
.radio-span:after {
    content: "";
    position: absolute;
    display: none;
}

.switch input:checked~.radio-span:after {
    display: block;
}

.switch .radio-span:after {
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    bottom: 0;
    right: 0;
    margin: auto;
}

/* SHIPPING METHOD (STEP 2) CHECKOUT */
div#checkout-shipping-method-load {
    border-radius: 0px;
    max-width: 100%;
    border: none;
    padding: 0;
}
.custom-shipping-step .opc-wrapper .step-content .methods-shipping table.table-checkout-shipping-method {
    width: 100%;
    border-collapse: separate;
}
.custom-shipping-step .opc-wrapper .step-content .actions-toolbar button {
    margin-top: 10px !important;
}
table.table-checkout-shipping-method thead {
    display: none;
}
table.table-checkout-shipping-method tbody {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
table.table-checkout-shipping-method tr {
    background: #F4F4F4;
    padding: 3rem 5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
table.table-checkout-shipping-method td {
    color: #000;
    font-size: 14px;
    border-top: 0;
    display: flex;
}
table.table-checkout-shipping-method td.col.col-method.switch {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 100%;
    margin: auto;
}
table.table-checkout-shipping-method td.col.col-method.switch .radio-span {
    top: 0;
    position: static;
    display: flex;
    width: 30px;
    height: 30px;
}
table.table-checkout-shipping-method td.col.col-method.switch .radio-span:after {
    position: static;
}
table.table-checkout-shipping-method td.col.col-price {
    flex: 1;
    padding: 1rem;
    align-items: center;
    color: var(--blue-color);
    font-size: 20px;
    font-weight: 500;
    min-width: 0;
}
table.table-checkout-shipping-method td.col.col-method {
    flex: 6;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-top: 0;
    padding-bottom: 0;
}
table.table-checkout-shipping-method td.col.col-method .method-section {
    display: flex;
    gap: 1rem;
    align-items: center;
    border-top: 0;
    padding-top: 0;
}
table.table-checkout-shipping-method td.col.col-method .method-section .method-section-image {
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
}
table.table-checkout-shipping-method td.col.col-method .method-section .method-section-image img {
    width: auto;
    height: auto;
}
table.table-checkout-shipping-method td.col.col-method .method-section .method-section-text {
    display: flex;
    flex-direction: column;
    align-items: start;
}
table.table-checkout-shipping-method td.col.col-method .method-title {
    font-size: 15px;
    margin-bottom: 0;
}
table.table-checkout-shipping-method td.col.col-method .carrier-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
table.table-checkout-shipping-method td.col.col-method .shipping-note {
    background: #DFDFDF;
    padding: 2px 10px;
    margin-top: 5px;
    font-style: italic;
    font-size: 12px;
    border-radius: 40px;
    display: flex;
    justify-content: start;
}

#shipping-method-buttons-container .primary .action.continue {
    padding-inline: 40px;
    background: var(--blue-dark);
    border: none;
    border-radius: 30px;
    font-size: 20px;
    color: white;
    width: auto;
    padding: 15px 40px;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
}
#shipping-method-buttons-container .primary .action.continue:after {
    content: '';
    width: 12px;
    height: 12px;
    margin-top: 5px;
    display: inline-block;
    transition: all .3s ease;
    background: url(../images/arrow-bold-right-white.png) no-repeat;
}
#shipping-method-buttons-container .primary .action.continue:hover:after {
    transform: translateX(10px);
}

@media (max-width: 767px) {
    div#checkout-shipping-method-load {
        padding: 0 0 30px 0;
    }
    table.table-checkout-shipping-method tr {
        padding: 2rem 1rem;
        flex-direction: row;
        flex-wrap: wrap;
    }
    table.table-checkout-shipping-method td.col.col-method.switch {
        min-width: 50%;
        padding: 1rem 1rem 2rem;
        align-items: start;
    }
    table.table-checkout-shipping-method td.col.col-price {
        min-width: 50%;
        padding: 1rem 1rem 2rem;
        justify-content: end;
    }
    table.table-checkout-shipping-method td.col.col-method {
        min-width: 100%;
    }
    table.table-checkout-shipping-method td.col.col-method .method-section {
        border-top: 1px solid #C5C5C5;
        padding: 2rem 0 1rem;
        width: 100%;
    }
}
/* SHIPPING METHOD (STEP 2) CHECKOUT */

.opc-wrapper .shipping-address-item.selected-item {
    border-color: var(--secondary-color);
    color: #000;
}

.opc-wrapper .shipping-address-item.selected-item:after {
    background: var(--secondary-color);
}

.opc-wrapper .shipping-address-item.selected-item a {
    color: #000
}

.new-address-popup button {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 19px 40px;
    font-size: 16px;

    color: var(--secondary-color);
}



.custom-shipping-step .switch-field .switch label {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    margin-right: 32px;
    padding-left: 43px;
    position: relative;
    top: 7px;
}

.custom-shipping-step .switch-field .switch {
    width: unset;
}



.custom-shipping-step .address .custom_customer_prefix .label span {
    color: var(--secondary-color);
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 0px;
    display: inline-block;
}

.custom-shipping-step .address .label span {
    color: #000;
    font-size: 16px;
    line-height: 19px;

    padding-bottom: 0px;
    display: inline-block;
}

.custom-shipping-step .address .control input,
.custom-shipping-step .address .control select {
    border: 1px solid var(--secondary-color);

    border-radius: 0px;
    margin-bottom: 0px;
    height: 40px;
}

.modal-popup .modal-header h1 {
    color: var(--secondary-color);
    font-size: 30px;
    line-height: 30px;
    border: none;
    padding-bottom: 10px;
    font-weight: 700;
}

.post-list-content h1.page-title {
    margin-bottom: 7px;
    margin-top: 33px;
    padding: 0px;
}

table.data.table.totals tr.grand.totals td.amount span {
    font-size: 16px;
    font-weight: 600;
}

table.data.table.totals tr.grand.totals th.mark strong {
    padding-top: 7px;
    margin-top: 0;
}

table.data.table.totals tr.totals.sub th {
    width: 70%;
}



footer.modal-footer button.action.primary.action-save-address {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;

    padding: 19px 40px;
    font-size: 16px;
    color: var(--secondary-color);
}

footer.modal-footer button.action.secondary.action-hide-popup {
    color: var(--secondary-color);
    padding: 14px 0px
}

.opc-wrapper .step-content .field.custom_customer_prefix .label span {
    margin-bottom: 15px;
}

.opc-wrapper .step-content .field.custom_customer_prefix .control span {
    padding-bottom: 0px;
}

.opc-wrapper .step-content .field.custom_customer_prefix .control .switch {
    margin-bottom: 15px;
}

.form-billing-address button.action.action-show-popup {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 19px 40px;

    font-size: 16px;
    color: var(--secondary-color);
}



.custom-shipping-step .modal-popup .form-shipping-address {
    max-width: 100%;
}

.custom-shipping-step .modal-popup .field.custom-postcode-field {
    width: 25%;
    float: left;
    padding-right: 15px;
}

.custom-shipping-step .modal-popup .field.my_custom_place_field {
    float: right;
    width: 75%;
}

.my-custom-payment-group {
    background: #F4F4F4;
    padding: 47px 70px 40px;
    border-radius: 0px;
    max-width: 100%;
    border: none;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    text-align: left;
}

.checkout-payment-method .payment-method+.payment-method .payment-method-title {
    border-top: 0px;
}

.checkout-payment-method .payment-method._active .payment-method-content {
    padding: 0px;
}

.checkout-payment-method .payment-method-title {
    background: #fff;
}



.methods-shipping table.table-checkout-shipping-method .switch {
    display: table-cell;
    width: 40px;
}

.methods-shipping table.table-checkout-shipping-method .switch .radio-span {
    top: 13px;
}

.methods-shipping table.table-checkout-shipping-method .switch input {
    height: 23px;
}



.methods-shipping .payment-method {
    margin-bottom: 10px;
}

.payment-method.custom-checkmo .payment-method-title.field.choice {
    height: 41px;
    border: 1px solid transparent;
    background-image: url(../images/ideal.png);
    border-radius: 0px;
    background-repeat: no-repeat;
    background-position: 10px 1px;
    padding-left: 85px;
    display: flex;
    align-items: center;
    width: 100%;
    background-size: 44px;
}

.payment-method.payment-method-mollie_methods_bancontact {
    width: 100%;
}

.payment-method.custom-cashondelivery .payment-method-title.field.choice,
.payment-method.payment-method-mollie_methods_bancontact .payment-method-title.field.choice {
    height: 41px;
    border: 1px solid transparent;
    background-image: url(../images/bancontact.png);
    background-size: contain;
    border-radius: 0px;
    background-repeat: no-repeat;
    background-position: 8px 0px;
    padding-left: 85px;
    display: flex;
    align-items: center;
    width: 100%;
}

.payment-method.payment-method-mollie_methods_bancontact .payment-method-title.field.choice label .mollie-payment-icon {
    display: none;
}

.payment-method.custom-banktransfer .payment-method-title.field.choice {
    height: 41px;
    border: 1px solid transparent;
    background-image: url(../images/Factuur-Icon.svg);
    border-radius: 0px;
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 59px;
    display: flex;
    align-items: center;
    width: 100%;
}

.payment-method.custom-purchaseorder .payment-method-title.field.choice {
    height: 41px;
    border: none;

    background-image: url(../images/visa.png);
    border-radius: 0px;
    background-repeat: no-repeat;
    background-position: 15px 11px;
    padding-left: 85px;
    display: flex;
    align-items: center;
    width: 555px;
}



.payment-method label {
    width: 500px;
    float: left;
}

.opc-wrapper .step-content .payment-method label span {
    padding-bottom: 0;
}

.payment-method .radio-span {
    right: 23px;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none;
}

.payment-method input:checked+.radio-span {
    background-color: transparent;
    border: none;
    background-image: url(../images/tick-payment.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
}

.payment-method:hover .payment-method-title.field.choice {
    border: 1px solid var(--secondary-color);
}

.payment-method:hover .radio-span {
    background-color: transparent;
    border: none;
    background-image: url(../images/tick-payment.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
}

.payment-method:hover input:checked+.radio-span {
    background-color: transparent;
    border: none;
    background-image: url(../images/tick-payment.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
}

.payment-method .payment-method-title.field.choice {
    border: 1px solid transparent;
}

.payment-method .radio-span:after {
    content: "";
    position: absolute;
    display: none;
}

.payment-method input:checked+.radio-span:after {
    display: block;
}

.payment-method .radio-span:after {
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transaprent;
    bottom: 0;
    right: 0;
    margin: auto;
}

.payment-method input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 30px;
    height: 30px;
    z-index: 99;
}

.payment-method .payment-method-title.field.choice {
    background: #fff;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 15px;
}

.payment-method .payment-method-title.field.choice input {
    left: 0;
}

.payment-method .payment-method-title.field.choice label:before,
.payment-method .payment-method-title.field.choice label:after {
    display: none;
}

.payment-method._active .payment-method-title.field.choice {
    border: 1px solid var(--secondary-color);
}

.checkout-payment-method .payment-method form.form-purchase-order fieldset#payment_form_purchaseorder {
    margin-bottom: 0px;
}

.checkout-payment-method .payment-method form.form-purchase-order fieldset#payment_form_purchaseorder .field.field-number.required {
    margin: 0px;
}

.checkout-payment-method .payment-method form.form-purchase-order {
    padding: 20px 15px;
    border-radius: 0px;
    background: #fff;
}

.payment-option._collapsible.opc-payment-additional.discount-code {
    padding: 30px;
    background: #f4f4f4;
    margin-bottom: 20px;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-title.field.choice {
    border: none;
    padding-left: 0px;
    margin-bottom: 10px;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-title.field.choice span {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-content {
    padding-left: 0;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-inner {
    flex: 1;
}

.payment-option._collapsible.opc-payment-additional.discount-code .actions-toolbar button {
    box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3);
    background: var(--primary-color) !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 19px 40px !important;
    font-size: 16px !important;
    color: var(--secondary-color) !important;
    margin: 0px 0px 0px !important;
    font-weight: bold;
}

.checkout-index-index .checkout-payment-method {
    /* background: rgb(244, 244, 244); */
    padding: 20px;
    margin-bottom: 20px;
}

.checkout-index-index .checkout-payment-method .form .actions-toolbar {
    float: initial;
}

.custom-shipping-step .custom-opc-wrapper .opc-block-summary {
    background: transparent;
    margin: 0px;
    padding: 0px;
    clear: both
}

.custom-shipping-step .block.main-div.items-in-cart {
    background: #F4F4F4;
    border-radius: 0px;
    padding: 20px 10px;
    margin-bottom: 10px;
}

body:not(.checkout-cart-index, .checkout-index-index).product-item-details strong.product-item-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    color: #000;
    margin-top: 0px;
    min-height: 60px
}

.product-item-details strong.product-item-name a {
    color: var(--blue-dark);
}

.minicart-wrapper .product .actions {
    display: flex;
    align-items: center;
    margin: 0;
}

.minicart-items .product-item-details .product-item-inner .product.attribute ul {
    padding: 3px 0px 5px;
}

.minicart-items .product-item-details .product-item-inner .product.attribute ul li {
    display: inline;
    padding-right: 10px;
    position: relative;
    font-size: 14px;
    color: #000;
}

/* PREVIEW PRODUCT (STEP 3) CHECKOUT */
.items-in-cart strong.product-item-name {
    color: #4C9EFF;
    font-size: 18px;
    font-weight: 700;
}

.items-in-cart .minicart-items-wrapper {
    overflow: hidden;
    max-height: fit-content;
}

.items-in-cart .minicart-header {
    display: flex;
    gap: 1.5rem;
    margin: 0 1.5rem;
    border-bottom: 1px solid #DEDEDE;
}

.items-in-cart .minicart-header .header-item {
    color: #848484;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.items-in-cart .minicart-header .header-item:nth-child(1) {
    flex: 6;
}

.items-in-cart .minicart-header .header-item:nth-child(2),
.items-in-cart .minicart-header .header-item:nth-child(3) {
    flex: 1;
}

.items-in-cart .minicart-header .header-item:nth-child(2) {
    text-align: center;
    margin-left: 3rem;
}

.items-in-cart .minicart-header .header-item:nth-child(3) {
    text-align: right;
}

.items-in-cart .minicart-items .product-item-details .details-qty {
    margin-top: 0px;
    margin-right: 1.5rem;
    font-size: 14px;
    color: #000;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: start;
}

.items-in-cart .minicart-items .product-item.product-detail {
    padding: 2rem 1.5rem !important;
    border: 0;
}

.items-in-cart .minicart-items .product-item .product:not(.attribute) {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #C5C5C5 !important;
    padding-bottom: 2rem;
}

.items-in-cart .minicart-items .product-item:last-child .product:not(.attribute) {
    border-bottom: none !important;
}

.items-in-cart .minicart-items .product-item .product .product-image-container {
    min-width: 150px;
    min-height: 150px;
}

.items-in-cart .minicart-items .product-item .product .product-image-container .product-item-name {
    display: none;
}

.items-in-cart .minicart-items .product-item .product .product-item-details {
    padding-left: 0;
    flex: 1;
    margin: 0 0 2rem 0;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner {
    display: flex;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 4;
    padding-left: 1.5rem;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-name {
    display: block;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .product.attribute {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .product .product-placement-qty:has(+ ul li) {
    display: none;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .product .product-image img {
    width: 80px;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .product .product-image {
    min-width: 80px;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-qty-subtotal {
    flex: 2;
    display: flex;
    align-items: start;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product ul {
    display: flex;
    flex-direction: column;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product ul li {
    margin-bottom: .25rem;
    color: #797979;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product ul li .product-item-pcb-master strong {
    color: #000000;
    font-weight: 600;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product ul li .product-item-pcb-master:has(span) {
    display: flex;
    flex-direction: column;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product ul li .product-item-pcb-master:has(span) strong {
    margin-left: 1rem;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .details-qty .title,
.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .details-subtotal .title {
    display: none;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .details-qty span {
    font-size: 16px;
    font-weight: 700;
}

.items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner span.subtotal {
    font-size: 24px;
    font-weight: 700;
    flex: 1;
    text-align: right;
}
/* PREVIEW PRODUCT (STEP 3) CHECKOUT */

.custom-shipping-step .minicart-items li.product-item.product-detail {
    padding: 0px 0px 20px;
}

.custom-shipping-step .minicart-items li.product-item.product-detail .product-item-details .product-item-name {
    font-size: 20px;
    color: var(--blue-dark);
    font-weight: 600;
}

.custom-shipping-step .minicart-items span.product-image-wrapper.image-wrapper-div img {
    width: 150px;
    border-radius: 5px;
}

.custom-shipping-step .product-item-inner span.subtotal {
    color: #000000;
    font-size: 17px;
    float: right;
}

.custom-shipping-step table.data.table.table-totals {
    width: 330px;
    float: right;
    border: none;
}

.custom-shipping-step .payment-method {
    clear: both;
}

@media screen and (max-width: 767px) {
    .items-in-cart .minicart-header {
        display: none;
    }

    .items-in-cart strong.product-item-name {
        color: #000000;
        font-size: 16px;
        font-weight: 400;
    }

    .items-in-cart .minicart-items .product-item.product-detail {
        padding: 0 !important;
    }

    .items-in-cart .minicart-items .minicart-items-wrapper .product-item.product-detail:nth-child(n+3) {
        margin-top: 2rem;
    }

    .items-in-cart .minicart-items .product-item .product:not(.attribute) {
        flex-direction: column;
    }

    .items-in-cart .minicart-items .product-item .product .product-image-container {
        min-width: 100px;
        min-height: 100px;
        display: flex;
        align-items: center;
        gap: 1rem;
        width: 100% !important;
        height: auto !important;
    }

    .items-in-cart .minicart-items .product-item .product .product-image-container .product-item-name {
        display: block;
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details {
        margin: 2rem 0;
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner {
        flex-direction: column;
        gap: 1.5rem;
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .details-qty,
    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .details-subtotal {
        flex-direction: column;
        justify-content: start;
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .details-qty .title,
    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .details-subtotal .title {
        display: block;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 500;
        color: #848484;
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .details-qty .value {
        display: flex;
        height: 100%;
        align-items: center;        
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-qty-subtotal {
        align-items: stretch;
    }
    
    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block {
        display: none;
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-name {
        display: none;
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block:has(ul li) {
        display: flex;
        background: #E8E8E8;
        padding: .5rem;
    }

    .items-in-cart .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .product.attribute {
        flex-direction: row;
        gap: 1.5rem;
    }

    .custom-shipping-step table.data.table.table-totals {
        width: 100%;
    }

    .custom-shipping-step .minicart-items span.product-image-wrapper.image-wrapper-div img {
        width: 100px;
    }
}
/* PREVIEW PRODUCT (STEP 3) CHECKOUT */

/* PAYMENT METHOD (STEP 4) CHECKOUT */
form#co-payment-form hr {
    display: none;
}
.payment-group .my-custom-payment-group .payment-method .payment-method-title .radio-span {
    height: 15px;
    width: 15px;
    background-color: none;
}
.checkout-agreement-action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 3rem;
}
.checkout-agreement-action .checkout-agreements-block {
    flex: 3;
}
.checkout-agreement-action .checkout-agreements-block .mage-error {
    color: #e02b27;
    padding-left: 45px;
    font-size: 14px;
}
.checkout-agreement-action .checkout-agreements-block .checkout-agreements,
.checkout-agreement-action .checkout-agreements-block .checkout-agreements .checkout-agreement {
    margin-bottom: 0;
}
.checkout-agreement-action .checkout-agreements-block .checkout-agreements label.label > button.action-show > span {
    padding-bottom: 0;
}
.checkout-agreement-action .checkout-agreements-block .checkout-agreements label.label > button.action-show:after {
    content: none;
    display: none;
}
.checkout-agreement-action .actions-toolbar {
    width: 250px;
    float: none !important;
    display: flex;
    flex-direction: column;
}
.checkout-agreement-action .actions-toolbar .primary {
    float: none;
    margin-bottom: 1rem;
}
.checkout-agreement-action .actions-toolbar .primary button.checkout {
    margin-top: 0 !important;
    width: 100%;
    background: var(--blue-dark);
    color: var(--white-color);
}
.checkout-agreement-action .actions-toolbar .toolbar-payment-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .checkout-agreement-action {
        flex-direction: column;
        align-items: center;
        gap: 3rem;
        margin-top: 0;
    }
}
/* PAYMENT METHOD (STEP 4) CHECKOUT */

table.data.table.table-totals tr.totals.sub {
    padding-bottom: 5px;
}

table.data.table.table-totals th,
table.data.table.table-totals td {
    color: #000;
}

.custom-shipping-step .payment-method button.action.primary.checkout {
    float: right;
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 19px 40px;
    font-size: 15px;
    color: var(--secondary-color);
    margin: 0px;
}

table.data.table.table-totals tr.grand.totals td {
    font-size: 14px;
    border: none;
    padding-top: 3px;
}

table.data.table.table-totals tr.grand.totals td.amount span {
    font-size: 20px;
}

table.data.table.table-totals tr.totals.shipping.excl .mark .value {
    color: #000;
    display: inline;
}

.custom-shipping-step .block.main-div.items-in-cart .minicart-items-wrapper {
    margin: 0px;
    max-height: fit-content;
    padding: 0px;
    border: 0;
}

.custom-shipping-step .opc-wrapper.custom-opc-wrapper .shipping-information .ship-to {
    background: #F4F4F4;
    border-radius: 0px;
    padding: 27px 30px 27px;
    margin-bottom: 10px;
}


.custom-shipping-step .opc-wrapper.custom-opc-wrapper .shipping-information .ship-to .shipping-information-title span,
.custom-shipping-step .shipping-information .ship-via .shipping-information-title span {
    font-size: 16px;
    color: #000
}

.custom-shipping-step .opc-wrapper.custom-opc-wrapper .shipping-information .ship-to .shipping-information-title button.action.action-edit {
    float: right;
    background: transparent;
    border: none;
    padding: 0px;
}

.custom-shipping-step .opc-wrapper.custom-opc-wrapper .shipping-information .ship-to .shipping-information-title button.action.action-edit span {
    font-size: 14px;
    text-decoration: underline;
}

.custom-shipping-step .shipping-information .ship-to .shipping-information-content {
    color: #000;
    font-size: 16px;
    line-height: 24px;
}

.custom-shipping-step .shipping-information .ship-to .shipping-information-content a {
    color: #000;
}

.custom-shipping-step .shipping-information .ship-to .shipping-information-title,
.custom-shipping-step .shipping-information-title {
    margin-bottom: 15px;
    font-weight: 600;
}

.custom-shipping-step .shipping-information .ship-via {
    background: #F4F4F4;
    border-radius: 0px;
    padding: 27px 30px 27px;
    margin-bottom: 10px;
}

.custom-shipping-step .shipping-information .payment-information,
.custom-shipping-step .payment-information {
    background: #F4F4F4;
    border-radius: 0px;
    padding: 27px 30px 27px;
    margin-bottom: 10px;
}

.checkout-index-index .cart-totals .grand strong,
.opc-block-summary .table-totals .grand strong {
    font-weight: 700;
}

.checkout-index-index .cart-totals .grand .mark,
.opc-block-summary .table-totals .grand .mark {
    border: none;
}

.custom-shipping-step .shipping-information .ship-via .shipping-information-content {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
}

.custom-shipping-step .shipping-information .ship-via .shipping-information-content .value {
    font-weight: 700;
}

.custom-shipping-step .shipping-information .ship-via .shipping-information-title button.action.action-edit {
    float: right;
    background: transparent;
    border: none;
    padding: 0px;
}

.custom-shipping-step .shipping-information .ship-via .shipping-information-title button.action.action-edit span {
    font-size: 14px;
    text-decoration: underline;
}

.custom-shipping-step .shipping-information-title button.action.action-edit {
    float: right;
    background: transparent;
    border: none;
    padding: 0px;
}

.custom-shipping-step .shipping-information-title button.action.action-edit span {
    font-size: 14px;

    text-decoration: underline;
}

.custom-shipping-step .shipping-information-title span {
    font-size: 16px;
    color: #000
}

.custom-shipping-step .payment-information .payment-information-content {
    color: #000;
    font-size: 16px;
}



.checkout-success {
    background: #333 url(../images/success-bg.png) no-repeat right -20px bottom 0px;
    background-size: 415px;
    clear: both;
    padding: 65px;
    color: #fff;
    border-radius: 10px;
}

.checkout-success h3 {
    margin-top: 0px;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 18px;
    font-weight: 700;
}

.checkout-success p {
    font-size: 18px;
    line-height: 30px;
    max-width: 70%;
}

.checkout-success .actions-toolbar a.action.primary.order {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 15px 40px;
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 600;
}

.checkout-success .actions-toolbar a.action.primary.continue {
    background: transparent;
    border-radius: 30px;
    padding: 15px 40px;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
}

.checkout-success .actions-toolbar {
    margin-top: 45px;
}

.checkout-onepage-success .page-title-wrapper h1 {
    float: left;
    width: auto;
}

.checkout-onepage-success .page-title-wrapper a.action.continue {
    margin-top: 10px;
}

.checkout-onepage-success .page-title-wrapper a.action.continue img {
    display: none;
}

.checkout-onepage-success .page-title-wrapper a.action.continue span {
    padding-top: 6px;
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: var(--blue-color);
}

.checkout-onepage-success .page-title-wrapper a.action.continue span:before {
    content: '';
    width: 15px;
    height: 10px;
    background: url(../images/arrow-bold-left.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
    transition: all .3s ease;
    vertical-align: middle;
}

.form-address-edit .field.account_type .control {
    position: relative;
}

.form-address-edit .field.account_type {
    display: flex;
    position: relative;
    margin-bottom: 35px;
}

.form-address-edit .field.account_type input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 30px;
    height: 30px;
    z-index: 99;
}

.form-address-edit .field.account_type .radio-span {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
}

.form-address-edit .field.account_type input:checked~.radio-span {
    background-color: var(--blue-color);
    border: none;
}

.form-address-edit .field.account_type .radio-span:after {
    content: "";
    position: absolute;
    display: none;
}

.form-address-edit .field.account_type input:checked~.radio-span:after {
    display: block;
}

.form-address-edit .field.account_type .radio-span:after {
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    bottom: 0;
    right: 0;
    margin: auto;
}

.form-address-edit .field.account_type label {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    margin-right: 32px;

    padding-left: 43px;
    position: relative;
    top: 7px;
}

.form-address-edit fieldset.fieldset {
    background: #F4F4F4;
    padding: 50px 70px 50px;
    border-radius: px;
    width: 100%;

    float: none !important;
    max-width: 770px;
}

.form-address-edit label.label span {
    color: #000;
    font-size: 16px;
    line-height: 19px;

    padding-bottom: 0px;
    display: inline-block;
}

.form-address-edit input,
.form-address-edit select {
    border: 1px solid var(--secondary-color);
    border-radius: 0px;
    margin-bottom: 0px;
    height: 40px;
}

.form-address-edit legend.legend.custom-address-account,
.form-address-edit legend.legend.custom-address-contact-info,
.form-address-edit legend.legend.custom-address-address {
    border: none;
    color: var(--secondary-color);
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 0px;
    display: inline-block;
    margin-bottom: 20px;
}

.form-address-edit legend.legend.custom-address-account span,
.form-address-edit legend.legend.custom-address-contact-info span,
.form-address-edit legend.legend.custom-address-address span {
    font-size: 20px;
    font-weight: 600;
}

.form-address-edit .actions-toolbar button {
    background: var(--primary-color) !important;
    border: none !important;
    border-radius: 30px;
    padding: 15px 40px !important;
    font-size: 20px !important;
    font-weight: 600;
    color: var(--secondary-color) !important;
    margin: 17px 0px 0px !important;
}

.form-address-edit .actions-toolbar .primary {
    float: right;
}



.form-address-edit.custom-address-form .field.nummber {
    width: 25%;
    float: left;
    padding-right: 13px;
}

.form-address-edit.custom-address-form .field.add {
    width: 80px;
    float: left;
    padding-right: 13px;
}

.form-address-edit.custom-address-form .field.bus {
    width: 25%;
    float: right;
}

.form-address-edit legend.legend.custom-address-address {
    display: none;
}

.form-address-edit.custom-address-form .street.required {
    width: 75%;
    float: left;
    padding-right: 13px;
}

.form-address-edit.custom-address-form .street.required>.label {
    display: none;
}

.form-address-edit.custom-address-form .street.required>.control {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.form-address-edit.custom-address-form .street.required>.control .field {
    margin: 0;
}

.form-address-edit.custom-address-form .street.required>.control .field .label {
    display: block;
    position: initial;
    margin: 0 0 8px;
    width: auto;
    height: auto;
    font-weight: 600;
}



.form-address-edit.custom-address-form .field-name-firstname.required {
    width: 49%;
    float: left;
    padding-right: 15px;
}

.form-address-edit.custom-address-form .field-name-lastname.required {
    float: right;
    width: 49%;
}



.custom-progressbar-sticky .parent-opc-progress-bar {
    position: fixed;
    width: 100%;
    top: 70px;
    z-index: 2;
}

.custom-progressbar-sticky header.page-header {
    position: fixed;
    width: 100%;
    z-index: 9;
}



.see-detail-modal .modals-wrapper .modal-inner-wrap {
    transform: translateY(0px) !important;
    transform: translateX(-200%) !important;
}

.see-detail-modal.modal-slide._show .modal-inner-wrap {
    transform: translateX(0) !important;
    max-width: 690px;
    left: auto;
}



.see-detail-modal .modal-inner-wrap header.modal-header {
    background: var(--secondary-color);
}

.see-detail-modal .modal-inner-wrap .modal-header h1 {
    color: #fff;
    padding-bottom: 0px;
    position: relative;
    padding-left: 60px;
}

.see-detail-modal .modal-inner-wrap .modal-header {
    padding: 18px 30px;
    margin-bottom: 8px
}

.see-detail-modal .modal-inner-wrap .product-form-popup label {
    font-family: FS-Elliot-Pro-Bold;
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    margin: 18px 0px 6px;
}

.field-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 10px;
}

.field-block>label {
    margin-block: 0 !important;
}

.field-block a {
    color: var(--blue-color);
    font-size: 14px;
    font-weight: 600;
}

.see-detail-modal .modal-inner-wrap .product-form-popup select,
.modal-inner-wrap .product-form-popup input {
    border: 1px solid var(--secondary-color);
    height: 40px;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
    width: 100%
}


.see-detail-modal .Afmetingen-wrapper .Afmetingen-div span.Afmetingen {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 700;
}

.see-detail-modal .Afmetingen-wrapper .Afmetingen-div span {
    color: var(--secondary-color);
    font-size: 14px;
}

.see-detail-modal .Afmetingen-wrapper {
    min-width: 310px;
}

.see-detail-modal .Afmetingen-wrapper .meet-div input {
    max-width: 228px;
    height: 40px
}

.see-detail-modal .Afmetingen-wrapper {
    margin-top: 18px;
}

.see-detail-modal .Afmetingen-wrapper .Afmetingen-div span.meet-span {
    float: right;
    color: #0C9F3B;
    font-size: 14px;
}

.see-detail-modal .Afmetingen-wrapper .input-group-postpend {
    float: right;
}

.see-detail-modal .Afmetingen-wrapper .meet-div span {
    color: #000;
    font-size: 14px;
    margin-right: 18px;
    min-width: 15px;
    font-weight: 700;
}

.see-detail-modal .Afmetingen-wrapper .input-group-postpend .input-group-text {
    color: #000;
    font-size: 14px;
    margin-left: 18px;
    font-weight: 700;
}

.see-detail-modal .modal-inner-wrap .modal-header h1::before {
    content: "";
    background: url(../images/glashandel-logo-product.png) no-repeat center;
    background-size: contain;
    width: 37px;
    height: 43px;
    position: absolute;
    left: 0;
    top: -7px;
}

.see-detail-modal .Afmetingen-wrapper .Afmetingen-div {
    margin-bottom: 6px;
}

.see-detail-modal .Afmetingen-wrapper .meet-div {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.see-detail-modal .Afmetingen-wrapper .meet-div:not(:last-child) {
    margin-bottom: 0px;
}

.see-detail-modal .Afmetingen-wrapper .meet-div:not(:last-child) input {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.see-detail-modal .Afmetingen-wrapper .meet-div:not(:last-child, :first-child) input {
    border-bottom: 0;
    border-radius: 0;
}

.see-detail-modal .Afmetingen-wrapper .meet-div:last-child input {
    border-radius: 0 0 10px 10px;
}

.see-detail-modal .Afmetingen-wrapper .meet-div:only-child input {
    border-radius: 10px 10px 10px 10px;
}

.see-detail-modal .Afmetingen-wrapper .meet-div span.measuring-unit {
    margin-left: 10px;
    margin-right: 0px;
}

.see-detail-modal .modal-inner-wrap .box-tocart .field.qty {
    margin-top: 0px;
}

.see-detail-modal .Afmetingen-wrapper .Afmetingen-div span.meetinstructies {
    float: right;
    color: var(--blue-color);
    font-size: 14px
}

.see-detail-modal.modal-popup .modal-inner-wrap .action-close:before {
    color: #fff !important;
    opacity: 1;
    padding-top: 10px;
    padding-right: 10px;
}



.field.custom-countryid-field._required {
    clear: both;
}



.block.block-addresses-default .block-title,
.block-dashboard-info .block-title,
.block.block-dashboard-addresses .block-title,
.block.block-dashboard-orders .block-title.order {
    color: var(--secondary-color);
    font-weight: 700;
}

.block.block-addresses-default .block-title strong,
.block-dashboard-info .block-title,
.block.block-dashboard-addresses .block-title strong,
.block.block-dashboard-orders .block-title.order strong,
.account .column.main .block:not(.widget) .block-title>strong {
    font-size: 20px;
    font-weight: 700 !important;
}

.box.box-address-billing,
.box.box-address-shipping,
.box.box-information,
.box.box-billing-address .box-title,
.box.box-billing-address .box-content address {
    color: #000;
}

.box.box-address-billing a,
.box.box-address-shipping a,
.box.box-information a,
.block.block-dashboard-addresses a,
.block.block-dashboard-orders a {
    color: var(--blue-color);
    font-weight: 400;
}

.column.main .actions-toolbar button.action.primary.add {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 17px 40px;
    font-size: 20px;
    color: var(--secondary-color);
    text-align: center;
}

.block.block-addresses-list .block-title {
    color: var(--secondary-color);
}

.block.block-addresses-list .block-content p {
    color: #000;
}



.custom-address-form .field.zip {
    width: 25%;
    float: left;
    padding-right: 13px;
    margin-bottom: 10px;
    clear: both;
}

.custom-address-form .field.city {
    float: left;
    width: 75%;
}



.field.choice.set.billing input {
    height: auto;
}

.field.choice.set.shipping input {
    height: auto;
}

/* product configurator custom */
.list-image-configurator {
    display: flex;
}

.image-div-selected {
    width: 40%;
    height: 190px;
    margin-right: 15px;
}

.image-div-selected>img {
    width: 100% !important;
    height: 100%;
}

.image-selector {
    display: flex;
    width: 100%;
    height: 190px;
    overflow-y: auto;
    flex-wrap: wrap;
    padding-top: 1px;
    padding-left: 1px;
}

@media (max-width: 768px) {

    .list-image-configurator {
        flex-direction: column;
    }

    .image-div-selected {
        width: 100%;
        height: 190px;
        margin-right: 15px;
        text-align: center;
    }

    .image-div-selected>img {
        width: 58% !important;
        height: 100%;
    }

    .image-selector {
        margin-top: 12px;
        justify-content: start;
        column-gap: 6px;
        height: auto;
    }

    .image-wraper .image-selector .image-div {
        margin: 0;
        width: 32%;
        background-color: #ECECEC;
        max-height: 100px;
        margin-bottom: 12px;
    }

    .image-wraper .image-selector .image-div img {
        height: 100%;
    }

    .list-image-configurator .btn-expand-img {
        width: 100%;
        margin-top: 12px;
        text-align: center;
        color: #4C9EFF;
    }

    .list-image-configurator .btn-expand-img button {
        color: #4C9EFF;
        border-color: #4C9EFF;
    }
}

.page-products .image-wraper {
    width: 100%;
}

.image-wraper .image-div,
.image-wraper .image-div-selected {
    padding: 10px;
    background: #F4F4F4;
    border-radius: 10px;
}

.image-wraper .image-div {
    width: 14%;
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
    max-height: 67px;
}

.image-wraper label.vorm-div {
    width: 100%;
}

.image-wraper .image-div img {
    width: 90px;
}

.image-wraper {
    display: inline-block;
    margin-bottom: 5px;
}

.modal-popup.see-detail-modal footer.modal-footer {
    padding: 0px;
    display: flex;
}

.modal-popup.see-detail-modal footer.modal-footer button {
    margin-bottom: 0px;
    background: var(--primary-color);
    border: none;

    font-size: 15px;
    color: var(--secondary-color);
    padding: 27px 34px 27px 75px;
    position: relative;
    border-radius: 0px;
}

.modal-popup.see-detail-modal footer.modal-footer button::before {
    content: "";
    background: var(--secondary-color);
    -webkit-mask-image: url(../images/cart-icon.svg);
    mask-image: url(../images/cart-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 36px;
    mask-size: 36px;
    width: 36px;
    height: 31px;
    position: initial;
    left: 30px;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: 0 10px;
    display: inline-block;
}

.modal-popup.see-detail-modal footer.modal-footer button.box-tocart.tocart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 27px 50px
}

.vorm-wrapper .image-div.active,
.vorm-wrapper .image-div-selected {
    outline: 1px solid #000;
}

.vorm-wrapper .image-div.active {
    outline: 1px solid #000;
}



.custom-checkout-container .checkout-shipping-method .step-title {
    float: left;
}

.custom-checkout-container .form.methods-shipping {
    clear: both;
}

.custom-checkout-container .step-back-link {
    float: right;
}

.custom-checkout-container .step-back-link button.action.action-edit {
    margin-top: 14px;
    color: var(--blue-color);
    font-size: 15px;
    background: transparent;
    border: none;
    position: relative;
    padding-left: 20px;
    display: inline-flex;
    align-items: center;
}

.custom-checkout-container .step-back-link button.action.action-edit::before {
    content: "";
    background: url(../images/arrow-bold-left.png) no-repeat center center;
    background-size: contain;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    /* top: 1px; */
}

.payment-methods .step-title,
.step-title.custom-preview-step {
    float: left;
}

.billing-address-same-as-shipping-block.field.choice {
    margin-bottom: 15px;
}

.block.block-dashboard-orders .block-title.order {
    color: var(-secondary-color);
}

.table-wrapper.orders-recent,
.box.box-shipping-address {
    color: #000;
}

.modal-inner-wrap .product-form-popup textarea {
    border: 1px solid var(--secondary-color);
    border-radius: 10px;
    color: #000;
    font-size: 16px;
}

.modal-inner-wrap:has(.modal-cart) {
    max-width: 600px;
}

.modal-inner-wrap:has(.modal-cart) .modal-footer {
    border-top: 1px solid #BFBFBF;
    display: flex;
    gap: 1rem;
}

.modal-inner-wrap:has(.modal-cart) .modal-footer .action.primary {
    font-size: 16px;
}

.modal-inner-wrap:has(.modal-cart) .modal-footer .action.secondary {
    background: var(--blue-dark);
    border: 1px solid var(--blue-dark);
    color: white;
    font-size: 16px;
    flex: 1;
    padding: 15px 30px;
}

.modal-inner-wrap:not(:has(#modal-not-ground)) .modal-footer .action.secondary::after {
    content: '';
    width: 12px;
    height: 12px;
    margin-left: 10px;
    margin-bottom: -2px;
    display: inline-block;
    transition: all .3s ease;
    background: url(../images/arrow-bold-right-white.png) no-repeat;
}

.placement-modal-content {
    padding: 10px 5px;
}

.placement-image {
    width: 100%;
}

.placement-title {
    font-size: 32px;
    line-height: 35px;
    font-weight: 600;
    color: #333333;
    margin: 15px 0;
}

.placement-description {
    font-size: 14px;
    margin: 15px 0;
}

.modal-popup.see-detail-modal footer.modal-footer button.custom-totals {
    background: var(--secondary-color);
    color: #fff;
    padding: 27px 78px;
    flex: 1;
}

.modal-popup.see-detail-modal footer.modal-footer button.custom-totals:before,
.modal-popup.see-detail-modal footer.modal-footer .custom-details:before {
    display: none
}

.modal-popup.see-detail-modal footer.modal-footer .custom-details {
    background: var(--blue-color);
    color: #fff;
    padding: 27px 30px
}

.modal-inner-wrap .product-form-popup input[type='file'] {
    padding: 10px 10px;
    height: 45px;
}

.form-edit-account legend.legend span {
    color: var(--secondary-color);
    font-weight: 700;
}

.form-edit-account button.action.save.primary {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 17px 40px;

    font-size: 15px;
    color: var(--secondary-color);
    width: 300px;
    text-align: center;
}

.form-edit-account .field.password-info p {
    color: #000;
    font-size: 15px;
}

.form-edit-account .control input {
    border-radius: 0px;
    border-color: var(--secondary-color);
    height: 40px;
}

.form-edit-account .field.field-name-firstname,
.form-edit-account .field.field-name-lastname {
    color: #000;
    font-size: 16px;
}

.form-edit-account .field.choice {
    color: #000;
    font-size: 15px
}



/*detail toggle*/


.cart.main.actions .clear,
.cart.main.actions .update {
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 14px 40px;
    font-size: 15px;
    color: var(--secondary-color);
}

.tooltip {
    position: relative;
    display: block;
    margin-left: 3px;
    font-family: 'Outfit';
}

.tooltip .tooltiptext {
    visibility: visible;
    color: var(--black-color);
    font-weight: 400;
    padding: 5px 0;
    font-size: 14px;
    /*background-color:var(--blue-color); color: #fff;  text-align: center; border-radius: 6px; position: absolute;  z-index: 4; bottom: -62px; left: 50%; margin-left: -60px;  opacity: 1; transition: opacity 0.3s; */
}

/*.tooltip .tooltiptext::after {content: ""; position: absolute; top: -10px; left: 20%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent var(--blue-color) transparent; }*/
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.vorm-wrapper img.tooltip-img {
    width: 15px;
    position: relative;
    top: 2px;
}

.page-layout-category-listing-layout .contact-right {
    float: left;
    margin-top: 0;
}

/*-- Save Project --*/
.modal-popup.confirm .modal-footer {
    display: flex;
    justify-content: space-between;
}

.modal-popup.popup-authentication .modal-header {
    padding: 0;
}

.modal-popup.popup-authentication .modal-content {
    border: none;
    background: #fff;
}

.modal-popup.popup-authentication .modal-content .block-customer-login .block-title strong {
    font-weight: 700;
    color: var(--secondary-color);
    font-size: 20px;
}

.modal-popup.popup-authentication .modal-content .block-authentication {
    border: none;
}

.modal-popup.popup-authentication .modal-content .block-customer-login .actions-toolbar .action.action-login {
    background: var(--primary-color);
    color: var(--secondary-color);
    border-color: var(--primary-color);
}

.modal-popup.popup-authentication .modal-content .block.block-customer-login,
.modal-popup.popup-authentication .modal-content .block.block-new-customer {
    background: #fff;
}

.mpsavecart-model-button .cancel {
    padding: 10px 20px;
}

.mpsavecart-cart-view .cart-details {
    float: left;
    margin-bottom: 15px;
}

.mpsavecart-cart-view .cart-details .cart-description {
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 700;
    line-height: 36px;
}

.mpsavecart-cart-view .cart-details .cart-date {
    font-size: 16px;
    font-weight: 400;
    color: var(--blue-color);
    padding-left: 5px;

}

.mpsavecart-cart-view .cart-details+.actions {
    float: right;
    margin-bottom: 0;
    margin-top: 15px;
}

.mpsavecart-cart-view .cart-details+.actions .restore {
    display: inline-block;
    color: var(--blue-color);
    font-size: 14px;
    line-height: 15px;
}

.mpsavecart-cart-view .mp-cart-view-table {
    clear: both;
    padding: 20px;
    margin-bottom: 20px;
}

.mpsavecart-cart-view .mp-cart-view-table .table-wrapper:last-child {
    border: none;
}

.mpsavecart-cart-view .mp-cart-view-table .table-history-products tbody .col.name {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    color: var(--blue-color);
}

.mpsavecart-cart-view .mp-cart-view-table .table-history-products tbody .col.sku {
    font-weight: 600;
}

.mpsavecart-cart-view .mp-cart-view-table+.actions .action.back {
    padding: 8px 30px;
    font-size: 20px;
    font-weight: 600;
    background: #eeeeee;
    border: 1px solid #cccccc;
    font-family: 'Outfit';
    line-height: 1;
    border-radius: 30px;
    color: #333333;
    float: left;
}

.mpsavecart-cart-view .mp-cart-view-table+.actions .action.back:hover {
    background: #e1e1e1;
    border: 1px solid #cccccc;
    text-decoration: none;

}

.mpsavecart-cart-view .mp-cart-view-table+.actions .action.restore {
    padding: 12px 30px;
    font-size: 20px;
    font-weight: 600;
    background: var(--primary-color);
    border-radius: 30px;
    color: var(--secondary-color);
    line-height: 1;
    font-family: 'Outfit';
}

.mpsavecart-cart-view .mp-cart-view-table+.actions .action.restore:hover {
    background: var(--primary-color);
    color: var(--secondary-color);
    text-decoration: none;
}

.modal-popup.confirm .modal-footer {
    display: flex;
    justify-content: space-between;
}

.modal-popup.confirm .modal-footer {
    display: flex;
    justify-content: space-between;
}

.checkout-payment-method .payment-option-content .form-discount {
    max-width: 100%;
}

.checkout-index-index .modal-popup.modal-slide .modal-footer {
    padding-block: 1.5rem;
}

/*Responsive*/

@media (max-width:1200px) {
    .cms-home div#mageplaza-bannerslider-block-before-content-1 {
        padding: 0px 15px
    }

    .contact-right.home-right-div {
        max-width: 355px;
    }

    .cat-list .contact-right.home-right-div {
        max-width: 330px;
    }

    .contact-right.home-right-div .info-block-div .right-cont {
        margin-top: 53px;
        width: 44%
    }

    .content-list li:first-child {
        padding-right: 16px;
    }

    .special-left {
        left: 25px;
    }

    .home-blog {
        padding: 0px 10px
    }

    .myacount-main .media .media-body {
        width: 84%;
    }

    .custom-shipping-step .opc-wrapper.custom-opc-wrapper {
        width: auto;
    }

    .custom-shipping-step .opc-progress-bar-item:before {
        left: 126px;
    }

    .product.details.slider-product-item-details .product-item-name {
        min-height: 48px;
    }

    .page-products .container {
        padding: 0;
    }

    .cat-head {
        margin-top: 20px;
    }
}

@media (max-width:1024px) {
    .container {
        padding: 0 15px;
    }

    .contact-index-index .form.contact {
        float: left !important;
        min-width: 50% !important;
    }

    .contact-right {
        max-width: 37%;
    }

    form.contact legend.legend span {
        font-size: 30px;
        margin-bottom: 20px;
    }

    form.contact .field.note.no-label.heading {
        font-size: 18px;
        margin-bottom: 16px;
    }

    form.contact .field.note.no-label {
        font-size: 15px;
    }

    form.contact fieldset.fieldset label {
        font-size: 15px;
    }

    form.contact .control textarea {
        height: 200px;
    }

    nav.navigation ul li a {
        font-size: 14px;
    }

    .content-list {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .info-block-div a.contact-link {
        font-size: 14px
    }

    .info-block-div .left-cont h3 {
        font-size: 24px;
    }

    .info-block-div .left-cont p {
        font-size: 15px;
    }

    .info-block-div .left-cont a {
        font-size: 22px;
    }

    .info-block-div a.contact-link img {
        margin-right: 15px;
    }

    .timenew p {
        font-size: 14px;
        padding-left: 30px;
    }

    .add-block p {
        font-size: 14px;
    }

    .content-list li:first-child {
        padding-right: 21px
    }

    .info-block-div .right-cont {
        width: 41%;
    }

    .carousel-container.mp-banner-slider {
        width: 64.66%;
    }

    .contact-right.home-right-div {
        max-width: 326px;
        margin-top: 28px;
    }

    .contact-right.home-right-div .info-block-div .right-cont {
        margin-top: 22px;
    }

    .contact-right.home-right-div .info-block-div a.contact-link {
        padding: 28px 20px;
    }

    .cat-list .category-div .inner-cont {
        padding: 25px 25px;
    }

    .info-block-div a.contact-link img {
        margin-right: 15px;
        width: 35px;
        top: 3px;
        position: relative;
    }

    .cat-list .info-block-div.cat-cont .right-cont {
        margin-top: 23px;
    }

    .myacount-main .media .media-body {
        width: 80%;
    }

    .home-contact.login-div {
        width: 33%;
    }

    .form-address-edit fieldset.fieldset {
        max-width: 600px;
        padding: 40px 60px
    }

    .form-address-edit.custom-address-form .field-name-firstname.required {
        width: 48%;
    }

    .form-address-edit.custom-address-form .street.required {
        width: 50%;
    }

    .custom-address-form .field.zip {
        width: 25%;
    }

    .custom-address-form .field.city {
        width: 75%;
    }

    .custom-address-form .actions-toolbar {
        margin-right: 30px;
    }

    .custom-shipping-step .opc-wrapper .step-title {
        font-size: 35px
    }

    .custom-shipping-step .opc-progress-bar-item>span {
        font-size: 15px;
    }

    .breadcrumbs {
        margin-top: 10px;
        padding: 0 15px;
    }
}

@media (max-width:991px) {
    .contact-right {
        max-width: 44%;
    }

    .timenew p {
        font-size: 13px;
        padding-left: 16px;
    }

    .info-block-div .right-cont {
        width: 45%;
    }

    .mpblog-post-index .mp-clear {
        display: none;
    }

    .post-list-content .post-list-item {
        margin-bottom: 50px;
    }

    .carousel-container.mp-banner-slider {
        width: 57%;
    }

    .contact-right.home-right-div {
        max-width: 40%;
        margin-top: 23px;
    }

    .contact-right.home-right-div .info-block-div .right-cont {
        margin-top: 0px;
        width: 38%;
    }

    .contact-right.home-right-div .info-block-div .left-cont h3 {
        font-size: 30px;
        line-height: 1;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .contact-right.home-right-div .info-block-div .left-cont p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .contact-right.home-right-div .info-block-div .left-cont a {
        font-size: 20px;
        margin-bottom: 36px;
        display: block;
    }

    .contact-right.home-right-div .info-block-div a.contact-link {
        padding: 17px 10px;
        font-size: 20px;
    }

    .contact-right.home-right-div .info-block-div a.contact-link img {
        margin-right: 12px;
        width: 30px;
        margin-top: 4px;
    }

    .contact-right.home-right-div .info-block-div .left-cont {
        width: 57%;
        padding-top: 5px;
        padding-bottom: 15px;
        left: 19px;
    }

    .category-home .category-div .inner-cont {
        padding: 15px;
    }

    .category-home .category-div .inner-cont h3 {
        font-size: 18px;
    }

    .category-home .category-div .inner-cont a {
        right: 15px;
        width: 25px;
        height: 25px;
    }

    .special-left h3 {
        font-size: 35px;
    }

    .specialist-block .special-block-img {
        width: 62%;
    }

    .info-block {
        width: 38%;
    }

    .specialist-block::after {
        width: 51%;
    }

    .block-products-list h2,
    .product-slider-title {
        font-size: 25px;
        line-height: 1;
    }

    .home-blog .widget-title a {
        font-size: 25px;
        line-height: 1;
    }

    .header-items-wrapper {
        width: 51%;
        padding-left: 7px
    }

    .cat-list .category-div {
        margin: 0px 0px 15px;
        flex: 50%;
        max-width: 50%;
    }

    .category-image .image {
        width: 100%;
    }

    .cat-list .category-div .contact-right.home-right-div .info-block-div .right-cont {
        width: 40%;
    }

    .cat-list .info-block-div.cat-cont {
        width: 47.3%;
        margin-left: 10px;
    }

    .content-list.list-mobile {
        display: block
    }

    .content-list {
        display: none
    }

    .content-list.list-mobile p {
        text-align: center;
    }

    .special-right h3 {
        font-size: 35px;
        line-height: 40px;
    }

    .block.block-customer-login .block-title,
    .block.block-new-customer .block-title {
        padding: 40px 40px 0px;
    }

    .block.block-customer-login .block-content,
    .block.block-new-customer .block-content {
        padding: 0px 40px 40px
    }

    .block.block-customer-login .primary .action.primary,
    .primary a.action.create.primary {
        padding: 18px 35px;
    }

    .page-layout-1column .product.media,
    .page-layout-category-listing-layout .product.media {
        width: 42%;
    }

    .page-layout-1column .product-info-main,
    .page-layout-category-listing-layout .product-info-main {
        width: 58%;
    }

    .product-info-main .price-box.price-final_price {
        margin-top: 10px;
    }


    .myacount-main .media {
        width: 73%;
    }

    .myacount-main .media .media-body {
        width: 76%;
    }

    .myacount-main .media .media-body h5 {
        font-size: 17px;
        margin-bottom: 5px;
    }

    .myacount-main .media .media-body ul.list-inline li {
        font-size: 12px
    }

    .myacount-main .media .media-body p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .myacount-main .account-price h3 {
        font-size: 14px;
    }

    .account-maindiv {
        margin-bottom: 20px;
    }

    .acoount-head ul li h3 {
        font-size: 18px;
    }

    .acoount-head ul li p {
        font-size: 14px;
    }

    .cart.table-wrapper .image-div img {
        width: 110px;
    }

    .cart.table-wrapper .image-div {
        margin-right: 10px;
    }

    .checkout-cart-index h1.page-title {
        font-size: 30px;
    }


    .checkout-cart-index .page-main {
        padding: 20px 10px;
    }

    .cart.table-wrapper .product-details-div strong.product-item-name a {
        font-size: 18px;
    }

    .cart.table-wrapper .attr-div {
        width: 46%;
    }

    .cart.table-wrapper .product-item-details {
        width: 80%;
    }

    .cart.table-wrapper .field.qty .control.qty input {
        width: 55px;
        height: 45px;
    }

    .cart.table-wrapper .field.qty .qty_control button {
        height: 22.5px;
        width: 28px;
    }

    .cart.table-wrapper .attr-div .vorm-div span,
    .cart.table-wrapper .afm-div span,
    .cart.table-wrapper .dikte-div span {
        font-size: 13px;
    }

    .cart.table-wrapper .field.qty {
        width: 137px;
    }

    .cart.table-wrapper .actions-toolbar {
        width: 16%;
    }

    .cart.table-wrapper .product-details-div .actions-toolbar a {
        font-size: 13px;
    }

    .cart.table-wrapper .actions-toolbar>.action-delete:after {
        bottom: -1px;
    }

    .cart.table-wrapper .price-div {
        font-size: 18px;
    }

    .cart.table-wrapper .price-div span {
        font-size: 13px;
    }

    .cart.table-wrapper .product-details-div {
        padding: 18px 25px;
    }

    .checkout-cart-index button.action.primary.checkout {
        padding: 17px 35px;
    }

    .block.block-search {
        width: 300px;
    }

    .home-contact.login-div {
        width: 35%;
    }

    .checkout-cart-index .cart-summary {
        width: 300px;
    }

    .custom-shipping-step .opc-progress-bar-item:before {
        left: 100px;
    }

    .custom-shipping-step .opc-wrapper.custom-opc-wrapper {
        width: 90%;
    }

    /*.opc-wrapper .step-content .street.admin__control-fields { width: 55%;}*/

    /*.opc-wrapper .step-content .custom-postcode-field._required { width: 109px;}*/

    .custom-shipping-step .opc-wrapper .step-title {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .opc-wrapper .step-content .label span {
        font-size: 14px;
    }

    /*.opc-wrapper .step-content .my_custom_number_field, .opc-wrapper .step-content .my_custom_add_field, .opc-wrapper .step-content .my_custom_bus_field {    width: 65px;}*/

    .message-success.success.message {
        margin: 15px 0px;
    }

    .page-main {
        padding: 0px 15px;
    }

    .custom-shipping-step .opc-wrapper.custom-opc-wrapper .field .message.warning {
        width: 474px;
    }

    .cart-summary .checkout-methods-items .action.primary.checkout {
        padding: 17px 30px;
    }

    h1.page-title {
        font-size: 30px;
    }

    .form-address-edit fieldset.fieldset {
        max-width: 400px;
        padding: 40px 60px
    }

    .form-address-edit.custom-address-form .field-name-firstname.required {
        width: 47%;
    }

    .form-address-edit.custom-address-form .street.required {
        width: 100%;
        padding-right: 0;
    }

    .form-address-edit.custom-address-form .field.nummber {
        width: 50%;
    }

    .form-address-edit.custom-address-form .field.add {
        width: 31.33%;
    }

    .form-address-edit.custom-address-form .field.bus {
        width: 50%;
    }

    .custom-address-form .field.city {
        width: 50%;
    }

    .custom-address-form .actions-toolbar {
        margin-right: 30px;
    }

    .custom-address-form .field.zip {
        width: 50%;
    }

    .payment-method.custom-purchaseorder .payment-method-title.field.choice,
    .payment-method.custom-checkmo .payment-method-title.field.choice,
    .payment-method.custom-cashondelivery .payment-method-title.field.choice,
    .payment-method.custom-banktransfer .payment-method-title.field.choice {
        width: 100%
    }

    .info-block-div .left-cont h3 {
        font-size: 21px;
    }

    .info-block-div .left-cont a {
        font-size: 20px;
    }

    .contact-right.footer-right .info-block-div .right-cont {
        width: 45%;
        margin-top: 45px;
    }

    .rating-div ul.rating-star {
        padding-right: 30px;
    }

    ul.social-icon li {
        padding-right: 20px;
    }

    .contact-right.footer-right .info-block-div .left-cont p {
        margin-bottom: 10px;
    }

    .footer-copyright {
        display: block
    }

    .footer-copyright small.copyright {
        float: left;
        width: 50%;
        clear: both;
        margin-bottom: 10px;
    }

    .footer-copyright .ftr-logo {
        width: 100%;
        float: none;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

    .footer-copyright ul.ftr-link {
        text-align: center;
        float: none;
        width: 100%;
    }

    .footer-copyright {
        padding: 15px 0px;
    }

    .social-footer ul.social-icon {
        padding-right: 0px;
    }

    .opc-wrapper .step-content .field.custom-firstname-field {
        width: 48%;
    }

    .home-contact a {
        line-height: 26px;
        font-size: 14px;
    }

    .cat-list .contact-right.home-right-div {
        margin-left: 15px;
    }

    .form-shipping-address .street.admin__control-fields,
    .billing-address-form .street.admin__control-fields {
        width: 100%;
        padding-right: 0;
    }

    .form-shipping-address .my_custom_number_field,
    .billing-address-form .my_custom_number_field,
    .form-shipping-address .my_custom_bus_field,
    .billing-address-form .my_custom_bus_field,
    .custom-shipping-step .modal-popup .field.custom-postcode-field,
    .form-shipping-address .my_custom_add_field,
    .billing-address-form .my_custom_add_field {
        width: 50%;
    }

    .custom-shipping-step .modal-popup .field.my_custom_place_field {
        width: 50%;
    }

    .payment-method label,
    .custom-shipping-step .payment-method {
        width: 100%;
    }
}

@media screen and (max-width:800px) {
    .checkout-cart-index .cart-summary {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }

    .checkout-cart-index .cart-summary .cart-totals {
        padding-inline: 15px;
    }
}

@media (max-width:767px) {
    .logo img {
        margin: auto;
    }

    .contact-right {
        max-width: 100%;
        margin-top: 50px;
    }

    form.contact legend.legend span {
        font-size: 27px;
        margin-bottom: 00px;
    }

    .page-main {
        padding: 20px 20px 0px;
    }

    .contact-right {
        margin-bottom: 10px;
    }

    .header.content .logo {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        display: block;
        top: 50%;
        margin: 0 auto;
        transform: translateY(-50%);
        height: auto;
    }

    .header.content {
        height: 70px;
        display: block;
        align-items: center;
        padding: 2px 0px 0px;
    }

    .nav-toggle:before {
        color: #fff;
        font-size: 33px;
    }

    .nav-toggle {
        top: 13px
    }

    .minicart-wrapper {
        position: absolute;
        right: 22px;
        top: 12px;
    }

    .minicart-wrapper .action.showcart:before {
        font-size: 30px;
    }

    .info-block-div a.contact-link {
        width: 95%;
    }

    .post-list-content .post-list-item {
        margin-bottom: 30px;
    }

    .blogdetail-right {
        padding: 30px;
    }

    .mageprince-faq-collection {
        width: 100%;
        float: none;
    }

    .mageprince-faq-collection .ui-accordion .ui-accordion-header {
        font-size: 16px;
        line-height: 20px;
        padding: 20px 0px !important;
    }

    .mageprince-faq-collection .group-title {
        font-size: 18px;
        margin-top: 30px;
    }

    h1.faq-title {
        font-size: 20px
    }

    .home-blog .post-list-item {
        width: 100%;
        float: none;
        margin: 0px 0px 30px !important;
        padding: 0px
    }

    .home-blog .post-list-item .post-image {
        text-align: center;
    }

    .home-blog .post-list-item {
        flex: 100%;
        max-width: 100%;
    }

    .home-blog {
        padding: 0px;
    }

    .home-blog .row {
        margin: 0
    }

    .home-blog .widget-title {
        margin-bottom: 30px;
        padding-left: 0px;
    }

    .specialist-block .special-block-img {
        height: 340px;
        width: 100%;
        float: none
    }

    .info-block {
        width: auto;
        float: none;
        height: 300px;
        background: var(--primary-color);
        padding: 0 25px;
        display: flex;
        align-items: center
    }

    .specialist-block::after {
        display: none
    }

    .block.block-search {
        float: none;
        width: 100%;
    }

    .block-search .control {
        margin: 0px;
        padding: 0px;
        border: none;
    }

    .block-search input {
        left: 0px;
        top: 0px;
        border-radius: 0px !important;
        border: none;
        border-bottom: 1px solid #979797;
        margin: 0px
    }

    .block-search .label {
        position: absolute;
        right: 0px;
        top: 6px;
        z-index: 99;
    }

    .field.search {
        position: relative;
        top: 60px;
    }

    .top-container {
        margin-top: 10px
    }

    .specialist-block .list-special {
        margin-bottom: 20px;
    }

    .specialist-block {
        height: auto;
    }

    .special-left h3 {
        font-size: 40px;
    }

    .specialist-block::before {
        background-color: rgba(0, 0, 0, 0.4)
    }

    .special-left {
        padding-left: 20px
    }

    .special-right {
        position: relative;
        top: initial;
        bottom: initial;
        transform: none;
        left: 0px;
        width: 100%;
        padding-left: 0px;
    }

    .special-right h3 {
        margin: 0px;
        font-size: 30px;
        line-height: 35px;
    }

    .specialist-block .list-special {
        padding-left: 25px
    }

    .category-home .category-div {
        flex: 50%;
        max-width: 50%;
        margin: 0px 0px 25px;
    }

    .category-home .category-div .inner-cont {
        padding: 20px;
    }

    .category-home .category-div .inner-cont a {
        width: 35px;
        height: 35px;
    }

    .carousel-container.mp-banner-slider {
        width: 100%;
        margin-bottom: 20px
    }

    .contact-right.home-right-div {
        max-width: 100%;
        float: initial;
        margin-top: 0px;
        margin-bottom: 30px;
        padding: 0px 20px;
    }

    .slide-right {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .cms-home div#mageplaza-bannerslider-block-before-content-1 {
    padding: 0px;
    }

    .contact-right.home-right-div .info-block-div .right-cont {
        margin-top: auto;
        width: 32%;
        height: 100%;
    }

    .contact-right.home-right-div .info-block-div .left-cont {
        padding-top: 5px;
        padding-bottom: 15px;
    }

    .category-home .category-div .inner-cont h3 {
        font-size: 18px;
    }

    .special-left {
        left: 0px;
    }

    .specialist-block .main-special {
        height: auto
    }

    .footer-copyright {
        display: block;
        padding: 45px 0px;
    }

    .footer-copyright .ftr-logo,
    .footer-copyright small.copyright {
        width: 100%;
    }

    .footer-copyright .ftr-logo small.copyright {
        width: 100%;
    }

    .footer-copyright ul.ftr-link {
        width: 100%
    }

    .footer-copyright .ftr-logo img {
        margin: 0 auto 35px;
    }



    .cat-head .head-img {
        height: auto;
        text-align: left;
        padding: 0px;
    }

    .cat-head {
        padding: 20px;
        margin-top: 20px;
    }

    .cat-head .head-content {
        width: 100%;
        float: none;
    }

    .cat-head h1.page-title,
    .cat-head .head-content h3 {
        font-size: 30px;
        margin-top: 10px;
        line-height: 1;
    }

    .cat-list .category-div {
        margin: 0px 0px 10px;
        flex: 100%;
        max-width: 100%;
    }

    .cat-list .category-div .inner-cont {
        padding: 15px;
    }

    .cat-list .category-div .inner-cont h3 {
        font-size: 15px;
    }

    .cat-list .category-div img.cat-img,
    .cat-list .category-div::after {
        height: 295px;
    }

    .cat-list .category-div .inner-cont a {
        width: 35px;
        height: 35px;
    }

    .cat-list .info-block-div.cat-cont {
        width: 100%;
        margin-left: 0px;
    }



    .header-items-wrapper {
        width: 100%
    }

    .nav-sections-items div:nth-child(3) {
        display: none
    }

    .home-contact,
    .mob-link {
        display: none;
    }

    .header.links>li.authorization-link a {
        padding: 0;
    }

    .header.links>li.authorization-link span {
        display: none;
    }

    .customer-welcome.active .customer-menu .authorization-link a span {
        display: block;
    }

    .footer-div,
    .footer-rating,
    .contact-right.footer-right {
        width: 100%;
    }

    footer.page-footer .footer.content {
        border: none
    }

    a.link-mobile {
        display: block
    }

    ul.footer-link {
        display: none;
    }

    a.link-mobile {
        font-size: 16px;
        color: #fff;
        line-height: 30px;
    }

    footer.page-footer {
        padding: 45px 15px 30px;
    }

    .form.password.forget {
        background: #F4F4F4;
        border-radius: 0px;
        padding: 30px;
        min-width: auto !important;
        width: auto !important;
        margin: 0 auto;
    }

    .block.block-customer-login .block-title,
    .block.block-new-customer .block-title {
        padding: 30px 30px 0px;
    }

    .block.block-customer-login .block-content,
    .block.block-new-customer .block-content {
        padding: 0px 30px 30px;
    }

    .block.block-customer-login {
        margin-bottom: 20px;
    }



    .social-footer h3 {
        display: none;
    }

    .rating-div p {
        padding-right: 0px;
        max-width: 200px;
    }

    .footer-div a {
        margin-bottom: 7px;
    }

    .contact-right.footer-right {
        margin-top: 35px;
    }

    .contact-right.footer-right .info-block-div .right-cont {
        margin-top: 15px
    }

    .contact-right.footer-right .info-block-div .left-cont h3 {
        font-size: 30px
    }

    ul.ftr-link {
        display: none;
    }

    .mob-ftrlink {
        display: block
    }

    .mob-ftrlink ul.ftr-link {
        display: block;
        text-align: center;
    }

    .mob-ftrlink ul.ftr-link li {
        display: block;
        margin-bottom: 5px
    }

    .mob-ftrlink ul.ftr-link li:nth-child(2) {
        display: none;
    }

    .footer-copyright small.copyright {
        margin-top: 30px;
    }

    .block-products-list {
        padding: 0px;
    }

    .specialist-block {
        margin: 60px 0px 30px;
    }



    .contact-right.footer-right .info-block-div .right-cont {
        width: 40%;
    }

    .contact-right.footer-right .info-block-div .left-cont {
        width: 100%;
        left: 0;
    }

    .footer.content img.arrow-ftr {
        display: block;
    }

    .footer.content a.link-mobile {
        position: relative;
    }

    .footer-div img.arrow-ftr {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }



    .page-layout-1column .product.media,
    .page-layout-category-listing-layout .product.media {
        width: 100%;
    }

    .page-layout-1column .product-info-main,
    .page-layout-category-listing-layout .product-info-main {
        width: 100%;
        margin-right: 0px;
        padding-left: 0;
    }

    .product-info-main .page-title-wrapper h1 {
        line-height: 1;
    }

    .product-info-main .price-box.price-final_price {
        margin-top: 0;
    }

    .product-info-main .product-add-form .box-tocart {
        float: none;
        padding-bottom: 10px;
    }

    .price-box.price-final_price {
        display: flex;
        padding-left: 0px;
        justify-content: center;
    }

    .product.info.detailed {
        padding: 0px 20px;
    }

    .product-info-main h1.page-title {
        font-size: 23px;
        margin-bottom: 15px;
        text-align: left;
    }

    .product-info-main .product-info-price {
        display: block;
        margin: 0px;
        width: 100% !important
    }

    .product-info-main .product-info-block {
        padding: 30px;
    }

    .product.data.items .item.title a:after {
        display: none;
    }

    .info-block-div.product-contact {
        max-width: 100%;
        display: none;
    }

    .info-block-div.product-contact a.contact-link {
        width: 100%;
    }

    .fotorama__dot {
        width: 10px;
        height: 10px;
    }

    .fotorama__active .fotorama__dot {
        background: var(--blue-color);
        border-color: var(--blue-color);
    }

    div#shipping_return .value {
        padding-bottom: 30px;
        border-bottom: none;
    }

    div#tab-label-shipping_return a {
        clear: both;
    }

    .product.attribute.description {
        padding-top: 10px;
    }

    .product.attribute.description p {
        margin-bottom: 20px;
    }

    .info-block-div a.contact-link img {
        top: 1px;
    }

    .product.data.items {
        border-bottom: none;
    }

    .product.data.items>.item.title {
        clear: both;
        padding: 7px 0px;
    }

    div#tab-label-description a,
    div#tab-label-shipping_return a {
        font-size: 16px;
    }

    .acoount-head {
        float: none;
    }

    .acoount-head ul {
        text-align: center;
    }

    .print-download {
        float: none;
        display: block;
        height: auto;
        text-align: center;
        margin-bottom: 10px;
    }

    .myacount-main .media {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .myacount-main .media img.prd-act-img {
        float: none;
        margin: 0 auto 10px;
    }

    .myacount-main .media .media-body {
        width: 100%;
        margin-bottom: 15px;
    }

    .myacount-main .account-price {
        float: none;
        text-align: center;
    }

    .table-wrapper.orders-history {
        border: none;
    }

    h1.page-title {
        font-size: 27px;
        text-align: center;
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .checkout-cart-index h1.page-title {
        float: initial;
        width: auto;
        margin-bottom: 12px;
        font-size: 26px;
    }

    .checkout-cart-index .wrapper-div .product-div {
        display: block;
    }

    .checkout-cart-index .cart.table-wrapper .product-image-wrapper {
        background: #f3f4f2;
    }

    .cart.table-wrapper .product-item-details {
        width: 100%;
    }

    .cart.table-wrapper .product-item-photo {
        margin-right: 0px;
        left: 0;
        top: 0;
        max-width: 100%;
        position: relative;
        text-align: center;
        background: #f3f3f3;
        margin-bottom: 0px;
    }

    .cart.table-wrapper .price-div {
        font-size: 18px;
        clear: both;
    }

    .product-delivery-time-info {
        text-align: left;
        font-size: 14px;
    }

    .cart.table-wrapper .attr-div {
        width: 100%;
        float: none;
    }

    .cart.table-wrapper .product-item-details {
        width: 100%;
        float: none;
    }

    .checkout-cart-index a.action.continue {
        width: auto;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 14px;
    }

    .cart.table-wrapper {
        border-top: 1px solid #ccc;
        border: none;
        margin-top: 15px;
        display: block;
    }

    .cart.table-wrapper .afm-div span,
    .cart.table-wrapper .attr-div .vorm-div span {
        width: 100%;
    }

    .cart.table-wrapper .container-attr {
        display: flex;
    }

    .cart.table-wrapper .container-attr .image-div {
        width: 150px;
    }

    .cart.table-wrapper .container-attr .attr-div {
        margin-left: 12px;
    }

    .container-attr .image-div .product-item-photo {
        text-align: left;
    }

    .container-attr .image-div .product-item-photo img {
        height: 100px;
        width: 100px;
    }

    .cart.table-wrapper .product-item-details {
        display: block;
    }

    .cart.table-wrapper .product-item-details .price-div {
        width: 100%;
        text-align: right;
    }

    .checkout-cart-index .cart.table-wrapper .actions-toolbar .action-delete {
        display: inline-block;
        text-align: right;
    }

    .cart.table-wrapper .field.qty {
        width: 50%;
        margin-top: 20px;
        justify-content: flex-start;
    }

    .checkout-cart-index .cart.table-wrapper .actions-toolbar {
        width: 50%;
        margin-top: 35px;
    }

    .cart.table-wrapper .price-div {
        text-align: center;
        padding: 10px 0px 0px;
    }

    .cart.table-wrapper .image-div {
        float: none;
        width: 100%;
        display: inline-block;
        margin: 10px 0 0;
    }

    .cart.table-wrapper .image-div img {
        width: auto;
        float: none;
        margin-bottom: 0px;
    }

    .checkout-cart-index .cart-summary {
        width: 100%;
    }

    .cart.table-wrapper .product-details-div {
        display: table-cell;
        width: 100%;
    }

    .checkout-cart-index button.action.primary.checkout {
        padding: 15px 24px;
        font-size: 14px;
    }

    .checkout-cart-index .page-title-wrapper {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0px;
    }

    .header-items-wrapper {
        padding-left: 0px;
    }

    .home-contact img {
        top: 8px;
        right: 10px;
    }

    .home-contact.login-div {
        width: auto;
    }



    .checkout-shipping-address form.form.form-login,
    .custom-shipping-step .opc-wrapper .step-content .custom-field-group,
    .opc-wrapper .step-content .form-shipping-address,
    .opc-wrapper .step-content div#billing-address-container {
        padding: 34px 40px 22px;
        margin: 0px 00px 10px;
    }

    .custom-shipping-step .opc-wrapper.custom-opc-wrapper {
        width: 100%;
        padding: 0px 15px;
    }

    .opc-wrapper .step-content .street.admin__control-fields {
        width: 100%;
        padding-right: 0;
    }

    /*.opc-wrapper .step-content .my_custom_number_field, .opc-wrapper .step-content .my_custom_add_field, .opc-wrapper .step-content .my_custom_bus_field { width: 29.33%;}*/

    .opc-wrapper .step-content .custom-postcode-field._required {
        width: 100%;
    }

    .opc-wrapper .step-content .field.my_custom_place_field {
        width: 100%;
        padding-right: 0;
    }

    .checkout-shipping-address {
        padding: 0px 5px;
    }

    .custom-checkout-container .step-back-link {
        float: left;
    }

    .custom-shipping-step .opc-wrapper .form-login,
    .custom-shipping-step .opc-wrapper .form-shipping-address,
    .custom-shipping-step .opc-wrapper .methods-shipping {
        margin: 0px;
    }

    .custom-shipping-step .opc-wrapper .step-title {
        font-size: 30px;
        margin-bottom: 10px;
        padding: 0px;
        line-height: 30px;
    }

    .checkout-shipping-address form.form.form-login .control span {
        font-size: 14px;
    }

    .checkout-shipping-address .opc-wrapper .step-content .billing-address-same-as-shipping-block.field.choice span {
        font-size: 14px;
    }

    .custom-shipping-step .opc-wrapper .methods-shipping {
        padding-top: 0px;
        background: transparent;
        border: none;
        padding: 0px;
    }

    .home-contact img,
    .home-contact.login-div,
    .authentication-wrapper {
        display: none
    }

    .custom-shipping-step .parent-opc-progress-bar ul.opc-progress-bar li {
        width: 100%;
    }

    .custom-shipping-step .parent-opc-progress-bar {
        padding: 15px 5px;
        margin-top: 20px;
    }

    .custom-shipping-step .parent-opc-progress-bar ul.opc-progress-bar li {
        padding: 5px 0px;
    }

    .orders-history .main-div .product-name {
        font-size: 17px;
        line-height: 21px;
    }

    .orders-history .main-div .product-detail .product.attribute ul li {
        font-size: 13px;
    }

    .orders-history .main-div .product-qty {
        font-size: 14px;
    }

    .orders-history .main-div .image-div {
        margin-right: 10px;
    }

    .orders-history .main-div .product.attribute {
        clear: both;
    }

    .orders-history .main-div .product-name {
        width: 70%;
    }

    .orders-history .order-div span.order-number {
        font-size: 16px;
    }

    .orders-history .main-div .product-detail .product.attribute ul {
        padding: 0px;
    }

    .orders-history .wrapper-div .invice-div {
        margin-top: 0px;
    }

    .faq-index-index h1.page-title {
        text-align: left;
        margin-top: 15px;
    }



    .nav-sections-item-title {
        background: transparent;
        border: none;
        border-width: 0 0 1px 1px;
        box-sizing: border-box;
        float: none;
        height: auto;
        padding: 5px 10px 0px;
        text-align: left;
        width: 100%;
    }

    .nav-sections-item-content {
        box-sizing: border-box;
        float: left;
        margin-left: 0;
        margin-top: 0;
        width: 100%;

        padding: 0;
        background: transparent !important;
    }

    .navigation .right-menu-item {
        float: none;
        margin: 0px;
        padding: 10px 0px;
        border: none;
    }

    .navigation .level0 {
        border-top: none;
        padding: 0;
    }

    .navigation li.level0:last-child {
        border-bottom: none;
    }

    nav.navigation ul li a {
        padding: 10px 10px !important;
    }

    .nav-sections-items a,
    .navigation .level0>.level-top {
        font-size: 16px;
        color: #000 !important;
        font-weight: 400;
        text-transform: capitalize;
    }

    .section-items.nav-sections-items {
        padding: 20px 0px;
    }

    nav.navigation ul {
        padding-bottom: 10px;
    }

    nav.navigation ul li.ui-menu-item.right-menu-item a {
        font-size: 16px;
        font-weight: 400;
    }

    .custom-progressbar-sticky .parent-opc-progress-bar {
        top: 93px;
    }

    .opc-wrapper .step-content div#billing-address-container {
        padding-top: 0px;
        margin: 0px;
    }

    .see-detail-modal .modal-inner-wrap .modal-header {
        padding: 18px 20px;
    }

    .see-detail-modal .modal-inner-wrap .modal-header h1::before {
        background-size: contain;
        background-repeat: no-repeat;
    }

    .see-detail-modal .modal-inner-wrap .modal-header h1 {
        padding-left: 60px;
        font-size: 22px;
    }

    .form-address-edit fieldset.fieldset {
        max-width: 83%;
        padding: 40px 30px;
    }

    .form-address-edit.custom-address-form .field-name-firstname.required {
        width: 100%;
        padding-right: 0
    }

    .form-address-edit.custom-address-form .field-name-lastname.required {
        float: none;
        width: 100%;
    }

    .form-address-edit.custom-address-form .field.nummber {
        width: 50%;
    }

    .form-address-edit.custom-address-form .field.add {
        width: 30.33%;
    }

    .form-address-edit.custom-address-form .field.bus {
        width: 100%;
    }

    .custom-address-form .field.zip,
    .custom-address-form .field.city {
        width: 100%;
        padding-right: 0
    }

    .custom-address-form .field.country.required {
        width: 100%;
        float: none;
        clear: both;
    }

    .field.choice.set.billing,
    .field.choice.set.shipping {
        display: flex;
    }

    .opc-wrapper .step-content .actions-toolbar button {
        padding: 16px 40px !important;
    }

    .payment-method.custom-purchaseorder .payment-method-title.field.choice,
    .payment-method.custom-checkmo .payment-method-title.field.choice,
    .payment-method.custom-cashondelivery .payment-method-title.field.choice,
    .payment-method.custom-banktransfer .payment-method-title.field.choice {
        width: 100%
    }

    .custom-shipping-step .payment-method {
        float: left;
        width: 100%;
    }

    .payment-method label {
        width: 100%;
    }

    .checkout-payment-method .payment-method form.form-purchase-order {
        width: 300px;
    }

    .my-custom-payment-group {
        padding: 30px;
    }

    .modal-popup.see-detail-modal.modal-slide._inner-scroll._show {
        left: 0
    }

    .modal-popup.see-detail-modal footer.modal-footer button {
        float: right;
        width: 100%;
    }

    .image-wraper .image-div {
        width: 16%
    }

    .image-wraper .image-div img {
        width: 100%;
        height: 50px;
    }

    .custom-checkout-container .step-back-link {
        /* float: right; */
        margin-bottom: 15px;
    }

    span.product-image-container.image-div {
        width: 27% !important;
    }

    .product-item-details strong.product-item-name {
        font-size: 18px;
    }

    .minicart-wrapper .minicart-items .product-item-details .product-item-name {
        font-size: 16px;
    }

    .product-item-details a.product-item-link {
        font-size: 16px;
        line-height: 1;
    }

    .product-item-details p {
        font-size: 14px;
    }

    .custom-shipping-step div#checkout .opc-wrapper.custom-opc-wrapper {
        width: auto;
        padding: 0px 15px;
    }

    .custom-progressbar-sticky header.page-header,
    .custom-progressbar-sticky .parent-opc-progress-bar {
        position: relative;
        top: 0px;
        padding: 0px
    }

    div#checkout-payment-method-load .payment-group {
        padding: 15px 0;
    }

    .modal-popup.see-detail-modal footer.modal-footer {
        display: block
    }

    .modal-popup.see-detail-modal footer.modal-footer .custom-details {
        padding: 23px 15px;
        width: 50%;
    }

    .modal-popup.see-detail-modal footer.modal-footer button.custom-totals {
        padding: 27px;
        /*width: 50%;*/
        float: left;
    }

    .opc-wrapper .step-content .field.custom-firstname-field,
    .opc-wrapper .step-content .field.custom-lastname-field {
        width: 100%;
        padding-right: 0;
    }

    .cart.main.actions .clear,
    .cart.main.actions .update {
        width: 95%;
        margin: 0 auto 15px;
        display: block;
    }

    .account .page-main,
    .cms-privacy-policy .page-main {
        padding-top: 65px;
    }

    .account .page-main .block-collapsible-nav {
        top: 17px
    }

    .block-collapsible-nav .content.active {
        background: #fff;
    }

    .mpblog-post-index .page-main {
        padding-top: 50px;
    }

    .minicart-wrapper .product .actions {
        float: right;
    }

    .modal-footer .action-secondary {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .action.primary,
    .action-primary {
        font-size: 16px;
    }

    .checkout-success h3 {
        font-size: 25px;
    }

    .checkout-success {
        background-image: none;
        padding: 30px;
    }

    .checkout-success p {
        max-width: 100%;
    }

    .product-delivery-time-info {
        font-size: 14px;
    }

    .page-layout-category-listing-layout .contact-right {
        display: none;
    }

    .form-create-account {
        padding: 25px;
    }

    .mp-save-cart-content {
        width: 85%;
    }

    .form-shipping-address .my_custom_number_field,
    .billing-address-form .my_custom_number_field,
    .form-shipping-address .my_custom_bus_field,
    .billing-address-form .my_custom_bus_field,
    .custom-shipping-step .modal-popup .field.custom-postcode-field,
    .form-shipping-address .my_custom_add_field,
    .billing-address-form .my_custom_add_field {
        width: 50%;
    }

    .form-shipping-address .my_custom_add_field,
    .form-shipping-address .my_custom_bus_field {
        padding-right: 0;
    }

    .payment-option._collapsible.opc-payment-additional.discount-code {
        padding: 40px;
    }

    .checkout-index-index .checkout-payment-method .form .actions-toolbar {
        display: block;
    }

    .payment-option._collapsible.opc-payment-additional.discount-code .payment-option-title.field.choice,
    .payment-option._collapsible.opc-payment-additional.discount-code .payment-option-content {
        padding-right: 0;
    }

    .opc-wrapper .step-content .my_custom_number_field,
    .opc-wrapper .step-content .my_custom_bus_field {
        width: 100%;
    }

    .cms-page-view h1.page-title {
        font-size: 27px;
        color: var(--secondary-color);
        margin-top: 30px;
    }

    .custom-shipping-step .block.main-div.items-in-cart {
        padding: 20px;
    }

    .minicart-items .product-item-details .details-qty {
        align-items: center;
        justify-content: start;
    }

    .minicart-items .product-item-details .product-item-inner .product.attribute ul li {
        font-size: 12px;
    }
}

@media screen and (max-width:575px) {
    .category-home .category-div {
        flex: 100%;
        max-width: 100%;
    }

    .category-home .category-div .inner-cont {
        padding: 20px;
    }

    .category-home .category-div .inner-cont a {
        width: 25px;
        height: 25px;
    }

    .category-div img.cat-img {
        width: 100%;
    }

    .cat-list .category-div .inner-cont a {
        width: 25px;
        height: 24px;
    }

    .products-grid .product-item {
        margin-left: 4%;
        width: calc((100% - 4%)/2);
        margin-bottom: 20px;
    }

    .product-item:nth-child(2n + 1) {
        margin-left: 0;
    }

    .form-shipping-address .my_custom_number_field,
    .billing-address-form .my_custom_number_field,
    .form-shipping-address .my_custom_bus_field,
    .billing-address-form .my_custom_bus_field,
    .custom-shipping-step .modal-popup .field.custom-postcode-field,
    .form-shipping-address .my_custom_add_field,
    .billing-address-form .my_custom_add_field,
    .custom-shipping-step .modal-popup .field.my_custom_place_field {
        width: 100%;
        padding-right: 0;
    }

    .tooltop-links .tooltip-text {
        min-width: 250px;
        top: -165px;
    }

    .opc-wrapper .step-content .street.admin__control-fields>.control,
    .form-address-edit.custom-address-form .street.required>.control,
    .form-shipping-address .street.admin__control-fields>.control,
    .billing-address-form .street.admin__control-fields>.control {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.cart-totals .table-wrapper tr.totals.shipping.excl span.label {
    display: none;
}

.checkout-index-index .opc-block-summary tr.totals.shipping.excl span.label {
    display: none;
}

.form-shipping-address .street.admin__control-fields>.control,
.billing-address-form .street.admin__control-fields>.control {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-shipping-address .street.admin__control-fields,
.billing-address-form .street.admin__control-fields {
    width: 100%;
    padding-right: 0;
}

.custom-shipping-step .modal-popup .field.my_custom_place_field {
    padding-right: 15px;
    float: left;
}

@media screen and (max-width:575px) {

    .form-shipping-address .street.admin__control-fields>.control,
    .billing-address-form .street.admin__control-fields>.control {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .custom-shipping-step .modal-popup .field.my_custom_place_field {
        padding-right: 0;
    }
}

.custom-search-result {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*--- header Links--*/
.header.links {
    padding: 0;
    margin: 0;
    position: relative;
    margin-left: 20px;
}

.header.links li {
    position: initial;
    margin-bottom: 0;
}

.header.links li a {
    font-size: 16px !important;
    line-height: inherit !important;
    display: inline !important;
}

.header.links>li>a {
    padding: 0 25px;
}

.header.links>li:not(.authorization-link) {
    display: none;
}

.header.links>li.authorization-link {
    padding-left: 15px;
}

.header.links>li.authorization-link a::before {
    content: "";
    background: url(../images/account-icon.svg);
    width: 26px;
    height: 26px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 0;
    top: 3px;
    left: 0;
    margin: auto;
}

.header.links.account-login li {
    display: block;
}

.header.links>.customer-welcome+.authorization-link,
.header.links.account-login>.customer-welcome+.authorization-link {
    display: none;
}

.header.links li.customer-welcome .action.switch {
    position: absolute;
    right: 0px;
    top: 0px;
}

.checkout-cart-index .header.links li.customer-welcome .action.switch,
.checkout-index-index .header.links li.customer-welcome .action.switch {
    right: -18px;
    top: -1px;
}

.customer-welcome.active .customer-menu {
    position: absolute;
    right: 0;
    margin-top: 15px;
}

.customer-welcome.active .customer-menu .header.links {
    margin: 0;
}

.customer-welcome.active .customer-menu .authorization-link::before {
    display: none;
}

.customer-welcome.active .customer-menu .authorization-link {
    margin: 0;
    padding: 0;
}

.customer-welcome.active .customer-menu .authorization-link a {
    display: block;
    height: auto;
    color: #333333;
}

.customer-welcome .customer-menu li a {
    display: block !important;
    padding: 6px 10px;
}

.customer-welcome .customer-menu .authorization-link a::before {
    display: none;
}

@media screen and (max-width:767px) {
    .header.links {
        margin-inline: 10px;
        margin-top: 10px;
    }

    .minicart-wrapper {
        position: relative;
        right: 0;
        top: 0;
    }

    li.greet.welcome a {
        padding: 0;
        height: auto;
    }

    .header.links.account-login li.greet.welcome {
        margin-right: 10px;
    }

    .header.links.account-login li.greet.welcome::before {
        position: inherit;
        display: inline-block;
    }

    .header.links.account-login li.welcome .logged-in {
        display: none;
    }

    .customer-name {
        display: block;
    }

    .customer-welcome .action.switch {
        background-image: none;
        background: none;
        -moz-box-sizing: content-box;
        border: 0;
        box-shadow: none;
        line-height: inherit;
        margin: 0;
        padding: 0;
        text-decoration: none;
        text-shadow: none;
        font-weight: 400;
        color: #ffffff;
        position: absolute;
        right: 0;
        top: 0;
    }

    .customer-welcome .action.switch span {
        display: none;
    }

    .customer-welcome .action.switch:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        line-height: 42px;
        color: inherit;
        content: '\e622';
        font-family: 'luma-icons';
        margin: 0;
        vertical-align: top;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
    }

    .customer-welcome.active .action.switch:after {
        content: '\e621';
    }

    .customer-welcome .customer-menu {
        position: absolute;
        right: 0;
        margin-top: 15px;
        display: none;
    }

    .customer-welcome.active .customer-menu {
        display: block;
    }

    .customer-welcome.active .customer-menu .header.links {
        margin: 0;
        padding: 0;
    }

    .customer-welcome .header.links {
        list-style: none none;
        background: #ffffff;
        border: 1px solid #bbbbbb;
        top: 100%;
        right: 0;
        box-shadow: 0 3px 3px rgb(0 0 0 / 15%);
        min-width: 175px;
        z-index: 1000;
        display: block;
    }

    .customer-welcome .header.links li a {
        display: block !important;
        padding: 6px 10px;
        color: #333;
    }

    .customer-welcome .header.links li a:hover {
        background: #e8e8e8;
    }
}

.catalog-category-view .product-info-main a:visited,
a:active,
.alink:active,
a:hover {
    color: var(--blue-color);
}

.mpblog-post-view ul,
ol {
    font-size: 16px;
}

nav.navigation ul li.link.authorization-link.hamburger {
    padding: 0;
    margin: 0;
}

nav.navigation ul li.link.authorization-link.hamburger a {
    font-size: 16px;
}

@media screen and (min-width:768px) {
    nav.navigation ul li.link.authorization-link.hamburger {
        display: none;
    }
}

/* Category page QTY box */
@media screen and (min-width:1024px) {
    .page-products.page-layout-1column .products-grid .product-item {
        width: 25%;
    }
}

@media screen and (min-width:768px) {
    .page-products .product-item-info .product-item-actions .group-data {
        display: flex;
        align-items: center;
        gap: 10px;
    }
}

@media screen and (max-width:768px) {
    .page-products .product-item-info .product-item-actions .qty_control {
        margin-bottom: 10px;
    }
}

.page-products .product-item-info .product-item-actions .qty_control .qty-default {
    width: 50px;
    height: 40px;
    border: 1px solid var(--secondary-color);
    border-radius: 10px;
    color: #000;
    font-size: 16px;
}

/*mollie_methods_creditcard fixes*/
.payment-method.payment-method-mollie_methods_creditcard label.label span,
.payment-method:not(.payment-method-mollie_methods_bancontact) label.label span {
    padding-left: 26px;
}

.checkout-index-index .payment-method.payment-method-mollie_methods_creditcard label.label:after {
    top: 13px;
    right: 23px;
    left: auto;
    width: 15px;
    height: 15px;
}

.checkout-index-index .mollie-payment-icon {
    width: auto;
    min-width: 25px;

}

.payment-method.payment-method-mollie_methods_creditcard .payment-method-title.field.choice,
.payment-method .payment-method-title.field.choice {
    height: 41px;
    display: flex;
    align-items: center;
    width: 100%;
}

.checkout-index-index .payment-method.payment-method-mollie_methods_creditcard:hover .field.choice label:after,
.checkout-index-index .payment-method:hover .field.choice label:after {
    display: block;
}

.checkout-index-index .opc-block-summary .actions-toolbar {
    float: right;
}

.cart-summary .totals .title {
    font-weight: normal;
    display: block;
    color: #000;
    font-size: 14px;
}

.checkout-cart-index #block-discount button.action.primary {
    box-shadow: unset;
    color: var(--secondary-color);
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.checkout-payment-method .payment-method._active .payment-method-content .actions-toolbar {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.checkout-cart-index #coupon_code {
    height: 38px;
}

@media only screen and (min-width: 768px) {
    .cart-discount {
        width: 67%;
    }
}

@media only screen and (max-width: 768px) {
    .cart-discount {

        margin-top: 58px;
    }
}

/*discount form ui fix*/
.opc-wrapper .form-discount {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.opc-wrapper .form-discount input#discount-code {
    height: 40px;
    border: 1px solid var(--secondary-color);
}

.payment-option._collapsible.opc-payment-additional.discount-code .action-toggle:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 16px;
    color: #757575;
    content: '\e622';
    font-family: 'luma-icons';
    margin: 0 0 0 10px;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.payment-option._collapsible.opc-payment-additional.discount-code._active .action-toggle:after {
    content: '\e621';
}

/*total button fix*/
.total-actions-wrap #preview-page-buttons-container {
    float: unset;
    width: 100%;
}

.total-actions-wrap #preview-page-buttons-container .primary {
    /* float: unset;
    margin: 0; */
    width: 100%;
    background: var(--blue-dark);
    border: none;
    border-radius: 30px;
    padding: 10px 40px;
    font-size: 20px;
    color: var(--white-color);
    font-weight: 600;
    display: flex;
    gap: 1rem;
    align-items: center; 
    justify-content: center;
}

.total-actions-wrap #preview-page-buttons-container .primary button:after {
    content: '';
    width: 12px;
    height: 12px;
    margin-top: 5px;
    display: inline-block;
    transition: all .3s ease;
    background: url(../images/arrow-bold-right-white.png) no-repeat;
}

.total-actions-wrap #preview-page-buttons-container .primary:hover button:after {
    transform: translateX(10px);
}

.checkout-agreement-action .actions-toolbar .primary button.checkout:after {
    content: '';
    width: 12px;
    height: 12px;
    margin-top: 5px;
    display: inline-block;
    transition: all .3s ease;
    background: url(../images/arrow-bold-right-white.png) no-repeat;
}

.checkout-agreement-action .actions-toolbar .primary:hover button:after {
    transform: translateX(10px);
}



.total-actions-wrap td {
    padding-inline: 0;
    border: 0 !important;
}

/*mollie_methods_bancontact fix*/
.payment-method.payment-method-mollie_methods_bancontact .field.choice label:after,
.payment-method .field.choice label:after {
    right: 23px;
    left: auto;
    top: 13px;

}



@media only screen and (max-width:767px) {
    .opc-wrapper .form-discount .actions-toolbar {

        width: 100%;
    }

    .payment-option._collapsible.opc-payment-additional.discount-code .payment-option-inner {

        width: 100%;
    }

    .payment-option._collapsible.opc-payment-additional.discount-code {
        padding: 30px;
    }
}

footer.page-footer .footer.content > div{
    max-width: var(--max-layout);
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1.5fr 1fr;
}

footer.page-footer .footer.content .footer-div,
footer.page-footer .footer.content .footer-rating,
footer.page-footer .footer.content .contact-right.footer-right,
footer.page-footer .footer.content .contact-right.footer-right .info-block-div .left-cont {
    width: 100%;
}

/* homepage custom */
.container-homepage {
    max-width: 100%;
    margin: 0 160px 36px 160px;
}

.container-homepage h1 {
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 16px;
    font-size: 40px;
}

.container-client-partner {
    max-width: var(--max-layout);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 30px;
    margin-top: 50px;
    align-items: center;
}

.container-client-partner .logo-client-partner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.container-client-partner .label-client-partner>h1,
.cms-home .container .hd-text,
.cms-home .container-client-partner .hd-text {
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 16px;
    font-size: 35px;
}


.container-client-partner .label-client-partner .page-description {
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
}

.container-client-partner .btn-client-partner {
    /* margin-top: -4vw; */
}

.container-client-partner .btn-client-partner .btn-action {
    background-color: #74F5FF;
    border: 0;
    font-size: 20px;
    padding: 10px 16px;
}

.container-client-partner .logo-client-partner .img-logo {
    width: 25%;
    height: 100px;
    background-color: #fff;
    border-radius: 1rem;
    margin-bottom: 12px;
    text-align: center;
    /* box-shadow: 4px 4px 6px 4px rgba(0, 0, 0, 0.07); */
}

.container-client-partner .logo-client-partner .img-logo>img {
    height: 100%;
}

/* mobile */

@media screen and (max-width: 767px) {
    footer.page-footer .footer.content > div{
        display: grid;
        grid-template-columns: 1fr;
    }

    .container-client-partner {
        margin: 32px 12px 0 12px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .container-client-partner .logo-client-partner .img-logo {
        display: inline-block;
        height: fit-content !important;
        -webkit-height: auto !important;
    }

    .container-client-partner .btn-client-partner {
        text-align: center;
        margin-top: -4vw;
    }


}

/* footer payment logo */

.container-payment {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}

.container-payment .logo-pay {
    width: 32px;
    margin: 0 8px 8px 0;
}

.container-payment-b {
    margin-top: 24px;
    display: flex;
    gap: 16px;
}

.container-payment-b .logo-pay-b {
    height: 15px;
}

/* Minicart Table */


/* Cart Checkout */
.checkout-cart-index .cart.table-wrapper .product-item-photo-header {
    padding: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}

.checkout-cart-index .cart.table-wrapper .field.qty {
    width: 200px;
}

.checkout-cart-index .attr-div.masking-container {
    display: flex;
    width: 511px;
    height: 1px;
}
.custom-tooltip {
    display: inline-block;
    margin-left: 6px;
    position: relative;
    cursor: pointer;
}

.custom-tooltip-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    background: #e0e0e0;
    color: #333;
    border: 1px solid #aaa;
    font-family: 'Outfit', sans-serif;
}

/* Tooltip box */
.custom-tooltip-text {
    visibility: hidden;
    font-weight: 400;
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    background: #f0f0f0;
    color: #000; 
    font-size: 13px;
    font-family: 'Outfit', sans-serif;
    padding: 10px;
    border-radius: 6px;
    width: 500px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;

    /* tambahkan ini */
    white-space: normal;  /* biar bisa wrap */
    word-wrap: break-word; /* pecah kata panjang */
    overflow-wrap: anywhere; /* jaga kalau kata super panjang */
}

/* Image style */
.custom-tooltip-text img {
    /* width: 100px; */
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
}

/* Text style */
.tooltip-text-content {
    flex: 1;
    line-height: 1.4;
    ul{
        margin-bottom: 0;
    }
}

/* Show on hover */
.custom-tooltip:hover .custom-tooltip-text {
    visibility: visible;
    opacity: 1;
}
@media (max-width: 767px) {

    .custom-tooltip-text {
        width: 300px;          /* lebih kecil */
        flex-direction: column; /* konten jadi atas-bawah */
        text-align: center;    /* biar lebih rapi */
    }

    .custom-tooltip-text img {
        margin-bottom: 10px;   /* beri jarak ke teks */
    }

    .tooltip-text-content {
        width: 100%;           /* teks isi penuh */
    }

    .checkout-cart-index .attr-div.masking-container {
        display: none;
    }

    .checkout-cart-index .cart.table-wrapper .product-item-details {
        display: grid;
        grid-template-columns: 1fr 2fr;
        column-gap: 12px;
        margin-bottom: 12px;
        padding-bottom: 0;
    }

    .checkout-cart-index .cart.table-wrapper .product-item-details .image-div,
    .checkout-cart-index .cart.table-wrapper .image-div {
        margin: 0;
    }

    .checkout-cart-index .cart.table-wrapper .product-item-details .image-div {
        height: 100px;
        display: block !important;
        grid-row: span 2;
    }

    .cart.table-wrapper .product-item-name {
        font-size: 16px;
    }

    .cart.table-wrapper .product-details-div .container-attr {
        margin: 0;
    }

    .checkout-cart-index .cart.table-wrapper .field.qty {
        width: 50%;
    }

    .checkout-cart-index .cart-summary .shipping-text {
        padding-inline: 15px;
    }
}

/* checkout step shipping */
.form-billing-address .checkout-billing-address .billing-address-details .action-edit-address {
    margin: 16px 0;
}

.form-billing-address button.action.action-edit-newaddress-popup {
    margin-left: 120px;
    margin-top: -90px;
}

.opc-wrapper .step-content .actions-toolbar button.action.action-cancel,
.checkout-index-index button.action.secondary.action-hide-popup {
    background: #eee;
    border: 1px solid #ccc;
    margin-right: 8px !important;
}

.opc-wrapper .step-content .actions-toolbar button.action.action-cancel:hover,
.checkout-index-index .modal-popup .modal-footer button.action-hide-popup:hover {
    background: #e1e1e1;
    border: 1px solid #ccc;
    text-decoration: none;
}

.checkout-index-index footer.modal-footer button.action.secondary.action-hide-popup {
    border-radius: 30px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
    margin: 0 !important;
}


/* custom css new design here */
/* modal pdp */
.control.qty.pdp-modal input {
    float: left;
    width: 69px !important;
    height: 50px !important;
    margin-top: 0px;
    border-radius: 0px !important;
    border-color: var(--secondary-color);
    text-align: center;
}
.qty_control button {
    display: block;
    background: #fff;
    border-color: var(--secondary-color);
    height: 25px;
    width: 28px;
    border-left: 0px;
    border-radius: 0px;
    padding: 0px;
    font-size: 14px;
    color: var(--secondary-color);
    &.increaseQty{
        border-bottom: 0px;
    }
}
/* plp */
.cart-item__qty.plp{
    display: flex;
    align-items: center;
}
.control.qty.plp input {
    float: left;
    width: 69px !important;
    height: 50px;
    margin-top: 0px;
    border-radius: 0px;
    border: 1px solid;
    border-color: var(--secondary-color);
    text-align: center;
}
/* minicart */
.minicart-qty-group{
    display: flex;
    align-items: center;
}
/* cart page */
table#shopping-cart-table{
    border-collapse: separate;
    border-spacing: 0 16px;   
    background: white; 
}
.cart.table-wrapper { 
    .cart thead tr th.col {
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        padding: 15px 0;
    }
    .cart tbody tr {
        background-color: #F5F5F5;
        padding: 8px;

        .image-div {
            float: left;
            img {
                width: 200px;
                height: 200px;
                float: left;
            }
        }
        .product-item-details {
            width: 100%;
        }
    }
    .cart tbody tr td.col.qty{
        /* display: flex;
        justify-content: center; */

        .control.qty input {
            float: left;
            width: 69px;
            height: 50px;
            margin-top: 0px;
            border-color: var(--secondary-color);
            text-align: center;
        }
        .qty_control button {
            display: block;
            background: #fff;
            border-color: var(--secondary-color);
            height: 25px;
            width: 28px;
            border-left: 0px;
            border-radius: 0px;
            padding: 0px;
            font-size: 14px;
            color: var(--secondary-color);
            &.increaseQty{
                border-bottom: 0px;
            }
        }
    }

}


@media (max-width: 767px) {
    .form-billing-address .checkout-billing-address .billing-address-details .action-edit-address {
        width: 100%;
    }

    .checkout-index-index footer.modal-footer button.action.secondary.action-hide-popup {
        width: 100%;
        margin-top: 10px !important;
    }

    .checkout-index-index .block.block-search {
        display: none;
    }

    .checkout-index-index .header-items-wrapper {
        margin-top: 10px;
    }

    .checkout-index-index.custom-shipping-step .parent-opc-progress-bar {
        margin-top: 0;
    }

    .checkout-index-index .page-header {
        margin-bottom: 0;
    }
}

/* account type for register page */
.field.account_type .control {
    position: relative;
}

.field.account_type {
    display: flex;
    position: relative;
    margin-bottom: 35px;
}

.field.account_type input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 30px;
    height: 30px;
    z-index: 99;
}

.field.account_type .radio-span {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
}

.field.account_type input:checked~.radio-span {
    background-color: var(--blue-color);
    border: none;
}

.field.account_type .radio-span:after {
    content: "";
    position: absolute;
    display: none;
}

.field.account_type input:checked~.radio-span:after {
    display: block;
}

.field.account_type .radio-span:after {
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    bottom: 0;
    right: 0;
    margin: auto;
}

.field.account_type label {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    margin-right: 32px;

    padding-left: 43px;
    position: relative;
    top: 7px;
}

.field.show-password {
    margin-top: 15px;

    .control {
        display: flex;
        align-items: center;

        input[type="checkbox"] {
            position: static;
            margin-right: 8px;
            width: 16px;
            height: 16px;
        }

        label.label {
            margin: 0;
            font-size: 14px;
        }
    }
}

.field.required > .label::after {
    content: '*';
    color: red;
    margin-left: 4px;
}

.control .field._required .label > span::after {
    content: '*';
    font-size: 1.2rem;
    color: #e02b27;
    margin-left: 5px;
}

.field._required .label > span {
    font-weight: bold;
}

.mobile-only {
    display: none;
}

.desktop-only {
    display: flex;
}

@media screen and (max-width: 767px) {
    .mobile-only {
        display: flex;
    }

    .desktop-only {
        display: none;
    }
}

/* jarak bawah pesan error configurator; :not(:empty) agar tidak menyisakan gap saat kosong */
#error-hidden:not(:empty),
.error-message:not(:empty) {
    display: block;
    margin-bottom: 10px;
}

/* Apply/cancel kortingscode: blockLoader summary tidak ditampilkan
   (class body di-set oleh Nethues_CustomCheckout/js/action/coupon-mixin) */
body.coupon-processing .opc-block-summary > .loading-mask {
    display: none !important;
}