/* ************************************************************************************************************* */
/* GLOBAL CSS START  */
	:root {
	    --primary-color: #0A1D5F;
	    --secondary-color: #01042D;
	    --accent-color: #f9bb4b;
	    --light-bg: #f5f9ff;
	    --dark-text: #333;
	    --gradient-light: #FDFEFD;
	    --gradient-mid: #E7ECFF;
	    --gradient-blue: #e4f0ff;
	    --text-secondary: #4a5568;
	    --text-subtitle: #6c757d;
	    --divider-color: rgba(24, 63, 198, 1);
	}

	*{
	    font-family: "Quicksand", Helvetica;
	    margin: 0;
	    padding: 0;
	    color: var(--dark-text);
	    box-sizing: border-box;
	    font-weight: 500;
	}

	.main-container{
	    height: 100vh;
	}

	.btn-primary{
	    background-color: var(--primary-color);
	    border-color: var(--secondary-color);
	}

	.btn-primary:hover {
	    background-color: var(--secondary-color);
	    border-color: var(--secondary-color);
	}
/* GLOBAL CSS END  */
/* ************************************************************************************************************* */


/* ************************************************************************************************************* */
/* HEADER - NAVBAR START  */
	.header{
	    background: radial-gradient(circle at top left, var(--gradient-blue) 0%, var(--gradient-mid) 20%, var(--gradient-light) 30%, var(--gradient-light) 100%),
	                radial-gradient(circle at bottom right, var(--gradient-mid) 0%, var(--gradient-mid) 20%, var(--gradient-light) 30%, var(--gradient-light) 100%);
	    background-position: center;
	    background-size: cover;
	}

	.navbar {
	    min-height: 115px;
	    font-size: large;
	}

	.navbar-brand img {
	    width: 178.078125px;
	    height: 67.35982513427734px;
	}

	.nav-link {
	    color: var(--primary-color);
	    font-weight: 600;
	    margin: 0 10px;
	}

	.nav-link:hover {
	    color: var(--secondary-color);
	}

	.navbar-nav .nav-link.active {
	    color: #000000 !important;
	    font-weight: 600; /* Optional: makes the active link bold */
	}

	#contact-us{
	    background-color: var(--primary-color);
	    border-radius: 25px;
	    padding: 10px 20px;
	    color: white;
	}

	@media (max-width: 992px) {
        .navbar-brand img {
		    width: 130px;
		    height: 50px;
		}

		.navbar-toggler{
			color: var(--primary-color);
			border: none;
		}

		.navbar-toggler:focus{
			box-shadow: none;
		}

		.navbar-toggler:focus-visible{
			outline: 0px;
		}

		.navbar-toggler-icon {
		  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230A1D5F' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
		}

		.navbar {
			position: relative;
			z-index: 1030;
			min-height: 80px;
            font-size: 14px;
		}

		.navbar-collapse {
			position: fixed;
			top: 0;
			left: -100%;
			bottom: 0;
			width: 100%;
			height: 100vh !important;
			background-color: white;
			padding: 2rem;
			transition: left 0.3s ease;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			z-index: 1020;
			overflow-y: auto;
			box-shadow: 0 0 15px rgba(0,0,0,0.2);
		}

		.navbar-collapse.show {
			left: 0;
		}

		.navbar-nav {
			margin-top: 2rem;
			text-align: center;
		}

			.navbar-nav .nav-item {
			margin-bottom: 1rem;
		}

		.navbar-nav .nav-link {
			font-size: 1.25rem;
			padding: 0.75rem 0;
		}

		.dropdown-menu {
			background-color: transparent;
			border: none;
			padding-left: 1rem;
			box-shadow: none;
		}

		.navbar-collapse::before {
			content: "×";
			position: absolute;
			top: 1rem;
			right: 1rem;
			font-size: 2rem;
			cursor: pointer;
			color: var(--primary-color);
		}

		#contact-us {
			margin-top: 1rem;
			display: inline-block;
			text-align: center;
		}

		.ms-auto{
			margin-left: 0px !important;
		}
    }
/* HEADER - NAVBAR END  */
/* ************************************************************************************************************* */

