<?php
/* Smarty version 4.5.5, created on 2026-07-01 16:05:08
  from 'tpl_body:31' */

/* @var Smarty_Internal_Template $_smarty_tpl */
if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
  'version' => '4.5.5',
  'unifunc' => 'content_6a4572f4cc4f79_19941940',
  'has_nocache_code' => false,
  'file_dependency' => 
  array (
    '80842882a27ae59cf6219909d3b41240ec259d78' => 
    array (
      0 => 'tpl_body:31',
      1 => 1782936305,
      2 => 'tpl_body',
    ),
  ),
  'includes' => 
  array (
  ),
),false)) {
function content_6a4572f4cc4f79_19941940 (Smarty_Internal_Template $_smarty_tpl) {
$_smarty_tpl->_loadInheritance();
$_smarty_tpl->inheritance->init($_smarty_tpl, true);
if ($_GET['res']) {?>
    
<?php } else { ?>
    
<?php }?>



<?php 
$_smarty_tpl->inheritance->instanceBlock($_smarty_tpl, 'Block_865598626a4572f4ca2552_20720755', 'content');
$_smarty_tpl->inheritance->endChild($_smarty_tpl, 'cms_template:csm master');
}
/* {block 'content'} */
class Block_865598626a4572f4ca2552_20720755 extends Smarty_Internal_Block
{
public $subBlocks = array (
  'content' => 
  array (
    0 => 'Block_865598626a4572f4ca2552_20720755',
  ),
);
public function callBlock(Smarty_Internal_Template $_smarty_tpl) {
$_smarty_tpl->_checkPlugins(array(0=>array('file'=>'/home/csmtrave/public_html/cmss/lib/plugins/function.uploads_url.php','function'=>'smarty_function_uploads_url',),1=>array('file'=>'/home/csmtrave/public_html/cmss/lib/smarty/plugins/modifier.replace.php','function'=>'smarty_modifier_replace',),2=>array('file'=>'/home/csmtrave/public_html/cmss/lib/smarty/plugins/modifier.regex_replace.php','function'=>'smarty_modifier_regex_replace',),3=>array('file'=>'/home/csmtrave/public_html/cmss/lib/smarty/plugins/modifier.explode.php','function'=>'smarty_modifier_explode',),));
?>




    <!-- breadcrumb area start -->
    <!-- rts breadcrumb area start -->
    <?php if (empty($_smarty_tpl->tpl_vars['item']->value->image)) {?>
   <div class="rts-breadcrumb-area one" data-bg-src="https://www.csmtravel.com/cmss/uploads/csm/assets/images/breadcrumb/01.webp">
<?php } else { ?>
   <div class="rts-breadcrumb-area one" data-bg-src="<?php echo smarty_function_uploads_url(array(),$_smarty_tpl);?>
/<?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['item']->value->image,' ','%20');?>
">
<?php }?>
        <div class="container h-100">
            <div class="breadcrumb-area-wrapper">
                <div class="nav-bread-crumb">
                    <a href="index.html">Home</a>
                    <span><i class="fa-regular fa-chevron-right"></i></span>
                    <a href="#" class="current">Packages</a>
                </div>
                <h1 class="title"></h1>
            </div>
        </div>
    </div>
    <!-- rts breadcrumb area end -->
    <!-- breadcrumb area end -->

    <div class="rts-tour-details-area pt--60 rts-section-gapBottom bg-white">
        <div class="container">
            <div class="bottom-content-area g-5 mt--50">
                <div class="left">
                    <div class="tour-details-wrapper content-box radius-10 border overflow-hidden">
                        <div class="tour-content">
                            <div class="left-content" style="max-width: 650px;">
                                <h4 class="title"><?php echo $_smarty_tpl->tpl_vars['item']->value->title;
echo $_smarty_tpl->tpl_vars['item']->value->subtitle;?>
</h4>

                                <ul class="meta-area">
                                    <li><i class="fa-regular fa-location-dot"></i> <?php echo $_smarty_tpl->tpl_vars['item']->value->destination;?>
</li>
                                    <li><i class="fa-light fa-users"></i> <?php echo $_smarty_tpl->tpl_vars['item']->value->trip_types;?>
</li>
                                    <li><i class="fa-solid fa-code-branch"></i> <?php echo $_smarty_tpl->tpl_vars['item']->value->package_code;?>
</li>
                                </ul>
                                <ul class="meta-area" style="margin-top: 10px;">
                                    <li><i class="fa-solid fa-chart-line"></i> <?php echo $_smarty_tpl->tpl_vars['item']->value->activity_level;?>
</li>
                                    <li><i class="fa-solid fa-plane"></i> <?php echo $_smarty_tpl->tpl_vars['item']->value->start;?>
</li>

                                </ul>
                                <ul class="meta-area" style="margin-top: 10px;">
                                    <li> <i class="fa-solid fa-route"></i> <?php echo $_smarty_tpl->tpl_vars['item']->value->route;?>
</li>


                                </ul>



                            </div>
                            <div class="right-content">
                                <div class="day-left">
                                    <h4><?php echo smarty_modifier_regex_replace($_smarty_tpl->tpl_vars['item']->value->duration,'/^(\d+).*/','$1');?>
</h4>
                                    <p>days</p>
                                </div>
                            </div>
                        </div>


                    </div>

                    <div class="content-box tour-details-tab-area radius-10 border overflow-hidden">
                        <ul class="nav nav-tabs border-bottom" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="overview-tab" data-bs-toggle="tab"
                                    data-bs-target="#overview" type="button" role="tab" aria-controls="overview"
                                    aria-selected="true">Overview</button>
                            </li>

                            <?php if (!empty($_smarty_tpl->tpl_vars['item']->value->package_details)) {?>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="itinerary-tab" data-bs-toggle="tab" data-bs-target="#itinerary"
                                        type="button" role="tab" aria-controls="itinerary" aria-selected="false">
                                        Itinerary
                                    </button>
                                </li>
                            <?php }?>



                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="location-tab" data-bs-toggle="tab" data-bs-target="#location"
                                    type="button" role="tab" aria-controls="location"
                                    aria-selected="false">Location</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="gallery-tab" data-bs-toggle="tab" data-bs-target="#gallery"
                                    type="button" role="tab" aria-controls="gallery" aria-selected="false">Gallery</button>
                            </li>
                        </ul>

                        <div class="tour-details-tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="overview" role="tabpanel"
                                aria-labelledby="overview-tab">
                                <div class="tab-content-inner">
                                    <div class="overview-area mb--60">
                                        <h5 class="title mb--15">Overview</h5>
                                        <p class="desc"><?php echo $_smarty_tpl->tpl_vars['item']->value->introduction;?>
</p>
                                    </div>
                                    <div class="highlight-area">
                                        <h5 class="title">Highlights:</h5>

                                        <style>
                                            .tour-inclusions ul {
                                                list-style: none;
                                                padding: 0;
                                                margin: 0;
                                            }

                                            .tour-inclusions li {
                                                position: relative;

                                                margin-bottom: 10px;
                                            }
                                        </style>

                                        <div class="tour-inclusions">
                                            <?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['item']->value->body,'<li>','<li><i class="fa-regular fa-check">&nbsp;&nbsp;  </i>  ');?>

                                        </div>


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

                            <div class="tab-pane fade" id="itinerary" role="tabpanel" aria-labelledby="itinerary-tab">
    <div class="tab-content-inner">
        <div class="itinerary-area">
            <div class="itinerary-header" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
                <h2 style="margin: 0;">Itinerary</h2>
                <div class="expand-toggle" style="display: flex; align-items: center;">
                    <span style="font-size: 14px; font-weight: 600; color: #666;">Expand all</span>
                    <label class="switch">
                        <input type="checkbox" id="expandAll" onclick="toggleAllItinerary()">
                        <span class="slider"></span>
                    </label>
                </div>
            </div>

            <div class="itinerary-list-container">
                                <?php $_smarty_tpl->_assignInScope('clean_details', trim(smarty_modifier_replace(smarty_modifier_replace($_smarty_tpl->tpl_vars['item']->value->package_details,'<ul>',''),'</ul>','')));?>
                <?php $_smarty_tpl->_assignInScope('li_items', smarty_modifier_explode("<li>",$_smarty_tpl->tpl_vars['clean_details']->value));?>
                <?php $_smarty_tpl->_assignInScope('itinerary_days', array());?>
                <?php
$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['li_items']->value, 'li');
$_smarty_tpl->tpl_vars['li']->do_else = true;
if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['li']->value) {
$_smarty_tpl->tpl_vars['li']->do_else = false;
?>
                    <?php $_smarty_tpl->_assignInScope('cleaned_li', trim(smarty_modifier_replace($_smarty_tpl->tpl_vars['li']->value,'</li>','')));?>
                    <?php if (!empty($_smarty_tpl->tpl_vars['cleaned_li']->value)) {
$_tmp_array = isset($_smarty_tpl->tpl_vars['itinerary_days']) ? $_smarty_tpl->tpl_vars['itinerary_days']->value : array();
if (!(is_array($_tmp_array) || $_tmp_array instanceof ArrayAccess)) {
settype($_tmp_array, 'array');
}
$_tmp_array[] = $_smarty_tpl->tpl_vars['cleaned_li']->value;
$_smarty_tpl->_assignInScope('itinerary_days', $_tmp_array);
}?>
                <?php
}
$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>

                <?php
