/**
* Theme Name: Spaciaz Child
* Description: This is a child theme of Spaciaz, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: spaciaz
* Version: 1.0.0
*/


/* Import Iransans CSS */
@import url('fonts/iransans-font.css');

/* Import YekanBakh CSS */
@import url('fonts/YekanBakhs-font.css');




body {
    font-family: 'iransans', sans-serif; /* Use the custom font family */
}

/* You can apply the custom font to specific elements as well */
h3, h4, h5, h6,li {
    font-family: 'iransans', sans-serif; /* Apply the custom font to headings */
}

/* You can apply the custom font to specific elements as well */
h1, h2 {
    font-family: 'Yekan Bakh FaNum', sans-serif!important; /* Apply the custom font to headings */
}

h2 {
    font-size: 1.2em!important; /* Apply the custom font to headings */
	font-weight:700!important;
	line-height:1.8!important;
}
h3 {
    font-size: 1em; /* Apply the custom font to headings */
}
.elementor-icon-list-text {
    font-family: 'Yekan Bakh FaNum', sans-serif !important;
}
.elementor-64 .elementor-element.elementor-element-ad5cd6d {
    margin: 0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
}
.elementor-64 .elementor-element.elementor-element-db1a0d6 {
    margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;
}
.elementor-64 .elementor-element.elementor-element-6afc8cc > .elementor-widget-container {
    padding: 0px 0px 0px 30px;
}


.elementor-widget-spaciaz-iconbox .iconbox-content .decor_border:after {
  transform: rotate(180deg)!important;
}
.elementor-widget-spaciaz-iconbox .iconbox-content .decor_border:before {
  transform: rotate(+180deg)!important;
}
.elementor-41 .elementor-element.elementor-element-590d68f .spaciaz-border-shape.top-left {
    transform: rotate( 270deg)!important;
}
i.spaciaz-icon-arrow-up {
    color: white;
}
.scrolling-title { 
    font-family: 'Yekan Bakh FaNum' !important; 
}
/* Swap positions for border shapes in RTL */
.rtl .spaciaz-border-shape.top-left {
    left: auto !important;
    right: -30px !important; /* Adjust the -10px based on your inspection of the original left value in LTR; it might be -15px or similar */
}

.rtl .spaciaz-border-shape.top-right {
    right: auto !important;
    left: -30px !important; /* Same as above */
}


.elementor-41 .elementor-element.elementor-element-2663327 .spaciaz-border-shape.top-left {
    transform: rotate(90deg);
}


.elementor-41 .elementor-element.elementor-element-2663327 .spaciaz-border-shape.top-right {
    transform: rotate(180deg);
}


.rtl .spaciaz-border-shape.top-right {
    left: 0px !important; /* Moves it -50px from the left; if you mean right, use right: -50px !important; */
}

h5.service-title {
    font-size:22px;
     margin-top: 50px!important;
}




.service-item .description {
  font-size: 16px!important;
}
.service-item.service-style-5 .service-button {
  background-color: #233d8b;

}
hover i {
    color: #ffffff !important; /* سفید مطلق، !important برای اورراید کردن استایل‌های قبلی */
}

h4.service-title {
    font-size:22px
}
/* سفید کردن آیکن در حالت عادی و hover */
.service-button .btn-icon i,
.service-button:hover .btn-icon-
.service-item.service-style-2 .service-content {
padding: clamp(15px, 3.5vmax, 10px);  /* برای همه طرف‌ها */
padding-left: clamp(10px, 2vmax, 40px);  /* تغییر چپ */
padding-right: clamp(10px, 2vmax, 40px); /* تغییر راست */
}

.service-content .description {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    white-space: normal !important;
}