<?php $__env->startPush('styles'); ?>
    <style>
        /* Page-scoped styles (ported from website_uae/candidates_profiles_rtl.html) */
        .candidates-profiles-page {
            --primary: #23b5d3;
            --secondary: #3566a8;
            --navy: #24365f;
            --text: #1a2433;
            --muted: #697588;
            --bg: #eef3f7;
            --gradient: linear-gradient(135deg, #23b5d3 0%, #3566a8 100%);
            --gradient-reverse: linear-gradient(135deg, #3566a8 0%, #23b5d3 100%);
            --gradient-green: linear-gradient(135deg, #43b37a 0%, #2e8b68 100%);
            --gradient-gold: linear-gradient(135deg, #d9b256 0%, #b98a2f 100%);
            --gradient-blue: linear-gradient(135deg, #67a4ff 0%, #3f78dc 100%);
            --shadow: 0 24px 60px rgba(17, 33, 57, .10);
            --shadow-soft: 0 16px 34px rgba(17, 33, 57, .08);
            --shadow-strong: 0 18px 38px rgba(53, 102, 168, .18);
            --transition: .28s cubic-bezier(.2, .8, .2, 1);

            font-family: 'Cairo', 'Inter', sans-serif;
            background: var(--bg);
            color: var(--text);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            direction: rtl;
            text-align: right;
            padding: 20px 0;
        }

        .candidates-profiles-page * {
            box-sizing: border-box;
        }

        .candidates-profiles-page a {
            text-decoration: none;
        }

        .candidates-profiles-page img {
            max-width: 100%;
            display: block;
        }

        .candidates-profiles-page .main-container {
            width: 100%;
            max-width: 1770px;
            margin: 0 auto;
            padding: 0 18px;
        }

        .candidates-profiles-page .section-space {
            padding: 20px 0;
        }

        .candidates-profiles-page .section-space.pt-0 {
            padding-top: 0;
        }

        .candidates-profiles-page .section-head {
            max-width: 980px;
            margin: 0 auto 28px;
            text-align: center;
        }

        .candidates-profiles-page .section-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 9px 16px;
            border-radius: 999px;
            background: rgba(35, 181, 211, .10);
            color: var(--secondary);
            font-size: 12px;
            font-weight: 900;
            margin-bottom: 14px;
        }

        .candidates-profiles-page .section-head h2 {
            margin: 0 0 12px;
            font-size: 38px;
            line-height: 1.08;
            font-weight: 900;
            letter-spacing: -1px;
            color: var(--navy);
        }

        .candidates-profiles-page .section-head p {
            margin: 0 auto;
            max-width: 840px;
            color: var(--muted);
            font-size: 15px;
            line-height: 1.88;
        }

        .candidates-profiles-page .interactive {
            position: relative;
            overflow: hidden;
            transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition), color var(--transition), opacity var(--transition), visibility var(--transition);
        }

        .candidates-profiles-page .interactive::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(120deg, transparent 18%, rgba(255, 255, 255, .18) 50%, transparent 82%);
            transform: translateX(-120%);
            transition: transform .75s ease;
            pointer-events: none;
        }

        .candidates-profiles-page .interactive:hover {
            transform: translateY(-4px);
            box-shadow: 0 22px 40px rgba(17, 33, 57, .14);
        }

        .candidates-profiles-page .interactive:hover::after {
            transform: translateX(120%);
        }

        .candidates-profiles-page .interactive.pressed {
            transform: scale(.985);
            box-shadow: 0 12px 22px rgba(17, 33, 57, .12);
        }

        .candidates-profiles-page .ripple {
            position: absolute;
            border-radius: 50%;
            transform: scale(0);
            animation: candidatesProfilesRipple .55s linear;
            background: rgba(255, 255, 255, .35);
            pointer-events: none;
        }

        @keyframes candidatesProfilesRipple {
            to {
                transform: scale(4);
                opacity: 0;
            }
        }

        /* .candidates-profiles-page .scroll-load {
            opacity: 0;
            transform: translateY(30px) scale(.985);
            filter: blur(8px);
            transition: opacity .9s ease, transform .9s ease, filter .9s ease;
            transition-delay: var(--delay, 0ms);
        }

        .candidates-profiles-page .scroll-load.active {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: blur(0);
        } */

        .candidates-profiles-page .btn-main {
            height: 50px;
            padding: 0 20px;
            border: none;
            border-radius: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-size: 14px;
            font-weight: 800;
            color: #fff;
            background: var(--gradient-reverse);
            box-shadow: var(--shadow-strong);
        }

        .candidates-profiles-page .btn-main:hover {
            color: #fff;
        }

        .candidates-profiles-page .btn-primary-alt {
            background: var(--gradient);
        }

        .candidates-profiles-page .btn-green {
            background: var(--gradient-green);
        }

        .candidates-profiles-page .btn-gold {
            background: var(--gradient-gold);
        }

        .candidates-profiles-page .btn-blue {
            background: var(--gradient-blue);
        }

        .candidates-profiles-page .btn-outline {
            background: #fff;
            color: var(--secondary);
            border: 1px solid rgba(53, 102, 168, .12);
            box-shadow: 0 14px 32px rgba(17, 33, 57, .08);
        }

        .candidates-profiles-page .btn-outline:hover {
            color: var(--secondary);
        }

        .candidates-profiles-page .choice-stage {
            max-width: 1380px;
            margin: 0 auto;
        }

        .candidates-profiles-page .hero-compare {
            position: relative;
            padding-top: 10px;
        }

        .candidates-profiles-page .hero-compare-top {
            max-width: 760px;
            margin: 0 auto 10px;
            display: flex;
            justify-content: center;
        }

        .candidates-profiles-page .hero-note {
            background: #fff;
            border: 1px solid rgba(15, 29, 49, .08);
            border-radius: 22px;
            box-shadow: var(--shadow-soft);
            padding: 16px 24px;
            text-align: center;
            color: var(--navy);
            font-size: 18px;
            line-height: 1.5;
            font-weight: 900;
        }

        .candidates-profiles-page .sponsor-hero {
            position: relative;
            width: 100%;
            max-width: 1365px;
            margin: 0 auto;
            border-radius: 34px;
            overflow: hidden;
        }

        .candidates-profiles-page .hero-bg-desktop {
            width: 100%;
            height: auto;
            display: block;
        }

        .candidates-profiles-page .hero-overlay {
            position: absolute;
            inset: 0;
            pointer-events: none;
        }

        .candidates-profiles-page .hero-overlay > * {
            pointer-events: auto;
        }

        .candidates-profiles-page .hero-column {
            position: absolute;
            top: 43.2%;
            width: 43.7%;
            z-index: 3;
        }

        .candidates-profiles-page .hero-column.left {
            right: 4.95%;
        }

        .candidates-profiles-page .hero-column.right {
            left: 4.95%;
        }

        .candidates-profiles-page .reason-card {
            background: rgba(255, 255, 255, .98);
            border: 1px solid rgba(15, 29, 49, .06);
            border-radius: 30px;
            box-shadow: 0 18px 40px rgba(17, 33, 57, .10);
            padding: 24px 24px 18px;
        }

        .candidates-profiles-page .reason-card h3 {
            margin: 0 0 16px;
            font-size: 24px;
            line-height: 1.16;
            font-weight: 900;
            letter-spacing: -.45px;
        }

        .candidates-profiles-page .reason-card.company h3 {
            color: #116845;
        }

        .candidates-profiles-page .reason-card.family h3 {
            color: #8f241d;
        }

        .candidates-profiles-page .reason-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 11px;
        }

        .candidates-profiles-page .reason-list li {
            display: flex;
            align-items: flex-start;
            gap: 13px;
            font-size: 16px;
            line-height: 1.55;
            color: #203047;
            font-weight: 600;
            text-align: right;
        }

        .candidates-profiles-page .reason-list .icon {
            width: 28px;
            min-width: 28px;
            height: 28px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 12px;
            margin-top: 1px;
        }

        .candidates-profiles-page .reason-card.company .icon {
            background: linear-gradient(135deg, #43b37a 0%, #2e8b68 100%);
        }

        .candidates-profiles-page .reason-card.family .icon {
            background: linear-gradient(135deg, #5b93e8 0%, #4373c8 100%);
        }

        .candidates-profiles-page .plans-grid {
            margin-top: 14px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
        }

        .candidates-profiles-page .plan-card {
            background: rgba(255, 255, 255, .98);
            border: 1px solid rgba(15, 29, 49, .06);
            border-radius: 22px;
            box-shadow: 0 16px 34px rgba(17, 33, 57, .08);
            padding: 18px 16px 16px;
            display: flex;
            flex-direction: column;
            min-height: 100%;
        }

        .candidates-profiles-page .plan-card h4 {
            margin: 0 0 10px;
            font-size: 17px;
            line-height: 1.2;
            font-weight: 900;
            letter-spacing: -.2px;
            color: #1b3157;
        }

        .candidates-profiles-page .price-line {
            margin: 0 0 10px;
            font-size: 16px;
            line-height: 1.26;
            font-weight: 800;
            color: #20324b;
            direction: ltr;
            text-align: right;
        }

        .candidates-profiles-page .price-line strong {
            font-size: 20px;
            color: #082043;
        }

        .candidates-profiles-page .price-line .suffix {
            color: #31425c;
            font-weight: 800;
            font-size: 15px;
        }

        .candidates-profiles-page .plan-list {
            list-style: none;
            padding: 0;
            margin: 0 0 16px;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .candidates-profiles-page .plan-list li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            font-size: 14px;
            line-height: 1.5;
            color: #425064;
            font-weight: 700;
            text-align: right;
        }

        .candidates-profiles-page .plan-list i {
            width: 18px;
            min-width: 18px;
            margin-top: 2px;
        }

        .candidates-profiles-page .company-uae .plan-list i {
            color: #2e8b68;
        }

        .candidates-profiles-page .company-overseas .plan-list i {
            color: #c49326;
        }

        .candidates-profiles-page .family-uae .plan-list i {
            color: #3d86dd;
        }

        .candidates-profiles-page .family-overseas .plan-list i {
            color: #c49326;
        }

        .candidates-profiles-page .plan-card .btn-main {
            width: 100%;
            justify-content: center;
            margin-top: auto;
            height: 48px;
            border-radius: 14px;
            font-size: 13px;
            box-shadow: none;
        }

        .candidates-profiles-page .mobile-stage {
            display: none;
            max-width: 736px;
            margin: 0 auto;
        }

        .candidates-profiles-page .mobile-hero {
            position: relative;
            width: 100%;
            overflow: hidden;
            border-radius: 26px;
        }

        .candidates-profiles-page .mobile-hero img {
            width: 100%;
            height: auto;
            display: block;
        }

        .candidates-profiles-page .mobile-overlay {
            position: absolute;
            inset: 0;
            pointer-events: none;
        }

        .candidates-profiles-page .mobile-overlay > * {
            pointer-events: auto;
        }

        .candidates-profiles-page .mobile-note {
            position: absolute;
            top: 1.9%;
            right: 50%;
            transform: translateX(50%);
            width: 88%;
            background: rgba(255, 255, 255, .98);
            border: 1px solid rgba(15, 29, 49, .08);
            border-radius: 16px;
            box-shadow: 0 14px 30px rgba(17, 33, 57, .10);
            padding: 11px 14px;
            text-align: center;
            color: var(--navy);
            font-size: 15px;
            line-height: 1.35;
            font-weight: 900;
            z-index: 3;
        }

        .candidates-profiles-page .mobile-column {
            position: absolute;
            width: 100%;
            z-index: 4;
        }

        .candidates-profiles-page .mobile-column.left {
            top: 35.8%;
        }

        .candidates-profiles-page .mobile-column.right {
            top: 80.5%;
        }

        .candidates-profiles-page .mobile-column .reason-card {
            border-radius: 22px;
            padding: 18px 18px 14px;
            box-shadow: 0 14px 30px rgba(17, 33, 57, .10);
        }

        .candidates-profiles-page .mobile-column .reason-card h3 {
            font-size: 17px;
            margin-bottom: 12px;
        }

        .candidates-profiles-page .mobile-column .reason-list {
            gap: 9px;
        }

        .candidates-profiles-page .mobile-column .reason-list li {
            gap: 10px;
            font-size: 12.8px;
            line-height: 1.44;
        }

        .candidates-profiles-page .mobile-column .reason-list .icon {
            width: 21px;
            min-width: 21px;
            height: 21px;
            font-size: 10px;
        }

        .candidates-profiles-page .mobile-column .plans-grid {
            margin-top: 14px;
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .candidates-profiles-page .mobile-column .plan-card {
            border-radius: 18px;
            padding: 13px 12px 12px;
            box-shadow: 0 12px 24px rgba(17, 33, 57, .08);
        }

        .candidates-profiles-page .mobile-column .plan-card h4 {
            font-size: 12.8px;
            margin-bottom: 7px;
        }

        .candidates-profiles-page .mobile-column .price-line {
            font-size: 11px;
            margin-bottom: 7px;
        }

        .candidates-profiles-page .mobile-column .price-line strong {
            font-size: 15px;
        }

        .candidates-profiles-page .mobile-column .price-line .suffix {
            font-size: 10.6px;
        }

        .candidates-profiles-page .mobile-column .plan-list {
            gap: 5px;
            margin-bottom: 10px;
        }

        .candidates-profiles-page .mobile-column .plan-list li {
            font-size: 10.8px;
            gap: 7px;
            line-height: 1.34;
        }

        .candidates-profiles-page .mobile-column .plan-list i {
            width: 14px;
            min-width: 14px;
        }

        .candidates-profiles-page .mobile-column .plan-card .btn-main {
            height: 40px;
            border-radius: 12px;
            padding: 0 10px;
            font-size: 11px;
            gap: 6px;
        }

        .candidates-profiles-page .hero-choice-actions {
            margin-top: 10px;
            display: flex;
            justify-content: center;
            gap: 14px;
            flex-wrap: wrap;
        }

        .candidates-profiles-page .cta-band {
            background: var(--gradient-reverse);
            border-radius: 30px;
            box-shadow: var(--shadow);
            text-align: center;
            color: #fff;
            padding: 40px 24px;
            position: relative;
            overflow: hidden;
        }

        .candidates-profiles-page .cta-band::before {
            content: "";
            position: absolute;
            width: 230px;
            height: 230px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, 0) 72%);
            left: -70px;
            top: -80px;
        }

        .candidates-profiles-page .cta-band h2 {
            margin: 0 0 10px;
            font-size: 30px;
            line-height: 1.1;
            font-weight: 900;
        }

        .candidates-profiles-page .cta-band p {
            margin: 0 auto;
            max-width: 680px;
            color: rgba(255, 255, 255, .92);
            font-size: 14px;
            line-height: 1.8;
        }

        .candidates-profiles-page .cta-band-actions {
            display: flex;
            justify-content: center;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 22px;
        }

        .candidates-profiles-page .faq-card {
            background: #fff;
            border: 1px solid rgba(17, 32, 57, .08);
            border-radius: 22px;
            box-shadow: var(--shadow-soft);
            overflow: hidden;
            margin-bottom: 16px;
        }

        .candidates-profiles-page .accordion-item {
            border: none;
            background: transparent;
        }

        .candidates-profiles-page .accordion-button {
            background: #fff;
            border: none;
            box-shadow: none !important;
            padding: 20px 22px;
            font-size: 15px;
            font-weight: 800;
            color: var(--navy);
            border-radius: 22px !important;
            text-align: right;
            direction: rtl;
        }

        .candidates-profiles-page .accordion-button:not(.collapsed) {
            color: var(--secondary);
            background: linear-gradient(180deg, rgba(35, 181, 211, .05) 0%, rgba(53, 102, 168, .03) 100%);
        }

        .candidates-profiles-page .accordion-button::after {
            margin-right: auto;
            margin-left: 0;
            background-image: none;
            content: "+";
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: var(--secondary);
            transform: none;
            background: rgba(35, 181, 211, .11);
        }

        .candidates-profiles-page .accordion-button:not(.collapsed)::after {
            content: "−";
            background: rgba(53, 102, 168, .10);
        }

        .candidates-profiles-page .accordion-body {
            padding: 0 22px 20px;
            color: var(--muted);
            font-size: 13px;
            line-height: 1.82;
            text-align: right;
        }

        .candidates-profiles-page .contact-wrap {
            background: #fff;
            border: 1px solid rgba(17, 32, 57, .08);
            border-radius: 30px;
            box-shadow: var(--shadow);
            overflow: hidden;
        }

        .candidates-profiles-page .map-panel {
            background: var(--gradient-reverse);
            color: #fff;
            height: 100%;
            padding: 30px;
            position: relative;
            overflow: hidden;
        }

        .candidates-profiles-page .map-panel::before {
            content: "";
            position: absolute;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, 0) 72%);
            left: -60px;
            top: -60px;
        }

        .candidates-profiles-page .map-panel h3,
        .candidates-profiles-page .form-panel h3 {
            margin: 0 0 10px;
            font-size: 25px;
            line-height: 1.12;
            font-weight: 900;
            text-align: right;
        }

        .candidates-profiles-page .map-panel p,
        .candidates-profiles-page .form-panel p {
            margin: 0 0 20px;
            font-size: 13px;
            line-height: 1.86;
            text-align: right;
        }

        .candidates-profiles-page .map-panel p {
            color: rgba(255, 255, 255, .86);
        }

        .candidates-profiles-page .form-panel p {
            color: var(--muted);
        }

        .candidates-profiles-page .contact-points {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
            margin-bottom: 20px;
        }

        .candidates-profiles-page .contact-point {
            background: rgba(255, 255, 255, .10);
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 18px;
            padding: 16px;
            text-align: center;
        }

        .candidates-profiles-page .contact-point .icon {
            width: 44px;
            height: 44px;
            font-size: 17px;
            margin: 0 auto 10px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            background: rgba(255, 255, 255, .14);
        }

        .candidates-profiles-page .contact-point h4 {
            margin: 0 0 6px;
            font-size: 14px;
            font-weight: 800;
            color: #fff;
        }

        .candidates-profiles-page .contact-point p,
        .candidates-profiles-page .contact-point a {
            margin: 0;
            font-size: 12px;
            line-height: 1.7;
            color: rgba(255, 255, 255, .86);
        }

        .candidates-profiles-page .map-embed {
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 18px 28px rgba(0, 0, 0, .18);
            background: #fff;
        }

        .candidates-profiles-page .map-embed iframe {
            width: 100%;
            height: 300px;
            border: 0;
            display: block;
        }

        .candidates-profiles-page .form-panel {
            padding: 30px;
            background: #fff;
            height: 100%;
        }

        .candidates-profiles-page .form-control,
        .candidates-profiles-page .form-select {
            height: 52px;
            border-radius: 16px;
            border: 1px solid rgba(15, 29, 49, .08);
            background: #f8fbfd;
            box-shadow: none !important;
            padding: 0 16px;
            font-size: 13px;
            color: var(--text);
            transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
            text-align: right;
        }

        .candidates-profiles-page .form-control::placeholder {
            text-align: right;
        }

        .candidates-profiles-page .form-control:hover,
        .candidates-profiles-page .form-select:hover {
            border-color: rgba(53, 102, 168, .18);
            transform: translateY(-1px);
        }

        .candidates-profiles-page .form-control:focus,
        .candidates-profiles-page .form-select:focus {
            border-color: rgba(35, 181, 211, .35);
            background: #fff;
            box-shadow: 0 0 0 4px rgba(35, 181, 211, .08) !important;
        }

        .candidates-profiles-page textarea.form-control {
            min-height: 140px;
            resize: none;
            padding: 16px;
        }

        .candidates-profiles-page .submit-btn {
            width: 100%;
            height: 52px;
            border: none;
            border-radius: 16px;
            color: #fff;
            font-size: 13px;
            font-weight: 800;
            background: var(--gradient-reverse);
        }

        .candidates-profiles-page .contact-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 18px;
            justify-content: center;
        }

        @media (max-width: 1199.98px) {
            .candidates-profiles-page .sponsor-hero {
                display: none;
            }

            .candidates-profiles-page .mobile-stage {
                display: block;
            }
        }

        @media (max-width: 991.98px) {
            .candidates-profiles-page .hero-note {
                width: 100%;
                font-size: 16px;
                line-height: 1.55;
            }

            .candidates-profiles-page .mobile-stage {
                max-width: 640px;
            }
        }

        @media (max-width: 767.98px) {
            .candidates-profiles-page .main-container {
                padding: 0 12px;
            }

            .candidates-profiles-page .section-space {
                padding: 10px 0;
            }

            .candidates-profiles-page .section-head h2,
            .candidates-profiles-page .cta-band h2 {
                font-size: 26px;
            }

            .candidates-profiles-page .section-head p,
            .candidates-profiles-page .cta-band p {
                font-size: 13px;
            }

            .candidates-profiles-page .contact-points {
                grid-template-columns: 1fr;
            }

            .candidates-profiles-page .cta-band-actions,
            .candidates-profiles-page .contact-actions {
                grid-template-columns: 1fr;
                display: grid;
            }

            .candidates-profiles-page .hero-choice-actions {
                margin-top: 10px;
                gap: 10px;
                display: grid;
                grid-template-columns: 1fr;
                align-items: stretch;
            }

            .candidates-profiles-page .hero-choice-actions .btn-main {
                width: 100%;
                min-width: 0;
            }
        }
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
    <div class="candidates-profiles-page" id="candidates-profiles-page">
        <section class="section-space" id="candidate-profiles">
            <div class="main-container">
                <div class="choice-stage">
                    <div class="hero-compare">
                        <div class="hero-compare-top scroll-load">
                            <div class="hero-note"><?php echo e($candidatesProfilesContent['hero_note']); ?></div>
                        </div>

                        <div class="sponsor-hero scroll-load">
                            <img src="<?php echo e(asset('assets/images/desktop.png')); ?>" class="hero-bg-desktop" alt="مقارنة الكفالة على سطح المكتب">

                            <div class="hero-overlay">
                                <div class="hero-column left">
                                    <div class="reason-card company interactive">
                                        <h3><?php echo e(data_get($candidatesProfilesContent, 'company_reason.title')); ?></h3>
                                        <ul class="reason-list">
                                            <?php $__currentLoopData = data_get($candidatesProfilesContent, 'company_reason.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <li><span class="icon"><i class="fa-solid fa-check"></i></span><span><?php echo e($item); ?></span></li>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </ul>
                                    </div>

                                    <div class="plans-grid">
                                        <div class="plan-card company-uae interactive">
                                            <h4><?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.title')); ?></h4>
                                            <p class="price-line"><strong><?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.price_amount')); ?></strong> <span class="suffix"><?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.price_suffix')); ?></span></p>
                                            <ul class="plan-list">
                                                <?php $__currentLoopData = data_get($candidatesProfilesContent, 'company_plans.uae.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <li><i class="fa-solid fa-circle-check"></i><span><?php echo e($item); ?></span></li>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </ul>
                                            <a href="<?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.cta.href')); ?>" class="btn-main btn-green"><i class="fa-solid fa-arrow-left"></i><?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.cta.text')); ?></a>
                                        </div>

                                        <div class="plan-card company-overseas interactive">
                                            <h4><?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.title')); ?></h4>
                                            <p class="price-line"><strong><?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.price_amount')); ?></strong> <span class="suffix"><?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.price_suffix')); ?></span></p>
                                            <ul class="plan-list">
                                                <?php $__currentLoopData = data_get($candidatesProfilesContent, 'company_plans.overseas.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <li><i class="fa-solid fa-circle-check"></i><span><?php echo e($item); ?></span></li>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </ul>
                                            <a href="<?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.cta.href')); ?>" class="btn-main btn-gold"><i class="fa-solid fa-arrow-left"></i><?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.cta.text')); ?></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="hero-column right">
                                    <div class="reason-card family interactive">
                                        <h3><?php echo e(data_get($candidatesProfilesContent, 'family_reason.title')); ?></h3>
                                        <ul class="reason-list">
                                            <?php $__currentLoopData = data_get($candidatesProfilesContent, 'family_reason.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <li><span class="icon"><i class="fa-solid fa-check"></i></span><span><?php echo e($item); ?></span></li>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </ul>
                                    </div>

                                    <div class="plans-grid">
                                        <div class="plan-card family-uae interactive">
                                            <h4><?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.title')); ?></h4>
                                            <p class="price-line"><strong><?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.price_amount')); ?></strong> <span class="suffix"><?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.price_suffix')); ?></span></p>
                                            <ul class="plan-list">
                                                <?php $__currentLoopData = data_get($candidatesProfilesContent, 'family_plans.uae.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <li><i class="fa-solid fa-circle-check"></i><span><?php echo e($item); ?></span></li>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </ul>
                                            <a href="<?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.cta.href')); ?>" class="btn-main btn-blue"><i class="fa-solid fa-arrow-left"></i><?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.cta.text')); ?></a>
                                        </div>

                                        <div class="plan-card family-overseas interactive">
                                            <h4><?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.title')); ?></h4>
                                            <p class="price-line"><strong><?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.price_amount')); ?></strong> <span class="suffix"><?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.price_suffix')); ?></span></p>
                                            <ul class="plan-list">
                                                <?php $__currentLoopData = data_get($candidatesProfilesContent, 'family_plans.overseas.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <li><i class="fa-solid fa-circle-check"></i><span><?php echo e($item); ?></span></li>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </ul>
                                            <a href="<?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.cta.href')); ?>" class="btn-main btn-gold"><i class="fa-solid fa-arrow-left"></i><?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.cta.text')); ?></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mobile-stage scroll-load">
                            <div class="mobile-hero">
                                <img src="<?php echo e(asset('assets/images/mobile.png')); ?>" alt="مقارنة الكفالة على الجوال">
                                <div class="mobile-overlay">
                            <div class="mobile-note"><?php echo e($candidatesProfilesContent['hero_note']); ?></div>

                                    <div class="mobile-column left">
                                        <div class="reason-card company interactive">
                                            <h3><?php echo e(data_get($candidatesProfilesContent, 'company_reason.title')); ?></h3>
                                            <ul class="reason-list">
                                                <?php $__currentLoopData = data_get($candidatesProfilesContent, 'company_reason.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <li><span class="icon"><i class="fa-solid fa-check"></i></span><span><?php echo e($item); ?></span></li>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </ul>
                                        </div>

                                        <div class="plans-grid">
                                            <div class="plan-card company-uae interactive">
                                                <h4><?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.title')); ?></h4>
                                                <p class="price-line"><strong><?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.price_amount')); ?></strong> <span class="suffix"><?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.price_suffix')); ?></span></p>
                                                <ul class="plan-list">
                                                    <?php $__currentLoopData = data_get($candidatesProfilesContent, 'company_plans.uae.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <li><i class="fa-solid fa-circle-check"></i><span><?php echo e($item); ?></span></li>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </ul>
                                                <a href="<?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.cta.href')); ?>" class="btn-main btn-green"><i class="fa-solid fa-arrow-left"></i><?php echo e(data_get($candidatesProfilesContent, 'company_plans.uae.cta.text')); ?></a>
                                            </div>

                                            <div class="plan-card company-overseas interactive">
                                                <h4><?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.title')); ?></h4>
                                                <p class="price-line"><strong><?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.price_amount')); ?></strong> <span class="suffix"><?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.price_suffix')); ?></span></p>
                                                <ul class="plan-list">
                                                    <?php $__currentLoopData = data_get($candidatesProfilesContent, 'company_plans.overseas.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <li><i class="fa-solid fa-circle-check"></i><span><?php echo e($item); ?></span></li>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </ul>
                                                <a href="<?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.cta.href')); ?>" class="btn-main btn-gold"><i class="fa-solid fa-arrow-left"></i><?php echo e(data_get($candidatesProfilesContent, 'company_plans.overseas.cta.text')); ?></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="mobile-column right">
                                        <div class="reason-card family interactive">
                                            <h3><?php echo e(data_get($candidatesProfilesContent, 'family_reason.title')); ?></h3>
                                            <ul class="reason-list">
                                                <?php $__currentLoopData = data_get($candidatesProfilesContent, 'family_reason.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <li><span class="icon"><i class="fa-solid fa-check"></i></span><span><?php echo e($item); ?></span></li>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </ul>
                                        </div>

                                        <div class="plans-grid">
                                            <div class="plan-card family-uae interactive">
                                                <h4><?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.title')); ?></h4>
                                                <p class="price-line"><strong><?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.price_amount')); ?></strong> <span class="suffix"><?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.price_suffix')); ?></span></p>
                                                <ul class="plan-list">
                                                    <?php $__currentLoopData = data_get($candidatesProfilesContent, 'family_plans.uae.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <li><i class="fa-solid fa-circle-check"></i><span><?php echo e($item); ?></span></li>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </ul>
                                                <a href="<?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.cta.href')); ?>" class="btn-main btn-blue"><i class="fa-solid fa-arrow-left"></i><?php echo e(data_get($candidatesProfilesContent, 'family_plans.uae.cta.text')); ?></a>
                                            </div>

                                            <div class="plan-card family-overseas interactive">
                                                <h4><?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.title')); ?></h4>
                                                <p class="price-line"><strong><?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.price_amount')); ?></strong> <span class="suffix"><?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.price_suffix')); ?></span></p>
                                                <ul class="plan-list">
                                                    <?php $__currentLoopData = data_get($candidatesProfilesContent, 'family_plans.overseas.items', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <li><i class="fa-solid fa-circle-check"></i><span><?php echo e($item); ?></span></li>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </ul>
                                                <a href="<?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.cta.href')); ?>" class="btn-main btn-gold"><i class="fa-solid fa-arrow-left"></i><?php echo e(data_get($candidatesProfilesContent, 'family_plans.overseas.cta.text')); ?></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="hero-choice-actions scroll-load">
                            <a href="<?php echo e(data_get($candidatesProfilesContent, 'hero_choice_actions.0.href')); ?>" class="btn-main btn-green interactive"><i class="fa-solid fa-building-shield"></i><?php echo e(data_get($candidatesProfilesContent, 'hero_choice_actions.0.text')); ?></a>
                            <a href="<?php echo e(data_get($candidatesProfilesContent, 'hero_choice_actions.1.href')); ?>" class="btn-main btn-primary-alt interactive"><i class="fa-solid fa-house-user"></i><?php echo e(data_get($candidatesProfilesContent, 'hero_choice_actions.1.text')); ?></a>
                            <a href="<?php echo e(data_get($candidatesProfilesContent, 'hero_choice_actions.2.href')); ?>" class="btn-main btn-outline interactive"><i class="fa-solid fa-headset"></i><?php echo e(data_get($candidatesProfilesContent, 'hero_choice_actions.2.text')); ?></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section-space pt-0">
            <div class="main-container">
                <div class="cta-band scroll-load">
                    <h2><?php echo e(data_get($candidatesProfilesContent, 'cta_band.title')); ?></h2>
                    <p><?php echo e(data_get($candidatesProfilesContent, 'cta_band.description')); ?></p>
                    <div class="cta-band-actions">
                        <a href="<?php echo e(data_get($candidatesProfilesContent, 'cta_band.actions.0.href')); ?>" class="btn-main btn-primary-alt interactive"><i class="fa-solid fa-phone-volume"></i><?php echo e(data_get($candidatesProfilesContent, 'cta_band.actions.0.text')); ?></a>
                        <a href="<?php echo e(data_get($candidatesProfilesContent, 'cta_band.actions.1.href')); ?>" class="btn-main interactive"><i class="fa-brands fa-whatsapp"></i><?php echo e(data_get($candidatesProfilesContent, 'cta_band.actions.1.text')); ?></a>
                        <a href="<?php echo e(data_get($candidatesProfilesContent, 'cta_band.actions.2.href')); ?>" class="btn-main btn-outline interactive"><i class="fa-solid fa-envelope-open-text"></i><?php echo e(data_get($candidatesProfilesContent, 'cta_band.actions.2.text')); ?></a>
                    </div>
                </div>
            </div>
        </section>

        <section class="section-space pt-0" id="faq">
            <div class="main-container">
                <div class="section-head scroll-load">
                            <span class="section-kicker"><i class="fa-solid fa-circle-question"></i> <?php echo e(data_get($candidatesProfilesContent, 'faq.kicker')); ?></span>
                            <h2><?php echo e(data_get($candidatesProfilesContent, 'faq.title')); ?></h2>
                            <p><?php echo e(data_get($candidatesProfilesContent, 'faq.description')); ?></p>
                </div>

                <div class="scroll-load">
                    <div class="accordion" id="faqAccordion">
                        <div class="faq-card interactive">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="faqOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseOne" aria-expanded="true" aria-controls="faqCollapseOne">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.0.question')); ?>

                                    </button>
                                </h2>
                                <div id="faqCollapseOne" class="accordion-collapse collapse show" aria-labelledby="faqOne" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.0.answer')); ?>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="faq-card interactive">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="faqTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseTwo" aria-expanded="false" aria-controls="faqCollapseTwo">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.1.question')); ?>

                                    </button>
                                </h2>
                                <div id="faqCollapseTwo" class="accordion-collapse collapse" aria-labelledby="faqTwo" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.1.answer')); ?>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="faq-card interactive">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="faqThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseThree" aria-expanded="false" aria-controls="faqCollapseThree">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.2.question')); ?>

                                    </button>
                                </h2>
                                <div id="faqCollapseThree" class="accordion-collapse collapse" aria-labelledby="faqThree" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.2.answer')); ?>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="faq-card interactive">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="faqFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFour" aria-expanded="false" aria-controls="faqCollapseFour">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.3.question')); ?>

                                    </button>
                                </h2>
                                <div id="faqCollapseFour" class="accordion-collapse collapse" aria-labelledby="faqFour" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.3.answer')); ?>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="faq-card interactive">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="faqFive">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFive" aria-expanded="false" aria-controls="faqCollapseFive">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.4.question')); ?>

                                    </button>
                                </h2>
                                <div id="faqCollapseFive" class="accordion-collapse collapse" aria-labelledby="faqFive" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        <?php echo e(data_get($candidatesProfilesContent, 'faq.items.4.answer')); ?>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section-space pt-0" id="contact-section">
            <div class="main-container">
                <div class="section-head scroll-load">
                    <span class="section-kicker"><i class="fa-solid fa-envelope-open-text"></i> <?php echo e(data_get($candidatesProfilesContent, 'contact.kicker')); ?></span>
                    <h2><?php echo e(data_get($candidatesProfilesContent, 'contact.title')); ?></h2>
                    <p><?php echo e(data_get($candidatesProfilesContent, 'contact.description')); ?></p>
                </div>

                <div class="contact-wrap scroll-load">
                    <div class="row g-0">
                        <div class="col-lg-5">
                            <div class="map-panel">
                                <h3><?php echo e(data_get($candidatesProfilesContent, 'contact.map_panel.title')); ?></h3>
                                <p><?php echo e(data_get($candidatesProfilesContent, 'contact.map_panel.description')); ?></p>

                                <div class="contact-points">
                                    <div class="contact-point interactive">
                                        <div class="icon"><i class="fa-solid fa-phone-volume"></i></div>
                                        <h4><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.0.title')); ?></h4>
                                        <a href="<?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.0.href')); ?>"><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.0.text')); ?></a>
                                    </div>
                                    <div class="contact-point interactive">
                                        <div class="icon"><i class="fa-brands fa-whatsapp"></i></div>
                                        <h4><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.1.title')); ?></h4>
                                        <a href="<?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.1.href')); ?>"><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.1.text')); ?></a>
                                    </div>
                                    <div class="contact-point interactive">
                                        <div class="icon"><i class="fa-solid fa-envelope"></i></div>
                                        <h4><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.2.title')); ?></h4>
                                        <a href="<?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.2.href')); ?>"><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.2.text')); ?></a>
                                    </div>
                                    <div class="contact-point interactive">
                                        <div class="icon"><i class="fa-solid fa-location-dot"></i></div>
                                        <h4><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.3.title')); ?></h4>
                                        <p><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_points.3.text')); ?></p>
                                    </div>
                                </div>

                                <div class="map-embed interactive">
                                    <iframe src="<?php echo e(data_get($candidatesProfilesContent, 'contact.map_panel.iframe_src')); ?>" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-7">
                            <div class="form-panel">
                                <h3><?php echo e(data_get($candidatesProfilesContent, 'contact.form_panel.title')); ?></h3>
                                <p><?php echo e(data_get($candidatesProfilesContent, 'contact.form_panel.description')); ?></p>

                                <form>
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <input type="text" class="form-control interactive" placeholder="<?php echo e(data_get($candidatesProfilesContent, 'contact.form_panel.name_placeholder')); ?>">
                                        </div>
                                        <div class="col-md-6">
                                            <input type="tel" class="form-control interactive" placeholder="<?php echo e(data_get($candidatesProfilesContent, 'contact.form_panel.phone_placeholder')); ?>">
                                        </div>
                                        <div class="col-md-6">
                                            <input type="email" class="form-control interactive" placeholder="<?php echo e(data_get($candidatesProfilesContent, 'contact.form_panel.email_placeholder')); ?>">
                                        </div>
                                        <div class="col-md-6">
                                            <select class="form-select interactive">
                                                <option selected><?php echo e(data_get($candidatesProfilesContent, 'contact.form_panel.inquiry_type_placeholder')); ?></option>
                                                <?php $__currentLoopData = data_get($candidatesProfilesContent, 'contact.form_panel.inquiry_type_options', []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $opt): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <option><?php echo e($opt); ?></option>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                        </div>
                                        <div class="col-12">
                                            <textarea class="form-control interactive" placeholder="<?php echo e(data_get($candidatesProfilesContent, 'contact.form_panel.message_placeholder')); ?>"></textarea>
                                        </div>
                                        <div class="col-12">
                                            <button type="submit" class="submit-btn btn-main interactive"><i class="fa-solid fa-paper-plane"></i><?php echo e(data_get($candidatesProfilesContent, 'contact.form_panel.submit_text')); ?></button>
                                        </div>
                                    </div>
                                </form>

                                <div class="contact-actions">
                                    <a href="<?php echo e(data_get($candidatesProfilesContent, 'contact.contact_actions.0.href')); ?>" class="btn-main btn-primary-alt interactive"><i class="fa-solid fa-phone-volume"></i><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_actions.0.text')); ?></a>
                                    <a href="<?php echo e(data_get($candidatesProfilesContent, 'contact.contact_actions.1.href')); ?>" class="btn-main interactive"><i class="fa-brands fa-whatsapp"></i><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_actions.1.text')); ?></a>
                                    <a href="<?php echo e(data_get($candidatesProfilesContent, 'contact.contact_actions.2.href')); ?>" class="btn-main btn-primary-alt interactive"><i class="fa-solid fa-envelope"></i><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_actions.2.text')); ?></a>
                                    <a href="<?php echo e(data_get($candidatesProfilesContent, 'contact.contact_actions.3.href')); ?>" target="_blank" class="btn-main interactive"><i class="fa-solid fa-location-dot"></i><?php echo e(data_get($candidatesProfilesContent, 'contact.contact_actions.3.text')); ?></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
    <script>
        (function () {
            const root = document.getElementById('candidates-profiles-page');
            if (!root) return;

            // Scroll-load IntersectionObserver disabled
            // const scrollLoadItems = root.querySelectorAll('.scroll-load');
            // scrollLoadItems.forEach((item, index) => item.style.setProperty('--delay', `${(index % 8) * 80}ms`));
            // const observer = new IntersectionObserver((entries, obs) => {
            //     entries.forEach((entry) => {
            //         if (entry.isIntersecting) {
            //             entry.target.classList.add('active');
            //             obs.unobserve(entry.target);
            //         }
            //     });
            // }, { threshold: .14, rootMargin: '0px 0px -40px 0px' });
            // scrollLoadItems.forEach((item) => {
            //     if (!item.classList.contains('active')) observer.observe(item);
            // });

            root.querySelectorAll('.interactive').forEach((el) => {
                el.addEventListener('click', function (e) {
                    this.classList.add('pressed');
                    setTimeout(() => this.classList.remove('pressed'), 180);

                    const rect = this.getBoundingClientRect();
                    const ripple = document.createElement('span');
                    ripple.className = 'ripple';
                    const size = Math.max(rect.width, rect.height);
                    ripple.style.width = ripple.style.height = size + 'px';
                    ripple.style.left = (e.clientX - rect.left - size / 2) + 'px';
                    ripple.style.top = (e.clientY - rect.top - size / 2) + 'px';
                    this.appendChild(ripple);
                    setTimeout(() => ripple.remove(), 550);
                });
            });
        })();
    </script>
<?php $__env->stopPush(); ?>


<?php echo $__env->make('layouts.app_rtl', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/onesourceerp/public_html/project/resources/views/candidates_profiles_rtl.blade.php ENDPATH**/ ?>