.round {
            border-radius: 15px !important;
        }

        .bg-gray {
            background-color: #f8f9fa !important;
            padding: 2rem;
        }


        .bg-warning {
            background-color: #FF4F0A !important;
        }

        .hero-section {
            padding-bottom: 280px;
            min-height: 80vh;
            display: flex;
            align-items: center;
        }

        .hero-section .container {
            width: 100%;
        }

        .hero-section .row {
            align-items: center;
        }

        .hero-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }

        .feature-section {
            height: auto;
            position: relative;
            /* Increased padding to make room for the feature-card */
        }

        .feature-card {
            transform: translate(0, -50%);
            z-index: 10;
            /* Ensure it's above other content */
        }


        .features-row .col-md-4 {
            padding-right: 30px;
        }

        .features-row {
            margin-top: -260px;
            padding-bottom: 40px;
        }

        .features-row hr {
            width: 40%;
            margin: 30px auto;
            height: 4px !important;
            background-color: #bbe1ff !important;
            opacity: 1 !important;
            border: none !important;
        }

        .features-row-2 .col-md-4 {
            padding-right: 30px;
        }

        .features-row-2 hr {
            width: 40%;
            margin: 30px auto;
            height: 4px !important;
            background-color: #bbe1ff !important;
            opacity: 1 !important;
            border: none !important;
        }

        .features-icon {
            height: 30px;
            color: #BBE1FF;
        }

        .features-title {
            font-size: 30px;
            color: #fff;
            letter-spacing: 0px;
            font-weight: bold;
            padding-top: 1rem;
        }

        .features-description {
            font-size: 20px;
            color: #fff;
            letter-spacing: 0px;
            text-align: center;
            line-height: 35px;
            font-weight: 500;
        }


        @media (max-width: 767px) {
            .hero-section {
                padding-bottom: 50px;
                min-height: auto;
            }

            .feature-section {
                padding-top: 1rem;
            }

            .features-row {
                margin-top: 0;
            }

            .hero-section {
                padding-bottom: 3rem;
            }

            .hero-content {
                text-align: center;
                padding-bottom: 3rem;
            }

            .hero-title, .hero-subtitle {
                text-align: center;
            }

            .hero-cta {
                display: flex;
                justify-content: center;
                margin-top: 2rem;
            }

            .feature-card {
                margin-top: 2rem;
                position: relative;
                top: 0;
                left: 0;
                transform: none;
            }
        }

        body {
            background-color: #F7F5F4 !important;
            font-family: 'Open Sans', sans-serif;
        }

        .accordion-button {
            font-size: 30px;
            color: #55433D;
            letter-spacing: 0;
            padding: 1rem 0;
        }

        .accordion-button:not(.collapsed) {
            color: #55433D;
            background-color: transparent;
            box-shadow: none;
        }

        .accordion-button:focus {
            box-shadow: none;
        }

        .accordion-body {
            font-size: 20px;
            color: #55433D;
            letter-spacing: 0;
            line-height: 35px;
            padding: 1rem 0;
        }

        .accordion-button::after,
        .accordion-button:not(.collapsed)::after {
            background-image: none !important;
        }

        .accordion-button::after {
            content: '\f055';
            font-family: 'FontAwesome';
            font-size: 30px;
            color: #FF4F0A;
            background-image: none;
            width: auto;
            height: auto;
        }

        .accordion-button:not(.collapsed)::after {
            content: '\f056';
            transform: rotate(0);
        }

        .faq-divider {
            border: 0;
            border-top: 4px solid #8DA79E;
            margin: 1rem 0;
        }

        .accordion-item {
            background-color: transparent !important;
        }

        .accordion-button {
            background-color: transparent !important;
        }

        .accordion-button:not(.collapsed) {
            background-color: transparent !important;
        }

        .navbar {
            /*transition: background-color 0.3s ease;*/
        }
        
        .navbar-initial {
            background: transparent;
        }
        
        .navbar-scrolled {
            background-color: white;
            box-shadow: 0 2px 4px rgba(0,0,0,.1);
        }

        .btn-login {
            height: 42px;
            background-color: white;
            border: 2px solid #55433d;
            box-shadow: 0 3px 0 0 rgba(85, 67, 61, 0.30);
            border-radius: 21px;
            font-size: 15px;
            letter-spacing: 0;
            text-align: center;
            padding: 0 20px;
            line-height: 38px;
        }

        
        .pad-more {
            padding-top: 60px !important;
            padding-bottom: 60px !important;
        }

        .btn-signup {
            height: 42px;
            background-color: #ff4f0a;
            border: 3px solid #55433d;
            box-shadow: 0 2px 0 0 #55433D;
            border-radius: 21px;
            font-size: 15px;
            letter-spacing: 0;
            text-align: center;
            padding: 0 20px;
            line-height: 36px;
            color: white;
        }

        .btn-signup:hover {
            border: 3px solid #55433d;
            color: #55433D;
            background-color: #fff !important;  /* Added this line */
        }

        .btn-login:hover {
            background-color: #55433d !important;
            color: white;
        }

        .btn-login:hover, .btn-signup:hover {
            opacity: 0.9;
        }

        .hero-title {
            font-size: 60px;
            letter-spacing: 0;
            line-height: 72px;
            font-weight: bold;
        }

        .hero-title-highlight {
            color: #FF4F0A;
        }

        .hero-title-rest {
            color: #55433D;
        }

        .hero-subtitle {
            font-size: 30px;
            color: #55433D;
            letter-spacing: 0;
            line-height: 43px;
        }

        .btn-get-started {
            height: 54px;
            background-color: #ff4f0a;
            border: 3px solid #55433d;
            box-shadow: 0 2px 0 0 #55433D;
            border-radius: 27px;
            font-size: 20px;
            letter-spacing: 0;
            text-align: center;
            padding: 0 30px;
            line-height: 48px;
            color: white;
            padding-left: 3rem;
            padding-right: 3rem;
        }

        .btn-get-started:hover {
            border: 3px solid #55433d;
            color: #55433D;
            background-color: #fff !important;  /* Added this line */
        }

        .feature-title {
            font-size: 46px;
            color: #FF4F0A;
            letter-spacing: 0;
            line-height: 57px;
            font-weight: bold;
        }

        .feature-description {
            font-size: 24px;
            color: #776964;
            letter-spacing: 0;
            line-height: 43px;
        }

        .info-section {
            padding: 4rem 0;
        }

        .info-title {
            font-size: 40px;
            color: #55433D;
            letter-spacing: 0px;
            text-align: center;
            font-weight: bold;
        }

        .page.single {
            background: linear-gradient(180deg, #f1edeb 0%, #f9f7f7 100%);
        }

        .pb-10 {
            padding-bottom: 6rem !important;
        }

        .pt-10 {
            padding-top: 6rem !important;
        }

        .header-brand {
            font-weight: bold;
            color: #FF4F0A;
            text-decoration: none;
        }

        .nav-link {
            font-weight: 500;
        }

        .btn {
            font-weight: 500;
        }

        .faq-title {
            font-size: 46px;
            color: #55433D;
            letter-spacing: 0px;
            text-align: center;
            padding-bottom: 6rem;
        }

        .accordion-button {
            font-weight: bold;
            font-size: 30px;
            color: #55433D;
            letter-spacing: 0px;
        }

        .accordion-body {
            font-weight: 500;
            font-size: 20px;
            color: #55433D;
            letter-spacing: 0px;
            line-height: 35px;
        }

        .footer {
            border-top: 1px solid #e5dcd8;
        }

        /* Article styling for better separation */
        .article-section {
            margin-bottom: 3rem;
            padding: 2rem 0;
            border-bottom: 1px solid #e5dcd8;
        }

        .article-section:last-child {
            border-bottom: none;
        }

        .article-section h2 {
            margin-bottom: 1.5rem;
            color: #55433D;
            font-weight: bold;
        }

        .article-image {
            margin: 2rem 0;
        }

        .article-image img {
            max-width: 100%;
            height: auto;
            border-radius: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .image-caption {
            font-size: 0.9rem;
            color: #776964;
            margin-top: 0.5rem;
            text-align: center;
        }