$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['itinerary_days']->value, 'day_text', false, NULL, 'itinerary', array (
  'first' => true,
  'index' => true,
));
$_smarty_tpl->tpl_vars['day_text']->do_else = true;
if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['day_text']->value) {
$_smarty_tpl->tpl_vars['day_text']->do_else = false;
$_smarty_tpl->tpl_vars['__smarty_foreach_itinerary']->value['index']++;
$_smarty_tpl->tpl_vars['__smarty_foreach_itinerary']->value['first'] = !$_smarty_tpl->tpl_vars['__smarty_foreach_itinerary']->value['index'];
?>
                    <?php $_smarty_tpl->_assignInScope('parts', smarty_modifier_explode(":",$_smarty_tpl->tpl_vars['day_text']->value,2));?>
                    <?php $_smarty_tpl->_assignInScope('day_title', trim($_smarty_tpl->tpl_vars['parts']->value[0]));?>
                    <?php $_smarty_tpl->_assignInScope('day_content', trim($_smarty_tpl->tpl_vars['parts']->value[1]));?>
                    
                    <div class="itinerary-item <?php if ((isset($_smarty_tpl->tpl_vars['__smarty_foreach_itinerary']->value['first']) ? $_smarty_tpl->tpl_vars['__smarty_foreach_itinerary']->value['first'] : null)) {?>active<?php }?>">
                        <div class="icon-box">
                            <?php if ((isset($_smarty_tpl->tpl_vars['__smarty_foreach_itinerary']->value['first']) ? $_smarty_tpl->tpl_vars['__smarty_foreach_itinerary']->value['first'] : null)) {?>
                                <img src="<?php echo smarty_function_uploads_url(array(),$_smarty_tpl);?>
/csm/assets/images/trip/icon/14.svg" width="34">
                            <?php } else { ?>
                                <div class="blue-ring"></div>
                            <?php }?>
                        </div>

                        <button class="itinerary-title-btn" onclick="this.parentElement.classList.toggle('active')">
                            <?php echo $_smarty_tpl->tpl_vars['day_title']->value;?>

                        </button>

                        <div class="itinerary-content">
                            <p><?php echo $_smarty_tpl->tpl_vars['day_content']->value;?>
</p>
                        </div>
                    </div>
                <?php
}
$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
            </div>
        </div>
    </div>
