.home-page .hero-content p {
    max-width: 530px
}

@media (max-width: 991px) {
    .home-page .hero-content p {
        margin: auto
    }
}

.home-page .company-logo-section {
    padding-top: 45px;
    padding-bottom: 45px
}

@media (max-width: 767px) {
    .home-page .company-logo-section {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

.home-page .company-logo-section .company-logo-block {
    width: 16.66%
}

@media (max-width: 767px) {
    .home-page .company-logo-section .company-logo-block {
        width: 33.33%;
        margin: 20px 0
    }
}

.home-page .services-section .service-block .service-inner {
    border: 1px solid #81b441;
    border-bottom-width: 6px
}

.home-page .services-section .service-block .service-inner .service-icon {
    width: auto;
    height: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-page .reason-choose-section .reason-content {
    padding: 60px 30px 60px 60px
}

@media (max-width: 1399px) {
    .home-page .reason-choose-section .reason-content {
        padding: 30px 20px 40px 40px
    }
}

@media (max-width: 1199px) {
    .home-page .reason-choose-section .reason-content {
        padding: 30px 40px 40px
    }
}

@media (max-width: 767px) {
    .home-page .reason-choose-section .reason-content {
        padding: 25px
    }
}

.home-page .reason-choose-section .reason-content .accordion {
    position: relative
}

@media (min-width: 1400px) {
    .home-page .reason-choose-section .reason-content .accordion {
        min-width: 780px
    }
}

@media (min-width: 1400px) {
    .home-page .reason-choose-section .choose-image {
        padding-left: 30px
    }
}

.home-page .reason-choose-section .choose-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home-page .testimonial-section .testimonial-carousel {
    position: unset
}

@media (max-width: 1199px) {
    .home-page .testimonial-section .testimonial-carousel {
        width: calc(100% - 40px);
        margin: auto
    }
}

.home-page .testimonial-section__testimonial-card {
    padding: 40px;
    border-color: #dcdcdc !important
}

@media (max-width: 767px) {
    .home-page .testimonial-section__testimonial-card {
        padding: 50px 40px 20px
    }
}

.home-page .testimonial-section__testimonial-card .quotation-mark {
    position: absolute;
    right: 50px;
    top: -34px
}

.home-page .testimonial-section .profile-box .profile-name {
    font-size: 1.25rem
}

.home-page .testimonial-section .profile-box .profile-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .home-page .testimonial-section .profile-box .profile-img {
        width: 50px;
        height: 50px
    }
}

.home-page .testimonial-section .slick-track {
    padding-top: 40px
}

.home-page .testimonial-section .slick-prev, .home-page .testimonial-section .slick-next {
    background-color: #fff;
    border: 2px solid #81b441;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translate(0, 0);
    top: 63%;
    z-index: 1
}

@media (max-width: 1399px) {
    .home-page .testimonial-section .slick-prev, .home-page .testimonial-section .slick-next {
        top: 58%
    }
}

@media (max-width: 575px) {
    .home-page .testimonial-section .slick-prev, .home-page .testimonial-section .slick-next {
        width: 40px;
        height: 40px
    }
}

.home-page .testimonial-section .slick-prev:hover, .home-page .testimonial-section .slick-next:hover {
    background-color: #81b441
}

.home-page .testimonial-section .slick-prev:hover::before, .home-page .testimonial-section .slick-next:hover::before {
    color: #fff
}

.home-page .testimonial-section .slick-prev::before, .home-page .testimonial-section .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    color: #81b441;
    opacity: 1;
    font-size: 26px
}

@media (max-width: 575px) {
    .home-page .testimonial-section .slick-prev::before, .home-page .testimonial-section .slick-next::before {
        font-size: 18px
    }
}

.home-page .testimonial-section .slick-prev {
    left: 0
}

@media (min-width: 1200px) {
    .home-page .testimonial-section .slick-prev {
        left: 12px
    }
}

@media (max-width: 575px) {
    .home-page .testimonial-section .slick-prev {
        left: 12px
    }
}

.home-page .testimonial-section .slick-prev::before {
    content: ""
}

.home-page .testimonial-section .slick-next {
    right: 0
}

@media (min-width: 1200px) {
    .home-page .testimonial-section .slick-next {
        right: auto;
        left: 94px
    }
}

@media (max-width: 575px) {
    .home-page .testimonial-section .slick-next {
        right: 12px
    }
}

.home-page .testimonial-section .slick-next::before {
    content: ""
}

:root {
            --primary-color: #4a00e0;
            --secondary-color: #8e2de2;
            --accent-color: #34d399; /* A vibrant green for CTAs */
            --dark-color: #1a1a2e;
            --light-color: #f4f4f9;
            --text-color: #333;
            --text-light: #ffffff;
            --card-bg: #ffffff;
            --shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; }
        body { font-family: 'Poppins', sans-serif; line-height: 1.6; color: var(--text-color); background-color: var(--light-color); }
        .container { max-width: 1100px; margin: auto; overflow: hidden; padding: 0 2rem; }
        h1, h2, h3 { font-weight: 700; line-height: 1.2; }
        h2 { font-size: 2.5rem; margin-bottom: 1rem; color: var(--dark-color); }
        section { padding: 6rem 0; }
        .section-header { text-align: center; margin-bottom: 3rem; }
        .section-header p { max-width: 600px; margin: 0 auto; color: #666; }
        .btn { display: inline-block; padding: 0.8rem 2rem; background: var(--accent-color); color: var(--text-light); border: none; border-radius: 50px; cursor: pointer; text-decoration: none; font-weight: 600; transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; }
        .btn:hover { transform: scale(1.05); background-color: #2cb782; }
        #hero { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: var(--text-light); height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; padding: 0 2rem; }
        #hero .hero-content { max-width: 800px; }
        #hero .hero-icon { font-size: 3rem; margin-bottom: 1rem; }
        #hero h1 { font-size: 3.5rem; margin-bottom: 0.5rem; }
        #hero .tagline { font-size: 1.5rem; font-weight: 400; margin-bottom: 1.5rem; }
        #hero p { font-size: 1.1rem; max-width: 600px; margin: 0 auto 2rem auto; }
        #features .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; text-align: center; }
        #features .feature-item { background: var(--card-bg); padding: 2.5rem 2rem; border-radius: 10px; box-shadow: var(--shadow); transition: transform 0.3s ease; }
        #features .feature-item:hover { transform: translateY(-10px); }
        #features .feature-icon { width: 64px; height: 64px; margin: 0 auto 1.5rem auto; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-light); }
        #features h3 { font-size: 1.25rem; margin-bottom: 0.5rem; color: var(--primary-color); }
        #use-cases { background-color: #fff; }
        .use-case-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
        .use-case-card { background: var(--light-color); padding: 2rem; border-radius: 10px; display: flex; flex-direction: column; border-left: 5px solid var(--accent-color); }
        .use-case-card .card-icon { font-size: 2rem; margin-bottom: 1rem; }
        .use-case-card h3 { font-size: 1.2rem; margin-bottom: 0.5rem; }
        #business { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: var(--text-light); }
        #business h2 { color: var(--text-light); }
        #business .business-content { display: flex; align-items: center; gap: 4rem; }
        #business .business-text { flex: 1; }
        #business .business-text ul { list-style: none; margin-top: 1.5rem; }
        #business .business-text li { padding-left: 2rem; position: relative; margin-bottom: 1rem; }
        #business .business-text li::before { content: '✓'; position: absolute; left: 0; color: var(--accent-color); font-weight: bold; }
        #business .business-image { flex: 1; text-align: center; }
        #business .business-image svg { max-width: 350px; width: 100%; }
        #bonus .bonus-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; }
        #bonus .bonus-item { text-align: center; }
        #bonus .bonus-item .card-icon { font-size: 2.5rem; margin-bottom: 1rem; color: var(--secondary-color); }
        #final-cta { text-align: center; background: #fff; }
        #final-cta .gift-icon { font-size: 3rem; color: var(--primary-color); margin-bottom: 1rem; }
        #final-cta p { max-width: 600px; margin: 1rem auto 2rem auto; }
        footer { background: var(--dark-color); color: var(--text-light); padding: 4rem 0 2rem 0; }
        .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; }
        .footer-col h4 { margin-bottom: 1rem; color: var(--accent-color); font-weight: 600; }
        .footer-col ul { list-style: none; }
        .footer-col ul li { margin-bottom: 0.5rem; }
        .footer-col ul li a { color: #ccc; text-decoration: none; transition: color 0.2s; }
        .footer-col ul li a:hover { color: var(--text-light); }
        .footer-col .logo { font-size: 1.5rem; font-weight: 700; color: var(--text-light); margin-bottom: 1rem; }
        .footer-bottom { text-align: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #333a55; font-size: 0.9rem; color: #aaa; }
        @media(max-width: 768px) {
            h1 { font-size: 2.8rem; }
            h2 { font-size: 2rem; }
            section { padding: 4rem 0; }
            .container { padding: 0 1rem; }
            .navbar .container { flex-direction: column; }
            .navbar nav { margin-top: 1rem; }
            .navbar nav ul li { margin: 0 0.7rem; }
            #hero { height: auto; padding: 10rem 1rem 4rem 1rem; }
            #features .features-grid { grid-template-columns: 1fr; }
            #business .business-content { flex-direction: column; gap: 2rem; }
        }