/* =============================================================================
   MY Accounting & Tax Solutions
============================================================================= */

/*
|--------------------------------------------------------------------------
| File        : home.css
| File Code   : CSS007
| Version     : 1.0.0
| Description : Homepage Sections
| Author      : MY Accounting & Tax Solutions
|--------------------------------------------------------------------------
*/


/* ==========================================================================
   GENERAL SECTION SPACING
========================================================================== */

.home-section{

    position:relative;

    padding:var(--section-padding) 0;

}


/* ==========================================================================
   LIGHT BACKGROUND
========================================================================== */

.section-light{

    background:var(--background);

}


/* ==========================================================================
   ABOUT
========================================================================== */

.about-image img{

    max-width:560px;

    margin:auto;

}

.about-content h2{

    margin-bottom:25px;

}

.about-content p{

    margin-bottom:20px;

}


/* ==========================================================================
   FEATURE LIST
========================================================================== */

.feature-list{

    margin:35px 0;

}

.feature-list li{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:18px;

    font-weight:600;

}

.feature-list i{

    color:var(--secondary-color);

}


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

.service-card{

    height:100%;

}

.service-card .icon-circle{

    margin-bottom:30px;

}

.service-card h3{

    margin-bottom:20px;

}

.service-card p{

    margin-bottom:25px;

}


/* ==========================================================================
   WHO WE WORK WITH
========================================================================== */

.client-card{

    text-align:center;

    padding:40px 30px;

}

.client-card i{

    font-size:48px;

    color:var(--primary-color);

    margin-bottom:25px;

}


/* ==========================================================================
   WHY CHOOSE US
========================================================================== */

.why-item{

    display:flex;

    align-items:flex-start;

    gap:20px;

    margin-bottom:35px;

}

.why-item i{

    font-size:32px;

    color:var(--secondary-color);

}


/* ==========================================================================
   SOFTWARE
========================================================================== */

.software-logo{

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    background:var(--white);

    border-radius:var(--border-radius);

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}

.software-logo:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-md);

}

.software-logo img{

    max-height:40px;

    width:auto;

}


/* ==========================================================================
   TAX UPDATES
========================================================================== */

.tax-card{

    height:100%;

}

.tax-date{

    color:var(--secondary-color);

    font-size:.90rem;

    font-weight:600;

    margin-bottom:15px;

}


/* ==========================================================================
   FAQ
========================================================================== */

.accordion-item{

    border:none;

    margin-bottom:15px;

    border-radius:var(--border-radius);

    overflow:hidden;

    box-shadow:var(--shadow-sm);

}

.accordion-button{

    font-weight:600;

    padding:20px;

}

.accordion-button:not(.collapsed){

    background:var(--primary-color);

    color:var(--white);

}

.accordion-button:focus{

    box-shadow:none;

}


/* ==========================================================================
   CALL TO ACTION
========================================================================== */

.cta-section{

    background:linear-gradient(
        135deg,
        var(--primary-color),
        var(--accent-color)
    );

    color:var(--white);

    text-align:center;

}

.cta-section h2{

    color:var(--white);

}

.cta-section p{

    color:rgba(255,255,255,.90);

    max-width:700px;

    margin:25px auto 40px;

}


/* ==========================================================================
   RESPONSIVE
========================================================================== */

@media(max-width:991px){

    .about-content{

        margin-top:50px;

        text-align:center;

    }

    .why-item{

        text-align:left;

    }

}

@media(max-width:767px){

    .service-card,

    .client-card,

    .tax-card{

        margin-bottom:30px;

    }

}
/* =============================================================================
   WEB001.003 - ABOUT
============================================================================= */

.about-image{

    text-align:center;

}

.about-image img{

    max-width:100%;

    border-radius:var(--border-radius-lg);

}

.about-content{

    padding-left:20px;

}

.about-content .feature-list{

    margin:35px 0;

}

.about-content .btn{

    margin-top:15px;

}

@media (max-width:991px){

    .about-content{

        padding-left:0;

        text-align:center;

    }

    .about-content .divider{

        margin-left:auto;

        margin-right:auto;

    }

    .feature-list{

        max-width:450px;

        margin:35px auto;

    }

}
/* =============================================================================
   WEB001.004 - WHO WE WORK WITH
============================================================================= */

.client-card{

    height:100%;

    text-align:center;

}

.client-card .card-body{

    padding:40px 30px;

}

.client-card .icon-circle{

    margin:0 auto 25px;

}