</div>

<?php echo '<script'; ?>
>
function toggleAllItinerary() {
    const isChecked = document.getElementById('expandAll').checked;
    const items = document.querySelectorAll('.itinerary-item');
    items.forEach((item, index) => {
        if (isChecked) {
            item.classList.add('active');
        } else {
            // Collapse all except the first one
            if (index === 0) item.classList.add('active');
            else item.classList.remove('active');
        }
    });
}
<?php echo '</script'; ?>
>



                            <div class="tab-pane fade" id="location" role="tabpanel" aria-labelledby="location-tab">
                                <div class="tab-content-inner">
                                    <div class="highlight-area">
                                        <h5 class="title">Tour Map: <?php echo $_smarty_tpl->tpl_vars['item']->value->title;?>
</h5>

                                        <!-- 1. External Assets -->
                                        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
                                        <link rel="stylesheet"
                                            href="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.css" />
                                        <?php echo '<script'; ?>
 src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"><?php echo '</script'; ?>
>
                                        <?php echo '<script'; ?>

                                            src="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.js">
                                        <?php echo '</script'; ?>
>                                        
                                        <?php echo '<script'; ?>
 src="<?php echo smarty_function_uploads_url(array(),$_smarty_tpl);?>
/csm/assets/js/locations.js"><?php echo '</script'; ?>
>

                                        <div id="atlas-container">
                                            <div id="atlas-map"></div>
                                            <div class="map-branding-overlay">csmtravel.com</div>
                                        </div>

                                        <?php echo '<script'; ?>
