:root {
    /* colors */
    --white: #ffffff;
    --white_20: rgb(255, 255, 255,.2);

    --black: #000000;
    --transparent: #00000000;
    
    --gray: #dddddd;
    --card-text: #757575;

    --input-border: #bbbbbb;

    --danger: #CA0000;
    --golden: #b18735;
    /* fonts */
    --inter-display: "Inter Display", sans-serif;
}

/* ==================== [ Our Client Section Start ] ==================== */
.our-client-parent { position: relative; }

.our-client-right-block { position: relative; max-width: 790px; width: 100%; display: flex; gap: 20px !important; flex-direction: row !important; justify-content: end !important; align-items: center; height: auto; overflow: visible !important; flex-wrap: nowrap !important; }

.our-client-right-block { 
    position: relative;
    height: 400px;
    overflow-x: visible;
    overflow-y: clip;

    /* Smooth gradient mask for modern browsers */
    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,       /* fully transparent */
        rgba(0,0,0,0.2) 10%,    /* start fading in */
        rgba(0,0,0,0.6) 18%,    /* mid fade */
        rgba(0,0,0,1) 25%,      /* fully visible */
        rgba(0,0,0,1) 75%,      /* keep visible */
        rgba(0,0,0,0.6) 82%,    /* start fading out */
        rgba(0,0,0,0.2) 90%,    /* near transparent */
        rgba(0,0,0,0) 100%      /* fully transparent bottom */
    );
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;

    /* For Firefox */
    mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0.2) 10%,
        rgba(0,0,0,0.6) 18%,
        rgba(0,0,0,1) 25%,
        rgba(0,0,0,1) 75%,
        rgba(0,0,0,0.6) 82%,
        rgba(0,0,0,0.2) 90%,
        rgba(0,0,0,0) 100%
    );
    mask-repeat: no-repeat;
    mask-size: cover;
    background: linear-gradient(135deg, #f9e6c220, #f2c9d620, #d8b8f020);
}

.our-client-right-block .elementor-widget-banner-slider-block:first-child { flex-grow: 2; }
.our-client-right-block .elementor-widget-banner-slider-block:last-child { flex-grow: 1; }

.our-client-right-block .portfolio-row { display: flex; align-items: center; gap: 20px; flex-direction: row; width: 100%; }
.our-client-right-block .portfolio-row .portfolio-col { max-width: 250px; width: 100%; }
.our-client-right-block .portfolio-row .portfolio-col .slider-image { padding: 30px; border: 1px solid rgba(255, 255, 255, 0.20); background-color: rgba(255,255,255,0.10); width: 100%; display: flex; align-items: center; justify-content: center; }

.our-client-right-block .elementor-widget-banner-slider-block:last-child .portfolio-row .portfolio-col:last-child { display: none; }

.our-client-right-block .portfolio-row .swiper-slide { margin-bottom: 20px !important; }

.our-client-right-block .elementor-widget-banner-slider-block { overflow: hidden; }
.our-client-right-block .elementor-widget-banner-slider-block .elementor-widget-container { display: flex; align-items: center; }


.our-client-right-block .portfolio-row .swiper-slide .slider-image { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }

.our-client-right-block .portfolio-row .swiper-slide:hover .slider-image { border-top-left-radius: 50px !important; }
.our-client-right-block .portfolio-row .swiper-slide:hover img { filter: brightness(0) saturate(100%) invert(77%) sepia(25%) saturate(785%) hue-rotate(290deg) brightness(92%) contrast(82%); }

.portfolio-wrap .swiper-container { height: 700px !important; }

/* make motion linear and smooth */
.portfolio-banner-1 .swiper-wrapper, .portfolio-banner-2 .swiper-wrapper { transition-timing-function: linear !important; }

.portfolio-banner-2 { transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; }
.portfolio-banner-2 .swiper-slide { transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; }
/* ==================== [ Our Client Section End ] ==================== */

/* ==================== [ Filter Section Start ] ==================== */
.custom-filters { display: flex; align-items: start; justify-content: space-between; gap: 30px; margin-bottom: 32px; }
.custom-filters >* { max-width: 560px; width: 100%; }

.custom-filters h4 { color: var(--white); font-family: var(--inter-display); font-size: 18px; text-transform: uppercase ; font-weight: 400; line-height: 150%; margin-block: 0 11px; }
.custom-filters .filter-select-block { display: flex; align-items: center; justify-content: space-between; gap: 20px; }

