
    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family:'Poppins',sans-serif;
    }

    body{
      background:#f5f5f5;
    }

    .tally-section{
      padding:60px 0;
      background:#fff;
    }

    /* LEFT SIDE */
    .left-content{
      position:relative;
      min-height:600px;
      background:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=1200&auto=format&fit=crop') center center/cover no-repeat;
      border-radius:20px;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      padding:40px;
    }

    .left-overlay{
      position:absolute;
      inset:0;
      background:rgba(255,255,255,0.82);
    }

    .left-inner{
      position:relative;
      z-index:2;
    }

    .left-inner h1{
      font-size:70px;
      font-weight:300;
      color:#222;
      margin-bottom:15px;
    }

    .left-inner p{
      font-size:24px;
      color:#222;
      margin-bottom:40px;
    }

    .highlight{
      background:#2f66ff;
      color:#fff;
      padding:2px 8px;
      border-radius:4px;
    }

    .btn-group-custom{
      display:flex;
      gap:30px;
      justify-content:center;
      flex-wrap:wrap;
      margin-bottom:60px;
    }

    .custom-btn{
      background:#f4c400;
      color:#000;
      border:none;
      padding:14px 35px;
      border-radius:50px;
      font-size:18px;
      font-weight:500;
      transition:0.3s;
      text-decoration:none;
      display:inline-block;
    }

    .custom-btn:hover{
      background:#000;
      color:#fff;
      transform:translateY(-3px);
    }

    .laptop-box{
      background:#fff;
      border:5px solid #222;
      border-radius:8px;
      padding:25px;
      width:320px;
      box-shadow:0 15px 40px rgba(0,0,0,0.15);
    }

    .laptop-box img{
      width:100%;
    }

    /* RIGHT FORM */
    .form-box{
      background:#7de5d7;
      padding:45px;
      border-radius:25px;
      box-shadow:0 10px 35px rgba(0,0,0,0.1);
    }

    .form-title{
      color:#4a49ff;
      font-size:28px;
      font-weight:500;
      margin-bottom:25px;
    }

    .form-control{
      height:55px;
      border-radius:0;
      border:1px solid #888;
      margin-bottom:25px;
      box-shadow:none !important;
    }

    .submit-btn{
      background:#b76a00;
      color:#fff;
      border:none;
      padding:14px 50px;
      border-radius:50px;
      font-size:18px;
      transition:0.3s;
    }

    .submit-btn:hover{
      background:#000;
    }

    label{
      margin-bottom:8px;
      font-weight:500;
    }

    @media(max-width:991px){

      .left-inner h1{
        font-size:50px;
      }

      .left-inner p{
        font-size:24px;
      }

      .left-content{
        margin-bottom:30px;
      }
    }

    @media(max-width:576px){

      .left-inner h1{
        font-size:42px;
      }

      .left-inner p{
        font-size:20px;
      }

      .btn-group-custom{
        gap:15px;
      }

      .custom-btn{
        width:100%;
      }

      .form-box{
        padding:30px 20px;
      }

      .laptop-box{
        width:100%;
      }
    }
