.hero-section {
            background:linear-gradient(135deg, #2c8b75 0%, #0b698b 100%);
            padding: 50px 0;
            position: relative;
            overflow: hidden;
            margin-bottom: 30px;
        }
        
        .phone-frame {
            /* background: #111827;
            border-radius: 40px;
            padding: 12px; */
            /* box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); */
            max-width: 500px;
            margin: 0 auto;
            transition: all 0.4s ease;
        }
        
        .phone-frame:hover {
            transform: translateY(-15px) rotate(3deg);
        }
        
        .phone-screen {
            /* background: #fff;
            border-radius: 28px;
            overflow: hidden;
            border: 8px solid #111827; */
        }
        
        .store-btn {
            transition: all 0.3s ease;
        }
        
        .store-btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
        }
        
        .custom-title {
            font-size: 3rem;
            font-weight: 600;
            line-height: 1.1;
            color: #fff;
        }
        
        @media (max-width: 992px) {
            .custom-title {
                font-size: 2.5rem;
            }

            .store-btn {
    width: fit-content;
}

        }