/* Global Horizontal Scroll Prevention - All Screen Sizes */ html, body { overflow-x: hidden !important; max-width: 100vw !important; box-sizing: border-box !important; } /* Prevent wide content from causing horizontal scroll - Target content only, not navigation */ .fl-page-content img, .fl-page-content .fl-col-group, .fl-page-content .fl-module-content { max-width: 100% !important; box-sizing: border-box !important; } /* Fix wide content modules - Global */ .fl-page-content .fl-col-group { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* Responsive images - Global */ .fl-page-content img { max-width: 100% !important; height: auto !important; box-sizing: border-box !important; } /* Header */ .fl-page-header-primary .fl-logo-img, .fl-page-header .fl-logo-img, header .fl-logo-img, .fl-logo-img { max-width: 150px !important; height: auto !important; width: auto !important; } .menu-border { border-bottom: 0.125rem solid #FFFFFF; } /* Menu */ .fl-menu .menu-item-has-children { position: relative; display: inline-block; } .fl-node-g3q4hlwtu7d6 .menu > .fl-has-submenu > .sub-menu { position: absolute !important; top: 60px !important; left: 0 !important; z-index: 9999 !important; min-width: fit-content; background-color: #FFFFFF !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1); padding: 10px 0 !important; margin: 0 !important; border-radius: 0 0 4px 4px; border-top: 2px solid #89f48b !important; display: block; width: auto; white-space: nowrap; } .fl-node-g3q4hlwtu7d6 .menu > .fl-has-submenu > .sub-menu > li a { color: #093540; display: block; width: 100%; font-size: 1rem; } .fl-node-g3q4hlwtu7d6 .menu > .fl-has-submenu > .sub-menu > li a:hover { background-color: rgba(137,244,139,0.3); color: #093540; transition: all 0.3s ease; } .fl-node-g3q4hlwtu7d6 .menu > .fl-has-submenu > .sub-menu > li.current-menu-item a, .fl-node-g3q4hlwtu7d6 .menu > .fl-has-submenu > .sub-menu > li.current_page_item a { color: #000000 !important; font-weight: 600 !important; } .fl-menu .menu-item-has-children:after { content: ''; position: absolute; bottom: -0.9375rem; left: 0; width: 100%; height: 0.9375rem; background: transparent; } /* Hamburger Menu Animation */ .fl-menu-mobile-toggle.hamburger { background: none !important; border: none !important; padding: 8px !important; cursor: pointer !important; width: 50px !important; height: 40px !important; overflow: visible !important; } .fl-menu-mobile-toggle.hamburger .hamburger-menu { width: 24px !important; height: 24px !important; overflow: visible !important; } .fl-menu-mobile-toggle.hamburger .fl-hamburger-menu-top, .fl-menu-mobile-toggle.hamburger .fl-hamburger-menu-middle, .fl-menu-mobile-toggle.hamburger .fl-hamburger-menu-bottom { fill: #ffffff !important; transform-origin: center !important; transition: all 0.3s ease !important; } .fl-menu-mobile-toggle.hamburger.menu-open .fl-hamburger-menu-top, .fl-menu-mobile-toggle.hamburger.fl-menu-open .fl-hamburger-menu-top, .fl-menu-mobile-toggle.hamburger[aria-expanded="true"] .fl-hamburger-menu-top { transform: translateY(153px) rotate(45deg) !important; } .fl-menu-mobile-toggle.hamburger.menu-open .fl-hamburger-menu-middle, .fl-menu-mobile-toggle.hamburger.fl-menu-open .fl-hamburger-menu-middle, .fl-menu-mobile-toggle.hamburger[aria-expanded="true"] .fl-hamburger-menu-middle { opacity: 0 !important; } .fl-menu-mobile-toggle.hamburger.menu-open .fl-hamburger-menu-bottom, .fl-menu-mobile-toggle.hamburger.fl-menu-open .fl-hamburger-menu-bottom, .fl-menu-mobile-toggle.hamburger[aria-expanded="true"] .fl-hamburger-menu-bottom { transform: translateY(-153px) rotate(-45deg) !important; } /* No Background NAV Button Style */ .fl-module.custom-button-nav a.fl-button, .fl-module.custom-button-nav a.fl-button:visited { background: transparent !important; border: none !important; color: #FFFFFF !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; display: inline-block !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 1rem !important; font-family: "Poppins", sans-serif !important; padding: 1rem 0 !important; text-decoration: none !important; text-shadow: none !important; transition: all 0.3s ease !important; position: relative !important; } .fl-module.custom-button-nav a.fl-button .fl-button-text { color: #FFFFFF !important; position: relative !important; } .fl-module.custom-button-nav a.fl-button i.fl-button-icon { color: #B4E8F8 !important; transition: transform 0.3s ease !important; } .fl-module.custom-button-nav a.fl-button:hover i.fl-button-icon { transform: translateX(10px) !important; } .fl-module.custom-button-nav a.fl-button .fl-button-text:after { content: '' !important; position: absolute !important; width: 0 !important; height: 0.125rem !important; bottom: -0.25rem !important; left: 0 !important; background-color: #B4E8F8 !important; transition: width 0.3s ease !important; } .fl-module.custom-button-nav a.fl-button:hover .fl-button-text:after { width: 100% !important; } /* No Background Button Style Light */ .fl-module.custom-button-no-background a.fl-button, .fl-module.custom-button-no-background a.fl-button:visited { background: transparent !important; border: none !important; color: #FFFFFF !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; display: inline-block !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 1rem !important; font-family: "Poppins", sans-serif !important; padding: 1rem 0 !important; text-decoration: none !important; text-shadow: none !important; transition: all 0.3s ease !important; position: relative !important; } .fl-module.custom-button-no-background a.fl-button .fl-button-text { color: #000000 !important; position: relative !important; } .fl-module.custom-button-no-background a.fl-button .fl-button-text:after { content: '' !important; position: absolute !important; width: 0 !important; height: 0.125rem !important; bottom: -0.25rem !important; left: 0 !important; background-color: #000000 !important; transition: width 0.3s ease !important; } .fl-module.custom-button-no-background a.fl-button:hover .fl-button-text:after { width: 100% !important; } /* Blue Hover Button Style No Background */ .fl-module.blue-hover a.fl-button, .fl-module.blue-hover a.fl-button:visited { background: transparent !important; border: none !important; color: #FFFFFF !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; display: inline-block !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 1rem !important; font-family: "Poppins", sans-serif !important; padding: 1rem 0 !important; text-decoration: none !important; text-shadow: none !important; transition: all 0.3s ease !important; position: relative !important; } .fl-module.blue-hover a.fl-button .fl-button-text { color: #000000 !important; position: relative !important; transition: color 0.3s ease !important; } .fl-module.blue-hover a.fl-button .fl-button-text:after { content: '' !important; position: absolute !important; width: 0 !important; height: 0.125rem !important; bottom: -0.25rem !important; left: 0 !important; background-color: #0070C6 !important; transition: width 0.3s ease !important; } .fl-module.blue-hover a.fl-button:hover .fl-button-text { color: #0070C6 !important; } .fl-module.blue-hover a.fl-button:hover .fl-button-text:after { width: 100% !important; } /* No Background Button Style Dark */ .fl-module.custom-button-no-background-dark a.fl-button, .fl-module.custom-button-no-background-dark a.fl-button:visited { background: transparent !important; border: none !important; color: #FFFFFF !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; display: inline-block !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 1rem !important; font-family: "Poppins", sans-serif !important; padding: 1rem 0 !important; text-decoration: none !important; text-shadow: none !important; transition: all 0.3s ease !important; position: relative !important; } .fl-module.custom-button-no-background-dark a.fl-button .fl-button-text { color: #FFFFFF !important; position: relative !important; } .fl-module.custom-button-no-background-dark a.fl-button .fl-button-text:after { content: '' !important; position: absolute !important; width: 0 !important; height: 0.125rem !important; bottom: -0.25rem !important; left: 0 !important; background-color: #FFFFFF !important; transition: width 0.3s ease !important; } .fl-module.custom-button-no-background-dark a.fl-button:hover .fl-button-text:after { width: 100% !important; } /* Custom Button Style - Light */ .fl-module.custom-button-light a.fl-button, .fl-module.custom-button-light a.fl-button:visited { display: inline-block !important; padding: 0.7rem 1rem !important; -moz-border-radius: 2rem !important; -webkit-border-radius: 2rem !important; background: #ffffff!important; border: 0.0625rem solid #ffffff !important; font-size: 1rem !important; font-weight: 500 !important; font-family: "Poppins", sans-serif !important; text-decoration: none !important; text-shadow: none !important; transition: all 0.3s ease !important; } .fl-module.custom-button-light a.fl-button .fl-button-text { color: #000000 !important; } .fl-module.custom-button-light a.fl-button i.fl-button-icon { color: #0070c6 !important; transition: transform 0.3s ease !important; } .fl-module.custom-button-light a.fl-button:hover { background: #B4E8F8 !important; border-color: #B4E8F8 !important; padding-right: 1.5rem !important; } .fl-module.custom-button-light a.fl-button:hover .fl-button-text{ color: #000000 !important; } .fl-module.custom-button-light a.fl-button:hover i.fl-button-icon { color: #092540!important; transform: translateX(0.625rem) !important; } /* Custom Button Style - Dark */ .fl-module.custom-button-dark a.fl-button, .fl-module.custom-button-dark a.fl-button:visited { display: inline-block !important; padding: 0.7rem 1rem !important; -moz-border-radius: 2rem !important; -webkit-border-radius: 2rem !important; background: #092540!important; border: 0.0625rem solid #ffffff !important; font-size: 1rem !important; font-weight: 500 !important; font-family: "Poppins", sans-serif !important; text-decoration: none !important; text-shadow: none !important; transition: all 0.3s ease !important; } .fl-module.custom-button-dark a.fl-button .fl-button-text { color: #ffffff !important; } .fl-module.custom-button-dark a.fl-button i.fl-button-icon { color: #B4E8F8 !important; transition: transform 0.3s ease !important; } .fl-module.custom-button-dark a.fl-button:hover { background: #0070C6 !important; border-color: #0070C6 !important; padding-right: 1.5rem !important; } .fl-module.custom-button-dark a.fl-button:hover .fl-button-text{ color: #ffffff !important; } .fl-module.custom-button-dark a.fl-button:hover i.fl-button-icon { color: #092540!important; transform: translateX(0.625rem) !important; } /* Let's Talk Section */ .fl-row.lets-talk { background-color: #092540 !important; padding: 5px 0 !important; } .fl-row.lets-talk .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; } .fl-row.lets-talk .fl-col-content { padding-left: 0 !important; margin-left: 0 !important; } .fl-row.lets-talk.fl-node-owhfzj5nmegq .fl-col .fl-module.fl-module-heading.fl-heading h2, .fl-row.lets-talk .fl-col .fl-module-heading h2, .fl-row.lets-talk .fl-heading h2, .lets-talk h2 { color: #ffffff !important; font-size: 2.125rem !important; font-weight: normal !important; text-align: left !important; margin-bottom: 10px !important; font-family: "Poppins", sans-serif !important; } .fl-row.lets-talk .fl-rich-text p, .fl-row.lets-talk .fl-rich-text ul, .fl-row.lets-talk .fl-rich-text li, .fl-row.lets-talk .fl-module-rich-text p, .fl-row.lets-talk .fl-module-rich-text ul, .fl-row.lets-talk .fl-module-rich-text li, .fl-node-hacyusvz19xq p, .fl-node-hacyusvz19xq ul, .fl-node-hacyusvz19xq li { color: #ffffff !important; font-size: 1.125rem !important; font-weight: 400 !important; line-height: 1.6 !important; text-align: left !important; margin: 0 !important; font-family: "Poppins", sans-serif !important; } /* Custom Image left -Text Right Row Layout */ .fl-row.image-text-row .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; } .fl-row.image-text-row .fl-col-group { display: flex !important; align-items: flex-start !important; gap: 30px !important; flex-wrap: wrap !important; } .fl-row.image-text-row .fl-col { padding: 0 !important; margin: 0 !important; } .fl-row.image-text-row .fl-col:first-child { margin-right: 0 !important; flex: 1 !important; max-width: 669px !important; } .fl-row.image-text-row .fl-col:last-child { margin-left: 0 !important; flex: 1 !important; max-width: 600px !important; } .fl-row.image-text-row .fl-photo { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 669/338 !important; min-height: 250px !important; background-image: url('../assets/images/fallback-image.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; border-radius: 20px !important; overflow: hidden !important; } .fl-row.image-text-row .fl-photo img { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 669/338 !important; min-height: 250px !important; object-fit: cover !important; border-radius: 20px !important; } .fl-row.image-text-row p, .fl-row.image-text-row ul, .fl-row.image-text-row li { color: #000000 !important; font-size: 1.125rem !important; } /* Custom Text left - Image Right Row Layout */ .fl-row.text-image-row .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; } .fl-row.text-image-row .fl-col-group { display: flex !important; align-items: flex-start !important; gap: 20px !important; flex-wrap: wrap !important; } .fl-row.text-image-row .fl-col { padding: 0 !important; margin: 0 !important; } .fl-row.text-image-row .fl-col:first-child { flex: 0 0 auto !important; min-width: 300px !important; max-width: 600px !important; z-index: 2 !important; position: relative !important; } .fl-row.text-image-row .fl-col:last-child { flex: 1 !important; z-index: 1 !important; position: relative !important; } .fl-row.text-image-row .fl-photo { width: 100% !important; aspect-ratio: 669/338 !important; background-image: url('../assets/images/fallback-image.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; border-radius: 20px !important; overflow: hidden !important; } .fl-row.text-image-row .fl-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 20px !important; } .fl-row.text-image-row p, .fl-row.text-image-row ul, .fl-row.text-image-row li { color: #000000 !important; font-size: 1.125rem !important; } /* Blue Background Modifier */ .fl-row.blue-background { background-color: #092540 !important; padding: 20px 0 !important; } .fl-row.blue-background p, .fl-row.blue-background h1, .fl-row.blue-background h2, .fl-row.blue-background h3, .fl-row.blue-background h4, .fl-row.blue-background h5, .fl-row.blue-background h6, .fl-row.blue-background ul, .fl-row.blue-background ol, .fl-row.blue-background li, .fl-row.blue-background .fl-rich-text p, .fl-row.blue-background .fl-rich-text li, .fl-row.blue-background .fl-module-content p, .fl-row.blue-background .fl-module-content li { color: #ffffff !important; } /* Image Shadow Modifier - Light Blue */ .shadow-light-blue .fl-photo, .shadow-light-blue .fl-photo img { box-shadow: 0 0 25px rgba(0, 112, 198, 0.3), 0 0 15px rgba(0, 112, 198, 0.2) !important; transition: all 0.3s ease !important; } /* Image Shadow Modifier - Light green */ .shadow-light-green .fl-photo, .shadow-light-green .fl-photo img { box-shadow: 0 0 25px rgba(137, 244, 139, 0.3), 0 0 15px rgba(137, 244, 139, 0.2) !important; transition: all 0.3s ease !important; } /* Custom image slider left -Text Right Row */ body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; } body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col-group { display: flex !important; align-items: flex-start !important; gap: 30px !important; flex-wrap: wrap !important; } body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col { padding: 0 !important; margin: 0 !important; } body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col:first-child { flex: 1 !important; max-width: 669px !important; z-index: 1 !important; position: relative !important; } body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col:last-child { flex: 1 !important; max-width: 600px !important; z-index: 2 !important; position: relative !important; } body:not(.fl-builder-edit) .image-slider-row .fl-slideshow-base { width: 100% !important; max-width: 669px !important; height: auto !important; aspect-ratio: 669/338 !important; border-radius: 20px !important; overflow: hidden !important; } .image-slider-row .fl-slideshow-frame, .image-slider-row .fl-slideshow-frame-content { width: 100% !important; height: 100% !important; } .image-slider-row .fl-slideshow-image-img { object-fit: cover !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; } .fl-row.image-slider-row p, .fl-row.image-slider-row ul, .fl-row.image-slider-row li { color: #000000 !important; font-size: 1.125rem !important; } /* Custom Text left - Image Slider Right Row Layout */ .fl-row.text-slider-row .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; } .fl-row.text-slider-row .fl-col-group { display: flex !important; align-items: flex-start !important; gap: 20px !important; } .fl-row.text-slider-row .fl-col { padding: 0 !important; margin: 0 !important; } .fl-row.text-slider-row .fl-col:first-child { margin-right: 0 !important; flex: 1 !important; max-width: 600px !important; z-index: 2 !important; position: relative !important; } .fl-row.text-slider-row .fl-col:last-child { margin-left: 0 !important; flex: 1 !important; max-width: 669px !important; z-index: 1 !important; position: relative !important; } .text-slider-row .fl-slideshow-base { width: 100% !important; max-width: 669px !important; height: auto !important; aspect-ratio: 669/338 !important; border-radius: 20px !important; overflow: hidden !important; } .text-slider-row .fl-slideshow-frame, .text-slider-row .fl-slideshow-frame-content { width: 100% !important; height: 100% !important; } .text-slider-row .fl-slideshow-image-img { object-fit: cover !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; } .fl-row.text-slider-row p, .fl-row.text-slider-row ul, .fl-row.text-slider-row li { color: #000000 !important; font-size: 1.125rem !important; } /* Leadership CEO Cards Section */ .leader-ship { background-color: #092540 !important; border-radius: 20px !important; padding: 30px !important; margin-top: 60px !important; } .leader-ship .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; } .leader-ship .fl-col-group { display: flex !important; align-items: flex-start !important; gap: 40px !important; flex-wrap: wrap !important; } .leader-ship .fl-col { padding: 0 !important; margin: 0 !important; } .leader-ship .fl-col:first-child { margin-right: 0 !important; flex: 1 !important; max-width: 450px !important; } .leader-ship .fl-col:last-child { margin-left: 10px !important; flex: 1 !important; max-width: 600px !important; } .leader-ship .fl-photo { width: 100% !important; max-width: 100% !important; height: auto !important; } .leader-ship .fl-photo img { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 450/360 !important; object-fit: cover !important; border-radius: 20px 0 20px 0 !important; } .leader-ship h2 { color: #ffffff !important; margin-bottom: 5px !important; } .leader-ship p { color: #ffffff !important; margin: 0 !important; } /* Leadership Employee Cards Section */ .fl-row.leadership-employe { background-color: transparent !important; padding: 60px 0 !important; } .fl-row.leadership-employe .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 0 !important; } .fl-row.leadership-employe .fl-col-group { display: flex !important; gap: 30px !important; justify-content: center !important; align-items: stretch !important; } /* Individual Leadership Cards */ .fl-row.leadership-employe .fl-col { background-color: #092540 !important; border-radius: 15px !important; padding: 40px 30px 30px 30px !important; text-align: center !important; flex: 1 !important; max-width: 800px !important; position: relative !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } /* Profile Images */ .fl-row.leadership-employe .fl-photo, .fl-row.leadership-employe .fl-module-photo, .fl-row.leadership-employe .fl-photo-content, .fl-row.leadership-employe .fl-col-content { text-align: center !important; display: block !important; width: 100% !important; } .fl-row.leadership-employe .fl-photo { margin-bottom: 25px !important; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center !important; } .fl-row.leadership-employe .fl-photo-content { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 auto !important; width: 100% !important; } .fl-row.leadership-employe .fl-photo img { width: 100% !important; max-width: 350px !important; height: auto !important; aspect-ratio: 4/3 !important; object-fit: cover !important; border-radius: 20px 0 20px 0 !important; display: block !important; margin: 0 auto !important; text-align: center !important; position: relative !important; left: -20px !important; filter: none !important; opacity: 1 !important; background-color: transparent !important; } .fl-row.leadership-employe .fl-module-photo { text-align: center !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; } .fl-row.leadership-employe .fl-col-content { text-align: center !important; display: block !important; } .fl-row.leadership-employe .fl-heading h2, .fl-row.leadership-employe .fl-module-heading h2, .fl-row.leadership-employe h2, .fl-row.leadership-employe .fl-heading-text { color: #ffffff !important; margin-bottom: 8px !important; line-height: 1.3 !important; text-align: center !important; } .fl-row.leadership-employe .fl-rich-text p, .fl-row.leadership-employe .fl-module-rich-text p, .fl-row.leadership-employe p { color: #ffffff !important; margin: 0 !important; line-height: 1.4 !important; text-align: center !important; } /* News Posts Blue Label */ .press-release-label { background-color: #4A90E2 !important; color: white !important; padding: 6px 12px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; display: inline-block !important; margin-bottom: 15px !important; margin-top: 0 !important; } /* Style for Beaver Builder Posts Module */ .fl-post-grid-terms a, .fl-post-grid-meta-terms a { background-color: #4A90E2 !important; color: white !important; padding: 6px 12px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; text-decoration: none !important; display: inline-block !important; margin-bottom: 10px !important; margin-top: 0 !important; pointer-events: none !important; cursor: default !important; } /* Fix cursor conflict when content area is clickable */ .fl-post-grid-text .fl-post-grid-terms, .fl-post-grid-text .fl-post-grid-meta-terms, .fl-post-grid-terms, .fl-post-grid-meta-terms { cursor: default !important; } .fl-post-grid-text .fl-post-grid-terms a, .fl-post-grid-text .fl-post-grid-meta-terms a { cursor: default !important; pointer-events: none !important; } /* Move category to top */ .fl-post-grid-meta-terms { order: -1 !important; margin-bottom: 15px !important; } .fl-post-grid-text { display: flex !important; flex-direction: column !important; } /* Case Study */ .fl-row.case-study { padding: 5px 0 !important; background-color: #ffffff !important; width: 100% !important; } .fl-row.case-study .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; } .fl-row.case-study .fl-col-content { padding: 0 !important; margin: 0 !important; } .fl-row.case-study .fl-col-group { display: flex !important; align-items: stretch !important; gap: 30px !important; justify-content: center !important; } .fl-row.case-study .fl-col { flex: 1 !important; max-width: 380px !important; background-color: #ffffff !important; border-radius: 15px !important; border: #000000 1px solid !important; padding: 0 !important; box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; } .fl-row.case-study .fl-col:hover { transform: translateY(-5px) !important; box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important; } .fl-row.case-study .fl-col-content { padding: 0 !important; display: flex !important; flex-direction: column !important; height: 100% !important; } .fl-row.case-study .fl-photo { margin: 0 !important; border-radius: 15px 15px 0 0 !important; overflow: hidden !important; } .fl-row.case-study .fl-photo img { width: 100% !important; height: auto !important; min-height: 200px !important; max-height: 280px !important; object-fit: cover !important; border-radius: 15px 15px 0 0 !important; transition: transform 0.3s ease !important; } .fl-row.case-study .fl-col:hover .fl-photo img { transform: scale(1.05) !important; } .fl-row.case-study .fl-heading { padding: 25px 25px 10px 25px !important; margin: 0 !important; } .fl-row.case-study .fl-heading h2 { font-size: 1.5rem !important; font-weight: 600 !important; color: #092540 !important; margin: 0 !important; line-height: 1.3 !important; } .fl-row.case-study .fl-rich-text { padding: 0 25px 15px 25px !important; margin: 0 !important; } .fl-row.case-study .fl-rich-text p { color: #000000; font-size: 1rem !important; line-height: 1.6 !important; margin: 0 !important; } .fl-row.case-study .fl-module-button { padding: 0 25px 25px 25px !important; margin: 0 !important; } .fl-row.case-study .fl-button { margin-top: 0 !important; } /* Struggling Section */ .fl-row.fl-node-g1lipfrcyeuk, .fl-row.feature-cards { background-color: #092540 !important; padding: 60px 0 !important; } .fl-row.fl-node-g1lipfrcyeuk .fl-row-content, .fl-row.feature-cards .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; } .fl-row.fl-node-g1lipfrcyeuk .fl-col-group, .fl-col-group.fl-node-cdmb2tnvq6lu, .fl-row.feature-cards .fl-col-group { display: flex !important; align-items: flex-start !important; gap: 30px !important; } /* Main Title Column */ .fl-col.fl-node-eanzfj89tkbo, .fl-row.feature-cards .fl-col:first-child { flex: 0 0 300px !important; padding-right: 40px !important; } .fl-col.fl-node-eanzfj89tkbo .fl-rich-text, .fl-col.fl-node-eanzfj89tkbo .fl-rich-text p, .fl-row.feature-cards .fl-col:first-child h2 { color: #ffffff !important; font-size: 2.9rem !important; line-height: 1.6 !important; margin-top: 20 !important; text-align: left !important; font-family: "Poppins", sans-serif !important; } /* Card Columns - Fixed height */ .fl-col.fl-node-lzen8it6gcar, .fl-col.fl-node-ht2ijv7opabc, .fl-col.fl-node-6lymq7uv12p4, .fl-row.feature-cards .fl-col:not(:first-child) { flex: 1 !important; background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%) !important; border-radius: 20px !important; padding: 18px 13px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important; position: relative !important; height: 405px !important; transition: all 0.3s ease !important; border: 1px solid rgba(0, 112, 198, 0.1) !important; } /* Card hover effects */ .fl-col.fl-node-lzen8it6gcar:hover, .fl-col.fl-node-ht2ijv7opabc:hover, .fl-col.fl-node-6lymq7uv12p4:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; border-color: rgba(0, 112, 198, 0.3) !important; } /* Card Title Styling */ .fl-node-ufv3sn4g2cm5, .fl-node-nlv3doj4ya02, .fl-node-sadtrpjifmy2, .fl-row.feature-cards .fl-col:not(:first-child) .fl-rich-text { margin: 0 0 15px 0 !important; padding: 0 !important; } /* Card titles - Enhanced typography */ .fl-node-ufv3sn4g2cm5 p, .fl-node-nlv3doj4ya02 p, .fl-node-sadtrpjifmy2 p { font-size: 1.5rem !important; color: #092540 !important; font-weight: 600 !important; margin-bottom: 15px !important; line-height: 1.2 !important; position: relative !important; padding-bottom: 10px !important; } /* Add subtle underline to titles */ .fl-node-ufv3sn4g2cm5 p::after, .fl-node-nlv3doj4ya02 p::after, .fl-node-sadtrpjifmy2 p::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 30px !important; height: 3px !important; background: linear-gradient(90deg, #0070c6 0%, #89f48b 100%) !important; border-radius: 2px !important; transition: width 0.3s ease !important; } .fl-col.fl-node-lzen8it6gcar:hover .fl-node-ufv3sn4g2cm5 p::after, .fl-col.fl-node-ht2ijv7opabc:hover .fl-node-nlv3doj4ya02 p::after, .fl-col.fl-node-6lymq7uv12p4:hover .fl-node-sadtrpjifmy2 p::after { width: 100% !important; } /* Blue content boxes */ .fl-node-iqs4z50912ed, .fl-node-891d23mxtiqw, .fl-node-yuv1e4i6j9go { background: linear-gradient(135deg, #092540 0%, #0a2a47 100%) !important; border-radius: 15px !important; padding: 13px !important; position: absolute !important; top: 100px !important; left: 0 !important; right: 0 !important; height: 270px !important; color: #ffffff !important; font-size: 1rem !important; line-height: 1.4 !important; overflow-y: auto !important; box-shadow: 0 8px 20px rgba(9, 37, 64, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } /* Blue box hover effect */ .fl-node-iqs4z50912ed:hover, .fl-node-891d23mxtiqw:hover, .fl-node-yuv1e4i6j9go:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 25px rgba(9, 37, 64, 0.4) !important; } /* Content text - Enhanced white text in blue boxes */ .fl-node-zgkl2q803ujn ul, .fl-node-ko6apbmd8t5y ul, .fl-node-62s9qdzljxtw ul { margin: 0 !important; padding-left: 0 !important; list-style: none !important; } .fl-node-zgkl2q803ujn li, .fl-node-ko6apbmd8t5y li, .fl-node-62s9qdzljxtw li { color: #ffffff !important; margin-bottom: 12px !important; line-height: 1.5 !important; font-size: 1rem !important; position: relative !important; padding-left: 20px !important; font-weight: 400 !important; } .fl-node-zgkl2q803ujn li *, .fl-node-ko6apbmd8t5y li *, .fl-node-62s9qdzljxtw li *, .fl-node-zgkl2q803ujn div, .fl-node-ko6apbmd8t5y div, .fl-node-62s9qdzljxtw div, .fl-node-zgkl2q803ujn span, .fl-node-ko6apbmd8t5y span, .fl-node-62s9qdzljxtw span { font-family: "Poppins", sans-serif !important; font-size: inherit !important; font-weight: inherit !important; color: inherit !important; } /* Link styling in blue boxes */ .fl-node-zgkl2q803ujn a, .fl-node-ko6apbmd8t5y a, .fl-node-62s9qdzljxtw a, .fl-node-zgkl2q803ujn li a, .fl-node-ko6apbmd8t5y li a, .fl-node-62s9qdzljxtw li a { color: #ffffff !important; text-decoration: none !important; font-weight: 500 !important; position: relative !important; transition: color 0.3s ease !important; } /* Animated underline for links */ .fl-node-zgkl2q803ujn a::after, .fl-node-ko6apbmd8t5y a::after, .fl-node-62s9qdzljxtw a::after, .fl-node-zgkl2q803ujn li a::after, .fl-node-ko6apbmd8t5y li a::after, .fl-node-62s9qdzljxtw li a::after { content: "" !important; position: absolute !important; bottom: -2px !important; left: 0 !important; width: 0 !important; height: 2px !important; background: #b4e8f8 !important; transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Link hover effects in blue boxes */ .fl-node-zgkl2q803ujn a:hover, .fl-node-ko6apbmd8t5y a:hover, .fl-node-62s9qdzljxtw a:hover, .fl-node-zgkl2q803ujn li a:hover, .fl-node-ko6apbmd8t5y li a:hover, .fl-node-62s9qdzljxtw li a:hover { color: #b4e8f8 !important; text-shadow: 0 0 8px rgba(180, 232, 248, 0.3) !important; transform: translateY(-1px) !important; } .fl-node-zgkl2q803ujn a:hover::after, .fl-node-ko6apbmd8t5y a:hover::after, .fl-node-62s9qdzljxtw a:hover::after, .fl-node-zgkl2q803ujn li a:hover::after, .fl-node-ko6apbmd8t5y li a:hover::after, .fl-node-62s9qdzljxtw li a:hover::after { width: 100% !important; } /* Custom bullet points */ .fl-node-zgkl2q803ujn li::before, .fl-node-ko6apbmd8t5y li::before, .fl-node-62s9qdzljxtw li::before { content: "●" !important; background: #b4e8f8 !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; font-weight: 700 !important; position: absolute !important; left: 0 !important; font-size: 1rem !important; text-shadow: 0 0 8px rgba(137, 244, 139, 0.3) !important; } /* How We Work Section */ #how-we-work.fl-row, .fl-row.fl-node-fohenvpclatb { background-color: #092540 !important; padding: 0 0 !important; } #how-we-work .fl-row-content, .fl-row.fl-node-fohenvpclatb .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; } #how-we-work .fl-col-group, .fl-col-group.fl-node-7fbsapjnz1o5 { display: flex !important; align-items: stretch !important; gap: 30px !important; } .fl-col-group.fl-node-7fbsapjnz1o5 { margin: 50px 0 !important; } .fl-col-group.fl-node-7fbsapjnz1o5 .fl-col { flex: 1 !important; text-align: left !important; padding: 25px 15px 1px 15px !important; position: relative !important; background-color: #0b2f51 !important; border-radius: 15px !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; min-height: 280px !important; height: auto !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .fl-col-group.fl-node-7fbsapjnz1o5 .fl-col .fl-col-content { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; height: 100% !important; align-items: flex-start !important; padding-top: 35px !important; } .fl-col-group.fl-node-7fbsapjnz1o5 .fl-col .fl-module-heading { margin-bottom: 20px !important; } .fl-col-group.fl-node-7fbsapjnz1o5 .fl-col .fl-module-rich-text { margin-bottom: 15px !important; } .fl-col-group.fl-node-7fbsapjnz1o5 .fl-col .fl-module-button { margin-top: 0 !important; } .fl-col-group.fl-node-7fbsapjnz1o5 .fl-col:hover { transform: translateY(-8px) !important; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3) !important; } /* Icons (Circles) */ .fl-col.fl-node-rgswybihveu7::before, .fl-col.fl-node-2c68irf435zk::before, .fl-col.fl-node-rc2dv8akb9je::before, .fl-col.fl-node-bctv1am04r8d::before { display: flex !important; align-items: center !important; justify-content: center !important; width: 70px !important; height: 70px !important; border: 3px solid #B4E8F8 !important; border-radius: 50% !important; background: linear-gradient(135deg, #0070C6 0%, #B4E8F8 100%) !important; color: #ffffff !important; font-size: 1.75rem !important; font-weight: 900 !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", "Font Awesome 6 Pro" !important; margin: 0 auto 30px auto !important; position: absolute !important; top: -35px !important; left: 50% !important; transform: translateX(-50%) !important; box-shadow: 0 4px 15px rgba(180, 232, 248, 0.3) !important; } /* Individual Step Icons */ .fl-col.fl-node-rgswybihveu7::before { content: "\f328" !important; /* Plan */ } .fl-col.fl-node-2c68irf435zk::before { content: "\f304" !important; /* Design */ } .fl-col.fl-node-rc2dv8akb9je::before { content: "\f121" !important; /* Build */ } .fl-col.fl-node-bctv1am04r8d::before { content: "\f0ad" !important; /* Support */ } .fl-node-skvi6xmul8og, .fl-node-huqxe90izdk2, .fl-node-sbd8n5tq4ye2, .fl-node-suhg298we0ci { color: #b4e8f8 !important; font-size: 1.5rem !important; font-weight: 600 !important; margin: 0 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; } .fl-node-skvi6xmul8og .fl-inline-editor-content, .fl-node-huqxe90izdk2 .fl-inline-editor-content, .fl-node-sbd8n5tq4ye2 .fl-inline-editor-content, .fl-node-suhg298we0ci .fl-inline-editor-content { color: #ffffff !important; font-size: 1.5rem !important; font-weight: 600 !important; font-family: 'Poppins', sans-serif !important; } .fl-node-f4hw12ay75lc p, .fl-node-0s5wcuy2vkb1 p, .fl-node-v8j103469rpf p, .fl-node-9wymornqixp1 p { color: #ffffff !important; font-size: 1 rem !important; line-height: 1.5 !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; } /* Base Testimonial Slider */ .testimonial-slider-module { background-color: #ffffff; border-radius: 15px; padding: 35px 40px; position: relative; color: #333333; font-family: "Poppins", sans-serif; box-shadow: 0 4px 15px rgba(0,0,0,0.1); min-height: 320px; margin: 0 auto; overflow: visible; display: flex; flex-direction: column; } /* Width Variants */ .testimonial-slider-narrow { max-width: 800px; } .testimonial-slider-wide { max-width: 1000px; } .testimonial-slider-full { max-width: 100%; width: 100%; } /* Testimonials Container */ .testimonials-container { position: relative; width: 100%; flex: 1; display: flex; flex-direction: column; } .testimonial-slide { width: 100%; opacity: 1; transition: opacity 0.5s ease-in-out; flex: 1; display: flex; flex-direction: column; } .testimonial-slide:not(.active) { opacity: 0; } /* Navigation Arrows - Hidden */ .slider-arrow { display: none !important; } /* Enhanced Quote Icon for Slider */ .testimonial-slider-module .testimonial-quote-icon { text-align: left; font-size: 1.5rem; margin-bottom: 10px; z-index: 2; } .testimonial-slider-module .testimonial-quote-icon svg { width: 20px; height: 20px; opacity: 1; } /* Slider Content Layout */ .testimonial-slider-module .testimonial-content { display: flex; align-items: flex-start; gap: 15px; margin-top: 0; padding: 0; flex: 1; } .testimonial-slider-module .testimonial-profile { flex-shrink: 0; align-self: flex-start; } .testimonial-slider-module .testimonial-image { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; border: none; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; margin: auto 0; } .testimonial-slider-module .testimonial-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; display: block; } .testimonial-slider-module .testimonial-text-section { flex-grow: 1; padding-left: 0; } .testimonial-slider-module .testimonial-text p { font-size: 1rem !important; line-height: 1.5 !important; color: #000000 !important; margin: 0 0 15px 0 !important; font-weight: 400 !important; } .testimonial-slider-module .testimonial-author { margin-top: 8px; } .testimonial-slider-module .author-name { font-size: 1rem; font-weight: 600; color: #000000; margin-bottom: 3px; } .testimonial-slider-module .author-details { font-size: 0.875rem; color: #000000; line-height: 1.3; } /* Navigation Dots for Slider */ .testimonial-slider-module .testimonial-nav-dots { display: flex; justify-content: center; gap: 6px; margin-top: 15px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); } .testimonial-slider-module .nav-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #cccccc; cursor: pointer; transition: all 0.3s ease; } .testimonial-slider-module .nav-dot.active { background-color: #0070C6; transform: scale(1.2); } .testimonial-slider-module .nav-dot:hover { background-color: #0070C6; } /* Work With Leaders Section */ .fl-row.work-with-leaders { padding: 60px 0 !important; background: linear-gradient(135deg, #092540 0%, #0c2d47 100%) !important; border-radius: 20px !important; border-bottom: 4px solid #89f48b !important; width: 100% !important; } .fl-row.work-with-leaders .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; } .work-with-leaders .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; position: relative !important; } .fl-row.work-with-leaders .fl-col-group { display: flex !important; justify-content: space-evenly !important; align-items: center !important; gap: 20px !important; flex-wrap: wrap !important; } .fl-row.work-with-leaders .fl-col { flex: 1 !important; min-width: 180px !important; max-width: 240px !important; text-align: center !important; } .fl-row.work-with-leaders .fl-photo-img { max-width: 230px !important; width: 200px !important; height: auto !important; filter: brightness(0) invert(1) opacity(0.8) !important; transition: all 0.3s ease !important; } .fl-row.work-with-leaders .fl-col:hover .fl-photo-img { filter: brightness(0) invert(1) opacity(1) !important; transform: translateY(-5px) scale(1.05) !important; } /* Real Examples - Dark Blue */ .fl-row.real-examples { padding: 10px 0 !important; background-color: #092540 !important; width: 100% !important; max-width: 1320px !important; border-radius: 15px !important; margin: 60px auto !important; } .fl-row.real-examples h1, .fl-row.real-examples h2, .fl-row.real-examples h3, .fl-row.real-examples h4, .fl-row.real-examples h5, .fl-row.real-examples h6, .fl-row.real-examples p, .fl-row.real-examples ul, .fl-row.real-examples ol, .fl-row.real-examples li { color: #ffffff !important; line-height: 1.3 !important; margin-bottom: 4px !important; } .fl-row.real-examples .fl-col { padding: 0 30px !important; margin: 0 !important; } .fl-row.real-examples .fl-heading { margin-bottom: 8px !important; } .fl-row.real-examples .fl-rich-text { margin-bottom: 6px !important; } .fl-row.real-examples .fl-rich-text p { margin-bottom: 3px !important; } /* Real Examples - no background */ .fl-row.real-example-white { padding: 10px 0 !important; background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%) !important; width: 100% !important; max-width: 1320px !important; border-radius: 15px !important; border: 2px solid #092540 !important; border-bottom: 4px solid #0070c6 !important; box-shadow: 0 8px 20px rgba(0, 112, 198, 0.3) !important; position: relative !important; overflow: hidden !important; transition: all 0.3s ease !important; min-height: auto !important; } .fl-row.real-example-white:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 45px rgba(0, 112, 198, 0.25), 0 8px 25px rgba(0, 0, 0, 0.15) !important; } .fl-row.real-example-white::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 4px !important; background: linear-gradient(90deg, #0070c6 0%, #89f48b 100%) !important; border-radius: 20px 20px 0 0 !important; } .fl-row.real-example-white h1, .fl-row.real-example-white h2, .fl-row.real-example-white h3, .fl-row.real-example-white h4, .fl-row.real-example-white h5, .fl-row.real-example-white h6 { color: #0070c6 !important; line-height: 1.3 !important; margin-bottom: 4px !important; } .fl-row.real-example-white p { color: #000000 !important; line-height: 1.3 !important; margin-bottom: 4px !important; } .fl-row.real-example-white ul, .fl-row.real-example-white ol { color: #333333 !important; line-height: 1.6 !important; margin-bottom: 15px !important; padding-left: 25px !important; } .fl-row.real-example-white li { color: #333333 !important; margin-bottom: 8px !important; position: relative !important; } .fl-row.real-example-white .fl-col { padding: 0 30px !important; margin: 0 !important; position: relative !important; z-index: 2 !important; } .fl-row.real-example-white .fl-heading { margin-bottom: 8px !important; } .fl-row.real-example-white .fl-rich-text { margin-bottom: 6px !important; } .fl-row.real-example-white .fl-rich-text p { text-align: left !important; } /* Free Consultation */ .fl-row.free-consultation { padding: 10px 0 !important; background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%) !important; width: 100% !important; max-width: 1320px !important; border-radius: 15px !important; margin: 60px auto !important; border: 2px solid #092540 !important; border-bottom: 4px solid #0070c6 !important; box-shadow: 0 8px 20px rgba(0, 112, 198, 0.3) !important; position: relative !important; overflow: hidden !important; transition: all 0.3s ease !important; min-height: auto !important; } .fl-row.free-consultation:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 45px rgba(0, 112, 198, 0.25), 0 8px 25px rgba(0, 0, 0, 0.15) !important; } .fl-row.free-consultation::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 4px !important; background: linear-gradient(90deg, #0070c6 0%, #89f48b 100%) !important; border-radius: 20px 20px 0 0 !important; } .fl-row.free-consultation h1, .fl-row.free-consultation h2, .fl-row.free-consultation h3, .fl-row.free-consultation h4, .fl-row.free-consultation h5, .fl-row.free-consultation h6 { color: #0070c6 !important; line-height: 1.3 !important; margin-bottom: 4px !important; } .fl-row.free-consultation p { color: #000000 !important; line-height: 1.3 !important; margin-bottom: 4px !important; } .fl-row.free-consultation ul, .fl-row.free-consultation ol { color: #333333 !important; line-height: 1.6 !important; margin-bottom: 15px !important; padding-left: 25px !important; } .fl-row.free-consultation li { color: #333333 !important; margin-bottom: 8px !important; position: relative !important; } .fl-row.free-consultation .fl-col { padding: 0 30px !important; margin: 0 !important; position: relative !important; z-index: 2 !important; } .fl-row.free-consultation .fl-heading { margin-bottom: 8px !important; } .fl-row.free-consultation .fl-rich-text { margin-bottom: 6px !important; } .fl-row.free-consultation .fl-rich-text p { text-align: left !important; } /* Four Boxes */ .fl-row.four-boxes { padding: 10px 0 !important; } .fl-row.four-boxes .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; } /* Four Boxes Layout */ .fl-row.four-boxes .fl-col-group { display: flex !important; gap: 25px !important; align-items: stretch !important; } .fl-row.four-boxes .fl-col-group-nested { display: flex !important; gap: 25px !important; align-items: stretch !important; width: 100% !important; } .fl-row.four-boxes .fl-col-group-nested .fl-col { flex: 1 !important; background: #092540 !important; border-radius: 12px !important; padding: 15px 10px !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; } .fl-row.four-boxes .fl-col-group-nested .fl-col p, .fl-row.four-boxes .fl-col-group-nested .fl-col ul, .fl-row.four-boxes .fl-col-group-nested .fl-col li { color: #ffffff !important; font-size: 1rem !important; font-weight: 500 !important; text-align: left !important; margin: 0 !important; line-height: 1.4 !important; font-family: "Poppins", sans-serif !important; } /* Four Boxes White */ .fl-row.four-boxes-white { margin: 60px auto !important; background: linear-gradient(135deg, #092540 0%, #0c2d47 100%) !important; } .fl-row.four-boxes-white .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; } .fl-row.four-boxes-white .fl-col-group { display: flex !important; gap: 20px !important; align-items: stretch !important; flex-wrap: wrap !important; } .fl-row.four-boxes-white .fl-col-group-nested { display: flex !important; gap: 20px !important; align-items: stretch !important; width: 100% !important; } /* Card Columns */ .fl-row.four-boxes-white .fl-col-group-nested .fl-col { flex: 1 !important; background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%) !important; border-radius: 20px !important; padding: 18px 13px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important; position: relative !important; min-height: 405px !important; height: auto !important; transition: all 0.3s ease !important; border: 1px solid rgba(137, 244, 139, 0.3) !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; border-color: rgba(137, 244, 139, 0.6) !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-heading, .fl-row.four-boxes-white .fl-col-group-nested .fl-col h2, .fl-row.four-boxes-white .fl-col-group-nested .fl-col h3 { margin: 0 0 15px 0 !important; padding: 15px 20px 0 20px !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col h2, .fl-row.four-boxes-white .fl-col-group-nested .fl-col h3 { font-size: 1.5rem !important; color: #092540 !important; font-weight: 600 !important; margin-bottom: 30px !important; line-height: 1.2 !important; text-align: left !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-rich-text { background: linear-gradient(135deg, #092540 0%, #0a2a47 100%) !important; border-radius: 15px !important; padding: 20px !important; position: absolute !important; top: 120px !important; left: 13px !important; right: 13px !important; margin: 0 auto !important; height: 270px !important; color: #ffffff !important; font-size: 1rem !important; line-height: 1.4 !important; overflow-y: auto !important; box-shadow: 0 8px 20px rgba(9, 37, 64, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; text-align: left !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-rich-text:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 25px rgba(9, 37, 64, 0.4) !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-rich-text p, .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-rich-text ul, .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-rich-text li { color: #ffffff !important; margin-bottom: 12px !important; line-height: 1.5 !important; font-size: 1rem !important; text-align: left !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-rich-text ul { margin: 0 !important; padding-left: 0 !important; list-style: none !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-rich-text li { position: relative !important; padding-left: 20px !important; } /* Custom bullet points */ .fl-row.four-boxes-white .fl-col-group-nested .fl-col .fl-rich-text li::before { content: "●" !important; color: #89f48b !important; font-weight: 700 !important; position: absolute !important; left: 0 !important; } /* Equal Height Four Boxes - CSS Fallback + JavaScript Enhancement */ .fl-row.four-boxes.equal-height .fl-col-group-nested { display: flex !important; align-items: stretch !important; /* CSS fallback for equal heights */ } .fl-row.four-boxes.equal-height .fl-col-group-nested .fl-col { display: flex !important; flex-direction: column !important; /* Heights enhanced dynamically by JavaScript */ } .fl-row.four-boxes-white.equal-height .fl-col-group-nested { display: flex !important; align-items: stretch !important; /* CSS fallback for equal heights */ } .fl-row.four-boxes-white.equal-height .fl-col-group-nested .fl-col { display: flex !important; flex-direction: column !important; /* Heights enhanced dynamically by JavaScript */ } /* Content Distribution */ .fl-row.four-boxes.equal-height .fl-col-group-nested .fl-col .fl-col-content, .fl-row.four-boxes-white.equal-height .fl-col-group-nested .fl-col .fl-col-content { height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; } .fl-row.four-boxes.equal-height .fl-col-group-nested .fl-col .fl-rich-text, .fl-row.four-boxes-white.equal-height .fl-col-group-nested .fl-col .fl-rich-text { flex: 1 !important; display: flex !important; flex-direction: column !important; } /* One Box Base Styles */ .fl-row.one-box { padding: 10px 0 !important; } .fl-row.one-box .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; } /* One Box Layout */ .fl-row.one-box .fl-col-group { display: flex !important; gap: 25px !important; align-items: stretch !important; } .fl-row.one-box .fl-col-group-nested { display: flex !important; gap: 25px !important; align-items: stretch !important; } .fl-row.one-box .fl-col-group-nested .fl-col { flex: 1 !important; background: #092540 !important; border-radius: 12px !important; padding: 15px 10px !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; box-shadow: none !important; } .fl-row.one-box .fl-col-group-nested .fl-col p, .fl-row.one-box .fl-col-group-nested .fl-col ul, .fl-row.one-box .fl-col-group-nested .fl-col li { color: #ffffff !important; font-size: 1rem !important; font-weight: 500 !important; text-align: left !important; margin: 0 !important; line-height: 1.4 !important; font-family: "Poppins", sans-serif !important; } /* One Box Equal Height - CSS Fallback + JavaScript Enhancement */ .fl-row.one-box.equal-height .fl-col-group-nested { display: flex !important; align-items: stretch !important; /* CSS fallback for equal heights */ } .fl-row.one-box.equal-height .fl-col-group-nested .fl-col { display: flex !important; flex-direction: column !important; /* Heights enhanced dynamically by JavaScript */ } /* Content Distribution for One Box */ .fl-row.one-box.equal-height .fl-col-group-nested .fl-col .fl-col-content { height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; } .fl-row.one-box.equal-height .fl-col-group-nested .fl-col .fl-rich-text { flex: 1 !important; display: flex !important; flex-direction: column !important; } /* Two Boxes Base Styles */ .fl-row.two-boxes { padding: 10px 0 !important; } .fl-row.two-boxes .fl-row-content { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; } /* Two Boxes Layout */ .fl-row.two-boxes .fl-col-group { display: flex !important; gap: 25px !important; align-items: stretch !important; } .fl-row.two-boxes .fl-col-group-nested { display: flex !important; gap: 25px !important; align-items: stretch !important; } .fl-row.two-boxes .fl-col-group-nested .fl-col { flex: 1 !important; background: #092540 !important; border-radius: 12px !important; padding: 15px 10px !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; } .fl-row.two-boxes .fl-col-group-nested .fl-col p, .fl-row.two-boxes .fl-col-group-nested .fl-col ul, .fl-row.two-boxes .fl-col-group-nested .fl-col li { color: #ffffff !important; font-size: 1rem !important; font-weight: 500 !important; text-align: left !important; margin: 0 !important; line-height: 1.4 !important; font-family: "Poppins", sans-serif !important; } /* Two Boxes Equal Height - CSS Fallback + JavaScript Enhancement */ .fl-row.two-boxes.equal-height .fl-col-group-nested { display: flex !important; align-items: stretch !important; /* CSS fallback for equal heights */ } .fl-row.two-boxes.equal-height .fl-col-group-nested .fl-col { display: flex !important; flex-direction: column !important; /* Heights enhanced dynamically by JavaScript */ } /* Content Distribution for Two Boxes */ .fl-row.two-boxes.equal-height .fl-col-group-nested .fl-col .fl-col-content { height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; } .fl-row.two-boxes.equal-height .fl-col-group-nested .fl-col .fl-rich-text { flex: 1 !important; display: flex !important; flex-direction: column !important; } /* Custom Post Styling */ .fl-row.custom-post { max-width: 1320px !important; width: 100% !important; } .fl-row.custom-post .fl-post-grid, .fl-row.custom-news .fl-post-grid { display: flex !important; flex-wrap: wrap !important; margin: 0 -10px !important; align-items: stretch !important; justify-content: flex-start !important; width: calc(100% + 20px) !important; } .fl-row.custom-post .fl-post-grid .fl-post-column, .fl-row.custom-news .fl-post-grid .fl-post-column { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; width: 33.333333% !important; min-width: auto !important; padding: 0 10px !important; margin-bottom: 20px !important; box-sizing: border-box !important; visibility: visible !important; display: flex !important; } .fl-row.custom-post .fl-post-grid-post, .fl-row.custom-news .fl-post-grid-post { background: #092540 !important; border-radius: 12px !important; padding: 20px 15px !important; height: auto !important; min-height: 380px !important; display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; box-shadow: 0 4px 0 0 rgba(0, 112, 198, 0.75) !important; border: none !important; width: 100% !important; } .fl-row.custom-post .fl-post-grid-post:hover, .fl-row.custom-news .fl-post-grid-post:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 0 0 rgba(0, 112, 198, 0.8) !important; } .fl-row.custom-post .fl-post-grid-text, .fl-row.custom-news .fl-post-grid-text { height: 100% !important; display: flex !important; flex-direction: column !important; cursor: pointer !important; } .fl-row.custom-post .fl-post-grid-title a, .fl-row.custom-news .fl-post-grid-title a { color: #ffffff !important; font-size: 1.1rem !important; font-weight: 600 !important; text-decoration: none !important; line-height: 1.3 !important; margin-bottom: 10px !important; display: block !important; } .fl-row.custom-post .custom-acf-date, .fl-row.custom-news .custom-acf-date { color: #b4e8f8 !important; font-size: 0.9rem !important; margin: 8px 0 !important; } .fl-row.custom-post .fl-post-grid-content, .fl-row.custom-news .fl-post-grid-content { flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } .fl-row.custom-post .fl-post-grid-content p, .fl-row.custom-news .fl-post-grid-content p { color: rgba(255, 255, 255, 0.9) !important; font-size: 1rem !important; line-height: 1.5 !important; margin: 0 !important; display: block !important; } /* Hide meta date since we're using ACF */ .fl-row.custom-post .fl-post-grid-date { display: none !important; } /* Single Post Publish Date Styling */ .fl-col.fl-node-qlbn0piw7hvg { max-width: 220px !important; margin-left: 0 !important; margin-right: auto !important; align-self: flex-start !important; padding-left: 0 !important; } .fl-col.fl-node-qlbn0piw7hvg .fl-col-content { margin-left: 0 !important; } .fl-col.fl-node-qlbn0piw7hvg .fl-col-content { background: #092540 !important; border-radius: 8px !important; padding: 14px 18px !important; box-shadow: 0 2px 8px rgba(9, 37, 64, 0.3) !important; border-bottom: 3px solid #0070C6 !important; } .fl-col.fl-node-qlbn0piw7hvg .fl-heading { color: #B4E8F8 !important; font-size: 0.75rem !important; font-weight: 500 !important; margin: 0 0 4px 0 !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; text-align: center !important; } .fl-col.fl-node-qlbn0piw7hvg .fl-html { color: #ffffff !important; font-size: 0.95rem !important; font-weight: 600 !important; margin: 0 !important; text-align: center !important; line-height: 1.2 !important; } /* Single Post Content Font Size */ .single-news .fl-post-content p, .single-news .fl-post-content li, .single-news .fl-builder-content p, .single-news .fl-builder-content li, .single-news .fl-module-fl-post-content p, .single-news .fl-module-fl-post-content li, .single-news .fl-node-nfzt6xk9ihlv p, .single-news .fl-node-nfzt6xk9ihlv li, .fl-row .fl-module-fl-post-content .fl-module-content p, .fl-row .fl-module-fl-post-content .fl-module-content li { font-size: 1.125rem !important; } /* Shadow Class - Light blue */ .fl-row.four-boxes.shadow-light-blue .fl-col-group-nested .fl-col, .fl-row.one-box.shadow-light-blue .fl-col-group-nested .fl-col, .fl-row.real-examples.shadow-light-blue { box-shadow: 0 4px 0 0 rgba(0, 112, 198, 0.75) !important; transition: all 0.3s ease !important; } .fl-row.four-boxes.shadow-light-blue .fl-col-group-nested .fl-col:hover, .fl-row.one-box.shadow-light-blue .fl-col-group-nested .fl-col:hover, .fl-row.real-examples.shadow-light-blue:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 0 0 rgba(0, 112, 198, 0.8) !important; } /* Shadow Class - Green */ .fl-row.four-boxes.shadow-light-green .fl-col-group-nested .fl-col, .fl-row.one-box.shadow-light-green .fl-col-group-nested .fl-col, .fl-row.two-boxes.shadow-light-green .fl-col-group-nested .fl-col, .fl-row.real-examples.shadow-light-green { box-shadow: 0 4px 0 0 rgba(137, 244, 139, 0.75) !important; transition: all 0.3s ease !important; } .fl-row.four-boxes.shadow-light-green .fl-col-group-nested .fl-col:hover, .fl-row.one-box.shadow-light-green .fl-col-group-nested .fl-col:hover, .fl-row.two-boxes.shadow-light-green .fl-col-group-nested .fl-col:hover, .fl-row.real-examples.shadow-light-green:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 0 0 rgba(137, 244, 139, 0.8) !important; } /* Contact Us Form*/ .custom-contact-form { max-width: 600px; margin: 0; padding: 0; background-color: transparent; border-radius: 0; box-shadow: none; } .form-group { margin-bottom: 20px; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; } .form-group-half { margin-bottom: 0; } .form-group label { display: block; margin-bottom: 5px; font-weight: normal; color: #333333; font-size: 0.9rem; } .form-group input, .form-group textarea { width: 100%; padding: 12px 15px; border: 1px solid #cccccc; border-radius: 4px; font-size: 0.95rem; font-family: inherit; background-color: rgba(180, 232, 248, 0.3) !important; transition: border-color 0.3s ease, background-color 0.3s ease; box-sizing: border-box; } .form-group input[type="text"], .form-group input[type="email"] { background-color: rgba(180, 232, 248, 0.3) !important; } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: #0070c6; background-color: rgba(180, 232, 248, 0.4) !important; box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.1); } .form-group textarea { resize: vertical; min-height: 100px; } .form-group .required { color: #e74c3c; } /* Hidden honeypot field */ .honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .contact-submit-btn { width: auto; background-color: #092540; color: #ffffff; padding: 12px 24px; border: none; border-radius: 20px; font-size: 0.95rem; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-transform: none; letter-spacing: 0; } .contact-submit-btn:hover { background-color: #0070c6; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(137, 244, 139, 0.3); } .contact-submit-btn:active { transform: translateY(0); } .form-messages { margin-bottom: 20px; padding: 20px; border-radius: 0; font-size: 1rem; font-weight: 500; text-align: center; animation: fadeIn 0.5s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .form-messages.success { background-color: #092540; border: 2px solid #28a745; color: #ffffff; box-shadow: 0 3px 10px rgba(40, 167, 69, 0.2); } .form-messages.error { background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; } .form-messages ul { margin: 0; padding-left: 20px; } /* Footer */ .fl-builder-content-230{ background-color: #092540 !important; padding: 10px 0 0 0 !important; } .fl-node-i4xbmqpchslu { max-width: 1320px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; position: relative !important; z-index: 2 !important; } /* Remove any extra padding/margins from first column */ .fl-node-v3yairosgpmj { padding-left: 0 !important; margin-left: 0 !important; } /* Remove any extra padding from columns */ .fl-node-vdgsrtbnz7e6 .fl-col-content { padding-left: 0 !important; padding-right: 0 !important; } .fl-node-hk2b739516zm { max-width: 1320px !important; margin: 0 auto !important; padding: 25px 0 0 0 !important; box-sizing: border-box !important; } /* Footer - Column Layout - Transform approach */ .fl-node-vdgsrtbnz7e6 { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 40px; } .fl-node-vdgsrtbnz7e6 .fl-col { flex: 1; min-width: 200px; } /* Logo Section */ .fl-node-v3yairosgpmj { flex: 1.5 !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 15px !important; position: relative !important; } /* Add separator line after logo section (before SOLUTIONS) */ .fl-node-v3yairosgpmj::after { content: '' !important; position: absolute !important; right: -10px !important; top: 0 !important; width: 1px !important; height: 100% !important; background: linear-gradient(180deg, transparent 0%, rgba(180, 232, 248, 0.3) 20%, rgba(180, 232, 248, 0.3) 80%, transparent 100%) !important; display: block !important; z-index: 1 !important; } .fl-node-v3yairosgpmj .fl-logo-img { max-width: 140px; margin-bottom: 5px; filter: brightness(1.1) !important; } .fl-node-71obzfp69ygj p { font-size: 1.25rem; font-weight: 600; color: #ffffff !important; margin-bottom: 15px; letter-spacing: 0.5px; } .fl-node-pyg2347hi89x p { font-size: 0.95rem; color: rgba(255, 255, 255, 0.85) !important; line-height: 1.6; margin-bottom: 8px !important; max-width: 300px; } /* Navigation Columns */ .fl-node-ap4xnj7ihzls, .fl-node-q9j6ncvzaklm, .fl-node-4r2nl7i9xb1p { flex: 1 !important; position: relative; } /* Add separators between columns - Safari compatible with gradient */ .fl-node-ap4xnj7ihzls::before, .fl-node-q9j6ncvzaklm::before, .fl-node-4r2nl7i9xb1p::before { content: '' !important; position: absolute !important; left: -10px !important; top: 0 !important; width: 1px !important; height: 100% !important; background: linear-gradient(180deg, transparent 0%, rgba(180, 232, 248, 0.3) 20%, rgba(180, 232, 248, 0.3) 80%, transparent 100%) !important; display: block !important; z-index: 1 !important; } /* Remove separator from first column */ .fl-node-ap4xnj7ihzls::before { display: none !important; } /* Column Headers */ .fl-node-yuhz7i4kc02v p, .fl-node-thfkej972avo p, .fl-node-bfduei40nymj p { font-size: 1.1rem; font-weight: 600; color: #B4E8F8 !important; margin-bottom: 20px; letter-spacing: 0.5px; text-transform: uppercase; } /* Links */ .fl-node-p0u5cml81nrj p, .fl-node-db0ovtsqyu81 p, .fl-node-0ulcb7358pgr p { margin-bottom: 12px; line-height: 1.4; transition: all 0.2s ease; } .fl-node-p0u5cml81nrj a, .fl-node-db0ovtsqyu81 a, .fl-node-0ulcb7358pgr a { color: rgba(255, 255, 255, 0.9) !important; text-decoration: none !important; font-size: 1rem; transition: all 0.3s ease !important; position: relative !important; display: inline-block !important; padding: 4px 0 6px 0 !important; } .fl-node-p0u5cml81nrj a:hover, .fl-node-db0ovtsqyu81 a:hover, .fl-node-0ulcb7358pgr a:hover { color: #B4E8F8 !important; text-decoration: none; } /* Add hover animation to the links */ .fl-node-p0u5cml81nrj a::after, .fl-node-db0ovtsqyu81 a::after, .fl-node-0ulcb7358pgr a::after { content: '' !important; position: absolute !important; width: 0 !important; height: 0.125rem !important; bottom: -0.25rem !important; left: 0 !important; background-color: #B4E8F8 !important; transition: width 0.3s ease !important; } .fl-node-p0u5cml81nrj a:hover::after, .fl-node-db0ovtsqyu81 a:hover::after, .fl-node-0ulcb7358pgr a:hover::after { width: 100% !important; } /* Social Icons Section */ .footer-social-section { margin-top: 20px; text-align: left !important; } .footer-social-text { font-size: 0.85rem; color: rgba(255, 255, 255, 0.7) !important; margin-bottom: 1px; font-weight: 400; letter-spacing: 0.3px; text-transform: uppercase; text-align: left !important; } /* Force left alignment on all levels of the social icons structure */ .footer-social-section .fl-module, .footer-social-section .fl-module-content, .footer-social-section .fl-node-content, .fl-node-6dhs5gl3nb8w, .fl-node-6dhs5gl3nb8w .fl-module-content, .fl-node-6dhs5gl3nb8w .fl-node-content { text-align: left !important; } .footer-social-section .fl-icon-group, .fl-node-6dhs5gl3nb8w .fl-icon-group { text-align: left !important; justify-content: flex-start !important; display: flex !important; flex-wrap: wrap !important; gap: 15px !important; align-items: flex-start !important; position: relative !important; left: 0 !important; margin-left: 0 !important; padding-left: 0 !important; transform: translateX(0) !important; } .fl-node-6dhs5gl3nb8w.fl-module { position: relative !important; margin-left: 0 !important; padding-left: 0 !important; left: 0 !important; transform: translateX(-20px) !important; } /* End force left alignment on all levels of the social icons structure */ .footer-social-section .fl-icon, .fl-node-6dhs5gl3nb8w .fl-icon { margin: 0 !important; display: flex !important; text-align: left !important; flex-shrink: 0 !important; } .footer-social-section .fl-icon a, .fl-node-6dhs5gl3nb8w .fl-icon a { color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); text-decoration: none; } .footer-social-section .fl-icon a:hover, .fl-node-6dhs5gl3nb8w .fl-icon a:hover { color: #B4E8F8 !important; background: rgba(180, 232, 248, 0.2); transform: translateY(-3px) scale(1.1); box-shadow: 0 5px 15px rgba(180, 232, 248, 0.3); } /* AWS Partner Logo Section */ .footer-partner-section { margin-top: 0px; } .footer-partner-text { font-size: 0.85rem; color: rgba(255, 255, 255, 0.7) !important; margin-bottom: 15px; font-weight: 400; letter-spacing: 0.3px; text-transform: uppercase; } /* AWS Partner Badge Image */ .aws-partner-badge { max-width: 80px !important; width: 80px !important; height: auto !important; opacity: 0.9; transition: all 0.3s ease; display: block; } .aws-partner-badge:hover { opacity: 1; transform: scale(1.05); box-shadow: 0 2px 8px rgba(180, 232, 248, 0.3); } /* AWS Partner Badge Link Styling */ .footer-partner-section a { display: inline-block; text-decoration: none; border: none; } .footer-partner-section a:hover .aws-partner-badge { opacity: 1; transform: scale(1.05); box-shadow: 0 2px 8px rgba(180, 232, 248, 0.3); } /* Custom Divider Row */ .fl-module.divider-row { padding: 40px 0 !important; margin: 0 !important; } .fl-module.divider-row .fl-separator { background: linear-gradient(90deg, transparent 0%, #0070C6 20%, #0070C6 80%, transparent 100%) !important; height: 1px !important; border: none !important; margin: 0 !important; width: 100% !important; } /* Footer - Bottom Row */ .fl-node-hk2b739516zm { display: flex; justify-content: space-between; align-items: center; padding: 50px 0 0 0; margin-top: 0; border-top: 1px solid transparent; position: relative; } .fl-node-hk2b739516zm::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(180, 232, 248, 0.3) 20%, rgba(180, 232, 248, 0.3) 80%, transparent 100%); } /* Bottom row columns - adjust width distribution */ .fl-node-hk2b739516zm .fl-col { flex: 1; } .fl-node-hk2b739516zm .fl-col.fl-node-xeltp3826bhq { flex: 0 0 auto; min-width: 250px; text-align: right; } .fl-node-hk2b739516zm .fl-col.fl-node-9q6rvhza7y2m { flex: 1; text-align: left; } .fl-node-gtvxf6ay0w1n p, .fl-node-v6krz0t93mpb p { font-size: 0.85rem; color: rgba(255, 255, 255, 0.7) !important; margin: 0; font-weight: 400; } .fl-node-v6krz0t93mpb a { color: rgba(255, 255, 255, 0.8) !important; text-decoration: none !important; transition: all 0.3s ease; border-bottom: 0.5px solid transparent; } .fl-node-v6krz0t93mpb a:hover { color: #B4E8F8 !important; text-decoration: none !important; border-bottom-color: #B4E8F8; } /* Auto-generated Copyright & Developer Credit Footer */ .fl-node-hk2b739516zm .fl-col-group { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; flex-wrap: nowrap !important; } .fl-node-hk2b739516zm .fl-col.fl-node-xeltp3826bhq { text-align: left !important; flex: 0 0 auto !important; min-width: auto !important; } .fl-node-hk2b739516zm .fl-col.fl-node-xeltp3826bhq .fl-col-content, .fl-node-hk2b739516zm .fl-col.fl-node-xeltp3826bhq .fl-rich-text { text-align: left !important; } .fl-node-hk2b739516zm .fl-col.fl-node-9q6rvhza7y2m { text-align: right !important; flex: 0 0 auto !important; } .fl-node-hk2b739516zm .fl-col.fl-node-9q6rvhza7y2m .fl-col-content, .fl-node-hk2b739516zm .fl-col.fl-node-9q6rvhza7y2m .fl-rich-text { text-align: right !important; } .auto-copyright-footer { white-space: nowrap; text-align: left !important; font-size: 0.85rem; color: rgba(255, 255, 255, 0.7); margin: 0; margin-left: 40px; font-weight: 400; font-family: "Poppins", sans-serif; } .developer-credit-footer { white-space: nowrap; text-align: right !important; font-size: 0.85rem; color: rgba(255, 255, 255, 0.7); margin: 0; font-weight: 400; font-family: "Poppins", sans-serif; } .developer-credit-footer a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: all 0.3s ease; border-bottom: 0.5px solid transparent; } .developer-credit-footer a:hover { color: #B4E8F8; border-bottom-color: #B4E8F8; } /* COOKIE CONSENT POPUP MODAL */ #cookie-consent-banner.cookie-consent-banner { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(0, 0, 0, 0.8) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 999999 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out !important; font-family: 'Poppins', sans-serif !important; padding: 20px !important; box-sizing: border-box !important; margin: 0 !important; border: none !important; } #cookie-consent-banner.cookie-consent-banner.show { opacity: 1 !important; visibility: visible !important; } #cookie-consent-banner.cookie-consent-banner.show .cookie-consent-content { transform: scale(1) !important; } #cookie-consent-banner .cookie-consent-content { background: linear-gradient(135deg, #092540 0%, #0070C6 100%) !important; border-radius: 15px !important; padding: 40px !important; max-width: 600px !important; width: 90% !important; margin: 0 auto !important; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.5) !important; border: 2px solid #B4E8F8 !important; transform: scale(0.8) !important; transition: transform 0.4s ease-in-out !important; display: block !important; text-align: center !important; position: relative !important; box-sizing: border-box !important; float: none !important; clear: both !important; } .cookie-consent-text { margin-bottom: 30px; } .cookie-consent-text p { margin: 0; font-size: 1.1rem; line-height: 1.6; color: #ffffff; text-align: center; } .cookie-consent-text a { color: #B4E8F8; text-decoration: underline; font-weight: 600; } .cookie-consent-text a:hover { color: #ffffff; } .cookie-consent-buttons { display: flex; gap: 20px; justify-content: center; align-items: center; } .cookie-btn { padding: 15px 30px; border: none; border-radius: 8px; font-family: 'Poppins', sans-serif; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; text-align: center; min-width: 120px; } .cookie-btn-accept { background-color: #0070C6; color: #ffffff; } .cookie-btn-accept:hover { background-color: #005A9B; transform: translateY(-2px); } .cookie-btn-decline { background-color: transparent; color: #ffffff; border: 2px solid #ffffff; } .cookie-btn-decline:hover { background-color: #ffffff; color: #092540; } /* Close button for the popup */ .cookie-close-btn { position: absolute; top: 15px; right: 20px; background: none; border: none; color: #ffffff; font-size: 1.5rem; cursor: pointer; padding: 5px; line-height: 1; transition: color 0.3s ease; } .cookie-close-btn:hover { color: #B4E8F8; } /* COOKIE POPUP BANNER STYLES */ #cookie-popup-overlay.cookie-popup-overlay { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px) !important; border-top: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.1) !important; z-index: 99999999 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(100%) !important; transition: all 0.4s ease-in-out !important; font-family: 'Poppins', sans-serif !important; padding: 0 !important; margin: 0 !important; border: none !important; box-sizing: border-box !important; } #cookie-popup-overlay.cookie-popup-overlay.show { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; } #cookie-popup-overlay .cookie-popup-modal { background: transparent !important; border-radius: 0 !important; padding: 20px 0 !important; max-width: none !important; width: 100% !important; margin: 0 !important; box-shadow: none !important; border: none !important; transform: none !important; transition: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; max-width: 1200px !important; margin: 0 auto !important; padding: 20px 30px !important; position: relative !important; box-sizing: border-box !important; } .cookie-popup-text { flex: 1 !important; margin-right: 30px !important; margin-bottom: 0 !important; } .cookie-popup-text p { margin: 0 !important; font-size: 0.9rem !important; line-height: 1.4 !important; color: #666666 !important; text-align: left !important; } .cookie-popup-text a { color: #0070C6 !important; text-decoration: underline !important; font-weight: 500 !important; } .cookie-popup-text a:hover { color: #005A9B !important; } .cookie-popup-buttons { display: flex !important; gap: 0 !important; justify-content: flex-end !important; align-items: center !important; flex-shrink: 0 !important; } .cookie-popup-overlay .cookie-btn { padding: 12px 24px !important; border: none !important; border-radius: 4px !important; font-family: 'Poppins', sans-serif !important; font-size: 0.9rem !important; font-weight: 500 !important; cursor: pointer !important; transition: all 0.3s ease !important; text-decoration: none !important; display: inline-block !important; text-align: center !important; } .cookie-popup-overlay .cookie-btn-accept { background-color: #0070C6 !important; color: #ffffff !important; min-width: 100px !important; } .cookie-popup-overlay .cookie-btn-accept:hover { background-color: #005A9B !important; transform: none !important; } .cookie-popup-overlay .cookie-btn-reject { background-color: transparent !important; color: #666666 !important; border: 1px solid #cccccc !important; margin-right: 15px !important; } .cookie-popup-overlay .cookie-btn-reject:hover { background-color: #f5f5f5 !important; color: #333333 !important; border-color: #999999 !important; } .cookie-popup-overlay .cookie-close-btn { display: none !important; } /* Global Style for All Images in Custom Post Contents */ .single-news .fl-module-fl-post-content .fl-module-content img, .single-event .fl-module-fl-post-content .fl-module-content img { border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; max-width: 100% !important; height: auto !important; display: block !important; margin: 20px 0 !important; } /* Global Style for H2, H3, H4 Titles ONLY in Single Post Content Areas */ .single-news .fl-module-fl-post-content .fl-module-content h2, .single-event .fl-module-fl-post-content .fl-module-content h2, .single-news .fl-module-fl-post-content .fl-module-content h3, .single-event .fl-module-fl-post-content .fl-module-content h3, .single-news .fl-module-fl-post-content .fl-module-content h4, .single-event .fl-module-fl-post-content .fl-module-content h4 { color: #0070c6 !important; } /* ================================ REUSABLE CLASSES ================================ */ /* Border Classes - Reusable */ .border-bottom-blue { border-bottom: 4px solid #0070c6 !important; } .border-bottom-green { border-bottom: 4px solid #89f48b !important; } .border-bottom-dark { border-bottom: 4px solid #092540 !important; } .custom-title-dark { color: #b4e8f8 !important; } .custom-title-light{ color:#0070c6 ; } .custom-title-green{ color: #89f48b !important; } .border-blog-post { border: 2px solid #000000 !important; border-bottom: none !important; } /* Rounded Images Class */ img.rounded-images, .fl-module img.rounded-images, .fl-rich-text img.rounded-images, .fl-module-content img.rounded-images { border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; } /* ================================ MEDIA QUERIES - RESPONSIVE STYLES ================================ */ /* Large Tablets and Small Desktops (1024px and below) */ @media (max-width: 1024px) { .fl-page-header-primary .fl-logo-img { max-width: 110px; } /* Mobile menu positioning */ .fl-menu-mobile-clone { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; background: #092540 !important; z-index: 99 !important; } .fl-menu-mobile-clone .menu { margin: 0 !important; padding: 20px 0 !important; width: 100% !important; max-width: none !important; list-style: none !important; } .fl-menu-mobile-clone .menu > li { border-bottom: 1px solid rgba(255,255,255,0.1) !important; width: 100% !important; display: block !important; } .fl-menu-mobile-clone .menu a { color: #ffffff !important; padding: 15px 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative !important; } .fl-menu-mobile-clone .menu > li > a:after { content: '›' !important; font-size: 1.125rem !important; opacity: 0.7 !important; font-weight: normal !important; } /* Mobile submenu */ .fl-menu-mobile-clone .sub-menu { background: #092540 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .fl-menu-mobile-clone .sub-menu li { border-bottom: 1px solid rgba(255,255,255,0.1) !important; width: 100% !important; } .fl-menu-mobile-clone .sub-menu li:last-child { border-bottom: none !important; } .fl-menu-mobile-clone .sub-menu a { color: #ffffff !important; background: #092540 !important; padding: 15px 20px !important; padding-left: 40px !important; font-size: 0.875rem !important; display: block !important; width: 100% !important; text-decoration: none !important; text-align: left !important; justify-content: initial !important; align-items: initial !important; } .fl-menu-mobile-clone .sub-menu a:after { display: none !important; } .fl-menu-mobile-clone .sub-menu a:hover { background: #092540 !important; color: #ffffff !important; } /* Hide navigation button */ .custom-button-nav, .custom-button-nav.fl-module, .custom-button-nav.fl-module-button, .fl-col:has(.custom-button-nav) { display: none !important; width: 0 !important; padding: 0 !important; margin: 0 !important; flex: 0 0 0 !important; } .fl-col:has(.fl-menu) { flex: 1 !important; display: flex !important; justify-content: flex-end !important; } .fl-row .fl-col-group { display: flex !important; align-items: center !important; } .fl-col-group-equal-height .fl-col-zjwpkscu2gn6 { display: none !important; width: 0 !important; padding: 0 !important; margin: 0 !important; } .fl-col-group-equal-height .fl-col-6hmyaqjud08b { flex: 1 !important; width: auto !important; display: flex !important; justify-content: flex-end !important; } .fl-col-group-equal-height .fl-col-v2w4ayd3ksun { width: auto !important; } .fl-col-group-equal-height { display: flex !important; align-items: center !important; } /* Custom post grid - 2 columns on tablet */ .fl-row.custom-post .fl-post-grid .fl-post-column { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; } /* Single post publish date - tablet */ .fl-col.fl-node-qlbn0piw7hvg { max-width: 200px !important; } .fl-col.fl-node-qlbn0piw7hvg .fl-col-content { padding: 12px 16px !important; } } /* Tablet Specific (769px to 1024px) */ @media (min-width: 769px) and (max-width: 1024px) { .fl-page-header-primary .fl-logo-img { max-width: 120px; } /* Hide arrow icon on nav button for tablets */ /* .fl-node-idcysmr0o4q8 .fa-arrow-right { display: none !important; } */ .fl-menu-mobile-clone .menu a { padding: 12px 20px !important; font-size: 0.9375rem !important; } .fl-menu-mobile-clone .sub-menu a { padding: 12px 20px !important; padding-left: 35px !important; font-size: 0.8125rem !important; } /* Image-Text Row Tablet */ .fl-row.image-text-row .fl-photo { width: 100% !important; height: auto !important; max-width: 500px !important; aspect-ratio: 16/9 !important; border-radius: 20px !important; overflow: hidden !important; } .fl-row.image-text-row .fl-photo img { width: 100% !important; height: 100% !important; aspect-ratio: 16/9 !important; object-fit: cover !important; border-radius: 20px !important; } .fl-row.image-text-row .fl-col:first-child { margin-right: 0 !important; } .fl-row.image-text-row .fl-col:last-child { margin-left: 0 !important; width: 100% !important; max-width: none !important; flex: 1 !important; } .fl-row.image-text-row .fl-col-group { gap: 10px !important; } /* Text-Image Row Tablet */ .fl-row.text-image-row .fl-photo { width: 100% !important; height: auto !important; max-width: 500px !important; aspect-ratio: 16/9 !important; border-radius: 20px !important; overflow: hidden !important; } .fl-row.text-image-row .fl-photo img { width: 100% !important; height: 100% !important; aspect-ratio: 16/9 !important; object-fit: cover !important; border-radius: 20px !important; } .fl-row.text-image-row .fl-col:first-child { margin-right: 0 !important; width: 100% !important; max-width: none !important; flex: 1 !important; } .fl-row.text-image-row .fl-col:last-child { margin-left: 0 !important; } .fl-row.text-image-row .fl-col-group { gap: 20px !important; } /* Image-Text Slider Row Tablet */ .fl-row.image-slider-row .fl-col:first-child { margin-right: 0 !important; } .fl-row.image-slider-row .fl-col:last-child { margin-left: 0 !important; width: 100% !important; max-width: none !important; flex: 1 !important; } .fl-row.image-slider-row .fl-col-group { gap: 20px !important; } .image-slider-row .fl-slideshow-base { width: 100% !important; height: 250px !important; max-width: 500px !important; border-radius: 20px !important; overflow: hidden !important; } /* Text-Slider Row Tablet */ .fl-row.text-slider-row .fl-col:first-child { margin-right: 0 !important; width: 100% !important; max-width: none !important; flex: 1 !important; } .fl-row.text-slider-row .fl-col:last-child { margin-left: 0 !important; } .fl-row.text-slider-row .fl-col-group { gap: 20px !important; } .text-slider-row .fl-slideshow-base { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 20px !important; overflow: hidden !important; aspect-ratio: 669/338 !important; } /* Case Study Tablet */ .fl-row.case-study .fl-col-group { gap: 25px !important; } .fl-row.case-study .fl-col { max-width: 300px !important; } .fl-row.case-study .fl-photo img { height: 180px !important; } .fl-row.case-study .fl-heading { padding: 20px 20px 8px 20px !important; } .fl-row.case-study .fl-heading h2 { font-size: 1.3rem !important; } .fl-row.case-study .fl-rich-text { padding: 0 20px 25px 20px !important; } /* Cards Layout Tablet - 2x2 Grid */ .fl-row.fl-node-g1lipfrcyeuk .fl-col-group, .fl-col-group.fl-node-cdmb2tnvq6lu, .fl-row.feature-cards .fl-col-group { flex-wrap: wrap !important; gap: 20px !important; } /* Title Column - Full Width */ .fl-col.fl-node-eanzfj89tkbo, .fl-row.feature-cards .fl-col:first-child { flex: 0 0 100% !important; padding-right: 0 !important; text-align: center !important; margin-bottom: 30px !important; } .fl-col.fl-node-eanzfj89tkbo .fl-rich-text p, .fl-row.feature-cards .fl-col:first-child h2 { font-size: 2.5rem !important; text-align: center !important; } /* Card Columns - 2x2 Grid */ .fl-col.fl-node-lzen8it6gcar, .fl-col.fl-node-ht2ijv7opabc, .fl-col.fl-node-6lymq7uv12p4, .fl-row.feature-cards .fl-col:not(:first-child) { flex: 0 0 calc(50% - 10px) !important; height: 380px !important; margin-bottom: 20px !important; } /* Blue boxes adjustment for tablet */ .fl-node-iqs4z50912ed, .fl-node-891d23mxtiqw, .fl-node-yuv1e4i6j9go { top: 80px !important; height: 250px !important; font-size: 0.8125rem !important; } /* How We Work Section - Single Column */ #how-we-work .fl-col-group, .fl-col-group.fl-node-7fbsapjnz1o5 { flex-direction: column !important; gap: 30px !important; align-items: center !important; } #how-we-work .fl-col, .fl-col.fl-node-rgswybihveu7, .fl-col.fl-node-2c68irf435zk, .fl-col.fl-node-rc2dv8akb9je, .fl-col.fl-node-bctv1am04r8d { flex: none !important; width: 100% !important; max-width: 550px !important; margin-bottom: 30px !important; text-align: center !important; padding: 35px 20px 30px 20px !important; min-height: 240px !important; } /* Center numbered circles */ .fl-col.fl-node-rgswybihveu7::before, .fl-col.fl-node-2c68irf435zk::before, .fl-col.fl-node-rc2dv8akb9je::before, .fl-col.fl-node-bctv1am04r8d::before { margin: 0 auto 25px auto !important; } /* Four Boxes - 2 Left + 2 Right Layout */ .fl-row.four-boxes .fl-col-group-nested { display: flex !important; flex-wrap: nowrap !important; gap: 20px !important; align-items: stretch !important; width: 100% !important; } .fl-row.four-boxes .fl-col-group-nested .fl-col { flex: 0 0 calc(25% - 15px) !important; width: calc(25% - 15px) !important; max-width: calc(25% - 15px) !important; min-width: 0 !important; padding: 15px 10px !important; align-items: flex-start !important; box-sizing: border-box !important; background: #092540 !important; border-radius: 12px !important; display: flex !important; justify-content: flex-start !important; } /* Blog & News Posts Tablet */ .fl-row.custom-post .fl-post-grid .fl-post-column, .fl-row.custom-news .fl-post-grid .fl-post-column { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; } /* Four Boxes White with shadow-light-green - 2x2 Grid for All Tablets */ .fl-row.four-boxes-white.shadow-light-green .fl-col-group-nested { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: repeat(2, 1fr) !important; gap: 15px !important; align-items: stretch !important; justify-items: stretch !important; width: 100% !important; max-width: 100% !important; } .fl-row.four-boxes-white.shadow-light-green .fl-col-group-nested .fl-col { display: block !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; flex: none !important; float: none !important; position: relative !important; } /* Force specific positioning for each white box - All Tablets */ .fl-row.four-boxes-white.shadow-light-green .fl-col-group-nested .fl-col:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } .fl-row.four-boxes-white.shadow-light-green .fl-col-group-nested .fl-col:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; } .fl-row.four-boxes-white.shadow-light-green .fl-col-group-nested .fl-col:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; } .fl-row.four-boxes-white.shadow-light-green .fl-col-group-nested .fl-col:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; } /* Four Boxes with shadow-light-green class for All Tablets - 2x2 Grid */ body .fl-row.four-boxes.shadow-light-green .fl-col-group-nested { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: repeat(2, 1fr) !important; gap: 15px !important; align-items: stretch !important; justify-items: stretch !important; width: 100% !important; max-width: 100% !important; } body .fl-row.four-boxes.shadow-light-green .fl-col-group-nested .fl-col { display: block !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; flex: none !important; float: none !important; position: relative !important; } /* Force specific positioning for each box */ body .fl-row.four-boxes.shadow-light-green .fl-col-group-nested .fl-col:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } body .fl-row.four-boxes.shadow-light-green .fl-col-group-nested .fl-col:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; } body .fl-row.four-boxes.shadow-light-green .fl-col-group-nested .fl-col:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; } body .fl-row.four-boxes.shadow-light-green .fl-col-group-nested .fl-col:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; } /* Four Boxes with shadow-light-blue class for All Tablets - 2x2 Grid */ body .fl-row.four-boxes.shadow-light-blue .fl-col-group-nested { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: repeat(2, 1fr) !important; gap: 15px !important; align-items: stretch !important; justify-items: stretch !important; width: 100% !important; max-width: 100% !important; } body .fl-row.four-boxes.shadow-light-blue .fl-col-group-nested .fl-col { display: block !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; flex: none !important; float: none !important; position: relative !important; } /* Force specific positioning for each box */ body .fl-row.four-boxes.shadow-light-blue .fl-col-group-nested .fl-col:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } body .fl-row.four-boxes.shadow-light-blue .fl-col-group-nested .fl-col:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; } body .fl-row.four-boxes.shadow-light-blue .fl-col-group-nested .fl-col:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; } body .fl-row.four-boxes.shadow-light-blue .fl-col-group-nested .fl-col:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; } /* Footer - Improve layout for All Tablets */ .fl-node-vdgsrtbnz7e6 { gap: 25px !important; align-items: flex-start !important; } .fl-node-v3yairosgpmj { flex: 1.2 !important; padding-left: 0 !important; padding-right: 10px !important; align-self: flex-start !important; } .fl-node-ap4xnj7ihzls, .fl-node-q9j6ncvzaklm, .fl-node-4r2nl7i9xb1p { flex: 1 !important; min-width: 150px !important; max-width: 180px !important; align-self: flex-start !important; } /* Adjust line positioning for tighter spacing */ .fl-node-ap4xnj7ihzls::before, .fl-node-q9j6ncvzaklm::before, .fl-node-4r2nl7i9xb1p::before { left: -12px !important; } /* Smaller text for better fit */ .fl-node-yuhz7i4kc02v p, .fl-node-thfkej972avo p, .fl-node-bfduei40nymj p { font-size: 1rem !important; margin-bottom: 15px !important; } .fl-node-p0u5cml81nrj a, .fl-node-db0ovtsqyu81 a, .fl-node-0ulcb7358pgr a { font-size: 0.9rem !important; } /* Fix developer credit footer for All Tablets */ .developer-credit-footer { font-size: 0.75rem !important; white-space: nowrap !important; text-align: left !important; padding-left: 20px !important; overflow: visible !important; } /* Free Consult Button for iPad Portrait */ .free-consult-mobile a { background: white !important; color: #092540 !important; padding: 8px 16px !important; border-radius: 8px !important; border: 1px solid #092540 !important; text-decoration: none !important; display: inline-block !important; font-size: 0.95rem !important; } .free-consult-mobile a, .free-consult-mobile a:link, .free-consult-mobile a:visited { color: #092540 !important; } .free-consult-mobile a:hover { background: #B4E8F8 !important; color: #092540 !important; } .free-consult-mobile { list-style: none !important; margin: 0 !important; padding: 0 !important; } /* PRESERVE mobile menu - exclude header from constraints */ .fl-page-header, .fl-page-header *, .fl-page-nav-wrap, .fl-page-nav-wrap * { max-width: none !important; overflow: visible !important; } /* Image-Text Slider Row All Tablets - Display like mobile */ body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col-group { flex-direction: column !important; gap: 0 !important; } body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col:first-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin: 0 !important; padding: 0 20px 0 20px !important; text-align: left !important; } body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: -10px !important; padding: 0 20px 0 60px !important; text-align: left !important; } .image-slider-row .fl-slideshow-base { width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 !important; margin-left: 0 !important; border-radius: 20px !important; overflow: hidden !important; aspect-ratio: 669/338 !important; } /* Text-Image Slider Row All Tablets - Display like mobile */ body:not(.fl-builder-edit) .fl-row.text-slider-row .fl-col-group { flex-direction: column-reverse !important; gap: 0 !important; } body:not(.fl-builder-edit) .fl-row.text-slider-row .fl-col:first-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin: 0 !important; padding: 0 20px !important; text-align: left !important; } body:not(.fl-builder-edit) .fl-row.text-slider-row .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: -10px !important; padding: 0 20px !important; } .text-slider-row .fl-slideshow-base { width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 auto !important; border-radius: 20px !important; overflow: hidden !important; aspect-ratio: 669/338 !important; } /* Text-Image Row All Tablets - Display like mobile */ .fl-row.text-image-row .fl-col-group { flex-direction: column !important; gap: 15px !important; } .fl-row.text-image-row .fl-col:first-child, .fl-row.text-image-row .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin: 0 !important; padding: 0 20px !important; } .fl-row.text-image-row .fl-photo { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; border-radius: 20px !important; overflow: hidden !important; } .fl-row.text-image-row .fl-photo img { width: 100% !important; height: auto !important; border-radius: 20px !important; object-fit: cover !important; } .fl-row.text-image-row .fl-col:first-child { text-align: left !important; } /* Image-Text Row All Tablets - Display like mobile */ .fl-row.image-text-row .fl-col-group { flex-direction: column !important; gap: 15px !important; } .fl-row.image-text-row .fl-col:first-child, .fl-row.image-text-row .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin: 0 !important; padding: 0 20px !important; } .fl-row.image-text-row .fl-photo { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; border-radius: 20px !important; overflow: hidden !important; } .fl-row.image-text-row .fl-photo img { width: 100% !important; height: auto !important; border-radius: 20px !important; object-fit: cover !important; } .fl-row.image-text-row .fl-col:last-child { text-align: left !important; } /* Case Studies All Tablets - Display vertically */ .fl-row.case-study .fl-col-group { flex-direction: column !important; gap: 30px !important; align-items: center !important; } .fl-row.case-study .fl-col { width: 100% !important; max-width: 400px !important; flex: none !important; margin: 0 !important; } .fl-row.case-study .fl-photo img { width: 100% !important; height: auto !important; max-width: 400px !important; } /* Struggling Section All Tablets - Display vertically */ .fl-row.fl-node-g1lipfrcyeuk .fl-col-group, .fl-col-group.fl-node-cdmb2tnvq6lu, .fl-row.feature-cards .fl-col-group { flex-direction: column !important; gap: 30px !important; align-items: center !important; } .fl-col.fl-node-eanzfj89tkbo, .fl-row.feature-cards .fl-col:first-child { flex: none !important; width: 100% !important; max-width: 500px !important; padding-right: 0 !important; text-align: center !important; margin-bottom: 20px !important; } .fl-col.fl-node-lzen8it6gcar, .fl-col.fl-node-ht2ijv7opabc, .fl-col.fl-node-6lymq7uv12p4, .fl-row.feature-cards .fl-col:not(:first-child) { flex: none !important; width: 100% !important; max-width: 400px !important; height: auto !important; min-height: 350px !important; } /* How We Work Section All Tablets - Reduce spacing (OVERRIDE TABLET) */ html body #how-we-work.fl-row.fl-row-full-width { padding-top: 5px !important; padding-bottom: 30px !important; margin-top: -60px !important; } html body #how-we-work .fl-row-content.fl-row-fixed-width { padding-top: 0 !important; padding-bottom: 0 !important; } /* FORCE reduced gap between title and boxes with ultra-high specificity */ html body #how-we-work .fl-col-group.fl-node-mqlh3yfp079w { margin-bottom: -40px !important; margin-top: 0 !important; padding-bottom: 0 !important; } /* Target the content boxes directly to pull them up */ html body #how-we-work .fl-col-group:not(.fl-node-mqlh3yfp079w) { margin-top: -30px !important; padding-top: 0 !important; } html body #how-we-work .fl-col-group.fl-node-7fbsapjnz1o5 { margin-top: -100px !important; padding-top: 0 !important; gap: 20px !important; } /* Override tablet gap rules */ html body #how-we-work .fl-col-group, html body #how-we-work .fl-col-group.fl-node-7fbsapjnz1o5 { gap: 20px !important; } html body #how-we-work .fl-col { margin-bottom: 20px !important; } } /* ================================ ACF Template Header - Responsive Text Fix Used in Reference Implementations template ================================ */ /* Mobile only (up to 600px) - ACF Header text wrapping - includes large phones */ @media (max-width: 600px) { .acf-header, .acf-header h1, .acf-header h2, .acf-header h3 { word-wrap: break-word !important; overflow-wrap: break-word !important; hyphens: auto !important; -webkit-hyphens: auto !important; white-space: normal !important; max-width: 100% !important; width: 100% !important; overflow: visible !important; } .fl-module.acf-header, .fl-module.acf-header .fl-module-content, .fl-heading.acf-header { overflow: visible !important; max-width: 100% !important; width: 100% !important; } } /* iPad Portrait Mode - Includes iPad Pro 11" (834px) */ /* Mobile (768px and below) */ @media (max-width: 768px) { /* Hide skip to content link on mobile */ .fl-screen-reader-text, .screen-reader-text, a[href="#fl-main-content"], .skip-link, .skip-to-content { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* PRESERVE mobile menu - exclude header from constraints */ .fl-page-header, .fl-page-header *, .fl-page-nav-wrap, .fl-page-nav-wrap * { max-width: none !important; overflow: visible !important; } /* Header */ .fl-page-header-primary .fl-logo-img, .fl-page-header .fl-logo-img, header .fl-logo-img, .fl-logo-img { max-width: 100px !important; width: auto !important; } /* Mobile Menu */ .fl-menu-mobile-clone .menu a { padding: 18px 20px !important; font-size: 1rem !important; } .fl-menu-mobile-clone .sub-menu a { padding: 15px 20px !important; padding-left: 40px !important; font-size: 0.875rem !important; } .fl-menu-mobile-clone .menu > li > a:after { font-size: 1.25rem !important; } /* Slideshows are now visible on mobile devices */ /* Free Consult Mobile Button */ .free-consult-mobile a { background: white !important; color: #092540 !important; padding: 6px 12px !important; border-radius: 6px !important; border: 1px solid #092540 !important; text-decoration: none !important; display: inline-block !important; } .free-consult-mobile a, .free-consult-mobile a:link, .free-consult-mobile a:visited { color: #092540 !important; } .free-consult-mobile a:hover { background: #B4E8F8 !important; color: #092540 !important; } .free-consult-mobile { list-style: none !important; margin: 0 !important; padding: 0 !important; } /* Image-Text Row Mobile */ .fl-row.image-text-row .fl-col-group { flex-direction: column !important; } .fl-row.image-text-row .fl-col:first-child, .fl-row.image-text-row .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin-left: 0 !important; margin-right: 0 !important; } .fl-row.image-text-row .fl-photo { width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 auto !important; border-radius: 20px !important; overflow: hidden !important; aspect-ratio: 669/338 !important; } .fl-row.image-text-row .fl-photo img { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 20px !important; object-fit: cover !important; aspect-ratio: 669/338 !important; } .fl-row.image-text-row .fl-col:last-child { text-align: left !important; } /* Text-Image Row Mobile */ .fl-row.text-image-row .fl-col-group { flex-direction: column-reverse !important; } .fl-row.text-image-row .fl-col:first-child, .fl-row.text-image-row .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin-left: 0 !important; margin-right: 0 !important; } .fl-row.text-image-row .fl-photo { width: 100% !important; height: 200px !important; max-width: 350px !important; margin: 0 auto !important; border-radius: 20px !important; overflow: hidden !important; } .fl-row.text-image-row .fl-photo img { width: 100% !important; height: 200px !important; max-width: 350px !important; border-radius: 20px !important; } .fl-row.text-image-row .fl-col:first-child { text-align: center !important; } /* Case Study Mobile - Stack Vertically Full Width */ .fl-row.case-study .fl-col-group { flex-direction: column !important; gap: 15px !important; padding: 0 !important; align-items: center !important; } .fl-row.case-study .fl-col { max-width: 100% !important; width: 100% !important; flex: none !important; } .fl-row.case-study .fl-photo { margin: 0 !important; padding: 0 !important; } .fl-row.case-study .fl-photo img { height: auto !important; width: 100% !important; } /* Image-Text Slider Row Mobile */ body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col-group { flex-direction: column !important; gap: 0 !important; } body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col:first-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin: 0 !important; padding: 0 20px !important; } body:not(.fl-builder-edit) .fl-row.image-slider-row .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: -10px !important; padding: 0 20px !important; } .image-slider-row .fl-slideshow-base { width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 auto !important; border-radius: 20px !important; overflow: hidden !important; aspect-ratio: 669/338 !important; } .fl-row.image-slider-row .fl-col:last-child { text-align: left !important; } /* Text-Slider Row Mobile */ body:not(.fl-builder-edit) .fl-row.text-slider-row .fl-col-group { flex-direction: column-reverse !important; gap: 0 !important; } body:not(.fl-builder-edit) .fl-row.text-slider-row .fl-col:first-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin: 0 !important; padding: 0 20px !important; margin-top: -20px !important; } body:not(.fl-builder-edit) .fl-row.text-slider-row .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: -5px !important; padding: 0 20px !important; } .text-slider-row .fl-slideshow-base { width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 auto !important; border-radius: 20px !important; overflow: hidden !important; aspect-ratio: 669/338 !important; } .fl-row.text-slider-row .fl-col:first-child { text-align: left !important; } /* Struggling Section */ /* Cards Layout Mobile */ .fl-row.fl-node-g1lipfrcyeuk .fl-col-group, .fl-col-group.fl-node-cdmb2tnvq6lu, .fl-row.feature-cards .fl-col-group { flex-direction: column !important; flex-wrap: nowrap !important; gap: 25px !important; align-items: stretch !important; } /* Title Column - Full Width at Top */ .fl-col.fl-node-eanzfj89tkbo, .fl-row.feature-cards .fl-col:first-child { flex: none !important; width: 100% !important; padding-right: 0 !important; text-align: center !important; margin-bottom: 30px !important; order: 1 !important; } .fl-col.fl-node-eanzfj89tkbo .fl-rich-text p, .fl-row.feature-cards .fl-col:first-child h2 { font-size: 2.25rem !important; text-align: center !important; } /* All Card Columns - Stacked Vertically */ .fl-col.fl-node-lzen8it6gcar, .fl-col.fl-node-ht2ijv7opabc, .fl-col.fl-node-6lymq7uv12p4, .fl-row.feature-cards .fl-col:not(:first-child) { flex: none !important; width: 100% !important; max-width: 100% !important; height: 350px !important; margin-bottom: 25px !important; order: 2 !important; padding: 20px 15px !important; } /* Blue boxes adjustment for mobile */ .fl-node-iqs4z50912ed, .fl-node-891d23mxtiqw, .fl-node-yuv1e4i6j9go { top: 70px !important; left: 15px !important; right: 15px !important; height: 230px !important; font-size: 0.9375rem !important; padding: 15px !important; } /* Card titles mobile adjustment */ .fl-node-ufv3sn4g2cm5 p, .fl-node-nlv3doj4ya02 p, .fl-node-sadtrpjifmy2 p { font-size: 1.125rem !important; margin-bottom: 12px !important; } /* Override inline font-family styles */ .fl-node-zgkl2q803ujn li *, .fl-node-ko6apbmd8t5y li *, .fl-node-62s9qdzljxtw li *, .fl-node-zgkl2q803ujn div, .fl-node-ko6apbmd8t5y div, .fl-node-62s9qdzljxtw div, .fl-node-zgkl2q803ujn span, .fl-node-ko6apbmd8t5y span, .fl-node-62s9qdzljxtw span { font-family: "Poppins", sans-serif !important; font-size: inherit !important; font-weight: inherit !important; color: inherit !important; } /* Mobile link animations */ .fl-node-zgkl2q803ujn a::after, .fl-node-ko6apbmd8t5y a::after, .fl-node-62s9qdzljxtw a::after, .fl-node-zgkl2q803ujn li a::after, .fl-node-ko6apbmd8t5y li a::after, .fl-node-62s9qdzljxtw li a::after { height: 1px !important; } /* Testimonial Slider - Stack vertically on mobile */ .testimonial-slider-module .testimonial-content { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 20px !important; } .testimonial-slider-module .testimonial-profile { align-self: center !important; margin-bottom: 10px !important; } .testimonial-slider-module .testimonial-image { width: 120px !important; height: 120px !important; } .testimonial-slider-module .testimonial-text-section { padding-left: 0 !important; text-align: center !important; } .testimonial-slider-module .testimonial-quote-icon { text-align: center !important; } .testimonial-slider-module .testimonial-text p { text-align: center !important; } .testimonial-slider-module .testimonial-author { text-align: center !important; } .testimonial-slider-module { padding: 25px 20px !important; min-height: auto !important; } .testimonial-slider-module .testimonial-nav-dots { position: relative !important; bottom: auto !important; left: auto !important; transform: none !important; margin-top: 20px !important; } /* How We Work Section - Vertical Stack */ #how-we-work .fl-col-group, .fl-col-group.fl-node-7fbsapjnz1o5 { flex-direction: column !important; gap: 25px !important; align-items: stretch !important; margin-top: -60px !important; } #how-we-work .fl-col, .fl-col.fl-node-rgswybihveu7, .fl-col.fl-node-2c68irf435zk, .fl-col.fl-node-rc2dv8akb9je, .fl-col.fl-node-bctv1am04r8d { flex: none !important; width: 100% !important; max-width: 100% !important; margin-bottom: 25px !important; text-align: center !important; padding: 30px 20px 25px 20px !important; min-height: 220px !important; } /* Center numbered circles */ .fl-col.fl-node-rgswybihveu7::before, .fl-col.fl-node-2c68irf435zk::before, .fl-col.fl-node-rc2dv8akb9je::before, .fl-col.fl-node-bctv1am04r8d::before { margin: 0 auto 25px auto !important; } /* left all the text in How We Work */ #how-we-work p, #how-we-work .fl-rich-text p, #how-we-work .fl-module-rich-text p, .fl-row.fl-node-fohenvpclatb p, .fl-row.fl-node-fohenvpclatb .fl-rich-text p, .fl-row.fl-node-fohenvpclatb .fl-module-rich-text p { text-align: left !important; } /* Four Boxes */ .fl-row.four-boxes .fl-col-group-nested { flex-direction: column !important; gap: 20px !important; } .fl-row.four-boxes .fl-col-group-nested .fl-col { flex: none !important; width: 100% !important; padding: 15px 10px !important; align-items: flex-start !important; } .fl-row.four-boxes .fl-col-group-nested .fl-col p { font-size: 0.9375rem !important; } /* Four Boxes White Background */ .fl-row.four-boxes-white .fl-col-group-nested { flex-direction: column !important; } .fl-row.four-boxes-white .fl-col-group-nested .fl-col { flex: 1 !important; width: 100% !important; } /* Four Boxes Equal Height Fix */ .fl-row.four-boxes.equal-height .fl-col-group-nested .fl-col, .fl-row.four-boxes-white.equal-height .fl-col-group-nested .fl-col { height: 280px !important; min-height: 280px !important; } /* One Box Mobile Layout */ .fl-row.one-box .fl-col-group-nested { flex-direction: column !important; gap: 20px !important; } .fl-row.one-box .fl-col-group-nested .fl-col { flex: none !important; width: 100% !important; padding: 15px 10px !important; align-items: flex-start !important; } .fl-row.one-box .fl-col-group-nested .fl-col p, .fl-row.one-box .fl-col-group-nested .fl-col ul, .fl-row.one-box .fl-col-group-nested .fl-col li { font-size: 0.9375rem !important; } /* One Box Equal Height Fix */ .fl-row.one-box.equal-height .fl-col-group-nested .fl-col { height: auto !important; min-height: auto !important; } /* Footer Mobile */ .fl-node-ap4xnj7ihzls, .fl-node-q9j6ncvzaklm, .fl-node-4r2nl7i9xb1p { display: none !important; } /* Hide footer separator line on mobile */ .fl-node-v3yairosgpmj::after { display: none !important; } .fl-node-v3yairosgpmj { text-align: left !important; padding: 20px 0 20px 0 !important; } .fl-node-v3yairosgpmj .fl-logo-img { margin: 0 0 20px 0 !important; } /* Social media section */ .fl-node-6dhs5gl3nb8w { text-align: left !important; margin: 30px 0 !important; padding: 0 !important; } .footer-social-text { margin-bottom: 20px !important; text-align: left !important; } .footer-social-section { text-align: left !important; } .fl-node-6dhs5gl3nb8w .fl-icon-group { justify-content: flex-start !important; gap: 25px !important; margin: 0 !important; display: flex !important; align-items: center !important; width: 100% !important; padding-left: 0 !important; } .fl-node-6dhs5gl3nb8w .fl-icon { margin: 0 !important; } /* AWS Partner section spacing */ .footer-partner-section { text-align: left !important; margin: 30px 0 !important; padding: 0 !important; } .footer-partner-text { margin-bottom: 15px !important; text-align: left !important; } .aws-partner-badge { margin: 0 !important; } /* Bottom footer spacing */ .fl-node-hk2b739516zm { text-align: left !important; margin-top: 30px !important; padding: 20px 0 20px 0 !important; border-top: 1px solid rgba(255,255,255,0.1) !important; } .fl-node-gtvxf6ay0w1n p, .fl-node-v6krz0t93mpb p { margin: 10px 0 !important; text-align: left !important; } /* Footer Copyright & Credit - Mobile Stack */ .fl-node-hk2b739516zm { display: flex !important; flex-direction: column !important; text-align: left !important; } .fl-node-hk2b739516zm .fl-col-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; flex-wrap: nowrap !important; } .fl-node-hk2b739516zm .fl-col.fl-node-xeltp3826bhq, .fl-node-hk2b739516zm .fl-col.fl-node-9q6rvhza7y2m { display: block !important; width: 100% !important; max-width: 100% !important; flex: none !important; text-align: left !important; min-width: 100% !important; order: 0 !important; } .fl-node-hk2b739516zm .fl-col.fl-node-xeltp3826bhq .fl-col-content, .fl-node-hk2b739516zm .fl-col.fl-node-xeltp3826bhq .fl-rich-text, .fl-node-hk2b739516zm .fl-col.fl-node-9q6rvhza7y2m .fl-col-content, .fl-node-hk2b739516zm .fl-col.fl-node-9q6rvhza7y2m .fl-rich-text { display: block !important; text-align: left !important; width: 100% !important; } /* Order: Copyright first, Developer credit second */ .fl-node-hk2b739516zm .fl-col.fl-node-9q6rvhza7y2m { order: 1 !important; } .fl-node-hk2b739516zm .fl-col.fl-node-xeltp3826bhq { order: 2 !important; } .fl-node-hk2b739516zm .auto-copyright-footer, .fl-node-hk2b739516zm .developer-credit-footer, .auto-copyright-footer, .developer-credit-footer { text-align: left !important; white-space: normal !important; word-wrap: break-word !important; font-size: 0.75rem !important; line-height: 1.4 !important; -webkit-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; display: block !important; width: 100% !important; margin: 5px 0 !important; } .fl-node-hk2b739516zm .developer-credit-footer a, .developer-credit-footer a { display: inline !important; -webkit-tap-highlight-color: rgba(180, 232, 248, 0.3) !important; text-align: left !important; } /* Work with leaders section mobile */ .work-with-leaders { padding: 40px 0 !important; } .work-with-leaders .fl-col-group { flex-direction: column !important; gap: 30px !important; } .work-with-leaders .fl-col { max-width: 200px !important; } /* Cookie Banner Mobile */ #cookie-consent-banner .cookie-consent-content { padding: 30px 25px !important; width: 95% !important; margin: 20px auto !important; text-align: center !important; } #cookie-consent-banner .cookie-consent-text { min-width: auto !important; margin-bottom: 25px !important; } #cookie-consent-banner .cookie-consent-buttons { justify-content: center !important; width: 100% !important; flex-direction: column !important; gap: 15px !important; } #cookie-consent-banner .cookie-btn { width: 100% !important; min-width: 120px !important; } /* Cookie Popup Mobile */ #cookie-popup-overlay .cookie-popup-modal { flex-direction: column !important; text-align: center !important; padding: 20px !important; gap: 15px !important; } .cookie-popup-text { margin-right: 0 !important; margin-bottom: 15px !important; } .cookie-popup-text p { font-size: 0.85rem !important; text-align: center !important; } .cookie-popup-buttons { justify-content: center !important; } /* Contact Form & Discovery Form Mobile */ .custom-contact-form, .zapier-contact-form { padding: 25px 20px 25px 5px !important; margin: 0 !important; margin-left: -20px !important; max-width: calc(100vw - 40px) !important; width: calc(100vw - 40px) !important; position: relative !important; left: -10px !important; box-sizing: border-box !important; } /* Force parent containers to align left */ .fl-col-content, .fl-module-content { text-align: left !important; } .fl-row .fl-col-content .custom-contact-form, .fl-row .fl-col-content .zapier-contact-form { margin-left: -30px !important; padding-left: 30px !important; } .custom-contact-form h2, .zapier-contact-form h2 { font-size: 1.5rem !important; margin-bottom: 15px !important; text-align: center !important; } .custom-contact-form p, .zapier-contact-form p { font-size: 0.9rem !important; text-align: center !important; margin-bottom: 25px !important; } .form-row { grid-template-columns: 1fr !important; gap: 0 !important; } .form-group-half { margin-bottom: 20px !important; } .form-group { margin-bottom: 20px !important; } .form-group label { font-size: 0.85rem !important; margin-bottom: 8px !important; } .form-group input, .form-group textarea { padding: 14px 12px !important; font-size: 16px !important; /* Prevents zoom on iOS */ border-radius: 8px !important; } .form-group textarea { min-height: 120px !important; } .contact-submit-btn { width: 100% !important; padding: 15px 25px !important; font-size: 1rem !important; margin-top: 10px !important; } /* Custom Post Grid Mobile */ .fl-row.custom-post .fl-post-grid { margin: 0 !important; width: 100% !important; } .fl-row.custom-post .fl-post-grid .fl-post-column { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; padding: 0 !important; margin-bottom: 15px !important; } .fl-row.custom-post .fl-post-grid-post { padding: 15px 12px !important; } /* Single post publish date - mobile */ /* Override desktop flex centering for mobile date row */ .fl-node-gnpkqr1uzb3l { justify-content: flex-start !important; align-items: flex-start !important; } .mobile-date-blue.fl-col { align-self: flex-start !important; text-align: left !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; padding-left: 20px !important; padding-right: 20px !important; } /* Mobile date box with custom class */ .fl-col.mobile-date-blue .fl-col-content, .mobile-date-blue.fl-col .fl-col-content { background: #092540 !important; background-color: #092540 !important; border-radius: 8px !important; padding: 16px 20px !important; box-shadow: 0 2px 8px rgba(9, 37, 64, 0.3) !important; border-bottom: 3px solid #0070C6 !important; margin: 0 0 30px 0 !important; width: 100% !important; } .fl-col.mobile-date-blue .fl-heading, .mobile-date-blue.fl-col .fl-heading, .fl-col.mobile-date-blue h4, .mobile-date-blue.fl-col h4 { color: #B4E8F8 !important; font-size: 0.75rem !important; font-weight: 500 !important; margin: 0 0 4px 0 !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; text-align: left !important; } .fl-col.mobile-date-blue .fl-module-html, .mobile-date-blue.fl-col .fl-module-html, .fl-col.mobile-date-blue .fl-html, .mobile-date-blue.fl-col .fl-html { color: #ffffff !important; font-size: 0.95rem !important; font-weight: 600 !important; margin: 0 !important; text-align: left !important; line-height: 1.2 !important; } /* Leadership Row Responsive */ .leader-ship .fl-col-group { flex-direction: column !important; gap: 15px !important; } .leader-ship .fl-col:first-child, .leader-ship .fl-col:last-child { width: 100% !important; max-width: 100% !important; flex: none !important; margin-left: 0 !important; margin-right: 0 !important; } .leader-ship .fl-photo { width: 100% !important; max-width: 350px !important; margin: 0 auto !important; } .leader-ship { padding: 20px !important; } /* Leadership Cards Responsive */ .fl-row.leadership-employe .fl-col-group { flex-direction: column !important; gap: 20px !important; } .fl-row.leadership-employe .fl-col { max-width: 100% !important; padding: 30px 25px 25px 25px !important; } /* Blog & News Posts Mobile */ .fl-row.custom-post .fl-post-grid .fl-post-column, .fl-row.custom-news .fl-post-grid .fl-post-column { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } .fl-row.custom-post .fl-post-grid-post, .fl-row.custom-news .fl-post-grid-post { min-height: 300px !important; } /* Simple Blog Post Padding Fix - Mobile */ .single-news h1, .single-event h1, .single-news h2, .single-event h2, .single-news p, .single-event p { padding-left: 20px !important; padding-right: 20px !important; } /* Blog Post Content Mobile - Prevent Overflow (Avoid affecting mobile menu) */ .fl-page-content h1, .fl-page-content h2, .fl-page-content h3, .fl-page-content h4, .fl-page-content p, .fl-page-content li, .fl-page-content div:not(.fl-menu-mobile-clone):not(.fl-menu-mobile-toggle):not(.fl-hamburger-menu-top):not(.fl-hamburger-menu-middle):not(.fl-hamburger-menu-bottom) { word-wrap: break-word !important; overflow-wrap: break-word !important; hyphens: auto !important; -webkit-hyphens: auto !important; -moz-hyphens: auto !important; max-width: 100% !important; white-space: normal !important; box-sizing: border-box !important; } /* Blog Post Title Mobile - Fix Text Cutoff */ .fl-page-content h1, .fl-page-content .fl-heading h1, .fl-page-content .fl-module-heading h1, .fl-page-content .fl-heading-text { font-size: 1.8rem !important; line-height: 1.3 !important; word-wrap: break-word !important; overflow-wrap: break-word !important; padding-right: 15px !important; padding-left: 15px !important; margin-bottom: 20px !important; } /* Blog Post Content Text Spacing */ .fl-page-content p, .fl-page-content h2, .fl-page-content h3, .fl-page-content h4, .fl-page-content li { padding-left: 15px !important; padding-right: 15px !important; } /* Force text wrapping ONLY on content area (not menu) */ .fl-page-content * { max-width: 100% !important; word-wrap: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; } /* Protect mobile menu from being affected */ .fl-menu-mobile-clone, .fl-menu-mobile-clone *, .fl-menu-mobile-toggle, .fl-menu-mobile-toggle *, .hamburger, .hamburger *, .fl-hamburger-menu-top, .fl-hamburger-menu-middle, .fl-hamburger-menu-bottom { max-width: none !important; word-wrap: normal !important; overflow-wrap: normal !important; white-space: nowrap !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Small Mobile (480px and below) */ @media (max-width: 480px) { /* Header */ .fl-page-header-primary .fl-logo-img, .fl-page-header .fl-logo-img, header .fl-logo-img, .fl-logo-img { max-width: 120px !important; width: auto !important; } /* Mobile Menu */ .fl-menu-mobile-clone .menu a { padding: 20px 15px !important; font-size: 1rem !important; } .fl-menu-mobile-clone .sub-menu a { padding: 18px 15px !important; padding-left: 35px !important; font-size: 0.875rem !important; } /* Struggling Section */ .fl-row.feature-cards .fl-col:first-child h2 { font-size: 1.8rem !important; } .fl-row.feature-cards .fl-col:not(:first-child) { height: 320px !important; padding: 15px 10px !important; } .fl-node-iqs4z50912ed, .fl-node-891d23mxtiqw, .fl-node-yuv1e4i6j9go { top: 60px !important; left: 10px !important; right: 10px !important; height: 210px !important; padding: 12px !important; font-size: 0.875rem !important; } .fl-node-ufv3sn4g2cm5 p, .fl-node-nlv3doj4ya02 p, .fl-node-sadtrpjifmy2 p { font-size: 1rem !important; line-height: 1.2 !important; } .fl-node-zgkl2q803ujn li, .fl-node-ko6apbmd8t5y li, .fl-node-62s9qdzljxtw li { font-size: 0.875rem !important; margin-bottom: 10px !important; padding-left: 18px !important; } /* Override inline font-family styles for small mobile consistency */ .fl-node-zgkl2q803ujn li *, .fl-node-ko6apbmd8t5y li *, .fl-node-62s9qdzljxtw li *, .fl-node-zgkl2q803ujn div, .fl-node-ko6apbmd8t5y div, .fl-node-62s9qdzljxtw div, .fl-node-zgkl2q803ujn span, .fl-node-ko6apbmd8t5y span, .fl-node-62s9qdzljxtw span { font-family: "Poppins", sans-serif !important; font-size: inherit !important; font-weight: inherit !important; color: inherit !important; } /* Small mobile link animations - thinner line for smaller screens */ .fl-node-zgkl2q803ujn a::after, .fl-node-ko6apbmd8t5y a::after, .fl-node-62s9qdzljxtw a::after, .fl-node-zgkl2q803ujn li a::after, .fl-node-ko6apbmd8t5y li a::after, .fl-node-62s9qdzljxtw li a::after { height: 1px !important; bottom: -1px !important; } /* Four Boxes - Single Column on Mobile */ .fl-row.four-boxes { padding: 30px 0 !important; } .fl-row.four-boxes .fl-col-group-nested .fl-col { padding: 15px 10px !important; align-items: flex-start !important; } .fl-row.four-boxes .fl-col-group-nested .fl-col p { font-size: 0.875rem !important; } /* One Box - Single Column on Mobile */ .fl-row.one-box { padding: 30px 0 !important; } .fl-row.one-box .fl-col-group-nested { flex-direction: column !important; gap: 15px !important; } .fl-row.one-box .fl-col-group-nested .fl-col { padding: 15px 10px !important; align-items: flex-start !important; } .fl-row.one-box .fl-col-group-nested .fl-col p { font-size: 0.875rem !important; } /* Two Boxes - Single Column on Mobile */ .fl-row.two-boxes { padding: 30px 0 !important; } .fl-row.two-boxes .fl-col-group-nested { flex-direction: column !important; gap: 15px !important; } .fl-row.two-boxes .fl-col-group-nested .fl-col { padding: 15px 10px !important; align-items: flex-start !important; box-shadow: 0 6px 16px rgba(137, 244, 139, 0.5) !important; /* Stronger green shadow on mobile */ } .fl-row.two-boxes .fl-col-group-nested .fl-col p { font-size: 0.875rem !important; } /* Cookie Popup Small Mobile */ #cookie-popup-overlay .cookie-popup-modal { padding: 15px !important; } .cookie-popup-text p { font-size: 0.8rem !important; line-height: 1.3 !important; } .cookie-popup-overlay .cookie-btn-accept, .cookie-popup-overlay .cookie-btn-reject { padding: 10px 20px !important; font-size: 0.85rem !important; } .cookie-popup-overlay .cookie-btn-reject { margin-right: 10px !important; } .cookie-popup-buttons { justify-content: center !important; } /* Leadership Row Small Mobile */ .leader-ship .fl-photo { max-width: 280px !important; } .leader-ship { padding: 15px !important; } } /* ================================ Global Section Spacing Adjustments ================================ */ /* Target all custom content sections for consistent spacing on mobile/tablet only */ /* Desktop spacing removed - manually controlled per section */ /* Tablet Spacing (769px - 1024px) */ @media (min-width: 769px) and (max-width: 1024px) { .fl-row.one-box, .fl-row.four-boxes, .fl-row.four-boxes-white, .fl-row.lets-talk, .fl-row.case-study, .fl-row.image-text-row, .fl-row.text-image-row, .fl-row.image-slider-row, .fl-row.text-slider-row, .fl-row.leadership-employe, .fl-row.work-with-leaders, .fl-row.real-examples, .fl-row.real-example-white, .fl-row.free-consultation, .fl-row.feature-cards, .fl-row.custom-post, .fl-row.custom-news { padding: 15px 0 !important; } } /* Mobile Spacing (768px and below) */ @media (max-width: 768px) { .fl-row.one-box, .fl-row.two-boxes, .fl-row.four-boxes, .fl-row.four-boxes-white, .fl-row.lets-talk, .fl-row.case-study, .fl-row.image-text-row, .fl-row.text-image-row, .fl-row.image-slider-row, .fl-row.text-slider-row, .fl-row.leadership-employe, .fl-row.work-with-leaders, .fl-row.real-examples, .fl-row.real-example-white, .fl-row.free-consultation, .fl-row.feature-cards, .fl-row.custom-post, .fl-row.custom-news { padding: 15px 0 !important; } }