/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** HOME PAGE CSS START ************************************************ */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*HERO SECTION START*/
	    .hero {
	        padding: 4% 0;
	        overflow: hidden;
	    }

	    .hero .hero-title {
	        font-size: 3.2rem;
	        font-weight: 400;
	        color: var(--primary-color);
	        line-height: 1.2;
	        margin-bottom: 1.5rem;
	    }

	    .hero .hero-title .highlight {
	        color: var(--primary-color);
	        font-weight: 800;
	    }

	    .hero .hero-subtitle {
	        color: var(--text-subtitle);
	        font-size: 1.2rem;
	        margin-bottom: 2rem;
	        max-width: 90%;
	    }

	    .hero .btn-outline-primary {
	        color: var(--primary-color);
	        border-color: var(--primary-color);
	        font-weight: 600;
	        transition: all 0.3s ease;
	    }

	    .hero .btn-outline-primary:hover {
	        background-color: var(--primary-color);
	        color: white;
	    }

	    .hero .hero-image {
	        max-width: 100%;
	        animation: float 3s ease-in-out infinite;
	    }

	    .hero .water-drop-icon {
	        position: absolute;
	        top: -10%;
	        right: 10%;
	        width: 60px;
	        height: 60px;
	        z-index: 2;
	    }

	    .hero .water-drop-icon img{
	        height: 90px;
	    }

	    .hero .blue-drop-icon {
	        position: absolute;
	        bottom: 5%;
	        left: -5%;
	        width: 60px;
	        height: 60px;
	        z-index: 2;
	    }

	    .hero .blue-drop-icon img{
	        height: 90px;
	    }

	    @keyframes float {
	        0% {
	            transform: translateY(0px);
	        }
	        50% {
	            transform: translateY(-10px);
	        }
	        100% {
	            transform: translateY(0px);
	        }
	    }

	    @media (max-width: 992px) {
	        .hero {
	            padding: 3% 0;
	        }
	        
	        .hero .hero-title {
	            font-size: 2rem;
	            margin-bottom: 0.5rem;
	        }

	        .hero .hero-subtitle {
	            font-size: 1rem;
	            max-width: 100%;
	            margin-bottom: 0.5rem;
	        }

	        .hero .water-drop-icon {
	            right: 2% !important;
	        }

	        .hero .blue-drop-icon  {
	            left: 2% !important;
	        }
	        
	        .hero .water-drop-icon img,
	        .blue-drop-icon img {
	            height: 70px !important;
	        }

	        .hero .hero-image{
	        	margin-top: 3%;
	        }
	    }
	/*HERO SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*WATER SECURITY SECTION START*/
	    .water-scarcity {
	        background: radial-gradient(circle at bottom right, var(--gradient-mid) 0%, var(--gradient-mid) 17%, var(--gradient-light) 25%, var(--gradient-light) 100%);
	        padding: 3% 0;
	    }
	    
	    .water-scarcity .image-container {
	        overflow: hidden;
	        border-radius: 25px;
	        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	    }
	    
	    .water-scarcity .image-container img {
	        transition: transform 0.5s ease;
	        width: 100%;
	    }
	    
	    .water-scarcity .image-container:hover img {
	        transform: scale(1.03);
	    }
	    
	    .water-scarcity .content-container {
	        padding: 10%;
	    }
	    
	    .water-scarcity .section-title {
	        color: var(--primary-color);
	        font-size: 2.3rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	    }
	    
	    .water-scarcity .section-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        text-align: center;
	    }
	    
	    @media (max-width: 992px) {
	        .water-scarcity {
	            padding: 3% 0;
	        }

	        .water-scarcity .container .row {
	        	flex-direction: column-reverse;
	        }

	        .water-scarcity .content-container{
	        	padding: 3%;
	        }
	        
	        .water-scarcity .section-title {
	            font-size: 1.7rem;
	            margin: 10px 0;
	            text-align: left;
	        }
	        
	        .water-scarcity .section-text {
	            text-align: left;
	        }
	    }
	/*WATER SECURITY SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*ACS SECTION START*/
	    .acs-section {
	        background: radial-gradient(circle at top right, var(--gradient-mid) 0%, var(--gradient-mid) 17%, var(--gradient-light) 25%, var(--gradient-light) 100%);
	        padding: 3% 0;
	    }
	    
	    .acs-section .image-container {
	        overflow: hidden;
	        border-radius: 25px;
	        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	    }
	    
	    .acs-section .image-container img {
	        transition: transform 0.5s ease;
	        width: 100%;
	    }
	    
	    .acs-section .image-container:hover img {
	        transform: scale(1.03);
	    }
	    
	    .acs-section .content-container {
	        padding: 3%;
	    }
	    
	    .acs-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.5rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	    }
	    
	    .acs-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        text-align: justify;
	    }
	    
	    @media (max-width: 992px) {
	        .acs-section {
	            padding: 3% 0;
	        }
	        
	        .acs-section .section-title {
	            font-size: 1.7rem;
	            margin: 10px 0;
	            text-align: left;
	        }

	        .acs-section .content-container {
		        padding: 3%;
		    }
	        
	        .acs-section .section-text {
	            text-align: left;
	        }

	        .acs-section .image-container {
		        margin-bottom: 5%;
		    }
	    }
	/*ACS SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*PILLARS SECTION START*/
	    .pillars-section {
	        background: linear-gradient(to top, var(--gradient-light) 0%, #F6F6F6 100%);
	        padding: 3% 0;
	    }
	    
	    .pillars-section .pillar-card {
	        text-align: center;
	        padding: 30px 20px;
	        height: 100%;
	        transition: transform 0.3s ease;
	        position: relative;
	    }
	    
	    .pillars-section .pillar-card::after {
	        content: '';
	        position: absolute;
	        top: 25%;
	        right: 0;
	        height: 60%;
	        width: 1px;
	        background: linear-gradient(to bottom, rgba(24, 63, 198, 0), var(--divider-color) 15%, var(--divider-color) 65%, rgba(24, 63, 198, 0));
	    }
	    
	    .pillars-section .col-lg-4:last-child .pillar-card::after {
	        display: none;
	    }
	    
	    .pillars-section .icon-container {
	        margin-bottom: 25px;
	    }
	    
	    .pillars-section .pillar-icon {
	        width: 80px;
	        height: 80px;
	        object-fit: contain;
	    }
	    
	    .pillars-section .pillar-title {
	        color: var(--primary-color);
	        font-size: 1.8rem;
	        font-weight: 700;
	        margin-bottom: 20px;
	    }
	    
	    .pillars-section .pillar-text {
	        color: var(--text-secondary);
	        font-size: 1rem;
	        line-height: 1.6;
	    }
	    
	    @media (max-width: 992px) {
	        .pillar-card {
	            padding: 3% !important;
	            position: relative !important;
	        }
	        
	        .pillars-section .pillar-card::after {
	            content: '';
	            position: absolute;
	            left: 10%;
	            bottom: 0;
	            width: 80%;
	            height: 1px;
	            top: auto;
	            right: auto;
	            background: linear-gradient(to right, rgba(231, 236, 255, 0), var(--divider-color) 15%, var(--divider-color) 85%, rgba(231, 236, 255, 0));
	        }
	        
	        .pillars-section .col-lg-4:last-child .pillar-card {
	            margin-bottom: 0;
	        }
	        
	        .pillars-section .col-lg-4:last-child .pillar-card::after {
	            display: none;
	        }
	    }
	/*PILLARS SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*ENGINEERED FOR THE FUTURE SECTION START*/
		.engineered-section {
	        padding: 3% 0;
	    }
	    
	    .engineered-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.5rem;
	        font-weight: 700;
	        margin-bottom: 20px;
	    }
	    
	    .engineered-section .section-description {
	        color: var(--text-secondary);
	        font-size: 1.1rem;
	        line-height: 1.7;
	        text-align: center;
	        max-width: 90%;
	        margin: auto;
	    }
	    
	    @media (max-width: 992px) {
	        .engineered-section {
	            padding: 3% 0;
	        }
	        
	        .engineered-section .section-title {
	            font-size: 1.7rem;
	            margin-bottom: 10px;
	        }
	        
	        .engineered-section .section-description {
	            font-size: 1rem;
	            max-width: 100%;
	        }
	    }
	/*ENGINEERED FOR THE FUTURE SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/* WATER PRODUCTION PROCESS FLOW SECTION */
		.process-flow {
		    background-color: var(--primary-color);
		    color: white;
		    padding: 2% 0;
		    overflow-x: auto; /* Enable horizontal scrolling if needed */

		    /* Hide scrollbar but maintain functionality */
		    -ms-overflow-style: none;  /* IE and Edge */
		    scrollbar-width: none;  /* Firefox */
		}

		.process-flow .container {
		    min-width: max-content;
		}

		.process-flow .row {
		    flex-wrap: nowrap;
		    width: 100%;
		}

		.process-flow .process-step {
		    text-align: center;
		    padding: 10px 15px;
		    min-width: 140px;
		}

		.process-flow .process-icon {
		    background-color: transparent;
		    width: 60px;
		    height: 60px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin: 0 auto 15px;
		}

		.process-flow .process-icon img {
		    width: 40px;
		    height: 40px;
		    object-fit: contain;
		    filter: brightness(0) invert(1);
		}

		.process-flow .process-text {
		    color: white;
		    font-size: 0.9rem;
		    line-height: 1.4;
		    margin-bottom: 0;
		}

		.process-flow .process-arrow {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 0 5px;
		}

		.process-flow .process-arrow i {
		    font-size: 24px;
		    color: white;
		}

		@media (max-width: 992px) {
		    .process-flow {
		        padding: 30px 0;
		    }
		    
		    .process-flow .row {
		        flex-wrap: nowrap;
		    }
		    
		    .process-flow .process-step {
		        text-align: center;
		        display: block;
		        min-width: 120px;
		    }
		    
		    .process-flow .process-icon {
		        margin: 0 auto 10px;
		        width: 50px;
		        height: 50px;
		    }
		    
		    .process-flow .process-icon img {
		        width: 35px;
		        height: 35px;
		    }
		    
		    .process-flow .process-arrow {
		        transform: none;
		        margin: 0;
		    }
		}

		@media (max-width: 768px) {
		    .process-flow .process-text {
		        font-size: 0.8rem;
		    }
		    
		    .process-flow .process-icon {
		        width: 45px;
		        height: 45px;
		    }
		    
		    .process-flow .process-icon img {
		        width: 30px;
		        height: 30px;
		    }
		    
		    .process-flow .process-arrow i {
		        font-size: 20px;
		    }
		}

		/* Add scrollbar styling for better appearance */
		.process-flow::-webkit-scrollbar {
		    height: 6px;
		}

		.process-flow::-webkit-scrollbar-track {
		    background: rgba(255, 255, 255, 0.1);
		}

		.process-flow::-webkit-scrollbar-thumb {
		    background: rgba(255, 255, 255, 0.3);
		    border-radius: 3px;
		}

		.process-flow::-webkit-scrollbar-thumb:hover {
		    background: rgba(255, 255, 255, 0.5);
		}
	/*WATER PRODUCTION PROCESS FLOW SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*THE ACS ADVANTAGE SECTION START*/
		.advantage-section {
		    padding: 3% 0;
		}

		.advantage-section .section-title {
		    color: var(--primary-color);
		    font-size: 2.5rem;
		    font-weight: 700;
		    margin-bottom: 40px;
		    text-align: center;
		}

		.advantage-section .advantage-card {
		    background-color: #E6E6E6;
		    border-radius: 10px;
		    padding: 30px 20px;
		    text-align: center;
		    height: 100%;
		    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
		}

		.advantage-section .advantage-card:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
		    background-color: var(--primary-color);
		}

		.advantage-section .advantage-card:hover .advantage-title,
		.advantage-section .advantage-card:hover .advantage-text {
		    color: white;
		}

		.advantage-section .advantage-card:hover .advantage-icon {
		    filter: brightness(0) invert(1);
		    transform: scale(1.1);
		}

		.advantage-section .icon-container {
		    margin-bottom: 20px;
		}

		.advantage-section .advantage-icon {
		    width: 60px;
		    height: 60px;
		    object-fit: contain;
		    transition: transform 0.3s ease, filter 0.3s ease;
		}

		.advantage-section .advantage-title {
		    color: var(--primary-color);
		    font-size: 1.4rem;
		    font-weight: 700;
		    margin-bottom: 15px;
		    transition: color 0.3s ease;
		}

		.advantage-section .advantage-text {
		    color: var(--text-secondary);
		    font-size: 0.95rem;
		    line-height: 1.6;
		    transition: color 0.3s ease;
		}

		@media (max-width: 992px) {
		    .advantage-section {
		        padding: 3% 0;
		    }
		    
		    .advantage-section .section-title {
		        font-size: 2rem;
		        margin-bottom: 30px;
		    }
		    
		    .advantage-section .advantage-card {
		        margin-bottom: 20px;
		    }
		}

		@media (max-width: 768px) {
		    .advantage-section .advantage-title {
		        font-size: 1.2rem;
		    }
		    
		    .advantage-section .advantage-text {
		        font-size: 0.9rem;
		    }
		}
	/*THE ACS ADVANTAGE SECTION END*/
	/* ************************************************************************************************************* */

