.elementor-477 .elementor-element.elementor-element-33445e78:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-33445e78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-477 .elementor-element.elementor-element-33445e78 > .elementor-background-overlay{background-color:#8CDDFF;background-image:url("https://www.247emergencyplumbingscotland.co.uk/wp-content/uploads/2024/07/2-2.png");background-position:center center;background-size:cover;opacity:1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-477 .elementor-element.elementor-element-33445e78 > .elementor-container{min-height:400px;}.elementor-477 .elementor-element.elementor-element-33445e78{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;overflow:visible;}.elementor-477 .elementor-element.elementor-element-482a6b8{text-align:center;}.elementor-477 .elementor-element.elementor-element-850fea3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:88px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-477 .elementor-element.elementor-element-04b68f9{--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;overflow:visible;}.elementor-477 .elementor-element.elementor-element-70bae3a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-477 .elementor-element.elementor-element-70bae3a .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-477 .elementor-element.elementor-element-70bae3a .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-477 .elementor-element.elementor-element-70bae3a .elementskit-section-title-wraper .elementskit-border-divider{width:100px;}.elementor-477 .elementor-element.elementor-element-70bae3a .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:100px;height:4px;}.elementor-477 .elementor-element.elementor-element-70bae3a .elementskit-section-title-wraper .elementskit-border-star{width:100px;height:4px;}.elementor-477 .elementor-element.elementor-element-70bae3a .elementskit-section-title-wraper .elementskit-border-divider, .elementor-477 .elementor-element.elementor-element-70bae3a .elementskit-border-divider::before{height:4px;}.elementor-477 .elementor-element.elementor-element-5a33606{padding:0px 100px 0px 100px;}.elementor-477 .elementor-element.elementor-element-5cb89dfe > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-477 .elementor-element.elementor-element-5cb89dfe{overflow:visible;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-477 .elementor-element.elementor-element-3d19aa98.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-477 .elementor-element.elementor-element-3d19aa98.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-477 .elementor-element.elementor-element-3d19aa98.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-477 .elementor-element.elementor-element-3d19aa98 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-477 .elementor-element.elementor-element-e4b66ca .elementor-cta .elementor-cta__bg, .elementor-477 .elementor-element.elementor-element-e4b66ca .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-477 .elementor-element.elementor-element-e4b66ca{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 90px) 0px;}.elementor-477 .elementor-element.elementor-element-e4b66ca .elementor-cta__content{text-align:left;}.elementor-477 .elementor-element.elementor-element-e4b66ca .elementor-cta__title{color:var( --e-global-color-secondary );}.elementor-477 .elementor-element.elementor-element-e4b66ca .elementor-cta__button{background-color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-477 .elementor-element.elementor-element-e4b66ca .elementor-cta__button:hover{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-477 .elementor-element.elementor-element-76c84cc{--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;overflow:visible;}.elementor-477 .elementor-element.elementor-element-9c88e28{padding:0px 0px 20px 0px;}.elementor-477 .elementor-element.elementor-element-9b65dc9{--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;--margin-top:0px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-477 .elementor-element.elementor-element-e2d1fdf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;}@media(max-width:1024px){.elementor-477 .elementor-element.elementor-element-33445e78 > .elementor-container{min-height:300px;}.elementor-477 .elementor-element.elementor-element-5cb89dfe{padding:0px 0px 0px 0px;}.elementor-477 .elementor-element.elementor-element-3d19aa98 > .elementor-element-populated{padding:0px 30px 30px 30px;}}@media(max-width:767px){.elementor-477 .elementor-element.elementor-element-33445e78 > .elementor-container{min-height:70px;}.elementor-477 .elementor-element.elementor-element-33445e78{padding:48px 0px 48px 0px;}.elementor-477 .elementor-element.elementor-element-6a78e73.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-477 .elementor-element.elementor-element-482a6b8{text-align:center;}.elementor-477 .elementor-element.elementor-element-5cb89dfe{margin-top:0px;margin-bottom:0px;padding:0px 0px 48px 0px;}.elementor-477 .elementor-element.elementor-element-3d19aa98 > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-e2d1fdf */body {
    font-family: 'Roboto', sans-serif;
    background-color: #f5f7fa;
    margin: 0;
    padding: 20px;
    color: #333;
}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.section {
    width: 23%;
    margin-bottom: 40px;
}

.subsection {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.2s;
}

.subsection:hover {
    transform: translateY(-5px);
}

h3 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

h4 {
    font-size: 22px;
    color: #555;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
}

ul {
    list-style-type: none;
    padding: 0;
}

ul li {
    margin-bottom: 10px;
    color: #777;
    padding: 5px;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
}

ul li:hover {
    background-color: #f0f0f0;
    color: #333;
}

.view-all {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.view-all a {
    text-decoration: none;
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}

.view-all a:hover {
    text-decoration: underline;
}

.hidden-item {
    display: none;
}/* End custom CSS */