.elementor-11 .elementor-element.elementor-element-c2df67f{--display:flex;--overflow:hidden;--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-11 .elementor-element.elementor-element-d97f4d4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-eb855c3{margin:135px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-535fd92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:12;}.elementor-11 .elementor-element.elementor-element-a35cca3{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:11;}.elementor-11 .elementor-element.elementor-element-4993907{width:initial;max-width:initial;z-index:12;}.elementor-11 .elementor-element.elementor-element-4a011dc{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:13;}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}body.elementor-page-11{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-c2df67f{--content-width:100vw;}}/* Start custom CSS for html, class: .elementor-element-eb855c3 */.elementor-11 .elementor-element.elementor-element-eb855c3{
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4993907 *//* 1. Define the animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.06;
  }
}

/* 2. Apply the animation to your class */
.my-image-bg-logo  {

  
  height: 100vh;
  background-size: cover;
  background-position: center;
  z-index: 1;

  /* --- THIS IS THE FIX --- */
  /* Start the element as invisible *before* the animation begins */
  opacity: 0; 
  /* ---------------------- */

  animation-name: fadeIn;
  animation-duration: 1s;       /* How long the fade takes */
  animation-delay: 2s;         /* Wait 2 seconds before starting */
  animation-fill-mode: forwards; /* Stay at opacity 0.4 after animation */
}
.elementor-11 .elementor-element.elementor-element-4993907 {
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS *//* Small padding on the card back */
.partners-section .card-back {
  padding: 14px 16px;         /* tweak as you like */
  background-color: #015A70;  /* keep your color */
  border-radius: 10px;        /* optional: soften corners */
}

/* Justified text inside the back side */
.partners-section .card-back p,
#title-center {
  text-align: justify;
  text-justify: inter-word;   /* better spacing on supported browsers */
  line-height: 1.8;           /* nicer reading for Persian */
  hyphens: auto;              /* helps justification */
  direction: rtl;             /* Persian text */
}/* End custom CSS */