/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* ***************************************** HOME PAGE CSS END ************************************************* */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */





/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** ABOU-US PAGE CSS START ********************************************* */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*ABOUT BANNER SECTION START*/
		.about-banner {
	        position: relative;
	        background-image: url('../img/about/about-us.svg');
	        background-size: cover;
	        background-position: center;
	        height: 75vh;
	        display: flex;
	        align-items: center;
	    }
	    
	    .about-banner .page-title {
	        color: white;
	        font-size: 3.5rem;
	        font-weight: 700;
	        position: relative;
	        z-index: 2;
	        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	        margin-left: 50px;
	    }
	    
	    @media (max-width: 768px) {
	        .about-banner {
	            height: 300px;
	        }
	        
	        .about-banner .page-title {
	            font-size: 3rem;
	            margin-left: 20px;
	        }
	    }
	    
	    @media (max-width: 576px) {
	        .about-banner {
	            height: 200px;
	        }
	        
	        .page-title {
	            font-size: 2.5rem;
	            margin-left: 10px;
	        }
	    }
	/*ABOUT BANNER SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*OUR INSPIRATION SECTION START*/
		.inspiration-section {
	        padding: 3% 0;
	        background: radial-gradient(circle at bottom right, var(--gradient-mid) 0%, var(--gradient-mid) 17%, var(--gradient-light) 25%, var(--gradient-light) 100%);
	    }
	    
	    .inspiration-section .image-container {
	        overflow: hidden;
	        border-radius: 40px;
	        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	    }
	    
	    .inspiration-section .image-container img {
	        width: 100%;
	        transition: transform 0.5s ease;
	    }
	    
	    .inspiration-section .image-container:hover img {
	        transform: scale(1.03);
	    }
	    
	    .inspiration-section .content-container {
	        padding: 20px 40px;
	    }
	    
	    .inspiration-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.5rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	        text-align: right;
	    }
	    
	    .inspiration-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        text-align: right;
	    }
	    
	    @media (max-width: 992px) {
	        .inspiration-section {
	            padding: 3% 0;
	        }


	        .inspiration-section .container .row {
	            flex-direction: column-reverse;
	        }
	        
	        .inspiration-section .content-container {
	            padding: 20px;
	            margin-top: 30px;
	        }
	        
	        .inspiration-section .section-title {
	            font-size: 2rem;
	            text-align: center;
	            margin-bottom: 10px;
	        }
	        
	        .inspiration-section .section-text {
	            text-align: justify;
	        }
	    }
	/*OUR INSPIRATION SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*THE GENERATION OF CHANGE SECTION START*/
		.generation-section {
	        padding: 3% 0;
	        background: radial-gradient(circle at top right, var(--gradient-mid) 0%, var(--gradient-mid) 17%, var(--gradient-light) 25%, var(--gradient-light) 100%);
	    }
	    
	    .generation-section .image-container {
	        overflow: hidden;
	        border-radius: 40px;
	        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	    }
	    
	    .generation-section .image-container img {
	        width: 100%;
	        transition: transform 0.5s ease;
	    }
	    
	    .generation-section .image-container:hover img {
	        transform: scale(1.03);
	    }
	    
	    .generation-section .content-container {
	        padding: 20px 40px 20px 0;
	    }
	    
	    .generation-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.5rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	        text-align: left;
	    }
	    
	    .generation-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        text-align: left;
	    }
	    
	    @media (max-width: 992px) {
	        .generation-section {
	            padding: 3% 0;
	        }
	        
	        .generation-section .content-container {
	            padding: 20px;
	        }
	        
	        .generation-section .section-title {
	            font-size: 1.7rem;
	            text-align: center;
	            margin-bottom: 10px;
	        }
	        
	        .generation-section .section-text {
	            text-align: justify;
	        }
	    }
	/*THE GENERATION OF CHANGE SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*OUR MISSION SECTION START*/
		.mission-section {
	        padding: 3% 0;
	    }
	    
	    .mission-section .mission-content {
	        padding: 30px 20px;
	        position: relative;
	    }
	    
	    .mission-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.5rem;
	        font-weight: 700;
	        margin-bottom: 30px;
	        text-align: center;
	    }
	    
	    .mission-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.1rem;
	        line-height: 1.8;
	        text-align: center;
	        max-width: 90%;
	        margin: 0 auto;
	    }
	    
	    @media (max-width: 992px) {
	        .mission-section {
	            padding: 3% 0;
	        }
	        
	        .mission-section .section-title {
	            font-size: 2.2rem;
	            margin-bottom: 10px;
	        }
	        
	        .mission-section .section-text {
	            font-size: 1rem;
	            max-width: 100%;
	            text-align: justify;
	        }
	    }
	    
	    @media (max-width: 576px) {
	        .mission-section .section-title {
	            font-size: 2rem;
	        }
	    }
	/*OUR MISSION SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*OUR VALUES SECTION START*/
		.values-section {
	        background: linear-gradient(to top, var(--gradient-light) 0%, #F6F6F6 100%);
	        padding: 3% 0;
	    }
	    
	    .values-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.5rem;
	        font-weight: 700;
	        margin-bottom: 50px;
	    }
	    
	    .values-section .values-row {
	        margin-bottom: 30px;
	    }
	    
	    .values-section .value-column {
	        padding: 15px;
	    }
	    
	    .values-section .value-card {
	        text-align: center;
	        padding: 30px 20px;
	        height: 100%;
	        position: relative;
	    }
	    
	    .values-section .value-card::after {
	        content: '';
	        position: absolute;
	        top: 20%;
	        right: 0;
	        height: 60%;
	        width: 1px;
	        background: linear-gradient(to bottom, rgba(24, 63, 198, 0), var(--divider-color) 15%, var(--divider-color) 65%, rgba(24, 63, 198, 0));
	    }
	    
	    .values-section .value-column:last-child .value-card::after {
	        display: none;
	    }
	    
	    .values-section .icon-container {
	        margin-bottom: 20px;
	    }
	    
	    .values-section .value-icon {
	        width: 80px;
	        height: 80px;
	        object-fit: contain;
	    }
	    
	    .values-section .value-title {
	        color: var(--primary-color);
	        font-size: 1.5rem;
	        font-weight: 700;
	        margin-bottom: 15px;
	    }
	    
	    .values-section .value-text {
	        color: var(--text-secondary);
	        font-size: 0.95rem;
	        line-height: 1.6;
	    }
	    
	    @media (max-width: 992px) {
	        .values-section {
	            padding: 3% 0;
	        }
	        
	        .values-section .section-title {
	            font-size: 2.2rem;
	            margin-bottom: 10px;
	        }

	        .values-section .value-card {
	            margin-bottom: 0px !important;
	        }

	        .values-section .icon-container, .value-title {
	            margin-bottom: 10px !important;
	        }
	        
	        .values-section .value-card::after {
	            display: none;
	        }
	        
	        .values-section .value-card::before {
	            content: '';
	            position: absolute;
	            bottom: -10px;
	            left: 10%;
	            width: 80%;
	            height: 1px;
	            background: linear-gradient(to right, rgba(24, 63, 198, 0), var(--divider-color) 15%, var(--divider-color) 65%, rgba(24, 63, 198, 0));
	        }
	    }
	    
	    @media (max-width: 767px) {
	        .values-section .value-card {
	            margin-bottom: 20px;
	        }
	        
	        .values-section .value-card::after {
	            display: none;
	        }
	        
	        .values-section .value-card::before {
	            content: '';
	            position: absolute;
	            bottom: -10px;
	            left: 10%;
	            width: 80%;
	            height: 1px;
	            background: linear-gradient(to right, rgba(24, 63, 198, 0), var(--divider-color) 15%, var(--divider-color) 65%, rgba(24, 63, 198, 0));
	        }
	        
	        .values-section .value-column:last-child #last-value-card::before {
	            display: none;
	        }
	    }
	/*OUR VALUES SECTION END*/
	/* ************************************************************************************************************* */


	/* ************************************************************************************************************* */
	/*PARTNER WITH US SECTION START*/
		.partner-section {
	        padding: 3% 0 5% 0;
	    }
	    
	    .partner-container {
	        background-color: var(--primary-color);
	        border-radius: 15px;
	        padding: 0;
	        overflow: hidden;
	        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	    }
	    
	    .partner-content {
	        padding: 50px;
	    }
	    
	    .partner-section .section-title {
	        color: white;
	        font-size: 2.5rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	    }
	    
	    .partner-section .section-text {
	        color: white;
	        font-size: 1.05rem;
	        line-height: 1.7;
	        margin-bottom: 30px;
	    }
	    
	    .cta-button {
	        margin-top: 10px;
	    }
	    
	    .btn-light {
	        background-color: white;
	        color: var(--primary-color);
	        font-weight: 600;
	        padding: 10px 30px;
	        border-radius: 50px;
	        transition: all 0.3s ease;
	        border: 2px solid white;
	    }
	    
	    .btn-light:hover {
	        background-color: transparent;
	        color: white;
	    }
	    
	    .partner-image {
	    	height: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 20px;
	    }
	    
	    .partner-image img {
	        width: 100%;
	        height: 100%;
	        object-fit: cover;
	    }
	    
	    @media (max-width: 992px) {
	        .partner-section {
	            padding: 3% 0;
	        }
	        
	        .partner-content {
	            padding: 40px;
	        }
	        
	        .partner-section .section-title {
	            font-size: 2.2rem;
	        }
	        
	        .partner-image {
	            height: 350px;
	        }

	        .partner-image img {
		        width: 100%;
			    max-width: 100%;
			    object-fit: cover;
		    }
	    }
	    
	    @media (max-width: 768px) {
	        .partner-content {
	            padding: 30px;
	        }
	        
	        .partner-section .section-title {
	            font-size: 2rem;
	        }
	        
	        .partner-section .section-text {
	            font-size: 1rem;
	        }
	        
	        .partner-image {
	            height: 250px;
	        }
	    }
	/*PARTNER WITH US SECTION END*/
	/* ************************************************************************************************************* */

