.elementor-3289 .elementor-element.elementor-element-ba3732c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.34;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-3289 .elementor-element.elementor-element-ba3732c:not(.elementor-motion-effects-element-type-background), .elementor-3289 .elementor-element.elementor-element-ba3732c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003020;}.elementor-3289 .elementor-element.elementor-element-ba3732c::before, .elementor-3289 .elementor-element.elementor-element-ba3732c > .elementor-background-video-container::before, .elementor-3289 .elementor-element.elementor-element-ba3732c > .e-con-inner > .elementor-background-video-container::before, .elementor-3289 .elementor-element.elementor-element-ba3732c > .elementor-background-slideshow::before, .elementor-3289 .elementor-element.elementor-element-ba3732c > .e-con-inner > .elementor-background-slideshow::before, .elementor-3289 .elementor-element.elementor-element-ba3732c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-image:url("https://fondationassalam.ma/wp-content/uploads/2026/04/Arabic-Pattern-Background-4.jpg");}.elementor-3289 .elementor-element.elementor-element-387012e{transition:all 400ms;}.elementor-3289 .elementor-element.elementor-element-ce86f25 .elementor-icon-wrapper{text-align:center;}.elementor-3289 .elementor-element.elementor-element-ce86f25 .elementor-icon{font-size:21px;}.elementor-3289 .elementor-element.elementor-element-ce86f25 .elementor-icon svg{height:21px;}.elementor-3289 .elementor-element.elementor-element-ce86f25{transition:all 400ms;}.elementor-3289 .elementor-element.elementor-element-4bb36a0 .elementor-icon-wrapper{text-align:center;}.elementor-3289 .elementor-element.elementor-element-4bb36a0{transition:all 400ms;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-3289 .elementor-element.elementor-element-ba3732c{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for icon, class: .elementor-element-ce86f25 */.whatsapp-floating-icon{
  position: fixed !important;
  right: 24px !important;
  bottom: 100px !important;
  z-index: 99998 !important;
}

.whatsapp-floating-icon .elementor-icon{
  width: 62px !important;
  height: 62px !important;
  background: #25D366 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.35) !important;
  transition: all .25s ease !important;
  position: relative !important;
}

.whatsapp-floating-icon .elementor-icon i,
.whatsapp-floating-icon .elementor-icon svg{
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}

.whatsapp-floating-icon .elementor-icon:hover{
  transform: translateY(-4px) scale(1.05) !important;
  background: #20BF5A !important;
  box-shadow: 0 18px 40px rgba(37, 211, 102, 0.45) !important;
}

.whatsapp-floating-icon .elementor-icon::before{
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.18);
  animation: whatsappPulse 1.8s infinite;
  z-index: -1;
}

@keyframes whatsappPulse{
  0%{
    transform: scale(.9);
    opacity: .9;
  }
  100%{
    transform: scale(1.35);
    opacity: 0;
  }
}

@media(max-width: 767px){
  .whatsapp-floating-icon{
    right: 16px !important;
    bottom: 16px !important;
  }

  .whatsapp-floating-icon .elementor-icon{
    width: 54px !important;
    height: 54px !important;
  }

  .whatsapp-floating-icon .elementor-icon i,
  .whatsapp-floating-icon .elementor-icon svg{
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
  }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4bb36a0 */.back-to-top-floating{
  position: fixed !important;
  right: 26px !important;
  bottom: 24px !important;
  z-index: 99999 !important;
}

.back-to-top-floating .elementor-icon{
  width: 56px !important;
  height: 56px !important;
  background: #003f36 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 12px 28px rgba(0, 63, 54, 0.28) !important;
  transition: all .25s ease !important;
}

.back-to-top-floating .elementor-icon:hover{
  transform: translateY(-5px) !important;
  background: #51AC5A !important;
}

.back-to-top-floating .elementor-icon i,
.back-to-top-floating .elementor-icon svg{
  color: #ffffff !important;
  fill: #ffffff !important;
  font-size: 28px !important;
  width: 28px !important;
  height: 28px !important;
}

@media(max-width: 767px){
  .back-to-top-floating{
    right: 16px !important;
    bottom: 86px !important;
  }

  .back-to-top-floating .elementor-icon{
    width: 50px !important;
    height: 50px !important;
  }
}/* End custom CSS */