.elementor-1543 .elementor-element.elementor-element-753ad0da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1543 .elementor-element.elementor-element-fcdc808{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:2% 2%;--row-gap:2%;--column-gap:2%;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:0%;--padding-left:6%;--padding-right:0%;}.elementor-1543 .elementor-element.elementor-element-fcdc808.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-1543 .elementor-element.elementor-element-684c4f03{--display:flex;}.elementor-1543 .elementor-element.elementor-element-684c4f03.e-con{--order:99999 /* order end hack */;}.elementor-1543 .elementor-element.elementor-element-42322506{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-1543 .elementor-element.elementor-element-5af1878f{--display:flex;}.elementor-1543 .elementor-element.elementor-element-3e907fb4{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:-8%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-1543 .elementor-element.elementor-element-3e907fb4.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-1543 .elementor-element.elementor-element-77e21300{--display:flex;--min-height:0px;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1543 .elementor-element.elementor-element-42812c75{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1543 .elementor-element.elementor-element-42812c75.elementor-element{--align-self:flex-start;}.elementor-1543 .elementor-element.elementor-element-42812c75 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:40px;font-weight:600;text-transform:uppercase;line-height:1.3em;word-spacing:0em;color:#9C0002;}.elementor-1543 .elementor-element.elementor-element-760f22b0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1543 .elementor-element.elementor-element-37116197{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 10px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1543 .elementor-element.elementor-element-37116197.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1543 .elementor-element.elementor-element-37116197 .elementor-heading-title{font-family:"Noto Serif", Sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;word-spacing:0px;color:#37383F;}.elementor-1543 .elementor-element.elementor-element-663ef5ff{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-1543 .elementor-element.elementor-element-663ef5ff.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder__label{text-align:left;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder__desc{text-align:left;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder input{color-scheme:normal;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder__action-button{transition:all 0.3s;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder__next-page-wrap{text-align:left;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder-message--success{text-align:center;}.elementor-1543 .elementor-element.elementor-element-24191e4c .jet-form-builder-message--error{text-align:center;}.elementor-1543 .elementor-element.elementor-element-28a5bbe4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1543 .elementor-element.elementor-element-323cbee5{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1543 .elementor-element.elementor-element-323cbee5:not(.elementor-motion-effects-element-type-background), .elementor-1543 .elementor-element.elementor-element-323cbee5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D9DDE7;}.elementor-1543 .elementor-element.elementor-element-323cbee5.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1543 .elementor-element.elementor-element-753ad0da{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-1543 .elementor-element.elementor-element-fcdc808{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1543 .elementor-element.elementor-element-fcdc808.e-con{--align-self:center;}.elementor-1543 .elementor-element.elementor-element-3e907fb4{--margin-top:0%;--margin-bottom:0%;--margin-left:-8%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1543 .elementor-element.elementor-element-3e907fb4.e-con{--align-self:stretch;}.elementor-1543 .elementor-element.elementor-element-663ef5ff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-1543 .elementor-element.elementor-element-28a5bbe4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}}@media(min-width:768px){.elementor-1543 .elementor-element.elementor-element-753ad0da{--content-width:85vw;}.elementor-1543 .elementor-element.elementor-element-fcdc808{--width:40%;}.elementor-1543 .elementor-element.elementor-element-3e907fb4{--width:100%;}.elementor-1543 .elementor-element.elementor-element-663ef5ff{--width:60%;}.elementor-1543 .elementor-element.elementor-element-28a5bbe4{--content-width:90vw;}.elementor-1543 .elementor-element.elementor-element-323cbee5{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1543 .elementor-element.elementor-element-753ad0da{--content-width:95vw;}.elementor-1543 .elementor-element.elementor-element-fcdc808{--width:90%;}.elementor-1543 .elementor-element.elementor-element-3e907fb4{--width:48%;}.elementor-1543 .elementor-element.elementor-element-663ef5ff{--width:90%;}.elementor-1543 .elementor-element.elementor-element-28a5bbe4{--content-width:95%;}}@media(max-width:767px){.elementor-1543 .elementor-element.elementor-element-753ad0da{--content-width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-1543 .elementor-element.elementor-element-fcdc808{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:2% 2%;--row-gap:2%;--column-gap:2%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1543 .elementor-element.elementor-element-684c4f03{--width:100%;}.elementor-1543 .elementor-element.elementor-element-3e907fb4{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-1543 .elementor-element.elementor-element-42812c75 .elementor-heading-title{font-size:9vw;line-height:1.1em;}.elementor-1543 .elementor-element.elementor-element-37116197{padding:0vw 0vw 0vw 0vw;}.elementor-1543 .elementor-element.elementor-element-37116197 .elementor-heading-title{font-size:4vw;}.elementor-1543 .elementor-element.elementor-element-663ef5ff{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1543 .elementor-element.elementor-element-28a5bbe4{--padding-top:10%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1543 .elementor-element.elementor-element-323cbee5{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for html, class: .elementor-element-2d58a36 */:root {
            --primary-color: #9C0002;
            --text-color: #333;
            --light-gray: #f5f5f5;
            --border-color: #ddd;
            --tab-bg: #F7FAFF;
        }
        
        /* Reset only for our component */
        .contact-tabs-component * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .contact-tabs-component {
            width: 100%;
            background: transparent;
            overflow: hidden;
            isolation: isolate;
        }
        
        .tabs-header {
            display: flex;
            background-color: white;
            position: relative;
            margin-bottom: 15px;
        }
        
        .tab-btn {
            flex: 1;
            padding: 25px 20px 20px;
            background: var(--tab-bg);
            border: none;
            font-family: 'Rajdhani', sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: #666;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: visible;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            border-radius: 0;
        }
        
        .tab-btn i {
            font-size: 24px;
            color: #666;
            transition: all 0.3s ease;
        }
        
        /* Thicker hover line - outside the tab */
        .tab-btn:not(.active)::before {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%) scaleX(0);
            width: 80%;
            height: 4px;
            background-color: var(--primary-color);
            opacity: 0.7;
            transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            border-radius: 0;
        }
        
        .tab-btn:not(.active):hover {
            background: var(--tab-bg);
            color: #666;
        }
        
        .tab-btn:not(.active):hover i {
            color: #666;
        }
        
        .tab-btn:not(.active):hover::before {
            transform: translateX(-50%) scaleX(1);
        }
        
        /* Active tab fill animation - FASTER */
        .tab-btn::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background-color: var(--primary-color);
            transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            z-index: 0;
            border-radius: 0;
        }
        
        .tab-btn.active {
            color: white;
            background: var(--tab-bg);
        }
        
        .tab-btn.active::after {
            height: 100%;
        }
        
        .tab-btn.active i {
            color: white;
        }
        
        .tab-btn .btn-content {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }
        
        .tab-content {
            display: none;
            background: transparent;
        }
        
        .tab-content.active {
            display: flex;
            flex-wrap: wrap;
            animation: smoothAppear 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        @keyframes smoothAppear {
            from { 
                opacity: 0;
                transform: translateY(8px);
            }
            to { 
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .contact-info {
            flex: 1;
            min-width: 300px;
            font-family: 'Noto Serif', serif;
            padding: 30px;
            background: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            line-height: 1.5;
        }
        
        .map-container {
            flex: 1;
            min-width: 300px;
            overflow: hidden;
            background: white;
            display: flex;
            align-items: stretch;
            padding: 0;
            position: relative;
        }
        
        .map-wrapper {
            position: relative;
            width: 100%;
            max-height: 400px; /* حداکثر ارتفاع برای کلمپ */
            height: 100%;
            overflow: hidden;
            padding: 15px; /* پدینگ برای نقشه */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* Fade Slide Animation for Maps */
        .google-map {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 0;
            position: relative;
            opacity: 0;
            transform: translateX(30px);
            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            /* افکت محو شدن اطراف */
            mask-image: linear-gradient(
                to bottom,
                transparent 0%,
                black 10%,
                black 90%,
                transparent 100%
            );
            -webkit-mask-image: linear-gradient(
                to bottom,
                transparent 0%,
                black 10%,
                black 90%,
                transparent 100%
            );
        }
        
        .google-map.active {
            opacity: 1;
            transform: translateX(0);
        }
        
        /* Faded border effect - حذف لایه شفاف قرمز */
        .map-wrapper::before {
            display: none;
        }
        
        /* Pseudo-element with blur effect and text */
        .map-wrapper::after {
            content: '';
            position: absolute;
            top: 0; /* بزرگتر از نقشه */
            left: 0;
            width: 100%; /* بزرگتر از نقشه */
            height: 100%;
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-family: 'Rajdhani', sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: var(--primary-color);
            text-align: center;
            padding: 20px;
            z-index: 3;
            transition: all 0.5s ease;
            opacity: 1;
            pointer-events: none;
        }
        
        .map-wrapper::after::before {
            content: '\f3c5'; /* آیکون نقشه فونت-آوسام */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            font-size: 42px;
            margin-bottom: 20px;
            color: var(--primary-color);
        }
        
        .map-wrapper::after::after {
            content: 'Explore Our Location';
            font-size: 22px;
            font-weight: 700;
            line-height: 1.4;
            margin-bottom: 10px;
        }
        
        /* اضافه کردن متن جدید */
        .blur-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 4;
            pointer-events: none;
            opacity: 1;
            transition: all 0.5s ease;
        }
        
        .blur-content i {
            font-size: 42px;
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        
        .blur-text {
            font-family: 'Rajdhani', sans-serif;
            font-size: 22px;
            font-weight: 700;
            color: var(--primary-color);
            text-align: center;
            line-height: 1.4;
        }
        
        .blur-subtext {
            font-family: 'Rajdhani', sans-serif;
            font-size: 16px;
            font-weight: 500;
            color: #666;
            text-align: center;
            margin-top: 8px;
            max-width: 80%;
        }
        
        .map-wrapper:hover::after,
        .map-wrapper:hover .blur-content {
            opacity: 0;
            backdrop-filter: blur(0);
        }
        
        .info-item {
            font-family: 'Noto Serif', serif;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid var(--border-color);
        }
        
        .info-item:last-child {
                  font-family: 'Noto Serif', serif;
            border-bottom: none;
            margin-bottom: 0;
        }
        
        .info-item h3 {
                  font-family: 'Noto Serif', serif;
            color: var(--primary-color);
            margin-bottom: 8px;
            font-size: 18px;
            font-weight: 700;
        }
        
        .info-item p {
                  font-family: 'Noto Serif', serif;
            margin-bottom: 6px;
            font-size: 15px;
            line-height: 1.4;
        }
        
        .info-item a {
                  font-family: 'Noto Serif', serif;
            color: var(--primary-color);
            text-decoration: none;
            transition: all 0.2s ease;
        }
        
        .info-item a:hover {
            text-decoration: underline;
        }
        
        /* حذف لایه بلور در موبایل و تبلت */
        @media (max-width: 1024px) {
            .map-wrapper::after {
                display: none !important;
            }
            
            .blur-content {
                display: none !important;
            }
            
            .google-map {
                opacity: 1 !important;
                transform: translateX(0) !important;
                mask-image: none !important;
                -webkit-mask-image: none !important;
            }
        }
        
        /* Responsive adjustments - tabs stay side by side in mobile */
        @media (max-width: 768px) {
            .tabs-header {
                margin-bottom: 12px;
                flex-direction: row;
            }
            
            .tab-content.active {
                flex-direction: column;
            }
            
            .contact-info, .map-container {
                min-width: 100%;
            }
            
            .tab-btn {
                font-size: 16px;
                padding: 20px 16px 16px;
            }
            
            .contact-info {
                padding: 25px;
            }
            
            .map-wrapper {
                max-height: 350px;
                padding: 12px;
            }
            
            .tab-btn i {
                font-size: 20px;
            }
            
            .blur-content i {
                font-size: 36px;
            }
            
            .blur-text {
                font-size: 20px;
            }
            
            .blur-subtext {
                font-size: 15px;
            }
        }
        
        @media (max-width: 480px) {
            .tab-btn {
                font-size: 14px;
                padding: 18px 12px 14px;
            }
            
            .tab-btn i {
                font-size: 18px;
            }
            
            .info-item h3 {
                font-size: 17px;
            }
            
            .info-item p {
                font-size: 14px;
            }
            
            .map-wrapper {
                max-height: 300px;
                padding: 10px;
            }
            
            .contact-info {
                padding: 20px;
            }
            
            .tabs-header {
                margin-bottom: 10px;
            }
            
            .blur-content i {
                font-size: 32px;
            }
            
            .blur-text {
                font-size: 18px;
            }
            
            .blur-subtext {
                font-size: 14px;
            }
        }
        
        @media (max-width: 360px) {
            .tab-btn {
                font-size: 13px;
                padding: 16px 10px 12px;
            }
            
            .tab-btn i {
                font-size: 16px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-072807d */:root {
            --primary-color: #9C0002;
            --text-color: #333333;
            --glass-bg: rgba(255, 255, 255, 0.15);
            --glass-border: rgba(255, 255, 255, 0.1);
            --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            --transition: all 0.4s ease;
        }
        
        * {
            font-family: 'Rajdhani', sans-serif;
        }
      
        .widget-container {
            width: 100%;
            max-width: 1920px;
            margin: 60px auto;
        }
        
        .cards-container {
            display: flex;
            flex-wrap: nowrap; 
            gap: 30px;
            justify-content: center;
            align-items: stretch;
        }
        
        .card {
            background: var(--glass-bg);
            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px);
            border-radius: 0;
            border: 1px solid var(--glass-border);
            box-shadow: var(--glass-shadow);
            transition: var(--transition);
            flex: 0 1 450px; 
            display: flex;
            flex-direction: column;
            text-align: center;
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }
        
        .card-content {
            padding: 40px 25px;
            display: flex;
            flex-direction: column;
            align-items: center;
            flex-grow: 1;
            position: relative;
            z-index: 2;
            transition: var(--transition);
        }
        
        .card-icon {
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }
        
        .card-icon i {
            font-size: 40px;
            color: var(--primary-color);
            transition: var(--transition);
        }
        
        .card h2 {
            color: var(--primary-color);
            font-size: 1.8rem;
            font-family: 'Rajdhani', sans-serif;
            margin-bottom: 15px;
            font-weight: 700;
            transition: var(--transition);
        }

        .card p {
            color: var(--text-color);
            margin-bottom: 25px;
            line-height: 1.7;
            flex-grow: 1;
            transition: var(--transition);
            font-family: 'Rajdhani', sans-serif;
            font-size: 0.9rem;
            font-weight: 500;
        }
        
        .card-button {
            display: inline-block;
            color: var(--primary-color);
            padding: 12px 30px;
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
            font-size: 1rem;
            margin-top: auto;
            background-color: transparent;
            border: none;
            position: relative;
            overflow: hidden;
            text-decoration: none !important;
            font-family: 'Rajdhani', sans-serif;
        }
        
        .button-fill {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background-color: var(--primary-color);
            transition: height 0.3s ease;
            z-index: -1;
        }
        
        /* Hover effects for desktop */
        @media (min-width: 1025px) {
            .card:hover {
                background: rgba(255, 255, 255, 0.85);
                transform: translateY(-8px);
            }
            
            .card:hover .card-button .button-fill {
                height: 100%;
            }
            
            .card:hover .card-button {
                color: white;
            }
        }
        
        /* Styles for tablet and mobile */
        @media (max-width: 1024px) {
            .cards-container {
                flex-wrap: wrap; /* فقط در موبایل wrap شود */
            }
            
            .card {
                flex: 0 1 100%; /* عرض کامل در تبلت و موبایل */
                max-width: 500px; /* افزایش عرض در تبلت */
            }
            
            .card:active {
                background: rgba(255, 255, 255, 0.85);
                transform: scale(0.98);
            }
            
            .card:active .card-button .button-fill {
                height: 100%;
            }
            
            .card:active .card-button {
                color: white;
            }
        }
        
        /* Mobile styles */
        @media (max-width: 768px) {
            .cards-container {
                gap: 20px;
            }
            
            .card {
                flex: 0 1 100%;
                max-width: 100%; /* عرض کامل در موبایل */
            }
            
            .card-content {
                padding: 30px 20px;
            }
            
            .card h2 {
                font-size: 1.6rem;
            }
            
            .card p {
                font-size: 0.85rem;
            }
        }
        
        /* Small mobile styles */
        @media (max-width: 480px) {
            .card-content {
                padding: 25px 15px;
            }
            
            .card h2 {
                font-size: 1.4rem;
            }
            
            .card p {
                font-size: 0.8rem;
            }
            
            .card-button {
                padding: 10px 25px;
                font-size: 0.9rem;
            }
        }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-323cbee5 */.card-con {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 20px;
  margin-bottom: 0px;
  z-index: 0; /* محتوا بالای ::before باشد */
}

/* Background with fade to white using ::before */
.card-con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* پشت محتوا */
  
  background: repeating-linear-gradient(
    -45deg,
    #fff,
    #fff 10px,
    #E3EAED 10px,
    #E3EAED 20px
  );

  /* Fade from top to white */
  background-image:
    linear-gradient(to bottom, #fff 2%, rgba(255,255,255,0) 90%),
    repeating-linear-gradient(-45deg, #fff, #fff 10px, #E3EAED 10px, #E3EAED 20px);
  background-blend-mode: lighten; /* ترکیب gradient و pattern */
  background-size: cover;
}

/* Responsive pattern thickness */
@media (max-width: 768px) {
  .card-con::before {
    background-image:
      linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 50%),
      repeating-linear-gradient(-45deg, #fff, #fff 6px, #E3EAED 6px, #E3EAED 12px);
  }
}

@media (max-width: 480px) {
  .card-con::before {
    background-image:
      linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 50%),
      repeating-linear-gradient(-45deg, #fff, #fff 4px, #E3EAED 4px, #E3EAED 8px);
  }
}/* End custom CSS */