/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** ABOU-US PAGE CSS END *********************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */





/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** INVESTOR PAGE CSS START ******************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*INVESTOR RELATIONS BANNER START*/
		.investor-banner {
	        position: relative;
	        background-image: url('../img/investor/investor-meeting.svg');
	        background-size: cover;
	        background-position: center;
	        height: 75vh;
	        display: flex;
	        align-items: center;
	    }
	    
	    .page-title {
	        color: white;
	        font-size: 4rem;
	        font-weight: 700;
	        position: relative;
	        z-index: 2;
	        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	        margin-left: 50px;
	    }
	    
	    @media (max-width: 992px) {
	        .investor-banner {
	            height: 350px;
	        }
	        
	        .page-title {
	            font-size: 3.5rem;
	            margin-left: 30px;
	        }
	    }
	    
	    @media (max-width: 768px) {
	        .investor-banner {
	            height: 300px;
	        }
	        
	        .page-title {
	            font-size: 3rem;
	            margin-left: 20px;
	        }
	    }
	    
	    @media (max-width: 576px) {
	        .investor-banner {
	            height: 250px;
	        }
	        
	        .page-title {
	            font-size: 2.5rem;
	            margin-left: 10px;
	        }
	    }
	/*INVESTOR RELATIONS BANNER END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*ACS TECHNOLOGY INVESTOR SECTION START*/
		.acs-investor-section {
	        padding: 3% 0;
        	background: radial-gradient(circle at bottom right, var(--gradient-mid) 0%, var(--gradient-mid) 17%, var(--gradient-light) 25%, var(--gradient-light) 100%);
	    }
	    
	    .acs-investor-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.1rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	        padding-right: 130px;
	    }
	    
	    .acs-investor-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.1rem;
	        margin-bottom: 10px;
	        padding-right: 5%;
	    }
	    
	    .acs-investor-section .image-container {
	        border-radius: 15px;
	        overflow: hidden;
	        padding: 20px;
	        display: flex;
	        justify-content: flex-end;
	    }
	    
	    .acs-investor-section .image-container img {
	    	width: 70%;
	        transition: transform 0.5s ease;
	    }
	    
	    .acs-investor-section .image-container:hover img {
	        transform: scale(1.03);
	    }
	    
	    @media (max-width: 992px) {
	        .acs-investor-section {
	            padding: 10% 0;
	        }
	        
	        .acs-investor-section .content-container {
	            padding-right: 0;
	            margin-bottom: 40px;
	        }
	        
	        .acs-investor-section .section-title {
	            font-size: 1.7rem;
	            text-align: center;
	            padding: 0;
	        }
	        
	        .acs-investor-section .section-text {
	            text-align: justify;
	            padding: 0 3%;
	        }

		    .acs-investor-section .image-container {
		        justify-content: center;
		    }

	        .acs-investor-section .image-container img {
		        width: 80%;
		    }
	    }
	/*ACS TECHNOLOGY INVESTOR SECTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*WHY INVEST IN US SECTION START*/
		.why-invest-section {
		    padding: 3% 0;
		    background-color: #F6F6F6;
		}

		.why-invest-section .section-title {
		    color: var(--primary-color);
		    font-size: 2.5rem;
		    font-weight: 700;
		    margin-bottom: 20px;
		}

		.investment-grid {
		    display: grid;
		    grid-template-columns: 1fr 1fr;
		    grid-template-rows: 1fr 1fr;
		    gap: 0px;
		    position: relative;
		}

		.investment-item {
		    padding: 40px 30px;
		    text-align: center;
		    position: relative;
		}

		/* Remove the solid borders */
		.investment-item:nth-child(1),
		.investment-item:nth-child(2) {
		    border-bottom: none;
		}

		.investment-item:nth-child(1),
		.investment-item:nth-child(3) {
		    border-right: none;
		}

		/* Horizontal divider with gradient */
		.investment-item:nth-child(1)::after {
		    content: '';
		    position: absolute;
		    bottom: 0;
		    left: 0%;
		    width: 100%;
		    height: 1px;
		    background: linear-gradient(to right, rgba(24, 63, 198, 0), var(--divider-color, #183fc6) 15%, var(--divider-color, #183fc6) 65%, rgba(24, 63, 198, 1));
		}

		.investment-item:nth-child(2)::after {
		    content: '';
		    position: absolute;
		    bottom: 0;
		    left: 0%;
		    width: 100%;
		    height: 1px;
		    background: linear-gradient(to right, rgba(24, 63, 198, 1), var(--divider-color, #183fc6) 15%, var(--divider-color, #183fc6) 65%, rgba(24, 63, 198, 0));
		}

		/* Vertical divider with gradient */
		.investment-item:nth-child(1)::before {
		    content: '';
		    position: absolute;
		    top: 0%;
		    right: 0;
		    height: 100%;
		    width: 1px;
		    background: linear-gradient(to bottom, rgba(24, 63, 198, 0), var(--divider-color, #183fc6) 15%, var(--divider-color, #183fc6) 65%, rgba(24, 63, 198, 1));
		}

		.investment-item:nth-child(3)::before {
		    content: '';
		    position: absolute;
		    top: 0%;
		    right: 0;
		    height: 100%;
		    width: 1px;
		    background: linear-gradient(to bottom, rgba(24, 63, 198, 1), var(--divider-color, #183fc6) 15%, var(--divider-color, #183fc6) 65%, rgba(24, 63, 198, 0));
		}

		.icon-container {
		    margin-bottom: 20px;
		}

		.investment-icon {
		    width: 50px;
		    height: 50px;
		    object-fit: contain;
		}

		.investment-title {
		    color: var(--primary-color);
		    font-size: 1.3rem;
		    font-weight: 700;
		    margin-bottom: 15px;
		}

		.investment-text {
		    color: var(--text-secondary);
		    font-size: 0.95rem;
		    line-height: 1.6;
		    max-width: 300px;
		    margin: 0 auto;
		}

		@media (max-width: 992px) {
		    .why-invest-section {
		        padding: 60px 0;
		    }
		    
		    .investment-title {
		        font-size: 1.2rem;
		    }
		}

		@media (max-width: 768px) {
		    .investment-grid {
		        grid-template-columns: 1fr;
		        grid-template-rows: repeat(4, auto);
		    }
		    
		    /* Hide vertical dividers on mobile */
		    .investment-item:nth-child(1)::before,
		    .investment-item:nth-child(3)::before {
		        display: none;
		    }
		    
		    /* Ensure horizontal dividers appear for all items except the last one */
		    .investment-item:nth-child(1)::after,
		    .investment-item:nth-child(2)::after,
		    .investment-item:nth-child(3)::after {
		        content: '';
		        position: absolute;
		        bottom: 0;
		        left: 20%;
		        width: 60%;
		        height: 1px;
		        background: linear-gradient(to right, rgba(24, 63, 198, 0), var(--divider-color, #183fc6) 15%, var(--divider-color, #183fc6) 65%, rgba(24, 63, 198, 0));
		    }
		    
		    .investment-item {
		        padding: 30px 20px;
		    }
		}
	/*WHY INVEST IN US SECTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*MARKET OPPORTUNITY SECTION START*/
		.market-opportunity-section {
	        padding: 3% 0;
			/* background-color: #f8f9fa;*/
	    }
	    
	    .market-opportunity-section .content-container {
	        padding: 20px;
	    }
	    
	    .market-opportunity-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.3rem;
	        font-weight: 700;
	        margin-bottom: 20px;
	    }
	    
	    .market-opportunity-section .section-desc {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        margin-bottom: 30px;
	    }
	    
	    .market-opportunity-section .acs-provides {
	        background-color: white;
	        border-radius: 10px;
	        padding: 30px;
	        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	        text-align: center;
	    }
	    
	    .market-opportunity-section .provides-heading {
	        color: var(--primary-color);
	        font-size: 1.2rem;
	        font-weight: 600;
	        margin-bottom: 15px;
	    }
	    
	    .market-opportunity-section .benefits-list {
	        list-style: none;
		    padding-left: 0;
		    margin-bottom: 0;
		    text-align: center;
	    }
	    
	    .market-opportunity-section .benefits-list li {
	        color: var(--text-secondary);
	        font-size: 1rem;
	        line-height: 1.6;
	        padding: 5px 0;
	    }

	    /* Custom colored bullets */
		.market-opportunity-section .benefits-list li::before {
		    content: "•"; /* Bullet character */
		    color: var(--primary-color); /* Primary color for bullets */
		    display: inline-block;
		    width: 1em;
		    margin-right: 0.5em;
		    font-size: 1.2em; /* Make bullets slightly larger */
		}
	    
	    @media (max-width: 992px) {
	        .market-opportunity-section {
	            padding: 50px 0;
	        }
	        
	        .market-opportunity-section .section-title {
	            font-size: 2rem;
	        }
	        
	        .market-opportunity-section .section-desc {
	            font-size: 1rem;
	        }
	    }
	/*MARKET OPPORTUNITY SECTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*ACS POSITIONING BANNER START*/
		.positioning-banner {
	        background-color: var(--primary-color);
	        padding: 1% 0;
	    }
	    
	    .banner-text {
	        color: white;
	        font-size: 1.5rem;
	        font-weight: 600;
	        margin: 0;
	        line-height: 1.4;
	    }
	    
	    @media (max-width: 992px) {
	        .banner-text {
	            font-size: 1.5rem;
	            padding: 0 20px;
	        }
	    }
	    
	    @media (max-width: 576px) {
	        .banner-text {
	            font-size: 1.3rem;
	        }
	        
	        .positioning-banner {
	            padding: 25px 0;
	        }
	    }
	/*ACS POSITIONING BANNER END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*BUSINESS MODEL & GROWTH STRATEGY SECTION START*/
		.business-model-section {
	        padding: 3% 0;
	    }
	    
	    .business-model-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.3rem;
	        font-weight: 700;
	        margin-bottom: 20px;
	    }
	    
	    .business-model-section .section-desc {
	        color: var(--text-secondary);
	        font-size: 1.1rem;
	        line-height: 1.7;
	        margin-bottom: 30px;
	    }
	    
	    .strategy-card {
	        background-color: #E6E6E6;
	        border-radius: 10px;
	        padding: 30px 25px;
	        text-align: center;
	        height: 100%;
	        transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
	    }
	    
	    .strategy-card:hover {
	        transform: translateY(-5px);
	        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	        background-color: var(--primary-color);
	    }
	    
	    .strategy-card:hover .strategy-title,
	    .strategy-card:hover .strategy-text {
	        color: white;
	    }
	    
	    .strategy-card:hover .strategy-icon {
	        filter: brightness(0) invert(1);
	        transform: scale(1.1);
	    }
	    
	    .highlight-card {
	        background-color: var(--primary-color);
	    }
	    
	    .highlight-card .strategy-title,
	    .highlight-card .strategy-text {
	        color: white;
	    }
	    
	    .highlight-card .strategy-icon {
	        filter: brightness(0) invert(1);
	    }
	    
	    .icon-container {
	        margin-bottom: 20px;
	    }
	    
	    .strategy-icon {
	        width: 60px;
	        height: 60px;
	        object-fit: contain;
	        transition: transform 0.3s ease, filter 0.3s ease;
	    }
	    
	    .strategy-title {
	        color: var(--primary-color);
	        font-size: 1.3rem;
	        font-weight: 700;
	        margin-bottom: 15px;
	        transition: color 0.3s ease;
	    }
	    
	    .strategy-text {
	        color: var(--text-secondary);
	        font-size: 1rem;
	        line-height: 1.6;
	        transition: color 0.3s ease;
	    }
	    
	    @media (max-width: 992px) {
	        .business-model-section {
	            padding: 3% 0;
	        }
	        
	        .business-model-section .section-title {
	            font-size: 1.7rem;
	            margin-bottom: 30px;
	        }
	        
	        .strategy-card {
	            margin-bottom: 20px;
	            height: 90%;
	        }
	    }
	    
	    @media (max-width: 768px) {
	        .strategy-title {
	            font-size: 1.2rem;
	        }
	        
	        .strategy-text {
	            font-size: 0.9rem;
	        }
	    }
	/*BUSINESS MODEL & GROWTH STRATEGY SECTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*TECHNOLOGY & COMPETITIVE EDGE SECTION START*/
		.tech-edge-section {
	        padding: 3% 0;
	        background: linear-gradient(to top, var(--gradient-light) 0%, #F6F6F6 100%);
	    }
	    
	    .tech-edge-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.3rem;
	        font-weight: 700;
	        margin-bottom: 20px;
	    }
	    
	    .tech-edge-section .section-subtitle {
	        color: var(--text-secondary);
	        font-size: 1.1rem;
	        font-weight: 500;
	        margin-bottom: 30px;
	    }
	    
	    .tech-edge-section .features-list {
	        margin-bottom: 30px;
	    }
	    
	    .tech-edge-section .feature-item {
	        display: flex;
	        justify-content: center;
	        margin-bottom: 15px;;
	    }
	    
	    .tech-edge-section .bullet {
	        color: var(--primary-color);
	        font-size: 1.2rem;
	        font-weight: bold;
	        margin-right: 10px;
	        line-height: 1.5;
	    }
	    
	    .tech-edge-section .feature-text {
	        color: var(--text-secondary);
	        font-size: 1rem;
	        line-height: 1.6;
	        margin: 0;
	    }
	    
	    .tech-edge-section .conclusion-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        font-weight: 500;
	        margin-top: 10px;
	    }
	    
	    @media (max-width: 992px) {
	        .tech-edge-section {
	            padding: 3% 0;
	        }
	        
	        .tech-edge-section .content-container {
	            padding: 30px;
	        }
	        
	        .tech-edge-section .section-title {
	            font-size: 2rem;
	        }
	    }
	    
	    @media (max-width: 768px) {
	        .tech-edge-section .content-container {
	            padding: 25px 20px;
	        }
	        
	        .tech-edge-section .section-title {
	            font-size: 1.8rem;
	        }
	        
	        .tech-edge-section .feature-text {
	            font-size: 0.95rem;
	        }
	    }
	/*TECHNOLOGY & COMPETITIVE EDGE SECTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*JOIN US SECTION START*/
		.join-us-section {
		    padding: 0 0 3% 0;
		}

		.join-container {
		    background-color: var(--primary-color);
		    border-radius: 15px;
		    padding: 0;
		    overflow: hidden;
		    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
		    display: flex;
		    flex-wrap: wrap;
		}

		.join-content {
		    padding: 40px;
		    color: white;
		}

		.join-us-section .section-title {
		    color: white;
		    font-size: 2rem;
		    font-weight: 700;
		    margin-bottom: 20px;
		}

		.join-us-section .section-text {
		    color: rgba(255, 255, 255, 0.9);
		    font-size: 1.05rem;
		    line-height: 1.7;
		    margin-bottom: 20px;
		}

		.btn-outline-light {
		    color: white;
		    border-color: white;
		    border-radius: 30px;
		    padding: 10px 25px;
		    font-weight: 600;
		    transition: all 0.3s ease;
		}

		.btn-outline-light:hover {
		    background-color: white;
		    color: var(--primary-color);
		}

		/* Image styling updates */
		.join-image {
		    height: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding: 20px;
		}

		.join-image img {
		    width: 100%;
		    max-width: 100%;
		    object-fit: cover;
		}

		@media (max-width: 992px) {
		    .join-us-section {
		        padding: 3% 0;
		    }
		    
		    .join-content {
		        padding: 30px;
		    }
		    
		    .join-us-section .section-title {
		        font-size: 2rem;
		    }
		}

		@media (max-width: 768px) {
		    .join-content {
		        padding: 30px 25px;
		    }
		    
		    .join-us-section .section-title {
		        font-size: 1.8rem;
		    }
		    
		    .join-us-section .section-text {
		        font-size: 1rem;
		    }
		    
		    .join-image {
		        padding: 0 25px 30px 25px;
		    }
		    
		    .join-image img {
		        max-height: 300px;
		    }
		}
	/*JOIN US SECTION END*/
/* ************************************************************************************************************* */

/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** INVESTOR PAGE CSS END ********************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */





/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** TECHNOLOGY PAGE CSS START ****************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*TECHNOLOGY BANNER START*/
		.technology-banner {
	        background-image: url('../img/technology/water-splash-banner.svg');
	        position: relative;
	        background-size: cover;
	        background-position: center;
	        height: 75vh;
	        display: flex;
	        align-items: center;
	    }
	    
	    .technology-banner .page-title {
	        color: var(--primary-color);
	        font-size: 4rem;
	        font-weight: 700;
	        position: relative;
	        z-index: 2;
	        margin-left: 20px;
	    }
	    
	    @media (max-width: 992px) {
	        .technology-banner {
	            height: 350px;
	        }
	        
	        .technology-banner .page-title {
	            font-size: 3.5rem;
	        }
	    }
	    
	    @media (max-width: 768px) {
	        .technology-banner {
	            height: 300px;
	        }
	        
	        .technology-banner .page-title {
	            font-size: 3rem;
	        }
	    }
	    
	    @media (max-width: 576px) {
	        .technology-banner {
	            height: 250px;
	        }
	        
	        .technology-banner .page-title {
	            font-size: 2.5rem;
	        }
	    }
	/*TECHNOLOGY BANNER END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*TRADITIONAL ATMOSPHERIC WATER GENERATORS PROBLEMS START*/
		.traditional-awg-section {
		    padding: 3% 0;
        	background: radial-gradient(circle at bottom right, var(--gradient-mid) 0%, var(--gradient-mid) 17%, var(--gradient-light) 25%, var(--gradient-light) 100%);
		}

		.traditional-awg-section .section-title {
		    color: var(--primary-color);
		    font-size: 2rem;
		    font-weight: 700;
		    margin-bottom: 25px;
		}

		.traditional-awg-section .section-intro {
		    color: var(--text-secondary);
		    font-size: 1.1rem;
		    line-height: 1.7;
		    margin-bottom: 40px;
		    padding: 0 80px;
		}

		.traditional-awg-section .drawbacks-container {
		    margin-top: 30px;
		}

		.drawback-card {
		    text-align: center;
		    padding: 30px 20px;
		    height: 100%;
		    position: relative;
		}

		/* Desktop and tablet vertical divider with gradient */
		.drawback-card::after {
		    content: '';
		    position: absolute;
		    top: 15%;
		    right: 0;
		    height: 70%;
		    width: 1px;
		    background: linear-gradient(to bottom, rgba(24, 63, 198, 0), var(--divider-color, #183fc6) 15%, var(--divider-color, #183fc6) 65%, rgba(24, 63, 198, 0));
		}

		.col-md-4:last-child .drawback-card::after {
		    display: none;
		}

		.drawback-title {
		    color: var(--primary-color);
		    font-size: 1.4rem;
		    font-weight: 700;
		    margin-bottom: 15px;
		}

		.drawback-text {
		    color: var(--text-secondary);
		    font-size: 1rem;
		    line-height: 1.6;
		}

		@media (max-width: 992px) {
		    .traditional-awg-section {
		        padding: 3% 0;
		    }
		    
		    .traditional-awg-section .section-title {
		        font-size: 2rem;
		    }
		    
		    .traditional-awg-section .section-intro {
		        font-size: 1rem;
		        padding: 0 40px;
		    }
		}

		@media (max-width: 768px) {
		    .traditional-awg-section .section-title {
		        font-size: 1.5rem;
		    }
		    
		    .traditional-awg-section .section-intro {
		        padding: 0 20px;
		    }
		    
		    /* Change vertical dividers to horizontal for mobile */
		    .drawback-card {
		        padding-bottom: 30px;
		        margin-bottom: 20px;
		    }
		    
		    .drawback-card::after {
		        top: auto;
		        right: 15%;
		        bottom: 0;
		        left: 15%;
		        width: 70%;
		        height: 1px;
		        background: linear-gradient(to right, rgba(24, 63, 198, 0), var(--divider-color, #183fc6) 15%, var(--divider-color, #183fc6) 65%, rgba(24, 63, 198, 0));
		    }
		    
		    .col-md-4:last-child .drawback-card::after {
		        display: none;
		    }
		}
	/*TRADITIONAL ATMOSPHERIC WATER GENERATORS PROBLEMS END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*ADVANCED ACS TECHNOLOGY SECTION START*/
		.acs-technology-section {
	        padding: 3% 0;
	        background-color: var(--primary-color);
	        color: white;
	        overflow: visible; /* Changed from hidden to allow sticky positioning */
	    	min-height: 100vh; /* Ensure section is tall enough for scrolling effect */
	    }
	    
	    .sticky-content {
		    position: sticky;
		    top: 30px; /* Adjust this value as needed for the desired top spacing */
		    height: fit-content;
		    max-height: 100vh;
		}
	    
	    .acs-technology-section .section-title {
	        color: white;
	        font-size: 2rem;
	        font-weight: 700;
	        margin-bottom: 30px;
	    }
	    
	    .acs-technology-section .intro-text {
	        font-size: 1.1rem;
	        line-height: 1.7;
	        padding-right: 50px;
	    }
	    
	    .acs-technology-section .intro-text p {
	        margin-bottom: 20px;
	        color: white;
	    }
	    
	    /* Ensure the features container has enough height to scroll past */
		.features-wrapper {
		    padding-left: 20px;
		    min-height: 150vh; /* Make this taller than the viewport to ensure scrolling */
		}
	    
	    .feature-item {
	        display: flex;
	        margin-bottom: 25px;
	        flex-direction: column;
	    }
	    
	    .feature-icon {
	        flex: 0 0 60px;
	        margin-right: 20px;
	    }
	    
	    .feature-icon img {
	        width: 50px;
	        height: 50px;
	        object-fit: contain;
	        filter: brightness(0) invert(1);
	    }
	    
	    .feature-content {
	        flex: 1;
	    }
	    
	    .feature-title {
	        color: white;
	        font-size: 1.4rem;
	        font-weight: 600;
	        margin-bottom: 15px;
	    }
	    
	    .feature-text {
	        color: rgba(255, 255, 255, 0.9);
	        font-size: 1rem;
	        line-height: 1.6;
	    }
	    
	    /* Last feature item has no bottom margin */
	    .feature-item:last-child {
	        margin-bottom: 0;
	    }
	    
	    @media (max-width: 992px) {
	        .acs-technology-section {
	            padding: 3% 0;
	        }
	        
	        .sticky-content {
	            position: relative;
	            top: 0;
	            padding-right: 0;
	            margin-bottom: 40px;
	        }
	        
	        .acs-technology-section .section-title {
	            font-size: 1.7rem;
	        }
	        
	        .acs-technology-section .intro-text {
	            font-size: 1rem;
	            padding: 0;
	        }
	        
	        .features-wrapper {
	            padding-left: 0;
	        }
	        
	        .feature-title {
	            font-size: 1.3rem;
	        }
	    }
	    
	    @media (max-width: 768px) {
	        .feature-item {
	            flex-direction: column;
	        }
	        
	        .feature-icon {
	            margin-right: 0;
	            margin-bottom: 15px;
	        }
	    }
	/*ADVANCED ACS TECHNOLOGY SECTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*ACS ENGINE SECTION START*/
		.acs-engine-section {
	        padding: 3% 0;
	    }
	    
	    .acs-engine-section .section-title {
	        color: var(--primary-color);
	        font-size: 2rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	        line-height: 1.3;
	    }
	    
	    .acs-engine-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        margin-bottom: 20px;
	    }
	    
	    .acs-engine-section .cta-container {
	        margin-top: 30px;
	    }
	    
	    .acs-engine-section .btn-primary {
	        background-color: var(--primary-color);
	        border-color: var(--primary-color);
	        border-radius: 30px;
	        padding: 12px 25px;
	        font-weight: 600;
	        transition: all 0.3s ease;
	    }
	    
	    .acs-engine-section .btn-primary:hover {
	        background-color: #0a2547;
	        border-color: #0a2547;
	        transform: translateY(-3px);
	        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	    }
	    
	    .acs-engine-section .image-container {
	        border-radius: 15px;
	        overflow: hidden;
	        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	    }
	    
	    @media (max-width: 992px) {
	        .acs-engine-section {
	            padding: 60px 0;
	        }
	        
	        .acs-engine-section .content-container {
	            padding-right: 0;
	            margin-bottom: 40px;
	        }
	        
	        .acs-engine-section .section-title {
	            font-size: 2rem;
	        }
	        
	        .acs-engine-section .section-text {
	            font-size: 1rem;
	        }
	    }
	/*ACS ENGINE SECTION END*/
	/* ************************************************************************************************************* */

/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** TECHNOLOGY PAGE CSS END ******************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */





/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** APPLICATION PAGE CSS START ***************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*COMMERCIAL APPLICATIONS BANNER START*/
		.commercial-applications-banner {
	        position: relative;
	        background-image: url('../img/application/molecular-water-banner.svg');
	        background-size: cover;
	        background-position: center;
	        height: 75vh;
	        display: flex;
	        align-items: center;
	    }
	    
	    .commercial-applications-banner .page-title {
	        color: var(--primary-color);
	        font-size: 4rem;
	        font-weight: 700;
	        position: relative;
	        z-index: 2;
	        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
	    }
	    
	    @media (max-width: 992px) {
	        .commercial-applications-banner {
	            height: 350px;
	        }
	        
	        .commercial-applications-banner .page-title {
	            font-size: 3.5rem;
	        }
	    }
	    
	    @media (max-width: 768px) {
	        .commercial-applications-banner {
	            height: 300px;
	        }
	        
	        .commercial-applications-banner .page-title {
	            font-size: 3rem;
	        }
	    }
	    
	    @media (max-width: 576px) {
	        .commercial-applications-banner {
	            height: 250px;
	        }
	        
	        .commercial-applications-banner .page-title {
	            font-size: 2.5rem;
	        }
	    }
	/*COMMERCIAL APPLICATIONS BANNER END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*COMMERCIAL APPLICATIONS INTRODUCTION START*/
		.commercial-intro-section {
	        padding: 3% 0;
	    }
	    
	    .commercial-intro-section .intro-content {
	        padding: 20px;
	    }
	    
	    .commercial-intro-section .intro-text {
	        color: var(--text-secondary);
	        font-size: 1.15rem;
	        line-height: 1.8;
	        margin-bottom: 0;
	    }
	    
	    @media (max-width: 992px) {
	        .commercial-intro-section {
	            padding: 3% 0;
	        }
	        
	        .commercial-intro-section .intro-text {
	            font-size: 1.1rem;
	        }
	    }
	    
	    @media (max-width: 768px) {
	        .commercial-intro-section {
	            padding: 3% 0;
	        }
	        
	        .commercial-intro-section .intro-text {
	            font-size: 1rem;
	        }
	    }
	/*COMMERCIAL APPLICATIONS INTRODUCTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*HOME & OFFICE SECTION START*/
		.home-office-section {
	        padding: 3% 0;
	        background: radial-gradient(circle at bottom right, var(--gradient-mid) 0%, var(--gradient-mid) 17%, var(--gradient-light) 25%, var(--gradient-light) 100%);
	    }
	    
	    .home-office-section .content-container {
	        padding-right: 20px;
	    }
	    
	    .home-office-section .section-title {
	        color: var(--primary-color);
	        font-size: 2rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	        line-height: 1.3;
	    }
	    
	    .home-office-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        margin-bottom: 30px;
	    }
	    
	    .home-office-section .feature-highlight {
	        margin-bottom: 15px;
	    }
	    
	    .home-office-section .feature-highlight p {
	        color: var(--text-secondary);
	        font-size: 1rem;
	        line-height: 1.6;
	        margin-bottom: 0;
	    }
	    
	    .home-office-section .feature-highlight strong {
	        color: var(--primary-color);
		    font-weight: 800;
		    font-size: 1.2rem;
	    }
	    
	    .home-office-section .image-container {
	        border-radius: 20px;
	        overflow: hidden;
	        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	        background-color: #f5f5f5;
	    }
	    
	    .home-office-section .image-container img {
	        width: 100%;
	        height: auto;
	        display: block;
	    }
	    
	    @media (max-width: 992px) {
	        .home-office-section {
	            padding: 3% 0;
	        }
	        
	        .home-office-section .content-container {
	            padding-right: 0;
	            margin-bottom: 40px;
	        }
	        
	        .home-office-section .section-title {
	            font-size: 1.7rem;
	        }
	        
	        .home-office-section .section-text {
	            font-size: 1rem;
	        }
	    }
	/*HOME & OFFICE SECTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*INDUSTRIAL SOLUTIONS SECTION START*/
		.industrial-section {
	        padding: 3% 0;
	        background: radial-gradient(circle at top right, var(--gradient-mid) 0%, var(--gradient-mid) 17%, var(--gradient-light) 25%, var(--gradient-light) 100%);
	    }
	    
	    .industrial-section .image-container {
	        border-radius: 20px;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        height: auto;
	    }
	    
	    .industrial-section .image-container img {
	        max-width: 100%;
	        height: auto;
	    }
	    
	    .industrial-section .content-container {
	        padding-left: 40px;
	    }
	    
	    .industrial-section .section-title {
	        color: var(--primary-color);
	        font-size: 2.3rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	        line-height: 1.3;
	        text-align: right;
	    }
	    
	    .industrial-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        margin-bottom: 30px;
	        text-align: right;
	    }
	    
	    .industrial-section .feature-highlight {
	        margin-bottom: 15px;
	        text-align: right;
	    }
	    
	    .industrial-section .feature-highlight p {
	        color: var(--text-secondary);
	        font-size: 1rem;
	        line-height: 1.6;
	        margin-bottom: 0;
	    }
	    
	    .industrial-section .feature-highlight strong {
	        color: var(--primary-color);
	        font-weight: 800;
	        font-size: 1.2rem;
	    }
	    
	    @media (max-width: 992px) {
	        .industrial-section {
	            padding: 3% 0;
	        }

	        .industrial-section .row{
	        	flex-direction: column-reverse;
	        }
	        
	        .industrial-section .image-container {
	            margin-bottom: 40px;
	        }
	        
	        .industrial-section .content-container {
	            padding-left: 0;
	        }
	        
	        .industrial-section .section-title,
	        .industrial-section .section-text,
	        .industrial-section .feature-highlight {
	            text-align: center;
	        }
	        
	        .industrial-section .section-title {
	            font-size: 1.7rem;
	        }
	        
	        .industrial-section .section-text {
	            font-size: 1rem;
	        }
	    }
	/*INDUSTRIAL SOLUTIONS SECTION END*/
	/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*DOD & MILITARY SECTION START*/
		.military-section {
	        padding: 3% 0;
	    }
	    
	    .military-section .content-container {
	        padding-right: 40px;
	    }
	    
	    .military-section .section-title {
	        color: var(--primary-color);
	        font-size: 2rem;
	        font-weight: 700;
	        margin-bottom: 25px;
	        line-height: 1.3;
	    }
	    
	    .military-section .section-text {
	        color: var(--text-secondary);
	        font-size: 1.05rem;
	        line-height: 1.7;
	        margin-bottom: 30px;
	    }
	    
	    .military-section .feature-highlight {
	        margin-bottom: 15px;
	    }
	    
	    .military-section .feature-highlight p {
	        color: var(--text-secondary);
	        font-size: 1rem;
	        line-height: 1.6;
	        margin-bottom: 0;
	    }
	    
	    .military-section .feature-highlight strong {
	        color: var(--primary-color);
	        font-weight: 800;
	        font-size: 1.2rem;
	    }
	    
	    .military-section .image-container {
	        border-radius: 20px;
	        overflow: hidden;
	        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	    }
	    
	    .military-section .image-container img {
	        width: 100%;
	        height: auto;
	        display: block;
	    }
	    
	    @media (max-width: 992px) {
	        .military-section {
	            padding: 3% 0;
	        }
	        
	        .military-section .content-container {
	            padding-right: 0;
	            margin-bottom: 40px;
	        }
	        
	        .military-section .section-title {
	            font-size: 1.7rem;
	        }
	        
	        .military-section .section-text {
	            font-size: 1rem;
	        }
	    }
	/*DOD & MILITARY SECTION END*/
	/* ************************************************************************************************************* */

/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** APPLICATION PAGE CSS END ****************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */





/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** CONTACT US PAGE CSS START ****************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */

	/* ************************************************************************************************************* */
	/*CONTACT FORM SECTION START*/
		.contact-form-section {
		    padding: 3% 0;
		    border-top: 1px solid var(--primary-color);
		}

		.contact-form-container {
		    background: white;
		    border-radius: 20px;
		    padding: 40px;
		    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
		}

		.form-title {
		    color: var(--primary-color);
		    font-size: 2.2rem;
		    font-weight: 700;
		    margin-bottom: 20px;
		    text-align: center;
		}

		.form-subtitle {
		    color: var(--text-secondary);
		    font-size: 1rem;
		    line-height: 1.6;
		    text-align: center;
		    margin-bottom: 15px;
		}

		.form-note {
		    color: var(--text-secondary);
		    font-size: 0.9rem;
		    text-align: center;
		    margin-bottom: 30px;
		    font-style: italic;
		}

		.form-group {
		    margin-bottom: 20px;
		}

		.form-group label {
		    color: var(--primary-color);
		    font-weight: 500;
		    font-size: 0.95rem;
		    margin-bottom: 8px;
		    display: block;
		}

		.form-control {
		    width: 100%;
		    padding: 12px 15px;
		    border: 1px solid #e1e5ea;
		    border-radius: 8px;
		    font-size: 0.95rem;
		    transition: all 0.3s ease;
		}

		.form-control:focus {
		    border-color: var(--primary-color);
		    box-shadow: 0 0 0 0.2rem rgba(10, 29, 95, 0.1);
		    outline: none;
		}

		.form-control::placeholder {
		    color: #999;
		}

		/* Checkbox styles */
		.checkbox-group {
		    display: flex;
		    flex-direction: row;
		    gap: 20px;
		    margin-top: 10px;
		}

		.checkbox-container {
		    display: flex;
		    align-items: center;
		    cursor: pointer;
		    position: relative;
		    padding-left: 30px;
		    font-size: 0.95rem;
		    color: var(--text-secondary);
		    user-select: none;
		}

		.checkbox-container input {
		    position: absolute;
		    opacity: 0;
		    cursor: pointer;
		    height: 0;
		    width: 0;
		}

		.checkmark {
		    position: absolute;
		    left: 0;
		    height: 20px;
		    width: 20px;
		    background-color: #fff;
		    border: 2px solid #e1e5ea;
		    border-radius: 4px;
		    transition: all 0.3s ease;
		}

		.checkbox-container:hover input ~ .checkmark {
		    border-color: var(--primary-color);
		}

		.checkbox-container input:checked ~ .checkmark {
		    background-color: var(--primary-color);
		    border-color: var(--primary-color);
		}

		.checkmark:after {
		    content: "";
		    position: absolute;
		    display: none;
		}

		.checkbox-container input:checked ~ .checkmark:after {
		    display: block;
		}

		.checkbox-container .checkmark:after {
		    left: 6px;
		    top: 2px;
		    width: 5px;
		    height: 10px;
		    border: solid white;
		    border-width: 0 2px 2px 0;
		    transform: rotate(45deg);
		}

		.btn-submit {
		    background-color: var(--primary-color);
		    border: none;
		    border-radius: 30px;
		    padding: 12px 30px;
		    font-weight: 600;
		    width: 100%;
		    margin-top: 20px;
		    transition: all 0.3s ease;
		}

		.btn-submit:hover {
		    background-color: #0a2547;
		    transform: translateY(-2px);
		    box-shadow: 0 5px 15px rgba(10, 29, 95, 0.2);
		}

		.btn-submit i {
		    margin-left: 8px;
		}

		@media (max-width: 768px) {
		    .contact-form-section {
		        padding: 3% 0;
		    }
		    
		    .contact-form-container {
		        padding: 30px 20px;
		    }
		    
		    .form-title {
		        font-size: 1.8rem;
		    }
		}

		@media (max-width: 576px) {
		    .checkbox-group {
		        flex-direction: column;
		        gap: 10px;
		    }
		}
	/*CONTACT FORM SECTION END*/
	/* ************************************************************************************************************* */

/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** CONTACT US PAGE CSS END ******************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */





/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* **************************************** COMING SOON PAGE CSS START ***************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
	
	/* ************************************************************************************************************* */
	/*COMING SOON PAGE START*/
		.coming-soon-section {
			align-content: center;
	        text-align: center;
	        height: 82vh;
	    }
	    
	    .coming-soon-title {
	        color: var(--primary-color);
	        font-size: 4rem;
	        font-weight: 700;
	        letter-spacing: 1px;
	    }
	    
	    @media (max-width: 768px) {
	        .coming-soon-section {
	            padding: 100px 0;
	        }
	        
	        .coming-soon-title {
	            font-size: 3rem;
	        }
	    }
	/*COMING SOON PAGE END*/
	/* ************************************************************************************************************* */

/* ************************************************************************************************************* */
/* **************************************** COMING SOON PAGE CSS END ***************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */





/* ************************************************************************************************************* */
/*FOOTER SECTION START*/
	.footer-section {
        background-color: var(--primary-color);
        padding: 3% 0;
        color: white;
    }
    
    .footer-section .footer-logo img {
        max-width: 180px;
        margin-bottom: 20px;
    }
    
    .footer-section .contact-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
    }
    
    .footer-section .contact-item i {
        color: white;
        margin-right: 10px;
        min-width: 20px;
        margin-top: 3px;
    }
    
    .footer-section .contact-item a, 
    .contact-item p {
        color: white;
        margin: 0;
        text-decoration: none;
    }
    
    .footer-section .newsletter-section h4 {
        color: white;
        margin-bottom: 20px;
        font-weight: 500;
    }
    
    .footer-section .newsletter-form label {
        color: white;
        display: block;
        margin-bottom: 5px;
    }
    
    .footer-section .newsletter-form .required {
        color: red;
    }
    
    .footer-section .newsletter-form .form-control {
        background-color: white;
        border: none;
        border-radius: 25px;
        padding: 10px 15px;
        margin-bottom: 15px;
    }
    
    .footer-section .btn-submit {
        background-color: white;
        color: var(--primary-color);
        border: none;
        border-radius: 5px;
        padding: 8px 25px;
        font-weight: 600;
        transition: all 0.3s ease;
    }
    
    .footer-section .btn-submit:hover {
        background-color: var(--accent-color);
        color: var(--primary-color);
    }
    
    .footer-section .authorized-section p {
        color: white;
        margin-bottom: 10px;
        font-weight: 500;
    }
    
    .footer-section .als-logo {
        width: 120px;
    }
    
    .footer-section .footer-divider {
        border-top: 2px solid white;
    }
    
    .footer-section .copyright {
        color: white;
        margin: 0;
    }
    
    .footer-section .social-icons {
        display: flex;
        justify-content: flex-end;
        gap: 15px;
    }
    
    .footer-section .social-icon {
        color: white !important;
        font-size: 18px;
        transition: all 0.3s ease;
    }
    
    .footer-section .social-icon:hover {
        color: var(--accent-color);
    }
    
    @media (max-width: 992px) {
        .footer-section {
            padding: 5%;
        }
    
	    .footer-section .footer-logo img {
	        max-width: 110px;
	        margin-bottom: 10px;
	    }

	    .footer-section .contact-item {
	        margin-bottom: 5px;
	    }

	    .footer-section .newsletter-section h4 {
		    margin-bottom: 10px;
		}

		.footer-section .newsletter-form .form-control {
		    margin-bottom: 10px;
		}
        
        .footer-section .authorized-section,
        .social-icons {
            text-align: left;
            justify-content: flex-start; !important;
        }

        .footer-section .als-logo {
	        max-width: 100px;
	    }
        
        .footer-section .copyright {
            text-align: center;
        }

        .footer-section .social-icons {
            justify-content: center;
        }
    }
/*FOOTER SECTION END*/
/* ************************************************************************************************************* */