@font-face {font-family:"irs";src: url( "assets/irs.woff" )format( "woff" );font-weight:normal !important;font-style:normal !important;}

body {	font-family:irs!important;
	font-style:normal !important;
	font-weight:normal !important;
        letter-spacing:0 !important;
}
h1,h2,h3,h4,h5,h6,.section-title h3,.woodmart-title-container,.wd-info-box .info-box-title,.category-grid-item .wd-entities-title,h1.entry-title{
font-family:irs;
}
a,li a,p,pre,p h1,p h2,p h3,p h4,p h5,span,.title-size-large .title, .widget-title,.product_list_widget>li .wd-entities-title{
	font-family:irs;}
.scroll-image {
  overflow: hidden;
  position: relative;
  display: inline-block;
  height: 300px; /* Adjust the height as desired */
}

@media (max-width: 768px) {
  .scroll-image {
    height: 300px; /* Adjust the height for mobile devices */
  }
}

.scroll-image img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 3s ease-in-out;
  width: 100%; /* Add this line to make the image responsive */
}
p.icon-box-description {
    text-align: justify;
    text-align-last: center;
}
table.webgohar-namadha tbody tr:hover>td, table tbody tr:hover>th {
    background-color: #031039!important;
}

table.webgohar-namadha tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #03103a!important;
}
table.webgohar-namadha td, table.webgohar-namadha th {
    padding:0;
    line-height: 0;
    vertical-align: unset;
    border: 1px solid #03103b!important;
}
/* مخفی کردن المان در صفحه با آیدی 16796 */
body.page-id-16796 section#webgohar-quick-contact {
    display: none !important;
}


/* CSS عمومی برای تمام المان‌های اسکرول‌شونده */
.scroll-image .elementor-widget-container {
  height: 300px; /* ارتفاع ثابت برای نمایش بخشی از تصویر */
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.scroll-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.7s cubic-bezier(0.33, 0.66, 0.66, 1);
}

/* حالت تعاملی */
.scroll-image:hover img {
  transform: translateY(calc(-100% + 300px));
}

/* برای دستگاه‌های لمسی */
@media (hover: none) {
  .scroll-image:hover img {
    transform: none;
  }
}