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

/*ROOT */
:root{
    --primary:#0B0B0B;
    --secondary:#161616;
    --accent:#FF7A00;
    --accent-light:#FFA133;
    --light:#111111;
    --white:#FFFFFF;
    --text:#CFCFCF;
}

/* 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(10,10,10,.92);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,122,0,.15);
    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;
    position:absolute;
    left:0;
    bottom:-5px;
    transition:.4s;
}

.nav-link:hover::after{
    /*width:100%;*/
    /*background:var(--accent);*/

}
.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:#242424;
    color: #fff;
    padding: 120px 0 80px;
    overflow: hidden;
} */


.hero{
    min-height:90vh;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;

    background:
    radial-gradient(circle at top right,
        rgba(255,122,0,.10),
        transparent 30%),

    radial-gradient(circle at bottom left,
        rgba(255,122,0,.08),
        transparent 35%),

    linear-gradient(
        135deg,
        #131313 0%,
        #181818 50%,
        #111111 100%
    );

    color:#fff;
}



.hero::before{
    content:"";
    position:absolute;
    inset:0;

    background-image:
       linear-gradient(rgb(110 21 21 / 87%) 0px, #00000047 0px), linear-gradient(90deg, rgb(6 35 110) 0px, #ba812e61 0px);

    background-size:45px 45px;

    opacity:.35;
}





.hero::after{
    content:"";
    position:absolute;

    width:550px;
    height:550px;
    padding: 80px 0 0 0;
    right:-150px;
    top:-120px;

    background:#ff7a00;

    opacity:.12;

    filter:blur(130px);

    border-radius:50%;
}

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

    background: linear-gradient(90deg, #ffffff, #ff7a00, #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,#ff7a00,#ff9d2f);    
    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:#ffffff;
    color:#ff7a00 !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: #ff7a00;
    animation: blink 0.8s infinite;
}

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

/*BUTTON */
.btn-main{
     background:linear-gradient(
135deg,
#ff7a00,
#ff9d2f
);
    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);
    }
}

.btn-outline-primary {
    background: transparent;
    color: #fff !important;
    padding: 10px 19px 12px 19px !important;
    border-radius: 50px !important;
    border: 1px solid #fff !important;
    font-weight: 600 !important;
    transition: .4s;
}


/*SECTION TITLE */

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

.section-title h2{
    color:#111111;
    font-weight:700;
    font-size:2.7rem;
  

}
.section-title h3{
    color:#cfcfcf;
    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,
#181818,
#242424
);

border:
1px solid rgba(255,122,0,.15);
    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(255,122,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, #ff7a00, #ff7e06);
    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:#cfcfcf;
    font-weight: 800;
    margin-top:10px;
    letter-spacing:0.2px;
}

.service-card p{
    font-size:14px;
color:#cfcfcf;    
margin-top:10px;
    line-height:1.6;
}

/*ABOUT */

.about-section{
background:#111111;
}

.about-section h2{
    color:#ffffff;
    font-size:2.8rem;
}

.about-section p{
color:#cfcfcf;    line-height:1.8;
    font-size:1.1rem;
}

.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:
#111111;
}


.section-title h2 {
    font-size: 2.7rem;
    font-weight: 800;
    color:#111111;
}

.section-title p {
    color: #d2d5d9;
}
.faq-section p {
    color: #dcdfe3;
}

.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,
#ff7a00,
#ff9d2f
);    color: #fff;
    box-shadow: none;
}


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


.custom-accordion .accordion-body {
    padding: 20px;
color:#111111;
    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(255,122,0,.25) !important;
    transform: translateY(-2px);
}

/* BUTTON */
.btn-main{
     padding: 13px 56px -1px 0px !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: -1px 4px 60px rgb(0 0 0 / 29%);
    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:#111111;
}

/* 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:#050505;
    color:#fff;
    padding:80px 0 22px;
}

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

.footer h5{
        color:var(--accent);

}


.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:auto;*/
    /*width:60px;*/
    object-fit:contain;
}
.footer hr{
     border-color: rgb(255 255 255 / 51%);
    margin: 22px 0 20px;
}
.footer p{
     white-space: pre-line;
    line-height: 1.7;
}

.footer p a{
    color:white;
    text-decoration:none;
}

.footer p a:hover{
    color:var(--accent);
}


.footer-company{
    color:var(--accent);
        text-decoration: none;
}

