/* Inline CTA highlight effect */
/* Inline CTA highlight effect for specific CTAs */
a[href="Home.aspx?caller=Home/explore-platform.html"],
a[href="Home.aspx?caller=Home/See-magnet-action.html"],
a[href="Home.aspx?caller=Home/magnet-forum.html"],
a[href="Home.aspx?caller=Home/mission-and-vision.html"],
a[href="Home.aspx?caller=Home/see-persona-pages.html"],
a[href="Home.aspx?caller=Home/success-stories.html"],
a[href="Home.aspx?caller=Home/flip-the-modeling-paradigm.html"],
a[href="Home.aspx?caller=Home/enter-observatory.html"],
a[href="Home.aspx?caller=Home/partner-with-us.html"] {
    transition: background 0.18s, color 0.18s, box-shadow 0.18s;
    border-radius: 0.22vw;
    font-weight: bold;
    position: relative;
    z-index: 1;
}
/* Inline CTA hover effect for specific CTAs */
a[href="Home.aspx?caller=Home/explore-platform.html"]:hover,
a[href="Home.aspx?caller=Home/See-magnet-action.html"]:hover,
a[href="Home.aspx?caller=Home/magnet-forum.html"]:hover,
a[href="Home.aspx?caller=Home/mission-and-vision.html"]:hover,
a[href="Home.aspx?caller=Home/see-persona-pages.html"]:hover,
a[href="Home.aspx?caller=Home/success-stories.html"]:hover,
a[href="Home.aspx?caller=Home/flip-the-modeling-paradigm.html"]:hover,
a[href="Home.aspx?caller=Home/enter-observatory.html"]:hover,
a[href="Home.aspx?caller=Home/partner-with-us.html"]:hover {
    background: linear-gradient(90deg, #8ee3ff 0%, #cbefff 100%) !important;
    color: #222 !important;
    box-shadow: 0 0.18vw 0.5vw #8ee3ff55;
    text-decoration: underline;
}														
/*margin: 0;*/
.magnet4water-block-absolute {
    position: absolute;
    top: 13vw;
    left: 50%;
    width: 22vw;
    height: 2.8vw;
    background: none;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
}

/* Header Navigation Menu */
.header-nav {
    position: absolute;
    top: -0.9vw;
    right: 1.5vw;
    height: 7vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;  
    gap: 1.33vw;
    z-index: 15;
         opacity: 0;
}

.header-nav-item {
    color: #8ee3ff;
    font-size: 1.08vw;
    font-weight: 600;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    letter-spacing: 0.02vw;
    text-transform: uppercase;
    cursor: pointer;
        padding-top: 14px;
}

.header-nav-select {
    font-size: 1.1vw;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #8ee3ff;
    background: #000 !important;
    border: none;
    border-radius: 0.3vw;
    width: 8vw;
    min-width: 120px;
    max-width: 160px;
    padding: 0.2vw 0.5vw;
    margin: 0 0.5vw;
    outline: none;
    appearance: none;
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
}

.header-nav-select:focus {
    color: #fff;
    background: #222;
}


.dropdown {
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    z-index: 100;
}

.dropdown-label {
    color: #8ee3ff;
    font-size: 1.25vw;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
    letter-spacing: 0.02vw;
    text-transform: uppercase;
    cursor: pointer;
        padding-top: 14px;
    display: flex;
    align-items: center;
    height: 100%;
    background: none;
    border-radius: 0.5vw 0.5vw 0 0;
    transition: color 0.2s, background 0.2s;
    position: relative;
    z-index: 101;

    .dropdown:hover .dropdown-label,
    .dropdown:focus-within .dropdown-label {
        color: #fff;
        background: #222;
    }


.dropdown-content {
    display: none;
    position: absolute;
    left: 50%;
        top: 100%;
        padding: 0;
    background: rgba(20, 24, 32, 0.98);
    min-width: 15vw;
    max-width: 18vw;
    width: 16vw;
    box-shadow: 0 0.7vw 2vw rgba(0, 0, 0, 0.18);
    z-index: 100;
    border-radius: 0 0 1vw 1vw;
    padding: 0.7vw 0.2vw 0.7vw 0.2vw;
    margin-top: 0.1vw;
    border-top: 2px solid #8ee3ff;
    animation: dropdown-fade-in 0.18s ease;
    overflow-y: auto;
    max-height: 16vw;
}

.dropdown:hover .dropdown-content,
.dropdown:focus-within .dropdown-content {
    display: block;
}

@keyframes dropdown-fade-in {
    from {
        opacity: 0;
        transform: translateY(-0.5vw);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*list-style: none;
margin: 0;
padding: 0;
}
}*/

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-item {
    color: #cbefff;
    padding: 0.2em 0.7vw;
    font-size: 1.08vw;
    font-family: 'Arial', sans-serif;
    cursor: pointer;
    display: block;
    text-align: left;
    border-radius: 0;
    margin: 0;
    transition: background 0.18s, color 0.18s;
    border: none;
    white-space: nowrap;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: #1a2330;
    color: #8ee3ff;
    outline: none;
    font-weight: bold;
}
}

.dropdown-item:hover {
    background: #222;
    color: #fff;
}

.header-nav-item:hover {
    color: #fff;
}

/* Logo Block Upper Left */
.logo-block-absolute {
    position: absolute;
    top: 1vw;
    left: 1vw;
    height: 3vw;
    display: flex;
    align-items: center;
    z-index: 20;
    padding: 0.2vw 0.2vw 0.2vw 0.2vw;
    background: none;
}

.hydrosimulatics-logo {
    font-size: 1.5vw;
    font-weight: 900;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    letter-spacing: 0.04vw;
    display: inline-block;
    line-height: 1;
}

.hydro-cyan {
    color: #8ee3ff;
}

.simulatics-red {
    color: #ff2d2d;
}


.hydro-cyan {
    color: #8ee3ff;
}

.simulatics-red {
    color: #ff2d2d;
}

.logo-img {
    width: 2.8vw;
    height: 2.8vw;
    min-width: 32px;
    min-height: 32px;
    max-width: 4vw;
    max-height: 4vw;
    margin-right: 0.7vw;
    border-radius: 0.5vw;
    background: transparent;
    object-fit: cover;
}

.logo-text {
    font-size: 1.3vw;
    font-weight: bold;
    font-family: 'Brush Script MT', cursive, sans-serif;
    letter-spacing: 0.05vw;
    display: flex;
    align-items: center;
}

.logo-text-cyan {
    color: #00eaff;
}

.logo-text-red {
    color: #ff2d2d;
    margin-left: 0.2vw;
}

body {
    background: #000;
    margin: 0;
    padding: 0;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 1vw;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.01vw;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    position: relative;
    width: 75vw;
    height: 100vh;
    margin: 0 auto;
    background: #000;
    /* border: 2px solid #fff; */
}

.header-box-absolute {
    position: relative;
    top: -0.5vw;
    left: 0;
    width: 75vw;
    height: 5.7vw;
    background: #00384d !important;
    color: #fff;
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
    line-height: 7vw;
    z-index: 9000;
    /* border: 2px dashed #f00; */
    box-shadow: 0 0.2vw 1vw rgba(20,40,60,0.10);
}

.left-zone-absolute {
    position: absolute;
    top: 6vw;
    left: 0vw;
    width: 22.5vw;
    height: 27.5vw;
    background: #16263a !important;
    color: #fff;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 0;
    /* border: 2px dashed #0f0; */
}

.left-title-box {
    width: calc(100% - 2vw);
    box-sizing: border-box;
    text-align: right;
    padding-right: 1vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
}

.left-title-main {
    font-size: 1.18vw;
    font-weight: 700;
    color: #8ee3ff;
    margin-bottom: 0.2vw;
    line-height: 1.4vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.left-title-sub {
    font-size: 0.92vw;
    font-weight: 500;
    color: #fff;
    line-height: 1.1vw;
    margin-top: 0.2vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
	pointer-events: auto;					 
}

.left-row1 {
    height: 4vw;
    width: 100%;
    background: #000;
}

.left-row2 {
    height: 1vw;
    width: 100%;
    background: #0078d7;
}

.left-row2.left-line-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 1vw;
    width: 100%;
    padding-right: 0;
    background: transparent;
}

.left-gradient-line {
    height: 0.3vw;
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    border-radius: 0.15vw;
    background: linear-gradient(90deg, #000 0%, #8ee3ff 48%, #fff 50%, #8ee3ff 52%, #000 100%) !important;
}

.left-row3 {
    height: 22.5vw;
    width: 100%;
    background: #eaeaea;
}

.left-line-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    padding-right: 1vw;
}

.left-content-box {
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 1vw;
    padding-right: 1vw;
    box-sizing: border-box;
    color: #fff;
    text-align: right;
    line-height: 1.18vw;
    height: 22.5vw;
    overflow-y: visible;
    background: #000;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    background: rgba(18, 32, 44, 0.92);
    border-radius: 0;
    box-shadow: 0 0.3vw 1vw rgba(20,40,60,0.13);
    border: 1.5px solid rgba(142, 227, 255, 0.10);
    padding: 1vw 1.2vw 1vw 1.2vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}

.left-content-box, .right-content-box {
    font-family: 'Roboto Condensed', 'Inter', Arial, Helvetica, sans-serif !important;
    font-size: 0.75vw !important;
    line-height: 1.05vw !important;
    letter-spacing: 0.005vw !important;
}

.left-content-main {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}

.left-content-main br {
    margin-bottom: 0.2vw;
    display: block;
    content: "";
}

.left-content-main p {
    margin-bottom: 0.38vw;
    margin-top: 0;
}

.left-content-highlight {
    color: #8ee3ff;
    font-weight: 700;
}

.left-content-underline {
    text-decoration: underline;
    color: #8ee3ff;
}

.left-content-icon {
    font-size: 1.2vw;
    vertical-align: middle;
    margin-right: 0.5vw;
}

.center-zone-absolute {
    position: absolute;
    top: 6vw;
    left: 23.75vw;
    width: 27.5vw;
    height: 27.5vw;
    background: #16263a !important;
    color: #fff;
    z-index: 2;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}

.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.right-zone-absolute {
    position: absolute;
    top: 6vw;
    left: 52.5vw;
    width: 22.5vw;
    height: 27.5vw;
    background: #16263a !important;
    color: #fff;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 0;
    /* border: 2px dashed #ff0; */
}

.right-title-box {
    width: calc(100% - 2vw);
    box-sizing: border-box;
    text-align: left;
    padding-left: 1vw;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
}

.right-title-main {
    font-size: 1.18vw;
    font-weight: 700;
    color: #8ee3ff;
    margin-bottom: 0.2vw;
    line-height: 1.4vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.right-title-sub {
    font-size: 0.92vw;
    font-weight: 500;
    color: #fff;
    line-height: 1.1vw;
    margin-top: 0.2vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
	pointer-events: auto;					 
}

.right-row1 {
    height: 4vw;
    width: 100%;
    background: #444;
}

.right-row2 {
    height: 1vw;
    width: 100%;
    background: #0078d7;
}

.right-row2.right-line-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 1vw;
    width: 100%;
    background: transparent;
}

.right-gradient-line {
    height: 0.3vw;
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    border-radius: 0.15vw;
    background: linear-gradient(90deg, #000 0%, #8ee3ff 48%, #fff 50%, #8ee3ff 52%, #000 100%) !important;
}

.right-row3 {
    height: 22.5vw;
    width: 100%;
    background: #eaeaea;
}

.right-content-box {
    padding: 0.3vw 0 0 0;
    font-size: 0.85vw;
    color: #fff;
    text-align: left;
    line-height: 1.18vw;
    height: 22.5vw;
    overflow-y: visible;
    background: #000;
    box-sizing: border-box;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    background: rgba(18, 32, 44, 0.92);
    border-radius: 0;
    box-shadow: 0 0.3vw 1vw rgba(20,40,60,0.13);
    border: 1.5px solid rgba(142, 227, 255, 0.10);
    padding: 1vw 1.2vw 1vw 1.2vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}

.right-content-box, .left-content-box {
    font-family: 'Roboto Condensed', 'Inter', Arial, Helvetica, sans-serif !important;
    font-size: 0.75vw !important;
    line-height: 1.05vw !important;
    letter-spacing: 0.005vw !important;
}

.right-content-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.right-content-main p {
    margin-bottom: 0.38vw;
    margin-top: 0;
}

.right-content-highlight {
    color: #8ee3ff;
    font-weight: 700;
}

.right-content-icon {
    font-size: 0.97vw !important;
    vertical-align: middle;
    margin-right: 0.5vw;
}

.footer-box-absolute {
    position: absolute;
    top: 34.5vw;
    left: 0;
    width: 75vw;
    height: 10vw;
    background: #10151c !important;
    color: #fff;
    text-align: center;
    z-index: 10;
    /* border: 2px dashed #0ff; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.35vw 0 0 0;
    box-sizing: border-box;
    box-shadow: 0 -0.2vw 1vw rgba(20,40,60,0.08);
}

/* Footer Content Styling */
.footer-headline {
    color: #8ee3ff;
    font-size: 1.38vw !important;
    font-weight: 800;
    letter-spacing: 0.02vw;
    margin-bottom: 0.7vw !important; /* reduce vertical spacing */
    text-align: center;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.footer-subhead {
    color: #fff;
    font-size: 0.85vw; /* original assumed ~1vw, now -15% */
    font-weight: 500;
    margin-bottom: 0.25vw !important; /* reduce vertical spacing */
    text-align: center;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
	pointer-events: auto;					 
}

.footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.08vw !important;
    margin: 0 auto;
    width: 90%;
    max-width: 60vw;
}

.footer-link {
    display: flex;
    align-items: center;
    font-size: 0.85vw !important;
    margin-bottom: 0 !important;
    text-align: center;
    justify-content: center;
}

.footer-link-title {
    color: #8ee3ff;
    font-weight: 700;
    margin-right: 0.2vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.footer-link-desc {
    color: #fff;
    font-style: italic;
    margin-left: 0.2vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
	pointer-events: auto;					 
}

.brand-block-absolute {
    position: absolute;
    top: 12.5vw;
    left: 50%;
    width: 22vw;
    height: 2.8vw;
    background: none;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
}

.major-headline-block-absolute {
    position: absolute;
    top: 13.5vw;
    left: calc((75vw - 22vw) / 2);
    width: 22vw;
    height: 4.5vw;
    background: none;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.major-headline-centered {
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 1.508vw;
    font-weight: 900;
    line-height: 1.7vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.subhead-block-absolute {
    position: absolute;
    top: 18.2vw;
    left: calc((75vw - 22vw) / 2);
    width: 22vw;
    height: 2vw;
    background: none;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subhead-centered {
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 1vw;
    font-weight: 500;
    line-height: 1.2vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

/* Make subhead line smaller and not bold */
.subhead-centered span {
    font-size: 0.85vw !important;
    font-weight: normal !important;
}

.trust-block-absolute {
    position: absolute;
    top: 21.9vw;
    left: calc((75vw - 22vw) / 2);
    width: 22vw;
    height: 3.3vw;
    background: none;
    z-index: 8;
}

.trust-content {
    color: #fff;
    font-size: 0.66vw !important;
    font-weight: 400;
    line-height: 0.95vw;
    text-align: center;
    width: 100%;
    letter-spacing: 0.01vw;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.trust-icon {
    font-size: 0.749vw;
    vertical-align: middle;
    margin-right: 0.4vw;
}

.trust-highlight {
    color: #8ee3ff;
    font-weight: bold;
}

.cta-block-absolute {
    position: absolute;
    width: 6.2vw;
    height: 2.67vw;
    background: rgba(0, 120, 215, 0.7);
    color: #fff;
    font-size: 0.65vw;
    font-weight: 700;
    text-align: center;
    border-radius: 1vw;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0.2vw 0.2vw 0.1vw 0.2vw;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

/* CTA button hover effect: solid color, enlarge by 10% */
.cta-block-absolute:hover {
    background: #0078d7;
    color: #fff;
    box-shadow: 0 0.7vw 2vw #0078d799;
    transform: scale(1.1);
    z-index: 100;
}

.cta1 {
    top: 27vw;
    left: 26vw;
}

.cta2 {
    top: 27vw;
    left: 33.9vw;
}

.cta3 {
    top: 27vw;
    left: 41.8vw;
}

.cta-verb {
    font-size: 0.7vw;
    font-weight: 800;
    letter-spacing: 0.05vw;
    margin-bottom: 0.1vw;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.cta-desc {
    font-size: 0.55vw;
    font-weight: 500;
    letter-spacing: 0.01vw;
    margin-top: 0;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.magnet4water-logo {
    font-family: 'Brush Script MT', cursive, sans-serif;
    font-size: 2.5vw;
    font-weight: bold;
    letter-spacing: 0.1vw;
}

.magnet-red {
    color: #ff2d2d;
}

.water-cyan {
    color: #00eaff;
}

.platform-dropdown {
    position: relative;
    display: inline-block;
}

.platform-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1.1vw;
    font-weight: bold;
    color: #8ee3ff;
    font-family: 'Arial', sans-serif;
    padding: 0.3vw 1vw;
}

.dropdown-arrow {
    font-size: 0.9vw;
    margin-left: 0.4vw;
    color: #8ee3ff;
    transition: transform 0.2s;
	pointer-events: auto;					 
}

.platform-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
}

.platform-list {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% - 2vw);
    min-width: 10vw;
    background: #111;
    box-shadow: 0 0.5vw 1vw rgba(0, 0, 0, 0.18);
    border-radius: 0.3vw;
    border: 1.5px solid #8ee3ff;
    margin: 0;
    padding: 0;
    z-index: 9999 !important;
    list-style: none;
}

.platform-dropdown:hover .platform-list {
    display: block;
}
.platform-list li a {
    transition: background 0.18s, color 0.18s;
}
.platform-list li:hover a {
    background: linear-gradient(90deg, #cbefff 0%, #8ee3ff 100%) !important;
    color: #222 !important;
    border-radius: 0.2vw;
    font-weight: bold;
    box-shadow: 0 0.2vw 0.6vw #8ee3ff44;
}

.platform-list li {
    color: #cbefff;
    font-size: 0.8vw;
    font-family: 'Arial', sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0.18vw 0;
    line-height: 1.18;
    cursor: pointer;
    transition: background 0.18s, color 0.18s;
    white-space: nowrap;
    text-transform: none;
}

.platform-list li:first-child {
    padding-top: 0.6vw;
}

.platform-list li:last-child {
    padding-bottom: 0.12vw;
}

.brushscript-block-absolute {
    position: absolute;
    top: 13vw;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 10 !important;
    pointer-events: none;
}
.brushscript-text {
    font-family: 'Brush Script MT', cursive;
    font-size: 2.7vw;
    display: inline-block;
}

/* Unify left/right title and line box backgrounds for seamless look */
.left-title-box, .right-title-box, .left-row2.left-line-box, .right-row2.right-line-box {
    background: #000 !important;
}

/* Remove border from line boxes for a cleaner look */
.left-row2.left-line-box, .right-row2.right-line-box {
    border-top: none !important;
    border-bottom: none !important;
}

/* Remove borders from left/right title and content boxes for a cleaner, less cluttered look */
.left-title-box, .right-title-box, .left-content-box, .right-content-box {
    border: none !important;
}

/* Modern three-shade background structure */
.header-box-absolute {
    background: #00384d !important;
    box-shadow: 0 0.2vw 1vw rgba(20,40,60,0.10);
}

.left-zone-absolute, .center-zone-absolute, .right-zone-absolute {
    background: #000 !important;
}

.center-zone-absolute {
    box-shadow: 0 0.2vw 1vw rgba(20,40,60,0.08);
}

.footer-box-absolute {
    background: #00384d !important;
    box-shadow: none;
}

.left-content-box, .right-content-box {
    background: #000 !important;
    box-shadow: none;
}

.magnet4water-logo, .magnet-red, .water-cyan {
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

.cta-block-absolute,
.cta-block-absolute a {
    cursor: pointer;
}

/* Reduce footer height by 15% */
.footer {
    height: 2.55vw !important;
}

/* Smooth fade-in for all main content blocks */
#main-content,
#main-content > div,
.major-headline-block-absolute,
.subhead-block-absolute,
.header-box-absolute,
.left-zone-absolute,
.right-zone-absolute,
.footer-box-absolute,
.trust-block-absolute,
.cta-block-absolute {
    /* opacity: 0; */
    /* transition: opacity 4s; */
}

#main-content.fade-in,
#main-content.fade-in > div,
.major-headline-block-absolute.fade-in,
.subhead-block-absolute.fade-in,
.header-box-absolute.fade-in,
.left-zone-absolute.fade-in,
.right-zone-absolute.fade-in,
.footer-box-absolute.fade-in,
.trust-block-absolute.fade-in,
.cta-block-absolute.fade-in {
    /* opacity: 1; */
}

/* Reduce brand name size in globe by 10% */
.globe-script {
    font-size: 2.43vw !important;
}