>
                                            
                                                document.addEventListener('DOMContentLoaded', function() {
                                                    // 1. Database of coordinates (from your provided script)
                                                   

                                                    function boxesOverlap(a, b) {
                                                        return !(a.right < b.left || a.left > b.right || a.bottom < b
                                                            .top || a.top > b.bottom);
                                                    }

                                                    // 2. Map Initialization
                                                    const map = L.map('atlas-map', { attributionControl: false,
                                                        zoomSnap: 0.1, zoomControl: false, preferCanvas: true });
                                                    map.createPane("atlasPane").style.zIndex = 350;

                                                    L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', { crossOrigin: true }).addTo(map);

                                                    atlasLabels.forEach(l => {
                                                        L.marker([l.lat, l.lng], {
                                                            pane: "atlasPane",
                                                            interactive: false,
                                                            icon: L.divIcon({ className: l.cls, html: l
                                                                    .name, iconSize: [500, 50],
                                                                iconAnchor: [250, 25] })
                                                        }).addTo(map);
                                                    });

                                                    // 3. GET ROUTE FROM SMARTY
                                                
                                                const routeInput = "<?php echo strtr((string)$_smarty_tpl->tpl_vars['item']->value->route, array("\\" => "\\\\", "'" => "\\'", "\"" => "\\\"", "\r" => "\\r", 
                       "\n" => "\\n", "</" => "<\/", "<!--" => "<\!--", "<s" => "<\s", "<S" => "<\S",
                       "`" => "\\`", "\${" => "\\\$\{"));?>
