title = "Our Services"
url = "/services"
layout = "default"
is_hidden = 0
lazy_load = 1
meta_title = "Caribbean Travel and Tours - Our Services"
meta_description = "Our team at Caribbean Travel and Tours offers a range of services to support bookers in curating, booking, and selling memorable Caribbean experiences."
enabled_in_sitemap = 0
model_all_posts = 0
model_include_default = 0
use_updated_at = 0
changefreq = "always"
priority = 0.1

[builderDetails]
modelClass = "Webmors\Webconfig\Models\Page"
identifierValue = 1
modelKeyColumn = "id"
displayColumn = "id"
notFoundMessage = "Record not found"
==
{% set record = builderDetails.record %}
<div class="main overflow-hidden">
    {% put styles %}
    <style>
    .slider__main__content {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: end;
        padding-left: 25px;
        padding-right: 100px;
        /*padding-top: 110px;*/
    }
    .back__btn__blk {
        padding-top: 0px;
        margin-bottom: 10px;
        margin-right: 20px;
    }
    .tab__area {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .tab__topbar {
        text-align: center;
        padding-bottom: 10px;
    }
    </style>
    {% endput %}
    <!-- =================== Slider AREA START ===================== -->
    <div class="slider__area">
        <div class="slider__left__blk" style="background-image: url({{ record.about_repeater_image|media }});">
            <div class="slider__main__content">
                <div class="slider__pages">
                    <div class="back__btn__blk">
                        <a href="#" onclick="history.back()"><i class="fal fa-long-arrow-left"></i>Go Back</a>
                    </div>
                    <a href="/">Home</a>
                    <span>{{ record.home_about_title }}</span>
                </div>
            </div>
        </div>
    </div>
    <!-- =================== Slider AREA START ===================== -->


    <!-- =================== SERVICE AREA START ===================== -->
    <section class="tab__area">
        {% if backendLoggedIn and editMode %}
            <a style="position:relative;top:0;left:0;border-radius:0;z-index:10000000;width:150px;" class="btn btn-success btn-sm" href="{{ url('/') }}{{ backendUri }}/webmors/webconfig/pagesuser/update/1#primarytab-team" role="button" target="_blank">Edit Services</a>
        {% endif %}
        <div class="container">
        <h1>{{ record.home_about_title }}</h1>
        <div class="row">
        {% for service in record.about_repeater %}
            <div class="col-md-4" style="text-align: center;">
                <img src="{{ service.photo|media }}" alt="{{ service.title }} - {{ service.job }}" noresize style="height: 225px">
                <h2 style="font-size: 20px">{{ service.title }}</h2>
                <h3 style="font-size: 20px">{{ service.text|raw }}</h3>
            </div>
        {% endfor %}
        </div>
        </div>
    </section>
</div>