:root { --theme-color: #84cb33; --theme-color2: #ffcc29; --theme-color3: #b89320; --title-color: #17280a; --body-color: #3d5c18; --smoke-color: #fffaea; --smoke-color2: #fff0b8; --black-color: #17280a; --black-color2: #1e2f0c; --gray-color: #17280a; --gray-color2: #e3d38f; --white-color: #fffaea; --light-color: #e3d38f; --yellow-color: #ffcc29; --success-color: #84cb33; --error-color: #8a6a0a; --th-border-color: #e3d38f; --th-border-color2: #3d5c18; --dark-color: #17280a; --title-font: "Laila", serif; --body-font: "Laila", serif; --icon-font: "Font Awesome 6 Pro"; --main-container: 1620px; --container-gutters: 30px; --section-space: 120px; --section-space-mobile: 80px; --section-title-space: 60px; --ripple-ani-duration: 5s; }
html, body { scroll-behavior: auto !important; }
body { font-family: var(--body-font); font-size: 16px; font-weight: 400; color: var(--body-color); line-height: 26px; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; }
.slick-slide:focus, button:focus, a:focus, a:active, .lang-menu a.nice-select.open, a.nice-select.open, input, input:hover, input:focus, input:active, .lang-menu input.nice-select.open, input.nice-select.open, textarea, textarea:hover, textarea:focus, textarea:active, .lang-menu textarea.nice-select.open, textarea.nice-select.open { outline: none; }
input:focus { outline: none; box-shadow: none; }
img:not([draggable]), embed, object, video { max-width: 100%; height: auto; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
a { color: var(--theme-color); text-decoration: none; outline: 0px; transition: 0.4s; }
a:hover { color: var(--title-color); }
a:active, .lang-menu a.nice-select.open, a.nice-select.open, a:focus, a:hover, a:visited { text-decoration: none; outline: 0px; }
button { transition: 0.4s; }
img { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; max-width: 100%; }
span.ajax-loader:empty, p:empty { display: none; }
p { margin: 0px 0px 18px; color: var(--body-color); font-size: 16px; line-height: 1.7; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; }
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { font-family: var(--title-font); color: var(--title-color); text-transform: none; font-weight: 700; line-height: 1.2; margin: 0px 0px 15px; }
.h1, h1 { font-size: 46px; line-height: 1.15; }
.h2, h2 { font-size: 36px; line-height: 1.2; }
.h3, h3 { font-size: 28px; line-height: 1.3; }
.h4, h4 { font-size: 24px; line-height: 1.35; }
.h5, h5 { font-size: 20px; line-height: 1.4; }
.h6, h6 { font-size: 18px; line-height: 1.4; }
@media (min-width: 768px) and (max-width: 1199px) {
.h1, h1 { font-size: 36px; }
.h2, h2 { font-size: 28px; }
.h3, h3 { font-size: 24px; }
.h4, h4 { font-size: 21px; }
.h5, h5 { font-size: 19px; }
.h6, h6 { font-size: 17px; }
p { font-size: 16px; }
}
@media (max-width: 767px) {
.h1, h1 { font-size: 22px; }
.h2, h2 { font-size: 20px; }
.h3, h3 { font-size: 18px; font-weight: 800; }
.h4, h4 { font-size: 18px; font-weight: 700; }
.h5, h5 { font-size: 18px; font-weight: 600; }
.h6, h6 { font-size: 16px; }
p { font-size: 15px; }
}
.gallery { margin-bottom: 1.5em; width: 100%; }
@media (max-width: 1399px) {
:root { --main-container: 1250px; }
}
@media only screen and (min-width: 1300px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: calc(var(--main-container) + var(--container-gutters)); padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2); }
}
@media (min-width: 1300px) {
.row { --bs-gutter-x: 24px; }
}
.g-0 { --bs-gutter-y: 0; --bs-gutter-x: 0; }
select, .form-control, .form-select.nice-select, .form-select, .nice-select, textarea, input { height: 42px; padding: 0px 25px; border: 1px solid var(--th-border-color); color: var(--body-color); background-color: rgba(23, 40, 10, 0); border-radius: 8px; font-size: 16px; width: 100%; font-family: var(--body-font); transition: 0.4s ease-in-out; }
select:focus, .form-control:focus, .form-select.nice-select:focus, .form-select:focus, .nice-select:focus, textarea:focus, input:focus { outline: 0px; box-shadow: none; border-color: var(--theme-color); background-color: rgba(23, 40, 10, 0); }
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select.nice-select::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, .nice-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: var(--body-color); }
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select.nice-select::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, .nice-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: var(--body-color); }
select::placeholder, .form-control::placeholder, .form-select.nice-select::placeholder, .form-select::placeholder, .nice-select::placeholder, textarea::placeholder, input::placeholder { color: var(--body-color); }
.form-select, select { display: block; width: 100%; line-height: 1.5; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"); background-position: right 26px center; background-repeat: no-repeat; background-size: 16px 12px; appearance: none; cursor: pointer; }
textarea.form-control, textarea { min-height: 154px; padding-top: 16px; padding-bottom: 17px; background-color: rgba(23, 40, 10, 0); border-radius: 5px; }
option:checked, option:focus, option:hover { background-color: var(--theme-color); color: var(--white-color); }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
label { margin-bottom: 6px; margin-top: -0.3em; display: block; color: var(--gray-color); font-family: var(--body-font); font-size: 14px; font-weight: 500; }
textarea.is-invalid, select.is-invalid, input.is-invalid, .was-validated input:invalid { background-position: right calc(0.375em + 0.8875rem) center; background-image: none; border: 1px solid var(--error-color) !important; }
textarea.is-invalid:focus, select.is-invalid:focus, input.is-invalid:focus, .was-validated input:invalid:focus { outline: 0px; box-shadow: none; }
textarea.is-invalid { background-position: right calc(0.375em + 0.8875rem) top calc(0.375em + 0.5875rem); }
.form-messages { display: none; }
:root { --input-height: 42px; }
.nice-select .list:hover .option:not(:hover) { background-color: rgba(23, 40, 10, 0) !important; }
.th-btn { position: relative; z-index: 2; vertical-align: middle; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-transform: capitalize; text-align: center; background-color: var(--theme-color); color: var(--white-color); font-family: var(--title-font); font-size: 16px; font-weight: 600; line-height: 1; padding: 16px 26px; min-width: 145px; border-radius: 0px; transition: 1s cubic-bezier(0.05, 0.83, 0.43, 0.96); overflow: hidden; display: inline-block; }
.th-btn::before { content: ""; position: absolute; height: 100%; top: 0px; left: 0px; width: 0%; background-color: var(--white-color); z-index: -1; transition: 0.4s; }
.th-btn:hover, .th-btn.active { color: var(--white-color); box-shadow: none; }
.th-btn:hover::before, .th-btn.active::before { width: 100%; background-color: var(--theme-color); color: var(--white-color); }
.th-btn.pill { border-radius: 35px; }
.th-btn.pill::before { border-radius: 35px; }
.icon-btn { display: inline-block; width: var(--btn-size, 56px); height: var(--btn-size, 56px); line-height: var(--btn-size, 54px); font-size: var(--btn-font-size, 18px); color: var(--title-color); text-align: center; border-radius: 0px; border: 1px solid var(--th-border-color); transition: 0.4s ease-in-out; position: relative; background-color: rgba(23, 40, 10, 0); }
.icon-btn:hover { background-color: var(--theme-color); color: var(--white-color); border-color: var(--theme-color); }
.scroll-top { position: fixed; right: 30px; bottom: 30px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50px; z-index: 10000; opacity: 1; visibility: hidden; transform: translateY(45px); transition: 300ms linear; }
.scroll-top::after { content: ""; font-family: var(--icon-font); position: absolute; text-align: center; line-height: 50px; font-size: 20px; color: var(--theme-color); left: 0px; top: 0px; height: 50px; width: 50px; cursor: pointer; display: block; z-index: 1; border: 2px solid var(--theme-color); box-shadow: none; border-radius: 50%; }
.scroll-top svg { color: var(--theme-color); border-radius: 50%; background: var(--white-color); }
.scroll-top svg path { fill: none; }
.scroll-top .progress-circle path { stroke: var(--theme-color); stroke-width: 20px; box-sizing: border-box; transition: 400ms linear; }
.scroll-top.show { opacity: 1; visibility: visible; transform: translateY(0px); }
.sec-title { margin-top: -0.2em; }
.title-area:has(.sec-title) { margin-top: -0.7em; }
.sub-title { font-family: var(--body-font); color: var(--theme-color); margin-bottom: 9px; position: relative; margin-top: 4px; padding-top: 0px; letter-spacing: normal; font-size: 16px; font-weight: 600; display: inline-block; }
.sub-title .double-line::before, .sub-title::before, .sub-title .double-line::after, .sub-title::after { position: absolute; content: ""; height: 2px; transform: translate(100%, 0px); top: 50%; right: -10px; }
.sub-title .double-line::before, .sub-title .double-line::after { right: auto; left: -10px; transform: translate(-100%, 0px); }
.sub-title .double-line::after, .sub-title::after { margin-top: -5px; width: 12px; background-color: var(--title-color); }
.sub-title .double-line::before, .sub-title::before { width: 20px; background-color: var(--theme-color); }
.title-area { margin-bottom: calc(var(--section-title-space) - 2px); position: relative; z-index: 1; }
.title-area.mb-0 .sec-title { margin-bottom: -0.24em; }
.title-area .th-btn { margin-top: 20px; margin-bottom: 10px; }
.title-area.text-left .sub-title { margin-left: 31px; }
@media (max-width: 1199px) {
.sub-title { margin-bottom: 20px; }
.title-area, .sec-title { --section-title-space: 60px; }
}
@media (max-width: 991px) {
.title-area, .sec-title { --section-title-space: 50px; }
}
.shape-mockup-wrap { z-index: 2; position: relative; }
.shape-mockup { position: absolute; z-index: -1; pointer-events: none; }
.mfp-zoom-in .mfp-content { opacity: 0; transition: 0.4s; transform: scale(0.5); }
.mfp-zoom-in.mfp-bg { opacity: 0; transition: 0.4s; }
.mfp-zoom-in.mfp-ready .mfp-content { opacity: 1; transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.7; }
.mfp-zoom-in.mfp-removing .mfp-content { transform: scale(0.7); opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: var(--white-color); right: -1px; top: -51px; background: var(--theme-color); height: 44px; width: 50px; text-align: center; margin-bottom: 0px; padding-right: 0px; opacity: 1; transition: 0.4s; border-radius: 8px; }
.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover { background: var(--theme-color); }
.fw-semibold { font-weight: 600; }
.fw-bold { font-weight: 700; }
.text-theme { color: var(--theme-color) !important; }
.text-white { color: var(--white-color) !important; }
a.text-theme:hover, .text-reset:hover { text-decoration: underline; }
.fadeinup { opacity: 0; animation: 1.3s ease 0s 1 normal forwards running fadeinup; }
.wp-block-archives a:not(:hover) { color: inherit; }
blockquote, .wp-block-quote { font-size: 18px; line-height: 1.56; padding: 40px 50px 40px 60px; font-weight: 400; display: block; position: relative; background-color: rgba(23, 40, 10, 0); margin: 40px 0px 45px; color: var(--title-color); font-family: var(--title-font); font-style: italic; border-radius: 10px; border: 1px solid var(--th-border-color) !important; }
@media (max-width: 767px) {
blockquote, .wp-block-quote { padding: 30px; }
}
@media (max-width: 375px) {
blockquote, .wp-block-quote { padding: 22px; }
}
blockquote::before, .wp-block-quote::before { content: ""; position: absolute; top: -1px; left: -1px; height: 50px; width: 33px; background-color: var(--white-color); }
blockquote::after, .wp-block-quote::after { content: ""; position: absolute; top: -10px; left: 0px; height: 20px; width: 25px; background-color: var(--theme-color); clip-path: path("M 2.21945 18.2759 C 0.775335 16.6762 0 14.8819 0 11.9734 C 0 6.8553 3.44484 2.26804 8.45438 0 L 9.70641 2.01506 C 5.03057 4.65307 4.11643 8.07633 3.75189 10.2347 C 4.5048 9.82818 5.49044 9.68633 6.45645 9.77992 C 8.98576 10.0241 10.9795 12.1898 10.9795 14.8819 C 10.9795 16.2393 10.4625 17.5411 9.54219 18.5009 C 8.62192 19.4608 7.37376 20 6.07229 20 C 5.35256 19.9934 4.64126 19.8376 3.97981 19.5416 C 3.31836 19.2457 2.71996 18.8154 2.21945 18.2759 Z M 16.24 18.2759 C 14.7959 16.6762 14.0205 14.8819 14.0205 11.9734 C 14.0205 6.8553 17.4654 2.26804 22.4749 0 L 23.7269 2.01506 C 19.0511 4.65307 18.137 8.07633 17.7724 10.2347 C 18.5253 9.82818 19.511 9.68633 20.477 9.77992 C 23.0063 10.0241 25 12.1898 25 14.8819 C 25 16.2393 24.483 17.5411 23.5627 18.5009 C 22.6424 19.4608 21.3943 20 20.0928 20 C 19.3731 19.9934 18.6618 19.8376 18.0003 19.5416 C 17.3389 19.2457 16.7405 18.8154 16.24 18.2759 Z"); }
blockquote.is-large:not(.is-style-plain), blockquote.is-style-large:not(.is-style-plain), blockquote.style-left-icon, blockquote.has-text-align-right, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.style-left-icon, .wp-block-quote.has-text-align-right { padding: 40px; margin-bottom: 30px; }
.wp-block-column blockquote.style-left-icon, .wp-block-column blockquote.is-large:not(.is-style-plain), .wp-block-column blockquote.is-style-large:not(.is-style-plain), .wp-block-column blockquote.has-text-align-right, .wp-block-column .wp-block-quote.style-left-icon, .wp-block-column .wp-block-quote.is-large:not(.is-style-plain), .wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-column .wp-block-quote.has-text-align-right { padding: 40px 15px; }
@media (max-width: 575px) {
.wp-block-quote.is-large:not(.is-style-plain) p, .wp-block-quote.is-style-large:not(.is-style-plain) p { font-size: 1.2em; }
}
.hero-title { font-size: 80px; font-weight: 700; margin-bottom: 45px; margin-top: -0.2em; color: var(--white-color); line-height: 1.1; }
@media (max-width: 1399px) {
.hero-title { font-size: 75px; }
}
@media (max-width: 575px) {
.hero-title { font-size: 55px; }
}
@media (max-width: 1500px) {
.hero-title { font-size: 65px; }
}
@media (max-width: 1399px) {
.hero-title { font-size: 55px; }
}
.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open { z-index: 1111; }
.rating-select p.stars.selected a:not(.active)::before { content: ""; font-weight: 700; }
.mfp-content { margin: 1.5rem auto; }
.mfp-content .product-details-img { padding-top: 15px; }
.mfp-content .product-about { padding-top: 20px; padding-bottom: 20px; }
.mfp-content .container { position: relative; }
.mfp-content .product-big-img { margin-top: 12px; margin-bottom: 12px; }
.mfp-fade.mfp-bg { opacity: 0; transition: 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: 0.4s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.contact-form select, .form-control, .form-select, textarea, input { height: 42px; }
.contact-from-1-wrap .contact-form select, .contact-from-1-wrap .form-control, .contact-from-1-wrap .form-select, .contact-from-1-wrap textarea, input { height: 56px; border: 0px; }
.img-box1.about-1 { position: relative; display: flex; gap: 24px; }
.img-box1.about-1 img { border-radius: 24px; }
.img-box1.about-1 .about-left { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: end; gap: 24px; }
.img-box1.about-1 .about-left .img-box.small { max-width: 172px; max-height: 172px; margin-left: auto; }
.img-box1.about-1 .about-left .img-box.small img { width: 100%; height: 100%; object-fit: cover; }
.img-box1.about-1 .about-right { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; -webkit-box-pack: end; justify-content: end; }
.img-box1.about-1 .about-right .img-box.small { max-height: 172px; max-width: 172px; }
.img-box1.about-1 .about-right .img-box.small img { width: 100%; height: 100%; object-fit: cover; }
.img-box1.about-1 .about-right .img-box.big { max-width: 250px; max-height: 262px; }
.img-box1.about-1 .about-right .img-box.big img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 375px) {
.img-box1.about-1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: start; }
.img-box1.about-1 .about-left { text-align: start; }
.img-box1.about-1 .about-left .img-box.small { max-height: 100%; max-width: 100%; }
.img-box1.about-1 .about-right .img-box.small { max-height: 100%; max-width: 100%; }
.img-box1.about-1 .about-right .img-box.big { max-height: 100%; max-width: 100%; }
.img-box1.about-1 img { width: 100%; }
}
.check-list li { color: var(--title-color); position: relative; display: flex; -webkit-box-align: center; align-items: center; gap: 10px; font-weight: 500; font-size: 18px; letter-spacing: 0.02em; padding-left: 40px; }
.check-list li:not(:last-child) { margin-bottom: 10px; }
.check-list li::before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJtSURBVHgBxVVLctpAEO0eqFQlK3KC4BOEDZDKJhIXML4BnAA4gaUToJwAHcG5QJA3KRsvwg2Mb0AWIZugzpsZGf0QWKlKpRdCaLrf65553UP0j43POYjT7eDnE5HqEMdtG8VbiiUianzh6G7zVwTifHCI99dwcZJPT3h/tIvyFpHvE8+IpDGuImoeBR905yTxFK9bEvKJ3gQcRdtCAm2iPZJgJCEBPg3pJRXIoL9AhiMEfqb4tVcEPmeGWMmEYnri6D5o5hd71xacfP5671FNw3lNcE4BMJCU8nMVmMNk/m7BVx7VMHGcFqlfc5Oc0A22dPxceUrg9pd4tnm5uqAaZsB5h1jqkPBMb0t2vWmd9IHFDthHVMPy4IKsV2HRR9mf34kC1C3VMb0tB/CH8EA86M9xnsOUQCk0Eq3PNU0++4wgMuB2UQDOlymBcAuPH2UQp2W3rwQ+BLCnpXxcELyBmi5SgipTuwUcH03jHcBByKT/byDlKZ2xpALRY+BdaTVWM9PJwlOQLGxye/xKi0S51bBmfZsSULzGo21UkTF9JlCGl5CMxO0uzWwS5VedV7KlekBGGYJXka1nd7RkQ4KnBeewqPW8YT7ZqJsDAUff1gZAaFKsIk2Nx7ZL2adTZoff7XOFzQyATyxLUj/hQLNSnA24OoVtpIutRiJXFQ7dQNyeyMA41jINnsR6px3dbliHxPQKZGxi3F5YXOeKbNBEpAk2KNfTI6SoGjtBdxNIHMJAo5qmK/fFiSvzI8b3fq7fkk8QgiSXD7dJ77VxFMyvBi6mu+gYzgsufXM1XhqJMluFCSqzvYPKHtb0P+0P89YnB0RKdrwAAAAASUVORK5CYII="); font-family: var(--icon-font); position: absolute; left: 0px; top: 0px; font-size: 32px; font-weight: 600; color: var(--theme-color); margin-right: 10px; }
.check-list li > i { color: var(--theme-color); margin-right: 5px; }
.accordion-card .accordion-button:not(.collapsed) { box-shadow: none; border-radius: 0px; position: relative; }
.accordion-card .accordion-button:not(.collapsed)::before { position: absolute; content: ""; bottom: 0px; width: 93%; height: 0px; background-color: var(--th-border-color); }
.accordion-card .accordion-button:not(.collapsed)::after { content: ""; transform: rotateX(180deg); color: var(--theme-color); }
.accordion-card:has(.show) { border-radius: 8px; }
.accordion-card:has(.show) .accordion-button { color: var(--title-color); }
.accordion-card:has(.show) .faq-text { color: var(--body-color); }
.pt-5 { padding-top: 5px; }
.pb-5 { padding-bottom: 5px; }
.mb-5 { margin-bottom: 5px; }
.space, .space-top { padding-top: 60px; }
.space, .space-bottom { padding-bottom: 60px; }
@media (max-width: 991px) {
.space, .space-top { padding-top: var(--section-space-mobile); }
.space, .space-bottom { padding-bottom: var(--section-space-mobile); }
}
.ptb-60 { padding: 60px 0px; }
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes fadeinup { 
  0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeinup { 
  0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-100% - var(--gap))); }
}
@keyframes scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-100% - var(--gap))); }
}