{"id":87,"date":"2015-10-22T03:17:26","date_gmt":"2015-10-22T03:17:26","guid":{"rendered":"http:\/\/demo.thimpress.com\/eduma\/?page_id=87"},"modified":"2025-12-25T13:05:07","modified_gmt":"2025-12-25T13:05:07","slug":"contact","status":"publish","type":"page","link":"https:\/\/goldensupporttrade.com\/astro\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"87\" class=\"elementor elementor-87\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff6b3b9 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ff6b3b9\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f5e0fe\" data-id=\"6f5e0fe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e44572a elementor-widget elementor-widget-text-editor\" data-id=\"e44572a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n<span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span>\n\/* Astrologer Profile Section Styles *\/\n.astrologer-profile-section {\n    background: linear-gradient(135deg, #fff9db 0%, #fff3cd 100%);\n    padding: 80px 20px;\n    position: relative;\n    overflow: hidden;\n    border-top: 5px solid #d4a017;\n    border-bottom: 5px solid #d4a017;\n    font-family: 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.astrologer-profile-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><path d=\"M20,20 Q40,0 60,20 T100,20\" stroke=\"%23d4a017\" stroke-width=\"0.5\" fill=\"none\"\/><\/svg>') repeat;\n    opacity: 0.1;\n}\n\n.profile-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.section-title {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #1a1a1a;\n    margin-bottom: 15px;\n    position: relative;\n    display: inline-block;\n}\n\n.section-title .highlight {\n    color: #d4a017;\n    font-family: 'Times New Roman', serif;\n}\n\n.title-decoration {\n    position: absolute;\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(90deg, #d4a017, #ffd700);\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    border-radius: 2px;\n}\n\n.section-subtitle {\n    font-size: 1.2rem;\n    color: #555;\n    max-width: 800px;\n    margin: 30px auto 0;\n    line-height: 1.6;\n    font-style: italic;\n}\n\n\/* Profile Content Grid *\/\n.profile-content {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    gap: 40px;\n    align-items: start;\n}\n\n\/* =========================================== *\/\n\/* LEFT SIDE - PROFILE CARD ENHANCED SECTION *\/\n\/* =========================================== *\/\n.profile-card {\n    background: white;\n    border-radius: 25px;\n    padding: 40px 30px;\n    box-shadow: 0 25px 60px rgba(212, 160, 23, 0.15);\n    text-align: center;\n    position: sticky;\n    top: 30px;\n    border: 2px solid #f1f1f1;\n    transition: all 0.4s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.profile-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 35px 80px rgba(212, 160, 23, 0.25);\n    border-color: #d4a017;\n}\n\n.profile-image-container {\n    width: 260px;\n    height: 260px;\n    margin: 0 auto 30px;\n    position: relative;\n    display: block !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n}\n\n\/* FIXED IMAGE STYLES - FORCE VISIBILITY *\/\n.profile-image {\n    width: 100% !important;\n    height: 100% !important;\n    border-radius: 50% !important;\n    object-fit: cover !important;\n    border: 8px solid white !important;\n    box-shadow: \n        0 0 0 3px #d4a017,\n        0 20px 50px rgba(212, 160, 23, 0.3) !important;\n    display: block !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    position: relative;\n    z-index: 2;\n    background: linear-gradient(135deg, #d4a017, #ffd700);\n    transition: all 0.5s ease;\n}\n\n.profile-image:hover {\n    transform: scale(1.05);\n    box-shadow: \n        0 0 0 4px #d4a017,\n        0 25px 60px rgba(212, 160, 23, 0.4) !important;\n}\n\n.profile-image-frame {\n    position: absolute;\n    top: -15px;\n    left: -15px;\n    right: -15px;\n    bottom: -15px;\n    border: 3px dashed rgba(212, 160, 23, 0.6);\n    border-radius: 50%;\n    pointer-events: none;\n    animation: rotate 25s linear infinite;\n    z-index: 1;\n}\n\n.profile-image-frame::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: calc(100% + 20px);\n    height: calc(100% + 20px);\n    border: 2px solid rgba(212, 160, 23, 0.3);\n    border-radius: 50%;\n}\n\n@keyframes rotate {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n.profile-name {\n    font-size: 2.2rem;\n    font-weight: 800;\n    color: #1a1a1a;\n    margin-bottom: 10px;\n    font-family: 'Times New Roman', serif;\n    line-height: 1.2;\n}\n\n.profile-title {\n    font-size: 1.1rem;\n    color: #d4a017;\n    font-weight: 700;\n    margin-bottom: 30px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    position: relative;\n    padding: 0 20px;\n}\n\n.profile-title::before,\n.profile-title::after {\n    content: '\u2022';\n    color: #d4a017;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n.profile-title::before {\n    left: 0;\n}\n\n.profile-title::after {\n    right: 0;\n}\n\n.profile-badge {\n    background: linear-gradient(135deg, #fff9db, #ffec99);\n    padding: 12px 30px;\n    border-radius: 50px;\n    display: inline-block;\n    margin-bottom: 30px;\n    border: 2px solid #d4a017;\n    box-shadow: 0 10px 30px rgba(212, 160, 23, 0.15);\n    position: relative;\n    overflow: hidden;\n}\n\n.profile-badge::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n    transform: rotate(45deg);\n    animation: shine 3s infinite linear;\n}\n\n@keyframes shine {\n    0% { transform: translateX(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) rotate(45deg); }\n}\n\n.badge-text {\n    font-weight: 800;\n    color: #1a1a1a;\n    font-size: 1rem;\n    letter-spacing: 0.5px;\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n}\n\n.badge-text::before {\n    content: '\u2b50';\n    font-size: 1.2rem;\n}\n\n.profile-stats {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 30px;\n    width: 100%;\n}\n\n.stat-item {\n    text-align: center;\n    padding: 20px 15px;\n    background: linear-gradient(135deg, #fefce8, #fef9c3);\n    border-radius: 15px;\n    border: 2px solid #f1f1f1;\n    transition: all 0.3s ease;\n}\n\n.stat-item:hover {\n    border-color: #d4a017;\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(212, 160, 23, 0.15);\n}\n\n.stat-number {\n    font-size: 2.2rem;\n    font-weight: 900;\n    color: #d4a017;\n    margin-bottom: 5px;\n    font-family: 'Times New Roman', serif;\n    line-height: 1;\n}\n\n.stat-label {\n    font-size: 0.9rem;\n    color: #666;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.quick-contact {\n    width: 100%;\n    margin-top: 20px;\n}\n\n.quick-contact p {\n    color: #555;\n    margin-bottom: 20px;\n    font-size: 1rem;\n    font-weight: 600;\n    position: relative;\n    padding-bottom: 15px;\n}\n\n.quick-contact p::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(90deg, #d4a017, #ffd700);\n    border-radius: 2px;\n}\n\n.quick-contact > div {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}\n\n.quick-contact a {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 16px 25px;\n    border-radius: 12px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1rem;\n    transition: all 0.3s ease;\n    text-align: center;\n}\n\n.quick-contact a:nth-child(1) {\n    background: linear-gradient(135deg, #25D366, #128C7E);\n    color: white;\n    box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);\n}\n\n.quick-contact a:nth-child(2) {\n    background: linear-gradient(135deg, #10b981, #059669);\n    color: white;\n    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);\n}\n\n.quick-contact a:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\n}\n\n.quick-contact a i {\n    font-size: 1.2rem;\n}\n\/* =========================================== *\/\n\/* END OF PROFILE CARD ENHANCEMENTS *\/\n\/* =========================================== *\/\n\n\/* =========================================== *\/\n\/* RIGHT SIDE - DETAILS SECTION (UNCHANGED) *\/\n\/* =========================================== *\/\n.profile-details {\n    background: white;\n    border-radius: 20px;\n    padding: 40px;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n    border: 1px solid #e6e6e6;\n}\n\n.details-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n    margin-bottom: 40px;\n}\n\n.detail-card {\n    background: linear-gradient(135deg, #fefce8, #fef9c3);\n    padding: 25px;\n    border-radius: 15px;\n    border-left: 5px solid #d4a017;\n    transition: transform 0.3s ease;\n}\n\n.detail-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(212, 160, 23, 0.15);\n}\n\n.card-icon {\n    width: 50px;\n    height: 50px;\n    background: #d4a017;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n}\n\n.card-icon i {\n    color: white;\n    font-size: 1.5rem;\n}\n\n.detail-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 10px;\n}\n\n.detail-content {\n    color: #444;\n    line-height: 1.6;\n}\n\n.detail-content strong {\n    color: #d4a017;\n}\n\n\/* Contact Information *\/\n.contact-info-section {\n    margin-top: 40px;\n}\n\n.info-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin-bottom: 25px;\n    position: relative;\n    padding-left: 20px;\n}\n\n.info-title::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 30px;\n    background: #d4a017;\n    border-radius: 4px;\n}\n\n.contact-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.contact-item {\n    background: white;\n    padding: 20px;\n    border-radius: 12px;\n    text-align: center;\n    border: 2px solid #f1f1f1;\n    transition: all 0.3s ease;\n}\n\n.contact-item:hover {\n    border-color: #d4a017;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 20px rgba(212, 160, 23, 0.1);\n}\n\n.contact-icon {\n    width: 60px;\n    height: 60px;\n    margin: 0 auto 15px;\n    background: linear-gradient(135deg, #fff9db, #ffec99);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 2px solid #d4a017;\n}\n\n.contact-icon i {\n    color: #d4a017;\n    font-size: 1.5rem;\n}\n\n.contact-label {\n    font-size: 0.9rem;\n    color: #666;\n    margin-bottom: 5px;\n    font-weight: 500;\n}\n\n.contact-value {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 10px;\n}\n\n.contact-action {\n    display: inline-block;\n    background: #d4a017;\n    color: white;\n    text-decoration: none;\n    padding: 6px 15px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    transition: all 0.3s ease;\n}\n\n.contact-action:hover {\n    background: #b8860b;\n    transform: translateY(-2px);\n}\n\n\/* Floating Action Buttons *\/\n.floating-actions {\n    position: fixed;\n    bottom: 30px;\n    right: 30px;\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}\n\n.action-btn {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 1.5rem;\n    text-decoration: none;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\n    transition: all 0.3s ease;\n    position: relative;\n    animation: pulse 2s infinite;\n}\n\n.action-btn.whatsapp {\n    background: #25D366;\n}\n\n.action-btn.call {\n    background: #10b981;\n}\n\n.action-btn.mail {\n    background: #d4a017;\n}\n\n.action-btn:hover {\n    transform: translateY(-5px) scale(1.1);\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\n}\n\n.action-tooltip {\n    position: absolute;\n    right: 70px;\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 15px;\n    border-radius: 6px;\n    font-size: 0.9rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n}\n\n.action-btn:hover .action-tooltip {\n    opacity: 1;\n}\n\n@keyframes pulse {\n    0% {\n        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);\n    }\n    70% {\n        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);\n    }\n    100% {\n        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\n    }\n}\n\n\/* =========================================== *\/\n\/* RESPONSIVE DESIGN - MOBILE FIXED *\/\n\/* =========================================== *\/\n@media (max-width: 1200px) {\n    .profile-content {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n\n    .profile-card {\n        position: static;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    .contact-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 992px) {\n    .astrologer-profile-section {\n        padding: 60px 15px;\n    }\n\n    .section-title {\n        font-size: 2.5rem;\n    }\n\n    .profile-image-container {\n        width: 240px;\n        height: 240px;\n    }\n\n    .profile-name {\n        font-size: 2rem;\n    }\n\n    .profile-title {\n        font-size: 1rem;\n        margin-bottom: 25px;\n    }\n\n    .stat-number {\n        font-size: 2rem;\n    }\n}\n\n@media (max-width: 768px) {\n    .profile-card {\n        padding: 30px 20px;\n    }\n\n    .profile-image-container {\n        width: 220px;\n        height: 220px;\n    }\n\n    .profile-name {\n        font-size: 1.8rem;\n    }\n\n    .profile-badge {\n        padding: 10px 25px;\n        margin-bottom: 25px;\n    }\n\n    .badge-text {\n        font-size: 0.95rem;\n    }\n\n    .profile-stats {\n        gap: 15px;\n        margin-bottom: 25px;\n    }\n\n    .stat-item {\n        padding: 18px 12px;\n    }\n\n    .stat-number {\n        font-size: 1.8rem;\n    }\n\n    .stat-label {\n        font-size: 0.85rem;\n    }\n\n    .details-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .contact-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .floating-actions {\n        bottom: 20px;\n        right: 20px;\n    }\n\n    .action-btn {\n        width: 50px;\n        height: 50px;\n        font-size: 1.3rem;\n    }\n\n    .quick-contact a {\n        padding: 14px 20px;\n        font-size: 0.95rem;\n    }\n}\n\n@media (max-width: 576px) {\n    .section-title {\n        font-size: 2rem;\n    }\n\n    .section-subtitle {\n        font-size: 1.1rem;\n    }\n\n    .profile-card {\n        padding: 25px 15px;\n    }\n\n    .profile-image-container {\n        width: 200px;\n        height: 200px;\n    }\n\n    .profile-name {\n        font-size: 1.6rem;\n    }\n\n    .profile-title {\n        font-size: 0.95rem;\n        letter-spacing: 1px;\n        margin-bottom: 20px;\n    }\n\n    .profile-badge {\n        padding: 8px 20px;\n        margin-bottom: 20px;\n    }\n\n    .badge-text {\n        font-size: 0.9rem;\n        gap: 6px;\n    }\n\n    .profile-stats {\n        grid-template-columns: 1fr;\n        gap: 12px;\n        margin-bottom: 20px;\n    }\n\n    .stat-item {\n        padding: 15px 10px;\n    }\n\n    .stat-number {\n        font-size: 1.6rem;\n    }\n\n    .stat-label {\n        font-size: 0.8rem;\n    }\n\n    .quick-contact p {\n        font-size: 0.95rem;\n        margin-bottom: 15px;\n        padding-bottom: 10px;\n    }\n\n    .quick-contact > div {\n        gap: 12px;\n    }\n\n    .quick-contact a {\n        padding: 12px 15px;\n        font-size: 0.9rem;\n        gap: 8px;\n    }\n\n    .quick-contact a i {\n        font-size: 1rem;\n    }\n\n    .profile-details {\n        padding: 25px;\n    }\n\n    .floating-actions {\n        bottom: 15px;\n        right: 15px;\n        gap: 10px;\n    }\n}\n\n@media (max-width: 400px) {\n    .section-title {\n        font-size: 1.8rem;\n    }\n\n    .profile-image-container {\n        width: 180px;\n        height: 180px;\n    }\n\n    .profile-name {\n        font-size: 1.5rem;\n    }\n\n    .profile-title {\n        font-size: 0.9rem;\n    }\n\n    .contact-action {\n        padding: 5px 12px;\n        font-size: 0.8rem;\n    }\n}\n\n\/* =========================================== *\/\n\/* IMAGE VISIBILITY FIXES *\/\n\/* =========================================== *\/\n\/* Force image visibility - Override any other styles *\/\n.profile-image {\n    display: block !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n\/* Ensure container doesn't hide image *\/\n.profile-image-container {\n    overflow: visible !important;\n}\n\n\/* Image loader for better UX *\/\n.image-loader {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 50px;\n    height: 50px;\n    border: 4px solid rgba(212, 160, 23, 0.1);\n    border-top: 4px solid #d4a017;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n    z-index: 1;\n    display: none;\n}\n\n@keyframes spin {\n    0% { transform: translate(-50%, -50%) rotate(0deg); }\n    100% { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n\/* WordPress Compatibility *\/\n.wp-block-astrologer-profile {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n}\n\n.astrologer-profile-section * {\n    box-sizing: border-box;\n}\n<\/style>\n\n<div class=\"astrologer-profile-section wp-block-astrologer-profile\">\n    <div class=\"profile-container\">\n        <div class=\"section-header\">\n            <h2 class=\"section-title\">Meet Our Expert <span class=\"highlight\">Astrologer<\/span><\/h2>\n            <div class=\"title-decoration\"><\/div>\n            <p class=\"section-subtitle\">With decades of experience in Vedic astrology, providing accurate predictions and life-changing guidance<\/p>\n        <\/div>\n        \n        <div class=\"profile-content\">\n            <!-- Left Side - Profile Card (Enhanced) -->\n            <div class=\"profile-card\">\n                <div class=\"profile-image-container\">\n                    <!-- Image loader -->\n                    <div class=\"image-loader\" id=\"imageLoader\"><\/div>\n                    \n                    <!-- Profile Image -->\n                    <img decoding=\"async\" src=\"https:\/\/goldensupporttrade.com\/astro\/wp-content\/uploads\/2025\/12\/profile.png\" \n                         alt=\"Pt. Ashok Kumar Vasudeva - Expert Vedic Astrologer\" \n                         class=\"profile-image\"\n                         onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1544717305-99670f9c28f5?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=400&#038;q=80';\"\n                         loading=\"eager\"\n                         style=\"display: block !important; visibility: visible !important; opacity: 1 !important;\">\n                    <div class=\"profile-image-frame\"><\/div>\n                <\/div>\n                \n                <h2 class=\"profile-name\">Pt. Ashok Kumar Vasudeva<\/h2>\n                <p class=\"profile-title\">Renowned Vedic Astrologer &amp; Spiritual Guide<\/p>\n                \n                <div class=\"profile-badge\">\n                    <span class=\"badge-text\">40+ Years Experience<\/span>\n                <\/div>\n                \n                <div class=\"profile-stats\">\n                    <div class=\"stat-item\">\n                        <div class=\"stat-number\">40+<\/div>\n                        <div class=\"stat-label\">Years Experience<\/div>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <div class=\"stat-number\">10K+<\/div>\n                        <div class=\"stat-label\">Consultations<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"quick-contact\">\n                    <p>For immediate consultation:<\/p>\n                    \n                    <div>\n                        <a href=\"https:\/\/wa.me\/919810354474?text=Hello%20Pt.%20Ashok%20Kumar%20Vasudeva,%20I%20would%20like%20an%20astrology%20consultation\" \n                           target=\"_blank\" rel=\"noopener\">\n                            <i class=\"fab fa-whatsapp\"><\/i> WhatsApp Now\n                        <\/a>\n                        <a href=\"tel:+919810354474\">\n                            <i class=\"fa fa-phone\"><\/i> Call Now\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Right Side - Details (Unchanged) -->\n            <div class=\"profile-details\">\n                <div class=\"details-grid\">\n                    <div class=\"detail-card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa fa-user-circle\"><\/i>\n                        <\/div>\n                        <h3 class=\"detail-title\">Personal Details<\/h3>\n                        <div class=\"detail-content\">\n                            <p><strong>Name:<\/strong> Pt. Ashok Kumar Vasudeva<\/p>\n                            <p><strong>Date of Birth:<\/strong> 22nd April 1955<\/p>\n                            <p><strong>Experience:<\/strong> 40+ Years in Vedic Astrology<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"detail-card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa fa-map-marker\"><\/i>\n                        <\/div>\n                        <h3 class=\"detail-title\">Consultation Address<\/h3>\n                        <div class=\"detail-content\">\n                            <p><strong>Primary:<\/strong> 126B, Una Enclave, Mayur Vihar Ph.I, Delhi \u2013 110091<\/p>\n                            <p><strong>Residence:<\/strong> 36A, Una Enclave, Mayur Vihar Ph.I, Delhi \u2013 110091<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"detail-card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa fa-star\"><\/i>\n                        <\/div>\n                        <h3 class=\"detail-title\">Expertise<\/h3>\n                        <div class=\"detail-content\">\n                            <p>\u2022 Vedic Astrology<\/p>\n                            <p>\u2022 Horoscope Analysis<\/p>\n                            <p>\u2022 Life Guidance<\/p>\n                            <p>\u2022 Spiritual Counseling<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"detail-card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa fa-calendar-check\"><\/i>\n                        <\/div>\n                        <h3 class=\"detail-title\">Consultation<\/h3>\n                        <div class=\"detail-content\">\n                            <p><strong>Availability:<\/strong> 9 AM &#8211; 9 PM Daily<\/p>\n                            <p><strong>Languages:<\/strong> Hindi, English<\/p>\n                            <p><strong>Mode:<\/strong> In-person, Phone, Video Call<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Contact Information -->\n                <div class=\"contact-info-section\">\n                    <h3 class=\"info-title\">Contact Information<\/h3>\n                    <div class=\"contact-grid\">\n                        <div class=\"contact-item\">\n                            <div class=\"contact-icon\">\n                                <i class=\"fa fa-mobile\"><\/i>\n                            <\/div>\n                            <div class=\"contact-label\">Mobile Number<\/div>\n                            <div class=\"contact-value\">+91 &#8211; 98103 54474<\/div>\n                            <a class=\"contact-action\" href=\"tel:+919810354474\">Call Now<\/a>\n                        <\/div>\n                        \n                        <div class=\"contact-item\">\n                            <div class=\"contact-icon\">\n                                <i class=\"fa fa-envelope\"><\/i>\n                            <\/div>\n                            <div class=\"contact-label\">Email Address<\/div>\n                            <div class=\"contact-value\">astromatics@gmail.com<\/div>\n                            <a class=\"contact-action\" href=\"mailto:astromatics@gmail.com?subject=Astrology Consultation\">Send Email<\/a>\n                        <\/div>\n                        \n                        <div class=\"contact-item\">\n                            <div class=\"contact-icon\">\n                                <i class=\"fab fa-whatsapp\"><\/i>\n                            <\/div>\n                            <div class=\"contact-label\">WhatsApp<\/div>\n                            <div class=\"contact-value\">+91 &#8211; 98103 54474<\/div>\n                            <a class=\"contact-action\" href=\"https:\/\/wa.me\/919810354474?text=Hello%20Pt.%20Ashok%20Kumar%20Vasudeva,%20I%20would%20like%20an%20astrology%20consultation\" \n                               target=\"_blank\" rel=\"noopener\">Chat Now<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Floating Action Buttons -->\n    <div class=\"floating-actions\">\n        <a class=\"action-btn whatsapp\" href=\"https:\/\/wa.me\/919810354474?text=Hello%20Pt.%20Ashok%20Kumar%20Vasudeva,%20I%20would%20like%20an%20astrology%20consultation\" target=\"_blank\" rel=\"noopener\">\n            <i class=\"fab fa-whatsapp\"><\/i>\n            <span class=\"action-tooltip\">WhatsApp Now<\/span>\n        <\/a>\n        <a class=\"action-btn call\" href=\"tel:+919810354474\">\n            <i class=\"fa fa-phone\"><\/i>\n            <span class=\"action-tooltip\">Call +91-98103 54474<\/span>\n        <\/a>\n        <a class=\"action-btn mail\" href=\"mailto:astromatics@gmail.com?subject=Astrology Consultation\">\n            <i class=\"fa fa-envelope\"><\/i>\n            <span class=\"action-tooltip\">Send Email<\/span>\n        <\/a>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ Enhanced JavaScript for image loading and mobile responsiveness\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Force load Font Awesome\n    if (!document.querySelector('link[href*=\"font-awesome\"]')) {\n        const faLink = document.createElement('link');\n        faLink.rel = 'stylesheet';\n        faLink.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css';\n        document.head.appendChild(faLink);\n    }\n\n    \/\/ Image loading system\n    const profileImage = document.querySelector('.profile-image');\n    const imageLoader = document.getElementById('imageLoader');\n    \n    if (profileImage) {\n        \/\/ Show loader\n        if (imageLoader) {\n            imageLoader.style.display = 'block';\n        }\n        \n        \/\/ Force image attributes\n        profileImage.style.display = 'block';\n        profileImage.style.visibility = 'visible';\n        profileImage.style.opacity = '1';\n        \n        \/\/ Image load handler\n        profileImage.addEventListener('load', function() {\n            console.log('Profile image loaded successfully');\n            if (imageLoader) {\n                imageLoader.style.display = 'none';\n            }\n            this.style.opacity = '1';\n            this.style.visibility = 'visible';\n        });\n        \n        \/\/ Image error handler with multiple fallbacks\n        profileImage.addEventListener('error', function() {\n            console.log('Profile image failed, trying fallbacks...');\n            if (imageLoader) {\n                imageLoader.style.display = 'none';\n            }\n            \n            const fallbackImages = [\n                'https:\/\/images.unsplash.com\/photo-1544717305-99670f9c28f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n                'https:\/\/images.unsplash.com\/photo-1557862921-37829c790f19?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n                'data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiByeD0iMjAwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxyZWN0IHg9IjIwIiB5PSIyMCIgd2lkdGg9IjM2MCIgaGVpZ2h0PSIzNjAiIHJ4PSIxODAiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTIwMCAyODBDMjQwIDI4MCAyODAgMjQwIDI4MCAyMDBDMjgwIDE2MCAyNDAgMTIwIDIwMCAxMjBDMTYwIDEyMCAxMjAgMTYwIDEyMCAyMDBDMTIwIDI0MCAxNjAgMjgwIDIwMCAyODBaIiBmaWxsPSIjZDRhMDE3Ii8+CjxwYXRoIGQ9Ik0yMDAgMzIwQzI2MCAzMjAgMzIwIDI2MCAzMjAgMjAwQzMyMCAxNDAgMjYwIDgwIDIwMCA4MEMxNDAgODAgODAgMTQwIDgwIDIwMEM4MCAyNjAgMTQwIDMyMCAyMDAgMzIwWiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMjAwIiB5MT0iMCIgeDI9IjIwMCIgeTI9IjQwMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjZDRhMDE3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZDAwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSIyMDAiIHkxPSI4MCIgeDI9IjIwMCIgeTI9IjMyMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjZDRhMDE3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZDAwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo='\n            ];\n            \n            let currentIndex = 0;\n            const tryFallback = () => {\n                if (currentIndex < fallbackImages.length) {\n                    this.src = fallbackImages[currentIndex];\n                    currentIndex++;\n                }\n            };\n            \n            tryFallback();\n            this.addEventListener('error', tryFallback);\n        });\n        \n        \/\/ Force image load\n        setTimeout(() => {\n            profileImage.setAttribute('src', profileImage.getAttribute('src'));\n        }, 100);\n    }\n\n    \/\/ Mobile touch optimizations\n    if ('ontouchstart' in window) {\n        \/\/ Add touch feedback to buttons\n        const touchElements = document.querySelectorAll('.contact-action, .quick-contact a, .stat-item');\n        touchElements.forEach(element => {\n            element.addEventListener('touchstart', function() {\n                this.style.transform = 'scale(0.98)';\n                this.style.transition = 'transform 0.1s ease';\n            });\n            \n            element.addEventListener('touchend', function() {\n                setTimeout(() => {\n                    this.style.transform = '';\n                }, 150);\n            });\n        });\n        \n        \/\/ Increase touch target size on mobile\n        document.querySelectorAll('.contact-action, .quick-contact a').forEach(btn => {\n            btn.style.minHeight = '44px';\n            btn.style.display = 'flex';\n            btn.style.alignItems = 'center';\n            btn.style.justifyContent = 'center';\n        });\n    }\n\n    \/\/ Scroll animations (unchanged)\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.detail-card').forEach((card, index) => {\n        card.style.opacity = '0';\n        card.style.transform = 'translateY(20px)';\n        card.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n        observer.observe(card);\n    });\n\n    document.querySelectorAll('.contact-item').forEach((item, index) => {\n        item.style.opacity = '0';\n        item.style.transform = 'translateY(20px)';\n        item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n        observer.observe(item);\n    });\n\n    \/\/ Handle call button for desktop\n    document.querySelector('.action-btn.call').addEventListener('click', function(e) {\n        if (!\/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent)) {\n            if (!confirm('Would you like to call Pt. Ashok Kumar Vasudeva at +91-98103 54474?')) {\n                e.preventDefault();\n            }\n        }\n    });\n});\n\n\/\/ Additional CSS for image visibility\nconst imageFixCSS = document.createElement('style');\nimageFixCSS.textContent = `\n    \/* Force image display in all conditions *\/\n    .profile-image-container img {\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        max-width: 100% !important;\n        height: auto !important;\n        background: linear-gradient(135deg, #d4a017, #ffd700) !important;\n    }\n    \n    \/* Prevent any parent from hiding the image *\/\n    .profile-image-container {\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        background: none !important;\n    }\n    \n    \/* Mobile image optimization *\/\n    @media (max-width: 768px) {\n        .profile-image {\n            border-width: 6px !important;\n        }\n    }\n    \n    @media (max-width: 576px) {\n        .profile-image {\n            border-width: 5px !important;\n        }\n    }\n`;\ndocument.head.appendChild(imageFixCSS);\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-bbfd701 e-flex e-con-boxed e-con e-parent\" data-id=\"bbfd701\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-885a8e2 elementor-widget elementor-widget-text-editor\" data-id=\"885a8e2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!3m2!1sen!2sin!4v1766662655321!5m2!1sen!2sin!6m8!1m7!1sI7cRVKV0OPtsCXeTX2UpRw!2m2!1d28.6110158834745!2d77.28917091388391!3f269.5615!4f0!5f0.7820865974627469\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4742386 e-con-full e-flex e-con e-parent\" data-id=\"4742386\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0344fc elementor-widget elementor-widget-google_maps\" data-id=\"c0344fc\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=126B%2C%20Una%20Enclave%2C%20Mayur%20Vihar%20Ph.I%20Delhi%20%E2%80%93%20110091&#038;t=m&#038;z=13&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"126B, Una Enclave, Mayur Vihar Ph.I Delhi \u2013 110091\"\n\t\t\t\t\taria-label=\"126B, Una Enclave, Mayur Vihar Ph.I Delhi \u2013 110091\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Meet Our Expert Astrologer With decades of experience in Vedic astrology, providing accurate predictions and life-changing guidance Pt. Ashok Kumar Vasudeva Renowned Vedic Astrologer &amp; Spiritual Guide 40+ Years Experience 40+ Years Experience 10K+ Consultations For immediate consultation: WhatsApp Now &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/goldensupporttrade.com\/astro\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goldensupporttrade.com\/astro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goldensupporttrade.com\/astro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goldensupporttrade.com\/astro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goldensupporttrade.com\/astro\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":48,"href":"https:\/\/goldensupporttrade.com\/astro\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":26928,"href":"https:\/\/goldensupporttrade.com\/astro\/wp-json\/wp\/v2\/pages\/87\/revisions\/26928"}],"wp:attachment":[{"href":"https:\/\/goldensupporttrade.com\/astro\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}