@charset "UTF-8";
/*!
Theme Name: Siara Accounting
Theme URI: 
Author: Siara Software
Author URI: 
Description: The Siara Accounting WordPress theme is a versatile and professional solution designed specifically for accountants, financial consultants, and businesses in the finance industry. Siara provides everything you need to create a polished, trustworthy online presence. Whether you're offering tax services, bookkeeping, or financial advisory, this theme helps you present your services in a way that resonates with your clients. With Siara, you can easily create a website that highlights your expertise, showcases your services, and builds client confidence. The theme’s intuitive structure ensures that visitors can quickly find information about your firm, your team, and your range of accounting services.
Template: siara-corporate-business
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: siara-accounting
Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-background, custom-logo, custom-menu, e-commerce, custom-header, grid-layout,featured-images, footer-widgets, post-formats, threaded-comments, theme-options, translation-ready, wide-blocks, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Siaraaccounting is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* ===== TOP HEADER SECTION ===== */
.has-menu-sticked .topbar-wrapper {
    display: none;
}

.has-menu-sticked .navigation-bar {
    top: 0px;
}

/* Top Bar Wrapper - Black Background for both rows */
.topbar-wrapper {
    background-color: #80b33b;
    color: #ffffff;
}

/* First Top Bar Row - Text Only */
.topbar-first-row {
    background-color: #80b33b;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.topbar-first-row .topbar-container {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.topbar-first-row .topbar-left-section {
    width: 100%;
}

.topbar-left-section {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.topbar-first-row .topbar-text-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.topbar-first-row .topbar-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

/* Second Top Bar Row - Join Button, Contact Info, and Social Icons */
.topbar-second-row {
    background-color: #80b33b;
    padding: 12px 0;
}

.topbar-second-row .topbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

.topbar-second-row .topbar-left-section {
    display: flex;
    align-items: center;
    gap: 25px;
    flex: 1;
}

.topbar-second-row .topbar-right-section {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* Join With Us Button */
.join-with-us-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #ffffff;
    color: #000000;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    flex-shrink: 0;
}

.join-with-us-btn:hover {
    background-color: #f0f0f0;
    color: #000000;
    text-decoration: none;
    transform: translateY(-1px);
}

.join-with-us-btn svg {
    width: 12px;
    height: 12px;
    fill: #000000;
}

/* Contact Info Section */
.contact-info {
    display: flex;
    align-items: center;
    gap: 25px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff;
    font-size: 14px;
}

.contact-item svg {
    width: 14px;
    height: 14px;
    fill: #ffffff;
    flex-shrink: 0;
}

.contact-item a,
.contact-item span {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 14px;
}

.contact-item a:hover {
    color: #cccccc;
    text-decoration: none;
}

/* Social Icons */
.social-icons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-icons a:hover {
    background-color: #ffffff;
    color: #000000;
    transform: translateY(-2px);
}

.social-icons svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

/* Time display */
.topbar-time {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 14px;
}

.topbar-time svg {
    width: 16px;
    height: 16px;
    fill: #ffffff;
}

/* ===== SIMPLE TOP BAR (New) ===== */
/* Simple Top Bar - Contact Info Left, Social Icons Right */
.topbar-simple-row {
    background-color: #80b33b;
    padding: 2px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.topbar-simple-row .topbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 27px;
}

.topbar-simple-row .topbar-left-section {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 10px;
}

.topbar-simple-row .contact-info {
    display: flex;
    align-items: center;
    gap: 80px;
    flex-wrap: wrap;
}

.topbar-simple-row .contact-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff;
    font-size: 13px;
    white-space: nowrap;
}

.topbar-simple-row .contact-item svg {
    width: 14px;
    height: 14px;
    fill: #ffffff;
    flex-shrink: 0;
}

.topbar-simple-row .contact-item a,
.topbar-simple-row .contact-item span {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 13px;
}

.topbar-simple-row .contact-item a:hover {
    color: #cccccc;
    text-decoration: none;
}

.topbar-simple-row .topbar-right-section {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 20px;
}

.topbar-simple-row .social-icons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.topbar-simple-row .social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.topbar-simple-row .social-icons a:hover {
    background-color: #ffffff;
    color: #80b33b;
    transform: translateY(-2px);
}

.topbar-simple-row .social-icons svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

