/* === Shortcode: Manual Blog Slider === */

.manual-blog-slider-container {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    
    .manual-blog-slider {
        width: 100%;
        position: relative;
        overflow: visible;
    }
    
    .swiper-wrapper {
        transition-timing-function: ease;
        align-items: center;
        display: flex;
    }
    
    .manual-blog-slider-container .swiper-horizontal>.swiper-pagination-bullets, 
    .manual-blog-slider-container .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .manual-blog-slider-container .swiper-pagination-custom, 
    .manual-blog-slider-container .swiper-pagination-fraction {
        bottom: 0px !important;
    }
    
    .manual-blog-slide {
        width: 77.85vw; 
        height: 34.72vw; 
        display: flex;
        flex-direction: row;
        background: #FFF;
        margin: 0 1.74vw; 
        transition: height 1.2s ease; /* Slow, smooth animation for height only */
    }
    
    .manual-blog-slider-container .swiper-slide-active {
        width: 77.85vw; 
        height: 34.72vw !important; 
    }
    
    .manual-blog-slider-container .swiper-slide-prev,
    .manual-blog-slider-container .swiper-slide-next {
        width: 77.85vw; 
        height: 31.11vw !important; 
        opacity: 0.8;
    }
    
    .manual-blog-content {
        flex: 1;
        padding: 2.78vw 3.47vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 31.3vw; 
    }
    
    .manual-blog-image {
        width: 46.53vw; 
        height: 100%; 
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }
    
    .manual-blog-title {
        font-family: "Poppins", sans-serif;
        font-size: 2.43vw; 
        font-weight: 400;
        margin-bottom: 1.39vw; 
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .manual-blog-description {
        font-family: "Poppins", sans-serif;
        font-size: 0.9vw; 
        font-weight: 400;
        line-height: 1.6;
        margin-bottom: 1.74vw; 
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .manual-blog-slider-container .swiper-slide-active .manual-blog-description {
        -webkit-line-clamp: 7;
    }
    
    .manual-blog-footer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .manual-blog-readmore {
        font-family: "Inter", sans-serif !important;
        font-size: 1.2vw; 
        font-weight: 400;
        text-decoration: none;
        color: #000;
        display: inline-block;
        margin-right: 1.74vw; 
        text-decoration: underline !important;
        margin-bottom: 1.39vw; 
		text-transform: capitalize;
    }
    
    .manual-blog-slider-nav {
        display: flex;
        align-items: center;
        z-index: 10;
        padding-top: 1.5vw;
        justify-content: flex-start;
    }
    
    .manual-blog-slider-prev {
        width: 1.39vw; 
        height: 1.39vw; 
        cursor: pointer;
        transition: opacity 0.3s ease;
        z-index: 10;
        position: relative;
        margin-right: 0.8vw;
    }
    
    .manual-blog-slider-next {
        width: 1.39vw; 
        height: 1.39vw; 
        cursor: pointer;
        transition: opacity 0.3s ease;
        z-index: 10;
        position: relative;
    }
    
    .manual-blog-slider-prev:hover,
    .manual-blog-slider-next:hover {
        opacity: 0.7;
    }
    
    .manual-blog-pagination {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 2.08vw; 
    }

    .manual-blog-slider-container .swiper-pagination-bullet {
        width: 1vw; 
        height: 1vw; 
        margin: 0 0.69vw; 
        background: #D9D9D9;
        opacity: 1;
        border: 0.5px solid #424242;
        background: transparent;
        border-radius: 50%;
    }

    .manual-blog-slider-container .swiper-pagination-bullet-active {
        background: #447329;
        border: none; 
    }
    
    @media (max-width: 1024px) {
        .manual-blog-slide {
            width: 90vw;
            height: auto;
            min-height: 40vw;
            transition: height 1.2s ease;
        }
        
        .manual-blog-slider-container .swiper-slide-active {
            width: 90vw;
            min-height: 40vw !important;
        }
        
        .manual-blog-slider-container .swiper-slide-prev,
        .manual-blog-slider-container .swiper-slide-next {
            width: 90vw;
            min-height: 36vw !important;
        }
        
        .manual-blog-content {
            padding: 3vw;
            max-width: 50%;
        }
        
        .manual-blog-image {
            min-height: 100%;
        }
        
        .manual-blog-description {
            -webkit-line-clamp: 5;
            font-size: 1.3vw;
        }
        
        .manual-blog-title {
            font-size: 3vw;
            margin-bottom: 3vw;
        }
        
        .manual-blog-readmore {
            margin-bottom: 2vw;
        }
        
        .manual-blog-slider-prev,
        .manual-blog-slider-next {
            width: 1.39vw;
            height: 1.39vw;
        }
    }
    
    @media (min-width: 1025px) {
        .manual-blog-pagination {
            display: none !important;
        }
    }
    
    @media (max-width: 767px) {
        .manual-blog-slide,
        .manual-blog-slider-container .swiper-slide-active,
        .manual-blog-slider-container .swiper-slide-prev,
        .manual-blog-slider-container .swiper-slide-next {
            width: 100% !important;
            height: auto !important;
            flex-direction: column-reverse;
            padding: 0 2vw !important;
        }
        
        .manual-blog-content {
            padding: 5vw 5vw 0 5vw;
            max-width: 100%;
        }
        
        .manual-blog-image {
            width: 100%;
            height: 60vw;
        }
        
        .manual-blog-title {
            font-size: 5vw;
            margin-bottom: 3vw;
        }
        
        .manual-blog-description {
            font-size: 3.5vw;
            -webkit-line-clamp: 3;
        }
        
        .manual-blog-slider-container .swiper-slide-active .manual-blog-description {
            -webkit-line-clamp: 5;
        }
        
        .manual-blog-readmore {
            font-size: 3vw !important;
            margin-bottom: 3vw;
            margin-top: 3vw;
            position: relative;
            width: fit-content;
            border-width: 2px !important;
            display: inline-flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            height: 3.472vw;
            padding: 4.5vw 5vw;
            font-style: normal;
            font-weight: 400;
            font-size: 0.972vw;
            line-height: 1.458vw;
            letter-spacing: 0.02em;
            color: black !important;
            border: 0.139vw solid #72BF44;
            border-radius: 6.944vw;
            z-index: 9;
            overflow: hidden;
            text-decoration: none !important;
        }
        
        .manual-blog-slider-prev,
        .manual-blog-slider-next {
            width: 5vw;
            height: 5vw;
            padding-top: 2vw;
        }
        
        .manual-blog-slider-container .swiper-pagination-bullet {
            width: 3vw; 
            height: 3vw;
        }
        
        .manual-blog-pagination {
            margin-top: 5vw;
        }
        
        .manual-blog-content {
            padding: 5vw 5vw 0 5vw;
            max-width: 100%;
            text-align: center;
            align-items: center; 
        }
        
        .manual-blog-footer {
            align-items: center;
        }
        
        .manual-blog-slider-nav {
            display: none;
            justify-content: center;
        }
    }
    
    .manual-blog-readmore:hover {
        color: #000;
    }
    
    /* === Shortcode: ESG Progress Report === */
    
    .esg_progress_main {
            font-family: 'Poppins', sans-serif;
            margin: 0;
        }

        .esg_progress_section {
            position: relative;
            padding: 80px 0;
            z-index: 1;
        }
		
		.esg_report_cards_container { 
			gap: 3rem;
		}

        .esg_progress_section::before {
            content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -2;
		}

        .esg_progress_section::after {
            content: "";
            background: url('https://haycarb-test.hayflex.com/wp-content/uploads/2025/04/ESG-Progress-Reports-Bg.png') no-repeat center center / cover;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }
		
		.esg_timeline_container {
			position: relative;
            overflow: visible;
		}

		.esg_timeline_container::after {
			content: '';
			position: absolute;
			top: 16px;
			padding: 193px 0;
			bottom: 0;
			left: 3px;
			width: 1px;
			background-color: rgba(255, 255, 255, 0.5);
			z-index: 0;
            opacity: 0.5;
		}

		.esg_timeline {
			list-style: none;
			padding-left: 0;
			position: relative;
			margin: 0;
			z-index: 1;
            width: 100%;
		}

        .esg_timeline li {
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            position: relative;
            margin: 0 0 35px 0;
            padding-left: 30px;
            color: rgba(255, 255, 255, 0.5);
            font-size: 18px; 
            line-height: 28px;
            transition: all 0.3s ease;
        }
        
        .esg_timeline li.disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .esg_timeline li.clickable {
            cursor: pointer;
        }

        .esg_timeline li.clickable:hover {
            color: white;
        }

        .esg_timeline li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 10px;
            width: 6px;
            height: 6px;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            opacity: 1;
            transition: all 0.3s ease;
        }

        .esg_timeline li.active {
            font-weight: 600;
            color: white; 
            font-size: 24px; 
        }

        .esg_timeline li.active::before {
            opacity: 1;
            transform: scale(1.5);
            outline: 0.5px solid rgba(255, 255, 255, 2); 
            outline-offset: 3px;
            background-color: white;
        }

        .esg_report_card {
            text-align: center;
            max-width: 180px;
            position: relative;
            border-radius: 10px;
            overflow: hidden;
        }

        .esg_report_card img {
            width: 100%;
            height: 250px;
            border-radius: 10px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
            display: block;
        }

        .esg_report_overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 250px;
            background-color: rgba(0, 0, 0, 0.75);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            border-radius: 10px;
            padding-bottom: 15px;
            gap: 15px;
        }

        .esg_report_card:hover .esg_report_overlay {
            opacity: 1;
        }

        .esg_report_button {
            background-color: transparent;
            color: white !important;
            font-family: 'Poppins', sans-serif;
            font-size: 12px !important;
            font-weight: 400 !important;
            cursor: pointer;
            text-decoration: underline !important;
/*             text-transform: uppercase; */
            border: none;
            padding: 15px 0 !important;
            letter-spacing: 1px;
        }

        .esg_report_month {
            margin-top: 20px;
            font-weight: 400;
            color: white;
			padding-bottom: 0px;
			margin-bottom: 0px;
			text-transform: capitalize;
        }

        .esg_heading {
            font-family: 'Poppins', sans-serif;
            font-size: 35px;
            line-height: 49px;
            font-weight: 600;
            margin-bottom: 15px;
            color: white;
        }

        .esg_description {
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 23px;
            color: rgba(255, 255, 255, 0.8);
        }
        
        .esg_container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        .esg_row {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -15px;
            align-items: flex-start; 
			    place-content: center;
			    align-items: center;
        }
        
        .esg_column_timeline {
            width: 21%;
            display: flex;
            justify-content: left;
            align-self: flex-start; 
        }
        
        .esg_column_reports {
            width: 35%;
        }
        
        .esg_column_description {
            width: 42%;
            padding: 0 0 0 60px;
			align-self: center;
        }
        
        .esg_reports_wrapper {
            display: flex;
            justify-content: center;
            gap: 3rem;
        }
        
        
		
		@media (max-width: 500px) {
			.esg_description {
				font-size: 16px;
				line-height: 1.7692307692308em;
				
			}
			.esg_column_description {
				width: 90% !important;
				margin-bottom: 0vh !important;
				padding: 0 0 0 0 !important;
				
			}
			
			.esg_column_reports {
				width: 90% !important;
				align-self: center !important;
				gap: 1.5rem !important; 
			}
			
			.esg_column_timeline {
				margin-bottom: 3vh !important;
			}

			.esg_reports_wrapper {
				gap: 1.5rem !important; 
			}
			
			 .esg_report_card img {
            	height: 225px;
        	}
			
			.esg_report_overlay {
				width: 100%;
				height: 83.8%;
			}
		}
		
		@media (max-width: 889px) {
            .esg_timeline {
                margin-bottom: 40px;
            }
			
			.esg_timeline_container::after {
				padding: 0 0;
			}
			
            .esg_report_card img {
                max-width: 100%;
            }
			
			.esg_column_reports {
				margin-bottom: 0vh;
			}
			
            .esg_progress_section {
                padding: 60px 20px;
            }

            .esg_row {
                gap: 30px;
                flex-direction: column;
            }
            
            .esg_column_description {
                font-size: 16px;
				line-height: 1.7692307692308em;
				width: 100%;
                order: 1;
                margin-bottom: 3vh;
                place-content: center;
                padding: 0 60px;
				text-align: center;
            }
			
            .esg_column_timeline {
                width: 100%;
                order: 2;
                margin-bottom: 3vh;
                place-content: center;
                padding: 0 20px;
            }
			
			.esg_heading {
				font-size: 30px;
				line-height: 40px;text-align: center;
			}
			
			.esg_timeline li {
				font-size: 14px;
			}
			
			.esg_timeline li.active {
				font-size: 20px;
			}
			
			.esg_timeline li.active::before {
            opacity: 1;
            transform: scale(1.9);
            outline: 0.8px solid rgba(255, 255, 255, 2); 
            outline-offset: 3.5px;
            background-color: white;
        }
			.esg_timeline_container::after {
				padding: 0 !important;
			}
			.esg_column_reports {
                width: 100%;
                order: 3;
                margin-bottom: 3vh;
                place-content: center;
            }
        }
		
		@media (min-width: 900px) and (max-width: 1024px) {
			.esg_column_timeline {
				padding: 0px 0 0 60px;
			}
			
			.esg_report_card img {
				height: 230px;
			}
			
			.esg_timeline li {
				margin: 0 0 30px 0;
			}
			
			.esg-container{
				    padding: 0 0 0 0;
			}
			
			.esg_reports_wrapper {
				gap: 1.5rem;
			}
			.esg_heading {
				font-size: 3.125vw;
			}
			.esg_description {
				font-size: 0.97vw;
			}
			.esg_column_description {
				width: 30%;
				padding: 0 0 0 30px;
			}
			.esg_column_timeline {
    			width: 25%;
			}
			
			.esg_report_overlay {
				width: 100%;
				height: 84%;
			}
		}
		
		@media (min-width: 1440px){
			.esg_column_timeline {
    			width: 18%;
			}
		}
		
		@media (min-width: 1366px){
			.esg_column_timeline {
    			width: 18%;
			}
		}
		
		@media (min-width: 1440px) and (max-width: 2560px) {
			.esg_container {
				max-width: 80%;
			}
			
			.esg_timeline li {
				font-size: 1.2w;
			}
			
			.esg_timeline li::before {
				width: 6px;
				height: 6px;
			}

			.esg_timeline li.active {
				font-size: 2vw;
			}

			.esg_column_timeline {
				width: 15%;
			}
			
			.esg_column_reports {
				width: 40%;
			}
			
			.esg_timeline_container::after {
				padding: 205px 0;
			}

			.esg_column_description {
				width: 45%;
				padding: 0 0 0 40px;
				
			}

			.esg_report_card img {
				height: 25x;
				max-width: 220px;
			}

			.esg_heading {
				font-size: 2.431vw;
				line-height: 56px;
			}

			.esg_description {
				font-size: 0.903vw;
				    line-height: 1.7692307692308em;
			}

			.esg_reports_wrapper {
				gap: 4rem;
			}
		}

/* === Quarterly Reports === */ 
  
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Lato:wght@700&display=swap');

.quarterly-reports-container {
            width: 100vw;
            max-width: 100vw;
            margin-left: calc(-50vw + 50%);
            margin-right: calc(-50vw + 50%);
            padding-top: 8vh; 
            padding-bottom: 8vh; 
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
        }

	   .elementor-image-box-title {
    		font-weight: 500 !important;
			}
		.chevron-left, .chevron-right {
			width: 15px;
			height: 15px;
			border-style: solid;
			border-width: 3px 3px 0 0;
			border-color: rgba(80, 80, 80, 0.33); 
			display: inline-block;
			position: relative;
		}

		.chevron-left {
			transform: rotate(-135deg);
		}

		.chevron-right {
			transform: rotate(45deg);
		}

		.prev-slide:hover .chevron-left, 
		.next-slide:hover .chevron-right {
			border-color: rgba(80, 80, 80, 0.6); 
		}
        
        .reports-header-row {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 4.5vh; 
        }
		
		

        .reports-header {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-left: 8.33vw; 
            padding-right: 8.33vw; 
            margin: 0 auto;
            box-sizing: border-box;
        }
        
        .header-title-column {
            flex: 1;
            display: flex;
            justify-content: center;
			margin-left: 15vw;
        }
        
        .header-filter-column {
            width: auto;
            display: flex;
            justify-content: flex-end;
        }

        .reports-header h2 {
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            font-size: 2.4305555555556vw;
            color: #424242;
            margin: 0;
            text-align: center;
        }
        
        .year-filter {
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 1vw;
            padding: 10px 15px;
            border: 1px solid #8DC63F;
            border-radius: 30px;
            background-color: #fff;
            min-width: 250px;
            outline: none;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' fill='%23333'%3E%3Cpath d='M0 0h12L6 6z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 15px center;
            padding-right: 35px;
            position: relative;
            z-index: 1; 
			color: #000000;
        }
 
        body:has(.rcw-conversation-container.active) .year-filter {
            z-index: 1;
        }

        body:not(:has(.rcw-conversation-container.active)) .year-filter {
            z-index: 99999;
        }
		
		.year-filter option {
			font-size:1vw; 
			padding: 20px;
			color: #000000;
		}
        

        .year-filter option:hover,
        .year-filter option:focus,
        .year-filter option:active {
            background-color: #72BF44;
            color: white;
        }

        .reports-carousel-wrapper {
            position: relative;
            width: 100%;
            max-width: calc(100% - 4vw);
            margin: 0 auto;
            padding-left: 3.5vw;
            padding-right: 3.5vw; 
            box-sizing: border-box;
        }
        
        .reports-carousel-container {
            position: relative;
            width: 100%;
            margin: 0 auto;
        }

        .reports-carousel {
            position: relative;
            width: 100%;
        }

        .reports-carousel .slick-slide {
            padding: 0 2vw; 
            box-sizing: border-box;
        }

        .report-slide {
            box-sizing: border-box;
            width: 27.5vw;
        }
        
        .report-inner {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .report-thumbnail {
            border: 0.5px solid rgba(0, 0, 0, 0.43);
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 15px;
            width: 100%;
            padding-bottom: 142.42%; 
            margin-left: auto;
            margin-right: auto;
            position: relative;
            background-color: #f9f9f9;
            transition: all 0.3s ease;
        }
        
        .report-thumbnail img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
        }

        .report-title {
            font-family: 'Lato', sans-serif;
            font-weight: 500;
          
            color: #424242;
            text-align: center;
            margin: 1px 0px 10px !important;
			
        }
        
        .view-report-btn {
            font-family: 'Lato', sans-serif;
            font-weight: 700 !important;
            font-size: 0.9027777777777778vw !important;
            color: #424242 !important;
            background-color: transparent;
            border-bottom: none;
            text-align: center;
            padding: 5px 0;
            margin: 20px 20px 35px auto;
			text-transform: capitalize;
            max-width: fit-content;
            cursor: pointer;
            text-decoration: underline !important;
            display: block;
            transition: all 0.3s ease;
        }
        
        .view-report-btn:hover {
            opacity: 0.8;
        }

        .carousel-arrows {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
        }

        .prev-slide, .next-slide {
            position: absolute;
            top: 40%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            border-radius: 0;
            background-color: transparent;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            pointer-events: auto;
        }

        .prev-slide {
            left: 0;
        }
        
        .next-slide {
            right: 0;
        }
        
        .prev-slide:hover, .next-slide:hover {
            transform: translateY(-50%) scale(1.1);
        }
        
        .prev-slide span, .next-slide span {
            font-size: 24px;
            color: rgba(80, 80, 80, 0.33); 
            font-weight: bold;
        }
        
        .prev-slide:hover span, .next-slide:hover span {
            color: rgba(80, 80, 80, 0.6); 
        }
        
        .report-link {
            text-decoration: none;
            color: inherit;
            display: block;
        }

        .prev-slide.slick-disabled, 
        .next-slide.slick-disabled {
            opacity: 0;
            cursor: default;
            pointer-events: none;
        }

        .no-reports-message {
            text-align: center;
            padding: 20px;
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            color: #666;
            display: none;
        }

        .slick-track {
            display: flex;
            align-items: stretch;
        }
        
        .slick-slide {
            height: auto;
            float: none;
        }
        
		.slick-list {
			touch-action: pan-y !important;
			-ms-touch-action: pan-y !important;
			pointer-events: auto !important;
		}

		.slick-track {
			pointer-events: auto !important;
		}

		.report-slide {
			pointer-events: auto !important;
		}

		.report-link {
			pointer-events: auto !important;
		}

        @media (min-width: 1440px) {
            .quarterly-reports-container {
                padding-top: 8vh;
                padding-bottom: 8vh;
            }
            
            .reports-header {
                padding-left: 8.33vw;
                padding-right: 8.33vw;
            }
            
            .reports-carousel-wrapper {
                padding-left: 3.5vw;
                padding-right: 3.5vw;
            }
            
            .reports-carousel .slick-slide {
                padding: 0 2vw;
            }
            
            .report-slide {
                width: 16vw; 

            }
			.view-report-btn{
				font-size: 0.9027777777777778vw !important;
				margin: 1px auto;
				padding-top: 1vh;
				text-transform: capitalize;
          	  	text-decoration: underline !important;
				margin-bottom: 20px !important;
			}
			.report-title {
                font-size: 1.180555555555556vw !important;
				line-height:1.388888888888889em !important;
            }
			
			.year-filter {
				font-size: 0.8vw; 
				min-width: 260px;
			}
			
			.year-filter option {
				font-size:0.8vw; 
				padding: 8px;
			}
        }

        @media (min-width: 1023px) and (max-width: 1439px) {
            .quarterly-reports-container {
                padding-top: 7vh;
                padding-bottom: 7vh;
            }
            
            .reports-header {
                padding-right: 7vw;
            }
			.reports-header-row {
               margin-bottom: 3vh;
            }
			 
            .reports-carousel-wrapper {
                padding-left: 4vw;
                padding-right: 4vw;
            }
            
            .reports-carousel .slick-slide {
                padding: 0 1.8vw;
            }
            
            .report-slide {
                width: 16vw;
            }
           
            .report-title {
                font-size: 1.180555555555556vw !important;
				line-height:1.388888888888889em !important;
            }
            
			.year-filter{
				min-width: 170px;
			}
			
			.view-report-btn {
            	padding: 5px 0;
            	margin: 0px;
				align-self: center !important;
        }
        }

        @media (min-width: 767px) and (max-width: 1022px) {
            .quarterly-reports-container {
                padding-top: 6vh;
                padding-bottom: 6vh;
            }
			.reports-header-row{
				margin-bottom: 2vh;
			}
            
            .reports-header {
                padding-left: 6vw;
            }
            
            .reports-carousel-wrapper {
                padding-left: 5vw;
                padding-right: 5vw;
            }
            
            .reports-carousel .slick-slide {
                padding: 0 1.5vw;
            }
            
            .report-slide {
                width: 42vw; 
            }
            
            .reports-header h2 {
                font-size: 3.5vw;
            }
            
            .report-title {
                font-size: 3vw !important;
				line-height:1.388888888888889em !important;
                    margin: 1px 0;
            }
			.year-filter{
				font-size: 1.5vw;
				min-width: 180px;
			}
			.view-report-btn{
				font-size: 1.5vw !important;
				margin: 1px auto;
				padding-top: 1vh;
			}
			
			.year-filter option {
			font-size:1.5vw; 
			padding: 8px;
		}
        
        }

        @media (min-width: 650px) and (max-width: 766px) {
            .quarterly-reports-container {
                padding-top: 5vh;
                padding-bottom: 5vh;
				
            }
            
            .reports-header {
                padding-left: 5vw;
                padding-right: 5vw;
                flex-direction: column;
                gap: 15px;
            }
            
            .reports-carousel-wrapper {
                padding-left: 6vw;
                padding-right: 6vw;
            }
            
            .reports-carousel .slick-slide {
                padding: 0 1vw;
            }
            
            .report-slide {
                width: 70vw; 
                margin: 0 auto;
            }
            
            .header-title-column, .header-filter-column {
                width: 100%;
                justify-content: center;
            }
            
            .year-filter {
                width: 220px;
				

            }
            
            .reports-header h2 {
                font-size: 5vw;
            }
            
            .report-title {
                font-size: 3vw;
				line-height:1.388888888888889em !important;
			}
			.view-report-btn {
				font-size: 2vw;
			}
		}

		@media (max-width: 649px){
            .quarterly-reports-container {
                padding-top: 5vh;
                padding-bottom: 5vh;
            }
            
            .reports-header {
                padding-left: 5vw;
                padding-right: 5vw;
                flex-direction: column;
                gap: 15px;
            }
			
			.reports-header-row{
				    margin-bottom: 2vh;
			}
            
            .reports-carousel-wrapper {
                padding-left: 6vw;
                padding-right: 6vw;
            }
            
            .reports-carousel .slick-slide {
                padding: 0 1vw;
            }
            
            .report-slide {
                width: 70vw; 
                margin: 0 auto;
            }
            
            .header-title-column, .header-filter-column {
                width: 100%;
                justify-content: center;
				margin-left:0px;
            }
            
            .year-filter {
                width: 220px;
				font-size: 3.2vw;
            }
			.year-filter option {
				font-size: 3.2vw;
			}
			
            
            .reports-header h2 {
                font-size: 28px;
				font-weight: 500;
            }
            
            .report-title {
                font-size: 5vw !important;
				line-height:1.388888888888889em !important;
			}
			.view-report-btn {
				padding-top: 1vh;
				font-size: 13px !important;
				margin: 0 0 0 0 !important;
    			align-self: center;
			}
		}

/* === Display Country Slider === */

.slider-container[data-country-slider="true"] .swiper-button-prev,
        .slider-container[data-country-slider="true"] .swiper-button-next {
            width: 30px;
            height: 30px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            margin: 0;
            padding: 0;
        }
        .slider-container[data-country-slider="true"] .swiper-button-prev:after,
        .slider-container[data-country-slider="true"] .swiper-button-next:after {
            display: none;
        }
		.slider-container[data-country-slider="true"] { 
		width: 100%; 
	}
	.slider-container[data-country-slider="true"].hidden { 
		display: none; 
	}
	.slider-container[data-country-slider="true"] .country-slider { 
		display: none; 
	}
	.slider-container[data-country-slider="true"] .country-slider.active { 
		display: block; 
	}
	.slider-container[data-country-slider="true"] .swiper-container { 
		width: 100%; 
		height: auto; 
		overflow: hidden; 
		position: relative; 
	}
	.slider-container[data-country-slider="true"] .swiper-slide { 
		padding: 0; 
		width: 100%; 
		overflow: hidden; 
	}
	.slider-container[data-country-slider="true"] .slide-content { 
		display: flex; 
		justify-content: space-between; 
		align-items: flex-start; 
		width: 100%; 
	}
	.slider-container[data-country-slider="true"] .slide-text { 
		flex: 1; 
	}
	.slider-container[data-country-slider="true"] .slide-image { 
		flex-shrink: 0; 
	}
	.slider-container[data-country-slider="true"] .swiper-slide img { 
		width: 522px; 
		height: 475px; 
		object-fit: cover; 
	}
	.slider-container[data-country-slider="true"] .swiper-slide h3 { 
		color: #424242; 
		font-family: Poppins, sans-serif; 
		font-size: 22px; 
		font-style: normal; 
		font-weight: 600; 
		line-height: 125%; 
		margin: 30px 30px 25px 59px; 
	}
	.slider-container[data-country-slider="true"] .swiper-slide p { 
		color: #000; 
		font-family: Poppins, sans-serif; 
		font-size: 14px; 
		font-style: normal; 
		font-weight: 400; 
		line-height: 22px; 
		letter-spacing: 0.28px; 
		margin: 0 0 30px 59px; 
	}
	
	.slider-container[data-country-slider="true"] .locations-contact-link { 
		color: #060606;
		font-family: Poppins, sans-serif;
		font-size: 18px; 
		font-style: normal;
		font-weight: 700; 
		line-height: normal; 
		letter-spacing: 0.28px; 
		text-decoration: underline !important;
		display: inline-block;
		margin: 0 0 40px 59px;
	}
	
	.slider-container[data-country-slider="true"] .controls-container {
		display: flex;
		align-items: center;
		margin-left: 59px;
		margin-bottom: 20px;
        padding-top: 20px;
		z-index: 100;
	}
	
	.slider-container[data-country-slider="true"] .slide-navigation { 
		display: flex; 
		align-items: center;
		margin-right: 15px;
		font-size: 0;
	}
	.slider-container[data-country-slider="true"] .swiper-button-prev:after{
		font-size: 20px;
	}
	.slider-container[data-country-slider="true"] .swiper-button-next:after{
		font-size: 20px;
	}
	.slider-container[data-country-slider="true"] .swiper-button-next, 
	.slider-container[data-country-slider="true"] .swiper-button-prev { 
		color: #333; 
		width: 60px !important;
    	height: 20px !important;
		position: static; 
		margin-right: 10px;
		transform: none; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		margin-right: 10px !important;
		z-index: 101;
	}
	.slider-container[data-country-slider="true"] .swiper-pagination { 
		font-family: Poppins, sans-serif; 
		font-size: 12px; 
		color: #333; 
		position: relative;
		bottom: auto;
		left: auto;
		width: auto; 
		text-align: left;
		display: flex;
		align-items: center;
		height: 30px;
		z-index: 101;
	}

	.slider-container[data-country-slider="true"] .swiper-button-lock, 
	.slider-container[data-country-slider="true"] .swiper-pagination-lock {
		display: none !important;
	}

	@media (min-width: 320px) and (max-width: 422px) {
		.slider-container[data-country-slider="true"] .swiper-slide h3 { 
			font-size: 17px; 
			margin: 30px 30px 10px 0; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide p { 
			font-size: 15px; 
			line-height: 22px; 
			margin: 0 0 10px 0;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 10;
			   line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			padding-right: 0; 
		}
		.slider-container[data-country-slider="true"] .slide-content { 
			flex-direction: column; 
			align-items: flex-start; 
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			width: 100%; 
		}
		.slider-container[data-country-slider="true"] .slide-image { 
			width: 335px;
        	height: 223px;
		}
		.slider-container[data-country-slider="true"] .swiper-slide img { 
			width: 335px;
        	height: 223px;
			margin-left: 0; 
		}
		.slider-container[data-country-slider="true"] .controls-container {
			margin-left: 0;
			padding-bottom: 20px;
            padding-top: 10px;
			position: relative;
			z-index: 1000;
		}
		.slider-container[data-country-slider="true"] .swiper-pagination {
			font-size: 12px;
			line-height: 30px;
			z-index: 1001;
		}
		.slider-container[data-country-slider="true"] .locations-contact-link {
			font-size: 14px !important; 
			margin: 0 0 20px 0px; 
		}
	}

	@media (min-width: 423px) and (max-width: 568px) {
		.slider-container[data-country-slider="true"] .swiper-slide h3 { 
			font-size: 23px; 
			margin: 30px 30px 20px 0; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide p { 
			font-size: 14px;
			line-height: 1.6em;
			margin: 0 0 20px 0;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 5;
			   line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			padding-right: 0; 
		}
		.slider-container[data-country-slider="true"] .slide-content { 
			flex-direction: column; 
			align-items: flex-start; 
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			width: 100%; 
		}
		.slider-container[data-country-slider="true"] .slide-image { 
			width: 100%; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide img { 
			width: 100%; 
			margin-left: 0; 
		}
		.slider-container[data-country-slider="true"] .controls-container {
			margin-left: 0;
			padding-bottom: 20px;
            padding-top: 10px;
			position: relative;
			z-index: 1000;
		}
		.slider-container[data-country-slider="true"] .locations-contact-link {
			font-size: 14px !important; 
			margin: 0 0 20px 0px; 
		}
	}

	@media (min-width: 569px) and (max-width: 768px) {
		.slider-container[data-country-slider="true"] .swiper-slide h3 { 
			font-size: 23px; 
			margin: 30px 30px 15px 0; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide p { 
			font-size: 16px;
			line-height: 30px;
			margin: 0 0 3vh 0;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 6; 
			 line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			padding-right: 0; 
		}
		.slider-container[data-country-slider="true"] .slide-content { 
			flex-direction: column; 
			align-items: flex-start; 
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			width: 100%; 
		}
		.slider-container[data-country-slider="true"] .slide-image { 
			width: 100%; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide img { 
			width: 100%; 
			margin-left: 0; 
		}
		.slider-container[data-country-slider="true"] .controls-container {
			margin-left: 0;
			padding-bottom: 20px;
            padding-top: 10px;
			position: relative;
			z-index: 1000;
		}
		.slider-container[data-country-slider="true"] .locations-contact-link {
			 font-size: 16px !important; 
			margin: 0 0 20px 0px; 
		}
	}

	@media (min-width: 769px) and (max-width: 800px) {
		.slider-container[data-country-slider="true"] .swiper-slide h3 { 
			font-size: 18px; 
			margin: 30px 30px 20px 0; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide p { 
			font-size: 14px; 
			line-height: 24px; 
			margin: 0 0 30px 0; 
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			padding-right: 0; 
		}
		.slider-container[data-country-slider="true"] .slide-content { 
			flex-direction: column; 
			align-items: flex-start; 
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			width: 100%; 
		}
		.slider-container[data-country-slider="true"] .slide-image { 
			width: 100%; 
			margin-top: 60px; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide img { 
			width: 100%; 
			height: auto; 
			margin-left: 0; 
		}
		.slider-container[data-country-slider="true"] .controls-container {
			margin-left: 0;
			padding-bottom: 20px;
            padding-top: 10px;
			position: relative;
			z-index: 1000;
		}
		.slider-container[data-country-slider="true"] .locations-contact-link {
		margin: 0 0 20px 0px; 
		}
	}

	@media (min-width: 801px) and (max-width: 1200px) {
		.slider-container[data-country-slider="true"] .swiper-slide h3 { 
			font-size: 2.4305555555556vw;; 
			margin: 30px 30px 20px 0; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide p { 
			font-size: 0.97222222222222vw; 
			line-height: 2.0714285714286em; 
			margin: 0 0 20px 0;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			   line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			padding-right: 0; 
		}
		.slider-container[data-country-slider="true"] .slide-content { 
			flex-direction: column; 
			align-items: flex-start; 
		}
		.slider-container[data-country-slider="true"] .slide-text { 
			width: 100%; 
		}
		.slider-container[data-country-slider="true"] .slide-image { 
			width: 100%; 
			margin-top: 20px; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide img { 
			width: 100%; 
			margin-left: 0; 
		}
		.slider-container[data-country-slider="true"] .controls-container {
			margin-left: 0;
			padding-bottom: 20px;
            padding-top: 10px;
			position: relative;
			z-index: 1000;
			display: flex !important;
			visibility: visible !important;
			opacity: 1 !important;
		}
		.slider-container[data-country-slider="true"] .locations-contact-link {
			font-size: 0.9027777777777778vw !important;  
			margin: 0 0 20px 0; 
		}
	}
	
	@media (min-width: 1201px) and (max-width: 1365px){
		.slider-container[data-country-slider="true"] .slide-text { 
			position: relative;
			height: 475px;
		}
		.slider-container[data-country-slider="true"] .bottom-elements-container {
			position: absolute;
			bottom: 60px;
			left: 0;
			width: 100%;        padding-bottom: 10px;
		}
		.slider-container[data-country-slider="true"] .swiper-slide img { 
			width: 500px; 
			height: 475px; 
			object-fit: cover; 
			margin-left: 30px; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide h3 { 
			font-size: 22px; 
			margin: 30px 30px 20px 0; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide p { 
			font-size: 14px; 
			line-height: 22px; 
			margin: 0 0 30px 0; 
		}
		.slider-container[data-country-slider="true"] .slide-content { 
			flex-direction: row; 
			justify-content: space-between; 
			align-items: flex-start; 
		}
		.slider-container[data-country-slider="true"] .controls-container {
			margin-left: 0;
            padding-top: 15px;
			position: absolute;
			bottom: -50px;
		}
		.slider-container[data-country-slider="true"] .locations-contact-link {
			display: block;
			margin-bottom: 0px;
			font-size: 0.9027777777777778vw !important;
			position: relative;margin: 0 0 0 0;
		}
	}

	@media (min-width: 1366px) and (max-width: 1700px){
		.slider-container[data-country-slider="true"] .slide-text { 
			position: relative;
			height: 475px;
		}
		.slider-container[data-country-slider="true"] .bottom-elements-container {
			position: absolute;
			bottom: 60px;
			width: 100%;        
			padding-bottom: 10px;
		}
		.slider-container[data-country-slider="true"] .swiper-slide img { 
			width: 550px; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide p { 
			font-size: 14px;
    		line-height: 25px;
			margin: 0 30px 30px 0; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide h3 {
			margin: 30px 30px 25px 0; 
		}
		/*edit*/
		.slider-container[data-country-slider="true"] .locations-contact-link {
			font-size: 0.9027777777777778vw !important;  
			margin-bottom: 0px;
			position: relative;margin: 0 0 0 0;
		}
		
		.slider-container[data-country-slider="true"] .controls-container {
			margin-left: 0px;
			padding-top: 15px;
			position: absolute;
			bottom: -50px;
		}
	}
	
	@media (min-width: 1371px) and (max-width: 1700px){
	.slider-container[data-country-slider="true"] .slide-text { 
			padding-left: 30px !important;
		}
	}
	
	@media (min-width: 1701px) and (max-width: 2560px){
		.slider-container[data-country-slider="true"] .slide-text { 
			position: relative;
			height: 475px;
		}
		.slider-container[data-country-slider="true"] .bottom-elements-container {
			position: absolute;
			bottom: 60px;
			left: 25px;        
			padding-bottom: 10px;
			width: 100%;
		}
		.slider-container[data-country-slider="true"] .swiper-slide img { 
			width: 700px; 
		}
		.slider-container[data-country-slider="true"] .swiper-slide h3 { 
			font-size: 25px; 
			margin: 30px 30px 25px 25px;
		}
		.slider-container[data-country-slider="true"] .swiper-slide p { 
			font-size: 16px;
			line-height: 24px;
			margin: 0 30px 0 30px !important;
		}
		.slider-container[data-country-slider="true"] .locations-contact-link {
			font-size: 0.9027777777777778vw !important;  
			margin-bottom: 0px;
			position: relative;
			margin: 0 0 0 0;
		}
		
		.slider-container[data-country-slider="true"] .controls-container {
			margin-left: 0px;
			padding-top: 15px;
			position: absolute;
			bottom: -50px;
		}
	}

.facility-accordion .accordion-item {
    margin-bottom: 30px;
}

.accordion-title {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.50);
    font-family: Poppins, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 20px;
}

.accordion-item.active .accordion-title {
    color: #FFF;
}

.accordion-content {
    max-height: 0; 
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    padding: 0;
}

.accordion-content p {
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.28px;
    margin: 0 0 30px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.country-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 21px 20px;
}

.country-button {
    background: none;
    border: none;
    padding: 5px 0;
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
}

.country-button.active {
    font-weight: 600;
    color: #FFF;
    text-decoration: underline;
}

@media (max-width: 1400px) {
    .accordion-title {
        font-size: 25px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .accordion-title {
        font-size: 2.4305555555556vw;
        line-height: 1.0889em;
    }
    .accordion-content p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (min-width: 325px) and (max-width: 768px) {
    .accordion-title {
        font-size: 20px;
        line-height: 20px;
    }
    .accordion-content p {
        font-size: 15px;
        line-height: 22px;
    }
    .country-button {
        font-size: 16px;
        line-height: 12px;
    }
}

@media (min-width: 325px) and (max-width: 1024px){
    .accordion-content {
    max-height: 0;
    overflow: hidden; 
    transition: max-height 0.1s;
    padding: 0;
    }
}

/* === Why US Section === */

.haycarb-why-choose-us {
        padding: 5vh 4vw;
        position: relative;
        width: 100%;
        justify-items: anchor-center;
    }
        
    .haycarb-why-choose-us .hcu-desktop-layout {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .haycarb-why-choose-us .hcu-desktop-left {
        width: 50%;
        padding-right: 30px;
        padding-left: 3vw;
        text-align: left;
    }
    
    .haycarb-why-choose-us .hcu-desktop-right {
        width: 50%;
    }
    
    @media (min-width: 1300px) and (max-width: 2560px) {
        .haycarb-why-choose-us .hcu-desktop-right {
            width: 45%;
            margin-left: 2vw;
        }
    }
    
    @media (min-width: 576px) {
        .haycarb-why-choose-us .container, 
        .haycarb-why-choose-us .container-sm {
            max-width: 100%;
        }
    }
		
		@media (min-width: 1400px) {
			.haycarb-why-choose-us .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
				max-width: 100% !important;
			}
		}
    
    .haycarb-why-choose-us .hcu-mobile-layout {
        display: none;
        flex-direction: column;
    }
    
    .haycarb-why-choose-us .hcu-mobile-top {
        text-align: center;
        margin-bottom: 30px;
    }
    
    .haycarb-why-choose-us .hcu-mobile-bottom {
        text-align: center;
    }
    
    .haycarb-why-choose-us h3 {
        font-size: 3.125vw;
        line-height: 3.4028vw;
        margin-bottom: 2vh;
        font-weight: 600;
        color: #424242;
    }
    
    .haycarb-why-choose-us p {
        font-size: 1.25vw;
        line-height: 2.2vw;
        font-weight: 400;
        margin-bottom: 2vh;
    }
    
    .haycarb-why-choose-us .hcu-outline-btn {
        position: relative;
        width: fit-content;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 3.472vw;
        padding: 1vw 3vw;
        font-style: normal;
        font-weight: 600;
        font-size: 0.972vw;
        line-height: 1.458vw;
        letter-spacing: 0.02em;
        color: black !important;
        border: 0.139vw solid #72BF44;
        border-radius: 6.944vw;
        z-index: 9;
        overflow: hidden;
        text-decoration: none;
        transition: color 0.3s ease-in-out;
		text-transform: capitalize;

    }
    
    .haycarb-why-choose-us .hcu-outline-btn::after {
        background-color: #72BF44;
        border-radius: 6.944vw;
        content: '';
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transform: translate(-100%, 0) rotate(10deg);
        transform-origin: top left;
        transition: transform 0.2s ease-out;
        will-change: transform;
        z-index: -1;
    }
    
    .haycarb-why-choose-us .hcu-outline-btn:hover {
        color: white !important;
    }
    
    .haycarb-why-choose-us .hcu-outline-btn:hover::after {
        transform: translate(0, 0);
    }
    
    .haycarb-why-choose-us .carousel-container {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%; 
        margin: auto;
    }
    
    .haycarb-why-choose-us .carousel-icons {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
    }
    
    .haycarb-why-choose-us .carousel-icons div.icon {
        position: absolute;
        width: 4.7222vw;
        height: 4.7222vw;
        border-radius: 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        box-shadow: 0 0.2vw 0.4vw rgba(0,0,0,0.1);
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        z-index: 5;
        cursor: pointer;
        opacity: 0.7;
    }
    
    .haycarb-why-choose-us .carousel-icons div.icon.active {
        transform: scale(1.2);
        box-shadow: 0 0.3vw 0.6vw rgba(0,0,0,0.2);
        opacity: 1;
    }
    
    .haycarb-why-choose-us .carousel-slide {
        position: absolute;
        width: 24.3056vw;
        height: 24.3056vw;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }
    
    .haycarb-why-choose-us .carousel-slide.active {
        display: flex;
    }
    
    .haycarb-why-choose-us .slide-inner {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .haycarb-why-choose-us .slide-inner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .haycarb-why-choose-us .si-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 2vw;
        text-align: center;
        color: #fff;
        background: rgba(0,0,0,0.4);
    }
    
    .haycarb-why-choose-us .si-content h3 {
        font-size: 1.5vw;
        line-height: 1.8vw;
        margin-bottom: 0.5vw;
        font-weight: 600;
        color: #fff;
    }
    
    .haycarb-why-choose-us .si-content p {
        font-size: 1vw;
        line-height: 1.3vw;
        margin: 0;
    }
    
    .haycarb-why-choose-us .ellipse-img {
        position: absolute;
        width: 90%;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    @media (max-width: 767px) {
        .haycarb-why-choose-us {
            padding: 40px 0;
        }
        
        .haycarb-why-choose-us .hcu-desktop-layout {
            display: none;
        }
        
        .haycarb-why-choose-us .hcu-mobile-layout {
            display: flex;
        }
        
        .haycarb-why-choose-us .hcu-mobile-top .hcu-outline-btn {
            height: auto;
            padding: 8px 20px;
            line-height: 5vw !important;
            border-width: 2px;
            width: 30%;
            font-size: 3vw;
        }
        
        .haycarb-why-choose-us h3 {
            font-size: 6vw !important;
            line-height: 7vw !important;
        }
        
        .haycarb-why-choose-us p {
            font-size: 3.5vw !important;
            line-height: 5vw !important;
            padding: 0 10vw;
        }
        
        .haycarb-why-choose-us .carousel-icons div.icon {
            width: 10vw;
            height: 10vw;
        }
        
        .haycarb-why-choose-us .carousel-slide {
            width: 60vw;
            height: 60vw;
        }
        
        .haycarb-why-choose-us .slide-inner .si-content {
            padding-top: 10vw;
            padding-left: 5vw;
            padding-right: 5vw;
        }
        
        .haycarb-why-choose-us .slide-inner .si-content h3 {
            font-size: 4vw;
            line-height: 5vw;
        }
        
        .haycarb-why-choose-us .slide-inner .si-content p {
            font-size: 2.5vw;
            line-height: 3.5vw;
        }
    }

/* === Innovation Section === */

:root {
          --vh: 1vh;
          --vw: 1vw;
        }

        .innovations-wrap {
/*           padding: 3.47vw 7.08vw; */
			padding-bottom: 3.47vw;
          width: 100%;
          position: relative;
          overflow: hidden;
          text-align: center;
          border: none;
          outline: none;
          box-shadow: none;
          justify-items: center;
        }
		
		.innovations-wrap .row {
			z-index: 0 !important;
		}
        .innovations-wrap .content-container {
          width: 100%;
          max-width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
        }
		
		@media (min-width: 576px) {
			.innovations-wrap .container, .container-sm {
				max-width: 100%;
			}
		}
		
        .innovations-wrap span.tagline {
          display: block;
          font-style: normal;
          font-weight: 400;
          font-size: 1.81vw;
          line-height: 3.33vw;
          color: #000000;
          margin-bottom: 2.15vw;
          text-align: center;
        }

        .innovations-wrap h2 {
          display: block;
          font-style: normal;
          font-weight: 700;
          font-size: 8.33vw;
          line-height: 7.36vw;
          text-transform: uppercase;
          margin-bottom: 2.2vw;
          margin-top: 2.2vw;
          position: relative;
          color: transparent;
          background: url('https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/innotxt-1.jpg') no-repeat center;
          -webkit-background-clip: text;
          background-clip: text;
          animation: slideText 2s ease-in-out infinite alternate;
          text-align: center;
          width: 100%;
        }

        .innovations-wrap h2.parallax-text {
          display: block;
          font-style: normal;
          font-weight: 700;
          font-size: 8.33vw;
          line-height: 7.36vw;
          text-transform: uppercase;
          margin-bottom: 2.29vw;
          position: relative;
          color: transparent;
          background: url('https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/innotxt-1.jpg') no-repeat center;
          -webkit-background-clip: text;
          background-clip: text;
          background-attachment: fixed;
          background-position: center;
          background-size: cover;
          transition: background-position 0.1s linear;
          text-align: center;
        }

        @keyframes slideText {
          0% {
            background-position: center bottom;
          }
          100% {
            background-position: center top;
          }
        }
		
		@media (min-width: 1400px) {
			.innovations-wrap .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
				max-width: 100% !important;
			}
		}
        .innovations-wrap p {
          font-style: normal;
          font-weight: 400;
          font-size: 1.25vw;
          line-height: 2.5vw;
          color: #424242;
          margin-bottom: 2.5vw;
          margin-top: 2.5vw;
          margin-left: auto;
          margin-right: auto;
          max-width: 85%;
          text-align: center;
        }
        
        .innovations-wrap h4 {
          font-style: normal;
          font-weight: 500;
          font-size: 1.8vw;
          line-height: 3vw;
          color: #424242;
          margin-bottom: 2.64vw;
          text-align: center;
        }

        .innovations-wrap .btn-container {
          display: flex;
          justify-content: center;
          width: 100%;
        }

        a.outline-btn {
          position: relative;
          display: inline-flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          height: 3.472vw;
          padding: 0.694vw 1.389vw;
          font-style: normal;
          font-weight: 600;
          font-size: 0.972vw;
          line-height: 1.458vw;
          letter-spacing: 0.02em;
          color: black !important;
          border: 0.139vw solid #72BF44;
          border-radius: 6.944vw;
          z-index: 9;
          overflow: hidden;
          text-decoration: none;
          transition: color 0.3s ease-in-out;
          margin: 0 auto;
		  text-transform: capitalize;
        }

        a.outline-btn::after {
          background-color: #72BF44;
          border-radius: 6.944vw;
          content: '';
          display: block;
          height: 100%;
          width: 100%;
          position: absolute;
          left: 100;
          top: 0;
          transform: translate(-100%, 0) rotate(10deg);
          transform-origin: top left;
          transition: transform 0.2s ease-out;
          will-change: transform;
          z-index: -1;
        }

        a.outline-btn:hover {
          color: white !important;
        }

        a.outline-btn:hover::after {
          transform: translate(0, 0);
			border: none;
        }

		@media (max-width: 450px) {
			.innovations-wrap .row {
				margin-left: 0 !important;
			}
			
          .innovations-wrap p {
            font-size: 3.5vw !important;
            line-height: 5vw !important;
          }
          
          .innovations-wrap h4 {
            font-size: 3.9vw !important;
            line-height: 5vw !important;
          }
          
          .innovations-wrap {
            padding: 0vw 5vw;
          }
          
          .innovations-wrap h2.parallax-text {
            line-height: 15.36vw;
          }
          
          a.outline-btn {
				height: auto;
				padding: 8px 20px;
				line-height: 5vw !important;
				border-width: 2px;
				width: 55%;
				font-size: 3vw !important;
			}
        }
		
        @media (min-width: 450px) and (max-width: 767px) {
          .innovations-wrap {
            padding: 0vw 6vw !important;
          }
          .innovations-wrap h4 {
            font-size: 3.1vw !important;
            line-height: 3.5vw !important;
          }
          .innovations-wrap p {
            font-size: 3vw !important;
            line-height: 5vw !important;
          }
          a.outline-btn {
            height: auto !important;
            padding: 6px 20px !important;
            font-size: 2.5vw !important;
            line-height: 5vw !important;
            border-width: 2px !important;
          }
        }

        @media (max-width: 767px) {
          .innovations-wrap h4.we-embody {
            font-size: 5vw !important;
          }
        }

        @media (min-width: 768px) and (max-width: 1023px) {
          .innovations-wrap {
            padding: 0vw 6vw !important;
          }
          .innovations-wrap p {
            font-size: 1.5vw !important;
            line-height: 3vw !important;
          }
          
          a.outline-btn {
            height: auto;
            padding: 15px 15px !important;
            font-size: 1.5vw !important;
            line-height: 0.8 !important;
            border-width: 2px;
			  z-index: 5;
          }
        }

        @media (min-width: 1024px) and (max-width: 1439px) {
          .innovations-wrap {
            padding: 0vw 6.5vw !important;
          }
          .innovations-wrap p {
            font-size: 1.5vw !important;
            line-height: 2.5vw !important;
          }
        }

        @media (min-width: 1920px) and (max-width: 2559px) {
          .innovations-wrap {
            padding: 0px 136px;
          }
          .innovations-wrap p {
            font-size: 1.25vw;
            line-height: 2.2vw;
            font-weight: 400;
          }
        }

        @media (min-width: 2560px) {
          .innovations-wrap {
            padding: 90px 180px;
          }
        }

/* === Nature Wrap === */

.nature-wrap {
            display: flex;
            place-self: center;
            width: 90%;
            padding-left: 6.943vw;
            padding-right: 6.943vw;
            padding: 5vh;
        }
        
        .nature-wrap .content-container {
            display: flex;
            align-items: center;
            margin: 0 auto;
        }
        
        .nature-wrap .icon-container img {
            width: auto;
            height: auto;
            margin-right: 2vw;
        }
        
        .nature-wrap .text-container h2 {
            font-weight: 600;
            font-size: 3.125vw;
            line-height: 3.4028vw;
            color: #424242;
            margin-bottom: 8px;
            text-align: left;
        }
        
        .nature-wrap .text-container h2 .green-text {
            color: #71BF44;
        }
        
        .nature-wrap .text-container p {
            font-weight: 400;
            font-size: 1.25vw;
            line-height: 2.2vw;
            color: #666;
            margin: 0;
            text-align: left;
        }
        
        .nature-wrap .heading img {
            margin-right: 3.6111vw;
        }
        
        @media (min-width: 426px) {
            .nature-wrap .text-container h2 br {
                display: inline;
            }
        }
        
        @media (max-width: 425px) {
            .nature-wrap .content-container {
                flex-direction: row;
                text-align: center;
                padding: 0 30px;
            }
            
            .nature-wrap .icon-container {
                margin-right: 5vw;
            }
            
            .nature-wrap .text-container h2 {
                font-size: 5vw !important;
                line-height: 6vw !important;
            }
            
            .nature-wrap .text-container h2 br {
                display: none;
            }
            
            .nature-wrap .text-container p {
                font-size: 2.5vw !important;
                line-height: 3vw !important;
            }
            
            .nature-wrap {
                width: auto;
                padding-left: 0vw;
                padding-right: 0vw;
            }
        }
		@media (min-width: 1920px) and (max-width: 2560px) {
            .nature-wrap {
                padding: 15vh !important
			}
		}
        
        @media (min-width: 426px) and (max-width: 767px) {
            .nature-wrap .content-container {
                flex-direction: row;
                text-align: center;
            }
            
            .nature-wrap .icon-container {
                margin-right: 5vw;
            }
            
            .nature-wrap .text-container h2 {
                font-size: 5vw !important;
                line-height: 6vw !important;
            }
            
            .nature-wrap .text-container p {
                font-size: 3vw !important;
                line-height: 3.5vw !important;
            }
        }

/* === Benificiary Wrap === */ 
.beneficiary-wrap {
            width: 100%;
            padding: 4rem 0 0 0;
            justify-items: center;
        }
		
		@media (min-width: 576px) {
			.beneficiary-wrap .container, .container-sm {
				max-width: 100%;
			}
		}
		
        .beneficiary-wrap .counter {
            display: flex;
            align-items: center;
            justify-content: center;
            justify-items: center;
        }
        
        .beneficiary-wrap h3 {
            position: absolute;
            width: 100%;
            max-width: 49.3056vw;
            font-style: normal;
            font-weight: 600;
            font-size: 1.7361vw;
            line-height: 2.2917vw;
            color: #424242;
        }
        
        .beneficiary-wrap p {
            width: 100%;
            font-style: normal;
            font-weight: 500;
            font-size: 0.9722vw!important;
            line-height: 1.7361vw;
            color: #424242;
			
            margin: 0 auto 4.7222vw;
        }
        
        .beneficiary-wrap .description {
            color: #424242;
            text-align: center;
            font-family: "Poppins", sans-serif;
            font-size: 0.8854vw; 
            font-style: normal;
            font-weight: 400;
            line-height: 1.5104vw;
            padding-left: 2vw;
            padding-right: 2vw;
            margin: 0 auto;
        }
        
        @media (max-width: 1919px) {
            .beneficiary-wrap h3 {
                font-size: 22px;
                line-height: 30px;
            }
            
            .beneficiary-wrap p {
                font-size: 16px;
                line-height: 26px;
            }
            
            .beneficiary-wrap .description {
                font-size: 16px; 
                line-height: 26px;
            }
        }
        
        @media (min-width: 1920px) and (max-width: 2559px) {
            .beneficiary-wrap h3 {
                max-width: 1920px;
                font-size: 28px !important;
                line-height: 44px;
            }
            
            .beneficiary-wrap p {
                max-width: 1920px;
                font-size: 22px;
                line-height: 33px;
                margin-bottom: 90px;
            }
            
            .beneficiary-wrap .counter {
                font-size: 3rem !important;
                padding: 20px;
            }
            
            .beneficiary-wrap .description {
                font-size: 0.8854vw; 
                line-height: 1.5104vw;
            }
        }
		
  		@media (min-width: 1400px) {
			.beneficiary-wrap .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
				max-width: 100% !important;
			}
		}
        /* Disable on mobile (≤425px) */
        @media (max-width: 425px) {
            .beneficiary-wrap {
                display: none; 
            }
        }
		@media (min-width: 768px) and (max-width: 1024px) {
		.beneficiary-wrap .description {
			    padding-top: 2vw;
				max-width: 80%;
			}
		}

/* === Lives Wrap === */ 

.lives-wrap {
      margin-bottom: 9.0278vw;
      width: 100%;
		justify-items: center;
		
    }
		@media (min-width: 576px) {
			 .lives-wrap .container, .container-sm {
				max-width: 100%;
			}
		}
		@media (min-width: 1920px) and (max-width: 2560px){
			.lives-wrap{
				padding-left: 10vh;
				padding-right: 10vh;
			}
			.img-fluid{
				    width: 100%;
			}
		}
		
		@media (min-width: 1400px) {
			.lives-wrap .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
				max-width: 100% !important;
			}
		}
    
    .nav-tabs .nav-item.show .nav-link, 
    .nav-tabs .nav-link.active {
      border-color: transparent;
    }
	
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: transparent !important;
    background-color:transparent !important;
    border-color: transparent !important;
}
    
    .nav {
      flex-wrap: nowrap !important;
    }
    
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      border-color: transparent;
    }
    
.tab-icon {
    width: 6vw;
    height: 6vh;
    max-width: 300px;
}

.nav-tabs .nav-item.show .nav-link img, 
.nav-tabs .nav-link.active img {
    transform: scale(1.2); 
    transition: transform 0.3s ease-in-out;
}	
		
button#nav-4-tab img.tab-icon,
button#nav-6-tab img.tab-icon {
    width: 7.5vw; 
    max-width: 300px;
}


.nav-tabs .nav-item.show .nav-link img, 
.nav-tabs .nav-link.active img {
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}


button#nav-4-tab.active img.tab-icon,
button#nav-6-tab.active img.tab-icon {
    transform: scale(1.4); 
}		
    .nav-tabs {
      border-bottom: none;
      width: 100%;
		 --bs-nav-tabs-border-color: transparent !important;
    }
    
    .nav-tabs .nav-link {
      width: 16.67%;
    }
   
    .nav-tabs .nav-link span {
	  padding-top:1vh;
      font-style: normal;
      font-weight: 600;
      font-size: 1.1111vw;
      line-height: 1.3889vw;
      text-transform: capitalize;
      color: #424242;
    }
    
    .nav-tabs .nav-link img {
      margin: 0 auto 0.9028vw;
    }
    
    .nav-tabs .nav-item.show .nav-link img, 
    .nav-tabs .nav-link.active img {
      transform: scale(1.4);
      transition: transform 0.3s ease-in-out;
    }
    
    .tab-icon {
      transition: opacity 0.3s ease-in-out;
    }
    
    #nav-tabContent {
      margin-top: 6.9444vw;
      width: 100%;
    }
		
		.row {
    display: flex !important
;
}
    
    .tab-content h3 {
      font-style: normal;
      font-weight: 600;
      font-size: 2.0833vw;
      line-height: 2.0833vw;
      color: #222221;
      margin-bottom: 0.6944vw;
    }
    
    .highlight p {
      font-style: normal;
      font-weight: 600;
      font-size: 1.3194vw;
      line-height: 2.0833vw;
      color: #424242;
      max-width: 43.75vw;
      margin-bottom: 2.2917vw;
    }
    
    .tab-content p:not(.highlight p) {
      font-style: normal;
      font-weight: 400;
      font-size: 0.9028vw;
      line-height: 1.6667vw;
      letter-spacing: 0.02em;
      color: #000000;
    }
    
    .project-description {
      display: -webkit-box;
      -webkit-line-clamp: 13;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-height: calc(1.6667vw * 13); /* line-height * number of lines */
      text-overflow: ellipsis;
    }
    
    .single-feature {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 2vw 1.25vw;
      background: #F6F6F6;
      border-radius: 0.6944vw;
      height: 10.7639vw;
      margin-bottom: 1.3889vw;
      text-align: center;
    }
    
    .single-feature h4 {
      font-style: normal;
      font-weight: 500;
      font-size: 0.9722vw;
      line-height: 1.3889vw;
      text-align: center;
      letter-spacing: 0.02em;
      color: #222221;
      margin-top: 0.5vw;
    }
    
    .single-feature .counter {
      font-style: normal;
      font-weight: 500;
      font-size: 2.0833vw;
      line-height: 141%;
      color: #5D718C;
      display: block;
    }
    
    .single-feature .counter.first-tab-active {
      color: #775331;
    }
    
    .header-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }
    
    .header-row h3 {
      margin-bottom: 0;
    }
    
    .header-row .button {
      margin-left: -18vw !important;
    }
    
    .lives-wrap a.outline-btn {
      position: relative;
      display: inline-flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      height: 3.472vw;
      padding: 0.694vw 3vw;
      font-style: normal;
      font-weight: 600;
      font-size: 0.972vw;
      line-height: 1.458vw;
      letter-spacing: 0.02em;
      color: black !important;
//    border: 0.139vw solid #72BF44;
      border-radius: 6.944vw;
      z-index: 9;
      overflow: hidden;
      text-decoration: none;
      transition: color 0.3s ease-in-out;	margin-right: 0vw !important;
    }
    
    .lives-wrap a.outline-btn::after {
      background-color: #72BF44;
      border-radius: 6.944vw;
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      transform: translate(-100%, 0) rotate(10deg);
      transform-origin: top left;
      transition: transform 0.2s ease-out;
      will-change: transform;
      z-index: -1;	margin-right: 2vw !important;
    }
    
    a.outline-btn:hover {
      color: white !important;
    }
		
	.nav-tabs .nav-link,
	.nav-tabs .nav-link:hover,
	.nav-tabs .nav-link:focus,
	.nav-tabs .nav-link:active,
	.nav-tabs .nav-link:focus-visible,
	.nav-tabs .nav-link:focus-within {
	  border: none !important;
	  outline: none !important;
	  box-shadow: none !important;
	}


	.nav-tabs .nav-link img,
	.nav-tabs .nav-link img:hover,
	.nav-tabs .nav-link img:focus,
	.nav-tabs .nav-link img:active,
	.nav-tabs .nav-link img:focus-visible,
	.nav-tabs .nav-link img:focus-within {
	  border: none !important;
	  outline: none !important;
	  box-shadow: none !important;
	}

    a.outline-btn:hover::after {
      transform: translate(0, 0);
    }


    .nav-arrows {
      display: flex;
      gap: 2vw;
      margin-top: 0.5vw;
    }
		
    
    .nav-arrow {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .nav-arrow svg {
      width: 43.857147216796875px;
      height: 19.5px;
    }
    
    .nav-arrow:hover svg path {
      opacity: 1;
    }
    
    .nav-arrow.disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
    
    @media (max-width: 767px) {
      .lives-wrap {
        display: none;
      }
    }

img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Haritha-Angara-1.webp"],
img[alt="Haritha Angara"] {
    height: 33vw;
    width: 100%;
    object-fit: cover;
}

img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Puritas-sath-diyawara.webp"],
img[alt="Puritas Sath Diyawara"] {
    height: 33vw;
    width: 100%;
    object-fit: cover;
}

img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Behold-the-turtle.webp"],
img[alt="Behold the Turtle"] {
    height: 33vw;
    width: 100%;
    object-fit: cover;
}

img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Coconut-tree-planting.webp"],
img[alt="Coconut Tree Planting"] {
    height: 33vw;
    width: 100%;
    object-fit: cover;
}

img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Health-sector-support.webp"],
img[alt="Health Sector Support"],
img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/School-mid-day-meal-programme.webp"],
img[alt="School mid-day meal programme"] {
    height: 33vw;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 1680px) {
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Haritha-Angara-1.webp"],
img[alt="Haritha Angara"] {
        height: 32.8vw;
    }
    
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Puritas-sath-diyawara.webp"],
    img[alt="Puritas Sath Diyawara"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Behold-the-turtle.webp"],
    img[alt="Behold the Turtle"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Coconut-tree-planting.webp"],
    img[alt="Coconut Tree Planting"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Health-sector-support.webp"],
    img[alt="Health Sector Support"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/School-mid-day-meal-programme.webp"],
    img[alt="School mid-day meal programme"] {
        height: 32.8vw;
    }
}

@media (max-width: 1577px) {
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Haritha-Angara-1.webp"],
img[alt="Haritha Angara"]  {
        height: 32.9vw;
    }
    
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Puritas-sath-diyawara.webp"],
    img[alt="Puritas Sath Diyawara"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Behold-the-turtle.webp"],
    img[alt="Behold the Turtle"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Coconut-tree-planting.webp"],
    img[alt="Coconut Tree Planting"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Health-sector-support.webp"],
    img[alt="Health Sector Support"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/School-mid-day-meal-programme.webp"],
    img[alt="School mid-day meal programme"] {
        height: 32.9vw;
    }
}

@media (max-width: 1440px) {
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Haritha-Angara-1.webp"],
img[alt="Haritha Angara"] {
        height: 32.8vw;
    }
    
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Puritas-sath-diyawara.webp"],
    img[alt="Puritas Sath Diyawara"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Behold-the-turtle.webp"],
    img[alt="Behold the Turtle"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Coconut-tree-planting.webp"],
    img[alt="Coconut Tree Planting"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Health-sector-support.webp"],
    img[alt="Health Sector Support"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/School-mid-day-meal-programme.webp"],
    img[alt="School mid-day meal programme"] {
        height: 32.8vw;
    }
}

@media (max-width: 1366px) {
     img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Haritha-Angara-1.webp"],
img[alt="Haritha Angara"] {
        height: 33vw;
    }
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Puritas-sath-diyawara.webp"],
    img[alt="Puritas Sath Diyawara"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Behold-the-turtle.webp"],
    img[alt="Behold the Turtle"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Coconut-tree-planting.webp"],
    img[alt="Coconut Tree Planting"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Health-sector-support.webp"],
    img[alt="Health Sector Support"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/School-mid-day-meal-programme.webp"],
    img[alt="School mid-day meal programme"] {
        height: 33vw;
    }
}

@media (max-width: 1280px) {
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Haritha-Angara-1.webp"],
img[alt="Haritha Angara"] {
        height: 32.8vw;
        width: 100%;
        object-fit: cover;
    }
    
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Puritas-sath-diyawara.webp"],
    img[alt="Puritas Sath Diyawara"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Behold-the-turtle.webp"],
    img[alt="Behold the Turtle"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Coconut-tree-planting.webp"],
    img[alt="Coconut Tree Planting"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/Health-sector-support.webp"],
    img[alt="Health Sector Support"],
    img[src="https://haycarb-test.hayflex.com/wp-content/uploads/2025/03/School-mid-day-meal-programme.webp"],
    img[alt="School mid-day meal programme"] {
        height: 32.8vw;
        width: 100%;
        object-fit: cover;
    }
}

/* === Hero Section === */ 

:root {
      --vh: 1vh;
      --vw: 1vw;
    }
    @media (min-width: 576px) {
    .container, .container-sm {
        max-width: 100% !important;
    }
}
    .hero-wrap {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 110vh !important;
    }
    
    .hero-wrap .hero-carousel {
        position: relative;
        width: 100%;
        height: 110vh; 
        overflow: hidden;
    }
    
    .hero-wrap .hero-single-wrap {
        width: 100%;
        height: 110vh; 
        position: relative;
    }
    
    .hero-wrap .hero-single-wrap img {
        width: 100%;
        height: 110vh; 
        object-fit: cover;
        object-position: center;
        display: block;
    }
    
    .hero-wrap .container {
        position: absolute;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        z-index: 2;
        margin: 0 auto;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .hero-wrap h2 {
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      font-size: 1.229vw;
      line-height: 1.3;
      color: #FFFFFF;
      text-align: center;
      margin-bottom: 0px;
      margin-top: 0px;
    }
    
    .hero-wrap p {
      font-family: "Poppins", sans-serif;
      font-weight: 300;
      font-size: 0.5vw; 
      line-height: 1.6;
      color: #FFFFFF;
      text-align: center;
      padding-bottom: 60vh;
      padding-top: 2vh;
    }
    
    .hero-wrap .owl-dots {
      position: absolute;
      width: 100%;
      bottom: 25vh;
      text-align: center;
      z-index: 3;
    }
        
    .hero-wrap .owl-carousel .owl-dots button.owl-dot span {
        display: inline-block;
        width: 5vw;
        max-width: 87px;
        height: 1.5px;
        border: 1px solid #FFFFFF;
        margin: 0 5px;
    }

    .hero-wrap .owl-carousel .owl-dots button.owl-dot.active span {
        border: 2px solid #83C343;
    }

    .hero-wrap .bottom-wave {
      position: absolute;
      bottom: -1vh;
      left: 0;
      width: 100%;
      z-index: 1;
      display: block;
    }
    
    .hero-wrap .mobile-divider {
      position: absolute;
      bottom: -1vh;
      left: 0;
      width: 100%;
      z-index: 1;
      display: none;
    }

    .hero-wrap .hero-button-wrapper {
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 9;
        display: none;
    }

    .hero-wrap .hero-cta-button {
        position: relative;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 3.472vw;
        padding: 0.694vw 1.389vw;
        font-style: normal;
        font-weight: 600;
        font-size: 0.972vw;
        line-height: 1.458vw;
        letter-spacing: 0.02em;
        color: #FFFFFF !important;
        background-color: #8dc63f;
        border-radius: 6.944vw;
        text-decoration: none;
        transition: all 0.3s ease-in-out;
    }

    .hero-wrap .hero-cta-button:hover {
        background-color: #7bb336;
        color: #FFFFFF !important;
        text-decoration: none;
    }
        
    @media (min-width: 320px) and (max-width: 767px) {
        .hero-wrap .owl-dots {
            bottom: 25vh;
        }        
        .hero-wrap p {
            font-size: 3vw !important;
            padding-bottom: 70vh;
            padding-top: 1vh;
        }
        .hero-wrap h2 {
            font-size: 4.5vw;
        }
        .hero-wrap .hero-button-wrapper {
            bottom: 15vh;
        }
        .hero-wrap .mobile-divider {
            display: block;
        }
        .hero-wrap .bottom-wave {
            display: none;
        }
    }
        
    @media (min-width: 768px) and (max-width: 1439px) {
        .hero-wrap .owl-dots {
            bottom: 25vh;
        }        
        .hero-wrap p {
            font-size: 1.8vw;
            padding-bottom: 70vh;
            padding-top: 1vh;
        }
        .hero-wrap h2 {
            font-size: 3vw;
        }
    }
		
	@media (min-width: 1200px) and (max-width: 1366px) {
        .hero-wrap .owl-dots {
            bottom: 40vh;
        }        
		
        .hero-wrap p {
            font-size: 1.8vw;
            padding-bottom: 70vh;
            padding-bottom: 110vh;
        }
		
        .hero-wrap h2 {
            font-size: 3vw;
        }
		
		.hero-wrap {
            height: 130vh !important; 
        }

        .hero-wrap .hero-carousel {
            height: 130vh !important;
        }

        .hero-wrap .hero-single-wrap {
            height: 130vh !important;
        }

        .hero-wrap .hero-single-wrap img {
            height: 130vh !important; 
        }
    }

    @media (min-width: 1440px) and (max-width: 2560px) {
      .hero-wrap .owl-dots {
          bottom: 45vh; 
        }
		
        .hero-wrap .container, 
        .hero-wrap .container-lg, 
        .hero-wrap .container-md, 
        .hero-wrap .container-sm, 
        .hero-wrap .container-xl, 
        .hero-wrap .container-xxl {
            max-width: 100% !important;
        }
		
        .hero-wrap p {
            font-size: 1.5vw;
            padding-bottom: 140vh;
        }
        .hero-wrap h2 {
            font-size: 3vw;
        }
        .hero-wrap {
            height: 140vh !important; 
        }

        .hero-wrap .hero-carousel {
            height: 140vh !important;
        }

        .hero-wrap .hero-single-wrap {
            height: 140vh !important;
        }

        .hero-wrap .hero-single-wrap img {
            height: 140vh !important; 
        }
    }
    
    @media (max-width: 500px) {
        .hero-wrap .hero-button-wrapper {
            display: block;
            bottom: 15vh;
        }

        .hero-wrap .hero-cta-button {
            height: 10vw;
            padding: 2vw 12vw;
            font-size: 3.5vw;
            line-height: 4vw;
            border-radius: 15vw;
        }
    }
    
    @supports (-webkit-touch-callout: none) {
      .hero-wrap { 
        height: 100vh; 
        height: -webkit-fill-available; 
      }
    }

/* === AC Wrap === */ 

.ac-wrap {
      position: relative;
      width: 100%;
      padding-top: 8vw;
      height: auto !important;
    }

    .ac-wrap h3 {
      font-style: normal;
      font-weight: 600;
      font-size: 2.5vw;
      line-height: 3.25vw;
      letter-spacing: 0.02em;
      color: #424242;
      width: 100%;
      max-width: 31.042vw;
      margin-bottom: 2.708vw;
      z-index: 20;
      position: relative;
		margin-left: 10vw;
    }

    .ac-wrap p {
      font-style: normal;
      font-weight: 400;
      font-size: 1.25vw;
      line-height: 2.2vw;
      text-align: right;
      letter-spacing: 0.02em;
      color: #000000;
      margin-left: auto;
      margin-bottom: 10vh;
      margin-top: -15vh;
      z-index: 20; 
      position: relative;
		
    }
	  .ac-wrap .row {
		  z-index: 1;
	  }
	  
    .ac-wrap a.outline-btn {
  position: relative;
  /*background-color: #fff;*/
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 3.472vw;
  padding: 0.694vw 3vw;
  font-style: normal;
  font-weight: 600;
  font-size: 0.972vw;
  line-height: 1.458vw;
  letter-spacing: 0.02em;
  color: black !important;
  border: 0.139vw solid #72BF44;
  border-radius: 6.944vw;
  z-index: 20; 
  overflow: hidden;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
  margin-left: 10vw !important;
  box-sizing: border-box; /* Added for consistent sizing */
}

.ac-wrap a.outline-btn::after {
  background-color: #72BF44;
  border-radius: 6.944vw;
  content: '';
  display: block;
  height: calc(100% + 0.278vw); /* Increased height to cover border */
  width: calc(100% + 0.278vw);  /* Increased width to cover border */
  position: absolute;
  left: -0.139vw;               /* Offset to align with outer edge of border */
  top: -0.139vw;                /* Offset to align with outer edge of border */
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: transform 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}


    .ac-wrap a.outline-btn:hover {
      color: white !important;
    }

    .ac-wrap a.outline-btn:hover::after {
      transform: translate(0, 0);
    }
    
    .container, .container-fluid {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
    }

    .ac-wrap:before {
      content: '';
      position: absolute;
      left: 0;
      top: -18.75vw;
      width: 34.306vw;
      height: 28.403vw;
      background: url('<?php echo get_stylesheet_directory_uri(); ?>/assets/img/innovators-bg.png') no-repeat;
      z-index: 9999;
    }
    
    .row {
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 0;
      display: flex;
      flex-wrap: wrap;
      margin-top: calc(var(--bs-gutter-y)* -1);
      margin-left: 0;
      margin-right: 0;
      position: relative;
      z-index: 20; 
    }

    .ac-video-container {
      position: relative;
      width: 100vw;
      overflow: visible;
      margin-bottom: 5vw;
      z-index: -5; 
      background: transparent;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      margin-top: -30vw; 
    }
    
    .wistia_embed {
      background: transparent !important;
      height: 42.25vw !important;
      max-height: 800px;
      z-index: -2;
    }
    
    .wistia_responsive_padding,
    .wistia_responsive_wrapper,
    .wistia_responsive_container {
      background: transparent !important;
      z-index: -2 !important;
    }
	  /*07/31*/
	  .offset-md-6.col-md-6.text-md-end {
    padding-right: 2.430555555555556vw;
}		
	  @media (min-width: 1210px) and (max-width: 1370px) {
	  .offset-md-6.col-md-6.text-md-end {
    padding-right: 10vw;
}	
	  }
	  
	 @media only screen and (max-width: 1210px) { 
		  .offset-md-6.col-md-6.text-md-end {
    padding-right: 2vw;
}	
	  }
	  
	  /*07/31*/
    
    @media only screen and (max-width: 325px) {
      .ac-wrap {
        padding-top: 0px !important;
        height: 30vh !important;
      }
      
      .ac-video-container {
        margin-top: 0; 
      }
    }
    
    @media (min-width: 326px) and (max-width: 521px) {
		/*07/31*/
		.offset-md-6.col-md-6.text-md-end {
    padding-right: 0vw;
}		/*07/31*/
		
      .ac-wrap {
        padding-top: 0 !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      
      .ac-video-container {
        margin-top: 2vw; 
      }
      
      .ac-wrap h3 {
        margin-top: 25vh !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 90% !important;
        text-align: center;
        font-size: 6vw !important;
        line-height: 7vw !important;
        display: block; 
        margin-left: auto !important; 
        margin-right: auto !important; 
      }
      
      .ac-wrap p {
        margin-top: 5vh !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 5vh !important;
        max-width: 90% !important;
        text-align: center !important;
        font-size: 3.5vw !important;
        line-height: 5vw !important;
        display: block; 
        margin-left: auto !important; 
        margin-right: auto !important; 
      }
      
      .ac-wrap a.outline-btn {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 2vw !important;
        width: 40% !important;
        max-width: 90% !important;
        font-size: 3vw !important;
        line-height: 5vw !important;
        border-width: 0.5vw !important;
        border-radius: 10vw !important;
        padding: 1vw 4vw !important;
        text-align: center;
        display: block; 
        margin-left: auto !important;
        margin-right: auto !important; 
      }
      
      .container,
      .container-fluid,
      .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
        max-width: 100% !important;
      }
    
      .offset-md-6 {
        margin-left: 0 !important;
      }
    }
	  
	  @media (max-width: 521px) {
		  .ac-wrap:before {
			display: none;
		}
		  
		 .ac-wrap .row {
			margin-left: 0 !important;
		}

	  .ac-wrap {
		padding-top: 0 !important;
		height: auto !important;
		display: flex;
		flex-direction: column;
	  }

	  .ac-video-container {
		order: 1;
		position: relative;
		margin-top: 0 !important;
		margin-bottom: 5vh !important;
		width: 100%;
		z-index: -5;
	  }

	  .ac-wrap h3 {
		order: 2;
		position: relative;
		margin-top: 0 !important;
		margin-bottom: 4vh !important;
		width: 90% !important;
		max-width: 90% !important;
		text-align: center;
		font-size: 6vw !important;
		line-height: 7vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
	  }

	  .ac-wrap a.outline-btn {
		order: 3;
		position: relative;
		margin-top: 0 !important;
		margin-bottom: 4vh !important;
		border-radius: 10vw !important;
		text-align: center;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		  height: auto !important;
		  padding: 8px 20px !important;
		  line-height: 5vw !important;
		  border-width: 2px !important;
		  width: 35% !important;
		  font-size: 3vw !important;
	  }

	  .ac-wrap p {
		order: 4;
		position: relative !important;
		margin-top: 0 !important;
		margin-bottom: 5vh !important;
		width: 90% !important;
		max-width: 90% !important;
		text-align: center !important;
		font-size: 3.5vw !important;
		line-height: 5vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
	  }

	  .container, .container-fluid, .row {
		width: 100% !important;
		max-width: 100% !important;
		display: block;
	  }

	  .col-md-6, .offset-md-6 {
		width: 100% !important;
		margin-left: 0 !important;
		display: block;
	  }

	  .ac-wrap > .container:first-child {
		order: 2;
	  }

	  .ac-wrap > .ac-video-container {
		order: 1;
	  }

	  .ac-wrap > .container:last-child {
		order: 4;
	  }
	}

    
    @media (min-width: 525px) and (max-width: 767px) {
      .ac-wrap {
        padding-top: 0px !important;
      }
      
      .ac-video-container {
        margin-top: -2vw; 
      }
    }
    
    @media (min-width: 576px) {
      .container, .container-sm {
        max-width: 540px;
      }
    }
    
    @media (min-width: 768px) and (max-width: 1200px) {
      .ac-wrap {
        padding-top: 0px !important;
      }
      
      .ac-wrap a.outline-btn { 
        height: auto;
        padding: 10px 30px !important;
        font-size: 12px !important;
        line-height: 0.8 !important;
        border-width: 2px;
        margin-left: 10vw !important;
      }
      

      .ac-wrap p {
        font-size: 1.3vw;
        line-height: 2.5vw;
        margin-top: -12vh;
		  margin-right: 5vw;
      }
    }
    
    .wistia_embed {
      height: 42.25vw !important; 
    }
    
    @media (max-width: 767px) {
      .ac-video-container {
        margin-top: -47vh; 
        margin-left: -150vw; 
        transform: scale(1.3); 
        transform-origin: center center; 
      }

      .wistia_embed {
        height: 56.25vw !important; 
        width: 100vw !important;
		max-width: 100vw !important;
      }
    }

/* === AC Solution Wrapper === */ 

.ac-solution-wrap {
        position: relative;
        padding-top: 7.431vw;
        background: url('<?php echo get_stylesheet_directory_uri(); ?>/assets/img/act-carb-bg.png') no-repeat top center / 100%;
        width: 100%;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: center;
/*         margin-top: -2vh; */
        overflow: hidden;
    }

		@media (min-width: 1400px) {
			 .ac-solution-wrap .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
				max-width: 100% !important;
			}
		}
		@media (min-width: 576px) {
			.ac-solution-wrap .container, .container-sm {
				max-width: 100%;
			}
		}

		.ac-solution-wrap .row {
			display: block;
		}

		.ac-solution-wrap .headings {
			position: relative;
			text-align: center;
			margin: 0 auto;
			max-width: 80%;
		}

		.ac-solution-wrap span.transparent-text {
			position: absolute;
			font-style: normal;
			font-weight: 600;
			font-size: 18.403vw;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.9);
			left: 0;
			right: 0;
			top: -15.556vw;
			text-align: center;
			margin: 0 auto;
		}
		
		.ac-solution-wrap .row {
			z-index: 1 !important;
		}

    .ac-solution-wrap h3 {
        font-family: "Poppins", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 3.125vw;
        line-height: 3.403vw;
        color: #424242;
        margin-bottom: 1.042vw;
        text-align: center;
    }

    .ac-solution-wrap p {
        font-style: normal;
        font-weight: 400;
        font-size: 1.181vw;
        line-height: 2.014vw;
        color: #424242;
        margin-bottom: 2.708vw;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .ac-solution-wrap .desktop-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: 0.5rem;
    }

    .ac-solution-wrap .desktop-grid .row {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 4vw;
    }

    .ac-solution-wrap .desktop-grid .solution-item {
        flex: 0 0 22%;
        margin: 0 0.5%;
    }

    .ac-solution-wrap .ss-wrap {
        position: relative;
        transition: all 0.5s ease;
        border-radius: 0.6944vw;
        height: 100%;
    }

    .ac-solution-wrap .ss-wrap::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        border-radius: inherit;
        transition: opacity 0.5s ease, transform 0.5s ease;
        z-index: 1;
    }

    .ac-solution-wrap .ss-wrap:hover::before {
        opacity: 1;
        transform: scale(1.02);
    }

    .ac-solution-wrap .ss-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: inherit;
        transition: transform 0.5s ease;
		border-radius: 10px;
    }

    .ac-solution-wrap .ss-wrap:hover img {
        transform: scale(1.02);
    }

    .ac-solution-wrap .ss-content-wrap {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 5vh;
        left: 0;
        padding: 1.3889vw 1.3889vw 3.0833vh;
        text-align: center;
        transition: all 0.5s ease;
        height: 6.9444vh;
        z-index: 2;
        justify-items: center;
    }

    .ac-solution-wrap .ss-wrap:hover .ss-content-wrap {
        height: auto;
        transition: all 0.5s ease;
    }

    .ac-solution-wrap .ss-heading-wrap {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 5vh;
        left: 0;
        padding: 1.3889vw;
        text-align: center;
        transition: all 0.5s ease;
        height: 6.9444vh;
        z-index: 2;
    }

    .ac-solution-wrap .ss-wrap:hover .ss-heading-wrap {
        height: 20vh;
        transition: all 0.5s ease;
    }

    .ac-solution-wrap .ss-heading-wrap h4 {
        font-style: normal;
        font-weight: 400;
        font-size: 1.5278vw;
        line-height: 120%;
        color: #FFFFFF;
        margin-bottom: 3.0417vh;
        transition: transform 0.3s ease-in-out;
    }

    .ac-solution-wrap .ss-content-wrap p {
        color: #fff;
        font-size: 0.9722vw;
        font-weight: 300;
        line-height: inherit;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    }

    .ac-solution-wrap .ss-wrap:hover .ss-content-wrap p {
        opacity: 1;
        height: auto;
        visibility: visible;
        transition: all 0.5s ease;
    }

    .ac-solution-wrap .ss-wrap a.arrow-referring {
        position: absolute;
        bottom: -3vh;
        z-index: 10;
        left: -0.5556vw;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
        overflow: visible;
    }

    .ac-solution-wrap .ss-wrap:hover a.arrow-referring {
        opacity: 1;
        left: 2.1528vw;
        visibility: visible;
        transition: all 0.5s ease;
    }

    .ac-solution-wrap .ss-wrap a.arrow-referring img {
        max-width: 4.0972vw;
    }

    .ac-solution-wrap .owl-carousel {
        width: 100%;
        margin-top: 40px;
        padding-bottom: 60px;
        display: none;
        margin-left: auto;
        margin-right: auto;
    }

    .ac-solution-wrap .owl-carousel .owl-stage-outer {
        overflow: visible !important;
    }

    .ac-solution-wrap .owl-carousel .owl-item {
        padding: 0 8px;
    }

    .ac-solution-wrap .owl-carousel .ss-wrap {
        height: auto;
        min-height: 300px;
    }

    .ac-solution-wrap .owl-carousel .item {
        height: 100%;
    }

    .ac-solution-wrap .owl-dots {
        display: none;
    }

    .ac-solution-wrap .custom-dots {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 8px;
        padding-top: 20px;
        z-index: 5;
    }

    .ac-solution-wrap .custom-dot {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background-color: transparent;
        border: 0.5px solid #424242;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .ac-solution-wrap .custom-dot.active {
        background-color: #447329;
    }
		
	.ac-solution-wrap .ss-wrap.pharma-cosmetics:hover .ss-heading-wrap h4 {
		margin-top: -24px !important;
	}
		
		.ac-solution-wrap .ss-wrap.pharma-cosmetics .ss-heading-wrap h4 {
		margin-top: -24px !important;
	}
		
    @media (min-width: 325px) and (max-width: 425px) {
        .ac-solution-wrap .ac-wrap {
            height: auto;
		}
        .ac-solution-wrap .ss-wrap:hover .ss-content-wrap {
            height: 10vh;
        }
        .ac-solution-wrap .ss-content-wrap {
            bottom: -1vh;
        }
        .ac-solution-wrap .ss-heading-wrap {
            bottom: -1vh;
        }
        .ac-solution-wrap .ss-content-wrap p {
           display: none;
 			font-size: 3vw !important;
            line-height: 1.3vh !important;
            padding-top: 0px !important;
        }
        .ac-solution-wrap .ss-heading-wrap h4 {
			font-size: 4vw !important;
            line-height: 1.5vh !important;
            margin-bottom: 15px !important;
        }
        .ac-solution-wrap .custom-dot {
            width: 13px;
            height: 13px;
        }
        .ac-solution-wrap .owl-carousel {
            width: 75%;
        }
        .ac-solution-wrap .owl-carousel .ss-wrap {
            min-height: 250px;
        }
    }

    @media (min-width: 426px) and (max-width: 624px) {
        .ac-solution-wrap span.transparent-text {
            font-size: 80px !important;
            line-height: 80px;
            text-align: center;
            top: -60px;
        }
        
        .ac-solution-wrap .ss-wrap:hover .ss-content-wrap {
			display: none;
            height: 10vh;
        }
        .ac-solution-wrap .ss-content-wrap p {
            display: none;
			font-size: 3vw !important;
            line-height: 2.2vh !important;
            padding-top: 0px !important;
        }
        .ac-solution-wrap .ss-heading-wrap h4 {
            font-size: 4vw !important;
            line-height: 1.5vh !important;
            margin-bottom: 15px !important;
        }
        .ac-solution-wrap .owl-carousel {
            width: 80%;
        }
        .ac-solution-wrap .owl-carousel .ss-wrap {
            min-height: 280px;
        }
    }
	@media (max-width: 767px) {
		.ac-solution-wrap .ss-wrap a.arrow-referring {
			display: none !important;
		}

		.ac-solution-wrap .ss-wrap {
			position: relative;
		}
		.ac-solution-wrap .ss-wrap.pharma-cosmetics:hover .ss-heading-wrap h4 {
			margin-top: 0px !important;
		}
		
		.ac-solution-wrap .ss-wrap.pharma-cosmetics .ss-heading-wrap h4 {
			margin-top: 0px !important;
		}
		.ac-solution-wrap .ss-wrap:hover .ss-heading-wrap {
			height: 6vh;
			transition: all 0.5s ease;
		}
		.ac-solution-wrap .ss-wrap::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 12; 
			cursor: pointer;
		}

		.ac-solution-wrap .item .ss-wrap,
		.ac-solution-wrap .item .ss-wrap img,
		.ac-solution-wrap .item .ss-heading-wrap {
			cursor: pointer;
		}
	}

    @media (min-width: 625px) and (max-width: 767px) {
        .ac-solution-wrap span.transparent-text {
            font-size: 80px !important;
            line-height: 80px;
            text-align: center;
            top: -20px;
        }
        .ac-solution-wrap .ss-content-wrap p {
           display: none; font-size: 3vw !important;
            line-height: 2vh !important;
            padding-top: 0px !important;
        }
        .ac-solution-wrap .ss-heading-wrap h4 {
            font-size: 4vw !important;
            line-height: 1.5vh !important;
            margin-bottom: 15px !important;
        }
        .ac-solution-wrap .owl-carousel {
            width: 80%;
        }
        .ac-solution-wrap .owl-carousel .ss-wrap {
            min-height: 280px;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .ac-solution-wrap .ss-wrap:hover .ss-heading-wrap {
            height: 16vh !important;
            transition: all 0.5s ease;
        }
        .ac-solution-wrap .ss-wrap:hover .ss-content-wrap {
            height: 10vh !important;
        }
        .ac-solution-wrap .ss-heading-wrap {
            bottom: 1vh !important;
        }
        .ac-solution-wrap .ss-content-wrap {
            bottom: 2vh !important;
        }
        .ac-solution-wrap .ss-heading-wrap h4 {
            font-size: 1.5vw;
        }
        .ac-solution-wrap .ss-content-wrap p {
            font-size: 1vw;
            line-height: 18px;
        }
        .ac-solution-wrap .headings {
            max-width: 95%;
        }
        .ac-solution-wrap .owl-carousel {
            width: 85%;
        }
        .ac-solution-wrap .owl-carousel .ss-wrap {
            min-height: 320px;
        }
    }
		
	@media (min-width: 1025px) and (max-width: 1366px) {
        .ac-solution-wrap .ss-wrap:hover .ss-heading-wrap {
            height: 20vh !important;
            transition: all 0.5s ease;
        }
        .ac-solution-wrap .ss-content-wrap {
            bottom: 2.5vh !important;
        }
    }

    @media (min-width: 1367px) and (max-width: 1439px) {
        .ac-solution-wrap .ss-wrap:hover .ss-heading-wrap {
            height: 22vh !important;
            transition: all 0.5s ease;
        }
        .ac-solution-wrap .ss-content-wrap {
            bottom: 2vh !important;
        }
    }

    @media (min-width: 1440px) and (max-width: 1920px) {
        .ac-solution-wrap .ss-wrap:hover .ss-heading-wrap {
            height: 18vh !important;
            transition: all 0.5s ease;
        }
        .ac-solution-wrap .ss-wrap:hover .ss-content-wrap {
            height: 12vh !important;
        }
        .ac-solution-wrap .ss-heading-wrap h4 {
            font-size: 1.2vw;
        }
        .ac-solution-wrap .ss-content-wrap {
            height: 2vh !important;
        }
        .ac-solution-wrap .ss-heading-wrap {
            bottom: 4vh !important;
        }
        .ac-solution-wrap .ss-wrap a.arrow-referring img {
            max-width: 3.5vw !important;
        }
    }

    @media (min-width: 1921px) and (max-width: 2560px) {
        .ac-solution-wrap .ss-content-wrap {
            height: 10vw !important;
        }
        .ac-solution-wrap .ss-heading-wrap {
            bottom: 4vh !important;
        }
        .ac-solution-wrap .ss-wrap:hover .ss-heading-wrap {
            height: 35vh;
            transition: all 0.5s ease;
        }
    }

    @media (min-width: 1024px) {
        .ac-solution-wrap .desktop-grid {
            display: block;
        }
        .ac-solution-wrap .owl-carousel {
            display: none;
        }
    }

    @media (max-width: 1023px) {
        .ac-solution-wrap .desktop-grid {
            display: none !important;
        }
        .ac-solution-wrap .owl-carousel {
            display: block;
        }
        .ac-solution-wrap h3 {
            font-size: 28px;
            line-height: 34px;
            text-align: center;
        }
        .ac-solution-wrap p {
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            max-width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
        .ac-solution-wrap .ss-wrap::before {
            opacity: 0.3;
        }
        .ac-solution-wrap .ss-wrap {
            position: relative;
        }
        .ac-solution-wrap .ss-heading-wrap {
            bottom: 10px;
            height: auto;
        }
        .ac-solution-wrap .ss-heading-wrap h4 {
            font-size: 2.5vw;
            line-height: 1.2;
            margin-bottom: 10px;
        }
        .ac-solution-wrap .ss-content-wrap {
            bottom: 0;
            padding: 15px;
        }
        .ac-solution-wrap .ss-content-wrap p {
            font-size: 1.8vw;
            line-height: 1.8vh;
            padding-top: 1vh;
        }
        .ac-solution-wrap .ss-wrap a.arrow-referring {
            bottom: -20px;
        }
        .ac-solution-wrap .ss-wrap a.arrow-referring img {
            max-width: 40px;
        }
        .ac-solution-wrap span.transparent-text {
            left: 0;
            right: 0;
            text-align: center;
        }
    }

/* === Contact Form === */ 

        .submit-enquiry-wrap {
          width: 100%;
          background: url('<?php echo get_stylesheet_directory_uri(); ?>/assets/img/enquiry-bg.png') no-repeat center bottom;
          background-size: cover;
          display: flex;
          justify-content: center;
          align-items: center;
          background-attachment: fixed;
		padding-top: 5vh;
			margin-bottom: 1.4vw !important;
        }
		
		@media (min-width: 1400px) {
		.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: 90% !important;
		}
	}
		.submit-enquiry-wrap .field-half1:nth-child(2n) {
			padding-right: 0;
			padding-left: 0 !important;
		}

		.submit-enquiry-wrap .checkbox-container1 input[type="checkbox"] {
			margin-top: 0vh !important;
		}
	
		.submit-enquiry-wrap {
			width: 100%;
			background: url('https://haycarb-test.hayflex.com/wp-content/uploads/2025/04/Contact-us-bg (1).webp') no-repeat center bottom;
			background-size: cover;
			display: flex;
			justify-content: center;
			align-items: center;
			background-attachment: fixed;
			padding-top: 5vh;
		}
        
        
        .submit-enquiry-wrap .row {
          margin-top: -6vh !important;
          background-color: #ffffff;
          width: 100%;
          max-width: 83.3333vw;
          margin: 0 auto;
          position: relative;
          z-index: 1;
        }
        
        .submit-enquiry-wrap h4 {
          font-family: Poppins !important;
          padding-top: 2vh;
          font-style: normal;
          font-weight: 600;
          font-size: 3.125vw;
          line-height: 3.4028vw;
          color: #424242;
          margin-bottom: 0.9722vw;
        }
        
        .submit-enquiry-wrap p {
          font-style: normal;
          font-weight: 400;
          font-size: 1.1806vw;
          color: #424242;
          margin-top: 1.2vw;
        }
        
        
        
        .home-form-wrap .form-control:focus {
          border-color: transparent;
          box-shadow: none;
        }
        
        .home-form-wrap {
			padding: 3.4722222222vw 1.3888888889vw 1.3888888889vw;
			background: #fff;
		}



		.home-form-wrap .form-control:focus {
			border-color: transparent;
			box-shadow: none;
		}



		.wpcf7-form-control.wpcf7-submit.has-spinner.btn.pan-submit {
			position: relative;
			display: inline-flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			width: 14.6527777778vw;
			height: 3.4722222222vw;
			padding: 0.6944444444vw 1.3888888889vw;
			font-style: normal;
			font-weight: 600;
			text-transform: capitalise;
			font-size: 0.9722222222vw;
			line-height: 1.4583333333vw;
			letter-spacing: 0.02em;
			color: #060606;
			border: 0.1388888889vw solid #72BF44;
			border-radius: 6.9444444444vw;
			z-index: 9;
			overflow: hidden;
			background: transparent;
			cursor: pointer;
			transition: color 0.3s ease-in-out, border 0.3s ease-in-out;
		}

		.wpcf7-form-control.wpcf7-submit.has-spinner.btn.pan-submit:hover {
			color: #fff; /* Change text color on hover */
			border-color:#72BF44; /* Change border color on hover */
			background: #72BF44; /* Add background color on hover */
			margin-top: 35px;
		}
		.form-label {
			display: block;
			margin-bottom: 0.56vh;
			font-size: 0.943227777778vw!important;
			color: #333;
			margin-left: 0.975555252vw!important;
		}

		@media (max-width: 768px) {
			.form-label {

				margin-left: 2.2vw!important; /* Adjust margin for small screens */
				padding-bottom:1.6vh!important;
			}
		}

		
		.checkbox-container1 label {
			display: flex;
			align-items: center;
			margin-bottom: 1vh; 
			font-size: 1vw; 
			line-height: 1.6667vw;
			color: #000000;
		}

		.checkbox-container1 input[type="checkbox"] {
			margin-right: 0.5vw;
			width: 1.2vw; 
			height: 1.2vw;
		}
       
		@media (min-width: 768px) and (max-width: 991px)  {

			.checkbox-container1 label {
				font-size: 1.8vw;
				line-height: 2vw;
			}
			
			.wpcf7-list-item-label {
				font-size: 40vw !important;
			}
			
			.checkbox-container1 input[type="checkbox"] {
				width: 2vw;
				height: 2vw;
				margin-right: 1vw;
			}
		
		}

		@media (max-width: 767px) {
			.checkbox-container1 label {
				font-size: 3vw; 
				line-height: 4vw;
			}

			.checkbox-container1 input[type="checkbox"] {
				width: 4vw;
				height: 4vw;
				margin-right: 1.5vw;
			}
		
		}

        @media (max-width: 991px) {
            .form-control {
                font-size: 14px !important
            }
            
            label[for="message"].form-label {
                font-size: 14px !important;
            }
            
            .wpcf7-list-item-label {
                font-size: 14px!important;
                line-height: 1vh !important;
            }
            
            input[type="checkbox"] {
                width: 3vw !important;
                height: 3vw !important;
                border-radius: 1px !important;
            }
			.submit-container1 {
				justify-items: center;
			}
			
        }
        
      
        
        .home-form-wrap textarea.form-control {
          width: 100%;
          
          border: 1px solid rgba(0, 0, 0, 0.2);
          border-radius: 0.1389vw;
        }

       
		
        @media (max-width: 500px) {
			.elementor-10151 .elementor-element.elementor-element-d5dc724 {
				margin: 0vw !important;
			}
		}
		
        @media (max-width: 767px) {
            .submit-enquiry-wrap h4 {
                font-size: 6vw;
                line-height: 7vw;
            }
            
            .submit-enquiry-wrap p {
                font-size: 3vw;
                line-height: 4vw;
				width: 100%;
				align-content: center;
            }

			.wpcf7-form-control.wpcf7-submit.has-spinner.btn.pan-submit {
				width: 20vw;
				height: 7vw;
				font-size: 14px !important;
			}
    		.form-control {
				 padding-bottom: 2vh !important;
				width: 100%;
				padding-left: 2vw;
				padding-right: 3vw !important;
			}
			.checkbox-container1 {
				width: 100%;
				margin-bottom: 0vh !important;
			}
        }
         
/* === Sticky Menu === */  

html.sticky-menu-open,
		body.sticky-menu-open {
			overflow: hidden;
		}

		.hbsi-sticky-mobile-menu-container {
			visibility: visible;
			opacity: 1;
			transition: visibility 0s linear 0.3s, opacity 0.3s ease;
			position: relative;
			font-family: 'Poppins', sans-serif;
		}
		
		.hbsi-sticky-mobile-menu-container.sticky-menu-loaded {
			visibility: visible;
			opacity: 1;
			transition-delay: 0s;
		}
		
		.hbsi-sticky-mobile-menu-container * {
			box-sizing: border-box;
		}

		.sticky-menu-toggle {
			display: inline-block;
			cursor: pointer;
			padding: 10px;
		}

		.sticky-menu-toggle .sticky-menu-icon {
			width: 30px;
			height: auto;
			display: block;
		}

		.hbsi-sticky-menu-overlay {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 9998;
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.6s ease;
		}

		.hbsi-sticky-menu-overlay.active {
			opacity: 1;
			visibility: visible;
		}

		.hbsi-sticky-mobile-menu-wrapper {
			position: fixed;
			top: 0;
			left: -100%;
			height: 100%;
			width: auto;
			z-index: 9999;
			transition: left 0.6s ease-in-out;
			display: flex;
			visibility: hidden;opacity: 0;
		}

		.hbsi-sticky-mobile-menu-wrapper.open {
			left: 0;
			visibility: visible; opacity: 1;
		}

		.hbsi-sticky-menu-main-panel {
			width: 554px;
			height: 100%;
			background-color: #1A1A1A;
			box-shadow: 8px 0 20px rgba(0,0,0,0.3); 
			display: flex;
			flex-direction: column;
			overflow-y: auto;
			z-index: 2; overflow-x: hidden;
			opacity: 0; 
			transition: opacity 0.6s ease-in-out;
		}

		.hbsi-sticky-mobile-menu-wrapper.open .hbsi-sticky-menu-main-panel {
			opacity: 1; 
		}

		.hbsi-sticky-close-menu {
			position: relative;
			top: 70px;
			left: 45px;
			color: white;
			font-size: 24px;
			cursor: pointer;
			z-index: 10;
		}

		.hbsi-sticky-menu-content {
			flex: 1 !important;
			padding: 80px 0 20px 90px !important;
			overflow-y: auto !important;
			position: relative !important;
		}

		.hbsi-sticky-main-menu {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.hbsi-sticky-main-menu li {
			margin: 0;
			padding: 0;
			position: relative;
		}

		.sticky-menu-item-wrapper {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-right: 20px;
		}

		.hbsi-sticky-main-menu a {
			display: block !important;
			padding: 18px 0 !important;
			color: #5e5e5e !important;
			text-decoration: none !important;
			font-size: 18px !important;
			line-height: 10px !important;
			font-weight: 400 !important;
			font-family: 'Poppins', sans-serif;
			flex-grow: 1;
			overflow: hidden;
		}
        
        .hbsi-sticky-main-menu .sticky-level-1 a {
            font-size: 15px !important;
        }

		.hbsi-sticky-main-menu .sticky-level-2 a,
        .sticky-panel-menu .sticky-level-2 a {
			font-size: 15px !important;
		}

		.sticky-menu-item-marquee {
			position: relative;
			overflow: hidden;
		}

		.sticky-menu-item-marquee span {
			display: inline-block;
			white-space: nowrap;
			padding-right: 20px;
			transition: transform 10s linear;
		}

		.sticky-menu-item-marquee.scrolling span {
			transform: translateX(-100%);
			animation: sticky-marquee 20s linear infinite;
		}

		@keyframes sticky-marquee {
			0% { transform: translateX(0%); }
			40% { transform: translateX(-100%); }
			60% { transform: translateX(-100%); }
			100% { transform: translateX(0%); }
		}

		.hbsi-sticky-main-menu a:hover,
		.hbsi-sticky-main-menu li.active > a,
		.hbsi-sticky-main-menu li.active > .sticky-menu-item-wrapper > a {
			color: #8DC63F;
		}

		.sticky-dropdown-toggle,
		.sticky-panel-toggle {
			color: #424242;
			cursor: pointer;
			transition: transform 0.6s;
			padding: 23px 10px;
			display: flex;
			align-items: center;
		}

		.sticky-dropdown-toggle.active {
			transform: rotate(180deg);
			color: #8DC63F;
		}

		.sticky-sub-menu {
			display: none;
			list-style: none;
			padding-left: 20px;
			margin: 0;
			overflow: hidden;
			transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			opacity: 0;
			transform: translateY(-10px);
			height: 0;
		}

		.sticky-sub-menu.active {
			display: block;
			opacity: 1;
			transform: translateY(0);
			height: auto;
		}

		.hbsi-sticky-secondary-panels-container {
			position: relative;
			width: 0;
			height: 100%;
			overflow: hidden;
			transition: width 0.6s ease-in-out;
			z-index: 1; /* Lower z-index than main panel */
		}

		.hbsi-sticky-secondary-panels-container.active {
			width: 400px;
		}

		.hbsi-sticky-menu-panel {
			width: 400px;
			height: 100%;
			background-color: #1A1A1A;
			box-shadow: 5px 0 15px rgba(0,0,0,0.2);
			padding: 60px 20px 20px 85px;
			overflow-y: auto;
			position: absolute;
			top: 0;
			left: 0;
			transform: translateX(-100%);
			transition: transform 0.6s ease-in-out;
			opacity: 0;
			visibility: hidden;
		}

		.hbsi-sticky-menu-panel.active {
			transform: translateX(0);
			opacity: 1;
			visibility: visible;
		}

		.sticky-panel-header {
			display: none;
			align-items: center;
			margin-bottom: 20px;
			padding-bottom: 10px;
            border-bottom: 1px solid #424242;
		}

		.sticky-panel-back {
			margin-right: 15px;
			color: #424242;
			cursor: pointer;
			display: flex;
			align-items: center;
		}

		.sticky-panel-header h3 {
			margin: 0;
			color: #8DC63F;
			opacity: 100%;
			font-size: 20px;
			font-weight: 400;
			font-family: 'Poppins', sans-serif;
		}

		.sticky-panel-menu {
			list-style: none;
			padding: 0;
			margin: 30px 0 0 0;
		}

		.sticky-panel-menu a {
			display: block;
			padding: 23px 0;
			color: #5e5e5e;
			text-decoration: none;
			font-size: 15px;
			font-weight: 400;
			font-family: 'Poppins', sans-serif;
		}

		.sticky-panel-menu a:hover {
			color: #8DC63F;
			opacity: 100%;
		}

		.hbsi-sticky-menu-footer {
/* 			padding: 20px 0 0px 0; */
			background-color: #1A1A1A;
		}

		.hbsi-sticky-footer-container {
			padding: 0 0 0px 85px !important;
			padding-top: 20px;
			position: relative;
		}

		.hbsi-sticky-contact-us {
			margin-bottom:  50px;
		}

		.hbsi-sticky-menu-footer h3 {
			color: #424242;
			font-size: 12px;
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			margin: 0 0 15px;
			letter-spacing: 1px;
		}

		.hbsi-sticky-contact-info {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}

		.hbsi-sticky-contact-info a {
			color: #424242;
			text-decoration: none;
			font-size: 17px;
			font-weight: 400;
			font-family: 'Poppins', sans-serif;
			transition: color 0.3s;
		}

		.hbsi-sticky-contact-info a:hover {
			color: #8DC63F;
			opacity: 100%;
		}

		.hbsi-sticky-contact-info .divider {
			color: #424242;
			margin: 0 15px;
		}

		.sticky-social-icons {
			display: flex;
			gap: 15px;
		}

		.sticky-social-icon {
			width: 38px;
			height: 38px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: transparent;
			border: 1px solid #424242;
			border-radius: 50%;
			transition: all 0.3s ease;
		}

		.sticky-social-icon svg {
			fill: #424242;
		}

		.sticky-social-icon:hover {
			background-color: #8DC63F;
			border-color: #8DC63F;
			opacity: 100%;
		}

		.sticky-social-icon:hover svg {
			fill: #1A1A1A;
		}

		.hbsi-sticky-footer-image {
			position: absolute;
			right: -210px;
			width: 430px;
			bottom: 0.1vh;
		}

		.hbsi-sticky-footer-image img {
			width: 50%;
			height: auto;
			display: block;
		}

		.sticky-menu-item-has-children:not(.sticky-panel-trigger):hover > .sticky-sub-menu {
			display: block !important;
			opacity: 1 !important;
			transform: translateY(0) !important;
			height: auto !important;
		}

		.sticky-menu-item-has-children:hover > .sticky-menu-item-wrapper > a,
		.sticky-menu-item-has-children:hover > a {
			color: #8DC63F !important;
			opacity: 100%;
		}

		.sticky-panel-trigger:hover .hbsi-sticky-secondary-panels-container {
			width: 450px !important;
		}

		.sticky-panel-trigger:hover .hbsi-sticky-menu-panel {
			transform: translateX(0) !important;
			opacity: 1 !important;
			visibility: visible !important;
		}

		.sticky-dropdown-toggle, .sticky-panel-toggle {
			display: none !important;
		}

		.sticky-menu-item-wrapper {
			padding-right: 0;
		}

		.sticky-sub-menu:hover {
			display: block !important;
			opacity: 1 !important;
			transform: translateY(0) !important;
			height: auto !important;
		}

		

		.hbsi-sticky-menu-panel:hover {
			transform: translateX(0) !important;
			opacity: 1 !important;
			visibility: visible !important;
		}

		.sticky-menu-item-has-children:not(.sticky-panel-trigger) > .sticky-sub-menu {
			display: block !important; 
			opacity: 0;
			height: 0;
			transform: translateY(-10px);
			transition: all 0.3s ease-out; 
			pointer-events: none; 
			overflow: hidden;
		}

		.sticky-menu-item-has-children:not(.sticky-panel-trigger):hover > .sticky-sub-menu {
			opacity: 1;
			transform: translateY(0);
			height: auto;
			max-height: 1000px; 
			pointer-events: auto; 
		}
		
		.hbsi-sticky-secondary-panels-container:hover {
			width: 450px !important;
		}
		
		.sticky-panel-trigger:hover .hbsi-sticky-secondary-panels-container {
			width: 450px;
			transition: width 0.4s ease-out;
		}

		.hbsi-sticky-secondary-panels-container {
			transition: width 0.4s ease-out;
		}

		.sticky-panel-trigger .hbsi-sticky-menu-panel {
			transform: translateX(-100%);
			opacity: 0;
			visibility: hidden;
			transition: transform 0.4s ease-out, opacity 0.3s ease-out, visibility 0s linear 0.4s;
		}

		.sticky-panel-trigger:hover .hbsi-sticky-menu-panel {
			transform: translateX(0);
			opacity: 1;
			visibility: visible;
			transition: transform 0.4s ease-out, opacity 0.3s ease-out, visibility 0s;
		}

		.sticky-menu-item-has-children:hover > .sticky-menu-item-wrapper > a,
		.sticky-menu-item-has-children:hover > a {
			color: #8DC63F !important;
            opacity: 100%;
			transition: color 0.3s ease;
		}

		.sticky-panel-trigger {
			position: relative;
		}

		.sticky-panel-trigger:not(:hover) .hbsi-sticky-menu-panel {
			transition: transform 0.4s ease-out, opacity 0.3s ease-out, visibility 0s linear 0.4s;
		}

		.sticky-panel-trigger::after {
			content: "";
			position: absolute;
			right: -20px;
			top: 0;
			height: 100%;
			width: 20px;
		}

        .sticky-level-1.sticky-panel-trigger > .sticky-menu-item-wrapper > a:before {
            content: '';
            display: inline-block;
            width: 15px;
            height: 15px;
            background-image: url('https://haycarb-test.hayflex.com/wp-content/uploads/2025/04/SolutionsArrow.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            margin-right: 20px;
            vertical-align: middle;
        }

		.sticky-panel-trigger:not(:hover) ~ .hbsi-sticky-secondary-panels-container,
		.sticky-panel-trigger:not(:hover) .hbsi-sticky-secondary-panels-container {
			width: 0 !important;
			transition: width 0.4s ease-out 0.2s; 
		}

       /* Custom Scrollbar Styling */
		.hbsi-sticky-menu-content::-webkit-scrollbar,
		.hbsi-sticky-menu-panel::-webkit-scrollbar {
			width: 2px;  
			border-radius: 4px;  
		}

		.hbsi-sticky-menu-content::-webkit-scrollbar-thumb,
		.hbsi-sticky-menu-panel::-webkit-scrollbar-thumb {
			background-color: #8DC63F;  
			border-radius: 4px;  
		}

		.hbsi-sticky-menu-content::-webkit-scrollbar-track,
		.hbsi-sticky-menu-panel::-webkit-scrollbar-track {
			background-color: #1A1A1A;
			border-radius: 4px;  
		}

		/* Firefox scrollbar */
		.hbsi-sticky-menu-content,
		.hbsi-sticky-menu-panel {
			scrollbar-width: thin;
			scrollbar-color: #8DC63F #1A1A1A; 
		}

        /* Add arrow icon to level 1 menu items */
        .hbsi-sticky-main-menu .sticky-level-1:not(.sticky-panel-trigger) > .sticky-menu-item-wrapper > a:before,
        .hbsi-sticky-main-menu .sticky-level-1:not(.sticky-panel-trigger) > a:before {
            content: '';
            background-image: url('https://haycarb-test.hayflex.com/wp-content/uploads/2025/04/SolutionsArrow.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            width: 15px;
            height: 15px;
            display: inline-block;
            margin-right: 23px;
            vertical-align: middle;
        }
		
		@media (min-width: 1366px) and (max-width: 2560px){
			 .hbsi-sticky-menu-panel {
        width: 500px !important;
			}

			.hbsi-sticky-secondary-panels-container.active {
				width: 500px !important;
			}

			.hbsi-sticky-secondary-panels-container:hover {
				width: 500px !important;
			}

			.sticky-panel-trigger:hover .hbsi-sticky-secondary-panels-container {
				width: 500px !important;
			}
		}
		
		/* Media query for screens under 902px */
		@media (max-width: 902px) {
			.hbsi-sticky-main-menu a {
				font-size: 16px;
			}

			.hbsi-sticky-contact-info a {
				font-size: 14px;
			}

			.hbsi-sticky-menu-main-panel {
				width: 400px;
			}

			.hbsi-sticky-menu-panel {
				padding: 60px 20px 20px 40px;
			}

			.hbsi-sticky-menu-content {
				padding: 60px 0 20px 60px;
			}

			.hbsi-sticky-footer-container {
				padding: 0 0 0 60px;
			}
		}  

/* === Inspiring Slider === */ 

.insp-slider-title {
            font-family: "Poppins", sans-serif;
            font-size: 2.777777777777778vw;
            color: #424242;
            font-weight: 600;
            line-height: 1.25em;
        }
		
		.modal-header {
			display: none !important;
		}

        .insp-slider-subtitle {
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            font-size: 0.9027777777777778vw;
            line-height: 1.769230769230769em;
            color: #424242 !important;
        }
		

        .insp-slider-arrow-btn {
            cursor: pointer;
            user-select: none;
            display: inline-block;
            transition: transform 0.2s ease;
        }
        
        .insp-slider-arrow-btn:hover {
            transform: scale(1.1);
        }
        
        .insp-slider-arrow-icon {
            height: 24px;
            width: auto;
            transition: opacity 0.2s ease;
        }
        
        .insp-slider-arrow-btn:hover .insp-slider-arrow-icon {
            opacity: 0.8;
        }

        .insp-slider-main-image {
            width: 100%;
            height: 350px;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.6s ease;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        .insp-slider-main-image.insp-slider-show {
            opacity: 1;
        }
        
        /* Added fadeout animation for active slide */
        .insp-slider-fade-out {
            opacity: 0 !important;
            transition: opacity 0.4s ease !important;
        }

        .insp-slider-fade-in {
            animation: inspSliderFadeInAnimation 0.6s ease forwards;
        }
        
        @keyframes inspSliderFadeInAnimation {
            0% {
                opacity: 0;
                transform: translateY(10px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .insp-slider-main-image-wrapper {
            position: relative;
        }

        .insp-slider-side-image-top-wrapper {
            margin-top: 0;
        }

        .insp-slider-side-image-top {
            height: 300px !important;
        }

        .insp-slider-side-image-bottom {
            height: 200px !important;
        }

        .insp-slider-side-image {
            object-fit: cover;
            width: 100%;
        }

        .insp-slider-arrow-controls {
            display: flex;
            align-items: center;
        }

        .insp-slider-quote-box {
            font-family: "Poppins", sans-serif;
			font-size: 14px;
            background-color: #ffffff;
            padding: 15px 20px;
            margin-top: 1rem;
            font-weight: 500;
            color: #333;
            font-style: italic;
            transition: opacity 0.4s ease;
        }

        .insp-slider-desc-box {
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.5);
            font-weight: 400;
            color: #fff;
            font-size: 0.85rem;
            padding: 8px 14px;
            border-radius: 0 6px 0 0;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            transition: opacity 0.4s ease;
        }

        .insp-slider-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
            overflow: hidden;
        }
        
        .insp-slider-play-overlay:hover {
            background: rgba(255, 255, 255, 0);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        }
        
        .insp-slider-play-icon {
			width: 80px;
			height: 80px;
			transition: all 0.3s ease;
		}

        
        .insp-slider-play-overlay:hover .insp-slider-play-icon {
   			 transform: scale(1.2);
		}


        .insp-slider-container {
            padding: 6.5vw;
        }
		
        @media (min-width: 768px) {
			.insp-slider-main-image-wrapper {
				left: 10%;
				z-index: 2;
			}
			

			.insp-slider-side-image-top-wrapper {
				margin-top: -20px;
			}

			.insp-slider-side-image-bottom {
				width: 75% !important;
			}

			.insp-slider-right-column {
				justify-content: space-between !important;
			}
		}


        @media (max-width: 767.98px) {
            .insp-slider-main-image {
                height: 300px;
            }

            .insp-slider-quote-box {
                margin-bottom: 2rem;
				text-align: center;
            }
            
            .insp-slider-arrow-controls {
                margin: 1.5rem 0;
				justify-content: center;
            }
			
            .d-flex.insp-slider-right-column {
                display: none !important;
            }

            .insp-slider-side-image-top,
            .insp-slider-side-image-bottom {
                height: 180px;
            }

            .insp-slider-side-image-bottom {
                width: 100% !important;
            }

            .col-md-3 {
                margin-top: 2rem;
            }
			
			.insp-slider-title {
				text-align: center !important;
				font-size: 28px;
        		line-height: 40px;
			}
			
			.insp-slider-subtitle {
				text-align: center;
				font-size: 14px;
        		line-height: 1.6em;
			}
            
            .insp-slider-left-column {
                text-align: center;
            }
        }
        
        @media (min-width: 768px) and (max-width: 1024px) {
            .insp-slider-left-column {
                width: 50% !important;
            }
		
            .d-flex.insp-slider-right-column {
                display: none !important;
            }

            .insp-slider-row {
                justify-content: space-between;
                overflow: hidden;
            }
        }
		
		@media (min-width: 1441px) {
		.insp-slider-side-image-top {
			height: 40vh !important;
			}
	
		.insp-slider-side-image-bottom {
			height: 25vh !important;
		}
		
    	.insp-slider-side-image-bottom {
			width: 75% !important;
			padding-top: 0 !important;
		}
	}
		
        .modal-content {
            border-radius: 8px;
            overflow: hidden;
        }
        
        .modal-header {
			display: none !important;
            border-bottom: none;
            padding: 15px 20px;
        }
        
        .modal-body {
            padding: 0;
        }
        
        #videoPlayer {
            width: 100%;
            background: #000;
        }
        
        .insp-slider-video-modal-dialog {
            perspective: 1000px;
        }
        
        .insp-slider-video-container {
            opacity: 0;
            transform: scale(0.7) rotateX(30deg);
            transition: all 0s;
        }
        
        .insp-slider-animate-video {
            animation: inspSliderVideoReveal 0.6s cubic-bezier(0.33, 1, 0.68, 1) forwards;
        }
        
        @keyframes inspSliderVideoReveal {
            0% {
                opacity: 0;
                transform: scale(0.7) rotateX(30deg);
            }
            60% {
                opacity: 1;
                transform: scale(1.05) rotateX(0deg);
            }
            100% {
                opacity: 1;
                transform: scale(1) rotateX(0deg);
            }
        }

/* === Desktop Menu === */ 

html.menu-open,
		body.menu-open {
			overflow: hidden;
		}

		.hbsi-mobile-menu-container {
			visibility: visible;
			opacity: 1;
			transition: visibility 0s linear 0.3s, opacity 0.3s ease;
			position: relative;
			font-family: 'Poppins', sans-serif;
		}
		
		.hbsi-mobile-menu-container.menu-loaded {
			visibility: visible;
			opacity: 1;
			transition-delay: 0s;
		}
		
		.hbsi-mobile-menu-container * {
			box-sizing: border-box;
		}

		.menu-toggle {
			display: inline-block;
			cursor: pointer;
			padding: 10px;
		}

		.menu-toggle .menu-icon {
			width: 30px;
			height: auto;
			display: block;
		}

		.hbsi-menu-overlay {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 9998;
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.6s ease;
		}

		.hbsi-menu-overlay.active {
			opacity: 1;
			visibility: visible;
		}

		.hbsi-mobile-menu-wrapper {
			position: fixed;
			top: 0;
			left: -100%;
			height: 100%;
			width: auto;
			z-index: 9999;
			transition: left 0.6s ease-in-out;
			display: flex;
			visibility: hidden;opacity: 0;
		}

		.hbsi-mobile-menu-wrapper.open {
			left: 0;
			visibility: visible; opacity: 1;
		}

		.hbsi-menu-main-panel {
			width: 554px;
			height: 100%;
			background-color: #1A1A1A;
			box-shadow: 8px 0 20px rgba(0,0,0,0.3); 
			display: flex;
			flex-direction: column;
			overflow-y: auto;
			z-index: 2; overflow-x: hidden;
			opacity: 0; 
			transition: opacity 0.6s ease-in-out;
		}

		.hbsi-mobile-menu-wrapper.open .hbsi-menu-main-panel {
			opacity: 1; 
		}

		.hbsi-close-menu {
			position: relative;
			top: 70px;
			left: 45px;
			color: white;
			font-size: 24px;
			cursor: pointer;
			z-index: 10;
		}

		.hbsi-menu-content {
			flex: 1;
			padding: 80px 0 20px 90px;
			overflow-y: auto;
			position: relative;
		}

		.hbsi-main-menu {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.hbsi-main-menu li {
			margin: 0;
			padding: 0;
			position: relative;
		}

		.menu-item-wrapper {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-right: 20px;
		}

		.hbsi-main-menu a {
			display: block;
			padding: 18px 0;
			color: #5e5e5e;
			text-decoration: none;
			font-size: 18px;
			line-height: 10px;
			font-weight: 400;
			font-family: 'Poppins', sans-serif;
			flex-grow: 1;
			overflow: hidden;
		}
        
        .hbsi-main-menu .level-1 a {
            font-size: 15px;
        }

		.hbsi-main-menu .level-2 a,
        .panel-menu .level-2 a {
			font-size: 15px;
		}

		.menu-item-marquee {
			position: relative;
			overflow: hidden;
		}

		.menu-item-marquee span {
			display: inline-block;
			white-space: nowrap;
			padding-right: 20px;
			transition: transform 10s linear;
		}

		.menu-item-marquee.scrolling span {
			transform: translateX(-100%);
			animation: marquee 20s linear infinite;
		}

		@keyframes marquee {
			0% { transform: translateX(0%); }
			40% { transform: translateX(-100%); }
			60% { transform: translateX(-100%); }
			100% { transform: translateX(0%); }
		}

		.hbsi-main-menu a:hover,
		.hbsi-main-menu li.active > a,
		.hbsi-main-menu li.active > .menu-item-wrapper > a {
			color: #8DC63F;
		}

		.dropdown-toggle,
		.panel-toggle {
			color: #424242;
			cursor: pointer;
			transition: transform 0.6s;
			padding: 23px 10px;
			display: flex;
			align-items: center;
		}

		.dropdown-toggle.active {
			transform: rotate(180deg);
			color: #8DC63F;
		}

		.sub-menu {
			display: none;
			list-style: none;
			padding-left: 20px;
			margin: 0;
			overflow: hidden;
			transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			opacity: 0;
			transform: translateY(-10px);
			height: 0;
		}

		.sub-menu.active {
			display: block;
			opacity: 1;
			transform: translateY(0);
			height: auto;
		}

		.hbsi-secondary-panels-container {
			position: relative;
			width: 0;
			height: 100%;
			overflow: hidden;
			transition: width 0.6s ease-in-out;
			z-index: 1; /* Lower z-index than main panel */
		}

		.hbsi-secondary-panels-container.active {
			width: 400px;
		}

		.hbsi-menu-panel {
			width: 400px;
			height: 100%;
			background-color: #1A1A1A;
			box-shadow: 5px 0 15px rgba(0,0,0,0.2);
			padding: 60px 20px 20px 60px;
			overflow-y: auto;
			position: absolute;
			top: 0;
			left: 0;
			transform: translateX(-100%);
			transition: transform 0.6s ease-in-out;
			opacity: 0;
			visibility: hidden;
		}

		.hbsi-menu-panel.active {
			transform: translateX(0);
			opacity: 1;
			visibility: visible;
		}

		.panel-header {
			display: none;
			align-items: center;
			margin-bottom: 20px;
			padding-bottom: 10px;
            border-bottom: 1px solid #424242;
		}

		.panel-back {
			margin-right: 15px;
			color: #424242;
			cursor: pointer;
			display: flex;
			align-items: center;
		}

		.panel-header h3 {
			margin: 0;
			color: #8DC63F;
			opacity: 100%;
			font-size: 20px;
			font-weight: 400;
			font-family: 'Poppins', sans-serif;
		}

		.panel-menu {
			list-style: none;
			padding: 0;
			margin: 30px 0 0 0;
		}

		.panel-menu a {
			display: block;
			padding: 23px 0;
			color: #5e5e5e;
			text-decoration: none;
			font-size: 15px;
			font-weight: 400;
			font-family: 'Poppins', sans-serif;
		}

		.panel-menu a:hover {
			color: #8DC63F;
			opacity: 100%;
		}

		.hbsi-menu-footer {
/* 			padding: 20px 0 0px 0; */
			background-color: #1A1A1A;
		}
		.hbsi-footer-container {
			padding: 0 0 50px 85px;
			padding-top: 20px;
			position: relative;
		}

/* 		.hbsi-contact-us {
			margin-bottom:  30px;
		} */

		.hbsi-menu-footer h3 {
			color: #424242;
			font-size: 12px;
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			margin: 0 0 15px;
			letter-spacing: 1px;
		}

		.hbsi-contact-info {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}

		.hbsi-contact-info a {
			color: #424242;
			text-decoration: none;
			font-size: 17px;
			font-weight: 400;
			font-family: 'Poppins', sans-serif;
			transition: color 0.3s;
		}

		.hbsi-contact-info a:hover {
			color: #8DC63F;
			opacity: 100%;
		}

		.hbsi-contact-info .divider {
			color: #424242;
			margin: 0 15px;
		}

		.social-icons {
			display: flex;
			gap: 15px;
		}

		.social-icon {
			width: 38px;
			height: 38px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: transparent;
			border: 1px solid #424242;
			border-radius: 50%;
			transition: all 0.3s ease;
		}

		.social-icon svg {
			fill: #424242;
		}

		.social-icon:hover {
			background-color: #8DC63F;
			border-color: #8DC63F;
			opacity: 100%;
		}

		.social-icon:hover svg {
			fill: #1A1A1A;
		}

		.hbsi-footer-image {
			position: absolute;
			right: -210px;
			width: 430px;
			bottom: 0.1vh;
		}

		.hbsi-footer-image img {
			width: 50%;
			height: auto;
			display: block;
		}

		.menu-item-has-children:not(.panel-trigger):hover > .sub-menu {
			display: block !important;
			opacity: 1 !important;
			transform: translateY(0) !important;
			height: auto !important;
		}

		.menu-item-has-children:hover > .menu-item-wrapper > a,
		.menu-item-has-children:hover > a {
			color: #8DC63F !important;
			opacity: 100%;
		}

		.panel-trigger:hover .hbsi-secondary-panels-container {
			width: 400px !important;
		}

		.panel-trigger:hover .hbsi-menu-panel {
			transform: translateX(0) !important;
			opacity: 1 !important;
			visibility: visible !important;
		}

		.dropdown-toggle, .panel-toggle {
			display: none !important;
		}

		.menu-item-wrapper {
			padding-right: 0;
		}

		.sub-menu:hover {
			display: block !important;
			opacity: 1 !important;
			transform: translateY(0) !important;
			height: auto !important;
		}

		.hbsi-secondary-panels-container:hover {
			width: 400px !important;
		}

		.hbsi-menu-panel:hover {
			transform: translateX(0) !important;
			opacity: 1 !important;
			visibility: visible !important;
		}

		.menu-item-has-children:not(.panel-trigger) > .sub-menu {
			display: block !important; 
			opacity: 0;
			height: 0;
			transform: translateY(-10px);
			transition: all 0.3s ease-out; 
			pointer-events: none; 
			overflow: hidden;
		}

		.menu-item-has-children:not(.panel-trigger):hover > .sub-menu {
			opacity: 1;
			transform: translateY(0);
			height: auto;
			max-height: 1000px; 
			pointer-events: auto; 
		}

		.panel-trigger:hover .hbsi-secondary-panels-container {
			width: 400px;
			transition: width 0.4s ease-out;
		}

		.hbsi-secondary-panels-container {
			transition: width 0.4s ease-out;
		}

		.panel-trigger .hbsi-menu-panel {
			transform: translateX(-100%);
			opacity: 0;
			visibility: hidden;
			transition: transform 0.4s ease-out, opacity 0.3s ease-out, visibility 0s linear 0.4s;
		}

		.panel-trigger:hover .hbsi-menu-panel {
			transform: translateX(0);
			opacity: 1;
			visibility: visible;
			transition: transform 0.4s ease-out, opacity 0.3s ease-out, visibility 0s;
		}

		.menu-item-has-children:hover > .menu-item-wrapper > a,
		.menu-item-has-children:hover > a {
			color: #8DC63F !important;
            opacity: 100%;
			transition: color 0.3s ease;
		}

		.panel-trigger {
			position: relative;
		}

		.panel-trigger:not(:hover) .hbsi-menu-panel {
			transition: transform 0.4s ease-out, opacity 0.3s ease-out, visibility 0s linear 0.4s;
		}

		.panel-trigger::after {
			content: "";
			position: absolute;
			right: -20px;
			top: 0;
			height: 100%;
			width: 20px;
		}

        .level-1.panel-trigger > .menu-item-wrapper > a:before {
            content: '';
            display: inline-block;
            width: 15px;
            height: 15px;
            background-image: url('https://haycarb-test.hayflex.com/wp-content/uploads/2025/04/SolutionsArrow.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            margin-right: 20px;
            vertical-align: middle;
        }

		.panel-trigger:not(:hover) ~ .hbsi-secondary-panels-container,
		.panel-trigger:not(:hover) .hbsi-secondary-panels-container {
			width: 0 !important;
			transition: width 0.4s ease-out 0.2s; 
		}

		.hbsi-menu-content::-webkit-scrollbar,
		.hbsi-menu-panel::-webkit-scrollbar {
			width: 2px;  
			border-radius: 4px;  
		}

		.hbsi-menu-content::-webkit-scrollbar-thumb,
		.hbsi-menu-panel::-webkit-scrollbar-thumb {
			background-color: #8DC63F;  
			border-radius: 4px;  
		}

		.hbsi-menu-content::-webkit-scrollbar-track,
		.hbsi-menu-panel::-webkit-scrollbar-track {
			background-color: #1A1A1A;
			border-radius: 4px;  
		}

		.hbsi-menu-content,
		.hbsi-menu-panel {
			scrollbar-width: thin;
			scrollbar-color: #8DC63F #1A1A1A; 
		}

        .hbsi-main-menu .level-1:not(.panel-trigger) > .menu-item-wrapper > a:before,
        .hbsi-main-menu .level-1:not(.panel-trigger) > a:before {
            content: '';
            background-image: url('https://haycarb-test.hayflex.com/wp-content/uploads/2025/04/SolutionsArrow.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            width: 15px;
            height: 15px;
            display: inline-block;
            margin-right: 23px;
            vertical-align: middle;
        }

		@media (max-width: 902px) {
			.hbsi-main-menu a {
				font-size: 16px;
			}

			.hbsi-contact-info a {
				font-size: 14px;
			}

			.hbsi-menu-main-panel {
				width: 400px;
			}

			.hbsi-menu-panel {
				padding: 60px 20px 20px 40px;
			}

			.hbsi-menu-content {
				padding: 60px 0 20px 60px;
			}

			.hbsi-footer-container {
				padding: 0 0 0 60px;
			}
		}

/* === ACF Gallery === */ 

.acf-gallery-main-wrapper {
    text-align: center;
}
.acf-gallery-main-image img {
    width: 62.81vw !important; 
    height: 43.19vw !important; 
    object-fit: cover;
    margin-bottom: 10px;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.acf-gallery-thumb-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto;
}
.acf-gallery-thumbnails {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 5px 20px;
    width: 100%; 
    justify-content: center;
}
.acf-gallery-thumbnails::-webkit-scrollbar {
    display: none;
}
.acf-gallery-thumbnails img {
    cursor: pointer;
    width: calc(62.81vw / 5); 
    height: calc(43.19vw / 5); 
    object-fit: cover;
    opacity: 0.7;
    transition: opacity 0.3s;
    flex-shrink: 0;
}
.acf-gallery-thumbnails img:hover,
.acf-gallery-thumbnails img.active {
    opacity: 1;
}
.thumb-nav {
    background: transparent;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 25px;
    width: 30px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s;
}
.thumb-nav:hover {
    color: #ccc;
}