/* footer css */
.footer__main-box .footer__menu .elementor-nav-menu .menu-item {
    width: fit-content;
}

.footer__main-box .footer__social-list .elementor-social-icons-wrapper {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
}

.footer__main-box .footer-mail__box {
    max-width: 385px;
}

.footer__social-list .elementor-social-icon {
    color: var(--e-global-color-56929a9) !important;
}

.footer__social-list .elementor-social-icon:hover {
    color: var(--e-global-color-74b032b) !important;
}

.footer__main-box .footer__bottom-menu .elementor-nav-menu--main .elementor-nav-menu {
    column-gap:24px;
	justify-content:center;
	row-gap:15px;
}

/* blog archive css */
.post-count-wrapper:has(.view__wrapper.active) .product__list-view a svg,.product-category__box:has(.view__wrapper.active) .product__list-view a svg{
fill: var( --e-global-color-secondary) !important;
 color: var( --e-global-color-secondary) !important;
}

.post-count-wrapper:has(.view__wrapper.active) .product__grid-view a,.product-category__box:has(.view__wrapper.active) .product__grid-view a{
fill: var( --e-global-color-c5f57be);
color: var( --e-global-color-c5f57be) ;
}
.product__list-view a:focus,.product__list-view a:active,.product__grid-view a:focus,.product__grid-view a:active{
  background-color: unset !important;
	color:var( --e-global-color-secondary) !important;
	fill: var( --e-global-color-secondary) !important;
	border:none !important;
}
/* request a call back pop-up */
.request__form-box {
  .dialog-widget-content {
    margin: 20px 30px !important;

    .dialog-lightbox-message {
      width: 100% !important;
      max-width: 640px !important;
      max-height: 90dvh !important;

      .custom-popup-close a:focus {
        background-color: none;
      }
    }
  }
}

/* product loop css  */
.product__card {
    height: 100%;

    .product__img {
        img {
            aspect-ratio: 1/1;
            transition: .5s;
            object-fit: contain;
            -webkit-user-drag: none;
        }

        .product--hover {
            opacity: 0;

        }
    }

    .product__content-card {
        .elementor-heading-title {
            transition: .5s;
        }

        .product__content-btn {
            transition: all 0.15s cubic-bezier(.4, 0, .2, 1);
        }

        .product__content-disc {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
    }

    &:hover {
        text-decoration: none !important;

        .product__img {
            img {
                scale: 1.1;
            }

            .product--hover {
                opacity: 0;
                z-index: 9;
            }
        }

        .product__content-card {
            .elementor-heading-title {
                color: var(--e-global-color-4d5de1c) !important;
            }

            .product__content-btn {
                gap: 8px;
            }
        }
    }
}

/* blog loop css */
.blog-loop__card {
    transition: all 0.15s cubic-bezier(.4, 0, .2, 1);

    .blog-loop__img-box {
        .blog-loop__img {
            img {
                aspect-ratio: 16/9;
                object-fit: cover;
                transition: 0.5s;
            }
        }
    }

    .blog-loop__content-box {
        .blog-loop__heading {
            .elementor-heading-title {
                transition: all 0.15s cubic-bezier(.4, 0, .2, 1);
            }
        }
    }

    &:hover {
        .blog-loop__img-box {
            .blog-loop__img {
                img {
                    scale: 1.05;
                }
            }
        }

        .blog-loop__content-box {
            .blog-loop__heading {
                .elementor-heading-title {
                    color: var(--e-global-color-4d5de1c) !important;
                }
            }
        }
    }
}

@media(max-width:991px) {

    /* footer css */
/*     .footer__main-box .footer__bottom-menu .elementor-nav-menu--main .elementor-nav-menu {
        flex-wrap: nowrap;
    } */

    .footer__main-box .footer__bottom-menu .elementor-nav-menu--main .elementor-nav-menu .menu-item .elementor-item {
        white-space: unset;
    }
}

@media(max-width:767px) {

    /* footer css */
    .footer__main-box .footer-mail__box {
        max-width: 100%;
    }
}

@media(max-width:567px) {

    .footer-mail__box .elementor-field-type-email,
    .footer-mail__box .elementor-field-group {
        width: 100%;
    }
}