.layout-max-width {max-width: 1360px !important;}
[class*="top-hero"]{padding: 0 !important;}
[class*="hero"] .col-md-5 {width: 100%;}
[class*="top-hero"] .row{height: 500px; align-items: center;}
[class*="top-hero"] h1 {display: none;}
[id*="custom-html"]{padding:0 !important; position:relative;}
.top-banner {position: absolute; width: 100%; height: 500px; top: 0; left: 0;}
.top-banner img{object-fit: cover; width: 100%; height: 500px;}
.banner-text {position: relative; z-index: 1; width: 46%;}
.banner-text h2 {font-weight: normal !important;}
.text-show{display:block !important;}
.desktop-version{display: block;}
.mobile-version{display: none;}

nav.second-nav {background-color: #002855; width: 100%; overflow: hidden; padding: 14px 0; position:relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; z-index: 1000;}
.navScrolled {position: fixed !important; top: 0; left: 0; width: 100%;}
nav.second-nav ul {width: max-content; margin:0 auto; text-align: center; list-style: none; padding: 0;}
nav.second-nav ul li {display: inline-block; padding: 0 5px;}
nav.second-nav ul li a {color: #fff; border-radius: 50px; padding: 5px 25px; display: inline-block; font-weight:normal; text-decoration: none; transition: background-color 0.3s;}
nav.second-nav ul li a:hover:before, .second-nav ul li a:before {text-decoration: none;    height: 0 !important;}
nav.second-nav ul li.active a, nav.second-nav ul li a:hover {background-color: #fff;  color:#000; text-decoration: none;}
nav.second-nav ul li a.border-adjusted, nav.second-nav ul li a.color-adjusted{color: #fff !important; background-color: transparent!important;}
nav.second-nav ul li.active a.color-adjusted, nav.second-nav ul li.active a.border-adjusted,nav.second-nav ul li a.color-adjusted:hover, nav.second-nav ul li a.border-adjusted:hover{color: #000 !important; background-color: #fff!important;}

@media screen and (max-width: 992px) {
	nav.second-nav {
        overflow-x: scroll; 
        scrollbar-color: rgb(255 255 255) #fff; 
        -webkit-overflow-scrolling: touch; 
        -ms-overflow-style: none; 
        scrollbar-width: none;
    }
}

[class*="zyx-paragraph--text-editor"] .context-html > *:last-child{margin-bottom: 0 !important;}
[class*="zyx-paragraph--text-editor"] .context-html{margin: 0 !important;}
[class*="zyx-paragraph--text-editor"] h3{margin-top: 0 !important; display: none;}
[class*="zyx-paragraph--text-editor"] .row {min-height: 300px; align-items: center;}
#contact-expert .row {min-height: auto;}
#features .row {align-items: start; min-height: auto;}
#features h4 {padding: 0 3rem !important;}
#features p {margin-bottom: 0 !important;}

#customer-stories {background-size: cover !important; padding: 0 !important;}
#customer-stories .row {min-height: 650px; align-items: center;}
.cs-canvas {max-width: 900px !important; margin: 2rem auto 0 !important; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cs-box {background: rgba(255, 255, 255, 0.75); padding: 2rem; width: 48%; flex: 0 0 auto;}

#key-values {background-size: cover !important;}
#broadband-connectivity {background-size: cover !important; padding: 0 !important;}
#broadband-connectivity .row{min-height: 400px; align-items: center;}
#simplify-operations {padding: 3rem 0;}

#esg-section {background-size: cover !important; padding: 0 !important; background-position: 50% !important;}
#esg-section .row {min-height: 500px; align-items: center;}

#portfolio h3{display: none;}

@media (max-width: 1500px) {
    .banner-text {width: 60%;}
}

@media (max-width: 991px) {
    #fwa-enquiry-iframe {overflow: hidden !important; height: auto;}
}

@media screen and (max-width: 800px) {
    #customer-stories {background-position: 20% !important;}
    .cs-box {width: 100%; margin-bottom: 1rem;}
}

@media screen and (max-width: 500px) {
.desktop-version{display: none;}
.mobile-version{display: block;}
.banner-text {width: 80%;}
#features h4 {padding: 0 !important;}
#customer-stories {padding: 3rem 0 !important;}
#esg-section {background-position: left !important; padding: 2rem 0 !important; text-align: center;}
}
