.header__section .header-search__bar {
  max-width: 448px !important;
  width: 100%;

  .e-search-submit {
    position: absolute;
    height: 100%;
    right: 0;
  }
}

.header__section .menu-item--box .mega-menu-description {
  font-style: normal !important;
}

.header__section .mega-custom-icon.mega-menu-link {
  padding: 12px !important;
  display: flex !important;
  gap: 15px !important;
  height: 100% !important;
}

.header__section .mega-custom-icon.mega-menu-link:hover {
  background-color: #f8f6f2 !important;
  border-radius: 12px !important;
}

.header__section .mega-custom-icon.mega-menu-link:hover .mega-menu-title {
  color: var(--e-global-color-f437705);
}

.header__section .mega-custom-icon.mega-menu-link::before {
  border-radius: 12px;
  margin: 0 !important;
  align-self: center !important;
}

.header__section .mega-menu-row .mega-sub-menu {
  display: flex !important;
  gap: 10px !important;
  height: 100% !important;

  /* @media(max-width:1024px) {
    margin-bottom: 10px !important;
  } */
}

.header__section .mega-site-mega__menu.mega-toggle-on > .mega-sub-menu {
  /* display: flex !important;
  flex-direction: column;
  gap: 15px;
  width: unset !important;
  min-width: 900px !important; */
  margin-top: 39px !important;

  @media (max-width: 1348px) {
    margin-top: 38px !important;
  }

  @media (max-width: 1227px) {
    margin-top: 37px !important;
  }

  @media (max-width: 1126px) {
    margin-top: 35px !important;
  }
  @media (max-width: 1024px) {
    margin-top: 0px !important;
  }
}

.header__section .mega-menu-item--box .mega-menu-description {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.header__section .mega-second-row.second-row {
  border-bottom: 1px solid #dadfe7 !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
}

.header__section .view-categories--cta a {
  display: flex !important;
  flex-direction: row-reverse;
  align-items: center !important;
  justify-content: flex-end;
  border: 1px solid transparent !important;
  line-height: 1 !important;
  text-transform: capitalize !important;
  width: fit-content !important;
}

.header__section .view-categories--cta a:before {
  margin: 0 0 0 11px !important;
}

.header__section .view-categories--cta a:hover {
  border-bottom: 1px solid !important;
}

/* header mobile */
.header__section #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
  top: 100%;
  transition:
    left 200ms ease-in-out,
    right 200ms ease-in-out,
    visibility 200ms ease-in-out;
}

.header__section .mega-close {
  display: none !important;
}

.header__section #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open:after {
  content: unset;
}

.header__section
  #mega-menu-wrap-menu-1
  .mega-menu-toggle.mega-menu-open
  + #mega-menu-menu-1 {
  position: absolute;
  top: 83px;
  gap: 18px;
  padding: 24px 25px;
}

.header__section .second-nav__bar {
  position: relative;
}

.header__section
  #mega-menu-wrap-menu-1
  .mega-menu-toggle
  .mega-toggle-block-1
  button.mega-toggle-standard {
  gap: 0px !important;
}

.header__section .elementor-element-ac36078,
.header__section .mobile__nav-menu,
.header__section .elementor-element-f930dd5,
.header__section .mega-menu-wrap,
.header__section .elementor-element-f930dd5 {
  position: unset !important;
}

/* mobile search bar style */
.mobile__search-bar {
  display: none;
}

/*input auto fill color style */
.mobile__search-bar input:focus {
  outline: none !important;
  border: none !important;
}

.header-search__bar input:focus {
  outline: none !important;
  border: 1px solid var(--e-global-color-secondary) !important;
}

/* Chrome, Edge, Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f8f6f2 inset !important;
  box-shadow: 0 0 0px 1000px #f8f6f2 inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* svg style */
.btn-svg--style:hover {
  svg {
    fill: none !important;
  }
}

/* product grid / list view css */
.view__wrapper.active .product__card,
.view__wrapper.active .blog-loop__card {
  flex-direction: row;
  align-items: center;
}

.view__wrapper.active .elementor-grid {
  grid-template-columns: repeat(1, 1fr);
}

.view__wrapper.active .product__img,
.view__wrapper.active .blog-loop__img-box,
.blog-loop__img {
  width: fit-content;
}

.view__wrapper.active .product__card img {
  width: 192px;
  height: 192px;
  object-fit: cover;
  border-radius: 12px 0 0 12px;
}

.view__wrapper.active .blog-loop__img img {
  height: 256px !important;
  width: 256px !important;
  object-fit: cover;
  border-radius: 12px 0 0 12px;
}

.view__wrapper.active .product__content-card,
.view__wrapper.active .blog-loop__content-box {
  flex: 1;
}

.product__grid-view a:focus svg,
.product__grid-view a:hover svg {
  fill: none !important;
}

/* catagories post equal height */

.view__wrapper .product__categories__box {
  height: 100%;
}

