.elementor-199 .elementor-element.elementor-element-4acfb691{--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.39;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-199 .elementor-element.elementor-element-4acfb691:not(.elementor-motion-effects-element-type-background), .elementor-199 .elementor-element.elementor-element-4acfb691 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#191818;}.elementor-199 .elementor-element.elementor-element-4acfb691::before, .elementor-199 .elementor-element.elementor-element-4acfb691 > .elementor-background-video-container::before, .elementor-199 .elementor-element.elementor-element-4acfb691 > .e-con-inner > .elementor-background-video-container::before, .elementor-199 .elementor-element.elementor-element-4acfb691 > .elementor-background-slideshow::before, .elementor-199 .elementor-element.elementor-element-4acfb691 > .e-con-inner > .elementor-background-slideshow::before, .elementor-199 .elementor-element.elementor-element-4acfb691 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.fmfroofing.com/wp-content/uploads/2025/10/icon-dotted-map.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-199 .elementor-element.elementor-element-760d2bb6{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:48px;--padding-right:48px;}.elementor-199 .elementor-element.elementor-element-42b1675{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-199 .elementor-element.elementor-element-2b5b0da{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > a{font-family:var( --e-global-typography-6cf252d-font-family ), Sans-serif;font-size:var( --e-global-typography-6cf252d-font-size );font-weight:var( --e-global-typography-6cf252d-font-weight );text-transform:var( --e-global-typography-6cf252d-text-transform );line-height:var( --e-global-typography-6cf252d-line-height );letter-spacing:var( --e-global-typography-6cf252d-letter-spacing );}.elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-text{color:var( --e-global-color-9acdf77 );transition:color 0.3s;}.elementor-199 .elementor-element.elementor-element-0721c3a .elementor-heading-title{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 );text-shadow:0px 0px 10px #000000;color:var( --e-global-color-9acdf77 );}.elementor-199 .elementor-element.elementor-element-55e3ed4 .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-9acdf77 );color:var( --e-global-color-9acdf77 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-9acdf77 );border-radius:8px 8px 8px 8px;padding:8px 25px 8px 25px;}.elementor-199 .elementor-element.elementor-element-55e3ed4 .elementor-button:hover, .elementor-199 .elementor-element.elementor-element-55e3ed4 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-9acdf77 );border-color:var( --e-global-color-secondary );}.elementor-199 .elementor-element.elementor-element-55e3ed4.elementor-element{--align-self:center;}.elementor-199 .elementor-element.elementor-element-55e3ed4 .elementor-button:hover svg, .elementor-199 .elementor-element.elementor-element-55e3ed4 .elementor-button:focus svg{fill:var( --e-global-color-9acdf77 );}@media(max-width:1366px){.elementor-199 .elementor-element.elementor-element-760d2bb6{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > a{font-size:var( --e-global-typography-6cf252d-font-size );line-height:var( --e-global-typography-6cf252d-line-height );letter-spacing:var( --e-global-typography-6cf252d-letter-spacing );}.elementor-199 .elementor-element.elementor-element-0721c3a .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-199 .elementor-element.elementor-element-55e3ed4 .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-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > a{font-size:var( --e-global-typography-6cf252d-font-size );line-height:var( --e-global-typography-6cf252d-line-height );letter-spacing:var( --e-global-typography-6cf252d-letter-spacing );}.elementor-199 .elementor-element.elementor-element-0721c3a .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-199 .elementor-element.elementor-element-55e3ed4 .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-199 .elementor-element.elementor-element-760d2bb6{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > a{font-size:var( --e-global-typography-6cf252d-font-size );line-height:var( --e-global-typography-6cf252d-line-height );letter-spacing:var( --e-global-typography-6cf252d-letter-spacing );}.elementor-199 .elementor-element.elementor-element-0721c3a .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-199 .elementor-element.elementor-element-55e3ed4{width:100%;max-width:100%;}.elementor-199 .elementor-element.elementor-element-55e3ed4 .elementor-button{font-size:var( --e-global-typography-4ad9dba-font-size );line-height:var( --e-global-typography-4ad9dba-line-height );}}@media(min-width:2400px){.elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-199 .elementor-element.elementor-element-2b5b0da .elementor-icon-list-item > a{font-size:var( --e-global-typography-6cf252d-font-size );line-height:var( --e-global-typography-6cf252d-line-height );letter-spacing:var( --e-global-typography-6cf252d-letter-spacing );}.elementor-199 .elementor-element.elementor-element-0721c3a .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-199 .elementor-element.elementor-element-55e3ed4 .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 */