.brand-carousel-items .swiper-wrapper .swiper-slide {
	    width: max-content !important;
	}

	.brand-carousel-items .swiper-wrapper {
	    gap: 0.5rem;
	}

	.slider-above-the-fold ul.jet-slick-dots {
	    position: absolute !important;
	    transform: translate(0, 26%);
	    bottom: 0;
	    padding: 1rem !important;
	    width: max-content !important;
	}

	@media all and (max-width: 767px) {
	    .slider-above-the-fold ul.jet-slick-dots {
	        padding: 0 0.5rem !important;
	    }
	}

	.slider-above-the-fold ul.jet-slick-dots li {
	    width: 1.75rem !important;
	    border-radius: 10px !important;
	    height: 0.4rem !important;
	}

	.slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li.slick-active,
	.slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li:hover {
	    background: #FF4F6F;
	}

	.slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li {
	    background: #FFD8CF;
	    transition: 0.3s;
	}

	.mag-carousels .jet-listing-grid__slider-icon {
	    border-radius: 2rem !important;
	}

	.mag-carousels .jet-slick-dots {
	    position: absolute;
	    width: max-content !important;
	    margin: 0 !important;
	    bottom: -2.1em;
	    gap: 0.5rem;
	}

	.mag-carousels .jet-listing-grid__slider .jet-slick-dots li {
	    width: 0.563rem !important;
	    height: 0.563rem !important;
	    border-radius: 0.125rem !important;
	    background: #ff4f6f66 !important;
	    transition: 0.3s;
	}

	.mag-carousels .jet-listing-grid__slider .jet-slick-dots li.slick-active {
	    background: #FF4F6F !important;
	}

	.slick-disabled {
	    opacity: 0.7;
	}

	span.swiper-pagination-bullet {
	    border-radius: 0.125rem;
	}

	.customers-carousel-wrapper span.swiper-pagination-bullet {
	    background-color: #f9f9f9;
	}

	body.elementor-page-844:not(.elementor-motion-effects-element-type-background),
	body.elementor-page-844>.elementor-motion-effects-container>.elementor-motion-effects-layer {
	    background-size: 100% 20% !important;
	}

	.make-it-invert-slider img {
	    --r: 1.5rem;
	    --s: 20px;
	    --x: 85px;
	    --y: -5px;
	    border-radius: var(--r);
	}

	@media all and (max-width: 767px) {
	    .make-it-invert-slider img {
	        --r: 1rem;
	        --s: 10px;
	    }
	}

	.make-it-invert img {
	    --r: 1.25rem;
	    --s: 25px;
	    --x: 100px;
	    --y: 0px;
	    border-radius: var(--r);
	}

	@media all and (max-width: 767px) {
	    .make-it-invert img {
	        --x: 84px;
	        --y: -4px;
	    }
	}

	.make-it-inverted-atr-card {
	    --r: 20px;
	    /* radius */
	    --s: 22px;
	    /* size of the inner curve*/
	    border-radius: var(--r);

	    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%) no-repeat;
	}

	.atr-card-bottom-left {
	    mask:
	        calc(var(--s) + var(--r)) bottom var(--_m),
	        bottom calc(var(--s) + var(--r)) left 0 var(--_m),
	        radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) var(--r) calc(-1*var(--r)) no-repeat,
	        conic-gradient(from 180deg at calc(var(--s) + 2*var(--r)) calc(100% - var(--s) - 2*var(--r)),
	            #0000 25%, #000 0);
	}

	.invert-radius-bottom-left img {
	    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
	    --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0);
	    --_d: (var(--s) + var(--r));
	    mask:
	        calc(var(--_d) + var(--x)) 100% var(--_m),
	        0 calc(100% - var(--_d) - var(--y)) var(--_m),
	        radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
	        var(--_g) calc(var(--_d) + var(--x)) 0,
	        var(--_g) 0 calc(-1*var(--_d) - var(--y));
	    mask-repeat: no-repeat;
	}

    .invert-radius-bottom-left-p-card {
        --r: 1.25rem;
	    --s: 25px;
	    --x: 100px;
	    --y: 0px;
	    border-radius: var(--r);
	    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
	    --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0);
	    --_d: (var(--s) + var(--r));
	    mask:
	        calc(var(--_d) + var(--x)) 100% var(--_m),
	        0 calc(100% - var(--_d) - var(--y)) var(--_m),
	        radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
	        var(--_g) calc(var(--_d) + var(--x)) 0,
	        var(--_g) 0 calc(-1*var(--_d) - var(--y));
	    mask-repeat: no-repeat;
	}

	.invert-radius-bottom-right img {
	    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
	    --_g: conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0);
	    --_d: (var(--s) + var(--r));
	    mask:
	        calc(100% - var(--_d) - var(--x)) 100% var(--_m),
	        100% calc(100% - var(--_d) - var(--y)) var(--_m),
	        radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),
	        var(--_g) calc(-1*var(--_d) - var(--x)) 0,
	        var(--_g) 0 calc(-1*var(--_d) - var(--y));
	    mask-repeat: no-repeat;
	}

	.invert-radius-top-right img {
	    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
	    --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);
	    --_d: (var(--s) + var(--r));
	    mask:
	        calc(100% - var(--_d) - var(--x)) 0 var(--_m),
	        100% calc(var(--_d) + var(--y)) var(--_m),
	        radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
	        var(--_g) calc(-1*var(--_d) - var(--x)) 0,
	        var(--_g) 0 calc(var(--_d) + var(--y));
	    mask-repeat: no-repeat;
	}

	.invert-radius-top-left img {
	    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
	    --_g: conic-gradient(at var(--r) var(--r), #000 75%, #0000 0);
	    --_d: (var(--s) + var(--r));
	    mask:
	        calc(var(--_d) + var(--x)) 0 var(--_m),
	        0 calc(var(--_d) + var(--y)) var(--_m),
	        radial-gradient(var(--s) at 0 0, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(var(--r) + var(--y)),
	        var(--_g) calc(var(--_d) + var(--x)) 0,
	        var(--_g) 0 calc(var(--_d) + var(--y));
	    mask-repeat: no-repeat;
	}

	.bottom-left {
	    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
	    --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0);
	    --_d: (var(--s) + var(--r));
	    mask:
	        calc(var(--_d) + var(--x)) 100% var(--_m),
	        0 calc(100% - var(--_d) - var(--y)) var(--_m),
	        radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
	        var(--_g) calc(var(--_d) + var(--x)) 0,
	        var(--_g) 0 calc(-1*var(--_d) - var(--y));
	    mask-repeat: no-repeat;
	}

	.category-card-wrapper .title-card-category,
	.category-card-wrapper img {
	    transition: 0.2s all ease !important;
	}

	@media all and (min-width: 768px) {
	    .category-card-wrapper:hover {
	        transform: scale(1.02);
	    }

	    .category-card-wrapper:hover .title-card-category {
	        padding: 0 1rem;
	        width: 9rem !important;
	        transform: scale(1.01);
	        margin-right: 0.3rem;
	    }

	    .category-card-wrapper:hover img {
	        --x: 115px;
	    }

	    .clothes-esans.category-card-wrapper img,
	    .hand-wash-esans.category-card-wrapper img,
	    .dish-wash-esans.category-card-wrapper img,
	    .khosbo-esans.category-card-wrapper img,
	    .body-esans.category-card-wrapper img {
	        --x: 125px;
	    }

	    .clothes-esans.category-card-wrapper:hover img,
	    .hand-wash-esans.category-card-wrapper:hover img,
	    .dish-wash-esans.category-card-wrapper:hover img,
	    .khosbo-esans.category-card-wrapper:hover img,
	    .body-esans.category-card-wrapper:hover img {
	        --x: 146px;
	    }

	    .clothes-esans.category-card-wrapper:hover .title-card-category,
	    .hand-wash-esans.category-card-wrapper:hover .title-card-category,
	    .dish-wash-esans.category-card-wrapper:hover .title-card-category,
	    .khosbo-esans.category-card-wrapper:hover .title-card-category,
	    .body-esans.category-card-wrapper:hover .title-card-category {
	        padding: 0 1rem;
	        width: 11rem !important;
	        transform: scale(1.01);
	        margin-right: 0.3rem;
	    }
	}

	/*Exclusive codes*/
	.above-the-fold-style {
	    height: 85px;
	    display: flex;
	    align-items: center;
	}

	@media all and (max-width: 767px) {
	    .above-the-fold-style {
	        height: auto;
	    }
	}

	.about-us-btn-above-the-fold a,
	.contact-us-above-the-fold a {
	    height: 2.25rem;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

	.slider-above-the-fold img {
	    height: 26rem !important;
	    border-radius: 1rem;
	    object-fit: cover !important;
	}

	@media all and (max-width: 1200px) {
	    .slider-above-the-fold img {
	        height: 20rem !important;
	    }
	}

	@media all and (min-width: 1200px) and (max-width: 1202px) {
	    .elementor-element-176d087 {
	        display: none !important;
	    }
	}

	@media all and (max-width: 1024px) {
	    .slider-above-the-fold img {
	        height: 26rem !important;
	    }
	}

	@media all and (max-width: 767px) {
	    .slider-above-the-fold img {
	        height: 17rem !important;
	    }
	}

	@media all and (min-width: 1024px) and (max-width: 1026px) {
	    .elementor-element-176d087 {
	        display: none !important;
	    }
	}

	.esans-items-carousel .swiper-wrapper {
	    overflow: visible;
	    margin-top: 0.5rem;
	}

	.esans-items-carousel .swiper-slide {
	    overflow: visible;
	}

	.colony-esans {
	    filter: drop-shadow(0 0 2px rgba(245, 187, 118, 1));
	}

	.atr-men {
	    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
	}

	.atr-women {
	    filter: drop-shadow(0 0 4px rgba(255, 92, 125, 0.3));
	}

	.cosmetic-esans {
	    filter: drop-shadow(0 0 4px rgba(236, 73, 54, 0.3));
	}

	.shoyande-esans {
	    filter: drop-shadow(0 0 4px rgba(162, 176, 126, 0.3));
	}

	.industry-esans {
	    filter: drop-shadow(0 0 4px rgba(218, 124, 17, 0.3));
	}

	.alaf-esans {
	    filter: drop-shadow(0 0 4px rgba(219, 198, 231, 1));
	}

	.dish-wash-esans {
	    filter: drop-shadow(0 0 4px rgba(0, 154, 138, 0.1));
	}

	.hand-wash-esans {
	    filter: drop-shadow(0 0 4px rgba(247, 223, 173, 0.3));
	}

	.clothes-esans {
	    filter: drop-shadow(0 0 4px rgba(174, 112, 182, 0.3));
	}

	.shampoo-esans {
	    filter: drop-shadow(0 0 4px rgba(42, 165, 160, 0.3));
	}

	.soap-esans {
	    filter: drop-shadow(0 0 4px rgba(218, 119, 86, 0.1));
	}

	.khosbo-esans {
	    filter: drop-shadow(0 0 4px rgba(63, 148, 161, 0.3));
	}

	.body-esans {
	    filter: drop-shadow(0 0 4px rgba(164, 184, 172, 0.4));
	}

	.cream-esans {
	    filter: drop-shadow(0 0 4px rgba(219, 191, 147, 0.3));
	}

	.atr-item-card-glass:hover .atr-card-title {
	    color: #DD097C;
	}

	.atr-item-card-glass:hover .atr-card-btn {
	    background-color: #DD097C;
	}

	.atr-item-card-glass:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-plastic:hover .atr-card-title {
	    color: #388a16;
	}

	.atr-item-card-plastic:hover .atr-card-btn {
	    background-color: #388a16;
	}

	.atr-item-card-plastic:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-spot:hover .atr-card-title {
	    color: #3f8594;
	}

	.atr-item-card-spot:hover .atr-card-btn {
	    background-color: #3f8594;
	}

	.atr-item-card-spot:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-walf:hover .atr-card-title {
	    color: #aa66ed;
	}

	.atr-item-card-walf:hover .atr-card-btn {
	    background-color: #aa66ed;
	}

	.atr-item-card-walf:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-tough:hover .atr-card-title {
	    color: #ff9c34;
	}

	.atr-item-card-tough:hover .atr-card-btn {
	    background-color: #ff9c34;
	}

	.atr-item-card-tough:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-tough-zan:hover .atr-card-title {
	    color: #ffbe59;
	}

	.atr-item-card-tough-zan:hover .atr-card-btn {
	    background-color: #ffbe59;
	}

	.atr-item-card-tough-zan:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-pressmachine:hover .atr-card-title {
	    color: #92302A;
	}

	.atr-item-card-pressmachine:hover .atr-card-btn {
	    background-color: #92302A;
	}

	.atr-item-card-pressmachine:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-porkon:hover .atr-card-title {
	    color: #9E6325;
	}

	.atr-item-card-porkon:hover .atr-card-btn {
	    background-color: #9E6325;
	}

	.atr-item-card-porkon:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-hallal:hover .atr-card-title {
	    color: #108433;
	}

	.atr-item-card-hallal:hover .atr-card-btn {
	    background-color: #108433;
	}

	.atr-item-card-hallal:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-water:hover .atr-card-title {
	    color: #09736E;
	}

	.atr-item-card-water:hover .atr-card-btn {
	    background-color: #09736E;
	}

	.atr-item-card-water:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-mandegar:hover .atr-card-title {
	    color: #975300;
	}

	.atr-item-card-mandegar:hover .atr-card-btn {
	    background-color: #975300;
	}

	.atr-item-card-mandegar:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-negahdarande:hover .atr-card-title {
	    color: #9E6A0A;
	}

	.atr-item-card-negahdarande:hover .atr-card-btn {
	    background-color: #9E6A0A;
	}

	.atr-item-card-negahdarande:hover .atr-card-btn svg path {
	    fill: #fff;
	}

	.atr-item-card-plastic {
	    filter: drop-shadow(0 0 6px rgba(213, 232, 210, 0.2));
	}

	.atr-item-card-glass {
	    filter: drop-shadow(0 0 6px rgba(252, 220, 221, 0.2));
	}

	.atr-item-card-spot {
	    filter: drop-shadow(0 0 6px rgba(175, 217, 220, 0.2));
	}

	.atr-item-card-walf {
	    filter: drop-shadow(0 0 6px rgba(237, 219, 254, 0.2));
	}

	.atr-item-card-tough {
	    filter: drop-shadow(0 0 6px rgba(255, 227, 190, 0.2));
	}

	.atr-item-card-tough-zan {
	    filter: drop-shadow(0 0 6px rgba(254, 246, 225, 0.2));
	}

	.atr-item-card-pressmachine {
	    filter: drop-shadow(0 0 6px rgba(252, 163, 157, 0.2));
	}

	.atr-item-card-porkon {
	    filter: drop-shadow(0 0 6px rgba(253, 225, 196, 0.2));
	}

	.atr-item-card-hallal {
	    filter: drop-shadow(0 0 6px rgba(182, 225, 195, 0.2));
	}

	.atr-item-card-water {
	    filter: drop-shadow(0 0 6px rgba(181, 241, 238, 0.2));
	}

	.atr-item-card-mandegar {
	    filter: drop-shadow(0 0 6px rgba(228, 202, 170, 0.2));
	}

	.atr-item-card-negahdarande {
	    filter: drop-shadow(0 0 6px rgba(253, 247, 236, 0.2));
	}

	.perfume-tools .e-n-carousel.swiper {
	    padding-top: 1rem;
	}

	.customers-quote {
	    height: 3.188rem;
	}

	:root {
	    /* ماسک حالت عادی */
	    --mask-normal: url("data:image/svg+xml,%3Csvg width='629' height='214' viewBox='0 0 629 214' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M629 26C629 34.2843 622.284 41 614 41H606C597.716 41 591 47.7157 591 56V159C591 167.284 597.716 174 606 174H614C622.284 174 629 180.716 629 189V199C629 207.284 622.284 214 614 214H15C6.71574 214 0 207.284 0 199V15C0 6.71573 6.71573 0 15 0H614C622.284 0 629 6.71573 629 15V26Z' fill='black'/%3E%3C/svg%3E");

	    /* ماسک حالت هاور */
	    --mask-hover: url("data:image/svg+xml,%3Csvg%20width%3D%22629%22%20height%3D%22214%22%20viewBox%3D%220%200%20629%20214%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M629%2026C629%2034.2843%20622.284%2041%20614%2041H606C597.716%2041%20591%2047.7157%20591%2056V159C591%20167.284%20597.716%20174%20606%20174H614C622.284%20174%20629%20180.716%20629%20189V199C629%20207.284%20622.284%20214%20614%20214H15C6.71574%20214%200%20207.284%200%20199V189C0%20180.716%206.71573%20174%2015%20174H23C31.2843%20174%2038%20167.284%2038%20159V56C38%2047.7157%2031.2843%2041%2023%2041H15C6.71573%2041%200%2034.2843%200%2026V15C0%206.71573%206.71573%200%2015%200H614C622.284%200%20629%206.71573%20629%2015V26Z%22%20fill%3D%22black%22%2F%3E%3C/svg%3E");
	    ;
	    --gradient-normal: linear-gradient(180deg, rgba(255, 79, 111, 0.27) 0%, #FF4F6F 81.25%);
	    --gradient-hover: linear-gradient(180deg, rgba(255, 79, 111, 0.27) 0%, #FF4F6F 81.25%);

	    --mask-normal-other-side: url("data:image/svg+xml,%3Csvg width='629' height='214' viewBox='0 0 629 214' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M629 199C629 207.28 622.28 214 614 214H15C6.71 214 0 207.28 0 199V189C0 180.71 6.71 174 15 174H23C31.28 174 38 167.28 38 159V56C38 47.71 31.28 41 23 41H15C6.71 41 0 34.28 0 26V15C0 6.71 6.71 0 15 0H614C622.28 0 629 6.71 629 15V199Z' fill='black'/%3E%3C/svg%3E");
	}

	.khat-tolid {
	    isolation: isolate;
	}

	.fancy-card {
	    position: relative;
	    inset: 0;
	    z-index: 1;
	    -webkit-mask-image: var(--mask-normal);
	    mask-image: var(--mask-normal);
	    -webkit-mask-size: 100% 100%;
	    mask-size: 100% 100%;
	    -webkit-mask-repeat: no-repeat;
	    -webkit-mask-position: center;
	    mask-position: center;
	    transition: none;
	}

	.fancy-card-other-side::before {
	    content: '';
	    position: absolute;
	    inset: 0;
	    z-index: 2;
	    background: var(--gradient-normal);
	    -webkit-mask-image: var(--mask-normal-other-side);
	    mask-image: var(--mask-normal-other-side);
	    -webkit-mask-size: 100% 100%;
	    mask-size: 100% 100%;
	    -webkit-mask-repeat: no-repeat;
	    mask-position: center;
	    opacity: 1;
	    transition: opacity 0.3s ease;
	    pointer-events: none;
	}

	.fancy-card-other-side::after {
	    content: '';
	    position: absolute;
	    inset: 0;
	    z-index: 3;
	    background: var(--gradient-hover);
	    -webkit-mask-image: var(--mask-hover);
	    mask-image: var(--mask-hover);
	    -webkit-mask-size: 100% 100%;
	    mask-size: 100% 100%;
	    -webkit-mask-repeat: no-repeat;
	    mask-position: center;
	    opacity: 0;
	    transition: opacity 0.3s ease;
	    pointer-events: none;
	}

	.fancy-card img,
	.fancy-card-other-side img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.fancy-card::before {
	    content: '';
	    position: absolute;
	    inset: 0;
	    z-index: 2;
	    background: var(--gradient-normal);
	    -webkit-mask-image: var(--mask-normal);
	    mask-image: var(--mask-normal);
	    -webkit-mask-size: 100% 100%;
	    mask-size: 100% 100%;
	    -webkit-mask-repeat: no-repeat;
	    mask-position: center;
	    opacity: 1;
	    transition: opacity 0.3s ease;
	    pointer-events: none;
	}

	.fancy-card::after {
	    content: '';
	    position: absolute;
	    inset: 0;
	    z-index: 3;
	    background: var(--gradient-hover);
	    -webkit-mask-image: var(--mask-hover);
	    mask-image: var(--mask-hover);
	    -webkit-mask-size: 100% 100%;
	    mask-size: 100% 100%;
	    -webkit-mask-repeat: no-repeat;
	    mask-position: center;
	    opacity: 0;
	    transition: opacity 0.3s ease;
	    pointer-events: none;
	}

	.khat-tolid:has(.fancy-card-text-section:hover) .fancy-card::before,
	.khat-tolid:hover .fancy-card::before {
	    opacity: 0;
	}

	.khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side::before,
	.khat-tolid:hover .fancy-card-other-side::before {
	    opacity: 0;
	}

	.khat-tolid:has(.fancy-card-text-section:hover) .fancy-card::after,
	.khat-tolid:hover .fancy-card::after {
	    opacity: 1;
	}

	.khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side::after,
	.khat-tolid:hover .fancy-card-other-side::after {
	    opacity: 1;
	}

	.khat-tolid:has(.fancy-card-text-section:hover) .fancy-card,
	.khat-tolid:hover .fancy-card {
	    -webkit-mask-image: var(--mask-hover);
	    mask-image: var(--mask-hover);
	}

	.khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side,
	.khat-tolid:hover .fancy-card-other-side {
	    -webkit-mask-image: var(--mask-hover);
	    mask-image: var(--mask-hover);
	}

	.logo-type-consultant {
	    opacity: 0;
	    transition: 0.4s all;
	    position: absolute;
	    transform: translateY(50%) scale(1.2);
	}

	.fancy-card-en-text {
	    opacity: 0.7;
	    visibility: visible;
	    transition: 0.5s all;
	}

	.khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-en-text,
	.khat-tolid:hover .fancy-card-en-text {
	    opacity: 1;
	    color: #FF4F6F;
	}

	.khat-tolid:has(.fancy-card-text-section:hover) .logo-type-consultant,
	.khat-tolid:hover .logo-type-consultant {
	    opacity: 1;
	    transform: translateY(50%) translateX(0);
	}

	.en-right-txt {
	    position: absolute;
	    transform: rotate(90deg) translateY(50%) scale(1);
	    transition: transform .5s cubic-bezier(.4, 0, .2, 1);
	}

	.fancy-card-en-text {
	    opacity: 1;
	    transform: translate(50%, 3.5rem);
	    transition: opacity .4s ease,
	        transform .4s ease;
	}

	.khat-tolid:hover .fancy-card-text-section .fancy-card-en-text {
	    opacity: 1;
	    transform: translate(50%, 0);
	}

	.khat-tolid:hover .fancy-card-text-section .push-up-forse {
	    transform: translate(0, -2.25rem);
	}

        @media all and (max-width: 767px){
            .khat-tolid:hover .fancy-card-text-section .push-up-forse {
	         transform: translate(0, -1.25rem);
	    }
        }

	.khat-tolid:hover .en-right-txt {
	    transform: scale(0.9) translateX(-1rem) rotate(90deg);
	}

	.khat-tolid {
	    overflow: hidden;
	}

	.khat-tolid .fancy-card img,
	.khat-tolid .fancy-card-other-side img {
	    transition: 0.3s all;
	}

	.khat-tolid:hover .fancy-card img,
	.khat-tolid:hover .fancy-card-other-side img {
	    transform: translateY(-0.625rem);
	}

	/* ۱. شکل‌دهی به کانتینر اصلی و سفید کردن پس‌زمینه آن */
	.fancy-card-other-side {
	    background-color: #ffffff !important;
	    /* رنگ اصلی زبانه */
	    -webkit-mask-image: var(--mask-normal-other-side);
	    mask-image: var(--mask-normal-other-side);
	    -webkit-mask-size: 100% 100%;
	    mask-size: 100% 100%;
	    -webkit-mask-repeat: no-repeat;
	    transition: mask-image 0.3s ease;
	    position: relative;
	    overflow: hidden;
	}

	/* ۲. لایه رنگی قرمز (فقط روی بدنه کارت، نه روی زبانه) */
	.fancy-card-other-side::before {
	    content: '';
	    position: absolute;
	    inset: 0;
	    left: 6.1%;
	    /* شروع گرادینت بعد از زبانه سمت چپ */
	    background: var(--gradient-normal);
	    z-index: 1;
	    opacity: 1;
	    transition: opacity 0.3s ease;
	}

	/* ۳. لایه هاور (در حالت هاور زبانه راست هم اضافه می‌شود) */
	.fancy-card-other-side::after {
	    content: '';
	    position: absolute;
	    inset: 0;
	    /*left: 6.1%;
    right: 6.1%;*/
	    /* چون ماسک هاور دو زبانه دارد، لایه قرمز را از دو طرف محدود می‌کنیم */
	    background: var(--gradient-hover);
	    z-index: 2;
	    opacity: 0;
	    transition: opacity 0.3s ease;
	}

	/* ۴. تغییر ماسک و نمایش لایه هاور */
	.khat-tolid:hover .fancy-card-other-side {
	    -webkit-mask-image: var(--mask-hover);
	    mask-image: var(--mask-hover);
	}

	.khat-tolid:hover .fancy-card-other-side::before {
	    opacity: 0;
	}

	.khat-tolid:hover .fancy-card-other-side::after {
	    opacity: 1;
	}

	/* اطمینان از قرارگیری متن‌ها روی لایه‌های رنگی */
	.fancy-card-text-section,
	.en-right-txt,
	.logo-type-consultant {
	    z-index: 5;
	}

	.atr-card-hover {
	    transform-origin: top left;
	    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	    will-change: transform;
	}

	.atr-card-hover:hover {
	    transform: scale(1.05);
	}