*, *::before, *::after {padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,p,ul,ol {padding: 0; margin: 0;}
img {max-width: 100%; height: auto; display: block; vertical-align: middle;}
:where(.custom__scroll, .custom__scroll-p > p) {overflow-y: auto; padding-right: 15px;}
:where(.custom__scroll, .custom__scroll-p > p)::-webkit-scrollbar {width: 6px;}
:where(.custom__scroll, .custom__scroll-p > p)::-webkit-scrollbar-track {border-radius: 6px; background-color: #f5f5f5; visibility: hidden;}
:where(.custom__scroll, .custom__scroll-p > p)::-webkit-scrollbar-thumb {border-radius: 6px; background-color: var(--c-primary); visibility: hidden;}
:where(.custom__scroll, .custom__scroll-p > p):hover::-webkit-scrollbar-track {visibility: visible;}
:where(.custom__scroll, .custom__scroll-p > p):hover::-webkit-scrollbar-thumb {visibility: visible;}
@supports not selector(::-webkit-scrollbar) {
    :where(.custom__scroll, .scustom__croll-p > p) {overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--c-primary) #f5f5f5; padding-right: 15px;}
}	
	
/* ___ QUOTE BUTTON ___ */
#quote-btn {position: fixed; top: 60%; right: -40px; width: 100%; max-width: 120px; display: flex; align-items: center; justify-content: center; font-size: var(--fs-sm); font-weight: 600; background-color: #ef233c; color: #fff; padding-block: 6.5px; border-radius: 5px 5px 0 0; transform: rotate(270deg); z-index: 50;}
#quote-btn:hover {background-color: var(--c-primary);}
	.slick-slide{height:unset;}
/* CATEGORIES SHOWCASE  */
.showcase-cat {padding-block: 40px 20px;}
	.slick-initialized .slick-slide{margin-left:10px}
.showcase-cat .title {text-align: center; }
/* .showcase-cat .title :first-child {font-size: var(--fs-xl); margin-bottom: 20px;} */
.showcase-cat .title .content {max-height:72px; margin-top:20px}
.showcase-cat .wrapper { gap: 20px;}
.showcase-cat .product {width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #f4f9ff; color: #000; padding: 10px; border-bottom: 1px solid transparent;}
.showcase-cat .product:hover {border-color: var(--c-secondary);}
.showcase-cat .product:hover img {transform: scale(1.1) translate(10px, 5px);}
.showcase-cat .product div {height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 50px;}
.showcase-cat .product div * {font-family: var(--ff-secondary);}
.showcase-cat .product div :first-child {font-size: var(--fs-md, 24px); font-weight:400; color: var(--c-tertiary); text-align: end;}
.showcase-cat .product span {padding-block: 7px; font-size:var(--fs-base);}
.showcase-cat .custom__btn {color:#fff;}
.showcase-cat .slick-dots li.slick-active button:before {color: var(--c-secondary);}
.showcase-cat :where(.title, .title *, .wrapper, .product, .product *) {transition: var(--transition);}

/* PRODCUTS SHOWCASE  */
.showcase {padding-block: 20px; overflow-x: hidden; --_c-light-100: #f8f8f8; --_c-light-600: #676767; --_c-link: #0e65d9;}
.showcase .title {margin-bottom: 40px;}
.showcase .title :first-child {font-size: var(--fs-lg, 30px);text-align:center;}
.showcase .product {color: initial; padding: 10px; border-radius: 5px; box-shadow: 0 4px 15px 0 rgba(0 0 0 / 0.08);}
.showcase .product:hover {background-color: var(--_c-light-100);}
.showcase .product img { margin-bottom: 5px; object-fit:contain; margin-inline: auto;}
.showcase .product > :nth-child(2) {display: block; font-size: var(--fs-sm, 18px); font-weight: 700; margin-bottom: 10px; text-align: center; min-height: 54px;}
.showcase .product > :nth-child(3) {display: block; height: 44px; margin-bottom: 8px;}
.showcase .product ul {margin-bottom: 20px;}
.showcase .product li {font-size: var(--fs-xxs, 12px); color: var(--_c-light-600); list-style-image: url('https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/tick.svg'); list-style-position: inside; margin-bottom: 5px;}
.showcase .product span {display: block; font-size: var(--fs-xs, 14px); color: var(--_c-link); text-align: end;}
.showcase .product span:hover {color: var(--c-secondary);}
.showcase :where(.title, .title *, .wrapper, .product, .product *) {transition: var(--transition);}
.showcase .slick-track {padding: 10px 5px;}

 /* QUOTE */
.quote {padding-block: 20px 30px; position: relative; --_c-dark-700: #646464; --_c-blue-100: #f4f9ff; --_fs-mega: 170px;}
.quote::before {position: absolute; top: 0; bottom: 0; left: -170px; width fit-content; height: fit-content; font-size: var(--_fs-mega); font-weight: 700; line-height: 200px; color: var(--_c-blue-100); transform: rotate(-90deg); z-index: -1; margin-block: auto; content: 'Custom';}
.quote::after {position: absolute; top: 0; bottom: 0; right: -100px; width fit-content; height: fit-content; font-size: var(--_fs-mega); font-weight: 700; line-height: 200px; color: var(--_c-blue-100); transform: rotate(-90deg); z-index: -1; margin-block: auto; content: 'Quote';}
.quote .wrapper {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 30px;}
.quote .content {padding-left: 15px;}
.quote .content > :first-child {font-size: calc(var(--fs-xl, 36px) - 1px); font-weight: 600; color: var(--_c-dark-700); margin-bottom: 30px;}
.quote .content p {color: var(--_c-dark-700); margin-bottom: 15px;}
.quote .content :where(h3, h4) {font-size: calc(var(--fs-lg, 30px) - 2px); font-weight: 600; color: var(--_c-dark-700); margin-block: 30px 10px;}
.quote .content ul {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px 10px; margin-top: 45px;}
.quote .content li {position: relative; width: calc(50% - 10px); background-color: var(--_c-blue-100); padding: 15px 20px 15px 50px; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;}
.quote .content li::before {position: absolute; top: 12px; left: 10px; width: 31px; height: 31px; background: no-repeat center/cover url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/home/formtick.svg); content: '';}
.quote :where(.wrapper, .content, .content *) {transition: var(--transition);}


/* QUOTE FORM */
.quote-form {max-width: 568px; margin-inline: auto; border-radius: 0 90px 0 90px; box-shadow: 0 0 18px var(--_c-light-500); --_c-light-100: #f5f5f5; --_c-light-500: #888888; --_c-dark-600: #848484; --_c-black-500: #697277; --_c-red-500:#BF0A20; --_c-dark-800:#747474;}
.quote-form .title {background-color: var(--c-secondary); padding: 14px; text-align: center; border-top-right-radius: 90px; }
.quote-form .title :first-child {font-size: calc(var(--fs-lg, 30px) + 2px); color: #fff; font-family:var(--ff-secondary); line-height: 1;}
.quote-form form {background-color: var(--_c-light-100); padding: 30px 25px 50px; border-bottom-left-radius: 90px;}
.quote-form form .row {row-gap: 10px;}
.quote-form form label {display: flex; align-items: center; gap: 6px; width: fit-content; font-size: var(--fs-sm, 18px); font-weight: 700; color: var(--c-tertiary); margin-block: 20px 10px;}
.quote-form form label:first-of-type {margin-top: 0;}
.quote-form form label svg {margin-right: 6px;}
.quote-form form .group {display: flex; align-items: center; gap: 10px;}
.quote-form form :where(input:not([type="file"]),select, textarea) {width: 100%; height: 40px; color: var(--_c-dark-800); border: 1px solid var(--_c-light-100); padding-inline: 10px;}
.quote-form form select {color: var(--_c-dark-600);}
.quote-form form :where(input, select, textarea)::placeholder {color: var(--_c-dark-600);}
.quote-form form input[type="number"] {-moz-appearance: textfield;}
.quote-form form input[type="number"]::-webkit-inner-spin-button {appearance: none;}
.quote-form form input[type="file"]::file-selector-button {padding: 1px 6px 1px 6px; margin-right: 4px; font-weight: 400;}
.quote-form form select {background: no-repeat 95%/10px url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/images/icons/angle-down-solid.svg); background-color: #fff; appearance: none;}
.quote-form form input[type="file"] {width: 100%; cursor: pointer;}
.quote-form form textarea {height: 100px; margin-bottom: 20px; resize: none;}
.quote-form form label[for="captcha"] {margin: 0;}
.quote-form form label[for="captcha"] span {font-size: var(--fs-base, 16px); font-weight: 400; letter-spacing: 3px;}
.quote-form form input[id="captcha"] {max-width: 125px; margin-left: auto;}
.quote-form form :where(button[type="submit"], input[type="submit"]) {width: 170px; height: 40px; padding: 0; font-size: var(--fs-sm); font-weight: 700; color: #fff;}
.quote :where(.quote-form, .quote-form *) {transition: var(--transition);}
/* .quote-form .number {display: none;} */

@media only screen and (max-width: 1200px) {
    .quote form :is(button[type="submit"], input[type="submit"]) {width: 110px;}
}

@media only screen and (max-width: 575px) {
    .quote form .group:has(input[id="captcha"]) {flex-wrap: wrap; row-gap: 20px;}
    .quote form input[id="captcha"] {max-width: max-content;}
    .quote form :is(button[type="submit"], input[type="submit"]) {width: 50%; margin-inline: auto;}
}

@media only screen and (max-width: 475px) {
    .quote form {padding: 20px 20px 50px;}
    .quote .quote-form {width: 100%;}
    .quote form .group {flex-direction: column; align-items: flex-start;}
    .quote form input[id="captcha"] {max-width: 100%;}
    .quote form :is(button[type="submit"], input[type="submit"]) {width: 95%;}
}


 /* BRAND  */
.brand {padding-block: 60px 40px; --_c-dark-700: #646464; --_c-dark-500:#e3001c; }
.brand .wrapper {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 30px;}
.brand .content > :first-child {font-size: calc(var(--fs-xl, 36px) + 2px); color: var(--c-tertiary); margin-bottom: 20px;}
.brand .content > :first-child * {display: block; font-size: var(--fs-base, 16px); font-weight: 600; color: var(--_c-dark-500); margin-bottom: 20px;}
.brand .content > :first-child br {display: none;}
.brand .content p {color: var(--_c-dark-700); margin-bottom: 35px;}
.brand .content ul:nth-of-type(1) {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 15px; margin-bottom: 40px;}
.brand .content ul:nth-of-type(1) li {position: relative; width: calc(50% - 15px); list-style: none; padding-left: 25px;}
.brand .content ul:nth-of-type(1) li::before {position: absolute; top: 6px; left: 0; width: 15px; height: 11px; background: no-repeat center/cover url('https://www.emenacpackaging.com//wp-content/uploads/2024/11/arrow-right.svg'); content: '';}
.brand .content ul:nth-of-type(2) {display: flex; align-items: center; gap: 15px;}
.brand .content ul:nth-of-type(2) li {display: flex; align-items: center; gap: 10px; font-size: calc(var(--fs-sm, 18px) + 2px); font-weight: 600; color: var(--c-tertiary); line-height: 1.4;}
.brand .content ul:nth-of-type(2) li img {height: 53px;}
.brand .image {width: fit-content; margin-left: auto;}
:where(.brand, .brand :where(.wrapper, .content, .content *, .image)) {transition: var(--transition);}

/* Features */
.features {padding-block: 40px; --_c-light-400: #a0a0a0; --_c-dark-700: #646464;}
.features .wrapper {background: no-repeat center/cover url('https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/home/bg-1.webp'); border-radius: 10px; padding: 50px;}
.features .content {text-align: center;height: 150px;margin-bottom:30px}
.features .content > :first-child {font-size: calc(var(--fs-lg, 36px) + 2px);}
.features .content p {color: var(--_c-dark-700); margin-block: 30px;}
.features ul {display: flex; align-content: center; justify-content: space-between; gap: 10px;}
.features li {display: inline-flex; align-items: center; gap: 10px;}
.features li div * {display: block;}
.features li div :first-child {font-size: var(--fs-lg, 30px); line-height: 1; margin-bottom: 5px;}
.features li div :nth-child(2) {color: var(--_c-light-400);}
:where(.features, .features :where(.wrapper, .content, .content *, ul, ul *)) {transition: var(--transition);}

/* Customization */
.customization {padding-block: 40px; --_c-light-500: #888888; --_c-blue-100: #f4f9ff; position: relative; --_fs-mega: 170px; --_c-dark-500:#e3001c;}
.customization::before {position: absolute; top: 0; bottom: 0; left: -170px; width: fit-content; height: fit-content; font-size: var(--_fs-mega); font-weight: 700; line-height: 200px; color: var(--_c-blue-100); transform: rotate(-90deg); z-index: -1; margin-block: auto; content: 'Custom';}
.customization::after {position: absolute; top: 0; bottom: 0; right: -80px; width: fit-content; height: fit-content; font-size: var(--_fs-mega); font-weight: 700; line-height: 200px; color: var(--_c-blue-100); transform: rotate(-90deg); z-index: -1; margin-block: auto; content: 'styles';}
.customization .title {margin-bottom: 40px; text-align: center; max-width: 890px; margin-inline: auto;}
.customization .title :first-child {font-size: var(--fs-xl, 36px);}
.customization .wrapper {display: grid; grid-template-columns: minmax(560px, 700px) minmax(360px, 453px); align-items: center; gap: 30px;}
.customization .boxes {width: fit-content; display: grid; grid-template-columns: repeat(2, 1fr); gap: 19px 30px;}
.customization .product {position: relative;}
.customization .product:hover span {background-color: var(--c-tertiary); color: #fff;}
.customization .product:nth-child(even) {margin-block: 26px;}
.customization .product:nth-child(even) span {bottom: -17px;}
.customization .product span {position: absolute; display:flex; justify-content:center; align-items:center;  inset: auto 0 36px; width: 200px; height: 50px; font-size: var(--fs-md, 24px); background-color: #fff; color: #000; box-shadow: 0 0 5px var(--_c-light-500); margin-inline: auto;}
.customization .content > :first-child {display: block; font-family: var(--ff-secondary); font-size: 35; font-weight: bold; color: #212529; margin-bottom: 5px;}
.customization .content > :nth-child(2) {margin-bottom: 40px;}
.customization .content p {margin-bottom: 40px; max-height: 270px;}
.customization .content > a {width: 140px; font-size: calc(var(--fs-sm, 18px) + 2px); font-weight: 700; text-align: center;}
:where(.customization, .customization :where(.title, .title *, .wrapper, .boxes, .product, .product *, .content, .content *)) {transition: var(--transition);}

/* IDEAS */
.ideas {padding-block: 102px; background: no-repeat center/cover url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img//ideas-bg.webp); background-color: var(--c-secondary);}
.ideas .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.ideas .item {display: flex; align-items: flex-start; gap: 30px; color: #fff;}
.ideas .item div :first-child {display: block; font-size: var(--fs-lg, 30px); font-weight: 600; margin-bottom: 10px; font-family:
var(--ff-primary);}
.ideas .item p {color: #fff; padding-right: 10px;}
:where(.ideas, .ideas :where(.wrapper .item, .item div *)) {transition: var(--transition);}

/* Description */
.description {padding-block: 35px 40px; --_c-light-500: #747474;}
.description .wrapper {display: grid; grid-template-columns: minmax(260px, 370px) minmax(450px, 766px); align-items: flex-start; gap: 30px;}
.description .title :first-child {font-size: calc(var(--fs-md, 24px) + 2px);}
.description .additional {height: 140px; overflow-y:auto; display: flex; gap: 24px; flex-wrap: wrap;}
.description .additional > :nth-child(-n+2) {width: calc(50% - 12px);}
.description .additional > * {width: 100%;}
.description .additional :where(h3, h4) {font-size: var(--fs-md, 24px); font-weight: 500; margin-bottom: 8px; margin-top:8px;}
.description .additional :where(h5, h6) {font-size: var(--fs-sm, 18px); font-weight: 500; margin-bottom: 8px; margin-top:8px;}
.description .additional :where(p, li) {color: var(--_c-light-500); margin-top:8px;}
.description .additional ul {margin-block: 8px;}
.description .additional li {list-style: disc; list-style-position: inside;}
:where(.description, .description :where(.wrapper, .title *, .additional, .additional *)) {transition: var(--transition);}

/* Discounts */
.discounts {padding-block: 40px; --_c-dark-700: #646464; --_c-dark-800: #555555; background: no-repeat center/contain url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img//bgperfect.webp); } 
.discounts .wrapper {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 30px;}
.discounts .content > :first-child {font-size: calc(var(--fs-xl, 36px) + 2px); margin-bottom: 30px;}
.discounts .content p {margin-bottom: 25px;}
.discounts .content ul:nth-of-type(1) li {margin-bottom: 10px; list-style-image: url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img//icons/tick-sm-round.svg); list-style-position: inside;}
.discounts .content :where(p, li) {color: var(--_c-dark-700);}
.discounts .content ul:nth-of-type(2) {display: flex; align-items: center; justify-content: space-between; text-align: center; padding-inline: 30px; margin-block: 35px 20px;}
.discounts .content ul:nth-of-type(2) li :first-child {display: block; font-size: calc(var(--fs-xl, 36px) - 2px); color: var(--_c-dark-800);}
.discounts .content > a {font-size: var(--fs-base, 16px); font-weight: 600; border-radius: 5px; padding: 13px 18px; float: right; text-align: center;}
:where(.discounts, .discounts :where(.wrapper, .content *)) {transition: var(--transition);}

/* Solution */
.solution {padding-block: 40px 20px; --_c-dark-600: #646464;}
.solution .wrapper {background: no-repeat center/cover url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img//abstract-bg.webp); border-radius: 10px; padding: 50px;}
.solution .content :first-child {font-size: var(--fs-xl, 36px); margin-bottom: 20px;}
.solution .content p {max-height: 74px; color: var(--_c-dark-600); border-left: 5px solid var(--c-secondary); padding-left: 15px;}
:where(.solution, .solution :where(.wrapper, .content *)) {transition: var(--transition);}

/* gallery */
.gallery {padding-block: 25px 15px;}
.gallery .head {margin-bottom: 40px; text-align: center;}
.gallery .head :first-child {font-size: var(--fs-xl, 36px); margin-bottom: 20px;}
.gallery .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.gallery .box {position: relative; overflow-y: hidden;}
.gallery .box:hover > a {top: 0;}
.gallery .box:nth-of-type(1) {grid-row: 1/3; grid-column: 1/3;}
.gallery .box > a {position: absolute; top: -100%; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(0 0 0 / 0.5);}
.gallery .box > a :first-child {position: relative; font-size: calc(var(--fs-lg, 30px) + 2px); margin-bottom: 10px;font-weight:700; font-family:var(--ff-secondary)}
.gallery .box > a :first-child::before {position: absolute; inset: -15px 0 auto; width: 45px; height: 3px; background-color: var(--c-secondary); margin-inline: auto; content: '';}
.gallery .box > a button:hover {text-decoration: underline;}
.gallery :where(.head, .head *, .wrapper, .box, .box *) {transition: var(--transition);}
.gallery .discover_button{padding-block:30px; text-align:center;text-transform:uppercase;font-weight:bold;}

/* ___ MODAL ___ */
.modal {width: 100%; height: 100%; position: fixed; top: 0; display: flex; justify-content: space-between; align-items: center; background-color: rgba(0, 0, 0, 0.9); padding-inline: 20px; margin-top: -1px; z-index: 500; animation: zoom 0.3s ease-in-out;}
.modal button {background-color: transparent; color: #fff;}
.modal button:hover {background-color: var(--c-secondary);}
.modal #close-btn {position: absolute; top: 25px; right: 30px;}
.modal img {width: 100%; max-width: 1000px; height: 515px; object-fit: contain; border-radius: 10px;}
	
/* infromation */
.information {padding-block: 25px 30px;}
.information .wrapper {background: no-repeat center/cover url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img//abstract-bg-2.webp); padding: 20px; border-radius: 20px; box-shadow: 0 0 5px rgba(0 0 0 / 0.3);}
.information .content {text-align: center;} 
.information .content :first-child {font-size: var(--fs-xl, 36px); margin-bottom: 20px;}
.information .content :nth-child(2) {height: 70px;}
.information :where(.wrapper, .content, .content *) {transition: var(--transition);}

/* order */
.order {padding-block: 58px; background-color: #f4f9ff; --_c-dark-500:#e3001c;}
.order .wrapper {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 30px;}
.order .content div {padding: 30px; background-color: #fff;}
.order .content div > :first-child {display: block; color: #212529; margin-bottom: 5px;}
.order .content div > :nth-child(2) {font-size: calc(var(--fs-xl, 36px) - 2px); margin-bottom: 30px;}
.order .content div p {margin-bottom: 15px;}
.order .content ul {display: flex;flex-direction:column; flex-wrap: wrap; gap: 10px; margin-bottom: 80px;}
.order .content li {width: calc(50% - 10px); list-style-image: url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/tick.svg); list-style-position: inside;}
.order .content > a {display: block; width: fit-content; font-size: calc(var(--fs-sm, 18px) + 2px); font-weight: 700; padding-inline: 20px; margin: 30px 0 0 auto;}
:where(.order, .order :where(.wrapper, .content *)) {transition: var(--transition);}
.order .image {max-width:590px;}
.order .slick-dots {bottom:50px;}
.order	.slick-dots li button:before{content:'-';font-size:100px;color:white;line-height:unset;}
	/* addons */
.addons {padding-block: 55px; --_c-dark-900: #1f1f1f; background-color:#f4f9ff;}
.addons .container {max-width: 100%; padding-left: 0;}
.addons .wrapper {width: 100%; display: grid; grid-template-columns: 43% 50%; gap: 50px;}
.addons .image {width: 100%;}
.addons .image img {width: 100%; height: auto;}
.addons .content {max-width: 710px;}
.addons .content > :first-child {font-size: calc(var(--fs-xl, 36px) + 4px); margin-bottom: 10px;}
.addons .content p {color: var(--_c-dark-900); margin-bottom: 30px;}
.addons .content :where(h3, h4) {font-size: calc(var(--fs-xl, 36px) + 4px); color: var(--c-secondary); margin-bottom: 10px;}
.addons .content ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 6px;padding:0px; list-style:none}
.addons .content li {position: relative; width: fit-content; font-family: var(--ff-primary); padding-left: 25px;}
.addons .content li::before {position: absolute; top: 7px; left: 0; width: 15px; height: 11px; background: no-repeat center/cover url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/arrow.svg); content: '';}
.addons .content li:hover::before {left: 6px;}
:where(.addons, .addons :where(.wrapper, .image, .content, .content *)) {transition: var(--transition);}

/* perks */
.perks {padding-block: 40px; --_c-dark-800: #363636;}
.perks .head {text-align: center; margin-bottom: 50px;}
.perks .head :first-child {position: relative; font-size: calc(var(--fs-xl, 36px) + 4px); padding-bottom: 20px; margin-bottom: 15px;}
.perks .head :first-child::before {position: absolute; inset: auto 0 0; width: 150px; height: 2px; background-color: var(--c-secondary); margin-inline: auto; content: '';}
.perks .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px 30px;}
.perks .item:hover img {filter: saturate(250%);}
.perks .item img {margin-bottom: 20px;}
.perks .item :nth-child(2) {display: block; font-size: calc(var(--fs-sm, 18px) + 2px); color: var(--_c-dark-800); margin-bottom: 10px;}
:where(.perks, .perks :where(.head, .head *, .wrapper, .item, .item *)) {transition: var(--transition);}

/* TESTIMONIALS */
.testimonials {padding-block: 40px 55px; background: no-repeat center/cover url('https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/webp/testimonial-bg.webp'); --_c-light-300: #bababa; --_c-light-500:#747474; --_fs-2xl: calc(var(--fs-xl, 36px) + 12px);}
.testimonials .head {display: block;  margin-bottom: 90px;text-align: center;}
.testimonials .head :first-child {font-family: var(--ff-secondary); font-size: var(--_fs-2xl);}
.testimonials .head :first-child * {display: block; font-size: var(--fs-sm, 18px); font-weight: 600; line-height: 1; text-transform: uppercase; color: var(--c-secondary); margin-bottom: 6px;}
.testimonials .head p {font-size: var(--fs-sm, 18px); color: var(--_c-light-500);}
.testimonials .head a {width: 160px; height: fit-content; font-family: var(--ff-secondary); font-size: var(--fs-base, 16px); font-weight: 700; color: var(--_c-light-500); background-color: #fff; text-align: center; border: 1px solid var(--_c-light-300); border-radius: 5px; padding-block: 10.5px; justify-self: end;}
.testimonials .wrapper::before {position: absolute; inset: -60px 0 auto; width: 54px; height: 46px; background: no-repeat center/contain url('https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/qoma-mark.svg'); margin-inline: auto; content: '';}
.testimonials .review {text-align: center;}
.testimonials .review p {max-width: 820px; margin-inline: auto;}
.testimonials .review > :nth-child(2) {display: block; font-family: var(--ff-secondary); font-size: var(--fs-md, 24px); font-weight: 600; color: var(--c-secondary); margin-top: 60px;} 
.testimonials .review ul {width: fit-content; display: flex; align-items: center; gap: 3px; padding: 0; margin-inline: auto;}
.testimonials .review ul li {list-style: none;}
.testimonials .slick-arrow {position: absolute; inset: 0 auto; background: none; padding: 0; border: none; margin-block: auto; z-index: 50;}
.testimonials .prev-btn {left: 0;}
.testimonials .next-btn {right: 0;}

/* OPTIONS */
.options {padding-block: 70px 50px; --_c-grey: #7a7a7a; --_c-light: #a2a2a2;}
		.options .wrapper {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 24px;}
		.options .content > :first-child {font-family: var(--ff-secondary); font-size: calc(var(--fs-xl, 36px) + 4px); font-weight: 700; margin-bottom: 8px;}
		.options .content > :first-child * {display: block; font-size: var(--fs-base, 16px); font-weight: 600; color: var(--_c-grey); margin-bottom: 8px;}
		.options .content :where(ul, ol) {display: flex; align-items: center; flex-wrap: wrap; gap: 20px 15px; margin-block: 40px 20px;}
		.options .content li {position: relative; width: calc(50% - 8px); list-style: none; padding-left: 30px;}
		.options .content li::before {position: absolute; top: 6px; left: 0; width: 13px; height: 13px; background-color: var(--c-secondary); border-radius: 50%; content: '';}
		.options .content li:hover::before {transform: scale(1.3);}
		.options .content li * {display: block;}
		.options .content li > :first-child {font-family: var(--ff-secondary); font-weight: 600;}
		.options .content li > :nth-child(2) {font-family: var(--ff-primary); color: var(--_c-light);}
		.options .content > a {display: block; width: fit-content;  font-family: var(--ff-primary); font-size: calc(var(--fs-sm, 18px) + 2px); font-weight: 700; background-color: var(--c-secondary); text-transform: uppercase; padding: 10px 20px; border-radius: 10px; color: #fff; margin: 40px 0 0 auto;}
		
		@media only screen and (max-width: 1200px) {
			.options .content :is(ul, ol) {margin-block: 30px 15px;}
		}
		
		@media only screen and (max-width: 991px) {
			.options {padding-block: 50px 40px;}
			.options .wrapper {grid-template-columns: 1fr; place-items: center;}
			.options .image {max-width: 420px;}
		}
		
		@media only screen and (max-width: 575px) {
			.options {padding-block: 40px 30px;}
			.options .content :is(ul, ol) {gap: 10px; margin-block: 12px;}
			.options .content li {width: calc(50% - 5px);}
			.options .content > a {margin-top: 20px;}
		}
		
		@media only screen and (max-width: 475px) {
			.options .content li {width: 100%;}
			.options .content > a {font-size: var(--fs-base); padding: 8px 12px;}
		}

/* FAQ */
.faq {padding-block: 30px 60px;}
.faq .container {max-width: 1600px;}
.faq .wrapper {display: grid; grid-template-columns: minmax(500px, 682px) minmax(400px, 510px); gap: 85px;}
.faq .content > :first-child {position: relative; font-size: calc(var(--fs-xl, 36px) - 1px); padding-bottom: 20px; margin-bottom: 20px;}
.faq .content > :first-child::before {position: absolute; bottom: 0; left: 0; width: 313px; height: 1px; background-color: var(--c-secondary); content: '';}
.faq .content .accordions {max-height: 380px;}
.faq .content .custom__scroll {padding-right: 0;}
.faq .content button {position: relative; width: 100%; display: block; font-family: var(--ff-secondary); font-size: var(--fs-xs, 14px); font-weight: 700; line-height: 1; color: #000; text-align: start; background:none; border:none; border-bottom: 1px solid rgba(0 0 0 / 0.125); padding: 10px 0 10px 10px;}
.faq .content button::before {position: absolute; inset: 0 auto 0 0; width: 6px; height: 7px; background: no-repeat center/cover url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/accordian-arrow.svg); margin-block: auto; content: '';}
.faq .content .panel[data-collapse="false"] {display: none;}
.faq .content .panel {transition: max-height 0.3s ease-out;will-change: max-height;}
.faq .content .panel p {font-family: var(--ff-primary); padding: 10px; line-height: 1.3; }
.faq .content .panel ul {margin-bottom: 20px;}
.faq .content .panel li {list-style: disc; list-style-position: inside;}
:where(.faq, .faq :where(.wrapper, .content, .content *)) {transition: var(--transition);}

/* MEDIA QUERIES */
@media only screen and (max-width: 1200px) {
.showcase-cat .product img {max-width:  180px;}
.quote::before, .quote::after,
.customization::before, .customization::after {content: none;}
.customization:where(::before, ::after) {content: none;}
.brand .content ul:nth-of-type(2) {align-items: flex-start; flex-direction: column;}
.ideas :is(.wrapper, .item) {gap: 20px;}
.discounts .content ul:nth-of-type(2) {padding-inline: 0;}
.addons .wrapper {grid-template-columns: 1fr;}
.addons .content {max-width: 900px; padding-inline: 15px;}
.testimonials .wrapper {gap: 20px;}
.faq .wrapper {gap: 50px;}
.order .image {max-width: 470px; margin-inline: auto;}
}
@media only screen and (max-width: 991px) {
#quote-btn {right: -36px; width: 110px; font-size: var(--fs-base, 16px);}
.showcase-cat .product {flex-direction: column; gap: 10px;}
.showcase-cat .product div {align-items: center; gap: 5px;}
.quote .wrapper {grid-template-columns: 1fr; gap: 50px;}
.quote .content {padding-left: 0;}
.brand .wrapper {grid-template-columns: 1fr; gap: 50px;}
.brand .content ul:nth-of-type(2) {flex-direction: row; gap: 30px;}
.brand .image {order: -1; max-width: 400px; margin-inline: auto;}
.features {padding-block: 25px;}
.features .wrapper {padding: 15px;}
.customization .wrapper {grid-template-columns: 1fr; gap: 50px;}
.customization .boxes {margin-inline: auto;}
.ideas .wrapper {grid-template-columns: repeat(2, 1fr); row-gap: 50px;}
.description .wrapper {gap: 20px;}
.discounts .wrapper {grid-template-columns: 1fr; gap: 50px;}
.discounts .image {max-width: 450px; margin-inline: auto;}
.discounts .content ul:nth-of-type(2) {padding-inline: 50px;}
.gallery .box:nth-of-type(1) {grid-row: 1/1; grid-column: 1/1;}
.modal img {max-width: 700px;}
.order .wrapper {display: block;}
.perks .wrapper {grid-template-columns: repeat(2, 1fr);}
.perks .item img {width: 100%;}
.testimonials .head {grid-template-columns: 1fr; gap: 15px;}
.testimonials .head :first-child {line-height: 1;}
.testimonials .wrapper {grid-template-columns: repeat(2, 1fr);}
.faq .wrapper {grid-template-columns: 1fr;}
.faq .image {max-width: 510px;}
}
@media only screen and (max-width: 767px) {
.showcase-cat .wrapper {grid-template-columns: repeat(2, 1fr);}
.showcase .title {margin-bottom: 20px;}
.brand {padding-block: 20px;}
.features ul {flex-wrap: wrap; row-gap: 20px;}
.features li {width: calc(50% - 20px);}
.customization {padding-block: 20px;}
.customization .product button {max-width: 160px; height: 40px;}
.ideas {padding-block: 65px;}
.description {padding-block: 25px;}
.description .wrapper {grid-template-columns: 1fr;}
.discounts {padding-block: 20px;}
.discounts .content ul:nth-of-type(2) {padding-inline: 0;}
.solution {padding-block: 15px;}
.solution .wrapper {padding: 30px;}
.gallery .wrapper {grid-template-columns: repeat(2, 1fr);}
.modal img {width: 100%;  max-width: 80%; height: auto;}
.order {padding-block: 15px 30px;}
.addons {padding-block: 30px;}
.addons .content ul {grid-template-columns: repeat(2, 1fr);}
.perks {padding-block: 30px;}
.perks .wrapper {gap: 20px 15px;}
.testimonials {padding-block: 30px;}
.testimonials .wrapper {gap: 10px;}
.faq {padding-block: 20px;}
}
@media only screen and (max-width: 575px) {
.brand .content ul:nth-of-type(1) li {width: 100%;}
.brand .content ul:nth-of-type(2) {flex-direction: column; gap: 10px;}
.customization .boxes {gap: 19px;}
.ideas .wrapper {grid-template-columns: 1fr;}
.description .wrapper {gap: 10px;}
.description .additional :nth-child(n+1) {width: 100%;}
.solution .wrapper {padding: 20px;}
.solution .content p {height: 95px;}
.testimonials .wrapper {grid-template-columns: 1fr;}
.testimonials .wrapper::before {top: -40px; width: 40px; height: 32px;}
.testimonials .slick-arrow {top: auto; bottom: 15px;}
.testimonials .slick-arrow img {width: 16px; height: 28px;}
img#bannerImg {width:100%; height:287px;}
.showcase-cat {padding-block:25px 20px;}
.showcase .product img {max-width: 100%; height: auto;}
.order .content div {padding: 10px;}
.showcase .product > :nth-child(3) {height: auto;}
.modal img {max-width: ;}
}
@media only screen and (max-width: 475px) {
#quote-btn {right: -32px; width: 100px; font-size: var(--fs-xs, 14px);}
.showcase-cat .wrapper {grid-template-columns: 1fr;}
.showcase .title {text-align: center;}
.quote .content ul {gap: 20px;}
.quote .content li {width: 100%;}
.brand .wrapper {gap: 30px;}
.brand .content > :is(:first-child, :nth-child(2)) {margin-bottom: 10px;}
.brand .content p {margin-bottom: 20px;}
.brand .content ul:nth-of-type(1) {gap: 10px; margin-bottom: 20px;}
.features .content > :first-child {margin-bottom: 10px;}
.features .content p {margin-bottom: 30px;}
.features ul {gap: 20px;}
.features li {width: 100%;}
.customization .wrapper {gap: 40px;}
.customization .boxes {grid-template-columns: 1fr; gap: 50px;}
.customization .product span {bottom: -17px;}
.customization .product:nth-child(even) {margin-block: 0;}
.customization .product img {width: 100%;}
.customization .content > :nth-child(2) {margin-bottom: 15px;}
.customization .content p {margin-bottom: 25px;}
.ideas .wrapper {gap: 30px;}
.description .additional {height: 137px;}
.discounts .wrapper {gap: 30px;}
.discounts .content > :is(:first-child, p) {margin-bottom: 15px;}
.discounts .content ul:nth-of-type(2) {flex-wrap: wrap; gap: 20px; margin-block: 25px 10px;}
.discounts .content ul:nth-of-type(2) li {width: calc(50% - 20px);}
.discounts .content > a {padding: 10px;}
.solution .content :first-child {margin-bottom: 10px;}
.gallery .head {margin-bottom: 20px;}
.gallery .head :first-child {margin-bottom: 10px;}
.gallery .wrapper {grid-template-columns: 1fr;}
.gallery .box img {width: 100%;}
.order .wrapper {gap: 30px;}
.order .content > :nth-child(2) {margin-bottom: 15px;}
.order .content p {margin-bottom: 10px;}
.order .content ul {margin-bottom: 30px; display: block;}
.order .content li {width: 100%; margin-bottom: 10px;}
.order .content > a {padding: 8px 10px;}
.addons .wrapper {gap: 30px;}
.addons .content ul {grid-template-columns: 1fr; gap: 10px;}
.addons .content p {margin-bottom: 15px;}
.perks .head {margin-bottom: 25px;}
.perks .head :first-child {padding-bottom: 15px; margin-bottom: 10px;}
.perks .wrapper {grid-template-columns: 1fr;}
.perks .item img {margin-bottom: 10px;}
.perks .item :nth-child(2) {margin-bottom: 5px;}
.testimonials .head {margin-bottom: 70px;}
.testimonials .head a {width: 140px; padding-block: 8px;}
.faq .wrapper {gap: 30px;}
.faq .content > :first-child {padding-bottom: 15px; margin-bottom: 10px;}
.faq .content > :first-child::before {max-width: 180px;}
.faq .content button {line-height: 24px; margin-bottom: 7px;}
.faq .content .panel {padding-block: 6px;}
}

	/* styles.css */
.banner_slider {position: relative;overflow: hidden;max-width:1920px;width: 100%;height: auto;margin-inline: auto;}
.banner_slide {display: none;width: 100%;height: auto;}
.banner_slider img {width:100%; height:610px; }
.banner_slide.active { display: block; }
.banner_slider button { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0); color: white; font-size: 2rem; padding: 10px; border: none; cursor: pointer; z-index: 10; }
.banner_slider button.prev {left: 10px;}
.banner_slider button.next {right: 10px;}
.banner_slider button:hover { background-color: rgba(0, 0, 0, 0.8);}
@media (max-width: 991px) { 
.banner_slider img { height:auto; }
button.prev {top:150px; left:10px;}
button.next {top:150px; right:10px;}
}@media (max-width: 575px) { 
button.prev {top:150px; left:10px;}
button.next {top:150px; right:10px;}
}