/*
Theme Name: Dasho Child
Theme URI: http://example.com/twenty-twenty-three-child/
Description: Dasho Child Theme
Author: Naveen
Author URI: http://example.com
Template: dasho
Version: 1.0.0
*/

/* Add your custom styles here */

/* @font-face { */
/*   font-family: "Cako"; */
/* src: url("/wp-content/themes/dasho-child/assets/fonts/Cako-Black.woff2")format("woff2"), */
/*   src: url("/wp-content/themes/dasho-child/assets/fonts/Cako-Regular.woff2")format("woff2"); */
/*   font-weight: normal;
  font-style: normal;
  font-display: swap; */
/* } */

/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); */

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

:root {
    --active: 255, 255, 255;
    --fade: .18;
    --speed: .75s;
    --black: #000;
    --secondry-black: #252525;
    --white: #ffffff;
    --white-secondry: #f1f1f1;
    --gray: #979797;
    --gray-light: #5B5B5B;
    --light-gray: #F4EFE7;
    --drak: #0B0A0A;
    --red: #b3001b;
}

.qodef-m-text p {
    margin-bottom: 8px;
    line-height: 150%;
}

/* scroll Css - width */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--black);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--white);
    border-radius: 10px;
}

#masthead {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transform: translateY(0);
    transition: transform 0.5s ease-in-out;
}

.scrolled {
    background-color: rgb(0, 0, 0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/*on-scrill-animated-header*/
#masthead.myprefix-maybe-sticky {
    transform: translateY(-200px);
}

#masthead.myprefix-show {
    transform: translateY(0);
}

.myprefix-show .main-header {
    backdrop-filter: blur(16px);
    background-color: rgb(25 30 37 / 40%) !important;
    border-radius: 0 0 12px 12px;
}

.mobile-nav-menu .hfe-nav-menu-icon {
    padding: 0;
}

.mobile-nav-menu .menu-is-active:before {
    content: '';
    background: var(--black);
    height: 105vh;
    position: absolute;
    width: 100%;
    backdrop-filter: blur(10px);
    top: -120px;
}

.gtranslate_wrapper .gt_switcher .gt_option,
.gtranslate_wrapper .gt_switcher .gt_option a:hover {
    background: transparent !important;
}

.gtranslate_wrapper .gt_switcher .gt_option {
    position: absolute !important;
    border: none !important;
    text-align: center;
    top: 28px;
    padding-top: 4px;
}

.gtranslate_wrapper .gt_switcher .gt_option img {
    display: none !important;
}

.gtranslate_wrapper .gt_switcher .gt_selected a {
    padding: 10px 12px !important;
    border: none !important;
    width: auto !important;
}

.mobile-nav-menu .hfe-nav-menu {
    margin: 0 auto;
}

/*contact-page*/
.contact-form {
    margin: 0 auto;
    box-sizing: border-box;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border: 1px solid #dc3232;
    color: #dc3232;
    font-size: 12px;
    padding: 5px 10px;
    width: fit-content;
    line-height: normal;
    margin: 0 auto;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
    border-width: 1px;
    font-size: 12px;
    padding: 5px 10px;
    width: fit-content;
    line-height: normal;
    margin: 0 auto;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    width: 100%;
    padding: 15px 16px;
    font-size: 14px;
    border: 1px solid #F0F0F0;
    transition: border-color 0.3s ease;
    background: #FAFAFA;
    font-weight: 400;
}

.contact-form .row {
    display: flex;
    gap: 20px;
}

