.elementor-977 .elementor-element.elementor-element-b865954:not(.elementor-motion-effects-element-type-background), .elementor-977 .elementor-element.elementor-element-b865954 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D2F52;}.elementor-977 .elementor-element.elementor-element-b865954, .elementor-977 .elementor-element.elementor-element-b865954 > .elementor-background-overlay{border-radius:15px 15px 0px 0px;}.elementor-977 .elementor-element.elementor-element-b865954{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-977 .elementor-element.elementor-element-b865954 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-977 .elementor-element.elementor-element-fe5e7d3{margin-top:0px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-977 .elementor-element.elementor-element-5dfafcf.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-977 .elementor-element.elementor-element-5dfafcf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-977 .elementor-element.elementor-element-f97306b > .elementor-widget-container{margin:0px -15px 0px 0px;}.elementor-977 .elementor-element.elementor-element-f97306b{text-align:right;}.elementor-977 .elementor-element.elementor-element-f97306b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;color:#FFFFFF;}.elementor-977 .elementor-element.elementor-element-1c8e501 > .elementor-widget-container{margin:0px -10px 0px 0px;}#elementor-popup-modal-977 .dialog-widget-content{animation-duration:1.2s;background-color:#DDE3E9;border-radius:21px 21px 15px 15px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-977{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-977 .dialog-message{width:1000px;height:600px;align-items:flex-start;}#elementor-popup-modal-977 .dialog-close-button{display:flex;background-color:#0D2F52;font-size:15px;}#elementor-popup-modal-977 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-977 .dialog-close-button svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-977 .elementor-element.elementor-element-5dfafcf{width:45%;}.elementor-977 .elementor-element.elementor-element-655d4b8{width:55%;}}/* Start custom CSS for html, class: .elementor-element-1c8e501 */#gallery {
  padding-top: 40px;
}

@media screen and (min-width: 991px) {
  #gallery {
    padding: 0px 0px 0 0px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 7px;
  width: 100%;
  padding-bottom: 100%; /* ارتفاع مساوی با عرض */
  height: 0; /* حذف ارتفاع اصلی */
  overflow: hidden; /* مخفی کردن محتوای بیرون زده */
}

.img-wrapper img {
  position: absolute; /* برای قرارگیری دقیق در داخل wrapper */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* مهم: تضمین می‌کند تصویر کل کادر مربع را پر کند (ممکن است بریده شود) */
}

.img-overlay {
  background: #1f3f1c90;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  cursor: pointer; 
  border-radius: 7px;
}

.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; 
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width:768px) {
  #overlay img {
    width: 60%;
  }
}

@media screen and (min-width:1200px) {
  #overlay img {
    width: 41%;
  }
}

/* اصلاح مکان دکمه‌ها برای RTL */
#prevButton {
    /* PrevButton (فلش راست) */
    position: absolute;
    right: 15px; /* سمت راست صفحه */
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    cursor: pointer;
    z-index: 10000;
}

#nextButton {
    /* NextButton (فلش چپ) */
    position: absolute;
    left: 15px; /* سمت چپ صفحه */
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    cursor: pointer;
    z-index: 10000;
}


#nextButton:hover, #prevButton:hover {
  opacity: 0.7;
}

@media screen and (min-width:768px) {
  #nextButton, #prevButton {
    font-size: 2em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 21px; 
  cursor: pointer;
  z-index: 10000;
}

#exitButton:hover {
  opacity: 0.7;
}

@media screen and (min-width:768px) {
  #exitButton {
    font-size: 2em;
  }
}

@media (min-width: 1200px) {
    /* Bootstrap large breakpoint */
    .col-lg-2 {
        width: 16.66666667%; /* 100% / 6 */
    }
}

@media (min-width: 992px) {
     .col-lg-2 {
        max-width: 16.66666667%;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6f58c31 */.elementor-977 .elementor-element.elementor-element-6f58c31 .img-wrapper img {
    border-radius: 7px;
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-977 .dialog-message {
    width: 1200px;
}

#elementor-popup-modal-977 .dialog-close-button {
    padding: 4px;
    border-radius: 31px;
}

.elementor-popup-modal .dialog-close-button {
    display: none;
    inset-inline-end: 20px;
    top: 12px;
}/* End custom CSS */