.view__wrapper .type-products {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.mobile_quote--btn {
  display: none !important;
}

.header__section .elementor-sticky--active {
  top: 0 !important;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: 0;
}

/* banner count */
.total-cat-count {
  .elementor-shortcode {
    font-size: var(--e-global-typography-6ef1d66-font-size);
    line-height: var(--e-global-typography-6ef1d66-line-height);
    color: var(--e-global-color-secondary) !important;
    font-weight: var(--e-global-typography-6ef1d66-font-weight);
  }
}

.header__section {
  .top-subscribe--btn {
    a {
      position: relative;
      padding-right: 15px;

      &::after {
        content: "\f105";
        top: 0;
        font-size: 11px !important;
        position: absolute;
        right: 0;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        color: var(--e-global-color-56929a9);
      }

      &:hover {
        &::after {
          transition: color 0.3s;
          color: var(--e-global-color-secondary);
        }
      }
    }
  }
}

@media screen and (min-width: 1200px) {
  .header__section
    #mega-menu-wrap-menu-1
    .mega-menu-toggle
    + #mega-menu-menu-1 {
    position: unset;
  }

  #mega-menu-wrap-menu-1
    #mega-menu-menu-1
    > li.mega-menu-item
    > a.mega-menu-link {
    color: #1d3658;
    border-radius: 6px;
    line-height: 20px;
    height: 20px;
    font-weight: 600 !important;
    padding: 0px;

    /* &:hover {
        color: var(--e-global-color-secondary);
    } */

    &:hover {
      text-decoration: none;
    }

    &:before,
    &:after {
      content: "";
      position: absolute;
      width: 0%;
      height: 2px;
      bottom: -2px;
      background: var(--e-global-color-primary);
    }

    &:before {
      left: 0;
    }

    &:after {
      right: 0;
      display: block;
      background: var(--e-global-color-primary);
      transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    &:hover:before {
      background: var(--e-global-color-primary);
      width: 100%;
      transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    &:hover:after {
      background: transparent;
      width: 100%;
      transition: 0s;
    }
  }
}

@media screen and (min-width: 1025px) {
  #mega-menu-menu-1 {
    position: unset;
  }

  .second-nav__bar .e-con-inner {
    position: relative;
  }

  .header__section .second-nav__bar {
    position: unset !important;
  }

  /*   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
    width: 73% !important;
    top: 82.33px;
    left: 50%;
    transform: translateX(-50%);
  } */

  /* .header__section #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
    position: unset;
  } */

  .elementor-element-88cec6c {
    position: unset;
  }
}

.logo-with-curve {
  max-width: 400px;
  width: 100%;
  @media (max-width: 500px) {
    max-width: unset;
    aspect-ratio: 1/1;
    min-height: unset;
  }
}

.about__choose__us__section {
  .choose__us__icon__box .choose__us__icon .elementor-icon svg {
    stroke: transparent !important;
    fill: var(--e-global-color-secondary);
  }

  .choose__us__icon__box:hover .choose__us__icon .elementor-icon svg {
    scale: 1.1;
    stroke: transparent !important;
    fill: var(--e-global-color-primary);
  }
}

@media (max-width: 1200px) {
  #mega-menu-wrap-menu-1 .mobile_quote--btn {
    display: block !important;
    padding-top: 18px !important;
    border-top: 1px solid #dadfe7 !important;

    a {
      background-color: var(--e-global-color-primary) !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      text-decoration: none !important;
      line-height: 20px;
      fill: var(--e-global-color-56929a9) !important;
      color: var(--e-global-color-56929a9) !important;
      border-style: none !important;
      border-radius: 6px 6px 6px 6px !important;
      padding: 20px 10px !important;

      display: flex !important;
      gap: 12px;
      align-items: center;
      justify-content: center;

      svg {
        height: 24px;
        width: 17px;
      }

      &:hover {
        background-color: #36537d !important;
        color: var(--e-global-color-56929a9) !important;
      }
    }
  }
}

@media (max-width: 1024px) {
  /* menu toggle */
  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    /* height: 36px;
    width: 36px; */
    color: var(--e-global-color-5cefa48);
    border-radius: 6px;
    margin-left: 6px;

    &:hover {
      background-color: var(--e-global-color-5cefa48);

      .mega-toggle-block-1 button.mega-toggle-standard:after {
        color: #1d3658;
      }
    }

    &:focus {
      background-color: var(--e-global-color-5cefa48);

      .mega-toggle-block-1 button.mega-toggle-standard:after {
        color: #1d3658;
      }
    }
  }

  .mega-toggle-block {
    margin: 0 !important;
    padding: 0 6px;
    border-radius: 6px;

    &::after {
      margin: 0 !important;
      color: unset !important;
      line-height: 36px;
    }
  }

  .header__section:has(.mobile__search-bar[style*="display: block"])
    #mega-menu-wrap-menu-1
    .mega-menu-toggle.mega-menu-open
    + #mega-menu-menu-1 {
    top: 138px;
  }

  .header__section .mega-menu-title {
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  .header__section .mega-custom-icon.mega-menu-link::before {
    border-radius: 4px !important;
  }

  .header__section .mega-menu-description,
  .header__section .menu-item--box .mega-menu-description {
    display: none !important;
  }

  .header__section .mega-site-mega__menu.mega-toggle-on > .mega-sub-menu {
    min-width: unset !important;
    width: 100% !important;
  }

  .header__section .mega-custom-icon.mega-menu-link {
    padding: 0px !important;
    gap: 15px !important;
  }

  .header__section .mega-custom-icon.mega-menu-link:hover {
    background-color: transparent !important;
    border-radius: 0 !important;
  }

  .site-mega__menu a {
    padding: 0px !important;
  }

  #mega-menu-wrap-menu-1
    #mega-menu-menu-1
    > li.mega-menu-megamenu
    > ul.mega-sub-menu {
    box-shadow: unset !important;
    padding: 20px 10px 0;
  }

  .header__section .mega-second-row.second-row {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (max-width: 768px) {
  .header__section
    .mega-site-mega__menu.mega-toggle-on
    .mega-menu-row
    .mega-sub-menu {
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .view__wrapper.active .product__img,
  .view__wrapper.active .blog-loop__img-box,
  .blog-loop__img {
    width: 100%;
  }

  .view__wrapper.active .product__card,
  .view__wrapper.active .blog-loop__card {
    flex-direction: column;
  }
}

.e-search-input-wrapper input {
  min-height: 25px !important;
  color: #fff !important;
  padding: 7px 27px 7px 12px !important;
}