.custom-filters select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.4818 8.67521C18.7992 8.94128 18.8409 9.41432 18.5748 9.73178L14.1561 15.0039C13.043 16.332 10.9585 16.3321 9.84528 15.0039C9.8453 15.0039 9.84526 15.0039 9.84528 15.0039L5.42528 9.73187C5.15916 9.41445 5.20075 8.9414 5.51817 8.67528C5.83559 8.40916 6.30864 8.45075 6.57475 8.76817L10.9948 14.0402C11.5085 14.6531 12.4928 14.6532 13.0065 14.0403L17.4252 8.76825C17.6913 8.4508 18.1643 8.40914 18.4818 8.67521Z" fill="%23DDDDDD"/></svg>'); background-repeat: no-repeat; background-position: right 10px center; background-size: 24px; padding-right: 30px; border: 1px solid var(--input-border); padding: 11px 35px 11px 20px; font-family: var(--inter-display); font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; background-color: var(--transparent); flex-shrink: 1; }

.custom-filters select { color: var(--gray); }
.custom-filters select option { color: var(--black); }

.custom-filters .filter-select-block .product-availability-filter { max-width: 270px; }
.custom-filters .filter-select-block select { max-width: 125px; }

.product-filter-block { row-gap: 40px; }
.product-filter-block .title-price { display: flex; align-items: center; justify-content: space-between; gap: 30px; }

.product-filter-block .woocommerce-loop-product__title { margin-block: 0; position: relative; font-family: var(--inter-display); font-size: 26px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: uppercase; margin-block: 0;  }
.product-filter-block .woocommerce-loop-product__title::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; border-radius: 9999px; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; -o-border-radius: 9999px; background-color: var(--white); height: 2px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.product-filter-block .woocommerce-loop-product__title:hover::before { width: 100%; }

.product-filter-block .woocommerce-loop-product__title * { color: var(--white); }

.product-filter-block .sale-price * { color: var(--gray); font-family: var(--inter-display); font-size: 24px; font-style: normal; font-weight: 600; line-height: 150%; }
.product-filter-block .regular-price { padding: 2px 8px; background-color: var(--danger); margin-left: 20px; }
.product-filter-block .regular-price { color: var(--transparent); }
.product-filter-block .regular-price * { color: var(--white) !important; font-size: 24px; text-decoration: line-through; font-family: var(--inter-display); font-style: normal; font-weight: 600; line-height: 150%; }
.product-filter-block del { opacity: 1 !important; }

.product-filter-block .product-archive-loop-item { display: flex; flex-direction: column; gap: 24px; }
.product-filter-block .title-and-price-desc-block { display: flex; flex-direction: column; gap: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--white_20); }
.product-filter-block .short-description-wrap  { color: var(--card-text); font-family: var(--inter-display); font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; text-align: justify; }

.product-filter-block .size-wrap-block  { display: flex; align-items: center; justify-content: space-between; gap: 20px; }

.product-filter-block .size-title  { color: var(--white); font-family: var(--inter-display); font-size: 24px; font-style: normal; font-weight: 600; line-height: 150%; }
.product-filter-block .available-sizes-wrap { padding: 2px 10px; background-color: var(--golden); }
.product-filter-block .available-sizes-wrap * { color: var(--white); font-family: var(--inter-display); font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: uppercase; }

.product-filter-block .not-found-message * { margin-top: 100px; color: var(--golden); font-size: 24px; }

.product-thumbnail-block { overflow: hidden; }
.product-thumbnail-block img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all .3s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.product-thumbnail-block:hover img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); }

/* ==================== [ Filter Section End ] ==================== */

/* ==================== [ Woocommerce Pagination Start ] ==================== */
.woocommerce-pagination { margin-top: 50px !important; display: flex; align-items: center; justify-content: center; gap: 7px; margin-bottom: 0; }
.woocommerce-pagination .page-numbers { display: flex; align-items: center; justify-content: center; color: var(--white); background-color: var(--card-text); height: 40px; width: 40px; border-radius: 4px; font-family: var(--inter-display); font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }

.woocommerce-pagination .page-numbers.current { background-color: var(--golden); }
.woocommerce-pagination .page-numbers:hover { background-color: var(--golden); }

