@charset "UTF-8";
/*!
Theme Name: Siara Consultancy
Theme URI: 
Author: Siara Software
Author URI: 
Description: Siara Consultancy is an intuitive and user-friendly WordPress theme, purpose-built for business consultants, agencies, and corporate professionals. It empowers you to create a sleek, professional website within minutes, thanks to its clean layout and effortless customization options. If you’re looking for a modern, reliable solution for your consulting business, Siara delivers with fully responsive design, customizable sections, and seamless setup. Impress your clients with a visually striking interface that beautifully showcases your services, expertise, and success stories. Featuring a minimalist yet powerful design, this theme is perfect for professionals who value simplicity without sacrificing functionality. Build trust, enhance your brand image, and attract high-value clients with Siara Consultancy — the ultimate WordPress theme for establishing credibility and authority in the consulting industry.
Template: siara-corporate-business
Requires at least: 5.3
Tested up to: 6.5
Requires PHP: 5.6
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: siara-consultancy
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.

Siaraconsultancy 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.
*/

.siaracorporatebusiness-floating-scroll-top {
    border-radius: 10rem;
}

.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;
}

/* Topbar Layout Styles */
.topbar-wrapper {
    background-color: #f8f8ff;
}

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

/* Left Section - Full Width */
.topbar-left-section {
    flex: 1;
    margin-right: 30px;
}

.topbar-left-box {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 13px;
    padding-bottom: 14px;
}

.topbar-text-row {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.topbar-text {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 4% 100%);
    color: #fff;
    padding: 7px 16px 7px 23px;
    background-color: #0450e3;
}

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

.topbar-text svg,
.topbar-time svg {
    flex-shrink: 0;
}

.social-icons {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: start !Important;
    padding-left: 22px;
}

.social-icons svg {
    width: 20px;
    height: 20px;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    color: #0450e3;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.social-icons svg {
    fill: #0450e3;
}

/* Right Section - Hug Width */
.topbar-right-section {
    flex-shrink: 0;
}

.topbar-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-info {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 6px;
    min-width: 200px;
}

.topbar-time svg {
    fill: #222222;
}