/* ===== NAVIGATION BAR SECTION ===== */
.navigation-bar {
    box-shadow: none;
    border-bottom: none ! Important;
    position: relative;
    background-color: #ffffff;
    padding: 0;
}

.topbar-container {
    display: flex;
    justify-content: space-between;
}

.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 9px 27px;
}

/* Logo Section */
.nav-logo {
    flex-shrink: 0;
}

.nav-logo .site-branding {
    display: flex;
    align-items: center;
}

.nav-logo .site-logo img {
    max-height: 50px;
    width: auto;
}

/* Center Menu Section */
.nav-menu-center {
    /* flex: 1; */
    /* display: flex;
    justify-content: end;
    align-items: center; */
    padding: 0 20px;
}

/* Right Section */
.nav-right-section {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

/* Search Styles */
.nav-search {
    position: relative;
    flex: 0 1 300px;
    min-width: 200px;
}

.search-toggle {
    display: none;
}

.search-form .search-field {
    background-image: none;
}

.search-form-container {
    position: static;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    z-index: auto;
    min-width: auto;
    display: block;
    margin-top: 0;
}

.search-form-container form {
    display: flex;
    gap: 0;
    align-items: center;
    width: 100%;
    position: relative;
}

/* .search-form-container label {
    display: none;
} */

.search-form-container input[type="search"],
.search-form-container input[type="text"] {
    flex: 1;
    padding: 10px 45px 10px 15px;
    border: 1px solid #80b33b;
    border-radius: 4px;
    font-size: 14px;
    background-color: #ffffff;
    transition: all 0.3s ease;
    min-width: 180px;
    width: 100%;
}

.search-form-container input[type="search"]:focus,
.search-form-container input[type="text"]:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #80b33b;
    box-shadow: 0 0 0 2px rgba(128, 179, 59, 0.1);
}

.search-form-container button,
.search-form-container input[type="submit"] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 256 256'%3E%3Cpath fill='%2380b33b' d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'/%3E%3C/svg%3E");
    background-size: contain;
    color: #80b33b;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 0;
    width: 20px;
    height: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    z-index: 10;
    text-indent: -9999px;
    overflow: hidden;
}


.search-form-container button:hover,
.search-form-container input[type="submit"]:hover {
    background-color: transparent;
    transform: translateY(-50%) scale(1.1);
}

.search-form-container button:hover::after,
.search-form-container input[type="submit"]:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 256 256'%3E%3Cpath fill='%236a952f' d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'/%3E%3C/svg%3E");
    transform: translate(-50%, -50%) scale(1.1);
}

/* CTA Button Styles */
.nav-cta .cta-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: black;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 400;
    font-size: 18px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.nav-cta a:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 38px;
    width: 227px;
    background-size: contain;
    height: 11px;
    background-repeat: no-repeat;
}

.nav-cta .cta-button svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* Mobile Menu Toggle */
.toggle.toggle-off-canvas {
    display: none;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {

    /* Hide original Top Bar on Mobile, keep simple bar */
    .topbar-first-row,
    .topbar-second-row {
        display: none !important;
    }

    /* Show simple top bar on tablet and hide on smaller mobile */
    .topbar-simple-row {
        padding: 10px 0;
    }

    .topbar-simple-row .topbar-container {
        padding: 0 15px;
    }

    .topbar-simple-row .contact-info {
        gap: 15px;
    }

    .topbar-simple-row .contact-item {
        font-size: 12px;
    }

    .topbar-simple-row .topbar-right-section {
        margin-left: 10px;
    }

    .topbar-simple-row .social-icons {
        gap: 8px;
    }

    .topbar-simple-row .social-icons a {
        width: 24px;
        height: 24px;
    }

    /* Show mobile menu toggle */
    .toggle.toggle-off-canvas {
        display: block;
    }

    /* Navigation Mobile */
    .navigation-bar {
        top: 0px !important;
    }

    .nav-container {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 8px 20px;
        flex-wrap: wrap;
    }

    .nav-logo {
        order: 1;
        flex: 1;
    }

    .nav-menu-center {
        order: 3;
        width: 20%;
        /* justify-content: center; */
        /* margin-top: 15px; */
    }

    .nav-right-section {
        order: 2;
        flex-shrink: 0;
        width: 10px;
        justify-content: flex-end;
        gap: 10px;
    }

    .nav-search {
        flex: 0 1 200px;
        min-width: 150px;
    }

    .search-form-container input[type="search"],
    .search-form-container input[type="text"] {
        padding: 8px 40px 8px 12px;
        font-size: 13px;
        min-width: 120px;
    }

    .search-form-container button,
    .search-form-container input[type="submit"] {
        width: 28px;
        height: 28px;
        right: 6px;
    }

    .search-form-container button::after,
    .search-form-container input[type="submit"]::after {
        width: 16px;
        height: 16px;
    }

    .siaracorporatebusiness-section-services-wrapper .heading h3:after {
        display: none;
    }
}

/* ===== SLIDER SECTION ===== */

/* Slider Wrapper */
.siaracorporatebusiness-section-banner-wrapper {
    padding: 0;
    position: relative;
    overflow: hidden;
    min-height: 70vh;
}

.siaracorporatebusiness-section-banner {
    position: relative;
    height: 100%;
}

/* Swiper Slide with Background Image */
.swiper-slide {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 70vh;
    position: relative;
}

.swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(13, 174, 168, 0) 50%);
    z-index: 1;
}

