/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 03 2025 | 19:40:55 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.background-hover:hover{
background-color:#0B57E3!important;
}
#service
.background-hover-two:hover{
background-color:#0B57E3!important;
}
#service

.wp-block-column.background-hover-two:hover h3,
.wp-block-column.background-hover-two:hover p,
.wp-block-column.background-hover-two:hover .wp-block-wens-haelo-pro-icon-picker {
  color: #ffffff !important;
}
#service
.wp-block-column.background-hover-two:hover .wp-block-wens-haelo-pro-icon-picker i {
  color: #ffffff !important;
}
.show-while--hovering {
  display: none;
}
.col-hover-three:hover .show-while--hovering {
  display: block;
}
.img-hover-zoom {
  overflow: hidden;
 border-radius: 10px!important;
}
.img-hover-zoom img {
  transition: transform 0.3s ease;
}
.img-hover-zoom:hover img {
  transform: scale(1.05);
border-radius: 10px!important;
}

#portfolio .wp-block-cover {
  position: relative;
  overflow: hidden;
}

#portfolio .wp-block-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(6, 45, 114, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 10px;
  z-index: 1;
}

#portfolio .wp-block-cover h3 {
  opacity: 0;
  transition: opacity 0.3s ease;
  position: relative;
  z-index: 2; /* Above overlay */
  color: #ffffff;
}

#portfolio .wp-block-cover:hover::after {
  opacity: 1;
}
#portfolio .wp-block-cover:hover h3 {
  opacity: 1;
}
#portfolio .wp-block-cover__inner-container{
z-index:999;
}
.splide__arrow { 
background:#0B57E3!important;
}
.splide__arrow svg {
    fill: #ffffff!important;
}