/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 30 2025 | 14:02:03 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --font-primary: "Open Sans", sans-serif;
    --grey-bg: #231F20;
    --white-color: #ffffff;
    --light-grey-color: #e9eff3;
    --light-grey-font: #777;
    --green-color: #81d742;
    --light-green-color: #60ae27;
    --black-color: #041e42;
    --dark-green-btn: #333333;
    --body-color: #777;
    --hover-green-color: #333333;
    --dark-grey-80: #707b86;
    --e-global-color-el_color_1: #81d742 !important;
    --blue-color: #009CDE;
}

*,
:before,
::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary) !important;
    font-weight: 400;
    color: var(--body-color);
}

ul li {
    list-style: none;
}

ul {
    margin: 0;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.d-flex-align-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pointer {
    cursor: pointer;
}

input:focus,
select:focus,
textarea:focus {
    outline: 0;
}

.transition-all {
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.pt-4 {
    padding-top: 16px;
}

.pt-20 {
    padding-top: 80px;
}

.mt-8 {
    margin-top: 16px;
}

.mt-0 {
    margin-top: 0;
}

.pb-12 {
    padding-bottom: 48px;
}

.py-12 {
    padding: 48px 0;
}

.py-4 {
    padding: 16px 0;
}

.mt-4 {
    margin-top: 16px;
}

.py-5 {
    padding: 20px 0;
}

.py-2 {
    padding: 8px 0;
}

.d-grid {
    display: grid;
}

.flex-col {
    flex-flow: column;
}

.gap-12 {
    gap: 48px;
}

.gap-2 {
    gap: 8px;
}

.gap-1 {
    gap: 4px;
}

.text-2xs {
    font-size: 11.232px;
}

.text-black {
    color: var(--black-color);
}

.font-light {
    font-weight: 300;
}

.font-bold {
    font-weight: 700;
}

.text-2xl {
    font-size: 22.784px;
}

.text-16 {
    font-size: 16px;
}

.text-lg {
    font-size: 20.256px;
}

.text-sm {
    font-size: 14.224px;
}

.mt-auto {
    margin-top: auto;
}

.flex-end {
    justify-content: end;
}

.space-between {
    justify-content: space-between;
}

.text-md {
    font-size: 18px;
}

.gap-8 {
    gap: 24px;
}

.default-color {
    color: var(--body-color);
}

.justify-content-center {
    justify-content: center;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.font-white {
    color: var(--white-color);
}

.text-xl {
    font-size: 22.784px;
    line-height: 1.5;
}

.lh-1-5 {
    line-height: 1.5;
}

.text-xs {
    font-size: 12.64px;
}

.gap-x-2 {
    column-gap: 8px;
}

.gap-x-12 {
    column-gap: 32px;
}

.gap-y-8 {
    row-gap: 32px;
}

.font-semibold {
    font-weight: 600;
}

.heading-2xl {
    font-size: 25.632px;
    line-height: 1.5;
    margin-bottom: 16px;
    font-family: var(--font-primary);
}

.text-center {
    text-align: center;
}

.mx-auto {
    margin: 0 auto;
}

.items-center {
    align-items: center;
}

.gap-4 {
    gap: 1rem;
}

.gap-x-0 {
    column-gap: 0;
}

.sub-title {
    font-size: 28.832px;
    line-height: 1.6;
    margin-bottom: 17.2992px;
    color: var(--body-color);
    font-weight: 300;
    font-family: var(--font-primary);
}

.mb-5 {
    margin-bottom: 20px;
}

.transition-colors {
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.mb-2 {
    margin-bottom: 8px;
}

.dark-grey-80 {
    color: var(--dark-grey-80);
}

.inline-block {
    display: inline-block;
}

.container-main,
.container,
.custom-breadcrumb {
    max-width: 1536px;
    margin: 0 auto;
    padding: 0 32px;
}

.header-main {
    position: sticky;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    background: #fff;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;

}

.header-main.sticky {
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.header-main.sticky .header-search-input {
    height: 40px;
}

.topbar {
    background: var(--grey-bg);
}

header.header-main.sticky .topbar-menu ul li {
    padding: 12px 24px;
}

.header-links {
    padding-top: 12px;
    position: relative;
}

.header-main.sticky .logo-container img {
    max-width: 240px;
}

.header-main .logo-container img {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-delay: 75ms;
}

.header-main.sticky .header-search-input button {
    padding: 12px 20px;
}


.topbar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topbar-menu ul li {
    padding: 12px 24px;
    border-right: 1px solid var(--white-color);
    display: flex;
    align-items: center;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .2s;
}

.topbar-menu ul li:hover,
.language-selector button:hover {
    background-color: var(--blue-color);
}

.topbar-menu ul li:first-child {
    border-left: 1px solid var(--white-color);
}

.custom-cart-icon .cart-count {
    background: var(--blue-color) !important;
}

.topbar-menu ul li a {
    font-size: 12.64px;
    letter-spacing: 0.316px;
    line-height: 1.25;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--white-color);
}

.language-selector button {
    display: flex;
    align-items: end;
    font-size: 12.64px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.316px;
    line-height: 1.25;
    text-align: center;
    padding: 8px 12px;
    color: var(--white-color);
    background: unset;
    border: none;
    gap: 8px;
    border-left: 1px solid var(--white-color);
    border-right: 1px solid var(--white-color);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .2s;
}

.language-selector button svg {
    width: 20px;
    height: 20px;
}

.logo-search-wrapper {
    display: flex;
    padding-top: 16px;
    gap: 24px;
}

.logo-search-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
    row-gap: 24px;
    width: 100%;
}

.logo-container {
    grid-column: span 3 / span 3;
}

.header-search-container {
    grid-column-start: 6;
    grid-column-end: 9;
    /* grid-column: span 3 / span 3; */
}

.header-search-input {
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    background: var(--light-grey-color);
    border-bottom: 1px solid #d7dadf;
    width: 100%;
    height: 40px;
    display: flex;
    color: var(--light-grey-font);
}

.header-search-input:hover {
    border-color: var(--light-green-color);
}

.header-search-input:hover button {
    color: var(--light-green-color);
}

.header-search-input button {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    opacity: .6;
    color: var(--light-grey-font);
    letter-spacing: 0.3556px;
    font-weight: 600;
    background-color: transparent;
    border: none;
    font-size: 14.224px;
    padding: 12px 20px;
    border-radius: 6px;
}

/* .header-search-input button .pi {
    font-size: 16px;
} */

.header-search-input input {
    background: transparent;
    outline: 0px solid var(--light-grey-color);
    border: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    color: var(--light-grey-font);
    line-height: 1;
    font-size: 14.224px;
    padding: 12px;
    flex: 1 1 0%;
    width: 100%;
    margin-left: -1px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    border: 0 !important;
}

.header-search-input input:focus {
    outline: 3px solid #60ae2780;
}


.header-search-input input::placeholder {
    color: #909aa2;
}

.header-contact-container {
    grid-column: span 4 / span 4;
    gap: 24px;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.header-contact-group a {
    font-size: 22.784px;
    color: var(--grey-bg);
}

.header-contact-group {
    display: flex;
    gap: 16px;
    align-items: center;
    position: relative;
}

.header-contact-container .hamburger-icon {
    display: none;
}

.header-contact-container .hamburger-icon {
    background: none;
    border: unset;
}

.header-contact-container .hamburger-icon span {
    font-size: 22.784px;
    color: #041e42;
}

.header-contact-group a:hover i {
    color: var(--grey-bg);
}

.header-links-container ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.header-links-container ul li a {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    color: var(--light-grey-font);
    font-weight: 600;
    font-size: 14.224px;
    padding: 12px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.3556px;
    border-bottom: 3px solid transparent;
}

.header-links-container ul li a:hover {
    background: unset;
    color: var(--hover-green-color);
}

.header-links-container ul li a i {
    margin-left: 6px;
    font-size: 11.232px;
    transition-duration: .2s;
    transition-property: transform, colors;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.header-links-container ul li a:hover i {
    transform: rotate(180deg);
}

.hamburger-close {
    display: none;
}

/* .contact-modal-wrapper {
    position: relative;
} */

.contact-modal-main {
    transition-duration: .2s;
    transition-delay: .1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    backdrop-filter: blur(12px);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    background: #fffffff2;
    border: 1px solid #d7dadf;
    border-bottom: 1px solid var(--light-green-color);
    border-radius: 2px;
    transform: translateY(-8px);
    width: 275px;
    top: 45px;
    right: 0;
    left: auto;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}

.contact-modal-wrapper.active .header-contact-modal i {
    transform: rotate(-12deg);
}

.contact-modal-wrapper.active .contact-modal-main {
    opacity: 1;
    visibility: visible;
    transform: translateY(-3px);
}

.contact-modal-main ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding: 12px 16px;
    line-height: 21px;
}

.contact-modal-main ul li:first-child a {
    color: var(--black-color);
    font-weight: 600;
    background: #e9eff3;
}

.contact-modal-main ul li:first-child a:hover {
    background: var(--light-green-color);
}

.contact-modal-main ul li:nth-child(2) a {
    color: var(--light-grey-font);
}

.contact-modal-main ul li:nth-child(2) a:hover {
    color: var(--black-color);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: var(--black-color);
}

/* FOOTER */


.dark-bg,
.main-footer {
    background: var(--grey-bg);
}

.footer-wrapper {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.footer-form-wrapper {
    grid-column: span 2 / span 2;
    gap: 32px;
    display: grid;
}

.footer-form-desc h6 {
    font-size: 16px;
    color: var(--white-color);
    margin-bottom: 16px;
}

.footer-form-desc p {
    font-size: 14.224px;
    color: #fff;
    line-height: 22px;
}

.footer-form .form-block {
    margin-bottom: 10px;
}

.footer-form .form-block p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: left;
}

.footer-form .form-block:first-child p {
    text-align: right;
}

.footer-form .form-block label {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.wpcf7-list-item {
    margin-left: 0 !important;
}

.wpcf7 form .wpcf7-response-output {
    background: var(--green-color) !important;
    border-color: var(--green-color) !important;
    margin: 0 !important;
}

.footer-form .form-block label span {
    color: #FF0000;
}

.main-footer .form-check span.wpcf7-list-item-label {
    color: #fff;
}

.footer-form .form-block input,
.footer-form .form-block select,
.footer-form .form-block textarea {
    width: 100%;
    border: #979797 1px solid !important;
    border-radius: 4px !important;
    color: #000;
    background: rgb(112 123 134);
    padding: 6.5px 8px !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
    font-family: var(--font-primary) !important;
}

.widget_search input[type=text].searchform-s,
.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select,
.wpcf7-number,
input[type=text]:not(.elementor-field):not(.searchform-s),
input[type=search]:not(.elementor-field),
input[type=tel]:not(.elementor-field),
input[type=url]:not(.elementor-field),
input[type=email]:not(.elementor-field),
input[type=number]:not(.elementor-field),
input[type=date]:not(.elementor-field),
input[type=range]:not(.elementor-field),
input[type=password]:not(.elementor-field),
select:not(.elementor-field):not(.elementor-field-textual),
textarea:not(.elementor-field) {
    font-size: 14px !important;
    line-height: normal;
}

.e-con-full,
.e-con-boxed {
    padding: 0 !important;
}

.footer-form .form-block input:focus {
    border-color: rgb(106 194 191);
}

.footer-form .form-check {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.footer-form .form-submit {
    margin-top: 22px;
}

.footer-form .form-submit input {
    background: var(--light-green-color);
    padding: 15.4px 32px !important;
    font-size: 14.224px !important;
    text-transform: uppercase !important;
    transition-duration: .2s !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    color: var(--white-color);
    border: none;
    letter-spacing: 0.3356px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    cursor: pointer;
    font-family: var(--font-primary) !important;
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-form .form-submit input:hover {
    background-color: #333;
}

.footer-links h6 {
    font-size: 16px;
    color: var(--white-color);
    font-weight: 600;
    margin-bottom: 24px;
    font-weight: 600;
}

.footer-links ul li a,
.footer-links p,
.footer-links p a {
    font-size: 14.224px;
    font-weight: 500;
    color: #fff;
}

.footer-links ul li a:hover,
.footer-links p a:hover {
    color: var(--green-color);
}

.footer-links ul li+li {
    margin-top: 2px;
}

.footer-links p {
    margin: 16px 0;
    line-height: 24px;
}

.footer-links p:nth-of-type(1) {
    margin-top: 0;
}

.footer-social {
    padding-top: 32px;
}

.footer-social ul {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

.footer-social ul li a {
    color: #fff;
    font-size: 33px;
}

.footer-social ul li a i {
    transition: .3s linear;
}

.footer-social ul li a i:hover {
    transform: translateY(-10px);
}

.footer-social ul li a svg {
    width: 34px;
}

/* .footer-social ul li a:hover {
    color: var(--light-green-color);
} */

.footer-center-part {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.footer-center-part img {
    transition-duration: .25s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.footer-center-part:hover img {
    transform: translate(0.8px, 0.8px) scale(0.8);
}

.footer-bottom-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    justify-content: center;
    align-items: center;
}

.footer-bottom-block p,
.footer-bottom-block ul li a {
    color: #fff;
    font-size: 14px;
}

.footer-bottom-block ul li a:hover {
    color: var(--green-color);
}

.footer-bottom-block ul {
    column-gap: 24px;
    row-gap: 4px;
    justify-content: center;
}

.footer-bottom-block.footer-payment-block ul {
    justify-content: end;
    column-gap: 16px;
}

.footer-bottom-block.footer-payment-block ul li img {
    max-width: 40px;
}


/* MEGA MENU */

.header-links-container ul li {
    position: relative;
}

.header-links-container .sub-menu {
    position: absolute;
    top: 100%;
    max-width: max-content;
    min-width: max-content;
    left: 0;
    z-index: 380;
    margin: 0px 0 0;
    background-color: #fff;
    background-position: bottom right;
    background-clip: border-box;
    background-repeat: no-repeat;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1);
    transform: translateY(15px) translateZ(0);
    display: block;
}

.header-links-container .menu-list li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: none;
}

.header-links-container .sub-menu li a {
    padding: 6px 0;
}

.header-links-container .sub-menu li a:hover {
    background: #fff;
    color: var(--green-color);
}

.header-links-container li:has(.submenu-grid) {
    position: unset;
}

.header-links-container li:has(.submenu-grid) .sub-menu {
    left: 0;
    max-width: unset;
    min-width: unset;
    width: 100%;
    padding: 20px;
}

.mega-menu-wrapper>ul {
    justify-content: space-between;
    align-items: flex-start;
}

.mega-menu-wrapper>ul li.menu-list-sub .submenu-grid ul {
    display: block;
}

.mega-menu-wrapper>ul li.menu-list-sub .submenu-grid h4 {
    margin-bottom: 10px;
    font-family: var(--font-primary);
    font-size: 16px;
    color: var(--light-grey-font);
    font-weight: 600;
}

.header-links-container ul li a b {
    font-weight: 600;
}

.header-links-container .sub-menu li a {
    font-weight: 400;
}

li.menu-list-sub.menu-list-with-img {
    width: 100%;
}

.submenu-grid:has(.sub-menu-grid-inner) {
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
}

.submenu-grid:has(.sub-menu-grid-inner) .left {
    width: 60%;
}

.submenu-grid:has(.sub-menu-grid-inner) .right {
    width: 30%;
}

.sub-menu-grid-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
}

.mega-menu-wrapper.container-main {
    max-width: 1365px;
}

.header-links-container li:not(.submenu-grid) .sub-menu {
    padding: 10px;
}

/* li.menu-list-sub.menu-list-with-img.menu-list-sub.menu-list-with-img-wrapper .left {
    width: 100%;
} */

.sub-menu-grid-inner-left {
    width: 20%;
}

.sub-menu-grid-inner-right {
    width: 80%;
}

li.menu-list-sub.menu-list-with-img.menu-list-sub.menu-list-with-img-wrapper .sub-menu-grid-inner {
    display: flex;
    gap: 20px;
}

.sub-menu-grid-inner-left {
    width: 15%;
}

.sub-menu-grid-inner-right {
    width: 75%;
}

li.menu-list-sub.menu-list-with-img.menu-list-sub.menu-list-with-img-wrapper .left {
    display: flex;
    flex-wrap: wrap;
}

.menu-list-sub.menu-list-with-img-wrapper-block {
    width: 50%;
    padding: 0 20px;
}

h4.border-heading {
    padding-bottom: 10px;
    border-bottom: 3px solid var(--green-color);
}

li.menu-list-sub.menu-list-with-img.menu-list-sub.menu-list-with-img-grid .left {
    width: 50%;
}

li.menu-list-sub.menu-list-with-img.menu-list-sub.menu-list-with-img-grid .right {
    width: 40%;
}

.menu-list-with-img-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.menu-list-with-img-grid-block {
    width: 50%;
    padding: 0 5px;
}

.menu-list-with-img-grid-block-inner {
    margin-bottom: 10px;
}

.header-login a {
    color: var(--grey-bg);
    font-family: var(--font-primary);
}

/* .header-login a:hover {
    color: var(--green-color);
} */

.mobile-menu-link {
    display: none;
}

.mobile-account-icon {
    display: none;
}


/* HOMEPAGE */

.home-branding-info p {
    color: var(--body-color);
}

.home-banner-img {
    position: relative;
}

/* .home-banner-img::before {
    position: absolute;
    content: '';
    background-color: #294B7A;
    opacity: 0.7;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    width: 100%;
    height: 100%;
    z-index: 1;
} */

.home-banner-main .owl-nav .owl-prev {
    left: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'><path transform='translate(40,0) scale(-1,1)' fill='%2381d742' d='m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z'/></svg>") !important;
    background-size: 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.home-banner-main .owl-nav .owl-next {
    right: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'><path fill='%2381d742' d='m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z'/></svg>") !important;
    background-size: 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.home-banner-main .owl-next {
    right: 20px;
}

.home-banner-main .owl-nav button {
    height: 40px;
    width: 40px;
    background: var(--white-color) !important;
    border: 1px solid var(--green-color) !important;
    opacity: 1;
}

.home-banner-main .owl-nav button.disabled {
    visibility: visible;
    opacity: 1;
}


.home-banner-img img {
    height: 100%;
    object-fit: fill;
    object-position: inherit;
    width: 100%;
}

.home-banner-main {
    position: relative;
}

.home-banner-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.home-banner-info .container-main {
    height: 100%;
}

.home-banner-content {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    max-width: 653px;
    position: absolute;
    left: 140px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

.home-banner-content h3 {
    font-size: 24px;
    color: var(--white-color);
    line-height: 1.5;
    margin-bottom: 16px;
    margin-top: 8px;
    font-weight: 300;
}

.home-banner-content h1 {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 20px;
    color: var(--white-color);
    font-weight: 300;
}

.home-banner-content p{
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
}

.home-banner-content .primary-btn{
    background: #fff;
    border: 1px solid #fff;
    color: var(--green-color);
    transition: all .4s ease-in-out;
}

.home-banner-content .primary-btn:hover{
    background: transparent;
    border: 1px solid #fff;
    color: var(--white-color);
    transition: all .4s ease-in-out;
}

.home-banner-content h2 {
    font-size: 30px;
    line-height: 1.3333333;
    margin-bottom: 32px;
    /* margin-top: 8px; */
    font-weight: 300;
    color: var(--white-color);
}

.primary-btn {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    color: var(--white-color);
    letter-spacing: 0.3556px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14.224px;
    padding: 13.5px 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--green-color);
    border: 1px solid transparent;
    border-radius: 6px;
    max-width: fit-content;
    line-height: 22px;
}

.dark-btn {
    background: var(--green-color);
}

.dark-btn:hover {
    background: var(--dark-green-btn);
    color: var(--white-color);
}

.home-about-sec-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.home-banner-img::after {
    content: '';
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    z-index: 0;
    display: none;
}

.home-about-sec-block {
    max-width: 380px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.home-about-sec-img img {
    width: 110px;
    height: 75px;
    object-fit: scale-down;
}

.home-about-sec-block:hover img {
    transform: scale(1) !important;
}

.home-branding-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.home-branding-img h2 {
    bottom: 16px;
    left: 12px;
    z-index: 3;
}

.home-branding-img {
    position: relative;
    padding-bottom: 65.55%;
    overflow: hidden;
}

.home-branding-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.product-grid-img img {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.home-branding-img img:hover,
.product-grid-img img:hover {
    -webkit-transform: scale3d(1.08, 1.08, 1);
    transform: scale3d(1.08, 1.08, 1);
}

.home-branding-img::before {
    position: absolute;
    content: '';
    background-color: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.home-branding-btn {
    margin-top: auto;
}

.arrow-btn {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: all;
    letter-spacing: 0.3556px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14.224px;
    color: var(--light-green-color);
    display: flex;
    align-items: center;
}

.arrow-btn i {
    margin-left: 16px;
}

.arrow-btn:hover {
    color: var(--hover-green-color);
}

.arrow-btn:hover i,
.home-branding-block:hover .arrow-btn i {
    margin-left: 24px;
}

.arrow-btn:hover i {
    margin-left: 24px !important;
}

.home-branding-info {
    height: 100%;
}

.home-branding-info:hover .arrow-btn i {
    margin-left: 16px;
}

.home-branding-block:hover .home-branding-info p {
    color: var(--black-color);
}

.home-branding-info:hover p {
    color: var(--body-color) !important;
}

.home-news-product-slider {
    position: relative;
}

.product-grid-block {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.product-grid-img {
    background-color: #f2f3f5;
    border-bottom: 1px solid #f2f3f5;
    height: 275px;
    position: relative;
    overflow: hidden;
}

.product-grid-img img {
    object-fit: scale-down !important;
    height: 100%;
    object-position: bottom;
}

.product-card img.attachment-woocommerce_thumbnail {
    object-fit: scale-down !important;
    height: 275px;
    object-position: center;
}

.product-grid-info {
    padding: 16px;
    row-gap: 16px;
}

.product-grid-top {
    justify-content: space-between;
}

.border-btn {
    padding: 8px 12px;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    color: var(--green-color);
    border: 1px solid var(--green-color);
    letter-spacing: 0.316px;
    font-weight: 600;
    font-size: 12.64px;
    border-radius: 6px;
    text-transform: uppercase;
    min-height: unset !important;
    line-height: normal;
}

.border-btn:hover {
    background: var(--green-color);
    color: var(--white-color);
}

.product-grid-block:hover .product-grid-top>.d-flex a {
    color: var(--light-green-color);
}

.product-buy-button {
    /* margin-top: auto; */
    margin-top: 16px;
}

.product-buy-button .border-btn {
    align-items: center;
}

.product-buy-button .border-btn .pi {
    margin-right: 8px;
}

.product-buy-button .border-btn span:nth-child(2) {
    margin: 0 auto;
}

.owl-prev,
.custom-related-slider .slick-prev {
    align-items: center;
    background-color: #ccc !important;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1;
    left: -20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path transform="translate(40,0) scale(-1,1)" d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 19px 19px !important;
}

.owl-next,
.custom-related-slider .slick-next {
    align-items: center;
    background: #ccc !important;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1;
    right: -20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 19px 19px !important;
}

.custom-related-slider .slick-prev:before,
.slick-next:before {
    content: unset !important;
}

.owl-nav button.disabled {
    opacity: 0;
    visibility: hidden;
}

.owl-nav button span {
    font-size: 0 !important;
}

.custom-related-slider .slick-next,
.custom-related-slider .slick-prev {
    width: 32px;
    z-index: 9999;
    height: 32px;
}

.product-tag {
    pointer-events: none;
    position: absolute;
    z-index: 999;
    top: 8px;
    left: -6px;
}

.product-tag span {
    background: linear-gradient(-135deg, transparent 22px, var(--body-color) 0) 100% 0, linear-gradient(-45deg, transparent 22px, var(--body-color) 0) 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 51.5%;
    color: var(--white-color);
    display: inline-block;
    font-size: 11.232px;
    font-style: italic;
    font-weight: 600;
    padding: 4px 40px 4px 12px;
}

.product-sheet-link {
    position: absolute;
    right: 12px;
    bottom: 12px;
    align-items: end;
}

.product-sheet-link a {
    text-decoration: underline;
}

.product-sheet-link a:hover {
    color: var(--light-green-color);
}

.product-sheet-link img {
    object-position: right;
    height: 27px;
}

.grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.home-video-section-img,
.news-article-image-wrapper {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}

.home-video-section-img img,
.home-video-section-img iframe,
.news-article-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-video-section-img iframe {
    display: none;
}


.home-video-section-info {
    max-width: 384px;
}

.home-video-section-info p {
    line-height: 1.8;
}

.text-decoration-link {
    text-decoration: underline;
}

.text-decoration-link:hover {
    color: #333;
    text-decoration: underline;
}

.video-play-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.video-play-btn svg {
    width: 70px;
    fill: #212121;
    transition-duration: .2s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.home-video-section-img:hover .video-play-btn svg {
    transform: scale(1.1);
    fill: red;
}

.news-article-wrapper {
    grid-template-columns: 1fr 2fr;
    gap: 24px;
}

.news-article-wrapper .news-article-info h3,
.news-article-wrapper .news-article-info p,
.ca-item .ca-title h2 {
    font-family: var(--font-primary);
}

.news-article-wrapper .news-article-info h3,
.ca-item .ca-title h2 {
    color: var(--black-color);
}


p {
    color: var(--body-color);
    font-size: 16px;
}

.news-article-wrapper:hover .news-article-info h3 {
    color: var(--light-green-color);
}

.news-article-wrapper:hover .arrow-btn {
    color: var(--hover-green-color);
}

.news-article-wrapper:hover .arrow-btn i {
    margin-left: 24px;
}

.home-news-section .light-btn:hover {
    background: #333;
    color: var(--white-color);
}

.home-news-section .light-btn {
    padding: 12px 32px;
}

.ca-item svg {
    transform: rotate(270deg);
}

.ca-item:hover .ca-title h2 {
    color: #60ae27;
}

.ca-item .ca-title svg {
    fill: var(--black-color);
}

.ca-item:hover .ca-title svg {
    fill: #60ae27;
}

.ca-item .ca-title {
    border-bottom: 1px solid #d1d5db;
    flex-wrap: nowrap;
}

.ca-item .ca-title.active h2 {
    color: var(--green-color);
}

.ca-item .ca-title.active svg {
    fill: var(--green-color);
    transform: none;
}

.ca-item .ca-title.active {
    border-color: var(--green-color);
}

.page-top {
    border-bottom: unset !important;
    background: var(--body-color);
    padding: 13px 0;
}

.page-top .page-title {
    display: none;
}

.page-top>.container {
    padding-top: 0;
    padding-bottom: 0;
}

.page-top ul.breadcrumb>li .delimiter:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d7dadf' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    right: 0;
}

.page-top ul.breadcrumb>li a,
.page-top ul.breadcrumb>li {
    font-size: 14px;
    color: #d7dadf;
    font-weight: 600;
    text-decoration-color: transparent;
    text-decoration-line: underline;
    text-underline-offset: 4px;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    text-transform: unset;
}

.page-top ul.breadcrumb>li:has(.delimiter) {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-top ul.breadcrumb>li a:hover,
.page-top ul.breadcrumb>li:hover {
    color: #fff;
    text-decoration-color: #fff;
}

.page-top ul.breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-nav li .sidebar-sub li.active a {
    color: #000;
    font-weight: 700;
}

.page-top ul.breadcrumb>li i.delimiter {
    margin-top: 1px;
}

.catalogue-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px;
    padding-top: 48px;
    row-gap: 48px;
}

.catalogue-block {
    width: 33.33%;
    padding: 0 24px;
    overflow: hidden;
}

.catalogue-block-info p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #777;
    font-family: var(--font-primary) "Open Sans", sans-serif !important;
    text-align: center;
}

.catalogue-block-info a.arrow-btn {
    justify-content: center;
}

.catalogue-block-inner:hover .catalogue-block-info p {
    color: var(--black-color);
}

.catalogue-block-inner:hover .catalogue-block-info a.arrow-btn {
    color: var(--hover-green-color);
}

.catalogue-block-inner:hover .catalogue-block-info a.arrow-btn i {
    margin-left: 24px;
}

.catelouges-request {
    padding: 48px 0;
    padding-bottom: 0;
}

.request-form-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px;
}

.request-form-left {
    width: 50%;
    padding: 0 24px;
}

.request-form-left h2 {
    font-size: 33px;
    margin-bottom: 33px;
    font-family: var(--font-primary);
}

a {
    color: #60ae27;
}

.request-form-left p {
    margin-bottom: 20px;
}

.request-form-left-right {
    width: 50%;
    padding: 0 24px;
}

.request-form-left-right .footer-form .form-block p,
.request-form-left-right .footer-form .form-block label,
.request-form-left-right .footer-form .form-check {
    color: #000;
}

.request-form-left-right .footer-form .form-block label {
    font-weight: 600;
    line-height: 22px;
}

.request-form-left-right .footer-form .form-block input,
.request-form-left-right .footer-form .form-block select,
.request-form-left-right .footer-form .form-block textarea {
    border-color: #979797;
    background: #fff;
}

.request-form-left-right .footer-form .form-block textarea {
    resize: none;
}

.request-form-left-right .footer-form .form-block select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.request-form-left-right .footer-form .form-submit input {
    padding: 14px 10px !important;
    background: var(--light-green-color);
    font-family: var(--font-primary) !important;
}

.footer-form .form-block input::-webkit-outer-spin-button,
.footer-form .form-block input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.footer-form .form-block input[type=number] {
    -moz-appearance: textfield;
}

.content ol,
.content ul {
    margin: 0 !important;
}

.tefcold-passion-wrapper .tefcold-passion-text.mt-0 {
    margin-top: 0;
}

.tefcold-passion-text-block+.tefcold-passion-text-block {
    margin-top: 30px;
}

.request-form-left p {
    font-size: 16px;
}

.contact-details-wrapper-block-part h2 {
    font-size: 28px;
    color: var(--body-color);
    font-family: var(--font-primary);
    margin-bottom: 20px;
    font-weight: 300;
}

.contact-details-wrapper-block-part p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: var(--body-color);
    font-family: var(--font-primary);
    margin-bottom: 20px;
    max-width: 310px;
}

.contact-details-wrapper-block-part p a,
.privacy-policy-wrapper p a {
    text-decoration: underline;
    color: var(--body-color);
}

.contact-details-wrapper-block-part p a:hover,
.privacy-policy-wrapper p a:hover {
    color: #333;
}

.contact-details-wrapper-block-part+.contact-details-wrapper-block-part {
    margin-top: 45px;
}

.contact-details-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 48px;
    row-gap: 20px;
}

.distributor-left-img {
    margin-bottom: 28px;
}

.catelouges-request.inner-request-section.contact-request-form {
    padding: 0;
}

.privacy-policy-main {
    padding: 48px 0;
    background: #fff;
}

.privacy-policy-wrapper p {
    font-size: 16px;
    margin: 20px 0;
    color: var(--body-color);
}

.privacy-policy-wrapper p strong {
    font-weight: 600;
}

.logo-container img {
    max-width: 240px;
}

p a:hover {
    color: var(--hover-green-color);
}

.woocommerce-MyAccount-navigation>ul li.is-active a,
.woocommerce-MyAccount-navigation>ul li.is-active a:hover {
    background: var(--green-color) !important;
    color: var(--white-color) !important;
}

.woocommerce-MyAccount-navigation>ul li a:hover,
.elementor-tab-title:hover .elementor-accordion-icon:not(.elementor-accordion-tab-icon),
.elementor-tab-title:hover .elementor-accordion-title,
.elementor-53741 .elementor-element.elementor-element-4dd42adb .the7-wc-catalog-ordering:hover .orderby,
.archive .dt-css-grid .wf-cell .product .woocommerce-Price-amount,
.filter-nav-item .filter-nav-item-container:hover .indicator .elementor-icon,
.filter-nav-item:not(.fix) .filter-nav-item-container:hover .name,
.filter-nav-item:not(.fix) .filter-nav-item-container:hover .count,
.archive .dt-css-grid .wf-cell .product .product-title a:hover {
    color: var(--green-color) !important;
}

span.woocommerce-Price-amount.amount {
    color: #000;
    font-weight: 600;
    font-size: 18px;
}

form.track_order .button,
form.lost_reset_password .button,
#customer_login>div .button,
.woocommerce-MyAccount-content .woocommerce-Button.button,
.woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-info a.button,
.wc-block-product-search .wc-block-product-search__button, .wp-block-search .wp-block-search__button, button.button, .cart-btn-below-img .woo-buttons a, a.button:not(.edd-submit) {
    box-shadow: none !important;
    border-color: var(--green-color) !important;
    background: var(--green-color);
}

form.track_order .button:hover,
form.lost_reset_password .button:hover,
#customer_login>div .button:hover,
.woocommerce-MyAccount-content .woocommerce-Button.button:hover,
.woocommerce-Button:hover,
.woocommerce-MyAccount-content .woocommerce-info a.button:hover,
.wc-block-product-search .wc-block-product-search__button:hover, .wp-block-search .wp-block-search__button:hover, button.button:hover, .cart-btn-below-img .woo-buttons a:hover, a.button:not(.edd-submit):hover {
    box-shadow: none !important;
    border-color: var(--hover-green-color) !important;
    background: var(--hover-green-color) !important;
}

.elementor-48172 .elementor-element.elementor-element-085c37c .the7-vr-options a:hover {
    border-color: var(--green-color) !important;
    color: var(--green-color) !important;
}

.elementor-48172 .elementor-element.elementor-element-085c37c .quantity button:hover,
#the7-body .the7-add-to-cart .quantity button.is-form:hover,
#the7-body .the7-add-to-cart .woocommerce-variation-add-to-cart .quantity button.is-form:hover {
    color: var(--green-color) !important;
    border-color: var(--green-color) !important;
}

a:hover {
    color: var(--hover-green-color);
}

.footer-bottom {
    border-top: 1px solid #d1d5db;
}

.elementor-tab-title:hover .elementor-accordion-icon:not(.elementor-accordion-tab-icon) svg,
.elementor-53741 .elementor-element.elementor-element-4dd42adb .the7-wc-catalog-ordering:hover,
.elementor-53741 .elementor-element.elementor-element-4dd42adb .the7-wc-catalog-ordering:hover svg,
.filter-nav-item .filter-nav-item-container:hover .indicator .elementor-icon svg {
    fill: var(--green-color) !important;
    color: var(--green-color) !important;
}

.filter-nav-item .filter-nav-item-container:hover .indicator {
    border-color: var(--green-color) !important;
}

.custom-related-slider .product-card {
    margin-left: 20px;
}

.home-branding-btn .mt-8 {
    margin-top: 10px;
}

.product-grid-top .d-flex a {
    width: 195px;
    line-height: 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.elementor-shortcode:has(.custom-breadcrumb) {
    background: var(--green-color);
    padding: 10px 0;
    position: relative;
    z-index: 9;
}

.custom-breadcrumb a , 
.custom-breadcrumb span,
.custom-breadcrumb {
    color: var(--white-color);
}

/* .elementor-top-section:has(.elementor-heading-title) {
    display: none !important;
} */

.home-branding-sec{
  padding: 60px 0;
}

/* home sec new */
.home-shop-sec{
  background: #f3f3f3;
}

.home_shop_sec_wrapper{
    display: flex;
    align-items: stretch;
    gap: 30px;
}

.home_shop_sec_wrapper .left{
  width: 65%;
  display: flex;
}

.home_shop_sec_wrapper .left ul{
  display: flex;
  align-items: stretch;
  width: 100%;
}

.home_shop_sec_wrapper .left ul li{
  display: flex;
  align-items: stretch;
  width: 100%;
}


.home_shop_sec_wrapper .left .shop_sec_inner{
  width: 100%;
}

.home_shop_sec_wrapper .right{
  width: 35%;
}

.home_shop_sec_wrapper .left .shop_sec_inner, .home_shop_sec_wrapper .right ul li .shop_sec_inner{
  background: var(--white-color);
  padding: 30px;
}

.shop_sec_inner .shop_inner_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.shop_sec_inner .shop_inner_content .left_shop_inner{
  width: 50%;
}

.shop_sec_inner .shop_inner_content .left_shop_inner p{
  margin-bottom: 16px;
}

.shop_sec_inner .shop_inner_content .left_shop_inner p .price{
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #231F20;
}

.shop_sec_inner .shop_inner_content .right_shop_inner{
  width: 40%;
}

.home_shop_sec_wrapper .right ul{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.home_shop_sec_wrapper .right ul .shop_sec_inner .shop_inner_content{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.home_shop_sec_wrapper .right ul .shop_sec_inner h2{
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 30px;
}

.home_shop_sec_wrapper .right ul .shop_sec_inner .shop_inner_content .left_shop_inner{
  width: auto;
}

.home_shop_sec_wrapper .right ul .shop_sec_inner .shop_inner_content .right_shop_inner{
  width: 30%;
}

/* Media */


@media (min-width:480px) {

    .container-main,
    .container,
    .custom-breadcrumb {
        max-width: 480px;
    }
}

@media (min-width:640px) {

    .container-main,
    .container {
        max-width: 640px;
    }

    .footer-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width:768px) {

    .container-main,
    .container,
    .custom-breadcrumb {
        max-width: 768px;
    }

    .home-branding-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .heading-2xl {
        font-size: 28.832px;
    }
}

@media (min-width:992px) {

    .container-main,
    .container,
    .custom-breadcrumb {
        max-width: 992px;
    }

    .home-about-sec-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-about-sec-block {
        max-width: max-content;
    }

    .gap-8 {
        gap: 32px;
    }

    .mt-8 {
        margin-top: 32px;
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width:1200px) {

    .container-main,
    .container,
    .custom-breadcrumb {
        max-width: 1200px;
        padding-left: 32px;
        padding-right: 32px;
    }

    .home-banner-img {
        height: auto;
    }

    .footer-wrapper {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .home-banner-content h3 {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 12px;
    }

    .home-banner-content h1 {
        font-size: 36px;
        line-height: 1.1111111;
        margin-bottom: 32px;
    }

    .home-banner-content h2 {
        font-size: 24px;
        line-height: 1.3333333;
        margin-bottom: 24px;
    }

    .text-2xl {
        font-size: 25.632px;
    }
}

@media (min-width:1536px) {

    .container-main,
    .container,
    .custom-breadcrumb {
        max-width: 1536px;
    }

    .home-banner-img {
        height: 100%;
    }

    .home-banner-content h3 {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 16px;
        margin-top: 8px;
        font-weight: 300;
    }

    .home-banner-content h1 {
        font-size: 48px;
        line-height: 1;
        margin-bottom: 40px;
        font-weight: 300;
    }

    .home-banner-content h2 {
        font-size: 30px;
        line-height: 1.3333333;
        margin-bottom: 32px;
        /* margin-top: 8px; */
        font-weight: 300;
    }

    .gap-x-12 {
        column-gap: 48px;
    }
}

@media (max-width:1399px) {

    .catalogue-block,
    .request-form-left,
    .request-form-left-right {
        padding: 0 12px;
    }

    .catalogue-grid,
    .request-form-wrapper {
        margin: 0 -12px;
    }

    .catalogue-grid {
        row-gap: 24px;
    }

    .header-links-container ul li a {
        padding: 12px 7px;
    }
}


@media (max-width:1199px) {
    .topbar {
        display: none;
    }

    .logo-container img {
        max-width: 145px;
    }

    .header-main.sticky .logo-container img {
        max-width: 145px;
    }

    .header-menu {
        border-top: 2px solid var(--light-green-color);
    }

    .logo-search-grid-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .header-search-container {
        width: 100%;
    }

    .logo-container {
        order: 1;
    }

    .header-search-container {
        order: 3;
        padding-bottom: 16px;
    }

    .header-contact-container {
        order: 2;
    }

    .header-contact-container .hamburger-icon {
        display: block;
    }

    .header-contact-container .header-contact-modal {
        display: none;
    }

    .header-links {
        padding-top: 0px;
        position: fixed;
        top: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
        right: 0;
        left: 0;
        background: #fff;
        height: 100vh;
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
        width: 320px;
        z-index: 999;
        overflow-y: auto;
    }

    .header-links.menu-open {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1;
    }

    .header-links-container ul {
        flex-flow: column;
        align-items: unset;
    }

    .header-links .container-main {
        padding: 0;
    }

    .hamburger-close {
        display: flex;
        justify-content: flex-end;
        padding-left: 16px;
        padding-right: 8px;
        padding-bottom: 8px;
        padding-top: 16px;
        /* border-bottom: 1px solid #f1f5f9; */
    }

    .hamburger-close button {
        background: transparent;
        border-radius: 50%;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .2s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        color: #6b7280;
        width: 32px;
        height: 32px;
        border: none;
    }

    .hamburger-close button:hover {
        background: #e5e7eb;
    }

    .header-links-container ul li a {
        justify-content: space-between;
        font-weight: 600;
        color: #041e42;
        border-top: 1px solid #f1f5f9;
        padding: 16px 12px;
    }

    .header-links-container ul li a i {
        font-size: 12.64px;
        transform: rotate(-90deg);
    }

    body.menu-active {
        overflow: hidden;
        position: relative;
    }

    body.menu-active::before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        background: #041e4266;
        z-index: 998;
    }

    .home-banner-img {
        height: auto;
    }

    .home-banner-content h3 {
        font-size: 18px;
        line-height: 1.5555556;
        margin-bottom: .4444444em;
    }

    .home-banner-content h1 {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 24px;
    }

    .home-banner-content h2 {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .container-main,
    .container,
    .custom-breadcrumb {
        padding: 0 24px;
    }

    .sub-title {
        font-size: 25.632px;
    }

    .catalogue-block {
        width: 50%;
    }

    .request-form-left,
    .request-form-left-right {
        padding: 0;
        width: 100%;
    }

    .request-form-wrapper {
        margin: 0;
        row-gap: 10px;
    }



    .header-links-container li.active>.sub-menu {
        position: unset;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .header-links-container li>.sub-menu {
        position: unset;
        width: 100%;
        padding: 0;
        max-width: 100%;
        display: none;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .header-links-container li:not(.submenu-grid) .sub-menu {
        padding: 0;
    }

    .header-links-container .sub-menu li a {
        padding: 16px 12px;
    }

    .header-links-container .menu-list li:hover .sub-menu {
        visibility: unset !important;
        opacity: unset !important;
        transform: unset !important;
        /* pointer-events: none !important; */
        transition: unset !important;
    }

    .mega-menu-wrapper>ul li.menu-list-sub .submenu-grid h4 {
        margin-bottom: 10px;
        margin-top: 10px;
        margin-right: 12px;
        margin-left: 12px;
    }

    .submenu-grid:has(.sub-menu-grid-inner) .left {
        width: 100%;
    }

    .submenu-grid:has(.sub-menu-grid-inner) .right {
        width: 100%;
        display: none;
    }

    .sub-menu-grid-inner {
        gap: 0;
        display: block;
    }

    .header-links-container ul li a:hover i {
        transform: rotate(-90deg);
    }

    .header-links-container ul li.active a:hover i {
        transform: none;
    }

    .menu-list-sub.menu-list-with-img-wrapper-block {
        padding: 0;
        width: 100%;
    }

    li.menu-list-sub.menu-list-with-img.menu-list-sub.menu-list-with-img-wrapper .sub-menu-grid-inner {
        display: block;
    }

    .sub-menu-grid-inner-left {
        display: none;
    }

    h4.border-heading {
        padding-bottom: 0;
        border-bottom: none;
    }

    li.menu-list-sub.menu-list-with-img.menu-list-sub.menu-list-with-img-grid .left {
        width: 100%;
    }

    .header-login {
        display: none;
    }

    .mobile-menu-link {
        display: block;
    }

    .mobile-account-icon {
        display: block;
    }

    .home-banner-content{
        left: 80px;
        max-width: 430px;
    }
}

@media (max-width:991px) {
    .footer-bottom-wrapper {
        display: flex;
        flex-flow: column;
        justify-content: unset;
        align-items: unset;
    }

    .footer-bottom-block:not(.footer-payment-block) ul {
        flex-flow: column;
        justify-content: unset;
        align-items: unset;
    }

    .main-footer {
        padding-top: 48px;
    }

    .footer-center-part {
        padding: 32px 0;
    }

    .footer-bottom-block.footer-payment-block ul {
        justify-content: flex-start;
    }

    .home-about-sec-wrapper.gap-12 {
        gap: 16px;
    }

    .py-12 {
        padding: 32px 0;
    }

    .home-video-section-info {
        max-width: unset;
    }

    .home-video-section-info:has(.text-decoration-link) {
        margin-top: 25px;
    }

    .sidebar-sticky {
        display: none;
    }

    .about_main_wrapper .right_content_wrapper {
        width: 100%;
        margin-top: 30px;
    }

    .tefcold-passion-text-block+.tefcold-passion-text-block {
        margin-top: 30px;
    }

    .about-heading {
        font-size: 28px;
    }

    .contact-details-wrapper-block-part+.contact-details-wrapper-block-part {
        margin-top: 30px;
    }

    .home-about-sec-img img {
        width: 60px;
        height: 50px;
    }
}

@media (max-width:767px) {
    .footer-form .form-submit input {
        width: 100%;
    }

    .product-grid-top {
        flex-flow: column;
    }

    .compare-product {
        max-width: 123px;
    }

    .compare-product .border-btn {
        justify-content: center;
    }

    .owl-next,
    .custom-related-slider .slick-next {
        right: -16px;
    }

    .owl-prev,
    .custom-related-slider .slick-prev {
        left: -16px;
    }

    .sub-title {
        font-size: 22.784px;
    }

    .catalogue-grid {
        margin: 0;
    }

    .catalogue-block {
        width: 100%;
        padding: 0;
    }

    .home-banner-img{
        height: 300px;
    }
}

@media (max-width:639px) {
    .footer-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .footer-form-wrapper {
        grid-column: 1;
    }

    .container-main,
    .container,
    .custom-breadcrumb {
        padding: 0 24px;
    }

    .news-article-wrapper {
        display: flex;
        flex-flow: column;
    }

    .owl-carousel .owl-item img{
        object-fit: cover;
        object-position: right;
    }

    .home-banner-img::after{
        display: block;
    }
}

@media (max-width:480px) {
    .home-banner-content p{
        max-width: 310px;
    }
}