";
                                                

                                                    const stops = routeInput.split(/[–—•>-]+/).map(s => s.trim())
                                                        .filter(Boolean);

                                                    const pts = stops.map(s => {
                                                        const normalized = s.toLowerCase();
                                                        const key = Object.keys(locationLookup).find(k => k
                                                            .toLowerCase() === normalized);
                                                        return key ? { name: key, lat: locationLookup[key][0],
                                                            lng: locationLookup[key][1] } : null;
                                                    }).filter(Boolean);

                                                    if (pts.length >= 2) {
                                                        const routeBounds = L.latLngBounds(pts.map(p => [p.lat, p
                                                        .lng]));
                                                        map.fitBounds(routeBounds.pad(0.35));

                                                        let pending = 0;
                                                        pts.forEach((pt, i) => {
                                                            if (i === pts.length - 1) return;
                                                            const start = pt,
                                                                end = pts[i + 1];
                                                            const isFerry = ferryPairs.some(p => (p[0]
                                                                .toLowerCase() === start.name
                                                                .toLowerCase() && p[1].toLowerCase() ===
                                                                end.name.toLowerCase()));

                                                            if (isFerry) {
                                                                L.polyline([
                                                                        [start.lat, start.lng],
                                                                        [end.lat, end.lng]
                                                                    ], { color: "#2a82c9", weight: 4,
                                                                        dashArray: "8, 12", opacity: 0.9 })
                                                                    .addTo(map);
                                                            } else {
                                                                pending++;
                                                                L.Routing.control({
                                                                    waypoints: [L.latLng(start.lat,
                                                                        start.lng), L.latLng(end
                                                                        .lat, end.lng)],
                                                                    router: L.Routing
                                                                .osrmv1({ serviceUrl: "https://router.project-osrm.org/route/v1" }),
                                                                    createMarker: () => null,
                                                                    lineOptions: { styles: [
                                                                        { color: "#2a82c9",
                                                                            opacity: 0.8,
                                                                            weight: 5 }] },
                                                                    fitSelectedRoutes: false
                                                                }).on('routesfound', () => {
                                                                    pending--;
                                                                    if (pending === 0) placeCityLabels(
                                                                        map, pts);
                                                                }).on('routingerror', () => {
                                                                    pending--;
                                                                    if (pending === 0) placeCityLabels(
                                                                        map, pts);
                                                                }).addTo(map);
                                                            }
                                                        });
                                                        if (pending === 0) placeCityLabels(map, pts);
                                                    }

                                                    function placeCityLabels(map, pts) {
                                                        const placedBoxes = [];
                                                        const renderedNames = new Set();
                                                        pts.forEach(pt => {
                                                            if (renderedNames.has(pt.name)) return;
                                                            renderedNames.add(pt.name);
                                                            const point = map.latLngToContainerPoint([pt.lat, pt
                                                                .lng
                                                            ]);
                                                            const width = pt.name.length * 9;
                                                            const topBox = { left: point.x - width / 2,
                                                                right: point.x + width / 2, top: point.y -
                                                                    25, bottom: point.y - 5 };
                                                            let cls = "pos-top";
                                                            if (placedBoxes.some(b => boxesOverlap(b,
                                                                topBox))) {
                                                                cls = "pos-bottom";
                                                                placedBoxes.push({ left: point.x - width / 2,
                                                                    right: point.x + width / 2,
                                                                    top: point.y + 5, bottom: point.y +
                                                                        25 });
                                                            } else { placedBoxes.push(topBox); }
                                                            L.marker([pt.lat, pt.lng], {
                                                                interactive: false,
                                                                icon: L.divIcon({
                                                                    className: "city-label-container",
                                                                    html: `<div class="city-dot"></div><div class="city-text ${cls}">${pt.name}</div>`, 
                                                                    iconSize: [0, 0]
                                                                })
                                                            }).addTo(map);
                                                        });
                                                    }

                                                    // 4. Tab Visibility Fix
                                                    var tabEl = document.querySelector('#location-tab');
                                                    if (tabEl) {
                                                        tabEl.addEventListener('shown.bs.tab', function() {
                                                            map.invalidateSize();
                                                            if (pts.length >= 2) {
                                                                map.fitBounds(L.latLngBounds(pts.map(p => [p
                                                                    .lat, p.lng
                                                                ])).pad(0.35));
                                                            }
                                                        });
                                                    }
                                                });
                                            
                                        <?php echo '</script'; ?>
