@if(!empty($data))
<style>
    .choose-us-section--regionais { position: relative; }
    .choose-us-section--regionais::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: var(--regionais-bg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 90%;
        -webkit-mask-image: linear-gradient(to left, #000 0%, #000 40%, transparent 90%);
        mask-image: linear-gradient(to left, #000 0%, #000 40%, transparent 90%);
        z-index: 0;
        pointer-events: none;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .choose-us-section--regionais .choose-us-content {
        position: relative;
        z-index: 2;
    }
    @media (max-width: 991px) {
        .choose-us-section--regionais::before {
            content: none;
        }
    }
</style>
<section class="choose-us-section section-padding fix choose-us-section--regionais" style="--regionais-bg: url('{{ v2_storage_url($data['image'] ?? '') }}');">
    <div class="container">
        <div class="choose-us-wrapper-2">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="choose-us-content">
                        <div class="section-title mb-0">
                            <span class="sub-title wow fadeInUp">{{ $data['subtitle'] ?? '' }}</span>
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">{{ $data['title'] ?? '' }}</h2>
                        </div>
                        <p class="choose-us-text wow fadeInUp" data-wow-delay=".5s">{{ $data['text1'] ?? '' }}</p>
                        @if(!empty($data['states']))
                        <h4 class="wow fadeInUp" data-wow-delay=".7s">{{ $data['states'] }}</h4>
                        @endif
                        <p class="choose-us-text-2 wow fadeInUp" data-wow-delay=".3s">{{ $data['text2'] ?? '' }}</p>
                        @if(!empty($data['cta_text']))
                        <div class="choose-us-button wow fadeInUp" data-wow-delay=".7s">
                            <a href="{{ $data['cta_url'] ?? '#' }}" class="theme-btn">
                                <span>{{ $data['cta_text'] }}</span> <i class="bi bi-arrow-right"></i>
                            </a>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif