.layout-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 5% 20%;
}

.content-left {
    flex: 0 0 50%; /* 6 columns, 50% width */
    padding: 1rem;
}
.content-left h1 {
    font-size: 2.5rem;
    color: #1D66B5;
    margin-bottom: 1rem;
}
.content-left p {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-explore {
    padding: 0.8rem 1.5rem;
    background-color: #219653;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-explore:hover {
    background-color: #219653;
}

.content-right {
    flex: 0 0 50%; /* 6 columns, 50% width */
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.image-illustration {
    max-width: 120%;
    height: auto;
}

/* Responsive Design for smaller screens */
@media (max-width: 768px) {
    .content-left, .content-right {
        flex: 0 0 100%; /* Full width for each section on small screens */
        text-align: center;
    }

    .content-left {
        margin-bottom: 2rem; /* Adds space between sections */
    }
}






body {
    height: 100vh;  /* Full viewport height */
    overflow-y: scroll;  /* Enables vertical scrolling */
    scrollbar-width: none;  /* For Firefox: hides the scrollbar */
    -ms-overflow-style: none;  /* For Internet Explorer and Edge */
}
.svg-image-illustration{
    width: 503px;
    height: 280px;
    gap: 0px;
    opacity: 0px;

}
/* Hides the scrollbar for WebKit browsers like Chrome, Safari */
body::-webkit-scrollbar {
    display: none;
}

/* Navbar Custom Styles */
.navbar-custom {
    height: auto;
    background-color: white;
    padding:5px 40px 5px 0px;
    position: relative;  /* Ensures the navbar is fixed at the top */
    top: 0;
    width: 100%;  /* Make sure it spans the full width */
    z-index: 1000;
    border-bottom: 2px solid #f0f0f0; /* Slight border for separation */
}
.navbar-custom .logo {
    width: 37.78px;
    height: 46.59px;
    margin-right: 10px;
    opacity: 1;
}

/* Company name with specific font and styles */
.navbar-custom .company-name {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 700; /* Bold for 'Eco' */
    font-size: 30px;
    line-height: 35.25px;

}

.navbar-custom .company-name .eco {
    color: #219653; /* Green color for 'Eco' */
}

.navbar-custom .company-name .integratix {
    color: grey; /* Grey color for 'Integratix' */
    font-weight: 500; /* Slightly lighter for 'Integratix' */
}

/* Nav links styling */
.navbar-custom .nav-item a {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: black;
    text-decoration: none;
}

.navbar-custom .nav-item a:hover {
    color: #219653;
}

/* Buttons Styles */
.navbar-custom .btn-signup {
    background-color: #219653;
    color: #fff;
    width: 104px;
    height: 40px;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: 2px solid transparent;
    transition: 0.3s;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Button Elevation */
}

.navbar-custom .btn-signup:hover {
    border-color: #219653;
    background-color: white;
    color: #219653;
}

.navbar-custom .btn-subscribe {
    border: 2px solid #219653;
    color: #219653;
    width: 104px;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-left: 10px;
    transition: 0.3s;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Button Elevation */
}

.navbar-custom .btn-subscribe:hover {
    background-color: #219653;
    color: white;
}

/* Frame in the body */
.content-frame {
    border: 2px solid #ccc;
    padding: 20px;
    margin: 40px auto;
    max-width: 600px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #333;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Frame elevation */
}
.logo-landing{
    width: 37.78px;
    height: 46.59px;
    top: 45px;
    left: 144.11px;
    gap: 0px;
    opacity: 0px;
}


/* Grid section styles */
.grid-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 1189px;
    height: 299px;
    margin-top: 96px;
    margin-left: 15%;
    gap: 0px;
    opacity: 1; /* Adjusting opacity */
    position: relative;
    justify-content: center;
}

/* Left content styling */
.grid-section .left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 20px;
}

.grid-section .left-content h1 {
    font-size: 44px;
    font-weight: 700;
    line-height: 53.64px;
    text-align: left;
    color: #1D66B5;
;

}

.grid-section .left-content p {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 24.38px;
    text-align: left;

    color: #666;

}

.grid-section .explore-btn {
    background-color: #219653;
    color: white;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 208px;
    height: 44px;
    top: 255px;
    gap: 0px;
    opacity: 0px;

}

.grid-section .explore-btn:hover {
    background-color: #1e7d48;
}

/* Right content styling */
.grid-section .right-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.grid-section .right-image {
    width: 585px;
    height: 289px;
    object-fit: cover;
    border-radius: 10px;
    opacity: 1; /* Adjust opacity */
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .grid-section {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        margin: 20px auto;
        gap: 20px;
    }

    .grid-section .left-content {
        padding: 0 20px;
    }

    .grid-section .left-content h1 {
        margin-top: 60px;
        font-size: 40px;
    }

    .grid-section .left-content p {
        font-size: 16px;
    }

    .grid-section .explore-btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    .grid-section .right-image {
        width: 100%;
        height: auto;
    }
}



/* secion standards */
/* New Grid Section Styles */
.standards-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 0; /* Spacing above and below the section */
}

.standards-content {
    text-align: center;
    margin-bottom: 20px; /* Spacing below the text */
}

.standards-content h2 {
    font-size: 32px; /* Adjust font size */
    font-weight: 700;
    color: #333; /* Text color */
}

.standards-content p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px; /* Adjust font size */
    color: #666; /* Description color */
    max-width: 800px; /* Max width for better readability */
}

.logos-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Ensures logos wrap on smaller screens */
    gap: 20px; /* Spacing between logos */
}

.logo-item {
    display: flex;
    flex-direction: column; /* Aligns logo and name vertically */
    align-items: center; /* Centering logos and names */
}

.company-logo {
    width: 100px; /* Adjust logo size */
    height: auto; /* Maintains aspect ratio */
}

.logo-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px; /* Logo name font size */
    color: #333; /* Color for logo name */
    text-align: center; /* Center-align names */
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .standards-content h2 {
        font-size: 28px; /* Smaller heading for mobile */
    }

    .standards-content p {
        font-size: 16px; /* Smaller description for mobile */
    }

    .company-logo {
        width: 80px; /* Smaller logo size for mobile */
    }

    .logo-name {
        font-size: 12px; /* Smaller font for logo names on mobile */
    }
}

/* Sustainability Section Styles */
.sustainability-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #E5F6EC;
    padding: 10% 15%;
    border-radius: 10px;
    margin: 40px 0;
    width: Fixed (1,189px)px;
    top: 103px;
    left: 138px;
    gap: 0px;
    justify-content: space-between;
    opacity: 0px;

}
.sustainability-content {
    max-width: 50%;
}

.sustainability-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

.sustainability-content p {
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
}

.button-container {
    display: flex;
    gap: 20px;
}

/* Button Styles */
.test-drive-btn {
    background-color: #219653;
    color: #fff;
    padding: 12px 25px;
    border-radius: 10px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.test-drive-btn:hover {
    background-color: #176f3e; /* Darker green on hover */
}
/* Discover Solutions Button with Outline */
.discover-btn {
    background-color: transparent;
    color: #219653;
    padding: 12px 25px;
    border: 2px solid #219653;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.discover-btn:hover {
    background-color: #219653; /* Green background on hover */
    color: #fff; /* White text on hover */
}

/* Image Styles */
.sustainability-image {
    max-width: 45%;
}
.journey-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .sustainability-section {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .sustainability-content {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .button-container {
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }

    .sustainability-image {
        max-width: 100%;
    }
}


.business-value-section {
    text-align: center;
    margin: 50px auto;
    padding: 20px;
    background-color: white;
    max-width: 1200px;
}

.business-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 46.32px;
    margin-bottom: 20px;
    width: 687px;
    height: 92px;
    margin-left: 20%;
    gap: 0px;
    opacity: 0px;

}

.business-description {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 26.82px;
    margin-bottom: 40px;
    width: 768px;
    height: 54px;
    top: 116px;
    margin-left: 15%;
    gap: 0px;
    opacity: 0px;

}

.container-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 20px;
}

.value-container {
    display: flex;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    width: 48%;
    align-items: center;
    gap: 20px;
}

.image-side {
    flex: 0 0 80px;
    background: #219653;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.container-image {
    width: 80px;
    height: 80px;
    padding: 20px;
}

.text-side {
    text-align: left; /* Ensure text is left-aligned */

}

.text-side h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    line-height: 26.82px;
    text-align: left; /* Left-align the heading text */
}

.text-side p {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin: 5px 0 0;
    line-height: 24.38px;
    text-align: left; /* Left-align the description text */
}




.features-section {
    padding: 50px 20px; /* Added padding for spacing */
    background-color: #E5F6EC;
}

.features-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 46.32px;
    text-align: center;
    margin-bottom: 30px;
}

.feature-row {
    display: flex;
    justify-content: space-between; /* Align items on the left and right */
    align-items: flex-start; /* Align items at the top */
    max-width: 1200px; /* Set max width for better alignment */
    margin: 0 auto; /* Center the row */
    padding: 0 20px; /* Horizontal padding */
}

.feature-list {
    width: 100%; /* Adjust as needed to give space for the image */
    text-align: left; /* Align text to the left */
}

.feature-item {
    margin-bottom: 0px; /* Space between feature items */
    padding: 10px; /* Padding for each feature item */
    border: 1px solid transparent; /* Optional: border for visual separation */
    border-radius: 8px; /* Optional: rounded corners */
}

.feature-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #219653; /* Green color */
    margin: 0;
    line-height: 26.82px;
}

.feature-details {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: black; /* Black color for details */
    line-height: 24.38px;
}

.feature-image {
    width: 20%; /* Adjust width for the image section */
    margin-left: 20px; /* Space between features and image */
    width: Fixed (456px)px;
    height: Fixed (368px)px;
    gap: 4px;
    opacity: 0px;
    margin-top: 5%;

}

.features-svg {
    width: 100%; /* Adjust as needed */
    height: auto; /* Maintain aspect ratio */
}
/* footer */
.footer-section {
    background-color: #0A4A26;
    color: white;
    padding: 50px 20px;
    border-radius:90px 90px 0px 0px;
    -webkit-border-radius:90px 90px 0px 0px;
    -moz-border-radius:90px 90px 0px 0px;
    -ms-border-radius:90px 90px 0px 0px;
    -o-border-radius:90px 90px 0px 0px;
}

.footer-container {
    display: flex; /* Flexbox layout for columns */
    justify-content: space-between; /* Space between columns */
    max-width: 1200px; /* Max width for the footer */
    margin: 0 auto; /* Center the footer */
    flex-wrap: wrap; /* Allow columns to wrap on smaller screens */
}

.footer-column {
    width: 30%; /* Each column takes 30% of the width */
    padding: 0 15px; /* Padding on left and right */
}

.footer-logo {
    display: flex; /* Flexbox layout for logo and name */
    align-items: center; /* Center items vertically */
}

.footer-logo-image {
    width: 280px; /* Logo image width */
    height: 65px; /* Maintain aspect ratio */
    margin-right: 10px; /* Space between logo and name */
}

.company-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px; /* Company name font size */
    font-weight: 700; /* Bold font weight */
}

.footer-description {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px; /* Font size for the description */
    margin: 10px 0 20px; /* Margin for spacing */
}

.footer-login-form {
    background-color: white;
    padding: 20px; /* Padding for the login form */
    border-radius: 8px; /* Rounded corners */
}
.send-message{
    color: #219653;
}
.footer-login-form h3 {
    margin: 0 0 10px; /* Margin for the heading */
    color:#219653;
}