/* Banner Block Wrapper */
.banner-block-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 80px 20px;
    max-width: 1200px;
    position: relative;
    z-index: 2;
    min-height: 70vh;
}

/* Content Section - Center Left Aligned */
.banner-content-section {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 12rem;
}

.banner-content-inner {
    max-width: 600px;
    text-align: left;
    position: relative;
    z-index: 3;
}

/* Typography Hierarchy */
.banner-sub-text {
    font-size: 18px;
    color: rgb(128 179 59);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0px;
    margin-bottom: 15px;
    position: relative;
    display: block;
    display: inline-block;
    line-height: normal;
}

.banner-sub-text:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 1px;
    background: #80b33b;
    line-height: normal;
}

.banner-title {
    font-size: 55px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin-top: 0;
}

.banner-subtitle {
    display: none;
}

.banner-excerpt {
    margin-bottom: 0;
    padding: 0 0;
    padding-top: 0 !important;
}

.banner-excerpt p {
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 1);
    margin: 0;
}

/* Get Started Button - White Background */
.banner-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 32px;
    background-color: #80b33b;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

.banner-cta-button:hover {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
}

.banner-cta-button svg {
    transition: transform 0.3s ease;
    fill: currentColor;
}

.banner-cta-button:hover svg {
    transform: translateX(4px);
}

/* Background Image Styling is handled by .swiper-slide */

/* Swiper Navigation and Pagination */
.swiper-pagination {
    bottom: 30px !important;
    z-index: 10;
}

.swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    transition: background-color 0.3s ease;
}

.swiper-pagination-bullet-active {
    background-color: #ffffff !important;
}

