.elementor-195 .elementor-element.elementor-element-1d132edd{--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.15;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-195 .elementor-element.elementor-element-1d132edd:not(.elementor-motion-effects-element-type-background), .elementor-195 .elementor-element.elementor-element-1d132edd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9acdf77 );}.elementor-195 .elementor-element.elementor-element-1d132edd::before, .elementor-195 .elementor-element.elementor-element-1d132edd > .elementor-background-video-container::before, .elementor-195 .elementor-element.elementor-element-1d132edd > .e-con-inner > .elementor-background-video-container::before, .elementor-195 .elementor-element.elementor-element-1d132edd > .elementor-background-slideshow::before, .elementor-195 .elementor-element.elementor-element-1d132edd > .e-con-inner > .elementor-background-slideshow::before, .elementor-195 .elementor-element.elementor-element-1d132edd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.fmfroofing.com/wp-content/uploads/2025/10/house2.png");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:contain;}.elementor-195 .elementor-element.elementor-element-6edf38ec{--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.5;--padding-top:75px;--padding-bottom:75px;--padding-left:48px;--padding-right:48px;}.elementor-195 .elementor-element.elementor-element-6edf38ec::before, .elementor-195 .elementor-element.elementor-element-6edf38ec > .elementor-background-video-container::before, .elementor-195 .elementor-element.elementor-element-6edf38ec > .e-con-inner > .elementor-background-video-container::before, .elementor-195 .elementor-element.elementor-element-6edf38ec > .elementor-background-slideshow::before, .elementor-195 .elementor-element.elementor-element-6edf38ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-195 .elementor-element.elementor-element-6edf38ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.fmfroofing.com/wp-content/uploads/2025/10/ho4_vic4.png");--background-overlay:'';background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-195 .elementor-element.elementor-element-1858ae67{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-195 .elementor-element.elementor-element-6ed6924d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-195 .elementor-element.elementor-element-6ed6924d .elementor-main-swiper{height:350px;}.elementor-195 .elementor-element.elementor-element-6ed6924d .elementor-main-swiper .swiper-slide{border-width:0px 0px 3px 0px;border-radius:8px;border-color:var( --e-global-color-primary );}.elementor-195 .elementor-element.elementor-element-6ed6924d .elementor-swiper-button{font-size:20px;color:var( --e-global-color-primary );}.elementor-195 .elementor-element.elementor-element-6ed6924d .elementor-swiper-button svg{fill:var( --e-global-color-primary );}.elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button{background-color:var( --e-global-color-3c12dd4 );font-family:var( --e-global-typography-4ad9dba-font-family ), Sans-serif;font-size:var( --e-global-typography-4ad9dba-font-size );font-weight:var( --e-global-typography-4ad9dba-font-weight );text-transform:var( --e-global-typography-4ad9dba-text-transform );line-height:var( --e-global-typography-4ad9dba-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;padding:8px 75px 8px 75px;}.elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button:hover, .elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-9acdf77 );border-color:var( --e-global-color-secondary );}.elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button:hover svg, .elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button:focus svg{fill:var( --e-global-color-9acdf77 );}@media(max-width:1366px){.elementor-195 .elementor-element.elementor-element-6edf38ec{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-195 .elementor-element.elementor-element-6ed6924d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-195 .elementor-element.elementor-element-6ed6924d .elementor-swiper-button{font-size:25px;}.elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button{font-size:var( --e-global-typography-4ad9dba-font-size );line-height:var( --e-global-typography-4ad9dba-line-height );}}@media(max-width:1024px){.elementor-195 .elementor-element.elementor-element-6edf38ec{--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-195 .elementor-element.elementor-element-6ed6924d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button{font-size:var( --e-global-typography-4ad9dba-font-size );line-height:var( --e-global-typography-4ad9dba-line-height );}}@media(max-width:767px){.elementor-195 .elementor-element.elementor-element-6edf38ec{--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-195 .elementor-element.elementor-element-6ed6924d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-195 .elementor-element.elementor-element-d90c3f{width:100%;max-width:100%;}.elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button{font-size:var( --e-global-typography-4ad9dba-font-size );line-height:var( --e-global-typography-4ad9dba-line-height );}}@media(max-width:1024px) and (min-width:768px){.elementor-195 .elementor-element.elementor-element-1858ae67{--width:100%;}}@media(min-width:2400px){.elementor-195 .elementor-element.elementor-element-6ed6924d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-195 .elementor-element.elementor-element-d90c3f .elementor-button{font-size:var( --e-global-typography-4ad9dba-font-size );line-height:var( --e-global-typography-4ad9dba-line-height );}}/* 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 */