.client-card h4{

    margin-bottom:18px;

    color:var(--primary-color);

}

.client-card p{

    margin-bottom:0;

}
/* =============================================================================
   WEB001.005 - SERVICES
============================================================================= */

.service-card{

    height:100%;

}

.service-card .card-body{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    height:100%;

    padding:40px 30px;

}

.service-card .icon-circle{

    margin-bottom:25px;

}

.service-card h3{

    margin-bottom:18px;

    color:var(--primary-color);

}

.service-card p{

    flex-grow:1;

    margin-bottom:30px;

}

.service-card .btn{

    margin-top:auto;

}

@media (max-width:991px){

    .service-card .card-body{

        align-items:center;

        text-align:center;

    }

}
/* =============================================================================
   WEB001.006 - WHY CHOOSE US
============================================================================= */

.why-item{

    display:flex;

    align-items:flex-start;

    gap:20px;

    margin-bottom:35px;

}

.why-item:last-child{

    margin-bottom:0;

}

.why-item i{

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(15,81,50,.08);

    color:var(--primary-color);

    font-size:24px;

    flex-shrink:0;

}

.why-item h5{

    margin-bottom:10px;

    color:var(--primary-color);

}

.why-item p{

    margin-bottom:0;

}

@media (max-width:991px){

    .why-item{

        text-align:left;

    }

}
/* =============================================================================
   WEB001.007 - PROFESSIONAL SOFTWARE
============================================================================= */

.software-card{

    height:100%;

    text-align:center;

}

.software-card .card-body{

    padding:40px 30px;

}

.software-logo{

    height:70px;

    width:auto;

    margin:0 auto 30px;

    object-fit:contain;

}

.software-card h5{

    margin-bottom:15px;

    color:var(--primary-color);

}

.software-card p{

    margin-bottom:0;

}

.software-card:hover .software-logo{

    transform:scale(1.05);

    transition:var(--transition);

}
/* =============================================================================
   WEB001.008 - TAX & BUSINESS INSIGHTS
============================================================================= */

.tax-card{

    height:100%;

}

.tax-card .card-body{

    display:flex;

    flex-direction:column;

    height:100%;

    padding:40px 30px;

}

.tax-date{

    display:inline-block;

    margin-bottom:18px;

    padding:6px 14px;

    border-radius:50px;

    background:rgba(15,81,50,.08);

    color:var(--primary-color);

    font-size:.80rem;

    font-weight:700;

    text-transform:uppercase;

}

.tax-card h4{

    margin-bottom:18px;

    color:var(--primary-color);

}

.tax-card p{

    flex-grow:1;

}

.tax-card a{

    margin-top:auto;

    font-weight:600;

}

.tax-card a i{

    transition:var(--transition);

}

.tax-card a:hover i{

    transform:translateX(5px);

}
/* =============================================================================
   WEB001.009 - FAQ
============================================================================= */

#faqAccordion{

    margin-top:20px;

}

.accordion-item{

    border-radius:var(--border-radius);

    overflow:hidden;

    margin-bottom:20px;

}

.accordion-button{

    font-size:1.05rem;

    font-weight:600;

}

.accordion-body{

    padding:25px;

    line-height:1.8;

}
/* =============================================================================
   WEB001.010 - CALL TO ACTION
============================================================================= */

.cta-section{

    padding:100px 0;

    background:linear-gradient(
        135deg,
        var(--primary-color),
        var(--accent-color)
    );

    color:var(--white);

}

.cta-section .badge-primary{

    background:rgba(255,255,255,.15);

    color:var(--white);

}

.cta-section h2{

    color:var(--white);

    margin-top:20px;

}

.cta-section p{

    color:rgba(255,255,255,.90);

    max-width:700px;

    margin:25px auto 40px;

}

.cta-section .divider{

    margin-left:auto;

    margin-right:auto;

}

.cta-contact{

    border-top:1px solid rgba(255,255,255,.20);

    padding-top:50px;

}

.cta-contact-item{

    text-align:center;

}

.cta-contact-item i{

    font-size:34px;

    color:var(--secondary-color);

    margin-bottom:20px;

}

.cta-contact-item h6{

    color:var(--white);

    margin-bottom:10px;

}

.cta-contact-item a,

.cta-contact-item span{

    color:rgba(255,255,255,.90);

    text-decoration:none;

}

.cta-contact-item a:hover{

    color:var(--secondary-color);

}