/* 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: 145px 0px 70px 0px;
    }

.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: #111111;
    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:#111111;
    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,
#ff7a00,
#ff9d2f
);
    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:#ff7a00;
    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,
    #151515 0%,
    #1A1A1A 50%,
    #141414 100%
);
    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, #ff7a00, #ff7e06);
    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,
    #151515 0%,
    #1A1A1A 50%,
    #141414 100%
);
    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: #111111;
    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,
#ff7a00,
#ff9d2f
);
    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:#ff7a00;
    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,
    #151515 0%,
    #1A1A1A 50%,
    #141414 100%
);;
    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: #111111;
}

.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,
#ff7a00,
#ff9d2f
);
    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:#ff7a00;
    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,
    #151515 0%,
    #1A1A1A 50%,
    #141414 100%
);    
    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: #111111;
}

.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,
#ff7a00,
#ff9d2f
);
    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:#ff7a00;
    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,
    #151515 0%,
    #1A1A1A 50%,
    #141414 100%
);    
    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: #111111;
}

.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,
#ff7a00,
#ff9d2f
);
    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:#ff7a00;
    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:0px 0px 60px 0px;
}

.cta-box{
    background:#111111;
    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;
    }
}
.footer-social{
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.footer-social a{
    width: 42px;
    height: 42px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: 0.3s ease;
}

.footer-social a:hover{
    background: linear-gradient(
135deg,
#ff7a00,
#ff9d2f
);
    color: #fff;
    transform: translateY(-4px);
}

.dropdown-toggle::after {
    /* display: inline-flex; */
    margin-left: 72px !important;
    vertical-align: 0px;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    height: 25px !important;
    border-left: .3em solid transparent;
}
.contact-info .info-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:20px;
    color:#fff;
}

.contact-info .info-item i{
    color:#ff7a00;
    font-size:20px;
    margin-top:3px;
    flex-shrink:0;
}

.contact-info .info-item a{
    color:#fff;
    text-decoration:none;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:15px;
}

.footer-social a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.3);
    border-radius:50%;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.footer-social a:hover{
    background:#ff7a00;
    border-color:#ff7a00;
}
.info-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:15px;
}

.contact-icon{
    width:20px;
    height:20px;
    fill:#ff7a00;
    flex-shrink:0;
    margin-top:3px;
}

.info-item a{
    color:#fff;
    text-decoration:none;
}
.btn-outline-primary:hover{
    background: linear-gradient(135deg, #ff7a00, #ff9d2f);
}
@media (max-width: 768px) {
    span.all {
    display: block;
}
p.hero-text {
    padding: 0px 0 28px 0;
}
.col-lg-3.quick {
    text-align: justify !important;
}
}
p.complete {
    color: #6f7a8c;
}
/* Desktop only */
@media (min-width: 992px) {

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

    .nav-item.dropdown:hover .dropdown-menu{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

}

/* Mobile */
@media (max-width:991.98px){
    /****nav bar end****/
    .navbar .dropdown-menu{
        display:none;
        opacity:1;
        visibility:visible;
        transform:none;
        position:static;
        width:100%;
        margin-top:0;
        border:none;
        box-shadow:none;
    }

    .navbar .dropdown-menu.show{
        display:block;
    }

    .dropdown-item{
        padding-left:25px;
    }
    
    /****nav bar end****/
      .service-cta {
        padding: 32px 0px 62px;
    }
.about-banner-img {
    padding: 35px 0 0 0;
  
}
.why-card {
    padding: 17px;
    
}
.why-us-section {
    padding: 60px 0;
}
.cta-box {
        padding: 40px 13px 45px 18px;
}
.contact-cta {
    padding: 0px 0 60px 0;
    
}
.info-item h6 {
    text-align: left;
}
.contact-cta .cta-box p{
width: 70%;
margin-left: auto;
margin-right:auto;
}
.service-cta .cta-box p{
  width: 70%;
margin-left: auto;
margin-right:auto;  
}
.why-accounting {
    padding: 100px 0 20px 0px;
}
.tax-cta {
    padding: 52px 0 75px 0;
}
.tax-why {
    padding: 100px 0 0px 0;
}
.audit-cta {
    padding: 39px 0 73px 0;
}
.audit-benefits {
    padding: 100px 0 0 0;
}
    .business-cta {
        padding: 0px 0 75px 0;
    }
.business-cta .cta-box p {
 width: 70%;
margin-left: auto;
margin-right:auto; 
}









}

.business-cta {
    padding: 0 0 80px 0;
}
.audit-cta {
    padding: 0px 0 73px 0;
}
.tax-cta {
    padding: 0px 0 75px 0;
}
.contact-cta {
    padding: 0px 0 60px 0;
    
}
.service-cta {
     padding: 0px 0 60px 0; 
}
.col-lg-3.quick{
    text-align: center;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background: linear-gradient(135deg, #ff7a00, #ff9d2f);
}