/* GST PAGE */

.gst-hero{

    height:70vh;

    background:
    linear-gradient(
    rgba(0,40,80,0.7),
    rgba(0,40,80,0.7)
    ),

    url('https://images.unsplash.com/photo-1554224154-26032ffc0d07?q=80&w=1600');

    background-size:cover;

    background-position:center;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    color:white;
}

.gst-overlay h1{

    font-size:70px;

    margin-bottom:20px;
}

.gst-overlay p{

    font-size:24px;

    margin-bottom:30px;
}

.gst-overlay button{

    padding:18px 40px;

    background:#00c896;

    border:none;

    color:white;

    font-size:20px;

    border-radius:10px;

    cursor:pointer;
}

/* MAIN */

.gst-main{

    width:90%;

    margin:80px auto;

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:40px;
}

.gst-text{

    background:white;

    padding:50px;

    border-radius:20px;

    box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.gst-text h2{

    font-size:38px;

    color:#003566;

    margin-top:30px;

    margin-bottom:20px;
}

.gst-text p{

    font-size:20px;

    line-height:1.9;

    color:#333;
}

.gst-text ul{

    padding-left:25px;

    margin-top:20px;
}

.gst-text ul li{

    font-size:20px;

    margin-bottom:15px;
}

/* SIDE FORM */

.gst-side-form{

    background:white;

    padding:40px;

    border-radius:20px;

    box-shadow:0 5px 20px rgba(0,0,0,0.1);

    height:fit-content;

    position:sticky;

    top:20px;
}

.gst-side-form h2{

    text-align:center;

    margin-bottom:25px;

    color:#009966;
}

.gst-side-form form{

    display:flex;

    flex-direction:column;
}

.gst-side-form input,
.gst-side-form select,
.gst-side-form textarea{

    margin-bottom:20px;

    padding:15px;

    border:1px solid #ccc;

    border-radius:10px;

    font-size:16px;
}


.gst-side-form button{

    padding:15px;

    background:#009966;

    color:white;

    border:none;

    border-radius:10px;

    font-size:18px;

    cursor:pointer;
}

/* FEATURES */

.gst-features{

    padding:80px;

    background:#eef5f9;
}

.gst-features h1{

    text-align:center;

    font-size:55px;

    color:#003566;

    margin-bottom:50px;
}

.feature-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:25px;
}

.feature-box{

    background:white;

    padding:40px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 5px 20px rgba(0,0,0,0.1);

    transition:0.3s;
}

.feature-box:hover{

    transform:translateY(-8px);

    background:#009966;

    color:white;
}

.feature-box h2{

    margin-bottom:20px;
}
/* SERVICE CARD FIX */

.home-service-card{

    position:relative;

    z-index:2;

    cursor:pointer;
}

.service-card-link{

    text-decoration:none;

    color:inherit;

    display:block;
}
/* GST PAGE NAVBAR FIX */

.premium-header{

    position:sticky;

    top:0;

    width:100%;

    z-index:9999;
}
/* BRAND ALIGN */

.brand-section{

    display:flex;

    align-items:center;
}
.gst-hero{

    height:100vh;

    background:
    linear-gradient(
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.7)
    ),

    url("https://images.unsplash.com/photo-1554224155-6726b3ff858f?q=80&w=1600");

    background-size:cover;

    background-position:center;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:20px;
}

.gst-overlay{

    max-width:900px;

    color:white;
}

.gst-tag{

    display:inline-block;

    background:#00df9a;

    color:black;

    padding:10px 20px;

    border-radius:50px;

    font-weight:bold;

    margin-bottom:20px;
}

.gst-overlay h1{

    font-size:70px;

    line-height:1.2;

    margin-bottom:20px;
}

.gst-subtext{

    font-size:22px;

    color:#ddd;

    margin-bottom:40px;
}

.gst-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:50px;
}

.primary-btn,
.whatsapp-btn{

    padding:18px 35px;

    border:none;

    border-radius:12px;

    font-size:18px;

    cursor:pointer;

    font-weight:bold;

    transition:0.3s;
}

.primary-btn{

    background:#00df9a;

    color:black;
}

.primary-btn:hover{

    transform:translateY(-5px);
}

.whatsapp-btn{

    background:#25d366;

    color:white;
}

.whatsapp-btn:hover{

    transform:translateY(-5px);
}

.gst-trust{

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;
}

