/*GOOGLE FONT */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/*ROOT */
:root{
    --primary:#081b33;
    --secondary:#0f3460;
    --accent:#4da6ff;
    --light:#f7faff;
    --white:#ffffff;
    --text:#4f5d75;
}

/* GLOBAL */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    color:var(--text);
    background:#fff;
}

section{
    padding:100px 0;
}

img{
    max-width:100%;
}

/* NAVBAR */

.navbar{
    background:rgba(8,27,51,.92);
    backdrop-filter:blur(15px);
    padding:18px 0;
    transition:.4s;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
}

.navbar-brand{
    color:#fff !important;
    font-size:1.9rem;
    font-weight:700;
    letter-spacing:.5px;
}

.nav-link{
    color:#fff !important;
    font-weight:500;
    margin-left:20px;
    position:relative;
}

.nav-link::after{
    content:'';
    width:0;
    height:2px;
    background:var(--accent);
    position:absolute;
    left:0;
    bottom:-5px;
    transition:.4s;
}

.nav-link:hover::after{
    width:100%;
}
.navbar-toggler{
    border:none;
}

.navbar-toggler:focus{
    box-shadow:none;
}

.navbar-toggler-icon{
    filter: brightness(0) invert(1);
}

.navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
}


 .nav-item.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}  
.dropdown-menu {
    border: none;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0,0,0,.15);
    margin-top: 10px;
}

.dropdown-item {
    border-radius: 10px;
    padding: 10px 15px;
    font-weight: 500;
    transition: 0.3s;
}


.dropdown-item:hover {
    background: var(--accent);
    color: #fff;
}
.site-logo{
    height: 70px;
    width: auto;
    object-fit: contain;
}


/*  HERO */



.hero {
    min-height: 90vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #061a33 0%, #0b2a52 100%);
    color: #fff;
    padding: 120px 0 80px;
    overflow: hidden;
}

/* HERO TEXT AREA */
.hero h1 {
    font-size:3.5rem;
    font-weight:700;
    line-height:1.15;
    margin-bottom: 25px;

    background: linear-gradient(90deg, #ffffff, #4da6ff, #ffffff);
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: textShine 4s linear infinite;
}

@keyframes textShine {
    0% { background-position: 0%; }
    100% { background-position: 200%; }
}

.hero p {
    font-size: 1.1rem;
    color: #d7e4ff;
    max-width: 550px;
    line-height: 1.8;
    margin-bottom: 25px;

}

/* BUTTON */
.btn-main {
    background: linear-gradient(135deg, #4da6ff, #0f3460) !important;
    color: #fff !important;
    padding: 14px 35px !important;
    border-radius: 50px !important;
    font-weight: 600;
    border: none !important;
    transition: 0.4s;
    position: relative;
    overflow: hidden;
}

.btn-main:hover {
    transform: translateY(-4px);
    background: #fff !important;
    color: #081b33 !important;
}

/* IMAGE SLIDER */
.hero img,
#sliderImage {
    width: 100%;
    max-width: 550px;
    height: 420px;
    object-fit: cover;
    border-radius: 22px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.35);

    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* FLOAT ANIMATION (SUBTLE LUXURY FEEL) */
.hero img {
    animation: floatImage 5s ease-in-out infinite;
}
#sliderImage {
    transition: opacity 0.6s ease, transform 0.6s ease;
}

@keyframes floatImage {
    0% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
    100% { transform: translateY(0); }
}

/* HERO CONTENT ANIMATION */
.hero-content {
    animation: fadeUp 1s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   TYPING TEXT
========================= */

#typedText {
    font-weight: 600;
    color: #ffffff;
}

.cursor {
    display: inline-block;
    color: #4da6ff;
    animation: blink 0.8s infinite;
}

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

/*BUTTON */
.btn-main{
     background:linear-gradient(
        135deg,
        #4da6ff,
        #0f3460
    ) !important;
    color:#fff !important;
    padding:14px 35px !important;
    border-radius:50px !important;
    border:none !important;
    font-weight:600 !important;
    transition:.4s;
    animation: heroFade 1.8s ease forwards;
    opacity:0;
   
}