.social-icon a {
    color: var(--secondry-black);
    font-family: 'Public Sans';
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: var(--gray);
    font-family: 'Questrial';
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus {
    border-color: var(--gray);
    outline: none;
}

.contact-form textarea {
    height: 130px;
    resize: vertical;
}

.contact-form input[type="submit"] {
    background-color: var(--secondry-black);
    color: var(--light-gray);
    border: none;
    padding: 15px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 100%;
    font-weight: 700;
}

.contact-form .wpcf7-spinner {
    position: absolute;
    margin: 0;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.form-group .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -14px;
    font-size: 12px;
    line-height: 1;
}

.form-group .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.contact-right-col .wpcf7-response-output {
    margin-top: 20px;
    padding: 16px 20px;
    font-size: 15px;
    border: none;
    border-radius: 12px;
    background-color: var(--white-secondry);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    color: var(--gray);
    line-height: 1.6;
    text-align: left;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Show the message smoothly */
.contact-right-col .wpcf7-form.sent .wpcf7-response-output,
.contact-right-col .wpcf7-form.invalid .wpcf7-response-output,
.contact-right-col .wpcf7-form.failed .wpcf7-response-output {
    opacity: 1;
    transform: translateY(0);
}

/* ✅ Success */
.contact-right-col .wpcf7-form.sent .wpcf7-response-output::before {
    content: "✅";
    font-size: 20px;
    color: #1e7e34;
}

.contact-right-col .wpcf7-form.sent .wpcf7-response-output {
    background-color: var(--white);
    color: #1e7e34;
}

/* ❌ Error or Validation */
.contact-right-col .wpcf7-form.invalid .wpcf7-response-output::before,
.contact-right-col .wpcf7-form.failed .wpcf7-response-output::before {
    content: "❌";
    font-size: 20px;
    color: var(--red);
}

.contact-right-col .wpcf7-form.invalid .wpcf7-response-output,
.contact-right-col .wpcf7-form.failed .wpcf7-response-output {
    background-color: var(--white);
    color: var(--red);
}

/* =======feature-artical========*/
.feature-artical.elementor-element.e-flex.e-con.e-child .qodef-m-content {
    padding: 30px 20px;
}

.feature-artical>div .elementor-element,
.feature-artical .elementor-widget-container,
.feature-artical .qodef-shortcode,
.feature-artical .qodef-m-image,
.feature-artical .qodef-m-image img {
    height: 100%;
}

.feature-artical .qodef-shortcode,
.feature-artical .qodef-m-image,
.feature-artical .qodef-m-image img {
    width: 100%;
}

.cus-pera strong {
    color: #252525;
    font-weight: 700;
}

/*==header==*/
header .hfe-nav-menu {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 60px;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 100px 60px 0;
}

header .hfe-nav-menu::before {
    display: none;
}

/* header .hfe-nav-menu::before {
      content: "";
      position: absolute;
      background: url(/wp-content/uploads/2025/06/site-logo.png);
      left: 50%;
      right: auto;
      width: 100px;
      height: 100px;
      top: 6px;
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer;
      background-position: bottom;
      transform: translateX(-50%);
  } */
/* .hfe-flyout-container .hfe-nav-menu li.menu-item:not(:last-child ) {
      border-bottom: 1px solid var(--gray-light);
  } */
/* .hfe-flyout-container .hfe-nav-menu li.menu-item a {
      width: 100%;
      display: block;
      position: relative;
      padding: 32px 60px !important;
      counter-increment: step-counter;
  } */
/* .hfe-flyout-container .hfe-nav-menu li.menu-item a::after {
      content: "0" counter(step-counter) ". ";
      position: absolute;
      left: 0;
      font-weight: bold;
      color: var(--gray-light);
      font-size: 18px;
      opacity: 1 !important;
      top: 50%;
      transform: translateY(-50%);
  } */
/* .hfe-flyout-container .hfe-nav-menu li.menu-item:hover a::after,
  .hfe-flyout-container .hfe-nav-menu li.menu-item.current-menu-item a::after {
      color: var(--white);
  }
  .hfe-flyout-container .hfe-nav-menu li.menu-item a:hover::after {
      transform: translateY(-50%);
  }
  .hfe-flyout-container .hfe-nav-menu li.menu-item a:hover::before,
  .hfe-flyout-container .hfe-nav-menu li.menu-item.current-menu-item a::before{
      transform: translateY(-50%) rotate(-80deg);
  }
  .hfe-flyout-container .hfe-nav-menu li.menu-item a:hover::before,
  .hfe-flyout-container .hfe-nav-menu li.menu-item.current-menu-item a::before{
      filter: brightness(12);
  }
  .hfe-flyout-container .hfe-nav-menu li.menu-item:hover,
  .hfe-flyout-container .hfe-nav-menu li.menu-item.current-menu-item{
      border-color: var(--white);
  } */
/* .hfe-flyout-container .hfe-nav-menu li.menu-item a::before {
      content: "";
      position: absolute;
      right: 0;
      left: auto;
      width: 50px;
      height: 50px;
      top: 50%;
      background-image: url(/wp-content/uploads/2025/06/arrow-menu.svg);
      opacity: 1 !important;
      background-repeat: no-repeat;
      transition-duration: .5s;
      transform: translateY(-50%);
      background-size: contain;
      background-position: center;
  } */
.error404 header#masthead,
.page-id-65 header#masthead,
.page-id-9746 header#masthead {
    background: rgba(0, 0, 0);
}

.error404 footer#site-footer {
    background-color: var(--drak);
}