.trust-box{

    background:rgba(255,255,255,0.1);

    backdrop-filter:blur(10px);

    padding:25px;

    border-radius:15px;

    width:180px;
}

.trust-box h2{

    font-size:35px;

    color:#00df9a;
}
.gst-main{

    width:100%;

    max-width:1400px;

    margin:auto;

    display:flex;

    gap:40px;

    padding:80px 30px;

    align-items:flex-start;

    flex-wrap:wrap;
}

.gst-text{

    flex:1.8;

    min-width:300px;
}

/* =========================
   LUXURY PREMIUM FORM
========================= */

.gst-side-form{

    flex:0.95;

    min-width:340px;

    position:sticky;

    top:110px;

    background:
    linear-gradient(
    145deg,
    rgba(2,17,31,0.98),
    rgba(0,53,102,0.96)
    );

    padding:45px 35px;

    border-radius:35px;

    overflow:hidden;

    box-shadow:
    0 25px 70px rgba(0,0,0,0.35);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(18px);
}

/* GLOW EFFECT */

.gst-side-form::before{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    background:
    rgba(0,223,154,0.15);

    border-radius:50%;

    top:-120px;
    left:-120px;

    filter:blur(70px);
}

.gst-side-form::after{

    content:"";

    position:absolute;

    width:240px;
    height:240px;

    background:
    rgba(0,191,255,0.15);

    border-radius:50%;

    bottom:-100px;
    right:-100px;

    filter:blur(70px);
}

/* CONTENT */

.gst-side-form h2{

    font-size:40px;

    color:white;

    text-align:center;

    margin-bottom:12px;

    position:relative;

    z-index:2;
}

.form-text{

    text-align:center;

    color:#000000;

    font-size:17px;

    margin-bottom:35px;

    line-height:1.7;

    position:relative;

    z-index:2;
}

/* FORM */

.gst-side-form form{

    display:flex;

    flex-direction:column;

    gap:20px;

    position:relative;

    z-index:2;
}

/* INPUTS */

.gst-side-form input,
.gst-side-form select,
.gst-side-form textarea{

    width:100%;

    padding:18px 20px;

    border-radius:18px;

    border:
    1px solid rgba(255,255,255,0.08);

    background:
    rgba(255,255,255,0.07);

    color:white;

    font-size:16px;

    outline:none;

    transition:0.4s;

    backdrop-filter:blur(10px);
}

/* DROPDOWN OPTIONS PREMIUM FIX */

.gst-side-form select option{

    background:#071a2f;

    color:white;

    padding:12px;
}

.gst-side-form select{

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 18px center;

    padding-right:50px;
}

.gst-side-form input:hover,
.gst-side-form select:hover,
.gst-side-form textarea:hover{

    border-color:#00df9a;

    transform:translateY(-2px);

    transition:0.3s;
}

/* PLACEHOLDER */

.gst-side-form input::placeholder,
.gst-side-form textarea::placeholder{

    color:#d1d5db;
}

/* SELECT */

.gst-side-form select{

    color:#ffffff;
}

/* FOCUS EFFECT */

.gst-side-form input:focus,
.gst-side-form select:focus,
.gst-side-form textarea:focus{

    border-color:#00df9a;

    background:
    rgba(255,255,255,0.12);

    box-shadow:
    0 0 20px rgba(0,223,154,0.2);
}

/* BUTTON */

.gst-side-form button{

    padding:18px;

    border:none;

    border-radius:18px;

    background:
    linear-gradient(
    135deg,
    #00df9a,
    #00bfff
    );

    color:black;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    transition:0.4s;

    margin-top:5px;
}

/* BUTTON HOVER */

.gst-side-form button:hover{

    transform:
    translateY(-6px);

    box-shadow:
    0 18px 40px rgba(0,223,154,0.35);
}

/* SECURE BOX */

.secure-box{

    margin-top:30px;

    background:
    rgba(255,255,255,0.08);

    border:
    1px solid rgba(255,255,255,0.08);

    padding:22px;

    border-radius:20px;

    color:white;

    line-height:2;

    font-size:15px;

    backdrop-filter:blur(10px);

    position:relative;

    z-index:2;
}

/* MOBILE */

@media(max-width:768px){

    .gst-side-form{

        position:relative;

        top:0;

        padding:35px 25px;
    }

    .gst-side-form h2{

        font-size:32px;
    }

}
.section-title{

    font-size:40px;

    margin-bottom:40px;

    color:#0d1b2a;
}