.btn-main:hover{
    transform:translateY(-4px);
    background:#fff !important;
    color:var(--primary) !important;
}
@keyframes heroSlide{
    from{
        opacity:0;
        transform:translateX(-60px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes heroFade{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/*SECTION TITLE */

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title h2{
    color:var(--primary);
    font-weight:700;
    font-size:2.8rem;
  

}

.section-title p{
    color:#6f7a8c;
    font-size:1.1rem;
    line-height:1.8;

}

/*SERVICES*/

.services{
   background:#fff;

}
 .service-card{
    /* background: rgba(255, 255, 255, 0.10); */
     background: linear-gradient(135deg,#d3e0f2,#e6edf7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    padding: 38px;
    border-radius: 26px;
    text-align: center;
    height: 100%;
    position: relative;
    overflow: hidden;

    /* border: 1px solid rgba(255,255,255,0.25); */
     /* border:1px solid #eef4fb; */
     border:1px solid #f8fafc;
    box-shadow: 0 15px 45px rgba(0,0,0,0.08);

    transition: all .45s ease;
    transform-style: preserve-3d;
}

/* .service-card::before{
    content:'';
    position:absolute;
    inset:0;
    padding:2px;
    border-radius:26px;

    background: linear-gradient(
        135deg,
        rgba(77,166,255,0.9),
        rgba(15,52,96,0.9),
        rgba(77,166,255,0.4)
    ); */

    /* -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    opacity:0.6;
    transition:.5s;
} */


.service-card::after{
    content:'';
    position:absolute;
    top:-40%;
    left:-40%;
    width:180%;
    height:180%;

    background: radial-gradient(
        circle,
        rgba(77,166,255,0.25),
        transparent 60%
    );

    opacity:0;
    transition:.5s;
}


.service-card *{
    position:relative;
    z-index:1;
}


.service-card:hover{
    transform: translateY(-14px) scale(1.03);
    box-shadow: 0 30px 80px rgba(77,166,255,0.25);
}


.service-card:hover::after{
    opacity:1;
}

.service-card i{
    width:78px;
    height:78px;
    line-height:78px;
    border-radius:50%;
    font-size:32px;
    color:#fff;
    background: linear-gradient(135deg,#4da6ff,#0f3460);
    display:inline-block;
    margin-bottom:18px;
    transition:.4s;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.service-card:hover i{
    transform: translateY(-3px) rotate(8deg) scale(1.1);
}

.service-card h5{
    color: var(--primary);
    font-weight: 800;
    margin-top:10px;
    letter-spacing:0.2px;
}

.service-card p{
    font-size:14px;
    color: var(--text);
    margin-top:10px;
    line-height:1.6;
}

/*ABOUT */

.about-section{
    background:#dbe6f5;
}

.about-section h2{
    color:var(--primary);
    font-size:2.8rem;
}

.about-section img{
    border-radius:25px;
    transition:.5s;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.about-section img:hover{
    transform:scale(1.03);
}

/* FAQ SESSION*/

.accordion-collapse {
    transition: height 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.accordion-collapse.show .accordion-body {
    animation: bounceIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* keyframes */
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0.98);
    }
    60% {
        opacity: 1;
        transform: translateY(8px) scale(1.01);
    }
    80% {
        transform: translateY(-3px) scale(0.999);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}
.collapsing {
    transition: height 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.faq-section {
    background: linear-gradient(135deg, #d3e0f2, #e6edf7);
}


.section-title h2 {
    font-size: 2.7rem;
    font-weight: 800;
    color: var(--primary);
}

.section-title p {
    color: #6f7a8c;
}


.custom-accordion .accordion-item {
    border: none;
    margin-bottom: 18px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(12px);
    transition: all 0.4s ease;


}

.custom-accordion .accordion-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 50px rgba(77,166,255,0.15);
}


.custom-accordion .accordion-button {
    font-weight: 600;
    padding: 18px;
    background: transparent;
    color: var(--primary);
    transition: 0.3s;
}


.custom-accordion .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #4da6ff, #0f3460);
    color: #fff;
    box-shadow: none;
}


.custom-accordion .accordion-button:focus {
    box-shadow: none;
}


.custom-accordion .accordion-body {
    padding: 20px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.6;
    background: #fff;
}



.accordion-collapse {
    transition: height 0.5s ease, opacity 0.4s ease;
}


.accordion-body {
    opacity: 0;
    transform: translateY(-8px);
    transition: all 0.35s ease;
}


.accordion-collapse.show .accordion-body {
    opacity: 1;
    transform: translateY(0);
}


.collapsing {
    transition: height 0.5s ease;
}

    
.custom-accordion .accordion-item:has(.accordion-collapse.show) {
    box-shadow: 0 25px 60px rgba(77,166,255,0.18);
    transform: scale(1.01);
}


/* FORM AREA*/

.form-control{
    border: none !important;
    border-radius: 16px !important;
    padding: 15px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: .3s;
    background: #fff;
}

.form-control:focus{
    box-shadow: 0 0 0 4px rgba(77,166,255,0.25) !important;
    transform: translateY(-2px);
}

/* BUTTON */
.btn-main{
    padding: 12px 28px !important;
    border-radius: 30px !important;
    font-weight: 600;
    transition: .3s;
}

.btn-main:hover{
    transform: translateY(-3px);
}

/*  CONTACT BOX */
.contact-box{
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    padding: 40px;
    border-radius: 25px;

    box-shadow: 0 25px 60px rgba(0,0,0,0.08);
    border: 1px solid rgba(255,255,255,0.4);
}

/* TITLE */
.contact-box h4{
     font-weight: 800; 
    color: var(--primary);
    margin-bottom: 25px;
   
}

/* CONTACT ITEMS */
.contact-item{
    display: flex;
    gap: 14px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    transition: .3s;
}

.contact-item i{
    font-size: 20px;
    color: var(--accent);
    margin-top: 3px;
    transition: .3s;
}

/* TEXT */
.contact-item strong{
    display: block;
    font-size: 14px;
    color: var(--primary);
    font-weight: 700;
}

.contact-item p{
    margin: 0;
    font-size: 14px;
    color: var(--text);
}

/* HOVER EFFECT */
.contact-item:hover{
    transform: translateX(6px);
}

/* HIGHLIGHT PHONE */
.contact-item.highlight{
    background: linear-gradient(135deg,#eef6ff,#ffffff);
    padding: 16px;
    border-radius: 16px;
    border: none;
    box-shadow: 0 10px 25px rgba(77,166,255,0.10);
}

/* LINK STYLE */
.contact-item a{
    text-decoration: none;
    color: var(--secondary);
    font-weight: 600;
}

/* FOOTER*/

.footer{
    background:#06111f;
    color:#fff;
    padding:80px 0 30px;
}

.footer h4,
.footer h5{
    margin-bottom:20px;
}

.footer ul{
    list-style:none;
    padding:0;
}

.footer ul li{
    margin-bottom:10px;
}

.footer ul li a{
    color:#d7d7d7;
    text-decoration:none;
    transition:.3s;
}

.footer ul li a:hover{
    color:var(--accent);
}
.footer-logo{
    height:60px;
    width:60px;
    object-fit:contain;
}
.footer hr{
    border-color:rgba(255,255,255,.1);
    margin:40px 0 20px;
}
.footer p{
     white-space: pre-line;
    line-height: 1.0;
}

/* SCROLLBAR */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#f2f2f2;
}

::-webkit-scrollbar-thumb{
    background:var(--accent);
    border-radius:20px;
}

/* Media Response */

@media(max-width: 991px) {
    .hero {
        text-align: center;
        padding: 100px 20px;
    }

    .hero h1 {
        font-size: 2.6rem;
    }

    .hero p {
        margin: 0 auto 25px;
    }

    .hero img {
        margin-top: 40px;
        max-width: 100%;
    }
}

@media(max-width: 768px) {
    .hero h1 {
        font-size: 2.2rem;
    }

    .hero p {
        font-size: 1rem;
    }

    .btn-main {
        padding: 12px 28px !important;
    }
}

@media(max-width: 576px) {
    .hero h1 {
        font-size: 1.9rem;
    }

    .hero p {
        font-size: 0.95rem;
    }

    .hero img {
        height: 300px;
    }
}

@media(max-width:1200px){

.hero h1{
    font-size:3rem;
}
}

@media(max-width:991px){

.hero{
    text-align:center;
    padding:100px 0;
}

.hero h1{
    font-size:2.6rem;
}

.hero p{
    margin:0 auto;
}

.hero img{
    margin-top:40px;
    max-width:100%;
}

.section-title h2{
    font-size:2.2rem;
}

.about-section h2{
    margin-top:30px;
    font-size:2.2rem;
}

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

}

@media(max-width:768px){

.hero h1{
    font-size:2.2rem;
}

.hero p{
    font-size:1rem;
}

.btn-main{
    padding:12px 25px !important;
}

.contact-box{
    margin-top:30px;
}

.section-title h2{
    font-size:1.9rem;
}

}

@media(max-width:576px){

.navbar-brand{
    font-size:1.4rem;
}

.hero h1{
    font-size:1.9rem;
}

.hero p{
    font-size:0.95rem;
}

.section-title h2{
    font-size:1.6rem;
}

.service-card{
    padding:25px;
}

.contact-box{
    padding:25px;
}
}
/* ABOUT PAGE BANNER */

.about-banner{
    background: linear-gradient(135deg,#061a33,#0b2a52);
    padding: 180px 0 120px;
    text-align:center;
    color:#fff;
}

.about-banner h1{
 font-size:3.5rem;
    font-weight:700;
    margin-bottom:15px;
} 
/* .about-banner{
    background:linear-gradient(135deg,#061a33,#0b2a52);
    padding:160px 0 100px;
    overflow:hidden;
} */

.about-banner-img{
    max-width:100%;
    height:400px;
    object-fit:cover;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(0,0,0,.25);
    animation:floatImage 5s ease-in-out infinite;
}

@keyframes floatImage{
    0%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
    100%{transform:translateY(0);}
}

.about-banner p{
    color:#d7e4ff;
    font-size:1.1rem;
}

/* ABOUT COMPANY */

.company-about{
    padding:100px 0;
    background:#fff;
}

.company-about-img{
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.about-tag{
    display:inline-block;
    background:#eef6ff;
    color:#0f3460;
    padding:8px 18px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:15px;
}

.company-about-content h2{
    color:#081b33;
    font-weight:800;
    margin-bottom:20px;
}

.company-about-content p{
    color:#4f5d75;
    line-height:1.9;
}

/* MISSION VISION */

.mission-vision-section{
    background:linear-gradient(135deg,#d3e0f2,#e6edf7);
    padding:100px 0;
}

.mv-card{
    background:#fff;
    padding:40px;
    border-radius:24px;
    text-align:center;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.mv-card:hover{
    transform:translateY(-10px);
}

.mv-icon{
    width:80px;
    height:80px;
    line-height:80px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#4da6ff,#0f3460);
    color:#fff;
    font-size:32px;
    margin-bottom:20px;
}

.mv-card h3{
    color:#081b33;
    font-weight:700;
    margin-bottom:15px;
}

/* WHY US */

.why-us-section{
    padding:100px 0;
    background:#fff;
}

.why-card{
    background:#fff;
    border:1px solid #eef4fb;
    border-radius:22px;
    padding:35px;
    text-align:center;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    transition:.4s;
}

.why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(77,166,255,.15);
}

.why-card i{
    font-size:40px;
    color:#4da6ff;
    margin-bottom:15px;
}

.why-card h5{
    color:#081b33;
    font-weight:700;
}

.why-card p{
    color:#4f5d75;
}

/* RESPONSIVE */

@media(max-width:768px){

    .about-banner{
        padding:140px 0 90px;
    }

    .about-banner h1{
        font-size:2.3rem;
    }

    .company-about{
        text-align:center;
    }
}

/* CONTACT HERO */

.contact-hero{
    background: linear-gradient(
        135deg,
        #061a33,
        #0b2a52
    );

    padding:170px 0 110px;
    text-align:center;
    color:#fff;
    position:relative;
    overflow:hidden;
}

.contact-hero::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(77,166,255,.08);
    border-radius:50%;
    top:-180px;
    right:-100px;
}

.contact-hero::after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
    left:-100px;
    bottom:-120px;
}

.contact-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    margin-bottom:20px;
}

.contact-hero h1{
    font-size:3.5rem;
    font-weight:700;
    margin-bottom:20px;
}

.contact-hero p{
    color:#d7e4ff;
    max-width:700px;
    margin:auto;
    font-size:1.1rem;
}

/* CONTACT PAGE */

.contact-page-section{
    padding:100px 0;
    background:#f7faff;
}

.contact-content h2{
    color:#081b33;
    font-weight:800;
    margin-bottom:20px;
}

.contact-content p{
    color:#4f5d75;
    line-height:1.9;
}

/* CONTACT INFO */

.contact-info-box{
    margin-top:35px;
}

.info-item{
    display:flex;
    gap:18px;
    margin-bottom:25px;
}

.info-item i{
    width:55px;
    height:55px;
    line-height:55px;
    text-align:center;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #4da6ff,
        #0f3460
    );
    color:#fff;
    font-size:20px;
}

.info-item h6{
    color:#081b33;
    font-weight:700;
}

.info-item p{
    margin:0;
}

/* FORM BOX */

.contact-form-box{
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.contact-form-box h3{
    color:#081b33;
    font-weight:800;
}

.contact-form-box .form-control{
    border:none;
    border-radius:15px;
    padding:15px;
    background:#f5f8fc;
}

.contact-form-box .form-control:focus{
    box-shadow:0 0 0 4px rgba(77,166,255,.20);
}

/* CTA */

.contact-cta{
    padding:100px 0;
    background:#fff;
    
}
.contact-cta p{
     white-space: pre-line;
}

.cta-box{
    background:linear-gradient(
        135deg,
        #081b33,
        #0f3460
    );

    padding:70px 50px;
    text-align:center;
    border-radius:30px;
    color:#fff;
}

.cta-box h2{
    font-size:2.6rem;
    font-weight:800;
    margin-bottom:20px;
}

.cta-box p{
    max-width:700px;
    margin:auto;
    color:#d7e4ff;
    margin-bottom:30px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .contact-hero{
        padding:140px 0 90px;
    }

    .contact-hero h1{
        font-size:2.8rem;
    }

    .contact-content{
        text-align:center;
    }
}

@media(max-width:768px){

    .contact-hero h1{
        font-size:2.2rem;
    }

    .cta-box{
        padding:50px 25px;
    }

    .cta-box h2{
        font-size:2rem;
    }
}

@media(max-width:576px){

    .contact-hero h1{
        font-size:1.9rem;
    }

    .contact-form-box{
        padding:25px;
    }
}
/* HERO */

.service-hero{
    background: linear-gradient(135deg,#061a33,#0b2a52);
    padding:170px 0 110px;
    text-align:center;
    color:#fff;
}

.service-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    margin-bottom:20px;
}

.service-hero h1{
   font-size:3.5rem;
    font-weight:700;
    margin-bottom:20px;
}

.service-hero p{
    max-width:700px;
    margin:auto;
    color:#d7e4ff;
}

/* ABOUT */

.service-about{
    background:#fff;
    padding:100px 0;
}

.service-image{
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.service-about h2{
    color:#081b33;
    font-weight:800;
    margin-bottom:20px;
}

.service-about p{
    color:#4f5d75;
    line-height:1.9;
}

/* SERVICES */

.accounting-services{
    /* background:#f7faff; */
     background: linear-gradient(135deg,#d3e0f2,#e6edf7);
    padding:100px 0;
}

.account-card{
    background:#fff;
    padding:35px;
    border-radius:24px;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.account-card:hover{
    transform:translateY(-10px);
}

.icon-box{
    width:75px;
    height:75px;
    line-height:75px;
    text-align:center;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #4da6ff,
        #0f3460
    );
    color:#fff;
    font-size:28px;
    margin-bottom:20px;
}

.account-card h4{
    color:#081b33;
    font-weight:700;
    margin-bottom:15px;
}

.account-card p{
    color:#4f5d75;
    line-height:1.8;
}

/* WHY */

.why-accounting{
    padding:100px 0;
    background:#fff;
}

.why-box{
    text-align:center;
    padding:35px;
    border-radius:20px;
    border:1px solid #eef4fb;
    transition:.4s;
}

.why-box:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(77,166,255,.15);
}

.why-box i{
    font-size:40px;
    color:#4da6ff;
    margin-bottom:15px;
}

.why-box h5{
    color:#081b33;
    font-weight:700;
}

/* CTA */

.service-cta{
    padding:100px 0;
    background:#f7faff;
}

.cta-box{
    background:linear-gradient(
        135deg,
        #081b33,
        #0f3460
    );
    padding:70px 40px;
    border-radius:30px;
    text-align:center;
    color:#fff;
}

.cta-box h2{
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:15px;
}

.cta-box p{
    color:#d7e4ff;
    max-width:700px;
    margin:auto;
    margin-bottom:25px;
     white-space: pre-line;
}

/* RESPONSIVE */

@media(max-width:991px){

    .service-hero h1{
        font-size:2.8rem;
    }

    .service-about{
        text-align:center;
    }
}

@media(max-width:768px){

    .service-hero{
        padding:140px 0 90px;
    }

    .service-hero h1{
        font-size:2.2rem;
    }

    .cta-box h2{
        font-size:2rem;
    }
}

@media(max-width:576px){

    .service-hero h1{
        font-size:1.9rem;
    }

    .account-card{
        padding:25px;
    }

    .cta-box{
        padding:40px 20px;
    }
}
/* HERO */

.tax-hero{
    background: linear-gradient(135deg,#061a33,#0b2a52);
    padding:170px 0 110px;
    text-align:center;
    color:#fff;
}

.service-badge{
    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    margin-bottom:20px;
}

.tax-hero h1{
   font-size:3.5rem;
    font-weight:700;
    margin-bottom:20px;
}

.tax-hero p{
    max-width:700px;
    margin:auto;
    color:#d7e4ff;
    font-size:1.1rem;
}

/* ABOUT */

.tax-about{
    padding:100px 0;
    background:#fff;
}

.tax-image{
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.section-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#eef6ff;
    color:#0f3460;
    margin-bottom:15px;
    font-weight:600;
}

.tax-about h2{
    font-weight:800;
    color:#081b33;
    margin-bottom:20px;
}

.tax-about p{
    color:#4f5d75;
    line-height:1.9;
}

/* SERVICES */

.tax-services{
    padding:100px 0;
    /* background:#f8fbff; */
     background: linear-gradient(135deg,#d3e0f2,#e6edf7);
}

.tax-card{
    background:#fff;
    padding:35px;
    border-radius:25px;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.tax-card:hover{
    transform:translateY(-10px);
}

.tax-icon{
    width:75px;
    height:75px;
    line-height:75px;
    text-align:center;
    border-radius:50%;
    background:linear-gradient(135deg,#4da6ff,#0f3460);
    color:#fff;
    font-size:28px;
    margin-bottom:20px;
}

.tax-card h4{
    color:#081b33;
    font-weight:700;
    margin-bottom:15px;
}

.tax-card p{
    color:#4f5d75;
    line-height:1.8;
}

/* WHY */

.tax-why{
    padding:100px 0;
    background:#fff;
}

.why-card{
    background:#fff;
    padding:35px;
    text-align:center;
    border-radius:20px;
    border:1px solid #eef4fb;
    transition:.4s;
}

.why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(77,166,255,.15);
}

.why-card i{
    font-size:42px;
    color:#4da6ff;
    margin-bottom:15px;
}

.why-card h5{
    color:#081b33;
    font-weight:700;
    margin-bottom:10px;
}

.why-card p{
    color:#4f5d75;
}

/* CTA */

.tax-cta{
    padding:100px 0;
    background:#f8fbff;
}

.cta-box{
    background:linear-gradient(135deg,#081b33,#0f3460);
    padding:70px 40px;
    border-radius:30px;
    text-align:center;
    color:#fff;
}

.cta-box h2{
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:15px;
}

.cta-box p{
    color:#d7e4ff;
    max-width:700px;
    margin:auto;
    margin-bottom:25px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .tax-about{
        text-align:center;
    }

    .tax-hero h1{
        font-size:3rem;
    }
}

@media(max-width:768px){

    .tax-hero{
        padding:140px 0 90px;
    }

    .tax-hero h1{
        font-size:2.3rem;
    }

    .cta-box h2{
        font-size:2rem;
    }
}

@media(max-width:576px){

    .tax-hero h1{
        font-size:1.9rem;
    }

    .tax-card{
        padding:25px;
    }
}
/* HERO */

.audit-hero{
    background:linear-gradient(135deg,#061a33,#0b2a52);
    padding:170px 0 110px;
    text-align:center;
    color:#fff;
}


.service-badge{
    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    margin-bottom:20px;
}

.audit-hero h1{
    font-size:3.5rem;
    font-weight:700;
    margin-bottom:20px;
}

.audit-hero p{
    max-width:700px;
    margin:auto;
    color:#d7e4ff;
    font-size:1.1rem;
}

/* ABOUT */

.audit-about{
    padding:100px 0;
    background:#fff;
}

.audit-image{
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.section-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#eef6ff;
    color:#0f3460;
    font-weight:600;
    margin-bottom:15px;
}

.audit-about h2{
    color:#081b33;
    font-weight:800;
    margin-bottom:20px;
}

.audit-about p{
    color:#4f5d75;
    line-height:1.9;
}

/* SERVICES */

.audit-services{
    /* background:#f8fbff; */
    padding:100px 0;
     background: linear-gradient(135deg,#d3e0f2,#e6edf7);
}

.audit-card{
    background:#fff;
    padding:35px;
    border-radius:25px;
    text-align:center;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.audit-card:hover{
    transform:translateY(-10px);
}

.audit-icon{
    width:80px;
    height:80px;
    line-height:80px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#4da6ff,#0f3460);
    color:#fff;
    font-size:32px;
    margin-bottom:20px;
}

.audit-card h4{
    color:#081b33;
    font-weight:700;
    margin-bottom:15px;
}

.audit-card p{
    color:#4f5d75;
    line-height:1.8;
}

/* BENEFITS */

.audit-benefits{
    padding:100px 0;
    background:#fff;
}

.benefit-box{
    text-align:center;
    padding:35px;
    border-radius:20px;
    border:1px solid #eef4fb;
    transition:.4s;
}

.benefit-box:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(77,166,255,.15);
}

.benefit-box i{
    font-size:42px;
    color:#4da6ff;
    margin-bottom:15px;
}

.benefit-box h5{
    color:#081b33;
    font-weight:700;
    margin-bottom:10px;
}

.benefit-box p{
    color:#4f5d75;
}

/* CTA */

.audit-cta{
    background:#f8fbff;
    padding:100px 0;
}

.cta-box{
    background:linear-gradient(135deg,#081b33,#0f3460);
    padding:70px 40px;
    border-radius:30px;
    text-align:center;
    color:#fff;
}

.cta-box h2{
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:15px;
}

.cta-box p{
    color:#d7e4ff;
    max-width:700px;
    margin:auto;
    margin-bottom:25px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .audit-hero h1{
        font-size:3rem;
    }

    .audit-about{
        text-align:center;
    }
}

@media(max-width:768px){

    .audit-hero{
        padding:140px 0 90px;
    }

    .audit-hero h1{
        font-size:2.3rem;
    }

    .cta-box h2{
        font-size:2rem;
    }
}

@media(max-width:576px){

    .audit-hero h1{
        font-size:1.9rem;
    }

    .audit-card{
        padding:25px;
    }

    .cta-box{
        padding:40px 20px;
    }
}
/* HERO */

.business-hero{
    background:linear-gradient(135deg,#061a33,#0b2a52);
    padding:170px 0 110px;
    text-align:center;
    color:#fff;
}

.service-badge{
    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    margin-bottom:20px;
}

.business-hero h1{
    font-size:3.5rem;
    font-weight:700;
    margin-bottom:20px;
}

.business-hero p{
    max-width:700px;
    margin:auto;
    color:#d7e4ff;
    font-size:1.1rem;
}

/* ABOUT */

.business-about{
    padding:100px 0;
    background:#fff;
}

.business-image{
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.section-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#eef6ff;
    color:#0f3460;
    margin-bottom:15px;
    font-weight:600;
}

.business-about h2{
    color:#081b33;
    font-weight:800;
    margin-bottom:20px;
}

.business-about p{
    color:#4f5d75;
    line-height:1.9;
}

/* SERVICES */

.business-services{
    /* background:#f8fbff; */
    padding:100px 0;
     background: linear-gradient(135deg,#d3e0f2,#e6edf7);
}

.business-card{
    background:#fff;
    padding:35px;
    border-radius:25px;
    text-align:center;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.business-card:hover{
    transform:translateY(-10px);
}

.business-icon{
    width:80px;
    height:80px;
    line-height:80px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#4da6ff,#0f3460);
    color:#fff;
    font-size:32px;
    margin-bottom:20px;
}

.business-card h4{
    color:#081b33;
    font-weight:700;
    margin-bottom:15px;
}

.business-card p{
    color:#4f5d75;
    line-height:1.8;
}

/* BENEFITS */

.business-benefits{
    padding:100px 0;
    background:#fff;
}

.benefit-box{
    text-align:center;
    padding:35px;
    border-radius:20px;
    border:1px solid #eef4fb;
    transition:.4s;
}

.benefit-box:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(77,166,255,.15);
}

.benefit-box i{
    font-size:42px;
    color:#4da6ff;
    margin-bottom:15px;
}

.benefit-box h5{
    color:#081b33;
    font-weight:700;
    margin-bottom:10px;
}

.benefit-box p{
    color:#4f5d75;
}

/* CTA */

.business-cta{
    background:#f8fbff;
    padding:100px 0;
}

.cta-box{
    background:linear-gradient(135deg,#081b33,#0f3460);
    padding:70px 40px;
    border-radius:30px;
    text-align:center;
    color:#fff;
}

.cta-box h2{
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:15px;
}

.cta-box p{
    color:#d7e4ff;
    max-width:700px;
    margin:auto;
    margin-bottom:25px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .business-about{
        text-align:center;
    }

    .business-hero h1{
        font-size:3rem;
    }
}

@media(max-width:768px){

    .business-hero{
        padding:140px 0 90px;
    }

    .business-hero h1{
        font-size:2.3rem;
    }

    .cta-box h2{
        font-size:2rem;
    }
}

@media(max-width:576px){

    .business-hero h1{
        font-size:1.9rem;
    }

    .business-card{
        padding:25px;
    }

    .cta-box{
        padding:40px 20px;
    }
}
.whatsapp-btn{
    position:fixed;
    bottom:25px;
    right:25px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    text-decoration:none;
    z-index:9999;

    box-shadow:0 10px 25px rgba(37,211,102,.35);

    transition:.3s ease;
}

.whatsapp-btn:hover{
    color:#fff;
    transform:scale(1.1);
}

/* Pulse Animation */

.whatsapp-btn::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#25D366;
    z-index:-1;
    animation:whatsappPulse 2s infinite;
}

@keyframes whatsappPulse{

    0%{
        transform:scale(1);
        opacity:.7;
    }

    70%{
        transform:scale(1.5);
        opacity:0;
    }

    100%{
        opacity:0;
    }
}