.error404 footer#site-footer img.custom-logo {
    width: 100px;
    object-fit: contain;
}

header nav {
    height: 100%;
}

header.scrolled img.hfe-site-logo-img {
    height: 60px;
}

header img.hfe-site-logo-img {
    height: 100px;
    transition: height 0.5s ease;
    object-fit: contain;
}

.hfe-flyout-wrapper .hfe-side.hfe-flyout-left {
    height: 100dvh;
    display: block;
    position: fixed;
    z-index: 999999;
    background-color: var(--black);
    transition: left 1s ease-in-out;
}

body:has(.hfe-side.hfe-flyout-show) {
    overflow: hidden;
}

/* header nav .hfe-nav-menu a {
      font-size: clamp(20px, 2.1vw, 40px) !important;
      font-family: 'Public Sans' !important;
      font-weight: 800 !important;
  } */
.hfe-flyout-content {
    width: 100%;
}

.hfe-nav-menu-icon svg {
    width: 44px;
    height: 44px;
}

/* header .hfe-nav-menu-icon {
      padding: 0;
  } */
.cus-social-icon .elementor-grid .elementor-grid-item:last-child svg {
    width: 20px;
}

.gt_option {
    width: 116px !important;
}

.gt_switcher {
    width: auto !important;
}

.gtranslate_wrapper .gt_switcher .gt_selected a {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Public Sans';
    font-size: 12px;
    font-weight: 500;
}

.gt_selected,
.gtranslate_wrapper .gt_switcher .gt_selected a:hover {
    position: relative;
    background: transparent !important;
}

.gtranslate_wrapper .gt_switcher .gt_selected a img {
    display: none;
}

.gt_selected::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/globel.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
}

.gtranslate_wrapper .gt_switcher .gt_selected a.open:after {
    transform: rotate(-180deg) !important;
    top: 35% !important;
}

.gtranslate_wrapper .gt_switcher .gt_selected a:after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2025/06/arrow.svg) !important;
    background-repeat: no-repeat !important;
    height: 8px !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    transition: all .8s !important;
    top: 50% !important;
}

a.hfe-menu-item,
.social-icon a {
    text-decoration: none;
    padding-bottom: 1px;
    position: relative;
    background-position: 100% 100%;
    background-image: linear-gradient(to right, var(--white), var(--light-gray));
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s cubic-bezier(.4, 0, .2, 1);
    display: inline-block !important;
}

.social-icon a {
    background-image: linear-gradient(to right, var(--black), var(--secondry-black));
}

a.hfe-menu-item:hover,
.social-icon a:hover {
    background-size: 100% 1px;
    background-position: 0 100%;
}

