/*
Theme Name: HM BeWaterSmart
Theme URI: -
Description: HM BeWaterSmart Wordpress Theme
Version: 1.0
Author: HM BeWaterSmart
Text Domain: HM BeWaterSmart
*/

/*Basic Style*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@font-face { font-family: 'Nexa'; src: url('Nexa-Light.eot'); src: local('Nexa Light'), local('Nexa-Light'), url('fonts/Nexa-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Light.woff2') format('woff2'), url('fonts/Nexa-Light.woff') format('woff'), url('fonts/Nexa-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Nexa'; src: url('Nexa-Thin.eot'); src: local('Nexa Thin'), local('Nexa-Thin'), url('fonts/Nexa-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Thin.woff2') format('woff2'), url('fonts/Nexa-Thin.woff') format('woff'), url('fonts/Nexa-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Nexa'; src: url('Nexa-HeavyItalic.eot'); src: local('Nexa Heavy Italic'), local('Nexa-HeavyItalic'), url('fonts/Nexa-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-HeavyItalic.woff2') format('woff2'), url('fonts/Nexa-HeavyItalic.woff') format('woff'), url('fonts/Nexa-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }
@font-face { font-family: 'Nexa'; src: url('Nexa-XBold.eot'); src: local('Nexa XBold'), local('Nexa-XBold'), url('fonts/Nexa-XBold.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-XBold.woff2') format('woff2'), url('fonts/Nexa-XBold.woff') format('woff'), url('fonts/Nexa-XBold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Nexa'; src: url('Nexa-BlackItalic.eot'); src: local('Nexa Black Italic'), local('Nexa-BlackItalic'), url('fonts/Nexa-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-BlackItalic.woff2') format('woff2'), url('fonts/Nexa-BlackItalic.woff') format('woff'), url('fonts/Nexa-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }
@font-face { font-family: 'Nexa'; src: url('Nexa-BookItalic.eot'); src: local('Nexa Book Italic'), local('Nexa-BookItalic'), url('fonts/Nexa-BookItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-BookItalic.woff2') format('woff2'), url('fonts/Nexa-BookItalic.woff') format('woff'), url('fonts/Nexa-BookItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Nexa'; src: url('Nexa-Bold.eot'); src: local('Nexa Bold'), local('Nexa-Bold'), url('fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Bold.woff2') format('woff2'), url('fonts/Nexa-Bold.woff') format('woff'), url('fonts/Nexa-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Nexa'; src: url('Nexa-BoldItalic.eot'); src: local('Nexa Bold Italic'), local('Nexa-BoldItalic'), url('fonts/Nexa-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-BoldItalic.woff2') format('woff2'), url('fonts/Nexa-BoldItalic.woff') format('woff'), url('fonts/Nexa-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Nexa'; src: url('Nexa-ThinItalic.eot'); src: local('Nexa Thin Italic'), local('Nexa-ThinItalic'), url('fonts/Nexa-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-ThinItalic.woff2') format('woff2'), url('fonts/Nexa-ThinItalic.woff') format('woff'), url('fonts/Nexa-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Nexa'; src: url('Nexa-Italic.eot'); src: local('Nexa Italic'), local('Nexa-Italic'), url('fonts/Nexa-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Italic.woff2') format('woff2'), url('fonts/Nexa-Italic.woff') format('woff'), url('fonts/Nexa-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Nexa'; src: url('Nexa-Regular.eot'); src: local('Nexa Regular'), local('Nexa-Regular'), url('fonts/Nexa-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Regular.woff2') format('woff2'), url('fonts/Nexa-Regular.woff') format('woff'), url('fonts/Nexa-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Nexa'; src: url('Nexa-Black.eot'); src: local('Nexa Black'), local('Nexa-Black'), url('fonts/Nexa-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Black.woff2') format('woff2'), url('fonts/Nexa-Black.woff') format('woff'), url('fonts/Nexa-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Nexa'; src: url('Nexa-Book.eot'); src: local('Nexa Book'), local('Nexa-Book'), url('fonts/Nexa-Book.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Book.woff2') format('woff2'), url('fonts/Nexa-Book.woff') format('woff'), url('fonts/Nexa-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Nexa'; src: url('Nexa-LightItalic.eot'); src: local('Nexa Light Italic'), local('Nexa-LightItalic'), url('fonts/Nexa-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-LightItalic.woff2') format('woff2'), url('fonts/Nexa-LightItalic.woff') format('woff'), url('fonts/Nexa-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Nexa'; src: url('Nexa-Heavy.eot'); src: local('Nexa Heavy'), local('Nexa-Heavy'), url('fonts/Nexa-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Heavy.woff2') format('woff2'), url('fonts/Nexa-Heavy.woff') format('woff'), url('fonts/Nexa-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; }

body {margin: 0; font-family: "Nexa", Open Sans, Arial, sans-serif; line-height: 1.42857; font-size: 16px; color: #000;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {font-family: "Nexa", Open Sans, Arial, sans-serif; font-weight: 600; line-height: 1.10; margin: 0 0 15px; color: #000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; color: inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {color: inherit; opacity: 0.85;}
h1{font-size: 58px;}
h2{font-size: 44px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
h6{font-size: 16px;}
p{margin: 0 0 10px;}

a {color: #0051b1; text-decoration: none; outline: 0; transition: 0.5s all;}
a:hover, a:focus {color: #ed7d31;}

ul, ol {margin-bottom: 10px; margin-top: 0;}
img {max-width: 100%; height: auto; display: block;}

.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto;}
.alignright {float: right; margin: 5px 0 20px 20px;}

input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit; padding: 6px 30px;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {background: #000; border: 0 none; color: #fff; cursor: pointer; padding: 8px 20px; transition: all 0.5s ease 0s; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input:focus, button:focus, textarea:focus {outline: none;}
button, select {text-transform: none;}
label {display: inline-block; font-weight: bold; margin-bottom: 5px; max-width: 100%;}

input, select{-webkit-appearance:none;}

table {border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {border-top: 1px solid #ddd; line-height: 1.42857; padding: 8px; vertical-align: top;}

.btn { background-color: #ed7d31; border-radius: 40px; color: #fff; display: inline-block; font-size: 18px; line-height: 28px; padding: 10px 25px; }
.btn:hover,
.btn:focus { background: #c36729; color: #fff; }

.full-section {width: 100%; float: left;}
.container {max-width: 1280px; padding: 0 15px; width: 100%; margin: 0 auto; position:relative;}
li.widget {display: block;}
/*section.full-section {margin: 0 0 30px;}*/


