*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .service-card {
            border: none;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            height: 100%;
        }
        
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
        }
        
        .card-icon {
            font-size: 3rem;
            color: #0d6efd;
            margin-bottom: 1rem;
            transition: all 0.3s ease;
        }
        
        .service-card:hover .card-icon {
            transform: scale(1.1);
            color: #0b5ed7;
        }
        
        .card-body {
            padding: 2rem;
            text-align: center;
        }
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }


        /* section-new-2 */
                .service-section {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }
        
        .service-section:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
        }
        
        .service-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }
        
        .service-section:hover .service-img {
            transform: scale(1.03);
        }
        
        .service-content {
            padding: 3rem;
        }
        
        .benefit-item {
            margin-bottom: 1.5rem;
            transition: all 0.3s ease;
        }
        
        .benefit-item:hover {
            transform: translateX(5px);
        }
        
        .benefit-icon {
            font-size: 1.5rem;
            color: #0d6efd !important;
            margin-right: 1rem;
            transition: all 0.3s ease;
        }
        
        .benefit-item:hover .benefit-icon {
            transform: scale(1.2);
            color: #0b5ed7;
        }
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }



        /* section-new-3 */
           .process-section {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            padding: 3rem;
            transition: all 0.3s ease;
        }
        
        .process-section:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
        }
        
        .process-item {
            margin-bottom: 2rem;
            padding-left: 3rem;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .process-item:hover {
            transform: translateX(10px);
        }
        
        .process-icon {
            position: absolute;
            left: 0;
            top: 0;
            font-size: 1.8rem;
            color: #0d6efd;
            width: 2.5rem;
            height: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .process-item:hover .process-icon {
            transform: scale(1.2);
            color: #0b5ed7;
        }
        
        .process-number {
            display: inline-block;
            width: 2.5rem;
            height: 2.5rem;
            background-color: #0d6efd;
            color: white;
            border-radius: 50%;
            text-align: center;
            line-height: 2.5rem;
            margin-right: 1rem;
            font-weight: bold;
            transition: all 0.3s ease;
        }
        
        .process-item:hover .process-number {
            background-color: #0b5ed7;
            transform: scale(1.1);
        }
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }
        
        .section-title {
            margin-bottom: 2rem;
            font-weight: 700;
            position: relative;
            display: inline-block;
        }
        
        .section-title::after {
        
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 50px;
            height: 3px;
            background-color: #0d6efd;
        }


        /* section-new-4 */
                .impact-card {
            border: none;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            height: 100%;
            padding: 2.5rem;
        }
        
        .impact-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
        }
        
        .card-icon {
            font-size: 3rem;
            color: #0d6efd;
            margin-bottom: 1.5rem;
            transition: all 0.3s ease;
        }
        
        .impact-card:hover .card-icon {
            transform: scale(1.1);
            color: #0b5ed7;
        }
        
      
        
       
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }
        
        .section-title {
            font-weight: 700;
            position: relative;
            display: inline-block;
        }
        
       


           .benefit-card {
            border: none;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            height: 100%;
            padding: 2.5rem;
        }
        
        .benefit-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
        }
        
        .card-icon {
            font-size: 3rem;
            color: #0d6efd;
            margin-bottom: 1.5rem;
            transition: all 0.3s ease;
        }
        
        .benefit-card:hover .card-icon {
            transform: scale(1.1) rotate(5deg);
            color: #0b5ed7;
        }
        
        .card-title {
            font-weight: 600;
            margin-bottom: 1.5rem;
            position: relative;
            padding-bottom: 0.5rem;
        }
        
        
        
       
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }
        
        .section-title {
            font-weight: 700;
            position: relative;
            display: inline-block;
        }
        
     


        /* section-new-6 */
                .banking-section {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            padding: 3rem;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .banking-section:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
        }
        
        .banking-icon {
            font-size: 3rem;
            color: #0d6efd;
            margin-bottom: 1.5rem;
            transition: all 0.3s ease;
        }
        
        .banking-section:hover .banking-icon {
            transform: scale(1.1) rotate(-5deg);
            color: #0b5ed7;
        }

        .cta-button a{
            text-decoration: none;
            color: white;
        }
        
       
        
   
        
        .cta-button {
            background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%);
            border: none;
            border-radius: 50px;
            padding: 12px 30px;
            font-weight: 600;
            color: white;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
            margin-top: 1.5rem;
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(13, 110, 253, 0.4);
            background: linear-gradient(135deg, #0b5ed7 0%, #084298 100%);
        }
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }
        
        .highlight-text {
            font-weight: 600;
            color: #0d6efd;
            font-style: italic;
        }




































































        /* Media-queary */
        
        @media (max-width: 767.98px) {
            .service-img-container {
                height: 250px;
            }
        }