.contact-item svg {
    flex-shrink: 0;
    fill: #0450e3;
    width: 44px;
    height: 44px;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact-label {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

.contact-value {
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    line-height: normal;
    color: #6e6e6e;
}

.contact-value:hover {
    color: #ddd;
}

.toggle.toggle-off-canvas {
    display: none;
}

.siaracorporatebusiness-floating-scroll-top {
    background: #0450e3;
}
/* Responsive Design */
@media (max-width: 768px) {
    
    .toggle.toggle-off-canvas {
        display: block;
    }

    .topbar-container {
        flex-direction: column;
        gap: 15px;
    }

    .topbar-left-section {
        margin-right: 0;
        width: 100%;
    }

    .topbar-text-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .topbar-right-section {
        width: 100%;
    }

    .contact-info {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }

    .contact-item {
        min-width: auto;
        flex: 1;
    }
}

/* Navigation Bar Styles */
.navigation-bar .bg-white {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}

.navigation-bar {
    padding: 0 0;
    border-bottom: none !important;
}

.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
}

/* Logo Section */
.nav-logo {
    flex-shrink: 0;
    margin-right: 20px;
}

/* Center Menu Section */
.nav-menu-center {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
}

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

/* Search Styles */
.nav-search {
    position: relative;
}

.search-toggle {
    background: none;
    border: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-toggle:hover {
    background-color: #f5f5f5;
}

.search-form-container {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    min-width: 300px;
    display: none;
    margin-top: 10px;
}

.search-form-container.active {
    display: block;
}

.search-form label {
    width: 100%;
}

.search-form-container form {
    display: flex;
    gap: 10px;
}

.search-form-container input[type="search"] {
    flex: 1;
    padding: 8px 12px 8px 38px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.search-form-container button {
    padding: 8px 16px;
    background-color: #0450e3;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.search-form-container button:hover {
    background-color: #0340b3;
}

/* CTA Button Styles */
.nav-cta {
    flex-shrink: 0;
}

.nav-cta a:after {
    display: none;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px 8px 18px !important;
    background-color: #0450e3;
    color: white;
    text-decoration: none;
    border-radius: 0;
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
}

.cta-button:hover {
    background-color: #0340b3;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
}

.cta-button svg {
    flex-shrink: 0;
}

/* Responsive Navigation */
@media (max-width: 768px) {
    .nav-container {
        flex-direction: column;
        gap: 15px;
    }

    .nav-logo {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .nav-menu-center {
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .nav-right-section {
        order: 2;
        width: 100%;
        justify-content: center;
        gap: 15px;
    }

    .search-form-container {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: 400px;
        margin-top: 0;
    }
}

/* Slider Styles */
.siaracorporatebusiness-section-banner-wrapper {
    background-color: #f5f8ff;
    padding: 80px 0;
}
.siaracorporatebusiness-banner .banner-image{
    width: 100%!important;
}
.siaracorporatebusiness-banner .banner-image::after{
    display: none;
}
.banner-block-wrapper {
    display: flex;
    align-items: center;
overflow: visible;
    margin: 0 auto;
    padding: 170px 20px 0 ;
}

/* Content Section - Left Side */
.banner-content-section {
    flex: 1;
    padding-right: 60px;
    z-index: 2;
}

.banner-content-inner {
    max-width: 500px;
}

.banner-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #222222;
    margin-bottom: 20px;
    margin-top: 0;
}

.banner-title a {
    color: #222222;
    text-decoration: none;
    transition: color 0.3s ease;
}

.banner-title a:hover {
    color: #0450e3;
}

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

.banner-excerpt p {
    font-size: 16px;
    line-height: 1.6;
    color: #0b0b0b;
    margin: 0;
}

.banner-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    background-color: #0450e3;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    border: 2px solid #0450e3;
}

.banner-cta-button:hover {
    background-color: transparent;
    color: #0450e3;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(4, 80, 227, 0.3);
}

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

.banner-cta-button:hover svg {
    transform: translateX(4px);
}
@media (min-width: 992px) {
    .siaracorporatebusiness-section-banner-wrapper .banner-image, .siaracorporatebusiness-section-banner-wrapper .banner-image img.wp-post-image {
        height: 38rem;
    }
}

/* Image Section - Right Side */
.banner-image-section {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.banner-image {
    width: 100%;
    max-width: 500px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.banner-image:hover {
    transform: translateY(-5px);
}

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

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

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

.swiper-pagination-bullet {
    background-color: #0450e3 !important;
    opacity: 0.3;
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #0450e3 !important;
}

.swiper-button-next,
.swiper-button-prev {
    color: #0450e3 !important;
    background-color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #0450e3;
    color: white !important;
    transform: scale(1.1);
}

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

/* Responsive Design */
@media (max-width: 768px) {
    .banner-block-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 40px;
        min-height: auto;
        padding: 40px 20px;
    }

    .banner-content-section {
        padding-right: 0;
        order: 2;
    }

    .banner-image-section {
        order: 1;
    }

    .banner-title {
        font-size: 36px;
    }

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

    .siaracorporatebusiness-section-banner-wrapper {
        padding: 40px 0;
    }

    .banner-title {
        font-size: 28px;
    }

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

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

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}
.siaracorporatebusiness-section-aboutus-wrapper .google-reviews {
    background-color: #0450e3;
    color: rgb(34, 55, 64);
    padding: 15px 13px;
    transition: background-color 0.3s;
}
.siaracorporatebusiness-section-aboutus-wrapper .rating-info .rating-digit{
    color: #ffffff;
}
.siaracorporatebusiness-section-aboutus-wrapper .total-reviews{
    color: #ffffff;
}
.siaracorporatebusiness-section-aboutus-wrapper .google-logo{
    background-color: transparent;
}
.siaracorporatebusiness-section-aboutus-wrapper .google-logo img{
    width: 38px;
    height: 38px;
}
.siaracorporatebusiness-section-aboutus-wrapper .heading h3{
    font-size: 18px;
    background-color: transparent;
    padding-left: 0;
}
.heading h3 span{
    color: #0450e3;
    font-size: 28px;
}
.siaracorporatebusiness-section-aboutus-wrapper .heading h2 {
    font-size: 40px;
    font-weight: 500;
    transition: color 0.3s ease;
}
.siaracorporatebusiness-section-aboutus-wrapper .description{
    font-size: 16px!important;
    margin: 30px 0;
    transition: all 0.3s ease;
}

.siaracorporatebusiness-section-aboutus-wrapper .stats-details {
    display: flex
;
    gap: 26px;
    align-items: center;
}
.siaracorporatebusiness-section-aboutus-wrapper .stats-details h3 {
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    color: #0650e3;
}
.siaracorporatebusiness-section-aboutus-wrapper .stats-details p {
    margin-bottom: 0;
    transition: all 0.3s ease;
    font-size: 21px;
    font-weight: 600;
    max-width: 220px;
}
.siaracorporatebusiness-section-aboutus-wrapper .growth {
    justify-content: space-between;
    align-items: center;
}
.siaracorporatebusiness-section-aboutus-wrapper .about--content .button{
    margin-top: 0;
    background-color: #0450e3;
}
.siaracorporatebusiness-section-aboutus-wrapper .lists {
    display: flex
;
    gap: 10px;
    align-items: center;
}
.siaracorporatebusiness-section-aboutus-wrapper .lists p{
    width: 100%;
}
.siaracorporatebusiness-section-aboutus-wrapper .lists p {
    background-color: transparent;
    padding:0 0 0 0;
    position: relative;
    transition: all 0.3s ease;
    margin-bottom: 0px;
    cursor: pointer;
    font-weight: 600;
}
.siaracorporatebusiness-section-aboutus-wrapper .lists p::before{
    display: none;
}
.siaracorporatebusiness-section-aboutus-wrapper .lists  .list-item {
    width: 100%;
    display: flex
;
    align-items: center;
    gap: 18px;
}
.siaracorporatebusiness-section-aboutus-wrapper .row {
    align-items: center;
}
.siaracorporatebusiness-section-services-wrapper .heading h3 {
    background: transparent;
    display: inline-block;
    font-size: 18px;
    padding: 0px 0 0px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
.siaracorporatebusiness-section-services-wrapper .heading h2 {
    font-size: 40px;
    font-weight: 500;
}
.siaracorporatebusiness-section-services-wrapper .heading {
    text-align: start;
    margin-bottom: 7rem;
}
.siaracorporatebusiness-section-services-wrapper .service-info {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    background: #f2f2f2;
    border-radius: 0 0 10px 10px;
}
.siaracorporatebusiness-btn-link {
    display: inline-block;
    padding: 0 0;
    background: #11267400;
    color: #000000 !important;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.siaracorporatebusiness-btn-link svg {
    width: 2.2rem;
    height: 2.2rem;
}
a.siaracorporatebusiness-btn-link {
    display: flex
;
    gap: 10px;
    align-items: center;
}
.siaracorporatebusiness-section-services-wrapper img {
    width: 100%;
}