.release-section{
      padding:90px 0;
      background:linear-gradient(135deg,#eef4ff,#f7fbff);
      overflow:hidden;
      position:relative;
    }

    .release-section::before{
      content:'';
      position:absolute;
      width:300px;
      height:300px;
      background:#7b61ff;
      border-radius:50%;
      top:-120px;
      left:-120px;
      opacity:0.08;
    }

    .release-section::after{
      content:'';
      position:absolute;
      width:250px;
      height:250px;
      background:#00b894;
      border-radius:50%;
      bottom:-100px;
      right:-80px;
      opacity:0.08;
    }

    /* LEFT CONTENT */

    .release-content h1{
      font-size:60px;
      font-weight:700;
      color:#14213d;
      margin-bottom:25px;
      line-height:1.2;
    }

    .release-content h1 span{
      color:#7b61ff;
    }

    .release-content p{
      font-size:20px;
      color:#555;
      line-height:2;
      margin-bottom:35px;
    }

    .download-btn{
      display:inline-block;
       background:linear-gradient(45deg,#ff61b0,#00b894); 
      color:#fff;
      padding:15px 45px;
      border-radius:50px;
      text-decoration:none;
      font-size:18px;
      font-weight:600;
      transition:0.4s ease;
      /*box-shadow:0 10px 25px rgba(123,97,255,0.25);*/
    }

    .download-btn:hover{
      transform:translateY(-5px);
      color:#fff;
      box-shadow:0 15px 35px rgba(0,184,148,0.3);
    }

    /* RIGHT IMAGE */

    .release-image{
      text-align:center;
      position:relative;
    }

    .release-image img{
      width:100%;
      max-width:470px;
      animation:float 4s ease-in-out infinite;
    }

    @keyframes float{

      0%{
        transform:translateY(0px);
      }

      50%{
        transform:translateY(-15px);
      }

      100%{
        transform:translateY(0px);
      }
    }

    /* RESPONSIVE */

    @media(max-width:991px){

      .release-content{
        text-align:center;
        margin-bottom:50px;
      }

      .release-content h1{
        font-size:45px;
      }

      .release-content p{
        font-size:18px;
      }
    }

    @media(max-width:576px){

      .release-content h1{
        font-size:36px;
      }

      .release-content p{
        font-size:16px;
        line-height:1.8;
      }

      .download-btn{
        width:100%;
        text-align:center;
      }
    }
    /* Section Background */
   
    

.feature-section{
    background: linear-gradient(135deg, #dbeafe, #f0fdf4);
    min-height: 100vh;
    display: flex;
    align-items: center;
}

/* Title */
.main-title{
    color: #0f172a;
    font-size: 38px;
    font-weight: 700;
}

/* Card */
.feature-card{
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 25px;
    transition: 0.4s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    height: 100%;
    border: 2px solid transparent;
}

/* Hover Effect */
.feature-card:hover{
    transform: translateY(-10px);
    border-color: #2563eb;
    box-shadow: 0 15px 35px rgba(37,99,235,0.25);
}

/* Icon Box */
.icon-box{
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Icon */
.icon-box i{
    font-size: 32px;
    color: white;
}

/* Card Heading */
.feature-card h3{
    font-size: 28px;
    color: #1e293b;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Card Paragraph */
.feature-card p{
    font-size: 16px;
    color: #475569;
    line-height: 1.9;
}

/* Responsive */
@media(max-width:768px){

    .main-title{
        font-size: 28px;
    }

    .feature-card{
        padding: 30px 20px;
    }
}
/* Section */
.gst-section{
    background: linear-gradient(135deg, #eef2ff, #f0fdf4);
    min-height: 100vh;
    position: relative;
    padding-bottom: 100px;
}

/* Heading */
.section-title{
    font-size: 48px;
    font-weight: 700;
    color: #1e3a8a;
}

/* Main Card */
.gst-card{
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: 0.4s;
}

.gst-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(37,99,235,0.2);
}

/* Video Section */
.video-box{
    position: relative;
    overflow: hidden;
    height: 100%;
}

.video-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.video-box:hover img{
    transform: scale(1.05);
}

/* Play Button */
.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 85px;
    background: rgba(255,0,0,0.9);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.play-btn i{
    color: white;
    font-size: 40px;
}

/* Arrow Circle */
.arrow-circle{
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-circle i{
    color: white;
    font-size: 22px;
}

/* Content */
.content-box{
    padding: 40px;
}

.content-box h3{
    color: #0f172a;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.5;
}

.content-box p{
    color: #475569;
    font-size: 17px;
    line-height: 2;
    margin-bottom: 25px;
}

/* Button */
.read-btn{
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: white;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.4s;
}

.read-btn:hover{
    background: linear-gradient(135deg, #1d4ed8, #0891b2);
    transform: translateY(-3px);
    color: white;
}

/* Chat Button */
.chat-btn{
    position: fixed;
    right: 30px;
    bottom: 30px;
    border: none;
    padding: 18px 30px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: white;
    border-radius: 60px;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    transition: 0.4s;
}

.chat-btn i{
    margin-right: 10px;
}

.chat-btn:hover{
    transform: translateY(-5px);
}

/* Responsive */
@media(max-width:992px){

    .content-box{
        padding: 30px;
    }

    .content-box h3{
        font-size: 26px;
    }
}

@media(max-width:768px){

    .section-title{
        font-size: 34px;
    }

    .content-box h3{
        font-size: 22px;
    }

    .content-box p{
        font-size: 15px;
    }

    .chat-btn{
        right: 15px;
        bottom: 15px;
        padding: 14px 22px;
        font-size: 15px;
    }
}
.main-footer{
    padding:40px 20px 20px;
    width: 100%;
}

.footer-box{
    background:#0d2558;
    border-radius:25px;
    padding:60px 50px;
    color:#fff;
    width: 100%;
}

/* Logo */

.footer-logo h1{
    font-size:55px;
    font-weight:700;
    margin-bottom:25px;
}

/* Text */

.footer-text{
    color:#d8d8d8;
    line-height:1.9;
    max-width:300px;
    margin-bottom:30px;
}

/* Social Icons */

.social-icons{
    display:flex;
    gap:15px;
    margin-bottom:35px;
}

.social-icons a{
    width:42px;
    height:42px;
    background:#fff;
    color:#0d2558;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:18px;
    transition:0.3s;
}

.social-icons a:hover{
    transform:translateY(-5px);
    background:#1e90ff;
    color:#fff;
}

/* Review */

.review-section p{
    color:#d8d8d8;
    margin-bottom:15px;
}

.review-logos{
    display:flex;
    gap:20px;
    font-size:24px;
    font-weight:600;
}

/* Headings */

.footer-box h5{
    font-size:22px;
    margin-bottom:30px;
    font-weight:700;
}

/* Links */

.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:18px;
}

.footer-links a{
    text-decoration:none;
    color:#fff;
    font-size:17px;
    transition:0.3s;
}

.footer-links a:hover{
    color:#4da3ff;
    padding-left:5px;
}

/* Bottom Footer */

.footer-bottom{
    padding-top:25px;
    color:#555;
    font-size:15px;
}

.footer-bottom a{
    text-decoration:none;
    color:#555;
    transition:0.3s;
}

.footer-bottom a:hover{
    color:#0d2558;
}

/* Responsive */

@media(max-width:991px){

    .footer-box{
        padding:40px 30px;
    }

    .footer-logo h1{
        font-size:42px;
    }

}

@media(max-width:576px){

    .footer-box{
        padding:35px 20px;
    }

    .footer-logo h1{
        font-size:35px;
    }

    .review-logos{
        flex-direction:column;
        gap:10px;
    }

}
