.elementor-5714 .elementor-element.elementor-element-fb41562{--display:flex;--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;}.elementor-5714 .elementor-element.elementor-element-dff11fa{--spacer-size:90px;}.elementor-5714 .elementor-element.elementor-element-fc4b267{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5714 .elementor-element.elementor-element-fc4b267.e-con{--align-self:center;}.elementor-5714 .elementor-element.elementor-element-321af86{--display:flex;--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-5714 .elementor-element.elementor-element-8911ee8 img{border-radius:24px 24px 24px 24px;box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.3);}.elementor-5714 .elementor-element.elementor-element-3586dbf{--display:flex;--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;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-5714 .elementor-element.elementor-element-7e910b0 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-5714 .elementor-element.elementor-element-7e910b0 .elementor-heading-title{font-size:14px;font-weight:500;color:var( --e-global-color-text_light );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-5714 .elementor-element.elementor-element-d226333 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5714 .elementor-element.elementor-element-d226333{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-item > a{font-size:var( --e-global-typography-af4e057-font-size );font-weight:var( --e-global-typography-af4e057-font-weight );text-transform:var( --e-global-typography-af4e057-text-transform );letter-spacing:var( --e-global-typography-af4e057-letter-spacing );}.elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-text{color:var( --e-global-color-text_light );transition:color 0.3s;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5714 .elementor-element.elementor-element-767ed9f{--display:flex;--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;}.elementor-5714 .elementor-element.elementor-element-421fb1c{--spacer-size:90px;}.elementor-5714 .elementor-element.elementor-element-eff93c4{--spacer-size:90px;}.breadcrumb-wrap, .elementor-page-5714 .breadcrumb-wrap{background-image:url("https://rcayo.com/wp-content/uploads/2025/09/bc-1.jpg");}@media(min-width:768px){.elementor-5714 .elementor-element.elementor-element-fc4b267{--width:81%;}.elementor-5714 .elementor-element.elementor-element-321af86{--width:33.3333%;}.elementor-5714 .elementor-element.elementor-element-3586dbf{--width:66.6666%;}}@media(max-width:1366px){.elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-item > a{font-size:var( --e-global-typography-af4e057-font-size );letter-spacing:var( --e-global-typography-af4e057-letter-spacing );}}@media(max-width:1024px){.elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-item > a{font-size:var( --e-global-typography-af4e057-font-size );letter-spacing:var( --e-global-typography-af4e057-letter-spacing );}}@media(max-width:767px){.elementor-5714 .elementor-element.elementor-element-dff11fa{--spacer-size:2px;}.elementor-5714 .elementor-element.elementor-element-d226333 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5714 .elementor-element.elementor-element-d226333 .elementor-icon-list-item > a{font-size:var( --e-global-typography-af4e057-font-size );letter-spacing:var( --e-global-typography-af4e057-letter-spacing );}.elementor-5714 .elementor-element.elementor-element-421fb1c{--spacer-size:2px;}.elementor-5714 .elementor-element.elementor-element-eff93c4{--spacer-size:2px;}}/* Start custom CSS for icon-list, class: .elementor-element-d226333 *//* STEP-BY-STEP CSS - ONLY for the AYO hero header */
/* Add class="ayo-hero-header" to your section container */

/* STEP 1: Target only the list inside our specific container */
.ayo-hero-header .elementor-icon-list-items {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* STEP 2: Target only the list item inside our container */
.ayo-hero-header .elementor-icon-list-item {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  margin-bottom: 20px !important;
  position: relative !important;
}

/* STEP 3: Style only our specific icon */
.ayo-hero-header .elementor-icon-list-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ayo-hero-header .eyecazi-icon-icon-cross {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #1c7ba4, #557e2a) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  font-size: 1.5rem !important;
  color: white !important;
  box-shadow: 0 8px 20px rgba(28, 123, 164, 0.3) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ayo-hero-header .eyecazi-icon-icon-cross:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 12px 25px rgba(85, 126, 42, 0.35) !important;
}

/* Icon symbol */
.ayo-hero-header .eyecazi-icon-icon-cross::before {
  content: "✦" !important;
  font-size: 1.6rem !important;
  font-weight: normal !important;
}

/* STEP 4: Target only our specific text */
.ayo-hero-header .elementor-icon-list-text {
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  background: linear-gradient(120deg, #1c7ba4 0%, #557e2a 50%, #1c7ba4 100%) !important;
  background-size: 200% auto !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
  animation: ayoGentleShine 4s ease infinite !important;
  display: inline-block !important;
  line-height: 1.2 !important;
}

/* STEP 5: Underline accent */
.ayo-hero-header .elementor-icon-list-item::after {
  content: "" !important;
  position: absolute !important;
  bottom: -12px !important;
  left: 60px !important;
  width: 80px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #1c7ba4, #557e2a, transparent) !important;
  border-radius: 4px !important;
}

/* STEP 6: Animation */
@keyframes ayoGentleShine {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* STEP 7: Hover effects */
.ayo-hero-header .elementor-icon-list-item:hover .elementor-icon-list-text {
  background: linear-gradient(120deg, #557e2a 0%, #1c7ba4 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  transition: background 0.3s ease !important;
}

.ayo-hero-header .elementor-icon-list-item:hover .eyecazi-icon-icon-cross {
  transform: scale(1.1) rotate(5deg) !important;
}
/**/

/* STEP 8: Responsive */
@media (max-width: 768px) {
  .ayo-hero-header .elementor-icon-list-text {
    font-size: 1.6rem !important;
  }
  
  .ayo-hero-header .eyecazi-icon-icon-cross {
    width: 40px !important;
    height: 40px !important;
  }
  
  .ayo-hero-header .eyecazi-icon-icon-cross::before {
    font-size: 1.3rem !important;
  }
  
  .ayo-hero-header .elementor-icon-list-item::after {
    left: 55px !important;
    width: 60px !important;
  }
}

@media (max-width: 480px) {
  .ayo-hero-header .elementor-icon-list-text {
    font-size: 1.3rem !important;
  }
  
  .ayo-hero-header .elementor-icon-list-item {
    gap: 10px !important;
  }
  
  .ayo-hero-header .elementor-icon-list-item::after {
    left: 50px !important;
    width: 50px !important;
  }
}









.grid-item.elementor-teambox-item{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  border:none;

  border-bottom: 3px solid #6BBF59;

  box-shadow: 0 20px 50px rgba(0,0,0,0.12);

  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.grid-item.elementor-teambox-item:hover{
  transform: translateY(-8px);

  border-bottom: 3px solid #2F8FBF;

  box-shadow: 0 25px 60px rgba(47,143,191,0.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc4b267 */.container{
    margin:auto;
}
div#content{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  background: #fff;
  padding: 20px;
  border-radius: 16px;
}

/* blobs */
div#content::before,
div#content::after{
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  filter: blur(50px);
  opacity: 0.2; /* softer */
  z-index: -1;
  pointer-events: none;
}

/* green blob */
div#content::before{
  background: #6cbf5a;
  top: -80px;
  left: -80px;

  animation: moveGreen 6s ease-in-out infinite alternate;
}

/* blue blob */
div#content::after{
  background: #227198;
  right: 30px;
  bottom: 200px;

  animation: moveBlue 7s ease-in-out infinite alternate;
}

/* animations */
@keyframes moveGreen{
  0%{
    top: -80px;
    left: -80px;
  }
  100%{
    top: 100px;
    left: 120px;
  }
}

@keyframes moveBlue{
  0%{
    right: -80px;
    bottom: -80px;
  }
  100%{
    right: 120px;
    bottom: 60px;
  }
}/* End custom CSS */