@charset "UTF-8";
/*!
Theme Name: Siara Finance
Theme URI: 
Author: Siara Software
Author URI: 
Description: Siara Finance is a professionally crafted child theme designed to deliver a focused and refined experience for financial and corporate service websites. Built on the strong foundation of the Siara Corporate Business theme, it features a clean layout, structured sections, and a trust-oriented design approach that highlights services, expertise, and client engagement. The theme presents content in a clear and organized manner, helping businesses communicate credibility and professionalism through a modern interface. With a fully responsive and lightweight structure, Siara Financial Services ensures smooth performance across all devices and screen sizes. It is built with clean, optimized code and follows WordPress best practices, making customization simple and efficient. Designed for flexibility and stability, this child theme provides a polished appearance while maintaining compatibility and performance for a seamless website-building experience.
Template: siara-corporate-business
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: siara-finance
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.

Siarafinance 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 ===== */
.home.blog .site-header-row-wrapper.siaracorporatebusiness-primary-bar-row.sticky-menu.sticky-style-normal{
    position: relative !important;
}
.has-menu-sticked .topbar-wrapper {
    display: none;
}

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


/* 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;
}

/* 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;
}

/* ===== 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;
}


.pd-0 {
    padding: 0;
}

/*top header*/
.tphead{
    position: relative;
    overflow: hidden;
  background: linear-gradient(to right, #9333ea, #3b82f6);
  padding: 2px 0;
}
.tphead p{    
    width: 80%;
    display: inline-flex;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.tphead p svg {
    margin-right: 8px;
    width: 16px;
}
.tphead .buttn {
    width: 20%;
    text-align: right;
}
.tphead .buttn a {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
.tphead .buttn a:hover{color: #000;}
.mid-header{
    position: relative;
    background: linear-gradient(to right, #7e22ce, #2563eb); /* purple-700 → blue-600 */
    padding: 6px 0;
}

.mid-header .topbar-left-section {
    display: inline-block;
}
.mid-header .topbar-right-section {
    display: inline-block;
    right: 0;
    text-align: right;
    float: right;
}
.mid-header .social-icons {
    display: flex;
    gap: 10px;
    color: #fff;
    width: 100%;
    justify-content: center;
}
.mid-header .social-icons svg {
    width: 28px;
    stroke-width: 1px;
    line-height: 28px;
    height: 28px;
    fill: none;
    stroke: #fff;
    border: 1px solid #e9e6ed7d;
    border-radius: 50px;
    padding: 5px;
    transform: all 0.3s;
}
.mid-header .social-icons a{position: relative;transform: all 0.3s;}
.mid-header .social-icons a:hover svg{
    background-color: #fff;
    stroke: #9810fa;
    transform: all 0.3s;
}

/*navigation*/
.navigation-bar { padding: 12px 0 !important;}

.logobx{width:20%; padding: 0 1px;}
    .logobx .site-branding {  padding: 0.4rem 0 !important; }
.navbx{width:57%; padding: 0 1px;    align-content: center;}
    #site-navigation { justify-content: center !important;}
.searchbx{width:5%; padding: 0 1px;    align-content: center;}
.btnbx{
    width:18%;
    padding: 0 1px;
    display: block;
    text-align: right;
    position: relative;
        align-content: center;
}
    .btnbx .nav-cta{ display: block; } 
    .btnbx .nav-cta a:after{display: none;transition: all 0.2;}
    .btnbx .nav-cta a {
        background: linear-gradient(to right, #9333ea, #3b82f6);
        padding-bottom: 2px;
        text-decoration: none;
        position: relative;
        padding: 10px 24px;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        border-radius: 30px;
        text-align: center;
        display: inline-block;
        transition: all 0.2s;
    }
    .btnbx .nav-cta a:hover{scale: 1.02;transition: all 0.2;}


/*search form*/


/* Close Button */
.custom-search-close {
  position: absolute;
  top: 26px;
  right: 0px;
  font-size: 24px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  z-index: 10000;
}

.custom-search-close:hover {
  opacity: 0.7;
}

/* Improve modal layering */
.custom-search-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* Center search form nicely */
.nav-search .search-form {
  margin-top: 40px;
}

.nav-search {
    position: relative;
    text-align: left;
    border-right: 1px solid #ccc;
}
button#customSearchToggle {
    color: #000;
    background: none;
    border: none;
    padding: 8px 0 0 0px;
}
/* Full Width Search Panel */
.nav-search .custom-search-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  padding: 25px 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  z-index: 9999;

  transform: translateY(-100%);
  transition: transform 0.4s ease;
}

.nav-search .custom-search-form {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    background: linear-gradient(to right, #7e22ce, #2563eb);
    padding: 74px 10px 50px;
    z-index: 9999;
    transform: translateY(-100%);
    transition: transform 0.4s ease;
}

.nav-search .custom-search-form.is-open {
  transform: translateY(0);
}

.nav-search .custom-search-form input[type="search"] {
  width: 100%;
  padding: 24px 20px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #ddd;
  outline: none;
}

.nav-search .custom-search-form input[type="search"]:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/**/
.nav-search .search-form .search-field{background-image:none !important; }
.nav-search .search-form {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: 500px;
}
.nav-search .search-form label {
    align-items: stretch;
    display: flex;
    font-size: inherit;
    margin: 0;
    width: 80%;
}
.nav-search .search-submit {
    display: block !important;
    padding: 14px 22px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 9px;
    border-radius: 8px;
}
.nav-search .site-header-row-wrapper svg {
    width: 23px;
    height: 23px;
    stroke: #000;
}
/************/

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



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

/* Slider Wrapper */
.siaracorporatebusiness-section-banner-wrapper {
    padding:3em 0 6em;
    position: relative;
    overflow: hidden;
    background-color: #101828;
    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-image:
        linear-gradient(to right, #ffffff0a 1px, transparent 1px),
        linear-gradient(to bottom, #ffffff0a 1px, transparent 1px);
    background-size: 8rem 8rem;
    z-index: 1;
}

/* Banner Block Wrapper */
.banner-block-wrapper {
    position: relative;
    max-width: 1500px !important;
    position: relative;
    z-index: 2;
    min-height: 70vh;
}
/*imagebx*/
.banner-block-wrapper .imgbx{width: 49%;}
.banner-block-wrapper .slideimg{position: relative; overflow: hidden;}
.banner-block-wrapper .slideimg img{
    width: 100%;
    height: 600px;
    border-radius: 20px;
    object-fit: cover;
}
.banner-block-wrapper .slideimg .overlay{
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: linear-gradient(
        to bottom right,
        rgba(88, 28, 135, 0.4),   /* purple-900/40 */
        rgba(30, 58, 138, 0.4)    /* blue-900/40 */
    );
}
/* Content Section - Center Left Aligned */
.banner-content-section { width: 50%;}
.banner-content-inner { margin-right: 22%;}
.banner-sub-text {
    position: relative;
    overflow: hidden;
    display: inline-block;
    color: #fff;
    background: #59168b80;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #ad72d857;
    border-radius: 40px;
    padding: 4px 14px;
    margin: 0 0 6px 0;
}
.banner-sub-text svg {
    position: relative;
    top: 2px;
    margin-right: 8px;
    width: 15px;
    display: inline-block;
}
.banner-title {
    font-size: 66px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin: 15px 0 10px;
}
.banner-title span{
    background-image: linear-gradient(90deg, #c27aff 60%, #51a2ff 128%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-excerpt {  position: relative;}
.banner-excerpt p {
    font-size: 18px;
    line-height: 1.6;
    color: #d1d5dc;
    margin: 0;
}
/* Get Started Button - White Background */
.banner-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background: linear-gradient(to right, #9810fa ,#155dfc);
    color: #ffffff;
    text-decoration: none;
    border-radius: 54px;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: none;
    margin: 2px 10px 2px;
}
.banner-cta-button:hover {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
    scale: 1.04;
    transition: all 0.2s;
    box-shadow: 0 10px 15px 2px rgba(168, 85, 247, 0.5), 0 4px 6px -2px rgba(168, 85, 247, 0.5);

}

.banner-lrn-button{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background-color: #101828;
    color: #ffffff;
    text-decoration: none;
    border:2px solid #4a5565;
    border-radius: 54px;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: none;
    margin: 2px 10px 2px;
    transition: all 0.2s;
}
.banner-lrn-button:hover{
    background-color: #1e2939;
    border-color: #ad46ff;
    color: #ffffff;
    transition: all 0.2s;
}
/* Background Image Styling is handled by .swiper-slide */

/* Swiper Navigation and Pagination */
.swiper-pagination {
    bottom: 30px !important;
    z-index: 10;
}
.siaracorporatebusiness-banner-wrapper.siaracorporatebusiness-swiper-outer-bullets .swiper-pagination-bullets {
    margin-top: 6rem;display: none;}
.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;
}



/* ===== 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{
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background-color: #f8f9fa;
}
.siaracorporatebusiness-section-aboutus-wrapper .content{
    position: relative;
    padding: 0 20px 0 0;
}
.siaracorporatebusiness-section-aboutus-wrapper .about--content {
   padding: 0 !important;
}

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

.siaracorporatebusiness-section-aboutus-wrapper .heading h3 {
    font-size: 16px;
    color: #9810fa;
    font-weight: 500;
    background-color: #f3e8ff;
    text-transform: none;
    letter-spacing: 0px;
    margin-bottom: 15px;
    padding: 8px 18px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    line-height: normal;
    overflow: hidden;
}

.siaracorporatebusiness-section-aboutus-wrapper .heading h2 {
    font-size: 55px;
    font-weight: 700;
    color: #333333;
    line-height: 1.2;
    margin: 0;
}
.siaracorporatebusiness-section-aboutus-wrapper .heading h2.high{
    background-image: linear-gradient(90deg, #9810fa 40%, #2b7fff  70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Description */
.siaracorporatebusiness-section-aboutus-wrapper .description {
    margin-bottom: 30px;
}
.siaracorporatebusiness-section-aboutus-wrapper .description p {
    font-size: 18px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}

/* Stats and Features Box */
.about-stats-box {
    position: relative;
    margin-bottom: 30px;
}
.about-stats-box .stats-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.about-stats-box .listbx1,
.about-stats-box .listbx2 { width: 50%;}
.about-stats-box .stats-list li {
    font-size: 15px;
    color: #555555;
    line-height: 1.8;
    padding-left: 0;
    position: relative;
    display: inline-flex;
    gap: 10px;
    margin: 0 10px 14px 0;
    align-items: center;
}
.about-stats-box .stats-list li svg {
    background: linear-gradient(to right, #9810fa, #155dfc);
    border-radius: 50px;
    width: 24px;
    height: 24px;
    padding: 4px;
    color: #fff;
    position: relative;
}

/* Contact Button */
.about--content .contact-button {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
.about--content .contact-us-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 30px;
    /* background-color: #80b33b; */
    color: #ffffff;
    text-decoration: none;
    border-radius: 56px;
    font-weight: 500;
    font-size: 17px;
    transition: all 0.3s ease;
    /* border: 2px solid #80b33b; */
    background: linear-gradient(to right, #9810fa, #155dfc);
}

.about--content .contact-us-btn:hover {
    color: #fff;
    text-decoration: none;
    scale: 1.02;
    box-shadow: 0 5px 15px rgba(13, 174, 168, 0.3);
}
.about--content .contact-phone {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: #333333;
    text-decoration: none;
    transition: all 0.3s ease;
}
.about--content .contact-phone svg {
    width: 50px;
    height: 50px;
    fill: #9810fa;
    transition: all 0.3s ease;
    background: linear-gradient(to right, #f3e8ff, #cad8e9);
    border-radius: 50px;
    padding: 12px;
}
.about--content .phtxt {
    position: relative;
    line-height: 1;
    font-size: 15px;
    color: #4a5565;
}
.about--content .phnum {
    font-size: 20px;
    font-weight: 600;
    color: #101828;
}

/* Image Section */
.siaracorporatebusiness-section-aboutus-wrapper .image {
    position: relative;
}
.siaracorporatebusiness-section-aboutus-wrapper .image .img{
    position: relative;
    margin-top: 12px;
    padding: 0 !important;
}
.siaracorporatebusiness-section-aboutus-wrapper .image img {
    width: 100%;
    height: 534px !important;
    transition: all 0.3s ease;
    border-radius: 24px !important;
}

.siaracorporatebusiness-section-aboutus-wrapper .image .yrsbx {
    position: absolute;
    background: #fff;
    top: -20px;
    right: -20px;
    text-align: center;
    border: 2px solid #f3e8ff;
    padding: 20px 10px;
    border-radius: 12px;
    width: 186px;
}
.siaracorporatebusiness-section-aboutus-wrapper .image .yrsbx .num {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
        background-image: linear-gradient(90deg, #9810fa 40%, #2b7fff 70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.siaracorporatebusiness-section-aboutus-wrapper .image .yrsbx .ytxt {
    color: #4a5565;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
}

.siaracorporatebusiness-section-aboutus-wrapper .image .cwbx {
    position: absolute;
    bottom: 34px;
    left: 34px;
    width: 300px;
    text-align: left;
    padding: 24px 30px 40px;
    border-radius: 16px;
    background: linear-gradient(to right, #9810fa, #5788f6);
}
.siaracorporatebusiness-section-aboutus-wrapper .image .cwbx .num {
    line-height: 1.4;
    font-size: 44px;
    font-weight: 700;
    color: #fff;
}
.siaracorporatebusiness-section-aboutus-wrapper .image .cwbx .ytxt {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    text-transform: capitalize;
}
/***************************************end*******************/

/* 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;
}



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

.siaracorporatebusiness-section-services-wrapper {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: linear-gradient(to right, #faf5ff, #eff6ff);
}

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

.siaracorporatebusiness-section-services-wrapper .heading h3 {
    font-size: 16px;
    color: #9810fa;
    font-weight: 500;
    background-color: #f3e8ff;
    text-transform: none;
    letter-spacing: 0px;
    margin-bottom: 8px;
    padding: 8px 18px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    line-height: normal;
    overflow: hidden;
}
.siaracorporatebusiness-section-services-wrapper .heading h2 {
    font-size: 50px;
    font-weight: 700;
    color: #333333;
    line-height: 1.2;
    margin: 0;
}
.siaracorporatebusiness-section-services-wrapper .heading h2 span {
    background-image: linear-gradient(90deg, #b667ef 30%, #428cfd 92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.siaracorporatebusiness-section-services-wrapper .heading p {
    font-size: 18px;
    margin: 20px 0 10px;
    color: #4a5565;
}
/* Service Cards - Simple Design */
.service-card {
    /* background-color: #ffffff; */
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 0;
    flex-direction: column;
    height: 100%;
    margin-bottom: 1.5em;
}

.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: 200px;
    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-card .service-content {
    position: relative;
    padding: 40px 20px 20px 30px;
}
.service-card .icnbx {
    position: absolute;
    left: 30px;
    top: -34px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    border-radius: 15px;
    background: linear-gradient(to right, #9810fa, #155dfc);
}
.service-card .service-title {
    font-size: 22px;
    font-weight: 600;
    color: #101828;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

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

.service-excerpt p {
    font-size: 16px;
    color: #4a5565;
    line-height: 1.6;
    margin: 0;
}

/* Read More Button */
.service-readmore {
    margin-top: 10px;
}
.service-btn:hover svg{margin-left: 11px;transition: all 0.3s ease;}
.service-btn svg {
    margin-left: 7px;
    width: 16px;
    transition: all 0.3s ease;
}
.service-btn {
    display: inline-flex;
    padding: 0;
    background-color: transparent;
    color: #9810fa;
    border: none;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
}

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

/*************************/
/*****#footer#******/
/*************************/
.site-footer{
    position: relative;
    overflow: hidden;
    background-color: #1e2939;
}
.widget-content{
    padding: 0 !important;
    background: none !important;
    border-radius: 0px !important;
}
.widget-title {
    margin: 0 0 2.4rem;
    font-size: 20px !important;
    color: #fff;
    letter-spacing: 1px;
}
.site-footer p{
    font-size: 16px !important;
    color: #99a1af !important;
}
li.menu-item a {
    position: relative;
    text-decoration: none;
    color: #99a1af !important;
    font-size: 16px;
}
.site-sub-footer {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #1e2939;
    box-shadow: 0 0 1px 0px #ccc;
}

.siaracorporatebusiness-footer-siteinfo .footer-copyright {font-size: 16px; color: #99a1af !important;}
.siaracorporatebusiness-footer-siteinfo .theme-credit, 
.siaracorporatebusiness-footer-siteinfo .theme-credit a { font-size: 16px; color: #99a1af !important;}



/* ===== RESPONSIVE DESIGN ===== */
@media (min-width: 1200px) {

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


@media (max-width: 1600px) {
.banner-content-inner {  margin-right: 5%;  margin-left: 1em;}
}


@media (max-width: 1199px) {
.navbx { width: 53%;}
.header_style_3 ul.primary-menu { gap: 16px;}
.primary-menu > li.menu-item-has-children > a {   margin-right: 1rem;}
.btnbx { width: 22%;}
.banner-block-wrapper .slideimg img{height: 500px;}
.siaracorporatebusiness-section-aboutus-wrapper .content {  padding: 0 10px 0 0;}

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

@media (max-width: 991px) {
    .logobx { width: 40%; order: 1;}
    .searchbx { width: 10%;order: 2;}
    .btnbx { width: 40%; order: 3;}
    .navbx {width: 10%;order: 4;}
    .toggle.toggle-off-canvas{display: block; background: #7e22ce;padding: 10px;border-radius: 4px;}
    .toggle.toggle-off-canvas .off-canvas-bars span { background: #fff;}
    .nav-search .search-form {  display: flex !important;}
    .siaracorporatebusiness-section-banner-wrapper {  padding: 2em 0; height: auto;}
    .siaracorporatebusiness-banner-wrapper.siaracorporatebusiness-swiper-outer-bullets .swiper-pagination-bullets{
        display: none;
    }
    .banner-title {font-size: 3.5rem; }
    .banner-content-inner { margin: 0 1em; }
    .siaracorporatebusiness-banner-wrapper .banner-excerpt { padding: 0;}
    .banner-block-wrapper .slideimg img { height: 400px;}
    .banner-cta-button,
    .banner-lrn-button { padding: 6px 20px;  font-size: 16px; margin: 2px;}

    .siaracorporatebusiness-section-aboutus-wrapper { padding: 30px 0;}
    .siaracorporatebusiness-section-aboutus-wrapper .heading h3{margin-bottom:2px; }
    .siaracorporatebusiness-section-aboutus-wrapper .heading { margin-bottom: 8px;}
    .siaracorporatebusiness-section-aboutus-wrapper .description {margin: 12px 0;}
    .about-stats-box .stats-list li { margin: 0 10px 10px 0;}
    
    section.siaracorporatebusiness-section-services-wrapper{padding: 2em 0}
    .siaracorporatebusiness-section-services-wrapper .heading { margin-bottom: 2rem;}
    .services-header {  margin-bottom: 0px;}

}


@media (max-width: 768px) {
    /* 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%;
    }

    .nav-right-section {
        order: 2;
    }
    .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;
    }
    .swiper-slide {
        min-height: 60vh;
    }

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

@media (max-width: 767px) {
.tphead p { width: 70%;}
.tphead .buttn { width: 30%;}

.contact-item .tooltiptext,
.contact-item .tooltiptext{
    visibility: hidden;
    display: inline-block;
    width: 210px;
    background-color: #DEDEE7;
    color: #000;
    text-align: center;
    padding: 2px 2px;
    position: absolute;
    font-size: 14px;
    top: 20px;
    left: 0;
    opacity: 1;
    transition: all 0.2s linear;
    z-index: 9999;
}
.contact-item:hover .tooltiptext,
.contact-item:hover .tooltiptext{ visibility: visible; opacity: 1;}
   
    /* 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;
    }

    .banner-block-wrapper .imgbx{
        width: 100%; 
        order: 1;
    }

    .banner-content-section{
        width: 100%;  
        order: 2;
    }

    .banner-content-inner { 
        margin: 1em 1em 0; 
    }

    .banner-title { 
        margin: 0 0 10px;
    }
    .about-stats-box .listbx1, .about-stats-box .listbx2{width: 100%;}
    .about-stats-box .stats-list li {  display: flex; }

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

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

    .contact-phone {
        font-size: 15px;
    }
    .siaracorporatebusiness-section-services-wrapper .heading p {
    font-size: 16px;
    margin: 6px 0 10px;
    color: #4a5565;
}
    .siaracorporatebusiness-section-services-wrapper .heading h2 {
        font-size: 26px;
    }

}

@media (max-width: 575px) {
    .nav-search .search-form {  width: 300px;}
    .btnbx .nav-cta a {  padding: 6px 12px;font-size: 13px; }
    .nav-menu-center { padding: 0 0;}
    .about-stats-box { margin-bottom: 2px;}
}

@media (max-width: 425px) {
    .btnbx{width: 0;}
    .btnbx .nav-cta{display: none;}
    .logobx { width: 70%;}
    .searchbx { width: 15%;}
    .navbx { width: 15%;}
    
}


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

@media (max-width: 479px) {

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

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

}

@media (max-width: 425px) {
    .banner-block-wrapper .slideimg img {
        height: 300px;
    }
    .siaracorporatebusiness-section-aboutus-wrapper .image .cwbx .num {font-size: 30px;}
    .siaracorporatebusiness-section-aboutus-wrapper .image img { height: 334px !important;object-fit: none;}
    .siaracorporatebusiness-section-aboutus-wrapper .image .cwbx {
    bottom: 10px;
    left: 8px;
    width: 94%;
    padding: 10px 18px 24px;
    border-radius: 10px;
}
}