/*Animated-sec*/
.image-animated .sticky-section {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.image-animated {
    overflow: hidden;
}

/*Animated-text*/
.line-animation {
    display: inline-block;
    color: rgba(var(--active), var(--fade));
    -webkit-text-fill-color: rgba(var(--active), var(--fade));
    background-image: linear-gradient(to right, rgb(var(--active)) 0%, rgb(var(--active)) 100%);
    background-size: 0% 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: background-size var(--speed) ease-out;
}

.line-animation.fill {
    background-size: 100% 100%;
}

/*Images-text-animated*/
.section_sticky-vertical-slider {
    position: relative;
    height: 410vh;
}

.section_sticky-vertical-slider .vertical_slider-inner {
    min-height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.vh-sc-col {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100%;
    position: absolute;
}

.vh-sc-col.slide-active .vh-content {
    opacity: 1;
    visibility: visible;
}

.slide-up .vh-content {
    opacity: 1;
}

.vh-sc-col .vh-content {
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}

.vh-sc-col.slide-active .vh-image img {
    z-index: 6 !important;
}

.vh-image img {
    object-fit: contain;
    opacity: 1;
    z-index: 1;
    position: relative;
}

.vh-sc-col.active .vh-image img {
    z-index: 2;
}

.vh-sc-col.in-active .vh-image img {
    z-index: 3;
}

.vh-sc-col.slide-active .vh-image img {
    z-index: 6 !important;
}

.vertical_slider-inner .active .vh-content>*,
.vertical_slider-inner .slide-active .vh-image img {
    animation: slide-bottom-up 0.5s ease 0s 1 alternate forwards;
    -webkit-animation: slide-bottom-up 0.5s ease 0s 1 alternate forwards;
}

.vertical_slider-inner .slide-up .vh-content>*,
.vertical_slider-inner .slide-up .vh-image img {
    animation: slide-up-bottom 0.5s ease 0s 1 alternate forwards;
    -webkit-animation: slide-up-bottom 0.5s ease 0s 1 alternate forwards;
}

@keyframes slide-bottom-up {
    0% {
        transform: translateY(100vh);
        -webkit-transform: translateY(100vh);
        -moz-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        -o-transform: translateY(100vh);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slide-up-bottom {
    0% {
        transform: translateY(-100vh);
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

.nutrients-sec svg path {
    fill: var(--black);
}

.nutrients-sec .qodef-m-icon-holder svg {
    stroke: none;
}

.nutrients-sec .qodef-qi-info-cards:hover svg {
    transform: scale(1.2);
}

.nutrients-sec svg {
    transition: all .5s;
}

.cus-product img {
    width: 100%;
}

.cus-product {
    min-width: 47.5%;
    height: 100%;
}

.horizontal-slider {
    position: relative;
    height: 600vh;
}

.services_wrapper {
    position: sticky;
    overflow: hidden;
    top: 100px;
}

.italic {
    font-style: italic;
}

header .hfe-flyout-wrapper .hfe-side.hfe-flyout-left {
    width: 50% !important;
}

.blog-box>div {
    overflow: hidden;
}

.blog-box img {
    transition: all .5s;
    width: 100%;
}

.blog-box:hover img {
    transform: scale(1.1);
}

.hfe-flyout-close,
.hfe-flyout-close svg {
    margin: 0;
    right: 40px;
    top: 50px;
}

.hfe-flyout-close svg {
    position: static;
}

/*Faq-section*/
.faq-sec .ui-accordion-header:not(:first-child) {
    border-top: 1px solid #D4D4D4;
}

.faq-sec .qodef-e-content-inner p {
    font-family: 'Public Sans';
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 1.5rem;
}

/*Pravicy-policy*/
.pravicy-policy a {
    color: var(--secondry-black);
}

.pravicy-policy ul li {
    display: list-item !important;
}

.pravicy-policy ul {
    list-style-type: disc !important;
}

.cus-all-right a {
    color: var(--white);
    text-transform: math-auto;
}

/* product-cat*/
.product-cat .list-menu__item,
.highlight-slide-item.slick-slide {
    padding: 0 12px;
}

.list-meta-filter.no-slick {
    flex-wrap: wrap;
}

.product-cat .slick-list,
.product-cat .no-slick,
.highlight-slider .slick-list {
    margin: 0 -12px;
}

.product-cat button.slick-arrow,
.highlight-slider button.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    top: -42px;
    cursor: pointer;
}

.highlight-slider h3 {
    font-size: clamp(16px, 1.5vw, 20px);
    color: var(--e-global-color-primary);
    padding: 16px 0px 0;
    line-height: normal;
}

.product-cat button.slick-prev,
.highlight-slider button.slick-prev {
    right: 30px;
}

.highlight-slider button.slick-arrow svg,
.product-cat button.slick-arrow svg {
    width: 15px;
    height: 15px;
}

.highlight-slider button.slick-disabled,
.product-cat button.slick-disabled {
    cursor: not-allowed;
}

.highlight-slider button.slick-disabled svg,
.product-cat button.slick-disabled svg {
    opacity: .6;
}

.product-cat {
    display: block;
}

.product-cat .load-more-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
}

.product-cat .no-product {
    color: var(--e-global-color-primary);
    font-size: clamp(16px, 1.5vw, 22px);
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    font-weight: 600;
    font-family: "Public Sans", sans-serif;
}

.product-cat .load-more-wrapper button {
    background-color: #111;
    border: 1px solid #111;
    color: var(--white);
    font-size: 18px;
    padding: 9px 33px;
    line-height: 1.4;
}

.product-cat .load-more-wrapper button:hover {
    background: transparent;
    color: #111;
}

.product-cat #loader {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
}

.product-cat #loader::after {
    margin: 0;
}

.product-cat .meta-filter .logo-card {
    border: 1px solid #F0F0F0;
    display: flex;
}

.product-cat .meta-filter .logo-card img {
    height: auto;
    object-fit: contain;
}

.product-cat .cart-contnet h3 {
    font-size: clamp(16px, 1.5vw, 20px);
    color: var(--e-global-color-primary);
}

.product-cat .cart-contnet p {
    font-size: clamp(14px, 4vw, 16px);
}

.product-cat .meta-filter .list-menu__item a.link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.product-cat .meta-filter .list-menu__item.active a.link:after {
    display: block;
}

.product-cat .meta-filter .list-menu__item.active a.link .logo-card {
    border-color: var(--gray);
    background: #FAFAFA;
}

.product-cat .product-cat-meta {
    margin: 60px 0;
}

.product-cat li.list-menu__item {
    list-style: none;
}

.product-cat .container.e-con-inner {
    margin: 0 auto;
    max-width: 1600px;
    display: block;
}

.product-cat .meta-filter {
    padding-bottom: 20px;
}

.product-cat .meta-filter .meta-filter-title {
    color: var(--e-global-color-secondary);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
    letter-spacing: 1px;
    line-height: 1.4;
    white-space: normal;
}

.product-cat .product-cat-meta h1 {
    color: var(--e-global-color-primary);
    font-size: clamp(32px, 5vw, 60px);
    display: block;
    line-height: normal;
    padding-bottom: 12px;
}

.product-cat .taxonomy-description {
    font-size: clamp(16px, 1.5vw, 20px);
    letter-spacing: 0.64px;
    line-height: 24px;
    max-width: 800px;
}

.product-cat .category-name,
.product-cat .subheading {
    font-family: "Public Sans", Sans-serif;
    font-size: clamp(14px, 1.29vw, 18px);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    line-height: 22px;
}

.product-cat .media {
    display: flex;
    overflow: hidden;
}

.product-cat .cart-contnet {
    padding: 16px 0;
}

.product-cat .product-item:hover img {
    transform: scale(1.03);
}

.product-cat .product-item {
    width: calc(33.33% - 13.3px);
}

.product-cat .product-item img {
    transition: all .35s 0s ease-in-out;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/3;
    height: auto;
}

/* product-categories-sec-css */
.product-categories-grid .prod-card_info {
    font-size: clamp(16px, 1.5vw, 20px);
    color: var(--e-global-color-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 10px;
    margin: 0;
    line-height: normal;
}

.product-categories-grid .category-thumb {
    display: flex;
    overflow: hidden;
}

.product-categories-grid .category-item:hover img,
.highlight-slider .highlight-slide-item:hover img {
    transform: scale(1.03);
}

.product-categories-grid img,
.highlight-slider img {
    transition: all .35s 0s ease-in-out;
}

.product-categories-grid .category-item:hover svg {
    transform: translate(4px, -4px);
    transform: .3s animation-timing-function ease;
}

.product-categories-grid .category-item svg {
    transition: transform .3s ease;
}

.product-categories-grid {
    flex-wrap: wrap;
}

.product-categories-grid .category-item {
    width: calc(25% - 15px);
}

.cate-desc {
    font-family: "Questrial", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    color: #5B5B5B;
    text-align: left;
    padding: 0 10px;
}

/*  our collection */
.slider-width .slick-list.draggable {
    padding-inline: max(6rem, calc((100vw - var(--content-width)) / 2) - 12px);
}

.highlight-slider button.slick-prev {
    right: max(6rem, calc((100vw - var(--content-width)) / 2) - -40px);
}

.highlight-slider button.custom-next {
    right: max(3rem, calc((100vw - var(--content-width)) / 2) - 0px);
}

.slider-width .highlight-slider .slick-list {
    margin-inline: 0;
}

.slider-width {
    padding-inline: 0;
}

.highlight-slider button.slick-arrow svg {
    width: 20px;
    height: 20px;
}

.slider-width .slick-list.draggable .slick-track {
    margin-left: 0;
}

.slider-width .highlight-slider button.slick-arrow {
    top: -58px;
}



/*Media-Start*/
@media only screen and (min-width: 1500px) {
    .product-cat .product-item img {
        min-height: 560px;
    }

    @media only screen and (min-width: 1600px) {
        .highlight-slider.product-cat.slick-slider .slick-track {
            margin-left: 0;
        }
    }
}

@media (min-width:1025px) {
    .product-cat {
        padding-inline: 40px;
        padding-block: 200px 80px;
    }

    .highlight-slider.product-cat.slick-slider {
        padding: 0;
    }

    .feature-artical .qodef-m-image img {
        position: absolute;
        object-position: 100%;
        object-fit: cover;
        width: 100%;
    }

    .feature-artical.elementor-element.e-flex.e-con.e-child:has(.alcohol:hover) {
        grid-template-columns: 2fr 1fr 1fr;
    }

    .feature-artical.elementor-element.e-flex.e-con.e-child:has(.coal:hover) {
        grid-template-columns: 1fr 2fr 1fr;
    }

    .feature-artical.elementor-element.e-flex.e-con.e-child:has(.fertilizers:hover) {
        grid-template-columns: 1fr 1fr 2fr;
    }

    .feature-artical.elementor-element.e-flex.e-con.e-child {
        grid-template-columns: 1fr 1fr 1fr;
        display: grid;
        height: 590px;
        overflow: hidden;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
    }

    .feature-artical.elementor-element.e-flex.e-con.e-child>div {
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        overflow: hidden;
        transition: all 1s ease;
        height: 100%;
        max-height: fit-content;
        cursor: pointer;
        position: relative;
        min-height: 590px;
    }

    /*Image-grid */
    .image-grid .qodef-qi-banner {
        height: 100%;
    }

    .image-grid .qodef-m-image {
        height: 100%;
    }

    .image-grid img {
        height: 100%;
    }

    .hfe-flyout-close {
        top: 40px;
    }
}

@media (min-width:768) {
    .cus-product.e-flex.e-con.e-child {
        width: 40vw !important;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
    }
}

@media (max-width: 1799px) {
    .slider-width .slick-list.draggable {
        padding-inline: max(2rem, calc((100vw - var(--content-width)) / 2) - 12px);
    }

    .slider-width .e-con-inner {
        padding-left: 2rem;
    }
}

@media only screen and (max-width: 1200px) {
    .lines-container {
        top: 20%;
        left: 50%;
        transform: translateX(-50%);
        max-width: 1000px;
    }

    .lines-container p {
        font-size: 28px;
    }

    .product-cat .meta-filter .meta-filter-title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1024px) {
    .slider-width .slick-list.draggable {
        padding-inline: max(20px, calc((100vw - var(--content-width)) / 2) - 12px);
    }

    .slider-width .e-con-inner {
        padding-left: 20px;
    }

    .highlight-slider button.slick-prev {
        right: max(60px, calc((100vw - var(--content-width)) / 2) - -40px);
    }

    .highlight-slider button.custom-next {
        right: max(20px, calc((100vw - var(--content-width)) / 2) - 0px);
    }

    .highlight-slider button.slick-arrow svg {
        width: 16px;
        height: 16px;
    }

    .product-categories-grid .category-item {
        width: calc(50% - 10px);
    }

    .product-cat {
        padding-inline: 30px;
        padding-block: 120px 40px;
    }

    .highlight-slider.product-cat.slick-initialized.slick-slider {
        padding: 0;
    }

    .product-cat .product-cat-meta {
        margin: 10px 0 40px;
    }

    .product-cat .product-item {
        width: calc(50% - 10px);
    }

    /* .hfe-flyout-container .hfe-nav-menu li.menu-item a::before {
        width: 30px;
        height: 30px;
      } */
    .qodef-qi-item-showcase .qodef-m-items {
        left: 0;
        width: 100%;
    }

    .mobile-nav-menu .menu-is-active .hfe-nav-menu {
        padding: 0;
    }

    .mobile-nav-menu .menu-is-active {
        position: fixed !important;
        width: 100% !important;
        left: 0 !important;
        z-index: -1 !important;
    }

    header .lang-code {
        position: absolute;
        right: 60px;
    }

    .lang-code {
        max-width: 106px !important;
    }

    .gt_switcher {
        width: 140px !important;
    }

    /*   .hfe-flyout-wrapper .hfe-side.hfe-flyout-left{
            padding-top:20px;
    } */
    .image-grid .qodef-m-image,
    .image-grid .qodef-qi-banner {
        width: 100%;
    }

    .image-grid img {
        aspect-ratio: 1 / 0.5;
        object-fit: cover;
        display: flex !important;
        width: 100%;
    }

    .global-sec .image-wrap>div {
        transform: none;
    }

    header.scrolled img.hfe-site-logo-img {
        height: 50px;
    }

    header img.hfe-site-logo-img {
        height: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .lines-container p {
        font-size: 24px;
    }
}

@media (max-width:767px) {

    .product-categories-grid .prod-card_info,
    .cate-desc {
        padding: 8px 0px;
    }

    .product-cat .list-meta-filter {
        row-gap: 20px;
    }

    .product-cat div#products-grid {
        row-gap: 10px !important;
    }

    .product-cat {
        padding-inline: 20px;
        padding-block: 100px 30px;
    }

    .image-grid .qodef-m-content,
    .feature-artical .qodef-m-content {
        position: static;
        background: var(--black);
    }

    .image-grid .qodef-qi-banner {
        height: auto;
    }

    .feature-artical img {
        display: flex !important;
        aspect-ratio: 1 / 0.5;
    }

    .feature-artical .qodef-m-movement {
        transform: none !important;
    }

    .qodef-m-text-holder {
        opacity: 1 !important;
    }

    .image-grid .qodef-qi-banner.qodef-layout--standard .qodef-m-content {
        padding: 20px;
    }

    .image-animated .sticky-section {
        height: auto;
    }

    .description.type-subhead br {
        display: none;
    }

    .cus-product {
        min-width: 100%;
        height: auto;
    }

    .services_wrapper {
        position: static;
    }

    .horizontal-slider,
    .section_sticky-vertical-slider {
        height: auto;
    }

    .vh-sc-col {
        flex-direction: column-reverse;
        position: unset;
        height: unset;
        min-height: unset;
    }

    .vh-sc-col .vh-content {
        opacity: 1;
        visibility: visible;
        overflow: unset;
    }

    .section_sticky-vertical-slider .vertical_slider-inner {
        height: auto;
        position: unset;
        overflow: hidden;
    }

    .contact-form .row {
        flex-wrap: wrap;
        gap: 0;
    }

    .contact-form .form-group {
        width: 100%
    }

    .nutrients-sec .qodef-m-icon-holder,
    .nutrients-sec .qodef-m-content {
        text-align: center;
    }

    .error404 footer#site-footer img.custom-logo {
        width: 90px;
        height: auto;
    }

    .error404 .site-footer .footer-inner {
        flex-wrap: nowrap;
        align-items: center;
    }

    header .hfe-nav-menu {
        padding: 0px 20px;
        /* justify-content: center; */
    }

    /* .hfe-flyout-container .hfe-nav-menu li.menu-item a {
            padding:  30px 40px !important;
      } */
    .hfe-flyout-container .hfe-nav-menu li.menu-item {
        margin: 0 !important;
    }

    /* header .hfe-nav-menu::before {
          width: 85px;
          height: 80px;
          background-size: cover;
      }
      .hfe-flyout-close, .hfe-flyout-close svg {
          left: clamp(0px, 6vw, 180px);
      } */
    .faq-sec .qodef-e-content-inner p {
        font-size: 16px;
    }

    header .hfe-flyout-wrapper .hfe-side.hfe-flyout-left {
        width: 80% !important;
    }

    .slider-width .slick-list.draggable {
        padding-inline: max(12px, calc((100vw - var(--content-width)) / 2) - 12px);
    }

    .slider-width .e-con-inner {
        padding-left: 12px;
    }
}

@media (max-width:480px) {

    .product-categories-grid .category-item,
    .product-cat .product-item {
        width: 100%
    }
}