.benefits-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:25px;

    margin-top:40px;
}

.benefit-card{

    background:white;

    padding:30px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);

    transition:0.3s;
}

.benefit-card:hover{

    transform:translateY(-10px);
}

.benefit-card h3{

    font-size:24px;

    margin-bottom:15px;

    color:#00b894;
}

.benefit-card p{

    color:#555;

    line-height:1.8;
}
.gst-process{

    padding:100px 8%;

    background:#f4f7fc;

    text-align:center;
}

.gst-process h1{

    font-size:50px;

    margin-bottom:60px;

    color:#0d1b2a;
}

.process-container{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:30px;
}

.process-step{

    background:white;

    padding:40px 30px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);

    transition:0.3s;
}

.process-step:hover{

    transform:translateY(-10px);
}

.step-number{

    width:70px;

    height:70px;

    background:#00df9a;

    color:black;

    font-size:30px;

    font-weight:bold;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    margin:auto;

    margin-bottom:25px;
}

.process-step h2{

    margin-bottom:15px;

    color:#0d1b2a;
}

.process-step p{

    color:#555;

    line-height:1.8;
}
.counter-section{

    padding:100px 8%;

    background:#0d1b2a;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

    gap:30px;

    text-align:center;
}

.counter-box{

    background:rgba(255,255,255,0.05);

    padding:40px 20px;

    border-radius:20px;

    backdrop-filter:blur(10px);
}

.counter-box h1{

    font-size:60px;

    color:#00df9a;

    margin-bottom:15px;
}

.counter-box p{

    color:white;

    font-size:20px;
}
.review-section{

    padding:100px 8%;

    background:#f4f7fc;

    text-align:center;
}

.review-section h1{

    font-size:50px;

    margin-bottom:60px;

    color:#0d1b2a;
}

.review-container{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(300px,1fr));

    gap:30px;
}

.review-card{

    background:white;

    padding:40px 30px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);

    transition:0.3s;
}

.review-card:hover{

    transform:translateY(-10px);
}

.review-card h2{

    font-size:30px;

    margin-bottom:20px;
}

.review-card p{

    color:#555;

    line-height:1.8;

    margin-bottom:25px;
}

.review-card h3{

    color:#00b894;
}
.faq-section{

    padding:100px 8%;

    background:white;
}

.faq-section h1{

    text-align:center;

    font-size:50px;

    margin-bottom:60px;

    color:#0d1b2a;
}

.faq-container{

    max-width:900px;

    margin:auto;
}