.login-input {
    width: 100%; /* Full width inputs */
    padding: 10px; /* Padding for inputs */
    margin-bottom: 10px; /* Space between inputs */
    border: .00625rem solid #219653; /* No border */
    border-radius: 5px; /* Rounded corners */
}

.login-button {
    width: 100%; /* Full width button */
    padding: 10px; /* Padding for button */
    background-color: #219653; /* Button color */
    color: white; /* White text color */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
}

.forgot-password-link {
    display: block; /* Make it block level */
    margin-top: 10px; /* Space above */
    color: black; /* White color for link */
    text-decoration: underline; /* Underline the link */
}

.footer-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px; /* Font size for headings */
    font-weight: 700; /* Bold font weight */
    margin-bottom: 10px; /* Space below heading */
    margin-top: 30px;
}

.footer-links {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* No padding */
    margin: 0; /* No margin */
}

.footer-links li {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px; /* Font size for links */
    margin: 5px 0; /* Space between links */
}

.contact-form {
    background-color: white;
    padding: 20px; /* Padding for the contact form */
    border-radius: 8px; /* Rounded corners */
}

.contact-input, .contact-textarea {
    width: 100%; /* Full width inputs */
    padding: 10px; /* Padding for inputs */
    margin-bottom: 10px; /* Space between inputs */
    border: .00625rem solid #219653; /* No border */
    border-radius: 5px; /* Rounded corners */
}
.terms{
    color:black;
}
.contact-textarea {
    resize: none; /* Disable resizing for the textarea */
}

.contact-button {
    width: 100%; /* Full width button */
    padding: 10px; /* Padding for button */
    background-color: #219653; /* Button color */
    color: white; /* White text color */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
}

.terms-checkbox {
    margin-right: 5px; /* Space between checkbox and label */
}

/* Responsive Styles */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* Stack columns vertically */
        align-items: center; /* Center columns */
    }

    .footer-column {
        width: 100%; /* Full width for each column */
        padding: 20px 0; /* Padding above and below each column */
        text-align: center; /* Center text in each column */
    }

    .footer-heading {
        font-size: 20px; /* Adjust heading font size */
    }

    .footer-description {
        font-size: 14px; /* Adjust description font size */
    }

    .login-input, .contact-input, .contact-textarea {
        font-size: 14px; /* Adjust input font size */
    }

    .login-button, .contact-button {
        font-size: 14px; /* Adjust button font size */
    }
}
.logo-circle {
    width: 70px; /* Circle width */
    height: 70px; /* Circle height */
    background-color: white; /* Circle background color */
    border-radius: 50%; /* Make it a circle */
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Shadow for elevation */
    margin: 0 auto 10px; /* Center the circle and add space below */
}

.logo-image {
    width: 70%; /* Logo image width */
    height: auto; /* Maintain aspect ratio */
}

/* Styling for the search bar */
.footer-search {
    position: relative;
    margin-top: 1.5rem; /* Space between description and search bar */
}

