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

html, body, input, button, textarea, select{
    font-family:'Poppins', Arial, sans-serif;
}

body{
    overflow-x:hidden;
}

.logo-link{
    text-decoration:none;
    display:inline-block;
}

.logo-link:hover,
.logo-link:focus,
.logo-link:active{
    text-decoration:none;
}

.logo{
    text-decoration:none;
}

/* HEADER */
header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 40px;
    background:rgba(0,0,0,0.7);
    backdrop-filter:blur(15px);
    flex-wrap:wrap;
    position:relative;
    z-index:10;
}

.logo{
    font-size:28px;
    font-weight:1000;
    background:linear-gradient(90deg,#B03A2E,#39FF14,#2196f3);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

nav{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

nav a{
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    padding:12px 14px;
    border-radius:20px;
    transition:0.3s;
    color:#ffffff;
    display:inline-block;
}

.btn-yellow{background:#ffcc00;color:#000000;}
.btn-orange{background:#ff5722;color:#000000;}
.btn-blue{background:#2196f3;color:#000000;}
.btn-white{background:#ffffff;color:#000000;}
.btn-red{background:#ff0000;color:#000000;}
.btn-cyan{background:#00bcd4;color:#000000;}
.btn-purple{background:#9c27b0;color:#000000;}
.btn-green{background:#4caf50;color:#000000;}

nav a:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(255,150,0,0.6);
}

/* NEWS */
.news-wrapper{
    width:100%;
    text-align:center;
    padding:12px;
    font-weight:bold;
    font-size:16px;
    position:relative;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.news-line{
    position:absolute;
    left:0;
    width:100%;
    opacity:0;
    transition:opacity 0.8s ease-in-out;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
}

.news-line.active{
    opacity:1;
}

/* MAIN */
.main{
    display:flex;
    gap:70px;
    justify-content:center;
    align-items:center;
    padding:120px 20px 40px;
    flex-wrap:wrap;
    min-height:620px;
}

.login-text{
    width:50%;
}

.login-text h1{
    font-size:42px;
    font-weight:800;
    background:linear-gradient(90deg,#E74C3C,#FFC300);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.login-text p{
    font-size:18px;
    margin-top:15px;
    color:#fff;
}

/* LOGIN CARD */
.card{
    width:320px;
    padding:30px;
    border-radius:25px;
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(25px);
    border:2px solid #641E16;
    animation:glow 3s infinite alternate;
}

@keyframes glow{
    from{box-shadow:0 0 20px #ffcc00;}
    to{box-shadow:0 0 40px #ff5722;}
}

.card h2{
    text-align:center;
    margin-bottom:20px;
    color:#ffcc00;
}

.card form{
    display:flex;
    flex-direction:column;
    align-items:center;
}

input{
    width:100%;
    padding:14px;
    margin-bottom:15px;
    border-radius:15px;
    border:1px solid rgba(255,255,255,0.3);
    background:rgba(0,0,0,0.4);
    color:white;
    outline:none;
}

.btn-login{
    width:100%;
    padding:10px;
    border:none;
    border-radius:20px;
    background:linear-gradient(45deg,#ff5722,#ff0000);
    color:white;
    font-weight:600;
    cursor:pointer;
}

.btn-google{
    width:100%;
    padding:10px;
    border:none;
    border-radius:20px;
    background:white;
    color:black;
    margin-top:5px;
    font-weight:600;
    cursor:pointer;
}

/* STATS */
.stats{
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
    padding:40px 20px;
}

.stat-box{
    background:#111;
    padding:20px 30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,0.6);
}

.stat-box h3{
    color:#ffcc00;
    font-size:28px;
}

/* SERVICES */
.panels{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    padding:40px 20px;
}

.panels a{
    text-decoration:none;
    color:inherit;
}

.service-box{
    width:100px;
    height:80px;
    border-radius:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-weight:600;
    cursor:pointer;
    transition:0.4s;
    box-shadow:0 10px 30px rgba(0,0,0,0.6);
    text-align:center;
}

.service-box img{
    width:40px;
    height:40px;
    object-fit:contain;
    margin-bottom:8px;
}

.service-box:hover{
    transform:scale(1.1);
}

/* REVIEWS */
.reviews{
    padding:70px 20px;
    background:#111;
    text-align:center;
    min-height:220px;
}

.review{
    display:none;
}

.review.active{
    display:block;
}

.review img{
    width:80px;
    height:80px;
    border-radius:50%;
    margin:0 auto 10px;
    object-fit:cover;
}

/* FOOTER */
footer{
    background:#000;
    padding:30px;
    text-align:center;
    opacity:0.8;
}

/* HAMBURGER */
.menu-toggle{
    display:none;
    flex-direction:column;
    cursor:pointer;
    gap:6px;
}

.menu-toggle span{
    width:28px;
    height:3px;
    background:#D4AC0D;
    border-radius:5px;
    transition:0.4s;
}

/* MOBILE */
@media(max-width:768px){

    header{
        flex-direction:column;
        padding:20px;
    }

    nav{
        display:none;
        flex-direction:column;
        width:80%;
        margin-top:15px;
        gap:10px;
    }

    nav.active{
        display:flex;
    }

    .menu-toggle{
        display:flex;
    }

    .card{
        width:95%;
    }

    .news-wrapper{
        font-size:14px;
        padding:10px;
        min-height:35px;
    }

    .main{
        flex-direction:column;
        text-align:center;
        gap:40px;
        padding:60px 20px 30px;
    }

    .login-text{
        width:100%;
    }

    .news-line{
        white-space:normal;
        padding:0 10px;
    }
}
/* Accessibility contrast fix */
.news-line{
    color:#ffffff !important;
    text-shadow:0 1px 2px rgba(0,0,0,0.8);
}

.news-line.active{
    color:#ffffff !important;
}

.card a{
    color:#ffffff !important;
    font-weight:600;
    text-decoration:underline;
}

.card a:hover{
    color:#ffcc00 !important;
}

.card label{
    color:#ffffff !important;
}

.card h2,
.card p,
.card div{
    color:#ffffff;
}

.service-box{
    color:#ffffff !important;
    text-shadow:0 1px 2px rgba(0,0,0,0.7);
}

.btn-yellow{
    color:#111 !important;
}

.stat-box,
.stat-box p,
.stat-box h3{
    color:#ffffff !important;
}

.reviews,
.reviews h2,
.review p{
    color:#ffffff !important;
}

footer{
    color:#ffffff !important;
}

/* ANIMATION-CSS */
body{
background:#0f172a;
font-family:Arial, sans-serif;
color:white;
text-align:center;
padding:40px;
}

/* MAIN BOX */

.smm-cartoon{
display:flex;
justify-content:center;
gap:40px;
flex-wrap:wrap;
}

/* CARD */

.social-box{
background:#1e293b;
padding:30px;
border-radius:15px;
width:200px;
box-shadow:0 0 20px rgba(0,0,0,0.5);
transition:0.3s;
}

.social-box:hover{
transform:translateY(-10px) scale(1.05);
}

/* ICON */

.icon{
font-size:50px;
margin-bottom:10px;
animation:float 3s infinite ease-in-out;
}

/* COUNTER */

.counter{
font-size:28px;
font-weight:bold;
color:#facc15;
margin-top:10px;
}

/* ANIMATION */

@keyframes float{

0%{transform:translateY(0px);}
50%{transform:translateY(-10px);}
100%{transform:translateY(0px);}

}

/* GROWTH BAR */

.growth{
height:8px;
background:#22c55e;
margin-top:15px;
border-radius:10px;
width:0%;
animation:growth 6s infinite;
}

@keyframes growth{

0%{width:0%;}
50%{width:80%;}
100%{width:100%;}

}

.title{
font-size:40px;
margin-bottom:30px;
font-weight:bold;
color:#facc15;
}

/* Animations-company-css */

body{
    margin:0;
    padding:0;
    background:#00008B;
    font-family: 'Poppins', sans-serif;
}

/* Section Styling */
.company{
    padding:100px 40px;
    text-align:center;
    position:relative;
    overflow:hidden;
    background: linear-gradient(-45deg, #0f172a, #1e293b, #0f172a, #1e1b4b);
    background-size:400% 400%;
    animation: gradientMove 10s ease infinite;
}

/* Glass Effect Box */
.company::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:95%;
    height:75%;
    transform:translate(-50%, -50%);
    background:rgba(255,255,255,0.05);
    backdrop-filter: blur(10px);
    border-radius:20px;
    z-index:0;
}

/* Heading Style */
.company h2{
    font-size:25px;
    color:#1EF2FF;
    position:relative;
    z-index:1;
    margin-bottom:25px;
    text-transform:uppercase;
    letter-spacing:2px;
    animation: slideDown 1.2s ease;
    text-shadow:0 0 20px rgba(0,255,255,0.6);
}

/* Paragraph Style */
.company p{
    font-size:18px;
    color:#FFD700;
    max-width:800px;
    margin:auto;
    line-height:1.8;
    position:relative;
    z-index:1;
    animation: fadeUp 1.5s ease;
    transition:0.4s;
}

/* Hover Effect */
.company p:hover{
    transform:scale(1.03);
    color:#ffffff;
}

@media(max-width:768px){
.company{
background:none;
}
}

/* Animations */
@keyframes gradientMove{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

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

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

/* smm-sq-animation-css */

.keyword-box{
background:#111;
color:#fff;
padding:20px;
border-radius:10px;
line-height:1.6;
transition:0.4s;
box-shadow:0 0 10px rgba(0,0,0,0.3);

}

.keyword-box:hover{
transform:translateY(-8px);
box-shadow:0 0 20px #00ffcc;
}

.smm-guide{
max-width:900px;
margin:auto;
padding:40px;
font-family:Arial;
color:white;
}

.smm-guide h2{
text-align:center;
margin-bottom:30px;
}

.qa{
display:flex;
flex-direction:column;
gap:15px;
}

.q{
background:#ffffff;
color:#000;
padding:14px;
border-radius:10px;
font-weight:bold;
animation:fadeUp 0.8s ease;
}

.a{
background:#d9ffd9;
color:#000;
padding:14px;
border-radius:10px;
animation:fadeUp 1s ease;
}

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(30px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/*faqs-css*/
.faq-section {
  max-width: 800px;
  margin: 50px auto;
  font-family: Arial;
}

.faq-section h2 {
  text-align: center;
  margin-bottom: 30px;
}

.faq-item {
  margin-bottom: 10px;
}

.faq-question {
  width: 100%;
  padding: 15px;
  text-align: left;
  background: #111;
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 8px;
  transition: 0.3s;
}

.faq-question:hover {
  background: #222;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: #0d0d0d;
  color: #ccc;
  padding: 0 15px;
  border-radius: 0 0 8px 8px;
  transition: max-height 0.4s ease;
}

.faq-answer p {
  padding: 10px 0;
}

/* footer-home-page-css */

.main-footer {
  background: #0b0b0b;
  color: white;
  padding-top: 60px;
  font-family: Arial;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  padding: 0 70px;
  flex-wrap: wrap;
}



.footer-col h3 {
  margin-bottom: 15px;
}

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

.footer-col ul li {
  margin: 8px 0;
}

.footer-col ul li a {
  color: white;
  text-decoration: none;
}

.footer-col input {
  padding: 10px;
  width: 100%;
  border-radius: 20px;
  border: none;
  margin-bottom: 10px;
}

.footer-col button {
  padding: 10px;
  width: 100%;
  background: linear-gradient(45deg, #ff3c6f, #ff7b00);
  border: none;
  color: white;
  border-radius: 20px;
  cursor: pointer;
}

.footer-bottom {
  background: linear-gradient(45deg, #8b0000, #ff0000);
  text-align: center;
  padding: 10px;
  margin-top: 40px;

  color: white;        /* 👈 white text */
  font-weight: bold;   /* 👈 bold text */
  font-size: 16px;     /* 👈 optional size */
}

.footer-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* 👈 सबसे जरूरी */
}

.footer-col {
  width: 23%;
}

/* 🔥 MOBILE FIX */
@media (max-width: 768px) {

  .footer-container {
    flex-direction: column;
    padding: 30px;
  }

  .footer-col {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }

  .footer-col ul {
    padding: 0;
  }

  .footer-bottom {
    font-size: 14px;
    padding: 10px;
  }
}

/* API-DOCS-css */
.elite-back-btn{
background:linear-gradient(45deg,#00f5ff,#00ff99);
color:#000;
padding:14px 60px;
border:none;
border-radius:14px;
font-weight:900;
font-size:16px;
letter-spacing:1px;
cursor:pointer;
transition:0.4s;
box-shadow:0 0 20px rgba(0,255,255,0.6);
}
.elite-back-btn:hover{
transform:translateY(-4px) scale(1.05);
box-shadow:0 0 40px #00ffcc;
}
.api-box {
  max-width: 900px;
  margin: 60px auto;
  font-family: Arial;
}

.card {
  background: #111;
  padding: 15px;
  border-radius: 20px;
  margin-bottom: 40px;
}

.card table {
  width: 100%;
  color: white;
}

.card td, .card th {
  padding: 10px;
  border-bottom: 1px solid #333;
}

.card th {
  color: #00ffe7;
}

.code-box {
  background: #0d0d0d;
  color: #00ff90;
  padding: 15px;
  border-radius: 8px;
  font-family: monospace;
  margin-bottom: 30px;
}