.elementor-80 .elementor-element.elementor-element-4d4e4ad1{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-80 .elementor-element.elementor-element-58d360e0{--display:flex;--min-height:72px;--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:space-between;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-80 .elementor-element.elementor-element-4c735617{text-align:left;}.elementor-80 .elementor-element.elementor-element-4c735617 img{width:75%;}.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-80 .elementor-element.elementor-element-7dd17b7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.1rem;font-weight:500;color:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-80 .elementor-element.elementor-element-58d360e0{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-80 .elementor-element.elementor-element-4c735617 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-80 .elementor-element.elementor-element-4c735617{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-4d4e4ad1 */.buttons-shadow .elementor-button {
  position: relative;
  z-index: 1;
  box-shadow: 
    0px 32px 64px 0px rgba(0, 0, 0, 0.075),
    0px 2.15px 0.5px 0px rgba(0, 0, 0, 0.25),
    0px 24px 24px 0px rgba(8, 8, 8, 0.04),
    0px 6px 13px 0px rgba(8, 8, 8, 0.03),
    0px 6px 4px 0px rgba(8, 8, 8, 0.05),
    0px 5px 1.5px 0px rgba(8, 8, 8, 0.05);
  border-radius: 83px;
  overflow: hidden;
  transition: background-color 0.3s ease;
}

.buttons-shadow .elementor-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.4s ease;
  z-index: -1; 
  border-radius: 83px;
}



.buttons-shadow .elementor-button-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
}

.buttons-shadow .elementor-button:hover .elementor-button-icon svg {
  fill: none;
}





.gradient-button .elementor-button {
  position: relative;
  z-index: 1;
  box-shadow: 
    0px 32px 64px 0px rgba(0, 0, 0, 0.075),
    0px 2.15px 0.5px 0px rgba(0, 0, 0, 0.25),
    0px 24px 24px 0px rgba(8, 8, 8, 0.04),
    0px 6px 13px 0px rgba(8, 8, 8, 0.03),
    0px 6px 4px 0px rgba(8, 8, 8, 0.05),
    0px 5px 1.5px 0px rgba(8, 8, 8, 0.05);
  border-radius: 83px;
  overflow: hidden;
  transition: background-color 0.3s ease;
}





.gradient-button .elementor-button-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  transition: fill 0.3s ease; 
}

.gradient-button .elementor-button:hover .elementor-button-icon svg {
  fill: none !important; 
}




.icons-section {
  position: relative;
  box-shadow: 0px 32px 64px  rgba(0, 0, 0, 0.075), 0px 2.15px 0.5px rgba(0, 0, 0, 0.25), 0px 24px 24px rgba(8, 8, 8, 0.04), 0px 6px 13px rgba(8, 8, 8, 0.03), 0px 6px 4px rgba(8, 8, 8, 0.05), 0px 5px 1.5px  rgba(8, 8, 8, 0.05);
  border: 1.5px solid transparent;
  border-radius: 12px;
  
  background-image: 
  linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), 
  linear-gradient(180deg, #F6F6F6 0%, #E6E6E6 100%);

    
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
}

.elementor-social-icon {
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1) !important;
}




.projects {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.projects {
  position: relative;
  border-radius: 20px;
  z-index: 1;
  
}

.projects::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 0.5px;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.projects-sec {
    max-height: 499px;
    overflow-y: auto;
}

.projects-sec::-webkit-scrollbar {
    display: none; 
}




.custom-animated-btn .elementor-button {
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin-bottom: -6px;
  transition: color 0.3s ease, font-weight 0.3s ease;
}

.custom-animated-btn .elementor-button:hover {
  background: #282828;
  box-shadow:
    0px 16px 24px rgba(0, 0, 0, 0.5),
    0px 2.15px 0.5px rgba(0, 0, 0, 0.25),
    0px 5px 1.5px rgba(8, 8, 8, 0.2),
    0px 6px 4px rgba(8, 8, 8, 0.16),
    0px 6px 13px rgba(8, 8, 8, 0.12),
    0px 24px 24px rgba(8, 8, 8, 0.08),
    inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}


.custom-animated-btn .elementor-button:hover {
  color: #EFF5F2 !important;
  font-weight: 600 !important;
}


.custom-animated-btn .elementor-button::after {
  content: url('https://boluwatife.nerodigitalservices.com/wp-content/uploads/2025/05/guidance_up-arrow-1.svg');
  position: absolute;
  right: 18px;
  top: 54%;
  transform: translateY(-50%) translateX(10px);
  width: 40px;
  height: 40px;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 3;
   display: block;
}


.custom-animated-btn .elementor-button:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}