.search-input {
    width: 100%;
    padding: 0.8rem 1rem;
    padding-right: 2.5rem; /* Leaves space for the icon inside the input */
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: white;
    font-size: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.search-input::placeholder {
    color: #777;
}

/* Positioning the search icon inside the input field on the right */
.search-icon {
    position: absolute;
    right: 10px; /* Moves the icon to the right side */
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url('<%= asset_path("search-icon.svg") %>') no-repeat center center;
    background-size: contain;
}

/* Adjustments for smaller screens */
@media (max-width: 768px) {
    .footer-search {
        margin-top: 1rem;
    }

    .search-input {
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
        padding-right: 2.5rem;
    }
}

.link-btn-homepage {
    color: #219653; /* Green color */
    text-decoration: none; /* Remove underline */
    margin-bottom: 8px;
}

.link-btn-homepage:hover {
    text-decoration: none; /* Optional: add underline on hover if desired */
}
.custom-divider {
    height: 2px; /* Thickness of the line */
    background-color: #d2dad5; /* Color of the line */
    margin: 30px 0; /* Space above and below the line */
    width: 100%; /* Full width */
    /* Optional: Add rounded edges */
    border-radius: 4px;
}





/* Remove all animations, decorations, and rounded corners */
.nav-tabs {
    margin-bottom: 20px; /* Space below the tabs */
    border-bottom: none; /* Remove default border */
    padding-left: 20%;
}
.nav-link {
    color: black; /* Default text color for non-active tabs */
    font-weight: 500; /* Slightly bolder text for better readability */
    border: none; /* Remove all borders */
    background-color: transparent !important; /* No background color */
    transition: none; /* Disable any hover or focus transitions */
    border-radius: 0px !important; /* Remove rounded corners */
}

/* Active tab styles */
.nav-link.active {
    background-color: transparent !important;
    color: #219653; /* Green color for active tab */
    border-bottom: 2px solid #1D66B5 !important; /* Blue border at bottom for active tab */
    border-radius: 0px !important; /* No rounded corners */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Remove hover effects */
.nav-link:hover {
    background-color: transparent !important;
    color: #219653 !important; /* Optional: same color as active tab */
    border: none !important;
}

/* Disable any focus outline */
.nav-link:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Remove any tab content animation */
.tab-pane {
    display: none;
    opacity: 1; /* Ensure no opacity transitions */
    transition: none; /* Remove any fade or transition effects */
}

.tab-pane.active {
    display: block; /* Ensure only active tab content is shown */
}
/* Styles for the tab content box */
.tab-content {
    background-color: transparent; /* Light background for tab content */
    padding: 30px 15px 30px 15px; /* Space around the content */
    border-radius: 8px; /* Rounded corners for the content box */
    border: none; /* Light border around the content */
    box-shadow:none; /* Subtle shadow for depth */
    margin-top: 20px; /* Space between tabs and content */
    padding-left: 20%;
}

/* Styling for headings inside tabs */
.tab-pane h3 {
    font-size: 16px; /* Larger font for section headings */
    font-weight: bold; /* Bold text for section headings */
    color: #219653; /* Green color for headings */
    margin-bottom: 20px; /* More space below heading */
    text-transform: uppercase; /* Make headings uppercase */
    letter-spacing: 1px; /* Slight spacing between letters */
    border-bottom: 2px solid #ddd; /* Bottom border to separate heading */
    padding-bottom: 10px; /* Padding at the bottom of heading */
}

/* Paragraph styling for tab content */
.tab-pane p {
    font-size: 16px; /* Increase font size for paragraphs */
    color: #333; /* Dark color for text */
    line-height: 1.7; /* Better line height for readability */
    margin-bottom: 20px; /* Space below each paragraph */
    padding-left: 10px; /* Indent for paragraph text */
    border-left: 3px solid #219653; /* Green bar for paragraph style */
}

/* Styles for bullet points */
.tab-pane ul {
    list-style-type: disc; /* Default bullet points */
    padding-left: 20px; /* Indent for the list */
    margin-top: 10px; /* Space above the list */
    margin-bottom: 20px; /* Space below the list */
}

.tab-pane ul li {
    font-size: 16px; /* Font size for list items */
    color: #333; /* Dark color for text */
    line-height: 1.5; /* Better spacing between list items */
    margin-bottom: 10px; /* Space between each list item */
}

/* Adding sections with icons (optional) */
.section-icon {
    display: flex; /* Align icon and text horizontally */
    align-items: center; /* Vertically center align */
    margin-bottom: 15px; /* Space below the section */
}

.section-icon i {
    font-size: 24px; /* Icon size */
    color: #219653; /* Green color for the icon */
    margin-right: 10px; /* Space between icon and text */
}

.section-icon h4 {
    font-size: 22px; /* Section title font size */
    font-weight: 600; /* Bold for section titles */
    color: #1D66B5; /* Blue color for section titles */
}

.features-svg{
    max-height: 30%;
    max-width: 30%;
}