.faq-item{

    margin-bottom:20px;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.faq-question{

    width:100%;

    padding:25px;

    border:none;

    background:#0d1b2a;

    color:white;

    text-align:left;

    font-size:20px;

    cursor:pointer;
}

.faq-answer{

    background:#f4f7fc;

    max-height:0;

    overflow:hidden;

    transition:0.4s;
}

.faq-answer p{

    padding:25px;

    color:#555;

    line-height:1.8;
}
.whatsapp-float{

    position:fixed;

    width:70px;

    height:70px;

    bottom:30px;

    right:30px;

    z-index:999;

    animation:floatWhatsapp 2s infinite;
}

.whatsapp-float img{

    width:100%;

    height:100%;
}

@keyframes floatWhatsapp{

    0%{

        transform:translateY(0px);
    }

    50%{

        transform:translateY(-10px);
    }

    100%{

        transform:translateY(0px);
    }

}
.reveal{

    opacity:0;

    transform:translateY(80px);

    transition:all 1s ease;
}

.reveal.active{

    opacity:1;

    transform:translateY(0);
}
.navbar{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    padding:20px 8%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    z-index:1000;

    background:rgba(255,255,255,0.08);

    backdrop-filter:blur(12px);

    box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.logo{

    color:white;

    font-size:30px;

    font-weight:bold;
}

.nav-links{

    display:flex;

    gap:30px;

    list-style:none;
}

.nav-links a{

    color:white;

    text-decoration:none;

    font-size:18px;

    transition:0.3s;
}

.nav-links a:hover{

    color:#00df9a;
}
.footer{

    background:#0d1b2a;

    color:white;

    padding-top:70px;
}

.footer-container{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:40px;

    padding:0 8% 50px;
}

.footer-box h2,
.footer-box h3{

    margin-bottom:20px;

    color:#00df9a;
}

.footer-box p{

    line-height:1.8;

    color:#ddd;
}

.footer-box a{

    display:block;

    color:#ddd;

    text-decoration:none;

    margin-bottom:12px;

    transition:0.3s;
}

.footer-box a:hover{

    color:#00df9a;
}

.footer-bottom{

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

    text-align:center;

    padding:20px;

    color:#aaa;
}

.review-slider{

    overflow:hidden;

    position:relative;

    width:100%;

    margin-top:50px;
}

.review-track{

    display:flex;

    gap:30px;

    width:max-content;

    animation:slideReviews 20s linear infinite;
}

.review-card{

    min-width:350px;

    background:white;

    padding:40px 30px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.review-card h2{

    font-size:30px;

    margin-bottom:20px;
}

.review-card p{

    color:#555;

    line-height:1.8;

    margin-bottom:20px;
}

.review-card h3{

    color:#00b894;
}

@keyframes slideReviews{

    0%{

        transform:translateX(0);
    }

    100%{

        transform:translateX(-50%);
    }

}
.search-container{

    position:relative;

    z-index:99999;
}

.search-results{

    position:absolute;

    top:55px;

    left:0;

    width:100%;

    background:white;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,0.2);

    z-index:9999;
}

.search-results div{

    padding:15px;

    cursor:pointer;

    border-bottom:1px solid #eee;

    transition:0.3s;
}

.search-results div:hover{

    background:#f5f5f5;
}

.premium-header{

    z-index:100;
}
.search-container{

    position:relative;
}

.search-results{

    position:absolute;

    top:55px;

    left:0;

    width:100%;

    background:white;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,0.15);

    display:none;

    z-index:9999;
}

.search-item{

    display:block;

    padding:15px;

    color:black;

    text-decoration:none;

    border-bottom:1px solid #eee;

    transition:0.3s;
}

.search-item:hover{

    background:#f5f5f5;
}
.website-wrapper{

    zoom:0.80;

    width:100%;

    margin:auto;

}
/* =========================
   GST PRICING SECTION
========================= */

.gst-pricing{

    padding:80px 6%;

    background:#f4f7fc;

    text-align:center;
}

/* HEADING */

.gst-pricing h1{

    font-size:42px;

    color:#0d1b2a;

    margin-bottom:15px;
}

/* SUBTITLE */

.pricing-subtitle{

    font-size:18px;

    color:#666;

    margin-bottom:45px;
}

/* GRID */

.pricing-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(240px,1fr));

    gap:22px;
}

/* CARD */

.pricing-card{

    background:white;

    padding:30px 22px;

    border-radius:22px;

    box-shadow:
    0 8px 25px rgba(0,0,0,0.08);

    transition:0.4s;

    position:relative;

    overflow:hidden;
}

/* HOVER */

.pricing-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 15px 35px rgba(0,0,0,0.12);
}

/* FEATURED CARD */

.featured-plan{

    background:
    linear-gradient(
    135deg,
    #02111f,
    #003566
    );

    color:white;

    transform:scale(1.03);
}

/* POPULAR TAG */

.popular-tag{

    position:absolute;

    top:16px;
    right:-42px;

    background:#00df9a;

    color:black;

    padding:8px 50px;

    font-size:11px;

    font-weight:bold;

    transform:rotate(45deg);
}

/* TITLE */

.pricing-card h2{

    font-size:24px;

    margin-bottom:14px;
}

/* PRICE */

.pricing-card h3{

    font-size:42px;

    color:#00b894;

    margin-bottom:14px;
}

/* SMALL TEXT */

.invoice-text{

    margin-bottom:18px;

    font-size:15px;

    color:#ddd;
}

/* LIST */

.pricing-card ul{

    list-style:none;

    margin-bottom:25px;
}

.pricing-card ul li{

    margin-bottom:12px;

    font-size:16px;

    line-height:1.6;
}

/* BUTTON */

.pricing-card button{

    padding:14px 28px;

    border:none;

    border-radius:10px;

    background:#00df9a;

    color:black;

    font-size:16px;

    font-weight:bold;

    cursor:pointer;

    transition:0.3s;
}

/* BUTTON HOVER */

.pricing-card button:hover{

    transform:scale(1.05);
}

/* MOBILE */

@media(max-width:768px){

    .gst-pricing{

        padding:60px 5%;
    }

    .gst-pricing h1{

        font-size:34px;
    }

    .pricing-subtitle{

        font-size:16px;
    }

}