@media screen and (max-width: 991px) {
    .site-header {
        position: relative;

        .header-inner {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            min-height: 50px;
        }

        .header-logo {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: auto;
            margin: 0;
            z-index: 2;

            img {
                max-height: 40px;
            }
        }

        .header-actions {
            width: auto;
            flex: none;
            margin-left: auto;
            display: flex;
            align-items: center;

            .desktop-search,
            .LoginBtn,
            .ContactBtn {
                display: none;
            }

            .mobile-nav-triggers {
                display: flex;
                flex-direction: column-reverse;
                align-items: center;
                gap: 8px;
                z-index: 1001;

                .search-trigger {
                    background: none;
                    border: none;
                    cursor: pointer;
                    padding: 4px;
                    font-size: 16px;
                    color: #ffffff;

                    i {
                        color: #ffffff;
                        pointer-events: none;
                    }
                }

                .menu-toggle {
                    background: #4099CB;
                    border: none;
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    padding: 0;
                    transition: background 0.2s ease;

                    .hamburger-icon {
                        pointer-events: none;

                        i {
                            color: #070050;
                            font-size: 16px;
                            pointer-events: none;
                        }
                    }

                    &.is-active {
                        .hamburger-icon {
                            i {
                                &::before {
                                    content: "\f00d";
                                }
                            }
                        }
                    }
                }
            }
        }

        .main-nav {
            position: fixed;
            top: 0;
            right: 0;
            width: 100vw;
            height: 100vh;
            background-color: #ffffff;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            padding: 90px 20px 40px;
            box-sizing: border-box;
            overflow-y: auto;
            transform: translateX(100%);
            transition: transform 0.35s cubic-bezier(0.77, 0, 0.175, 1);
            text-align: left;

            &.is-open {
                transform: translateX(0);
            }

            div, 
            ul {
                width: 100%;
                text-align: left;
            }

            ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                align-items: stretch;

                li {
                    width: 100%;
                    text-align: left;
                    border-bottom: 1px solid #4099CB;
                    display: block;

                    /* Completely neutralize hover on mobile */
                    &:hover {
                        & > .sub-menu {
                            display: none;
                        }
                    }

                    a {
                        color: #4099CB;
                        font-size: 18px;
                        font-weight: 600;
                        padding: 14px 0;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        width: 100%;
                        text-align: left;
                        text-decoration: none;
                        box-sizing: border-box;
                    }

                    .sub-menu {
                        display: none;
                        padding-left: 15px;
                        background: transparent;
                        position: static;
                        box-shadow: none;
                        width: 100%;

                        li {
                            width: 100%;
                            text-align: left;
                            border-bottom: 1px solid #4099CB;

                            &:hover {
                                & > .sub-menu {
                                    display: none;
                                }
                            }

                            &:last-child {
                                border-bottom: none;
                            }
                            
                            a {
                                font-size: 16px;
                                color: #4099CB;
                                padding: 12px 0;
                                width: 100%;
                                text-align: left;
                            }
                        }
                    }

                    &.menu-item-has-children {
                        & > a::after {
                            content: "\f078";
                            font-family: "Font Awesome 6 Free";
                            font-weight: 900;
                            color: #4099CB;
                            font-size: 12px;
                            transition: transform 0.2s ease;
                        }

                        /* Open only when JavaScript toggles this class */
                        &.sub-menu-open {
                            &:hover {
                                & > .sub-menu {
                                    display: block;
                                }
                            }

                            & > .sub-menu {
                                display: block;
                            }

                            & > a::after {
                                transform: rotate(180deg);
                            }
                        }
                    }
                }
            }
        }
    }
	
	.banner-carousel-section {
		.banner-title {
			font-size: 32px;
			line-height: 42px;
		}
		
		.banner-btns {
			display: flex;
			flex-direction: column;
			gap: 20px;
		}
		.banner-media-col {
			display: none;
		}
		
		.slick-dots {
			display: none !important;
		}
	}
	
	.content-section {
		padding-top: 75px;
	}
    
    .three-blocks-row {
        flex-direction: column;
    }
	
	.two-block-background {
		
		padding: 70px 0;
		
		.two-block-content {
			padding: 20px;
			margin-top: -50px;
		}
	}
	
	.testimonial-wrapper.has-top-radius {
		padding-top: 70px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
	}
	
	.testimonial-carousel-wrapper {
		& .testimonial-slider-track {
			& .testimonial-slide-item {
				text-align: center;
				.testimonial-inner {
					flex-direction: column-reverse;
					align-items: center;
					border-bottom: 1px solid #dcdcdc;
					padding-bottom: 20px;
					
					.testimonial-meta-col {
						border-right: none;
						padding-right: 0;
						flex: 0;
					}
				}
			}
		}
		.testimonial-slider-footer {
			flex-direction: column;
			gap: 20px;
		}
	}
}

@media screen and (min-width: 992px) {
    .site-header {
        .mobile-nav-triggers {
            display: none;
        }
    }
}