html {
            overflow-y: scroll;
            height: 100%;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch;
        }

        body {
            overflow-y: visible;
            position: relative;
            height: unset;
            font-family: "Inter", sans-serif;
            background-color: #f2f4f8;
            overflow-x: hidden;
            margin: 0;
        }

        .container-fluid {
            padding: 0;
        }

        .hero-section,
        .footer-section {
            background-color: #fff;
            padding: 80px 0;
            text-align: center;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .horizontal-scroll-wrapper {
            width: 100%;
            height:100vh;
            display: flex;
            flex-wrap: nowrap;
            overflow: hidden;
            position: relative;
        }
	.scrollable-right-container.position-relative {
    background: #F2F4F8 !important;
}
	section.horizontal-scroll-wrapper {
    background: #F2F4F8;
}

        .sticky-left {
            flex-shrink: 0;
            width: 40%;
             height:100vh;height:100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 50px;
            background-color: #f2f4f8;
            z-index: 999;
        }
		.sticky-left h2 {
    font-family: 'Poppins' !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #2E3A4F !important;
}

        .scrollable-right-container {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            padding-left: 50px;
            flex-grow: 1;
            width: 60vw;
            height:100vh;
            z-index: 11;
        }

        .scroll-card {
             flex: 0 0 auto;
            width: 500px  !important;
            margin-right: 30px !important;
/*             background-color: #f2f4f8 !important;
            border-radius: 15px; */
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: #343a40;
            font-weight: 600;
        }

        p.mt-3.mb-4 {
    font-family: 'Poppins' !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #2E3A4F !important;
					margin-top: 25px;
    margin-bottom: 50px;
}

        .btn-custom {
               background-color: #3D716A;
    font-family: 'Poppins';
    font-weight: 600 !important;
    font-size: 16px !important;
    font-style: italic;
					color: #ffffff;
            border-radius: 50px;
            padding: 14px 40px;
            text-decoration: none;
            display: inline-block;
            transition: background-color 0.3s ease;
            width: 210px;
            text-align: center;
        }

        .btn-custom:hover {
    background-color: #3D716A;
    color: #ffffff;
}

a.btn.btn-custom svg {
    margin-left: 10px;
}

        .learn-more-link {
            font-family: 'Poppins';
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #3D716A;
            text-decoration: none;
            display: flex;
            align-items: center;
            margin-top: 20px;
        }

        .learn-more-link svg {
            margin-right: 8px;
        }

        .icon-box {
            width: 60px;
            height: 60px;                    
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: -20px;
        }

        .scroll-card h3::after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            border-bottom: 2px solid #B1B4B8CC;
            position: relative;
            top: 10px;
        }

        .scroll-card h3 {
           margin-bottom: 35px !important;
           font-family: 'Poppins' !important;
           font-size: 32px !important;
           font-weight: 600 !important;
					color:#17171B !important;
					    line-height: 2.2;
        }
	  
	     p.cardsp{
	      	font-family: 'Poppins' !important;
          font-size: 16px !important;
          font-weight: 300 !important;
				 color: #2E3A4F !important;
	}

        .icon-box svg {
          width: 50px !important;
            height: 50px !important;
        }

        @media (max-width: 991.98px) {
            .horizontal-scroll-wrapper {
                flex-direction: column;
                height: auto;
            }

            .sticky-left {
                width: 100%;
                height: auto;
                padding: 50px 20px;
            }

            .scrollable-right-container {
                width: 100%;
                height: auto;
                padding: 20px;
                flex-wrap: nowrap;
            }

            .scroll-card {
                width: 85vw;
                height: 350px;
                padding: 30px;
                margin-right: 15px;
            }

            .scroll-card:last-child {
                margin-right: 20px;
            }
        }