.woocommerce-pagination .page-numbers.next { font-size: 0; background-color: var(--transparent); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" fill="none"><path d="M2.53685 1.18025C2.29966 0.939917 1.91509 0.939917 1.6779 1.18025C1.4407 1.42057 1.4407 1.81021 1.6779 2.05053L2.53685 1.18025ZM8.53689 8.12972L8.10736 8.5648L8.53689 8.12972ZM8.53689 9.87028L8.10736 9.4352L8.53689 9.87028ZM1.6779 15.9494C1.4407 16.1898 1.4407 16.5794 1.6779 16.8198C1.91509 17.0601 2.29966 17.0601 2.53685 16.8198L1.6779 15.9494ZM1.6779 2.05053L8.10736 8.5648L8.9663 7.69452L2.53685 1.18025L1.6779 2.05053ZM8.10736 9.4352L1.6779 15.9494L2.53685 16.8198L8.9663 10.3055L8.10736 9.4352ZM8.10736 8.5648C8.3446 8.80517 8.3446 9.19483 8.10736 9.4352L8.9663 10.3055C9.6779 9.58449 9.6779 8.41551 8.9663 7.69452L8.10736 8.5648Z" fill="%23B18735" stroke="%23B18735"/></svg>') no-repeat; background-size: 10px; background-position: center; }
.woocommerce-pagination .page-numbers.prev { font-size: 0; background-color: var(--transparent); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" fill="none"><path d="M7.46315 1.18025C7.70034 0.939917 8.08491 0.939917 8.3221 1.18025C8.5593 1.42057 8.5593 1.81021 8.3221 2.05053L7.46315 1.18025ZM1.46311 8.12972L1.89264 8.5648L1.46311 8.12972ZM1.46311 9.87028L1.89264 9.4352L1.46311 9.87028ZM8.3221 15.9494C8.5593 16.1898 8.5593 16.5794 8.3221 16.8198C8.08491 17.0601 7.70034 17.0601 7.46315 16.8198L8.3221 15.9494ZM8.3221 2.05053L1.89264 8.5648L1.0337 7.69452L7.46315 1.18025L8.3221 2.05053ZM1.89264 9.4352L8.3221 15.9494L7.46315 16.8198L1.0337 10.3055L1.89264 9.4352ZM1.89264 8.5648C1.6554 8.80517 1.6554 9.19483 1.89264 9.4352L1.0337 10.3055C0.322102 9.58449 0.322102 8.41551 1.0337 7.69452L1.89264 8.5648Z" fill="%23B18735" stroke="%23B18735"/></svg>') no-repeat; background-size: 10px; background-position: center; }

.woocommerce-pagination .page-numbers.prev:hover { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'><path d='M7.46315 1.18025C7.70034 0.939917 8.08491 0.939917 8.3221 1.18025C8.5593 1.42057 8.5593 1.81021 8.3221 2.05053L7.46315 1.18025ZM1.46311 8.12972L1.89264 8.5648L1.46311 8.12972ZM1.46311 9.87028L1.89264 9.4352L1.46311 9.87028ZM8.3221 15.9494C8.5593 16.1898 8.5593 16.5794 8.3221 16.8198C8.08491 17.0601 7.70034 17.0601 7.46315 16.8198L8.3221 15.9494ZM8.3221 2.05053L1.89264 8.5648L1.0337 7.69452L7.46315 1.18025L8.3221 2.05053ZM1.89264 9.4352L8.3221 15.9494L7.46315 16.8198L1.0337 10.3055L1.89264 9.4352ZM1.89264 8.5648C1.6554 8.80517 1.6554 9.19483 1.89264 9.4352L1.0337 10.3055C0.322102 9.58449 0.322102 8.41551 1.0337 7.69452L1.89264 8.5648Z' fill='%23fff' stroke='%23fff'/></svg>") no-repeat; background-color: var(--golden); background-position: center; }

.woocommerce-pagination .page-numbers.next:hover { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" fill="none"><path d="M2.53685 1.18025C2.29966 0.939917 1.91509 0.939917 1.6779 1.18025C1.4407 1.42057 1.4407 1.81021 1.6779 2.05053L2.53685 1.18025ZM8.53689 8.12972L8.10736 8.5648L8.53689 8.12972ZM8.53689 9.87028L8.10736 9.4352L8.53689 9.87028ZM1.6779 15.9494C1.4407 16.1898 1.4407 16.5794 1.6779 16.8198C1.91509 17.0601 2.29966 17.0601 2.53685 16.8198L1.6779 15.9494ZM1.6779 2.05053L8.10736 8.5648L8.9663 7.69452L2.53685 1.18025L1.6779 2.05053ZM8.10736 9.4352L1.6779 15.9494L2.53685 16.8198L8.9663 10.3055L8.10736 9.4352ZM8.10736 8.5648C8.3446 8.80517 8.3446 9.19483 8.10736 9.4352L8.9663 10.3055C9.6779 9.58449 9.6779 8.41551 8.9663 7.69452L8.10736 8.5648Z" fill="%23fff" stroke="%23fff"/></svg>') no-repeat; background-color: var(--golden); background-position: center; }
/* ==================== [ Woocommerce Pagination End ] ==================== */

/* ==================== [ Max Width Media Queries ] ==================== */
@media (max-width: 1399px) {
    /* ==================== [ Our Client Section End ] ==================== */
    .product-filter-block .sale-price * ,
    .product-filter-block .regular-price * ,
    .product-filter-block .woocommerce-loop-product__title  { font-size: 20px; }

    .product-filter-block .not-found-message * { font-size: 20px; }

    .product-filter-block .size-title ,
    .product-filter-block .available-sizes-wrap * { font-size: 18px; } 
    /* ==================== [ Our Client Section End ] ==================== */
}

@media (max-width: 1366px) {
    /* ==================== [ Our Client Section Start ] ==================== */
    .our-client-right-block .portfolio-row .portfolio-col .slider-image { padding: 20px; }
    .our-client-right-block .portfolio-row .portfolio-col .slider-image img { width: 70px; height: auto; }
    .our-client-right-block .portfolio-row .portfolio-col .swiper-slide { margin-bottom: 12px !important; }

    .our-client-right-block .portfolio-row .swiper-slide:hover .slider-image { border-top-left-radius: 20px  !important; }

    .portfolio-wrap .swiper-container { height: 400px !important; }
    /* ==================== [ Our Client Section End ] ==================== */
}

@media (max-width: 1199px) {
    /* ==================== [ Our Client Section Start ] ==================== */

    .portfolio-wrap .swiper-container { height: 300px !important; }
    /* ==================== [ Our Client Section End ] ==================== */
}

@media (max-width: 1024px) {
    /* ==================== [ Filter Section Start ] ==================== */
    .custom-filters .filter-select-block { flex-direction: column; gap: 15px; }
    
    .custom-filters .filter-select-block select ,
    .custom-filters .filter-select-block .product-availability-filter { max-width: 100%; width: 100%; }
    /* ==================== [ Filter Section End ] ==================== */
}

@media (max-width: 767px) {
    /* ==================== [ Filter Section Start ] ==================== */
    .product-thumbnail-block img { width: 100%; }
    .custom-filters { flex-direction: column; }
    .custom-filters >* { max-width: 100%; width: 100%; }
    /* ==================== [ Filter Section End ] ==================== */
}

@media (max-width: 575px) {
    /* ==================== [ Our Client Section Start ] ==================== */
    .our-client-right-block ,
    .our-client-right-block .portfolio-row { gap: 10px !important; }
    /* ==================== [ Our Client Section End ] ==================== */

    /* ==================== [ Filter Section Start ] ==================== */

    .product-filter-block { row-gap: 30px; }
    .product-filter-block .not-found-message * { font-size: 18px; margin-top: 70px; }
    /* ==================== [ Filter Section End ] ==================== */

    /* ==================== [ Woocommerce Pagination Start ] ==================== */
    .woocommerce-pagination { margin-top: 40px; }
    .woocommerce-pagination .page-numbers { height: 35px; width: 35px; font-size: 18px; }
    /* ==================== [ Woocommerce Pagination End ] ==================== */

}

@media (max-width: 400px) {
    /* ==================== [ Filter Section Start ] ==================== */
    .product-filter-block .regular-price { margin-left: 10px; }

    .product-filter-block .size-title,
    .product-filter-block .available-sizes-wrap * { font-size: 16px; }

    .product-filter-block .short-description-wrap { font-size: 16px; line-height: 140%; }

    .product-filter-block .sale-price *,
    .product-filter-block .regular-price *,
    .product-filter-block .woocommerce-loop-product__title { font-size: 16px; }

    .product-filter-block .title-and-price-desc-block { gap: 12px; }
    .product-filter-block .product-archive-loop-item { gap: 16px; }
    /* ==================== [ Filter Section End ] ==================== */

    /* ==================== [ Product Highlight Slider Start ] ==================== */
    .product-highlight-slider .product-title-price-block { flex-direction: row !important; padding-top: 12px; }
    .product-highlight-slider .price * { font-size: 16px !important; line-height: 120% !important; }
    .product-highlight-slider .entry-title * { font-size: 16px !important; line-height: 120% !important; }
    /* ==================== [ Product Highlight Slider End ] ==================== */
}