/* 
 * ILKE GLOBAL - THE ELITE MASTERPIECE FINAL (v4.5)
 */

body section.wpo-about-section {
    padding: 100px 0 !important;
    background: #fff !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

/* DECORATIVE ICONS */
body .about-decor-icon {
    position: absolute !important;
    font-size: 180px !important;
    color: rgba(30, 158, 73, 0.08) !important;
    z-index: -1 !important;
    font-family: 'themify' !important;
}

body .decor-1 { top: 5% !important; left: -60px !important; animation: iconFloat 15s infinite alternate !important; }
body .decor-2 { bottom: 5% !important; left: 30px !important; font-size: 110px !important; }
body .decor-3 { top: 10% !important; right: -60px !important; animation: iconFloat 18s infinite alternate !important; }
body .decor-4 { bottom: 10% !important; right: 30px !important; font-size: 130px !important; }

/* THE COLOSSAL FULL-FIT OVAL CONTAINER */
body .wpo-about-img {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 750px !important;
    border-radius: 100px 350px 100px 350px !important;
    overflow: hidden !important;
    box-shadow: 0 50px 130px rgba(0,0,0,0.25) !important;
    border: 1px solid rgba(0,0,0,0.03) !important;
}

body .wpo-about-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* EXPERIENCE BADGE - BOLD & CENTERED */
body .wpo-about-exprience {
    position: absolute !important;
    bottom: 50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #1e9e49 !important;
    padding: 30px 60px !important;
    border-radius: 60px !important;
    box-shadow: 0 25px 60px rgba(30, 158, 73, 0.5) !important;
    color: #fff !important;
    z-index: 1000 !important;
    border: 6px solid #fff !important;
    animation: badgeFloat 3s infinite alternate !important;
}

body .wpo-about-exprience h3 {
    font-size: 35px !important;
    font-weight: 900 !important;
    color: #fff !important;
    margin: 0 !important;
}

/* COMPACT ELITE TEXT */
body .wpo-about-text {
    padding-left: 50px !important;
}

body .wpo-about-text h2 {
    font-size: 50px !important;
    font-weight: 900 !important;
    color: #111 !important;
    line-height: 1.1 !important;
    margin-bottom: 25px !important;
}

body .wpo-about-text p {
    font-size: 18px !important;
    color: #333 !important;
    line-height: 1.7 !important;
    margin-bottom: 40px !important;
}

/* NEON WAVE BUTTON */
body .wpo-about-text .theme-btn {
    position: relative !important;
    background: #111 !important;
    color: #fff !important;
    padding: 20px 60px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    display: inline-block !important;
    border: none !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
    transition: all 0.4s ease !important;
}

body .wpo-about-text .theme-btn::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(30, 158, 73, 0.8), transparent) !important;
    transition: all 0.6s ease !important;
}

body .wpo-about-text .theme-btn:hover {
    background: #1e9e49 !important;
    transform: translateY(-8px) !important;
}

body .wpo-about-text .theme-btn:hover::before {
    left: 100% !important;
}

@keyframes iconFloat {
    from { transform: translateY(0) rotate(0deg); opacity: 0.08; }
    to { transform: translateY(-50px) rotate(15deg); opacity: 0.15; }
}

@keyframes badgeFloat {
    from { transform: translateX(-50%) translateY(0); }
    to { transform: translateX(-50%) translateY(-20px); }
}

@media (max-width: 991px) {
    body section.wpo-about-section { padding: 80px 0 !important; }
    body .wpo-about-img { height: 400px !important; border-radius: 40px 150px 40px 150px !important; }
    body .wpo-about-text { padding-left: 0 !important; margin-top: 60px !important; text-align: center !important; }
    body .wpo-about-text h2 { font-size: 32px !important; }
    body .wpo-about-exprience { 
        bottom: 20px !important; 
        padding: 15px 30px !important; 
        border-radius: 30px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}