.custom-animated-btn .elementor-button::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(
    to right,
    rgba(253, 253, 253, 0.05) 0%,
    rgba(253, 253, 253, 0.05) 40%,
    rgba(253, 253, 253, 0.05) 60%,
    rgba(253, 253, 253, 0.05) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.custom-animated-btn .elementor-button:hover::before {
  opacity: 0.15;
}






.skill-icon .elementor-icon-list-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background-color: rgba(255, 255, 255, 0.11);
    border-radius: 100px;
    margin-right: 12px;
    
}

.Work-Experience {
  position: relative;
  border-radius: 12px;
  transition: all 0.4s ease;
  
}

.Work-Experience:hover {
  background: #282828;
  box-shadow:
    0px 16px 24px rgba(0, 0, 0, 0.5),
    0px 2.15px 0.5px rgba(0, 0, 0, 0.25),
    0px 5px 1.5px rgba(8, 8, 8, 0.2),
    0px 6px 4px rgba(8, 8, 8, 0.16),
    0px 6px 13px rgba(8, 8, 8, 0.12),
    0px 24px 24px rgba(8, 8, 8, 0.08),
    inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}


.Work-Experience::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(
    to bottom,
    rgba(253, 253, 253, 0.15) 0%,
    rgba(253, 253, 253, 0.15) 40%,
    rgba(253, 253, 253, 0.15) 60%,
    rgba(253, 253, 253, 0.15) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.Work-Experience:hover::before {
  opacity: 0.5;
}

.Work-Experience {
  position: relative;
  border-radius: 12px;
  transition: all 0.4s ease;
}





.achievements-section {
       
     border: 1px solid rgba(253, 253, 253, 0.05);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 12px;}
    
    .achievements-section {
  position: relative;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.achievements-section::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 12px;
  background: linear-gradient(
    90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0) 40%,
    rgba(253, 253, 253, 0) 60%,
    rgba(253, 253, 253, 0.1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.achievements-section:hover {
  background: #282828;
  box-shadow:
    0px 16px 24px rgba(0, 0, 0, 0.5),
    0px 2.15px 0.5px rgba(0, 0, 0, 0.25),
    0px 5px 1.5px rgba(8, 8, 8, 0.2),
    0px 6px 4px rgba(8, 8, 8, 0.16),
    0px 6px 13px rgba(8, 8, 8, 0.12),
    0px 24px 24px rgba(8, 8, 8, 0.08),
    inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}

.achievements-section:hover::before {
  opacity: 0.15;
}






.service-item {
  transition: all 500ms ease;
}


.service-item:hover {
  background: #282828;
  border-radius: 12px;
  transition-duration: 500ms;
  box-shadow:
    0px 16px 24px rgba(0, 0, 0, 0.5),
    0px 2.15px 0.5px rgba(0, 0, 0, 0.25),
    0px 5px 1.5px rgba(8, 8, 8, 0.2),
    0px 6px 4px rgba(8, 8, 8, 0.16),
    0px 6px 13px rgba(8, 8, 8, 0.12),
    0px 24px 24px rgba(8, 8, 8, 0.08),
    inset 2px 4px 16px rgba(253, 253, 253, 0.05);
  
  
}


.contact-icons-section {
    background: #282828;
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
border-radius: 12px;
}

.ct-icons-sec {
    border: 1px solid rgba(253, 253, 253, 0.05);
    box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
    filter: drop-shadow(0px 6px 13px rgba(8, 8, 8, 0.12));
    border-radius: 12px;
}

.ct-icons-design .elementor-icon-box-icon{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 52px;
        height: 52px;
        border: 2px solid rgba(253, 253, 253, 0.05) !important;
       box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
      border-radius: 12px;
     margin-top: 5px;
}/* End custom CSS */