>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="gallery" role="tabpanel" aria-labelledby="gallery-tab">
                                <div class="tab-content-inner">

                                    <div class="highlight-area">
                                        <h5 class="title">Gallery</h5>

                                        <style>
                                            .gallery-wrapper .hover-image {
                                                width: 100%;
                                                height: 250px;
                                                object-fit: cover;
                                                display: block;
                                            }

                                            .mfp-counter {
                                                display: none !important;
                                            }

                                            /* Added a small style helper for your text captions */
                                            .gallery-caption {
                                                display: block;
                                                margin-top: 8px;
                                                font-size: 14px;
                                                color: #333;
                                                text-align: center;
                                                font-weight: 500;
                                                text-transform: capitalize;
                                                /* Optional: Capitalizes the first letter of each word */
                                            }
                                        </style>

                                        <?php $_smarty_tpl->_assignInScope('img1', trim($_smarty_tpl->tpl_vars['item']->value->fielddefs['gallery1']['value']));?>
                                        <?php $_smarty_tpl->_assignInScope('img2', trim($_smarty_tpl->tpl_vars['item']->value->fielddefs['gallery2']['value']));?>
                                        <?php $_smarty_tpl->_assignInScope('img3', trim($_smarty_tpl->tpl_vars['item']->value->fielddefs['gallery3']['value']));?>
                                        <?php $_smarty_tpl->_assignInScope('img4', trim($_smarty_tpl->tpl_vars['item']->value->fielddefs['gallery4']['value']));?>
                                        <?php $_smarty_tpl->_assignInScope('img5', trim($_smarty_tpl->tpl_vars['item']->value->fielddefs['gallery5']['value']));?>

                                        <?php if ($_smarty_tpl->tpl_vars['img1']->value != '' || $_smarty_tpl->tpl_vars['img2']->value != '' || $_smarty_tpl->tpl_vars['img3']->value != '' || $_smarty_tpl->tpl_vars['img4']->value != '' || $_smarty_tpl->tpl_vars['img5']->value != '') {?>
                                            <div class="row">
                                                <?php $_smarty_tpl->_assignInScope('my_gallery', array($_smarty_tpl->tpl_vars['img1']->value,$_smarty_tpl->tpl_vars['img2']->value,$_smarty_tpl->tpl_vars['img3']->value,$_smarty_tpl->tpl_vars['img4']->value,$_smarty_tpl->tpl_vars['img5']->value));?>

                                                <?php
$_from = $_smarty_tpl->smarty->ext->_foreach->init($_smarty_tpl, $_smarty_tpl->tpl_vars['my_gallery']->value, 'img', false, NULL, 'galleryLoop', array (
  'index' => true,
));
$_smarty_tpl->tpl_vars['img']->do_else = true;
if ($_from !== null) foreach ($_from as $_smarty_tpl->tpl_vars['img']->value) {
$_smarty_tpl->tpl_vars['img']->do_else = false;
$_smarty_tpl->tpl_vars['__smarty_foreach_galleryLoop']->value['index']++;
?>
                                                    <?php if ($_smarty_tpl->tpl_vars['img']->value != '') {?>
                                                                                                                <?php $_smarty_tpl->_assignInScope('cleanName', smarty_modifier_replace(smarty_modifier_replace(smarty_modifier_regex_replace(smarty_modifier_regex_replace($_smarty_tpl->tpl_vars['img']->value,'/.*\//',''),'/\.[^.]+$/',''),'_',' '),'-',' '));?>

                                                        <div class="col-lg-3 col-md-4 col-sm-6 col-6 mb--30">
                                                            <div class="gallery-wrapper with-icon wow scaleIn"
                                                                data-wow-delay="<?php echo (isset($_smarty_tpl->tpl_vars['__smarty_foreach_galleryLoop']->value['index']) ? $_smarty_tpl->tpl_vars['__smarty_foreach_galleryLoop']->value['index'] : null)*0.2;?>
s">

                                                                <a href="<?php echo smarty_function_uploads_url(array(),$_smarty_tpl);?>
/<?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['img']->value,' ','%20');?>
" title="<?php echo $_smarty_tpl->tpl_vars['cleanName']->value;?>
"
                                                                    class="gallery-image image-transform">
                                                                    <img class="hover-image"
                                                                        src="<?php echo smarty_function_uploads_url(array(),$_smarty_tpl);?>
/<?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['img']->value,' ','%20');?>
" alt="<?php echo $_smarty_tpl->tpl_vars['cleanName']->value;?>
">
                                                                    <span class="icon">
                                                                        <img src="assets/images/gallery/insta.svg" alt="">
                                                                    </span>
                                                                </a>

                                                                                                                                <span class="gallery-caption">

                                                                </span>

                                                            </div>
                                                        </div>
                                                    <?php }?>
                                                <?php
}
$_smarty_tpl->smarty->ext->_foreach->restore($_smarty_tpl, 1);?>
                                            </div>
                                        <?php }?>
                                    </div>
                                </div>
                            </div>
                        </div>                     </div> 
                    <div class="contact-area content-box radius-10 border overflow-hidden">





                        <div class="row g-24">
                            <div class="col-lg-12">
                                <a href="mailto:sales@example.com?subject=CSM Website %20Enquiry%20-%20<?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['item']->value->title,' ','%20');?>
