.elementor-19961 .elementor-element.elementor-element-fa750a9{--display:flex;--min-height:300px;--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:center;--overlay-opacity:1;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-19961 .elementor-element.elementor-element-fa750a9::before, .elementor-19961 .elementor-element.elementor-element-fa750a9 > .elementor-background-video-container::before, .elementor-19961 .elementor-element.elementor-element-fa750a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-19961 .elementor-element.elementor-element-fa750a9 > .elementor-background-slideshow::before, .elementor-19961 .elementor-element.elementor-element-fa750a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19961 .elementor-element.elementor-element-fa750a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );background-image:var(--wpr-bg-db841afc-ee78-49bf-ae23-8595d201fef3);--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19961 .elementor-element.elementor-element-fa750a9::before{filter:brightness( 85% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-19961 .elementor-element.elementor-element-68b500e{text-align:right;}.elementor-19961 .elementor-element.elementor-element-68b500e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-5999bde );}.elementor-19961 .elementor-element.elementor-element-4e5c497{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-19961 .elementor-element.elementor-element-4e5c497.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19961 .elementor-element.elementor-element-9e8445f{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-19961 .elementor-element.elementor-element-fa750a9{--min-height:150px;}.elementor-19961 .elementor-element.elementor-element-4e5c497{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-19961 .elementor-element.elementor-element-4e5c497{--content-width:100%;--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-19961 .elementor-element.elementor-element-9e8445f{margin:-5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}}/* Start custom CSS for shortcode, class: .elementor-element-9e8445f */<style>
.col-lg-3.col-md-6.col-6 { padding: 5px; }

.grid-item {
  padding:5px;
  background: #f1f5f8;
  display: flex;
  flex-direction: column; /* تا توضیحات زیر هدر بیاد */
  margin: 5px;
}

.grid-item img {
  width: auto;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
      padding: 4%;
}

.grid-item.active {
  background: #14457b;
}

.grid-item.active::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 12px 12px 0 12px;
  border-style: solid;
  border-color: #14457b transparent transparent transparent;
}

.row-description {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  padding: 0 5px; /* فقط padding افقی */
  transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
}

.row-description.show {
  opacity: 1;
  padding: 15px 5px; 
  max-height: 1000px; /* بیشتر از هر توضیحی */
}

.row-description h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

.row-description a.btn {
  display: inline-block;
  background: #14457b;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  text-decoration: none;
}

.row-description a.btn:hover { background: #0f3055; }

@media (max-width: 991px) {
  .grid-row { display: flex; flex-wrap: wrap; }
  .grid-row .col-md-6 { width: 50%; }
  .row-description a.btn { font-size:0.8em; }
}

@media (min-width: 992px) {
  .col-lg-3 { flex: 0 0 auto; width: 24% !important; }
}
@media (min-width: 992px) {
    .col-lg-3 {
        flex: 0 0 auto;
        width: 24%;
    }
}
@media (max-width: 991px) {
    .grid-row .col-md-6 {
        width: 45%;
    }
    .row-description a.btn {
        font-size:0.8em;
    }
}
@media (min-width: 992px) {
    .col-lg-3 {
        flex: 0 0 auto;
        width: 24% !important;
    }
}
</style>/* End custom CSS */