.swiper-button-next,
.swiper-button-prev {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #ffffff;
    color: #80b33b !important;
    transform: scale(1.1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .swiper-slide {
        min-height: 60vh;
    }

    .banner-block-wrapper {
        padding: 50px 20px;
        min-height: 60vh;
        justify-content: center;
    }

    .banner-content-section {
        justify-content: center;
    }

    .banner-content-inner {
        text-align: center;
        max-width: 100%;
    }

    .banner-title {
        font-size: 1.5rem;
    }

    .banner-subtitle {
        font-size: 0.9rem;
    }

    .banner-excerpt p {
        font-size: 14px;
    }

    .banner-cta-button {
        padding: 12px 24px;
        font-size: 14px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}

@media (max-width: 480px) {
    .swiper-slide {
        min-height: 50vh;
    }

    .banner-block-wrapper {
        min-height: 50vh;
        padding: 30px 15px;
    }

    .banner-title {
        font-size: 1.3rem;
    }

    .banner-sub-text {
        font-size: 12px;
    }

    .banner-subtitle {
        font-size: 0.8rem;
    }
}

/* ===== MOBILE FIRST RESPONSIVE DESIGN ===== */

/* Mobile Styles (320px - 767px) */
@media (max-width: 767px) {

    /* Hide complex top bars, keep simple one visible */
    .topbar-first-row,
    .topbar-second-row {
        display: none !important;
    }

    /* Keep simple top bar visible on mobile */
    .topbar-simple-row {
        display: block;
        padding: 8px 0;
    }

    .topbar-simple-row .topbar-container {
        padding: 0 12px;
        flex-wrap: wrap;
    }

    .topbar-simple-row .contact-info {
        gap: 12px;
        flex-wrap: wrap;
        width: 100%;
    }

    .topbar-simple-row .contact-item {
        font-size: 11px;
    }

    .topbar-simple-row .topbar-right-section {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    }

    .topbar-simple-row .social-icons {
        gap: 6px;
        width: 100%;
        justify-content: center;
    }

    .topbar-simple-row .social-icons a {
        width: 22px;
        height: 22px;
    }

    .topbar-simple-row .social-icons svg {
        width: 12px;
        height: 12px;
    }

    /* Navigation adjustments */
    .navigation-bar {
        top: 0px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .nav-container {
        padding: 12px 15px;
    }

    .nav-logo .site-logo img {
        max-height: 40px;
    }


    /* Slider mobile improvements */
    .banner-block-wrapper {
        padding: 40px 15px;
        min-height: 60vh;
    }

    .banner-content-inner {
        text-align: center;
        max-width: 100%;
    }

    .banner-sub-text {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .banner-title {
        font-size: 2.2rem;
        margin-bottom: 8px;
    }

    .banner-subtitle {
        font-size: 1.2rem;
        margin-bottom: 20px;
    }

    .banner-excerpt {
        margin-bottom: 0px;
    }

    .banner-excerpt p {
        font-size: 14px;
    }

    .banner-cta-button {
        padding: 12px 20px;
        font-size: 14px;
    }

    /* About Us mobile improvements */
    .siaracorporatebusiness-section-aboutus-wrapper {
        padding: 50px 0;
    }

    .siaracorporatebusiness-section-aboutus-wrapper .image {
        margin-bottom: 30px;
    }

    .siaracorporatebusiness-section-aboutus-wrapper .about--content {
        text-align: center;
        padding: 0 15px;
    }

    .siaracorporatebusiness-section-aboutus-wrapper .heading h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .features-section {
        gap: 15px;
        flex-direction: column;
    }

    .feature-item {
        margin-bottom: 20px;
    }

    .feature-content h4 {
        font-size: 16px;
    }

    .feature-content p {
        font-size: 13px;
    }

    .bullet-points {
        text-align: left;
        padding: 0 20px;
    }

    .contact-button {
        justify-content: center;
        margin-top: 20px;
        gap: 15px;
    }

    .contact-phone {
        font-size: 15px;
    }

    /* Services mobile improvements */
    .siaracorporatebusiness-section-services-wrapper {
        padding: 50px 0;
    }

    .services-header {
        margin-bottom: 40px;
        padding: 0 15px;
    }

    .siaracorporatebusiness-section-services-wrapper .heading h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .service-card {
        margin-bottom: 20px;
    }

    .service-content {
        padding: 20px;
    }

    .service-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .service-excerpt p {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .service-btn {
        padding: 6px 12px;
        font-size: 12px;
    }
}

/* Extra Small Mobile (320px - 479px) */
@media (max-width: 479px) {

    /* Navigation */
    .nav-container {
        padding: 10px 12px;
    }

    .nav-cta .cta-button {
        font-size: 12px;
        padding: 5px 10px;
    }

    /* Slider */
    .banner-block-wrapper {
        padding: 30px 12px;
        min-height: 50vh;
    }

    .banner-title {
        font-size: 1.8rem;
    }

    .banner-subtitle {
        font-size: 1rem;
    }

    .banner-cta-button {
        padding: 10px 16px;
        font-size: 13px;
    }

    /* About Us */
    .siaracorporatebusiness-section-aboutus-wrapper .heading h2 {
        font-size: 22px;
    }

    .siaracorporatebusiness-section-aboutus-wrapper .about--content {
        padding: 0 12px;
    }

    /* Services */
    .services-header {
        padding: 0 12px;
    }

    .siaracorporatebusiness-section-services-wrapper .heading h2 {
        font-size: 22px;
    }

    .service-card {
        margin-bottom: 20px;
    }

    .service-content {
        padding: 18px;
    }

    .service-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .service-excerpt p {
        font-size: 13px;
    }
}

/* Tablet Landscape (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .banner-title {
        font-size: 3.5rem;
    }

    .banner-subtitle {
        font-size: 2rem;
    }

    .siaracorporatebusiness-section-aboutus-wrapper .heading h2 {
        font-size: 36px;
    }

    .siaracorporatebusiness-section-services-wrapper .heading h2 {
        font-size: 36px;
    }

}

/* Large Screens (1200px+) */
@media (min-width: 1200px) {

    .nav-container,
    .topbar-container,
    .banner-block-wrapper {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ===== UTILITY CLASSES ===== */
.siaracorporatebusiness-floating-scroll-top {
    border-radius: 10rem;
    background: #007cba;
}

.siaracorporatebusiness-btn-link.style_4 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 2.4rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0,
        rgba(60, 64, 67, 0.15) 0 4px 8px 3px;
    color: #3c4043 !important;
    height: 4rem;
    padding: 2px 1.8rem;
    font-size: 1.3rem;
    letter-spacing: 0.25px;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),
        opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.siaracorporatebusiness-btn-link.style_4 svg {
    fill: #3c4043 !important;
}

/* ===== ABOUT US SECTION ===== */

.siaracorporatebusiness-section-aboutus-wrapper {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.siaracorporatebusiness-section-aboutus-wrapper .about--content {
    text-align: left;
    padding: 20px 0;
}

/* Image Section */
.siaracorporatebusiness-section-aboutus-wrapper .image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.siaracorporatebusiness-section-aboutus-wrapper .img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Heading Styles */
.siaracorporatebusiness-section-aboutus-wrapper .heading {
    margin-bottom: 30px;
}

.siaracorporatebusiness-section-aboutus-wrapper .heading h3 {
    font-size: 18px;
    color: rgb(128 179 59);
    font-weight: 500;
    background-color: transparent;
    text-transform: none;
    letter-spacing: 0px;
    margin-bottom: 15px;
    padding: 0 0 0 0;
    position: relative;
    display: inline-block;
    line-height: normal;
    overflow: visible;
}

.siaracorporatebusiness-section-aboutus-wrapper .heading h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 1px;
    background: #80b33b;
    line-height: normal;
}

.siaracorporatebusiness-section-aboutus-wrapper .heading h2 {
    font-size: 42px;
    font-weight: 700;
    color: #333333;
    line-height: 1.2;
    margin: 0;
}

/* Features Section */
.features-section {
    margin-bottom: 30px;
    display: flex;
    gap: 20px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
    text-align: left;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    transition: none;
}

.feature-item:hover {
    transform: none;
    box-shadow: none;
}

.feature-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: rgba(13, 174, 168, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin: 0 0 8px 0;
}

.feature-content p {
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
    margin: 0;
}

/* Description */
.siaracorporatebusiness-section-aboutus-wrapper .description {
    margin-bottom: 25px;
}

.siaracorporatebusiness-section-aboutus-wrapper .description p {
    font-size: 16px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}

/* Stats and Features Box */
.about-stats-box {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.stats-left {
    width: 30%;
    flex-shrink: 0;
    padding: 16px;
    /* background-color: #ffffff; */
    border-radius: 0;
    border: 1px solid #80b33b;
}

.stats-number {
    font-size: 48px;
    font-weight: 700;
    color: #80b33b;
    line-height: 1.2;
    margin-bottom: 10px;
}

.stats-text {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    line-height: 1.4;
}

.stats-right {
    flex: 1;
    width: 65%;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.stats-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stats-list li {
    font-size: 16px;
    color: #555555;
    line-height: 1.8;
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
}

.stats-list li:before {
    content: "-";
    position: absolute;
    left: 0;
    color: #80b33b;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
    top: 0;
}

.stats-list li:last-child {
    margin-bottom: 0;
}

/* Bullet Points */
.bullet-points {
    margin-bottom: 30px;
    text-align: left;
}

.bullet-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.check-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: rgba(13, 174, 168, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.bullet-item p {
    font-size: 16px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}

/* Contact Button */
.contact-button {
    display: flex;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
}

.contact-us-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 30px;
    background-color: #80b33b;
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 17px;
    transition: all 0.3s ease;
    border: 2px solid #80b33b;
}

.contact-us-btn:hover {
    background-color: transparent;
    color: #80b33b;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(13, 174, 168, 0.3);
}

.contact-us-btn svg {
    transition: transform 0.3s ease;
}

.contact-us-btn:hover svg {
    transform: translateX(4px);
}

.contact-phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #333333;
    text-decoration: none;
    font-size: 33px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.contact-phone svg {
    width: 27px;
    height: 27px;
    fill: #000;
    transition: all 0.3s ease;
}

.contact-phone:hover {
    color: #80b33b;
    text-decoration: none;
}

.contact-phone:hover svg {
    fill: #6a952f;
    transform: scale(1.1);
}

/* Responsive Design */
@media (max-width: 768px) {
    .siaracorporatebusiness-section-aboutus-wrapper {
        padding: 60px 0;
    }

    .siaracorporatebusiness-section-aboutus-wrapper .heading h2 {
        font-size: 32px;
    }

    .siaracorporatebusiness-section-aboutus-wrapper .image {
        margin-bottom: 40px;
    }

    .siaracorporatebusiness-section-aboutus-wrapper .about--content {
        text-align: center;
    }

    .about-stats-box {
        flex-direction: column;
        gap: 20px;
        padding: 0;
    }

    .stats-left {
        width: 100%;
        text-align: center;
        padding: 20px;
    }

    .stats-number {
        font-size: 36px;
    }

    .stats-text {
        font-size: 16px;
    }

    .stats-right {
        width: 100%;
        padding: 0;
    }

    .stats-list li {
        font-size: 15px;
    }

    .bullet-points {
        text-align: left;
    }

    .contact-button {
        justify-content: center;
        gap: 15px;
    }

    .contact-phone {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .siaracorporatebusiness-section-aboutus-wrapper .heading h2 {
        font-size: 28px;
    }

    .about-stats-box {
        padding: 0;
    }

    .stats-left {
        padding: 15px;
    }

    .stats-right {
        padding: 0;
    }

    .stats-number {
        font-size: 32px;
    }

    .stats-text {
        font-size: 15px;
    }

    .stats-list li {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .contact-us-btn {
        padding: 12px 25px;
        font-size: 14px;
    }
}

/* ===== SERVICES SECTION ===== */

.siaracorporatebusiness-section-services-wrapper {
    padding: 80px 0;
    background-color: #ffffff;
}

/* Services Header */
.services-header {
    text-align: center;
    margin-bottom: 60px;
}

.siaracorporatebusiness-section-services-wrapper .heading h3 {
    font-size: 18px;
    color: rgb(128 179 59);
    font-weight: 500;
    text-transform: none;
    background-color: transparent;
    padding: 0 0 0 0;
    letter-spacing: 0px;
    overflow: visible;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    line-height: normal;
}

.siaracorporatebusiness-section-services-wrapper .heading h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 1px;
    background: #80b33b;
    line-height: normal;
}

.siaracorporatebusiness-section-services-wrapper .heading h2 {
    font-size: 42px;
    font-weight: 700;
    color: #333333;
    line-height: 1.2;
    margin: 0;
}

/* Service Cards - Simple Design */
.service-card {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 10px;
    flex-direction: column;
    height: 100%;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Service Image */
.service-image {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
}

.service-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.service-card:hover .service-image img {
    transform: scale(1.05);
}

/* Service Content */
.siaracorporatebusiness-section-services-wrapper .service-excerpt {
    margin-bottom: 10px;
}

.service-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.service-title {
    font-size: 22px;
    font-weight: 600;
    color: #333333;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.service-excerpt {
    flex: 1;
    margin-bottom: 20px;
}

.service-excerpt p {
    font-size: 15px;
    color: #666666;
    line-height: 1.6;
    margin: 0;
}

/* Read More Button */
.service-readmore {
    margin-top: auto;
}

.service-btn {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    color: #80b33b;
    border: none;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.3s ease;
}

.service-btn:hover {
    color: #6a952f;
    text-decoration: underline;
}

/* Responsive Design for Services */
@media (max-width: 768px) {
    .siaracorporatebusiness-section-services-wrapper {
        padding: 60px 0;
    }

    .services-header {
        margin-bottom: 40px;
    }

    .siaracorporatebusiness-section-services-wrapper .heading h2 {
        font-size: 32px;
    }

    .service-card {
        margin-bottom: 30px;
    }

    .service-content {
        padding: 20px;
    }

    .service-title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .service-excerpt p {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .siaracorporatebusiness-section-services-wrapper .heading h2 {
        font-size: 28px;
    }

    .service-content {
        padding: 18px;
    }

    .service-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .service-excerpt {
        margin-bottom: 15px;
    }

    .service-excerpt p {
        font-size: 13px;
    }

    .service-btn {
        padding: 0;
        font-size: 13px;
    }
}