&body=Hello%2C%0A%0AI%20am%20interested%20in%20booking%20the%20following%20package%3A%0A%0APackage%3A%20<?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['item']->value->title,' ','%20');?>
%0ACode%3A%20<?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['item']->value->package_code,' ','%20');?>
%0APrice%3A%20%24<?php echo $_smarty_tpl->tpl_vars['item']->value->starting_price;?>
%2F%20per%20person%0ADuration%3A%20<?php echo smarty_modifier_regex_replace($_smarty_tpl->tpl_vars['item']->value->duration,'/^(\d+).*/','$1');?>
%20days%0ARoute%3A%20<?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['item']->value->route,' ','%20');?>
%0A%0AI%20have%20the%20following%20questions%2Fadjustments%3A%0A%0A%0AThank%20you"
                                    style="text-decoration: none; width: 100%;">
                                    <button type="button" class="rts-btn btn-primary border" style="width: 100%;">
                                        Send Inquiry
                                    </button>
                                </a>
                            </div>
                        </div>



                    </div>
                </div>

                <div class="right">
                    <div class="sticky-top">
                        <div class="content-box radius-10 border overflow-hidden pricing-box">

                            <h5>$ <?php echo $_smarty_tpl->tpl_vars['item']->value->starting_price;?>
<span>/ per person</span></h5>

                            <div class="mid-area">

                                <style>
                                    /* 1. Reduce space between list items (li) */
                                    .tour-inclusions li {
                                        display: flex !important;
                                        align-items: flex-start !important;
                                        margin-bottom: 4px !important;
                                        /* Reduced from 10px to 4px */
                                        line-height: 1.3 !important;
                                        /* Slightly tighter line spacing */
                                    }

                                    /* 2. Reduce space under "Package includes" and "Package excludes" titles */
                                    .tour-inclusions h5,
                                    .tour-inclusions .title {
                                        margin-bottom: 5px !important;
                                        /* Tightens space under the heading */
                                    }

                                    /* 3. Reduce space for the list container itself */
                                    .tour-inclusions ul {
                                        list-style: none !important;
                                        padding: 0 !important;
                                        margin-top: 5px !important;
                                        /* Tightens gap between title/line and the first item */
                                        margin-bottom: 20px !important;
                                        /* Space before the next section starts */
                                    }

                                    /* 4. Icon alignment for tighter lines */
                                    .tour-inclusions li i {
                                        flex-shrink: 0 !important;
                                        margin-right: 8px !important;
                                        margin-top: 3px !important;
                                        /* Adjusted slightly for the new line-height */
                                        color: #0088cc;
                                        font-size: 14px !important;
                                    }

                                    .tour-inclusions p {
                                        font-size: var(--font-size-b2);
                                        line-height: var(--line-height-b2);
                                        font-weight: 500;
                                        color: var(--color-body-1);
                                        margin: 0 0 00px;
                                    }
                                </style>

                                <div class="tour-inclusions">
                                    <span style="margin-bottom: 27px>;">Travel dates</span>
                                    <?php echo $_smarty_tpl->tpl_vars['item']->value->departure_dates;?>
<br>
                                    <?php echo smarty_modifier_replace($_smarty_tpl->tpl_vars['item']->value->price_conditions,'<li>','<li><i class="fa-regular fa-check"></i>');?>

                                </div>
                            </div>
                            <?php if (!empty($_smarty_tpl->tpl_vars['item']->value->reslynx_url)) {?>
                                <a href="<?php echo $_smarty_tpl->tpl_vars['item']->value->reslynx_url;?>
" class="rts-btn btn-primary m-w-100 text-center border">Book
                                    online</a>
                            <?php }?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php
}
}
/* {/block 'content'} */
}
