html, body {
    overflow-x: hidden;
    /* Maintain existing background gradient */
    background: linear-gradient(135deg, #3FD4C6 0%, #FF6B35 20%, #1E3A8A 40%,#1F8B4C 50%, #1E3A8A 100%);
    color: #333; /* A general text color for readability against varied backgrounds */
    font-family: 'Open Sans', sans-serif; /* Use Google Font defined in HTML */
}

ul {
    list-style: none;
    padding: 0; /* Remove default padding for lists */
}

/* Specific list styling for content sections */
.single_service_inner ul li, .single_service_inner ol li {
    list-style: circle; /* Keep the circle bullet */
    margin-left: 20px; /* Indent lists for readability */
    font-size: 1.1em; /* Slightly larger font for list items */
    margin-bottom: 8px;
}

/* Carousel Styling */
#techCarousel {
    max-width: 400px; /* Limit max width for carousel */
    margin: 40 auto;
    background-color: rgba(255, 255, 255, 0.8); /* Slightly transparent background for carousel */
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#techCarousel .carousel-item img {
    max-height: 400px; /* Limit image height within carousel */
    object-fit: contain; /* Ensure images fit within their container */
}

/* Fixed Navigation */
.witr_na_collapse {
    position: sticky; /* Use sticky for modern fixed navigation */
    top: 0;
    z-index: 1050; /* Ensure it's above other content */
  /*  background: linear-gradient(135deg, #3FD4C6 0%, #FF6B35 20%, #1E3A8A 40%,#1F8B4C 50%, #1E3A8A 100%);   */
    background:rgb(174, 200, 198) ; /*Slightly transparent background for nav */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    padding: 10px 0;
}

.navbar-brand img {
    max-height: 70px; /* Adjust logo size */
}

.navbar-nav .nav-link {
    color: #222222;
    text-shadow: 1px 1px 0px #EEEEEE;
    padding: 0.8rem 1.2rem; /* Increase padding for better click area */
    font-weight: 600;
    transition: all 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #1F8B4C; /* Green as primary highlight color */
    text-shadow: none;
    background-color: rgba(255, 255, 255, 0.2); /* Subtle background on hover/active */
    border-radius: 5px;
}

/* Section Title */
.doc_title {
    text-align: center;
    margin-bottom: 50px; /* Reduced margin */
    padding-top: 50px; /* Padding for the top of the content area */
}

.doc_title h2 {
    font-size: 3.5em; /* Larger, more impactful heading */
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    background: #f6fbff;
    display: inline-block; /* Make background fit content */
    padding: 10px 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    color: #1F8B4C; /* Use primary green for main title */
}

/* Service/Content Sections */
.single_service {
    background: #f6fbff;
    padding: 30px; /* Increased padding */
    margin-bottom: 40px; /* More space between sections */
    border-radius: 15px;
    border-bottom: 5px solid; /* Thicker border */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* Add subtle shadow */
}

.single_service:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Section specific border colors (maintained from original) */
#factura .single_service { border-color: #3149E7; } /* Blue */
#empresa .single_service { border-color: #fed070; } /* Orange/Yellow */
#historia .single_service { border-color: #93ff85; } /* Light Green */
#servicios .single_service { border-color: #fed070; } /* Orange/Yellow */
#productos .single_service { border-color: #7abfff; } /* Light Blue */
#contactanos .single_service { border-color: #032dff; } /* Darker Blue */

.single_service_content h2 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 2em; /* Larger heading for sections */
    color: #222; /* Darker color for section headings */
}

.single_service_inner p {
    line-height: 1.8; /* Improved line spacing for readability */
    font-size: 1.05em;
    margin-bottom: 15px;
}

/* Blinking text for price (retained as per original request) */
#blink {
    animation: blinker 1s linear infinite;
    font-size: 2.5em; /* Make it more prominent */
    color: #1F8B4C; /* Green color for the price */
    font-weight: bold;
    display: inline-block; /* Ensure it's treated as a block for styling */
    padding: 5px 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.7); /* Subtle background for contrast */
}

@keyframes blinker {
    50% { opacity: 0; }
}

/* Footer */
.footer_bottom_area {
    padding: 30px 0 20px;
      background:rgb(174, 200, 198);
  /*  background: #2d292a;*/
    text-align: center;
}

.footer_bottom_title p {
    color:rgb(26, 90, 42);
    margin-bottom: 5px;
}

.footer_menu ul {
    text-align: center; /* Center footer menu for better mobile display */
    padding: 0;
}

.footer_menu ul li {
    display: inline-block;
    margin: 0 10px;
}

.footer_menu ul li a {
    color:rgb(26, 90, 42);
   // color: #f9f9f9;
    font-size: 1em;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer_menu ul li a:hover {
    color: #1F8B4C; /* Green highlight on hover */
}

/* Social Media Buttons */
.d-flex.justify-content-center.my-4 .btn {
    font-size: 1.1em;
    padding: 10px 20px;
    border-width: 2px;
    transition: all 0.3s ease;
}

.d-flex.justify-content-center.my-4 .btn i {
    margin-right: 8px;
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd;
}
.btn-outline-primary:hover {
    background-color: #0d6efd;
    color: #fff;
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-outline-info:hover {
    background-color: #0dcaf0;
    color: #fff;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-danger:hover {
    background-color: #dc3545;
    color: #fff;
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529;
}
.btn-outline-dark:hover {
    background-color: #212529;
    color: #fff;
}


/* ScrollUp Button */
#scrollUp {
    background: #1F8B4C; /* Use primary green for scroll-up */
    bottom: 30px;
    color: #fff;
    font-size: 26px;
    height: 40px;
    line-height: 44px;
    right: 30px;
    text-align: center;
    width: 40px;
    border-radius: 50%; /* Make it round */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
#scrollUp:hover {
    background: #135A31; /* Darker green on hover */
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .navbar-nav {
        background-color: rgba(221, 221, 221, 0.95);
        border-radius: 10px;
        margin-top: 10px;
        padding: 10px;
    }
    .navbar-nav .nav-item {
        margin-bottom: 5px;
    }
    .navbar-nav .nav-link {
        display: block;
        text-align: center;
    }
    .doc_title h2 {
        font-size: 2.5em;
    }
    .single_service {
        padding: 20px;
    }
    .footer_menu ul {
        text-align: center;
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .doc_title h2 {
        font-size: 2em;
    }
    #blink {
        font-size: 1.8em;
    }
}

@media (max-width: 576px) {
    .navbar-brand img {
        max-height: 60px;
    }
    .doc_title h2 {
        font-size: 1.5em;
        padding: 8px 15px;
    }
    #techCarousel {
        width: 100%;
        padding: 5px;
    }
    .d-flex.justify-content-center.my-4 .btn {
        font-size: 0.9em;
        padding: 8px 12px;
        margin: 0 5px;
    }
}