.elementor-201 .elementor-element.elementor-element-7edf5f27{--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;--overlay-opacity:0.25;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-7edf5f27::before, .elementor-201 .elementor-element.elementor-element-7edf5f27 > .elementor-background-video-container::before, .elementor-201 .elementor-element.elementor-element-7edf5f27 > .e-con-inner > .elementor-background-video-container::before, .elementor-201 .elementor-element.elementor-element-7edf5f27 > .elementor-background-slideshow::before, .elementor-201 .elementor-element.elementor-element-7edf5f27 > .e-con-inner > .elementor-background-slideshow::before, .elementor-201 .elementor-element.elementor-element-7edf5f27 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.fmfroofing.com/wp-content/uploads/2025/10/tbg21.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-201 .elementor-element.elementor-element-414f0d12{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:48px;--padding-right:48px;}.elementor-201 .elementor-element.elementor-element-299a92b7{--e-image-carousel-slides-to-show:4;}.elementor-201 .elementor-element.elementor-element-299a92b7 .swiper-wrapper{display:flex;align-items:center;}@media(max-width:1366px){.elementor-201 .elementor-element.elementor-element-414f0d12{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}}@media(max-width:1024px){.elementor-201 .elementor-element.elementor-element-299a92b7{--e-image-carousel-slides-to-show:2;}}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-414f0d12{--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-201 .elementor-element.elementor-element-299a92b7{--e-image-carousel-slides-to-show:1;}}/* Start custom CSS */.custom-top-bar:after {
    content: "";
    height: 4px;
    width: 25%;
    background-color: #0581C0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.3s 
ease-in-out;
    margin: auto;
}
.custom-top-bar:hover:after {
    width: 100%;
    border-radius: 8px 8px 0px 0px;
}
.custom-top-bar:hover .custom-btn-card {
    background-color: #0581C0;
    border-radius: 0px 0px 8px 8px;
}
.custom-top-bar:hover .custom-btn-card .elementor-button-text {
    color: #ffffff;
}
.custom-image-shadow .elementor-image-box-img img{
    padding: 15px;
    background-color: #0581C025;
    border-radius: 999px
}
.custom-top-bar:hover .custom-image-shadow .elementor-image-box-img img{
    box-shadow: 0px 21px 32px 0px #0581c099;
}



.custom-image-carousel .swiper .swiper-slide figure {
    height: 150px;
    justify-content: center;
    display: flex;
}


.choose-box {
  position: relative;
  overflow: hidden;
}
.choose-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  background: #0581C0;
  transition: width 0.3s ease;
  z-index: 0;
}
.choose-box:hover::before {
  width: 100%;
}
.choose-box > * {
  position: relative;
  z-index: 1;
}
.choose-box:hover .choose-title-white {
  color: #ffffff;
}




.border5050 {
  border-left: 5px solid #0581C0;
  position: relative;
  padding: 10px;
}

.border5050::before,
.border5050::after {
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  height: 5px;
  background: #0581C0;
}

.border5050::before {
  top: 0;
}

.border5050::after {
  bottom: 0;
}




.blog-card-effect {
  position: relative;
  background: url("https://picsum.photos/600/400") center/cover no-repeat;
  overflow: hidden;
  cursor: pointer;
}

.ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: scale(0);
  animation: rippleEffect 0.8s linear;
  pointer-events: none;
}

@keyframes rippleEffect {
  to {
    transform: scale(8);
    opacity: 0;
  }
}


.elementor-flip-box__layer__title{
    border-left: 3px solid #0581C0;
    padding-left: 10px !important;
}






.elementor-23 .elementor-element.elementor-element-57f61b8 .elementor-swiper-button svg{
    background-color: #ffffff99;
    border: 1px solid #0581C0;
    border-radius: 3px;
    padding: 5px;
    width: 25px;
    height: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}



.box-bg-primary:hover .custom-bg-primary{
    transition: all 0.5s ease-in-out;
    background:#0581C0;
    top: -7px;
}/* End custom CSS */