/*
Theme Name: Astra Child
Theme URI: https://kalpamedia.com/
Description: Astra Child Theme
Author: Kalpamedia
Author URI: https://kalpamedia.com/
Template: astra
Version: 1.0.0
*/

/* Add your custom CSS below this line */

body{
    background: radial-gradient(1200px 500px at 10% -10%, rgba(166, 82, 195, 0.2), transparent 55%),
                radial-gradient(1000px 500px at 90% -20%, rgba(42, 65, 157, 0.22), transparent 55%),
                #f7f9ff;
}

.section-bg{
    background: linear-gradient(135deg, rgba(42, 65, 157, 0.78), rgba(166, 82, 195, 0.66)), rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px) !important;
}

.home-hero {
    position: relative !important;
    border-radius: 26px !important;
    background: radial-gradient(680px 280px at 8% -10%, rgba(107, 164, 255, 0.336), transparent 58%), radial-gradient(760px 300px at 98% -16%, rgba(175, 117, 214, 0.26), transparent 58%), linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(244, 248, 255, 0.92)) !important;
    border: 1px solid rgba(163, 187, 255, 0.945) !important;
    box-shadow: 0 20px 54px rgba(24, 46, 118, 0.192), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    padding: clamp(1rem, 2vw, 2rem) !important;
    overflow: hidden !important;
}

.home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0;
    background-image: linear-gradient(rgba(47, 109, 242, 0.199) 1px, transparent 1px), linear-gradient(90deg, rgba(167, 82, 195, 0.171) 1px, transparent 1px) !important;
    background-size: 34px 34px, 34px 34px !important;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.48), transparent 88%) !important;
    pointer-events: none !important;
}


.stat-item {
    text-align: center !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.7) !important;
    padding: 0.85rem 0.7rem !important;
    border: 1px solid rgba(191, 207, 255, 0.48) !important;
    animation: statFloat 4s ease-in-out infinite !important;
}

.diamond-card {
    position: relative !important;
    border-radius: 24px !important;
    background: radial-gradient(420px 280px at 100% 0%, rgba(255, 223, 128, 0.5), transparent 62%), radial-gradient(520px 300px at 0% 100%, rgba(246, 190, 248, 0.459), transparent 62%), linear-gradient(140deg, #fff9ec, #fff5ff 46%, #f6fbff) !important;
    border: 1px solid rgba(231, 197, 117, 0.493) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    padding: clamp(1rem, 2vw, 1.5rem) !important;
    box-shadow: 0 24px 54px rgba(91, 61, 20, 0.404), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
    overflow: hidden !important;
}