/*Navigation*/
.navigation-wrapper .main-menu ul.menu {margin: 0; padding: 0;}
.navigation-wrapper .main-menu ul.menu li.menu-item {display: inline-block; margin-right: 20px;}
.navigation-wrapper .main-menu ul.menu li.menu-item:last-child {margin: 0;}

/*404 page*/
body.error404 .gdl-page-404 { margin: 50px 0; }
body.error404 .gdl-page-404 .message-box-wrapper { text-align: center; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title { margin-bottom: 50px; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title span { background-color: #000; color: #ffffff; display: inline-block; font-family: arial; font-size: 200px; font-weight: bold; height: 225px; line-height: 185px; padding: 20px; vertical-align: middle; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title span:nth-child(2) { background-color: #727171; color: #ffffff; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-content p { font-size: 25px; margin: 0; }

/* Header */
header.mainHeader.transparentHeader { position: absolute; left: 0; width: 100%; background: transparent; }
header.mainHeader { width: 100%; display: block; padding: 10px 0; position:relative;transition: 0.5s all ease-in; }
header.mainHeader .container {max-width: 95%;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
header.mainHeader .logoWrap {flex: 1 0 20%;}
header.mainHeader .logoWrap img { width: 155px; }
header.mainHeader .menuWrap {flex: 1 0 auto;}
header.mainHeader .menuWrap ul.menu { width: 100%; padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; }
header.mainHeader .menuWrap ul.menu li.menu-item { margin-right: 2%; display: block; position:relative; }
header.mainHeader .menuWrap ul.menu li.menu-item a { color: #000; font-weight: 600; padding: 7px 0; font-size: 16px; display: inline-block; }
header.mainHeader .menuWrap ul.menu li.menu-item a:hover{ color: #ed7d31; }

header.mainHeader .menu-button { display: none; }
header.mainHeader .mobile-menu { display: none; }

header.mainHeader .menuWrap ul.menu li.menu-item.menu-item-has-children > a:after { position: absolute; content: '\f107'; font-family: 'Fontawesome'; font-size: 12px; right: 4px; top: 50%; transform: translateY(-50%); }
header.mainHeader .menuWrap ul.menu li.menu-item.menu-item-has-children a { padding-right: 18px; }
header.mainHeader .menuWrap ul.menu li.menu-item ul.sub-menu { position: absolute; width: 224px; padding: 5px 0; margin: 0;  list-style-type: none; z-index: 999; display: none; right: 0; left: 0; background: #fff; }
header.mainHeader .menuWrap ul.menu li.menu-item ul.sub-menu li.menu-item {margin-bottom: 5px; margin-right: 0; padding: 5px 10px; }
header.mainHeader .menuWrap ul.menu li.menu-item ul.sub-menu li.menu-item a {font-size: 14px; padding: 0; font-weight: 400; display: block;line-height: 1.2;}
header.mainHeader .menuWrap ul.menu li.menu-item ul.sub-menu li.menu-item a:hover { text-decoration: underline;}
header.mainHeader .menuWrap ul.menu li.menu-item.current-menu-parent > a,
header.mainHeader .menuWrap ul.menu li.menu-item.current-menu-item > a,
header.mainHeader .menuWrap ul.menu li.menu-item.btn { color: #ed7d31; }

header.mainHeader.transparentHeader { position: absolute; left: 0; width: 100%; }
.content-wrapper.transparentHeader section:first-of-type { padding-top: 200px; }
header.mainHeader .menuWrap ul.menu li.menu-item.btn:hover a { background-color: transparent; }

header.mainHeader .searchWrap { margin-left: 10px; }
header.mainHeader .searchWrap form { position: relative; display: flex; }
header.mainHeader .searchWrap form .search-text { width: 100%; }
header.mainHeader .searchWrap form .search-submit { position: absolute; right: 0; }
header.mainHeader .searchWrap form .search-text input[type="text"] { border: 1px solid #000000; padding: 10px 40px 10px 10px; line-height: 20px; color: #000; background: #fff; }
header.mainHeader .searchWrap form .search-submit input[type="submit"] { background: transparent; color: #fff; padding: 10px; }

/* Mobile Menu */
.mobile-header { padding: 10px 0; display: none; background: #fff; position: sticky; top: 0; left: 0; z-index: 999; }
.mobile-header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.mobile-header .menu-button { flex: 0 0 50px; text-align: center; }
.mobile-header .menu-button i { font-size: 30px; }
.mobile-header .logo-wrapper {     flex: 1 0 auto; }
.mobile-header .logo-wrapper img { width: 150px; display: block; }
.mobile-menu { width: 100%; margin-top: 10px; padding: 10px; border-top: 2px solid #000; position: fixed; background: #FBFBFB; height: 100%; z-index: 999; top: 99px; visibility: hidden; opacity: 0; left: -1000%; transition: 0.2s all ease-in; }
.mobile-menu.active { visibility: visible; opacity: 1; left: 0; }
.mobile-menu ul { padding: 0; margin: 0; list-style-type: none; }
.mobile-menu ul li.menu-item { width: 100%; display: block; position: relative; }
.mobile-menu ul li.menu-item a { display: block; width: 100%; padding: 10px 0; color: #000; font-size: 16px; line-height: 18px; font-weight: 500; position: relative; }
.mobile-menu ul li.menu-item a:hover,
.mobile-menu ul li.menu-item.current-menu-item > a { color: #000; }
.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu { display: none;  padding: 10px; width: 100%; margin: 0 0 0 auto; }
.mobile-menu ul li.menu-item.menu-item-has-children span.opener { width: 25px; height: 25px; display: block; position: absolute; top: 0; right: 0; }
.mobile-menu ul li.menu-item.menu-item-has-children span.opener:after { position: absolute; content: '\2b'; font-family: 'Fontawesome'; font-size: 12px; right: 0; top: 50%; transform: translateY(-50%); width: 20px; padding-right: 0px; padding-left: 50px; padding-bottom: 0px; }
.mobile-menu ul li.menu-item.menu-item-has-children span.opener.active:after { content: '\f068'; }
.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a { padding: 5px 0; }
.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:hover { color: #ed7d31; }

.mobile-header .searchWrap { flex: 0 0 20%; }
.mobile-header .searchWrap form { position: relative; display: flex; }
.mobile-header .searchWrap form .search-text { width: 100%; }
.mobile-header .searchWrap form .search-submit { position: absolute; right: 0; }
.mobile-header .searchWrap form .search-text input[type="text"] { border: 1px solid #000000; padding: 10px 40px 10px 10px; line-height: 20px; color: #000; background: #fff; }
.mobile-header .searchWrap form .search-submit input[type="submit"] { background: transparent; color: #fff; padding: 10px; }



/* Footer */

footer.mainFooter { width: 100%; padding: 100px 0 150px 0; display: block; background: url(/wp-content/uploads/2025/10/bkg7-min-scaled.jpg); background-repeat: no-repeat; background-origin: border-box; background-size: 100% 530px; }
footer.mainFooter .footerLogo { width: 100%; display: block; margin-bottom: 50px; }
footer.mainFooter .footerLogo a { display: block; width: fit-content; margin: 0 auto; }
footer.mainFooter .footerLogo a img { width: 200px; }

footer.mainFooter .footerSocials { width: 100%; display: block; margin-bottom: 30px; }
footer.mainFooter .footerSocials ul { padding: 0; margin: 0; list-style-type: none; display: flex; justify-content: center; }
footer.mainFooter .footerSocials ul li { padding: 5px; width: 36px;     background: #fff;}

footer.mainFooter .footerCopy { width: 100%; display: block; text-align: center; }
footer.mainFooter .footerCopy ul.footerMenu { padding: 0; margin: 0; list-style-type: none; display: flex; justify-content: center; }
footer.mainFooter .footerCopy ul.footerMenu li { margin-right: 15px; }
footer.mainFooter .footerCopy ul.footerMenu li:last-child { margin-right: 0; }
footer.mainFooter .footerCopy ul.footerMenu li a { color: #000; }
footer.mainFooter .footerCopy ul.footerMenu li a:hover { color: #ed7d31; }

/**/
section.headerCTA { width: 100%; min-height: 700px; background-position: top center !important; background-size: cover !important; background-repeat: no-repeat !important; display: flex; flex-direction: column; justify-content: space-between; padding: 70px 0 0 0; }
section.headerCTA .NormalHeader { width: 100%; display: block; }
section.headerCTA .NormalHeader .headingWrap { max-width: 80%; width: 100%; display: block; margin: 0 auto; text-align: center; }
section.headerCTA .NormalHeader .headingWrap .headingText { color: #0051b1; margin: 0; }
section.headerCTA .CTAWrap { padding: 40px 0; display: block; background: rgba(0, 0, 0, 0.5); }
section.headerCTA .CTAWrap .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.headerCTA .CTAWrap .flexWrap .leftSide { width: 55%; }
section.headerCTA .CTAWrap .flexWrap .leftSide h4 { margin: 0; color: #fff; font-weight: 500; }
section.headerCTA .CTAWrap .flexWrap .rightSide { width: 40%; }

section.headerResource { padding: 70px 0; display: block; }
section.headerResource .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.headerResource .flexWrap .leftSide { width: 40%; }
section.headerResource .flexWrap .leftSide .imgWrap { width: 100%; overflow: hidden; }
section.headerResource .flexWrap .rightSide { width: 55%; }
section.headerResource .flexWrap .rightSide .headingWrap { width: 100%; margin-bottom: 30px; }
section.headerResource .flexWrap .rightSide .headingWrap .headingText { color: #fff; margin: 0; }
section.headerResource .flexWrap .rightSide .ContWrap { width: 100%; display: block; margin-bottom: 30px; }
section.headerResource .flexWrap .rightSide .ContWrap p { color: #fff; font-size: 18px; }

section.headerITB { width: 100%; display: block; padding: 70px 0; }
section.headerITB .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.headerITB .flexWrap .leftSide { width: 47%; }
section.headerITB .flexWrap .leftSide .imgWrap { width: 100%; overflow: hidden; border-radius: 20px; }
section.headerITB .flexWrap .rightSide { width: 47%; }
section.headerITB .flexWrap .rightSide .ContWrap { width: 100%; display: block; margin-bottom: 30px; }
section.headerITB .flexWrap .rightSide .ContWrap p { color: #fff; font-size: 18px; }
section.headerITB .flexWrap .rightSide .headingWrap { width: 100%; margin-bottom: 30px; }
section.headerITB .flexWrap .rightSide .headingWrap .headingText { margin: 0; color: #fff; }
section.headerITB .flexWrap.right { flex-direction: row-reverse; }


section.headerFIH { width: 100%; min-height: 600px; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; padding: 70px 0 ; display: flex; align-items: center; justify-content: center; }
section.headerFIH .flexWrap { width: 100%; display: block; }
section.headerFIH .flexWrap .headingWrap { text-align: center; }
section.headerFIH .flexWrap .headingWrap .headingText { color: #fff; margin: 0; }

section.headerITFH { display: block; width: 100%; background: #0051b1; position: relative; overflow: hidden; }
section.headerITFH .container { position: unset; }
section.headerITFH .flexWrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
section.headerITFH .flexWrap .leftSide { width: 48%; padding: 70px 0; }
section.headerITFH .flexWrap .leftSide .headingWrap { width: 100%; display: block; margin-bottom: 30px; }
section.headerITFH .flexWrap .leftSide .headingWrap .headingText { color: #fff; margin: 0; }
section.headerITFH .flexWrap .leftSide .ContWrap { width: 100%; margin-bottom: 30px; }
section.headerITFH .flexWrap .leftSide .ContWrap p { color: #fff; font-size: 18px; }
section.headerITFH .flexWrap .rightSide { width: 44%; position: absolute; right: 0; height: 100%; }
section.headerITFH .flexWrap .rightSide .imgWrap { width: 100%; height: 100%; overflow: hidden; }
section.headerITFH .flexWrap .rightSide .imgWrap img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }


/**/
section.imgBtnCTA { padding: 120px 0; display: block; background: url('/wp-content/uploads/2025/10/CTA-min-scaled.jpg') no-repeat center center / cover; }
section.imgBtnCTA .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.imgBtnCTA .flexWrap .leftSide { width: 28%; }
section.imgBtnCTA .flexWrap .middleSide { width: 48%; }
section.imgBtnCTA .flexWrap .rightSide { width: 20%; }
section.imgBtnCTA .flexWrap .leftSide .imgWrap { width: 100%; overflow: hidden; border-radius: 20px; }
section.imgBtnCTA .flexWrap .middleSide .headingWrap { width: 100%; display: block; margin-bottom: 20px; }
section.imgBtnCTA .flexWrap .middleSide .headingWrap .headingText { color: #fff; margin: 0; }
section.imgBtnCTA .flexWrap .middleSide .ContWrap { width: 100%; display: block; }
section.imgBtnCTA .flexWrap .middleSide .ContWrap p { color: #fff; font-size:18px; }
section.imgBtnCTA .flexWrap .rightSide .btnWrap { width: 100%; display: block; }
section.imgBtnCTA .flexWrap .rightSide .btnWrap a.btn { width: 100%; border-radius: 15px; text-align: center; }
section.imgBtnCTA .flexWrap .rightSide .btnWrap a.btn:hover { background: #c36729 ; color: #fff; }

section.quizCTA { min-height: 450px; padding: 100px 0; display: block; background: url('/wp-content/uploads/2025/10/CTA-min-scaled.jpg') no-repeat center center / cover; }
section.quizCTA .headingWrap { width: 100%; display: block; margin-bottom: 30px; }
section.quizCTA .headingWrap .headingText { text-align: center; color: #fff; }
section.quizCTA .btnWrap { width: 100%; display: block; text-align: center; }
section.quizCTA .btnWrap a.btn { max-width: 300px; width: 100%; border-radius: 15px; }

section.bgCTA { min-height: 700px; width: 100%; display: block; padding: 100px 0; background-position: bottom center !important; background-size: cover !important; }
section.bgCTA .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.bgCTA .flexWrap.left { flex-direction: row-reverse; }
section.bgCTA .flexWrap .leftSide { width: 45%; }
section.bgCTA .flexWrap .rightSide { width: 50%; }
section.bgCTA .flexWrap .leftSide .imgWrap { display: none; }
section.bgCTA .flexWrap .rightSide .headingWrap { width: 100%; display: block; margin-bottom: 30px; }
section.bgCTA .flexWrap .rightSide .headingWrap .headingText { color: #fff; margin: 0; }
section.bgCTA .flexWrap .rightSide .ContWrap { margin-bottom: 30px; display: block; width: 100%; }
section.bgCTA .flexWrap .rightSide .ContWrap p { color: #fff; font-size: 18px; }
section.bgCTA .flexWrap .rightSide .btnWrap { width: 100%; display: block; }
section.bgCTA .flexWrap .rightSide .btnWrap a.btn { background: #fff; color: #000; }
section.bgCTA .flexWrap .rightSide .btnWrap a.btn:hover { background: #c36729; color: #fff; }
section.bgCTA .flexWrap .rightSide.black .headingWrap .headingText { color: #000; }
section.bgCTA .flexWrap .rightSide.black .ContWrap p,
section.bgCTA .flexWrap .rightSide.black .ContWrap ul { color: #000; }


section.newsCTA { width: 100%; padding: 100px 0; min-height: 600px; background-size: cover !important; background-position: bottom center !important; display: flex; align-items: center; justify-content: center; }
section.newsCTA .flexWrap { width: 100%; display: block; text-align: center; }
section.newsCTA .flexWrap .headingWrap { margin-bottom: 30px; width: 100%; display: block; }
section.newsCTA .flexWrap .headingWrap .headingText { color: #fff; margin-bottom: 0;}
section.newsCTA .flexWrap .formWrap { max-width: 35%; width: 100%; display: block; margin: 0 auto; }

section.newsCTA .flexWrap .formWrap form .frm_form_fields .frm_fields_container .frm_form_field { width: 100%; margin-bottom: 20px; }
section.newsCTA .flexWrap .formWrap form .frm_form_fields .frm_fields_container { display: block; }
section.newsCTA .flexWrap .formWrap form .frm_form_fields .frm_fields_container .frm_form_field .frm_submit { width: 50%; margin: 0 auto; }

/**/
section.promoBlock { padding: 70px 0; display: block;    background: url('/wp-content/uploads/2025/10/bkg1-min-scaled.jpg') no-repeat center / cover; }
section.promoBlock .flexWrap { display: flex; flex-wrap: wrap; }
section.promoBlock .flexWrap.two .items { width: 49%; }
section.promoBlock .flexWrap.two .items .dataWrap { padding: 25px 40px; }
section.promoBlock .flexWrap.one .items { width: 100%; }
section.promoBlock .flexWrap .items { width: 32%; margin-right: 2%; overflow: hidden; border-radius: 20px; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
section.promoBlock .flexWrap .items:last-child { margin-right: 0; }
section.promoBlock .flexWrap .items a.fullAnchor { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
section.promoBlock .flexWrap .items .dataWrap { width: 100%; display: block; padding: 20px; }
section.promoBlock .flexWrap .items .dataWrap p.subTitle { color: #fff; margin: 0 0 10px 0; }
section.promoBlock .flexWrap .items .dataWrap  .headingWrap { width: 100%; margin-bottom: 20px; display: block; }
section.promoBlock .flexWrap .items .dataWrap .headingWrap .headingText { color: #fff; }
section.promoBlock .flexWrap .items .dataWrap .contWrap { width: 100%; display: block; margin-bottom: 20px color: #fff;}
section.promoBlock .flexWrap .items .dataWrap .contWrap p { color: #fff; }
section.promoBlock .flexWrap .items .dataWrap .arrowIcon { width: 100%; display: block; }
section.promoBlock .flexWrap .items .dataWrap .arrowIcon img { margin: 0 0 0 auto; filter: invert(1); }
section.promoBlock .flexWrap .items .mediaWraper { width: 100%; display: block; height: 300px; overflow: hidden; }
section.promoBlock .flexWrap .items .mediaWraper .imgWrap { width: 100%; height: 100%; }
section.promoBlock .flexWrap .items .mediaWraper .imgWrap img { width: 100%; height: 100%; object-fit: cover; }

.mediaWrap { width: 100%; height: 100%; display: block; }
.mediaWrap iframe { width: 100%; height: 100%; object-fit: cover; }
.mediaWrap .wp-video { width: 100% !important; height: 100%; }
.mediaWrap .wp-video .mejs-container { min-width: 100% !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }

/**/
section.textImg { width: 100%; display: block; padding: 70px 0; }
section.textImg .flexWrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.textImg .flexWrap .leftSide { width: 45%; }
section.textImg .flexWrap .leftSide .headingWrap { width: 100%; display: block; margin-bottom: 30px; }
section.textImg .flexWrap .leftSide .headingWrap .headingText { color: #0051b1; margin:0; }
section.textImg .flexWrap .leftSide .shadow { width: 100%; display: block; margin-bottom: 40px; }
section.textImg .flexWrap .leftSide .ContWrap { margin-bottom: 30px; width: 100%; display: block; }
section.textImg .flexWrap .leftSide .btnWrap { width: 100%; display: block; }
section.textImg .flexWrap .leftSide .btnWrap a.btn { background: transparent; color: #0051b1; padding: 0; font-weight: 600; }
section.textImg .flexWrap .leftSide .btnWrap a.btn:hover { color: #ed7d31; }
section.textImg .flexWrap .rightSide { width: 47%;     padding: 0 40px;}
section.textImg .flexWrap .rightSide .imgWrap { width: 100%; }
/*section.textImg .flexWrap .rightSide .imgWrap.slideActive { padding: 0 40px; position: relative; }*/
section.textImg .flexWrap .rightSide .imgWrap.slideActive { padding: 30px; position: relative; background: #fff; border: 1.5px solid #000; border-radius: 30px; }
/*section.textImg .flexWrap .rightSide .imgWrap.slideActive .item { padding: 30px; background: #fff; border-radius: 30px; border: 1.5px solid #000; }*/
section.textImg .flexWrap .rightSide .imgWrap.slideActive .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
section.textImg .flexWrap .rightSide .imgWrap.slideActive .slick-arrow i { font-size: 30px; color: #9e9e9e; }
section.textImg .flexWrap .rightSide .imgWrap.slideActive .prev-arrow { left: -40px; }
section.textImg .flexWrap .rightSide .imgWrap.slideActive .next-arrow { right: -40px; }
section.textImg .flexWrap .rightSide .imgWrap.slideActive .slick-arrow i:hover { color: #ed7d31; }

section.textBg { padding: 100px 0; display: block; width: 100%; min-height: 650px; background-position: bottom center !important; background-size: cover !important; }
section.textBg .flexWrap { max-width: 60%; width: 100%; display: block; position:relative; }
section.textBg .flexWrap a.fullAnchor { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index:1; }
section.textBg .flexWrap .headingWrap { width: 100%; margin-bottom: 30px; }
section.textBg .flexWrap .headingWrap .headingText { color: #0051b1; }
section.textBg .flexWrap .ContWrap { width: 100%; display: block; }
section.textBg .flexWrap .ContWrap a { text-decoration: underline; }
section.textBg .flexWrap .ContWrap a:hover { text-decoration: none; }
section.textBg .flexWrap .arrowIcon { width: 100%; display: block; }
section.textBg .flexWrap .arrowIcon img {margin: 0 0 0 auto; filter: invert(23%) sepia(96%) saturate(2384%) hue-rotate(201deg) brightness(93%) contrast(101%); }

/*blog Block*/
section.blogs { width: 100%; display: block; padding: 70px 0; }
section.blogs .headingWrap { width: 100%; display: block; margin-bottom: 30px; }
section.blogs .headingWrap .headingText { margin: 0; color: #0051b1; }
section.blogs .PostGrid { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; }
section.blogs .PostGrid .PostBox { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 350px;}
section.blogs .PostGrid .PostBox a.fullAnchor { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
section.blogs .PostGrid .PostBox.Box-0 { grid-area: 1 / 1 / 5 / 3; height: 100%;}
section.blogs .PostGrid .PostBox.Box-1 { grid-area: 1 / 3 / 3 / 5; }
section.blogs .PostGrid .PostBox.Box-2 { grid-area: 3 / 3 / 5 / 5; }
section.blogs .PostGrid .PostBox .PostImg { width: 100%; height: 100%; overflow: hidden; position: relative; }
section.blogs .PostGrid .PostBox .PostImg img { width: 100%; height: 100%; object-fit: cover;  }
section.blogs .PostGrid .PostBox .PostCont { width: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; background: rgba(0, 0, 0, .8); padding: 20px 30px; }
section.blogs .PostGrid .PostBox .PostCont h4 { color: #fff; margin: 0;}
section.blogs .PostGrid .PostBox .PostCont .arrowIcon { width: 100%; display: block; }
section.blogs .PostGrid .PostBox .PostCont .arrowIcon img { margin: 0 0 0 auto; filter: invert(1); }

/*section.blogs .PostGrid .PostBox a.fullAnchor { width: 100%; height: 100%; position: absolute; z-index: 1; }
section.blogs .PostGrid .PostBox .PostImg { width: 48%; height: 100%; overflow: hidden;  }
section.blogs .PostGrid .PostBox .PostCont { width: 48%; }
section.blogs .PostGrid .PostBox .PostCont  p { text-align: left; color: #fff; font-size: 18px; margin-bottom:0; }*/

/**/
section.flipCard { width: 100%; display: block; padding: 70px 0; background-position: center center !important; background-size: cover !important; }
section.flipCard .headingWrap { width: 100%; display: block; margin-bottom: 40px; }
section.flipCard .headingWrap .headingText { margin: 0; color: #0051b1; text-align: center;}
section.flipCard .tilesWrap { width: 100%; display: flex; flex-wrap: wrap; gap: 40px; }
section.flipCard .tilesWrap .flipCard {     min-height: 380px; perspective: 1000px; width: 31%; display: block; border-radius: 30px; background: #fff; box-shadow: 1px 1px 10px #9e9e9e; overflow: hidden; }
section.flipCard .tilesWrap .flipCard .flipCardInner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; }
section.flipCard .tilesWrap .flipCard:hover > .flipCardInner { transform: rotateY(180deg); }
section.flipCard .tilesWrap .flipCard .flipCardFront,
section.flipCard .tilesWrap .flipCard .flipCardBack { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
section.flipCard .tilesWrap .flipCard .flipCardFront { width: 100%;height: 100%; padding: 20px; display: flex; align-items: center; justify-content: center; position: absolute; background: #fff; z-index: 1;}
section.flipCard .tilesWrap .flipCard .flipCardFront .flexWrap { width: 100%; display: block; text-align: center; }
section.flipCard .tilesWrap .flipCard .flipCardFront .flexWrap .imgWrap { width: 30%; margin: 0 auto 20px auto; display: block; }
section.flipCard .tilesWrap .flipCard .flipCardback {height: 100%; padding: 30px 20px; width: 100%; transform: rotateY(180deg);}
section.flipCard .tilesWrap .flipCard .flipCardback .flexWrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
section.flipCard .tilesWrap .flipCard .flipCardback .flexWrap .leftSide { width: 80%; }
section.flipCard .tilesWrap .flipCard .flipCardback .flexWrap .rightSide { width: 20%; }
section.flipCard .tilesWrap .flipCard .flipCardback .contentWrap { width: 100%; display: block; }
section.flipCard .tilesWrap .flipCard .flipCardback .contentWrap p { color: #fff; }
section.flipCard .tilesWrap .flipCard .flipCardback .contentWrap p a { color: #fff; text-decoration: underline; }
section.flipCard .tilesWrap .flipCard .flipCardback .contentWrap p a:hover { text-decoration: none; }
section.flipCard .tilesWrap .flipCard .flipCardback .flexWrap .leftSide h5 { color: #fff; margin: 0; }
section.flipCard .tilesWrap .flipCard .flipCardback .flexWrap .rightSide img { filter: invert(1); }

section.flipCard .tilesWrap .flipCard .flipCardback.textBlack .flexWrap .leftSide h5 { color: #000; }
section.flipCard .tilesWrap .flipCard .flipCardback.textBlack .flexWrap .rightSide img { filter: unset; }
section.flipCard .tilesWrap .flipCard .flipCardback.textBlack .contentWrap p { color: #000; }
section.flipCard .tilesWrap .flipCard .flipCardback.textBlack .contentWrap p a { color: #000; }

/**/
section.splitBlock { width: 100%; display: block; }
section.splitBlock .flexWrap { width: 100%; display: flex; flex-wrap: wrap; }
section.splitBlock .flexWrap .leftSide { width: 50%; padding: 50px 50px 50px 60px; min-height: 600px; background-position: right bottom !important; background-size: cover !important;  }
section.splitBlock .flexWrap .leftSide .headingWrap .headingText { color: #fff; }
section.splitBlock .flexWrap .leftSide .contentWrap p { color: #fff; }
section.splitBlock .flexWrap .leftSide .contentWrap a { color: #fff; }
section.splitBlock .flexWrap .rightSide { width: 50%; padding: 50px 50px 50px 60px; min-height: 600px; background-position: right bottom !important; background-size: cover !important; }
section.splitBlock .flexWrap .rightSide .headingWrap .headingText { color: #0051b1; }
section.splitBlock .flexWrap .headingWrap { width: 100%; margin-bottom: 30px; }
section.splitBlock .flexWrap .headingWrap .headingText { margin: 0; }
section.splitBlock .flexWrap .contentWrap { width: 100%; display: block; }
section.splitBlock .flexWrap .contentWrap a { text-decoration: underline; color: #0051b1; }
section.splitBlock .flexWrap .contentWrap a:hover { text-decoration: none; }

/**/

form.newsletterForm { width: 100%; display: block; }
form.newsletterForm .frm_form_fields fieldset { padding: 0; }
form.newsletterForm .frm_form_fields fieldset .frm_fields_container .frm_form_field { margin: 0; }
form.newsletterForm .frm_form_fields fieldset .frm_fields_container .frm_form_field .frm_submit button.frm_button_submit { margin: 0; width: 100%; font-size: 18px;}
form.newsletterForm .frm_form_fields fieldset .frm_fields_container .frm_form_field .frm_submit { width: 100%; display: block; }
.frm_style_newsletter-form.with_frm_style .frm_error,
.frm_style_newsletter-form.with_frm_style .frm_limit_error { font-size: 16px; font-weight: 700; }

/**/
section.featuredResources { padding: 100px 0; width: 100%; display: block; }
section.featuredResources .flexWrap { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
section.featuredResources .flexWrap .headingText { color: #0051b1; margin: 0; }
section.featuredResources a.link { font-weight: 700; }

.resourcesWrap { width: 100%; display: flex; flex-wrap: wrap; gap: 2.5%; }
.resourcesWrap .ResourcesBox { width: 23%; display: block; padding: 20px 25px; background: #fff; border-radius: 15px; box-shadow: 4px 4px 10px #888585; position: relative; }
.resourcesWrap .ResourcesBox .ResourcesCat { width: 100%; display: block; margin-bottom: 10px; }
.resourcesWrap .ResourcesBox .ResourcesCat span.catName { width: 100%; display: block; font-size: 18px; }
.resourcesWrap .ResourcesBox .ResourcesImg { width: 100%; aspect-ratio: 8.5 / 11; overflow: hidden; margin-bottom: 30px; }
.resourcesWrap .ResourcesBox .ResourcesImg img { width: 100%; height: 100%; object-fit: cover; }
.resourcesWrap .ResourcesBox .ResourcesImg img.defaultImg { object-fit: contain; }
.resourcesWrap .ResourcesBox a.fullAnchor { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }