{"id":7635,"date":"2022-09-04T01:36:11","date_gmt":"2022-09-04T01:36:11","guid":{"rendered":"https:\/\/sunnyside.disintecsa.com\/?page_id=7635"},"modified":"2026-08-07T12:19:43","modified_gmt":"2026-08-07T18:19:43","slug":"convenciones","status":"publish","type":"page","link":"https:\/\/sunnyside.com.mx\/es\/convenciones\/","title":{"rendered":"Convenciones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7635\" class=\"elementor elementor-7635\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b6fca2 elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b6fca2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6c95b0d\" data-id=\"6c95b0d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f79dfa elementor-widget__width-auto logo elementor-widget-mobile__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"3f79dfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sunnyside.com.mx\/es\">\n\t\t\t<img decoding=\"async\" width=\"173\" height=\"41\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/08\/SunnySide-logo.png\" class=\"attachment-large size-large wp-image-7226\" alt=\"\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-eb3ef7c\" data-id=\"eb3ef7c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ac284c0 elementor-widget elementor-widget-html\" data-id=\"ac284c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Men\u00fa m\u00f3vil 3 columnas estilo header Sunnyside -->\r\n<section class=\"menu-3-columnas-movil\" id=\"menu-movil\">\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/all-tours\/\" class=\"menu-link\">TOURS<\/a>\r\n  <\/div>\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/traslados\/\" class=\"menu-link nowrap-link\">TRANSPORTATION<\/a>\r\n  <\/div>\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/convenciones\/\" class=\"menu-link\">MEETINGS & EVENTS<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.menu-3-columnas-movil {\r\n  display: flex;\r\n  justify-content: space-between; \/* Distribuye columnas uniformemente *\/\r\n  padding: 10px 5px;\r\n  background: transparent;       \/* Fondo inicial transparente *\/\r\n  position: relative;           \/* Respeta flujo *\/\r\n  width: 100%;\r\n  transition: background-color 0.3s ease, box-shadow 0.3s ease;\r\n  text-align: center;\r\n  flex-wrap: nowrap; \/* No permitir que salten a otro rengl\u00f3n *\/\r\n}\r\n\r\n\/* Fondo y sombra al hacer scroll *\/\r\n.menu-3-columnas-movil.scrolled {\r\n  background-color: #fff;\r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n}\r\n\r\n.menu-columna {\r\n  flex: 1; \/* Cada columna ocupa el mismo ancho *\/\r\n  text-align: center;\r\n  margin: 0 5px;\r\n}\r\n\r\n\/* Links *\/\r\n.menu-link {\r\n  text-decoration: none;\r\n  color: #000;\r\n  font-weight: 600;\r\n  font-size: 14px; \/* M\u00e1s peque\u00f1a para que quepa en un rengl\u00f3n *\/\r\n  display: block;\r\n  padding: 6px 0;\r\n  transition: color 0.3s ease;\r\n  line-height: 1.2;\r\n}\r\n\r\n.menu-link:hover {\r\n  color: #2a6ebb;\r\n}\r\n\r\n\/* TRANSPORTATION nunca se divide *\/\r\n.nowrap-link {\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Responsive: ajustar texto en pantallas muy peque\u00f1as *\/\r\n@media (max-width: 360px) {\r\n  .menu-link {\r\n    font-size: 12px; \/* Reducir a\u00fan m\u00e1s si es necesario *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ JS para cambiar fondo al hacer scroll\r\nconst menu = document.getElementById('menu-movil');\r\n\r\nwindow.addEventListener('scroll', () => {\r\n  if(window.scrollY > 50){\r\n    menu.classList.add('scrolled');\r\n  } else {\r\n    menu.classList.remove('scrolled');\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7b6e527\" data-id=\"7b6e527\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ccae8d elementor-widget-mobile__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"5ccae8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff;--bg-hover:#0000000d;--text:#143852;--text-hover:#1d2327;--border:1px solid #1438521a;--border-width:1px;--border-color:#1438521a;--border-radius:5px;--flag-radius:2px;--flag-size:20px;--aspect-ratio:4\/3;--font-size:16px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"click\">\r\n\r\n    \r\n        <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-click\"\r\n             aria-hidden=\"true\"\r\n             inert\r\n             data-no-translation>\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <a class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation href=\"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635#TRPLINKPROCESSED\" title=\"Espa\u00f1ol de M\u00e9xico\"><img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/es_MX.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">Espa\u00f1ol de M\u00e9xico<\/span><\/a>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n            <\/div>\r\n\r\n        <!-- OVERLAY (positioned; interactive surface) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-click\"\r\n             role=\"navigation\"\r\n             aria-label=\"Website language selector\"\r\n             data-no-translation\r\n        >\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <div class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"Change language\" aria-controls=\"trp-shortcode-dropdown-6a8022e63e721\"><img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/es_MX.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">Espa\u00f1ol de M\u00e9xico<\/span><\/div>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n    \r\n            <div class=\"trp-switcher-dropdown-list\"\r\n                 id=\"trp-shortcode-dropdown-6a8022e63e721\"\r\n                 role=\"group\"\r\n                 aria-label=\"Available languages\"\r\n                 hidden\r\n                 inert\r\n            >\r\n                                                            <a class=\"trp-language-item\" href=\"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635#TRPLINKPROCESSED\" title=\"English\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>English<\/span>\r\n                                                                                <\/a>\r\n                                                <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-9b9a632 elementor-section-content-middle elementor-section-stretched elementor-section-height-min-height elementor-hidden-tablet elementor-hidden-phone sticky-header elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"9b9a632\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;],&quot;sticky_effects_offset&quot;:120,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-503e4e7\" data-id=\"503e4e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e27d732 elementor-widget__width-auto elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e27d732\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0a3033c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"0a3033c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c48fa24\" data-id=\"c48fa24\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ace8e26 elementor-widget elementor-widget-spacer\" data-id=\"ace8e26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-265bf38 elementor-widget elementor-widget-html\" data-id=\"265bf38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HERO SECTION -->\r\n<section class=\"ss-hero\">\r\n\r\n  <div class=\"ss-overlay\"><\/div>\r\n\r\n  <div class=\"ss-content\">\r\n\r\n    <h1>\r\n      MEETINGS AND EVENTS<br>\r\n      <span>\r\n        We offer tailored transport solutions for groups of any size. Let us help you plan your next event.\r\n      <\/span>\r\n    <\/h1>\r\n\r\n    <p><\/p>\r\n\r\n    <!-- BOT\u00d3N -->\r\n    <a href=\"#grupoForm\" class=\"ss-cta-btn\">\r\n      GET A QUOTE\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\nhtml{\r\n  scroll-behavior:smooth;\r\n}\r\n\r\n\/* HERO *\/\r\n.ss-hero{\r\n  position:relative;\r\n  width:100%;\r\n  height:55vh;\r\n  display:flex;\r\n  border-radius:25px;\r\n  \r\n  align-items:center;\r\n  padding:0 7%;\r\n  background:url('https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/marwen-larafa-_96edJ8IVC4-unsplash-scaled.jpg')\r\n  center \/ COVER no-repeat;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.ss-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(\r\n    90deg,\r\n    rgba(0,0,0,.25),\r\n    rgba(0,0,0,.25),\r\n    rgba(0,0,0,.25)\r\n  );\r\n}\r\n\r\n\/* CONTENT *\/\r\n.ss-content{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:700px;\r\n}\r\n\r\n\/* TITLE WHITE *\/\r\n.ss-content h1{\r\n  font-size:clamp(42px,3vw,60px);\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  margin-bottom:50px;\r\n  color:#ffffff; \/* \u2705 FIX *\/\r\n}\r\n\r\n.ss-content h1 span{\r\n  display:block;\r\n  margin-top:12px;\r\n  font-size:clamp(28px,2vw,20px);\r\n  color:#FFC400; \/* \u2705 FIX *\/\r\n  opacity:0.8;\r\n}\r\n\r\n\/* BUTTON WHITE *\/\r\n.ss-cta-btn{\r\n  display:inline-flex;\r\n  padding:14px 26px;\r\n\r\n  background:#ffffff;   \/* \u2705 WHITE BUTTON *\/\r\n  color:#0B1F3A;\r\n\r\n  font-weight:800;\r\n  text-decoration:none;\r\n\r\n  border-radius:999px;\r\n\r\n  transition:.3s ease;\r\n\r\n  box-shadow:0 12px 25px rgba(0,0,0,.25);\r\n}\r\n\r\n.ss-cta-btn:hover{\r\n  transform:translateY(-3px);\r\n  background:#f2f2f2; \/* soft hover *\/\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n  .ss-hero{\r\n    height:85vh;\r\n    padding:0 10px;\r\n    align-items:flex-end;\r\n    padding-bottom:40px;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5456ca5 elementor-widget elementor-widget-html\" data-id=\"5456ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"dmc-diff\">\r\n\r\n  <div class=\"dmc-diff-header\">\r\n    <h2>DMC EXCELLENCE THAT LEAVES A MARK<\/h2>\r\n    <p>\r\n      We combine flawless logistics, in-depth destination knowledge, and meticulous attention to every detail to transform perfectly executed events into memorable experiences that exceed all expectations.\r\n    <\/p>\r\n    <span>THE SUNNYSIDE DIFFERENCE IN CONVENTIONS & EVENTS<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"dmc-diff-grid\">\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83d\udd8a\ufe0f<\/div>\r\n      <h4>Event Customization<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83d\ude90<\/div>\r\n      <h4>Transport Options<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83d\udee1\ufe0f<\/div>\r\n      <h4>Highest Safety Standards<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83e\udded<\/div>\r\n      <h4>Tailor-Made Excursions<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83d\udc65<\/div>\r\n      <h4>Specialized Customer Service<\/h4>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ===== CONTENEDOR ===== *\/\r\n.dmc-diff{\r\n  background:#FFFF;\r\n  color:#66666666;\r\n  padding:60px 5%;\r\n  text-align:center;\r\n}\r\n\r\n\/* HEADER *\/\r\n.dmc-diff-header h2{\r\n  font-size:clamp(24px,4vw,34px);\r\n  margin-bottom:15px;\r\n  color:#202F59;\r\n}\r\n\r\n.dmc-diff-header p{\r\n  color:#9ca3af;\r\n  max-width:800px;\r\n  margin:0 auto 20px;\r\n  line-height:1.6;\r\n}\r\n\r\n.dmc-diff-header span{\r\n  display:inline-block;\r\n  margin-top:10px;\r\n  padding:8px 20px;\r\n  border-radius:30px;\r\n  background:#202F59;\r\n  color:#fff;\r\n  font-size:14px;\r\n  letter-spacing:1px;\r\n}\r\n\r\n\/* GRID *\/\r\n.dmc-diff-grid{\r\n  margin-top:40px;\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  gap:20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.dmc-diff-card{\r\n  background:rgba(255,255,255,0.05);\r\n  border:1px solid rgba(255,255,255,0.08);\r\n  border-radius:14px;\r\n  padding:25px 15px;\r\n\r\n  backdrop-filter: blur(8px);\r\n\r\n  transition:0.3s;\r\n}\r\n\r\n\/* HOVER *\/\r\n.dmc-diff-card:hover{\r\n  transform:translateY(-6px);\r\n  border-color:#202F59;\r\n}\r\n\r\n\/* ICON *\/\r\n.dmc-diff-card .icon{\r\n  font-size:40px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.dmc-diff-card h4{\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:#e5;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1100px){\r\n  .dmc-diff-grid{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n}\r\n\r\n@media(max-width:768px){\r\n  .dmc-diff-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n}\r\n\r\n@media(max-width:480px){\r\n  .dmc-diff-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aae923f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"aae923f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d97d11f\" data-id=\"d97d11f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af1681d elementor-widget elementor-widget-html\" data-id=\"af1681d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n\r\n\/* ===== AISLADO ===== *\/\r\n.dmc-gallery, .dmc-gallery *{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.dmc-gallery{\r\n  background:#FFFFF;\r\n  padding:50px 5%;\r\n}\r\n\r\n\/* GRID *\/\r\n.dmc-gallery-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3, 1fr);\r\n  gap:20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.dmc-gallery-card{\r\n  position:relative;\r\n  height:220px;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* IMAGEN *\/\r\n.dmc-gallery-card img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:0.4s ease;\r\n}\r\n\r\n\/* HOVER *\/\r\n.dmc-gallery-card:hover img{\r\n  transform:scale(1.08);\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.dmc-gallery-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);\r\n}\r\n\r\n\/* TEXTO *\/\r\n.dmc-gallery-content{\r\n  position:absolute;\r\n  bottom:20px;\r\n  left:20px;\r\n  z-index:2;\r\n}\r\n\r\n.dmc-gallery-content h3{\r\n  color:#ffffff;\r\n  font-size:1.1rem;\r\n  text-shadow:0 2px 10px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n  .dmc-gallery-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dmc-gallery\">\r\n\r\n  <div class=\"dmc-gallery-grid\">\r\n\r\n    <!-- CARD 1 -->\r\n    <div class=\"dmc-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Aventura-sobre-el-mar-scaled.jpg\">\r\n      <div class=\"dmc-gallery-content\">\r\n        <h3>Tailor-Made Tours<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 2 -->\r\n    <div class=\"dmc-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Sunny_Aeropuerto_039-scaled.jpg\">\r\n      <div class=\"dmc-gallery-content\">\r\n        <h3>Dedicated Attention<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 3 -->\r\n    <div class=\"dmc-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/DSC_0023-scaled.jpg\">\r\n      <div class=\"dmc-gallery-content\">\r\n        <h3>Wide Range of Transportation<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-953f55b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"953f55b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bb27b1\" data-id=\"6bb27b1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-48c7f77 elementor-widget elementor-widget-spacer\" data-id=\"48c7f77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bbc393 elementor-widget elementor-widget-html\" data-id=\"1bbc393\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n\r\n\/* ===== AISLAMIENTO TOTAL ===== *\/\r\n.dmc-section, \r\n.dmc-section *{\r\n  box-sizing:border-box !important;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.dmc-section{\r\n  width:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  padding:40px 15px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* WRAPPER *\/\r\n.dmc-title{\r\n  width:100%;\r\n  max-width:900px;\r\n  text-align:center;\r\n}\r\n\r\n\/* LABEL (SPAN MODIFICADO) *\/\r\n.dmc-title span{\r\n  display:inline-block;\r\n  padding:10px 24px;\r\n\r\n  background:#202F59; \/* \ud83d\udd25 COLOR SOLIDO *\/\r\n  border:none; \/* opcional quitar borde *\/\r\n  border-radius:50px;\r\n\r\n  color:#ffffff !important; \/* \ud83d\udd25 TEXTO BLANCO *\/\r\n\r\n  font-size:clamp(18px,4vw,28px) !important;\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  max-width:100%;\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.dmc-title p{\r\n  margin:0 auto;\r\n\r\n  font-size:clamp(15px,3.5vw,16px) !important;\r\n  line-height:1.5;\r\n\r\n  color:#475569 !important;\r\n\r\n  max-width:700px;\r\n\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:480px){\r\n\r\n  .dmc-title span{\r\n    padding:8px 16px;\r\n  }\r\n\r\n  .dmc-title p{\r\n    font-size:15px !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dmc-section\">\r\n\r\n  <div class=\"dmc-title\">\r\n\r\n    <span> EXPERTS IN CREATING MEMORABLE EXPERIENCES<\/span>\r\n\r\n    <p>\r\n        We turn every moment into lasting memories. Our team combines creativity, passion, and experience to ensure every detail of your event shines, creating unique experiences your guests will never forget.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84772df elementor-widget elementor-widget-html\" data-id=\"84772df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n\r\n\/* ===== AISLAMIENTO TOTAL ===== *\/\r\n.dmc-exp, .dmc-exp *{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box !important;\r\n  font-family: Arial, sans-serif !important;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.dmc-exp{\r\n  background:#FFFF;\r\n  color:#fFFf;\r\n  padding:60px 5%;\r\n  width:100%;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* HERO *\/\r\n.dmc-exp .hero{\r\n  position:relative;\r\n  height:400px;\r\n  border-radius:18px;\r\n  overflow:hidden;\r\n  margin-bottom:30px;\r\n}\r\n\r\n.dmc-exp .hero img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n.dmc-exp .hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  \r\n  background:linear-gradient(to right, rgba(0,0,0,0.1), transparent);\r\n}\r\n\r\n.dmc-exp .hero-content{\r\n  position:absolute;\r\n  left:40px;\r\n  bottom:40px;\r\n  z-index:2;\r\n}\r\n\r\n.dmc-exp \/* HERO *\/\r\n.hero h1{\r\n  color:#ffffff !important;\r\n  text-shadow: 0 4px 20px rgba(0,0,0,0.6);\r\n}\r\n\r\n.hero p{\r\n  color:#e5e7eb !important;\r\n}\r\n\r\n\/* CARDS TITLES *\/\r\n.card h3{\r\n  color:#ffffff !important;\r\n  text-shadow: 0 2px 10px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* CARDS TEXT *\/\r\n.card p{\r\n  color:#d1d5db !important;\r\n}\r\n\r\n\/* BOT\u00d3N *\/\r\n.btn-request{\r\n  color:#ffffff !important;\r\n}\r\n\/* GRID *\/\r\n.dmc-exp .grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:20px;\r\n}\r\n\r\n\/* CARDS *\/\r\n.dmc-exp .card{\r\n  position:relative;\r\n  height:220px;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n}\r\n\r\n.dmc-exp .card img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:0.4s;\r\n}\r\n\r\n.dmc-exp .card:hover img{\r\n  transform:scale(1.08);\r\n}\r\n\r\n.dmc-exp .card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to top, rgba(0,0,0,0.77), transparent);\r\n}\r\n\r\n.dmc-exp .card-content{\r\n  position:absolute;\r\n  bottom:20px;\r\n  left:20px;\r\n  z-index:2;\r\n}\r\n\r\n.dmc-exp .card h3{\r\n  font-size:1.1rem;\r\n}\r\n\r\n.dmc-exp .card p{\r\n  font-size:0.85rem;\r\n  opacity:0.8;\r\n  margin-top:5px;\r\n}\r\n\r\n\/* BOT\u00d3N *\/\r\n.dmc-exp .btn-request{\r\n  display:inline-block;\r\n  margin-top:10px;\r\n  padding:6px 14px;\r\n  font-size:0.8rem;\r\n  font-weight:600;\r\n  color:#fff !important;\r\n  background:#202F59 !important;\r\n  border-radius:20px;\r\n  text-decoration:none;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n  .dmc-exp .grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dmc-exp\">\r\n\r\n  <!-- HERO -->\r\n  <div class=\"hero\">\r\n    <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-81.png\">\r\n          <div class=\"card-content\">\r\n        <h1>Team Building<\/h1>\r\n        <p>Engaging group activities<\/p>\r\n      <\/div>\r\n    <\/div>\r\n   \r\n\r\n  <!-- GRID -->\r\n  <div class=\"grid\">\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/pexels-david-bartus-43782-844928-scaled.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>High-end Audiovisual Team<\/h3>\r\n        <p>Ensures flawless production<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/pexels-caleboquendo-11329861-2-scaled.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Meetings<\/h3>\r\n        <p>Large-scale flawless events<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Spa-2-scaled.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Wellness Programs<\/h3>\r\n        <p>Relaxing premium experiences<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/FOTOS-SHOWS-3.jpeg\">\r\n      <div class=\"card-content\">\r\n        <h3>Themed Parties<\/h3>\r\n        <p>Creative & immersive concepts<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- GROUP TRANSFERS -->\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/123.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Group Transfers<\/h3>\r\n        <p>Comfortable & seamless transportation<\/p>\r\n        <a href=\"#contact-form\" class=\"btn-request\">Request<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Grupo-34-scaled.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Reward Travel  Experiences<\/h3>\r\n        <p>Tailor-made Itineraries<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/MUSICA.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Live Music<\/h3>\r\n        <p>High-end production<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/boda.png\">\r\n      <div class=\"card-content\">\r\n        <h3>Weddings<\/h3>\r\n        <p>Luxury destination weddings<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-12-123532.png\">\r\n<div class=\"hero-content\">\r\n      <h3>Beachfront Gala Dinner<\/h3>\r\n      <p>An unforgettable luxury experience in Ixtapa Island<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f50f3dc elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"f50f3dc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-44ef609\" data-id=\"44ef609\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef089c8 elementor-widget elementor-widget-html\" data-id=\"ef089c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SUNNYSIDE DMC - GROUP TRANSFER\r\n     Premium Editorial Design\r\n     Elementor \/ WordPress\r\n========================================================= -->\r\n\r\n<section id=\"ss-group-transfer\">\r\n\r\n  <div class=\"ss-gt-shell\">\r\n\r\n    <!-- =====================================================\r\n         LEFT VISUAL\r\n    ====================================================== -->\r\n    <div class=\"ss-gt-visual\">\r\n\r\n      <div class=\"ss-gt-photo-bg\"><\/div>\r\n\r\n      <div class=\"ss-gt-bus-wrap\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-27-jul-2026-04_39_14-p.m-3.png\"\r\n          alt=\"Sunnyside DMC Group Transfer\"\r\n          class=\"ss-gt-bus\"\r\n        >\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT CONTENT\r\n    ====================================================== -->\r\n    <div class=\"ss-gt-content\">\r\n\r\n      <div class=\"ss-gt-top-icon\">\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"9\" cy=\"7\" r=\"3\"><\/circle>\r\n          <circle cx=\"17\" cy=\"8\" r=\"2\"><\/circle>\r\n          <path d=\"M3 20v-2c0-3 2.5-5 6-5s6 2 6 5v2\"><\/path>\r\n          <path d=\"M15 14c3 0 5 2 5 5v1\"><\/path>\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n      <span class=\"ss-gt-eyebrow\">\r\n        SEAMLESS TRAVEL, TOGETHER\r\n      <\/span>\r\n\r\n      <h2>\r\n        Group Transfer\r\n      <\/h2>\r\n\r\n      <div class=\"ss-gt-line\"><\/div>\r\n\r\n      <p class=\"ss-gt-description\">\r\n        We make it easy. Whether it\u2019s a wedding, an incentive trip, a family reunion,\r\n        or a conference, at Sunnyside DMC we offer spacious and comfortable vehicles\r\n        from executive vans to fully equipped buses to transport your group safely,\r\n        punctually, and efficiently. Our logistics team ensures everyone arrives\r\n        together, on time, and without hassle. We specialize in moving groups with\r\n        both efficiency and care, because we understand that every transfer is part\r\n        of an experience that should flow stress-free.\r\n      <\/p>\r\n\r\n\r\n      <!-- ===================================================\r\n           MAILTO BUTTON\r\n      ==================================================== -->\r\n      <a\r\n        class=\"ss-gt-button\"\r\n        href=\"mailto:enrique@sunnyside.com.mx,gerencia@sunnyside.com.mx?subject=Group%20Transfer%20Request%20-%20Sunnyside%20DMC&body=Hello%2C%0A%0AI%20would%20like%20to%20request%20information%20and%20a%20quotation%20for%20Group%20Transfer%20services.%0A%0APlease%20contact%20me%20with%20the%20available%20options.%0A%0AThank%20you.\"\r\n      >\r\n        <span>Request This Service<\/span>\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h13\"><\/path>\r\n          <path d=\"m14 7 5 5-5 5\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         BENEFITS\r\n    ====================================================== -->\r\n    <div class=\"ss-gt-benefits\">\r\n\r\n      <!-- COMFORT -->\r\n      <div class=\"ss-gt-benefit\">\r\n\r\n        <div class=\"ss-gt-benefit-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <rect x=\"3\" y=\"8\" width=\"18\" height=\"9\" rx=\"2\"><\/rect>\r\n            <path d=\"M5 17v2M19 17v2\"><\/path>\r\n            <path d=\"M7 12h10\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>Spacious &amp; Comfortable<\/strong>\r\n          <span>From executive vans to full-size buses<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SAFE -->\r\n      <div class=\"ss-gt-benefit\">\r\n\r\n        <div class=\"ss-gt-benefit-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\"><\/path>\r\n            <path d=\"m9 12 2 2 4-4\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>Safe &amp; Reliable<\/strong>\r\n          <span>Punctual, secure, and professionally managed<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ON TIME -->\r\n      <div class=\"ss-gt-benefit\">\r\n\r\n        <div class=\"ss-gt-benefit-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <path d=\"M12 7v6l4 2\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>Always On Time<\/strong>\r\n          <span>Coordinated logistics that keep your group moving smoothly<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- GROUP -->\r\n      <div class=\"ss-gt-benefit\">\r\n\r\n        <div class=\"ss-gt-benefit-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"9\" cy=\"7\" r=\"3\"><\/circle>\r\n            <circle cx=\"17\" cy=\"8\" r=\"2\"><\/circle>\r\n            <path d=\"M3 20v-2c0-3 2.5-5 6-5s6 2 6 5v2\"><\/path>\r\n            <path d=\"M15 14c3 0 5 2 5 5v1\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>Group-Focused Care<\/strong>\r\n          <span>We ensure everyone arrives together, relaxed and stress-free<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DECORATIVE GROUP OUTLINE -->\r\n    <div class=\"ss-gt-group-outline\">\r\n\r\n      <svg viewBox=\"0 0 180 150\" aria-hidden=\"true\">\r\n        <circle cx=\"90\" cy=\"42\" r=\"23\"><\/circle>\r\n        <circle cx=\"45\" cy=\"58\" r=\"18\"><\/circle>\r\n        <circle cx=\"135\" cy=\"58\" r=\"18\"><\/circle>\r\n\r\n        <path d=\"M52 135v-18c0-31 16-51 38-51s38 20 38 51v18\"><\/path>\r\n        <path d=\"M10 126v-14c0-24 13-39 34-39\"><\/path>\r\n        <path d=\"M170 126v-14c0-24-13-39-34-39\"><\/path>\r\n      <\/svg>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- LOWER WAVES -->\r\n    <div class=\"ss-gt-wave ss-gt-wave-light\"><\/div>\r\n    <div class=\"ss-gt-wave ss-gt-wave-dark\"><\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ISOLATION\r\n========================================================= *\/\r\n\r\n#ss-group-transfer,\r\n#ss-group-transfer * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n#ss-group-transfer {\r\n\r\n  --navy: #071f50;\r\n  --navy-dark: #03173b;\r\n\r\n  --green: #16983c;\r\n  --green-bright: #20ae4c;\r\n\r\n  --text: #5c5f65;\r\n\r\n  width: 100%;\r\n\r\n  padding: 40px 3%;\r\n\r\n  background: #ffffff;\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    \"Helvetica Neue\",\r\n    Helvetica,\r\n    Arial,\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-shell {\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1500px;\r\n\r\n  min-height: 700px;\r\n\r\n  margin: 0 auto;\r\n\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    46% 54%;\r\n\r\n  grid-template-rows:\r\n    1fr auto;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n\r\n  border:\r\n    1px solid #edf1f4;\r\n\r\n  box-shadow:\r\n    0 15px 40px rgba(7,31,80,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT VISUAL\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-visual {\r\n\r\n  min-height: 510px;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  grid-column: 1;\r\n  grid-row: 1;\r\n\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* PHOTO AREA *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-photo-bg {\r\n\r\n  position: absolute;\r\n\r\n  width: 118%;\r\n  height: 112%;\r\n\r\n  left: -18%;\r\n  top: -12%;\r\n\r\n  border-radius:\r\n    0 0 65% 0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.10),\r\n      rgba(255,255,255,0)\r\n    ),\r\n\r\n    url(\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=85\")\r\n    center \/ cover no-repeat;\r\n\r\n  filter:\r\n    saturate(.92)\r\n    brightness(1.04);\r\n}\r\n\r\n\r\n\/* WHITE CURVE *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-visual::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 125%;\r\n  height: 120%;\r\n\r\n  left: -34%;\r\n  bottom: -83%;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #ffffff;\r\n\r\n  transform:\r\n    rotate(-5deg);\r\n\r\n  z-index: 3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUS\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-bus-wrap {\r\n\r\n  width: 90%;\r\n\r\n  position: absolute;\r\n\r\n  left: 3%;\r\n  bottom: 10px;\r\n\r\n  z-index: 5;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-bus {\r\n\r\n  width: 100%;\r\n  max-height: 390px;\r\n\r\n  display: block;\r\n\r\n  object-fit: contain;\r\n  object-position: center bottom;\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 20px 18px rgba(4,24,54,.23)\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-content {\r\n\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n\r\n  align-self: center;\r\n\r\n  padding:\r\n    62px 60px 40px 40px;\r\n\r\n  position: relative;\r\n\r\n  z-index: 10;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-top-icon {\r\n\r\n  width: 56px;\r\n  height: 56px;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--green);\r\n\r\n  background:\r\n    #edf8ef;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-top-icon svg {\r\n\r\n  width: 31px;\r\n  height: 31px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 1.7;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-eyebrow {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color: #157b34;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-content h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: var(--navy);\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(50px, 5vw, 82px);\r\n\r\n  line-height: .98;\r\n\r\n  font-weight: 500;\r\n\r\n  letter-spacing: -2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LINE\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-line {\r\n\r\n  width: 76px;\r\n  height: 4px;\r\n\r\n  margin:\r\n    22px 0 29px;\r\n\r\n  border-radius: 100px;\r\n\r\n  background: var(--green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-description {\r\n\r\n  max-width: 700px;\r\n\r\n  margin: 0 0 29px;\r\n\r\n  color: #626368;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.68;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-button {\r\n\r\n  min-width: 235px;\r\n\r\n  min-height: 55px;\r\n\r\n  padding:\r\n    0 21px 0 25px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 14px;\r\n\r\n  border-radius: 8px;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #179537,\r\n      #20af4d\r\n    );\r\n\r\n  color: #ffffff !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 700;\r\n\r\n  box-shadow:\r\n    0 9px 20px rgba(22,152,60,.18);\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    box-shadow .28s ease,\r\n    filter .28s ease;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-button::before {\r\n\r\n  content: \"\";\r\n\r\n  width: 60px;\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  bottom: 0;\r\n\r\n  left: -90px;\r\n\r\n  transform:\r\n    skewX(-22deg);\r\n\r\n  background:\r\n    rgba(255,255,255,.24);\r\n\r\n  transition:\r\n    left .6s ease;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-button:hover::before {\r\n\r\n  left:\r\n    calc(100% + 45px);\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-button:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  filter:\r\n    brightness(1.05);\r\n\r\n  box-shadow:\r\n    0 14px 27px rgba(22,152,60,.26);\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-button svg {\r\n\r\n  width: 19px;\r\n  height: 19px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 1.8;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENEFITS\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-benefits {\r\n\r\n  grid-column:\r\n    1 \/ 3;\r\n\r\n  grid-row: 2;\r\n\r\n  width: 82%;\r\n\r\n  margin:\r\n    0 auto 80px;\r\n\r\n  position: relative;\r\n\r\n  z-index: 10;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n}\r\n\r\n\r\n\/* BENEFIT *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-benefit {\r\n\r\n  min-width: 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 14px;\r\n\r\n  position: relative;\r\n\r\n  padding:\r\n    0 26px;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-benefit:not(:last-child)::after {\r\n\r\n  content: \"\";\r\n\r\n  width: 1px;\r\n  height: 50px;\r\n\r\n  position: absolute;\r\n\r\n  right: 0;\r\n  top: 50%;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  background:\r\n    #d7dbe0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENEFIT ICON\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-benefit-icon {\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  flex:\r\n    0 0 48px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--green);\r\n\r\n  background:\r\n    #eef8ef;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-benefit-icon svg {\r\n\r\n  width: 28px;\r\n  height: 28px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 1.7;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENEFIT TEXT\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-benefit strong {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 5px;\r\n\r\n  color: var(--navy);\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.25;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-benefit span {\r\n\r\n  display: block;\r\n\r\n  color: #666b72;\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GROUP OUTLINE\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-group-outline {\r\n\r\n  width: 180px;\r\n  height: 150px;\r\n\r\n  position: absolute;\r\n\r\n  right: 40px;\r\n  bottom: 80px;\r\n\r\n  z-index: 2;\r\n\r\n  opacity: .04;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-group-outline svg {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  fill: none;\r\n\r\n  stroke: var(--navy);\r\n\r\n  stroke-width: 6;\r\n\r\n  stroke-linecap: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WAVES\r\n========================================================= *\/\r\n\r\n#ss-group-transfer\r\n.ss-gt-wave {\r\n\r\n  position: absolute;\r\n\r\n  left: -10%;\r\n\r\n  width: 120%;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-wave-light {\r\n\r\n  height: 180px;\r\n\r\n  bottom: -132px;\r\n\r\n  background:\r\n    #eef0f3;\r\n\r\n  transform:\r\n    rotate(2deg);\r\n\r\n  z-index: 3;\r\n}\r\n\r\n\r\n#ss-group-transfer\r\n.ss-gt-wave-dark {\r\n\r\n  height: 150px;\r\n\r\n  bottom: -124px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #061b45,\r\n      #173d75,\r\n      #061b45\r\n    );\r\n\r\n  transform:\r\n    rotate(-2deg);\r\n\r\n  z-index: 4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-shell {\r\n\r\n    grid-template-columns:\r\n      43% 57%;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-content {\r\n\r\n    padding:\r\n      50px 40px 35px 28px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-description {\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefits {\r\n\r\n    width: 94%;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefit {\r\n\r\n    padding:\r\n      0 18px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #ss-group-transfer {\r\n\r\n    padding:\r\n      30px 20px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-shell {\r\n\r\n    display: block;\r\n\r\n    min-height: auto;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-visual {\r\n\r\n    min-height: 430px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-photo-bg {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    border-radius:\r\n      0 0 48% 0;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-bus-wrap {\r\n\r\n    width: 75%;\r\n\r\n    left: 6%;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-content {\r\n\r\n    padding:\r\n      42px 36px 38px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-content h2 {\r\n\r\n    font-size:\r\n      clamp(48px, 8vw, 68px);\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-description {\r\n\r\n    max-width: none;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefits {\r\n\r\n    width: calc(100% - 50px);\r\n\r\n    margin:\r\n      0 25px 75px;\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    row-gap: 25px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefit {\r\n\r\n    min-height: 70px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefit:nth-child(2)::after {\r\n\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  #ss-group-transfer {\r\n\r\n    padding:\r\n      20px 10px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-shell {\r\n\r\n    border-radius: 16px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-visual {\r\n\r\n    min-height: 320px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-bus-wrap {\r\n\r\n    width: 91%;\r\n\r\n    left: 1%;\r\n\r\n    bottom: 5px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-photo-bg {\r\n\r\n    border-radius:\r\n      0 0 58% 0;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-content {\r\n\r\n    padding:\r\n      31px 21px 34px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-top-icon {\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    margin-bottom: 17px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-eyebrow {\r\n\r\n    font-size: 10px;\r\n\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-content h2 {\r\n\r\n    font-size:\r\n      clamp(43px, 13vw, 57px);\r\n\r\n    line-height: 1;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-line {\r\n\r\n    width: 60px;\r\n\r\n    margin:\r\n      19px 0 22px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-description {\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.62;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-button {\r\n\r\n    width: 100%;\r\n\r\n    justify-content:\r\n      space-between;\r\n\r\n    min-height: 55px;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefits {\r\n\r\n    width:\r\n      calc(100% - 36px);\r\n\r\n    margin:\r\n      0 18px 67px;\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    row-gap: 0;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefit {\r\n\r\n    padding:\r\n      16px 5px;\r\n\r\n    border-bottom:\r\n      1px solid #e2e5e8;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefit::after {\r\n\r\n    display: none !important;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-benefit:last-child {\r\n\r\n    border-bottom: 0;\r\n  }\r\n\r\n\r\n  #ss-group-transfer\r\n  .ss-gt-group-outline {\r\n\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-68756ad elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"68756ad\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a9cbf0b\" data-id=\"a9cbf0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63c12af elementor-widget elementor-widget-html\" data-id=\"63c12af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SUNNYSIDE DMC\r\n     RALLY TREASURE HUNT \u2013 IXTAPA ISLAND\r\n========================================== -->\r\n\r\n<section id=\"ss-rally-experience\">\r\n\r\n  <div class=\"ss-rally-container\">\r\n\r\n    <!-- =====================================\r\n         YOUTUBE PLAYER\r\n    ====================================== -->\r\n    <div class=\"ss-rally-video\">\r\n      <div\r\n        id=\"ss-youtube-player\"\r\n        aria-label=\"Rally Treasure Hunt \u2013 Ixtapa Island\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- =====================================\r\n         CONTENT\r\n    ====================================== -->\r\n    <div class=\"ss-rally-content\">\r\n\r\n      <span class=\"ss-rally-label\">\r\n        CORPORATE TEAM EXPERIENCE\r\n      <\/span>\r\n\r\n      <h2>\r\n        Rally Treasure Hunt\r\n        <span>Ixtapa Island<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"ss-rally-line\"><\/div>\r\n\r\n      <h3>\r\n        A team-building experience of strategy, collaboration, and adventure\r\n      <\/h3>\r\n\r\n      <p>\r\n        Turn Ixtapa Island into the setting for an exciting treasure hunt.\r\n        Teams must overcome challenges, explore the island\u2019s beaches, and\r\n        collect the clues needed to reach the final goal.\r\n      <\/p>\r\n\r\n      <p>\r\n        A dynamic experience designed to strengthen communication, strategic\r\n        thinking, and teamwork while participants enjoy an extraordinary\r\n        natural environment.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- =====================================\r\n       CONFIDENTIAL NOTICE\r\n  ====================================== -->\r\n  <div class=\"ss-rally-confidential\">\r\n    <p>\r\n      Concept and activity developed by\r\n      <strong>Sunnyside DMC Services<\/strong>.\r\n      Confidential information provided exclusively for commercial\r\n      evaluation purposes.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================\r\n   GENERAL SETTINGS\r\n========================================= *\/\r\n\r\n#ss-rally-experience,\r\n#ss-rally-experience * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ss-rally-experience {\r\n  --ss-navy: #202f59;\r\n  --ss-blue: #087eb5;\r\n  --ss-cyan: #25a9d6;\r\n  --ss-text: #334155;\r\n  --ss-muted: #7c8798;\r\n  --ss-white: #ffffff;\r\n\r\n  width: 100%;\r\n  padding: 90px 24px 32px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at top right,\r\n      rgba(37, 169, 214, 0.12),\r\n      transparent 34%\r\n    ),\r\n    var(--ss-white);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n#ss-rally-experience .ss-rally-container {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);\r\n  gap: 70px;\r\n  align-items: center;\r\n}\r\n\r\n\/* =========================================\r\n   VIDEO PLAYER\r\n========================================= *\/\r\n\r\n#ss-rally-experience .ss-rally-video {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 10;\r\n  overflow: hidden;\r\n\r\n  border-radius: 24px;\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--ss-navy),\r\n      var(--ss-blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0 28px 65px rgba(32, 47, 89, 0.18);\r\n}\r\n\r\n\/* The iframe is automatically generated\r\n   by the official YouTube API *\/\r\n\r\n#ss-rally-experience .ss-rally-video iframe {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  border: 0;\r\n}\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n#ss-rally-experience .ss-rally-content {\r\n  max-width: 510px;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-label {\r\n  display: inline-block;\r\n  margin-bottom: 18px;\r\n\r\n  color: var(--ss-blue);\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  letter-spacing: 2.4px;\r\n}\r\n\r\n#ss-rally-experience h2 {\r\n  margin: 0;\r\n\r\n  color: var(--ss-navy);\r\n\r\n  font-size: clamp(38px, 4.5vw, 64px);\r\n  font-weight: 800;\r\n  line-height: 0.98;\r\n  letter-spacing: -2.5px;\r\n}\r\n\r\n#ss-rally-experience h2 span {\r\n  display: block;\r\n  margin-top: 10px;\r\n\r\n  color: var(--ss-blue);\r\n\r\n  font-size: 0.7em;\r\n  font-weight: 500;\r\n  letter-spacing: -1.2px;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-line {\r\n  width: 64px;\r\n  height: 4px;\r\n  margin: 28px 0;\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--ss-blue),\r\n      var(--ss-cyan)\r\n    );\r\n}\r\n\r\n#ss-rally-experience h3 {\r\n  margin: 0 0 20px;\r\n\r\n  color: var(--ss-navy);\r\n\r\n  font-size: 21px;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-content p {\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--ss-text);\r\n\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-content p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* =========================================\r\n   CONFIDENTIAL NOTICE\r\n========================================= *\/\r\n\r\n#ss-rally-experience .ss-rally-confidential {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin: 54px auto 0;\r\n  padding-top: 17px;\r\n\r\n  border-top: 1px solid rgba(32, 47, 89, 0.1);\r\n\r\n  text-align: center;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-confidential p {\r\n  max-width: 850px;\r\n  margin: 0 auto;\r\n\r\n  color: var(--ss-muted);\r\n\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.15px;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-confidential strong {\r\n  color: #657186;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media (max-width: 960px) {\r\n\r\n  #ss-rally-experience {\r\n    padding: 70px 22px 30px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-content {\r\n    max-width: 720px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-confidential {\r\n    margin-top: 45px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n  #ss-rally-experience {\r\n    padding: 55px 18px 25px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-container {\r\n    gap: 36px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-video {\r\n    aspect-ratio: 16 \/ 11;\r\n    border-radius: 17px;\r\n  }\r\n\r\n  #ss-rally-experience h2 {\r\n    font-size: 40px;\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n  #ss-rally-experience h3 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-content p {\r\n    font-size: 15px;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-confidential {\r\n    margin-top: 38px;\r\n    padding-top: 15px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-confidential p {\r\n    font-size: 10px;\r\n    line-height: 1.55;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  const section = document.getElementById(\"ss-rally-experience\");\r\n\r\n  if (!section) {\r\n    return;\r\n  }\r\n\r\n  let youtubePlayer = null;\r\n  let playerIsReady = false;\r\n  let sectionIsVisible = false;\r\n  let videoHasStarted = false;\r\n\r\n  \/* =========================================\r\n     START VIDEO WHEN EVERYTHING IS READY\r\n  ========================================= *\/\r\n\r\n  function startVideoWhenReady() {\r\n    if (\r\n      !youtubePlayer ||\r\n      !playerIsReady ||\r\n      !sectionIsVisible ||\r\n      videoHasStarted\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    \/*\r\n      The video must start muted so autoplay\r\n      is allowed by most browsers.\r\n    *\/\r\n\r\n    youtubePlayer.mute();\r\n    youtubePlayer.playVideo();\r\n\r\n    videoHasStarted = true;\r\n\r\n    \/*\r\n      Stop observing the section after\r\n      the video starts for the first time.\r\n    *\/\r\n\r\n    sectionObserver.disconnect();\r\n  }\r\n\r\n  \/* =========================================\r\n     CREATE YOUTUBE PLAYER\r\n  ========================================= *\/\r\n\r\n  function createYouTubePlayer() {\r\n    if (\r\n      typeof window.YT === \"undefined\" ||\r\n      typeof window.YT.Player === \"undefined\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    \/*\r\n      VIDEO ID:\r\n      https:\/\/www.youtube.com\/watch?v=JuZEf1JdtWk\r\n    *\/\r\n\r\n    youtubePlayer = new YT.Player(\"ss-youtube-player\", {\r\n      videoId: \"JuZEf1JdtWk\",\r\n\r\n      playerVars: {\r\n        autoplay: 0,\r\n        mute: 1,\r\n        controls: 1,\r\n        playsinline: 1,\r\n        rel: 0,\r\n        fs: 1,\r\n        origin: window.location.origin\r\n      },\r\n\r\n      events: {\r\n        onReady: function (event) {\r\n          playerIsReady = true;\r\n\r\n          event.target.mute();\r\n\r\n          startVideoWhenReady();\r\n        },\r\n\r\n        onAutoplayBlocked: function () {\r\n          \/*\r\n            If a browser fully blocks autoplay,\r\n            the player will still display its\r\n            standard play button.\r\n          *\/\r\n          videoHasStarted = false;\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/* =========================================\r\n     DETECT WHEN THE SECTION IS VISIBLE\r\n  ========================================= *\/\r\n\r\n  const sectionObserver = new IntersectionObserver(\r\n    function (entries) {\r\n      entries.forEach(function (entry) {\r\n\r\n        if (entry.isIntersecting) {\r\n          sectionIsVisible = true;\r\n          startVideoWhenReady();\r\n        }\r\n\r\n      });\r\n    },\r\n    {\r\n      \/*\r\n        The video starts when approximately\r\n        45% of the section is visible.\r\n      *\/\r\n      threshold: 0.45\r\n    }\r\n  );\r\n\r\n  sectionObserver.observe(section);\r\n\r\n  \/* =========================================\r\n     LOAD THE OFFICIAL YOUTUBE API\r\n  ========================================= *\/\r\n\r\n  if (\r\n    typeof window.YT !== \"undefined\" &&\r\n    typeof window.YT.Player !== \"undefined\"\r\n  ) {\r\n    createYouTubePlayer();\r\n    return;\r\n  }\r\n\r\n  \/*\r\n    Preserve any previous YouTube callback\r\n    that may already exist on the website.\r\n  *\/\r\n\r\n  const previousYouTubeCallback =\r\n    window.onYouTubeIframeAPIReady;\r\n\r\n  window.onYouTubeIframeAPIReady = function () {\r\n\r\n    if (typeof previousYouTubeCallback === \"function\") {\r\n      previousYouTubeCallback();\r\n    }\r\n\r\n    createYouTubePlayer();\r\n  };\r\n\r\n  \/*\r\n    Prevent the API from loading more than once.\r\n  *\/\r\n\r\n  const existingYouTubeScript = document.querySelector(\r\n    'script[src*=\"youtube.com\/iframe_api\"]'\r\n  );\r\n\r\n  if (!existingYouTubeScript) {\r\n    const youtubeScript = document.createElement(\"script\");\r\n\r\n    youtubeScript.src =\r\n      \"https:\/\/www.youtube.com\/iframe_api\";\r\n\r\n    youtubeScript.async = true;\r\n\r\n    document.head.appendChild(youtubeScript);\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f15624 elementor-widget elementor-widget-html\" data-id=\"2f15624\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SUNNYSIDE DMC\r\n     CHILES RELLENOS COOKING CLASS\r\n     SHORE EXCURSION EXPERIENCE\r\n========================================== -->\r\n\r\n<section id=\"ss-cooking-experience\">\r\n\r\n  <div class=\"ss-cooking-container\">\r\n\r\n    <!-- =====================================\r\n         YOUTUBE PLAYER\r\n    ====================================== -->\r\n    <div class=\"ss-cooking-video\">\r\n      <div\r\n        id=\"ss-cooking-youtube-player\"\r\n        aria-label=\"Chiles Rellenos Mexican Cooking Class\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- =====================================\r\n         CONTENT\r\n    ====================================== -->\r\n    <div class=\"ss-cooking-content\">\r\n\r\n      <span class=\"ss-cooking-label\">\r\n        MEXICAN CULINARY SHORE EXPERIENCE\r\n      <\/span>\r\n\r\n      <h2>\r\n        Chiles Rellenos\r\n        <span>Cooking Class<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"ss-cooking-line\"><\/div>\r\n\r\n      <h3>\r\n        An authentic Mexican culinary experience created for cruise guests\r\n      <\/h3>\r\n\r\n      <p>\r\n        Discover the flavors and traditions of Mexican cuisine through an\r\n        engaging hands-on cooking class focused on one of the country\u2019s most\r\n        iconic dishes: chiles rellenos.\r\n      <\/p>\r\n\r\n      <p>\r\n        Guided by an experienced local culinary host, participants will learn\r\n        about the ingredients, preparation techniques, and cultural history\r\n        behind this traditional recipe before preparing and enjoying their\r\n        own creation.\r\n      <\/p>\r\n\r\n      <p>\r\n        Specially adapted for cruise ship schedules, this shore experience\r\n        combines local culture, gastronomy, and interactive participation\r\n        within a carefully coordinated program.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- =====================================\r\n       DEVELOPMENT NOTICE\r\n  ====================================== -->\r\n  <div class=\"ss-cooking-notice\">\r\n    <p>\r\n      Experience development, shore-excursion adaptation, logistics, and\r\n      operational coordination provided by\r\n      <strong>Sunnyside DMC Services<\/strong>.\r\n      Information provided exclusively for commercial evaluation purposes.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   GENERAL SETTINGS\r\n========================================= *\/\r\n\r\n#ss-cooking-experience,\r\n#ss-cooking-experience * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ss-cooking-experience {\r\n  --ss-cooking-dark: #3f261d;\r\n  --ss-cooking-red: #b8412d;\r\n  --ss-cooking-orange: #d97832;\r\n  --ss-cooking-gold: #d9a441;\r\n\r\n  --ss-cooking-text: #4f4039;\r\n  --ss-cooking-muted: #887b74;\r\n  --ss-cooking-white: #ffffff;\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    90px 24px 32px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at top right,\r\n      rgba(217, 120, 50, 0.13),\r\n      transparent 34%\r\n    ),\r\n    radial-gradient(\r\n      circle at bottom left,\r\n      rgba(184, 65, 45, 0.07),\r\n      transparent 28%\r\n    ),\r\n    var(--ss-cooking-white);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-container {\r\n\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(360px, 0.92fr);\r\n\r\n  gap: 70px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VIDEO PLAYER\r\n========================================= *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-video {\r\n\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 10;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 24px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--ss-cooking-dark),\r\n      var(--ss-cooking-red)\r\n    );\r\n\r\n  box-shadow:\r\n    0 28px 65px\r\n    rgba(89, 45, 28, 0.18);\r\n}\r\n\r\n\r\n\/* The iframe is automatically generated\r\n   by the official YouTube API *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-video iframe {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  display: block;\r\n\r\n  border: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-content {\r\n\r\n  max-width: 510px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-label {\r\n\r\n  display: inline-block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: var(--ss-cooking-red);\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n\r\n  letter-spacing: 2.4px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\nh2 {\r\n\r\n  margin: 0;\r\n\r\n  color: var(--ss-cooking-dark);\r\n\r\n  font-size:\r\n    clamp(38px, 4.5vw, 64px);\r\n\r\n  font-weight: 800;\r\n  line-height: 0.98;\r\n\r\n  letter-spacing: -2.5px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\nh2 span {\r\n\r\n  display: block;\r\n\r\n  margin-top: 10px;\r\n\r\n  color: var(--ss-cooking-red);\r\n\r\n  font-size: 0.7em;\r\n  font-weight: 500;\r\n\r\n  letter-spacing: -1.2px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-line {\r\n\r\n  width: 64px;\r\n  height: 4px;\r\n\r\n  margin:\r\n    28px 0;\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--ss-cooking-red),\r\n      var(--ss-cooking-gold)\r\n    );\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\nh3 {\r\n\r\n  margin:\r\n    0 0 20px;\r\n\r\n  color: var(--ss-cooking-dark);\r\n\r\n  font-size: 21px;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-content p {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  color: var(--ss-cooking-text);\r\n\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-content p:last-child {\r\n\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DEVELOPMENT NOTICE\r\n========================================= *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-notice {\r\n\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin:\r\n    54px auto 0;\r\n\r\n  padding-top: 17px;\r\n\r\n  border-top:\r\n    1px solid rgba(63, 38, 29, 0.11);\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-notice p {\r\n\r\n  max-width: 900px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  color: var(--ss-cooking-muted);\r\n\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n\r\n  letter-spacing: 0.15px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-notice strong {\r\n\r\n  color: #71635c;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media (max-width: 960px) {\r\n\r\n  #ss-cooking-experience {\r\n\r\n    padding:\r\n      70px 22px 30px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-container {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-content {\r\n\r\n    max-width: 720px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-notice {\r\n\r\n    margin-top: 45px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n\r\n  #ss-cooking-experience {\r\n\r\n    padding:\r\n      55px 18px 25px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-container {\r\n\r\n    gap: 36px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-video {\r\n\r\n    aspect-ratio: 16 \/ 11;\r\n\r\n    border-radius: 17px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  h2 {\r\n\r\n    font-size: 40px;\r\n\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  h3 {\r\n\r\n    font-size: 19px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-content p {\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.72;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-notice {\r\n\r\n    margin-top: 38px;\r\n\r\n    padding-top: 15px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-notice p {\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.55;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n  const section =\r\n    document.getElementById(\r\n      \"ss-cooking-experience\"\r\n    );\r\n\r\n  if (!section) {\r\n    return;\r\n  }\r\n\r\n\r\n  let cookingYouTubePlayer = null;\r\n  let cookingPlayerIsReady = false;\r\n  let cookingSectionIsVisible = false;\r\n  let cookingVideoHasStarted = false;\r\n\r\n\r\n  \/* =========================================\r\n     START VIDEO WHEN EVERYTHING IS READY\r\n  ========================================= *\/\r\n\r\n  function startCookingVideoWhenReady() {\r\n\r\n    if (\r\n      !cookingYouTubePlayer ||\r\n      !cookingPlayerIsReady ||\r\n      !cookingSectionIsVisible ||\r\n      cookingVideoHasStarted\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n      The video must start muted so autoplay\r\n      is allowed by most browsers.\r\n    *\/\r\n\r\n    cookingYouTubePlayer.mute();\r\n\r\n    cookingYouTubePlayer.playVideo();\r\n\r\n\r\n    cookingVideoHasStarted = true;\r\n\r\n\r\n    \/*\r\n      Stop observing the section after the\r\n      video starts for the first time.\r\n    *\/\r\n\r\n    cookingSectionObserver.disconnect();\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CREATE YOUTUBE PLAYER\r\n  ========================================= *\/\r\n\r\n  function createCookingYouTubePlayer() {\r\n\r\n    if (\r\n      typeof window.YT === \"undefined\" ||\r\n      typeof window.YT.Player === \"undefined\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n      REPLACE THE VIDEO ID BELOW.\r\n\r\n      Example YouTube URL:\r\n     https:\/\/www.youtube.com\/watch?v=W1y-NzSAdaQ\r\n\r\n      Video ID:\r\n      ABCDEFGHIJK\r\n    *\/\r\n\r\n\r\n    cookingYouTubePlayer =\r\n      new YT.Player(\r\n        \"ss-cooking-youtube-player\",\r\n        {\r\n\r\n          \/*\r\n            ==================================\r\n            PLACE YOUR YOUTUBE VIDEO ID HERE\r\n            ==================================\r\n          *\/\r\n\r\n          videoId: \"W1y-NzSAdaQ\",\r\n\r\n\r\n          playerVars: {\r\n\r\n            autoplay: 0,\r\n\r\n            mute: 1,\r\n\r\n            controls: 1,\r\n\r\n            playsinline: 1,\r\n\r\n            rel: 0,\r\n\r\n            fs: 1,\r\n\r\n            origin:\r\n              window.location.origin\r\n\r\n          },\r\n\r\n\r\n          events: {\r\n\r\n            onReady: function (event) {\r\n\r\n              cookingPlayerIsReady = true;\r\n\r\n              event.target.mute();\r\n\r\n              startCookingVideoWhenReady();\r\n\r\n            },\r\n\r\n\r\n            onAutoplayBlocked: function () {\r\n\r\n              \/*\r\n                If a browser fully blocks\r\n                autoplay, the player will\r\n                continue to show its normal\r\n                play button.\r\n              *\/\r\n\r\n              cookingVideoHasStarted = false;\r\n\r\n            }\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     DETECT WHEN SECTION IS VISIBLE\r\n  ========================================= *\/\r\n\r\n  const cookingSectionObserver =\r\n    new IntersectionObserver(\r\n\r\n      function (entries) {\r\n\r\n        entries.forEach(\r\n          function (entry) {\r\n\r\n            if (entry.isIntersecting) {\r\n\r\n              cookingSectionIsVisible = true;\r\n\r\n              startCookingVideoWhenReady();\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      },\r\n\r\n      {\r\n\r\n        \/*\r\n          The video starts when approximately\r\n          45% of the section is visible.\r\n        *\/\r\n\r\n        threshold: 0.45\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n  cookingSectionObserver.observe(section);\r\n\r\n\r\n  \/* =========================================\r\n     LOAD OFFICIAL YOUTUBE API\r\n  ========================================= *\/\r\n\r\n  if (\r\n    typeof window.YT !== \"undefined\" &&\r\n    typeof window.YT.Player !== \"undefined\"\r\n  ) {\r\n\r\n    createCookingYouTubePlayer();\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Preserve any previous YouTube API callback\r\n    that may already exist on the website.\r\n  *\/\r\n\r\n  const previousYouTubeCallback =\r\n    window.onYouTubeIframeAPIReady;\r\n\r\n\r\n  window.onYouTubeIframeAPIReady =\r\n    function () {\r\n\r\n      if (\r\n        typeof previousYouTubeCallback ===\r\n        \"function\"\r\n      ) {\r\n\r\n        previousYouTubeCallback();\r\n\r\n      }\r\n\r\n\r\n      createCookingYouTubePlayer();\r\n\r\n    };\r\n\r\n\r\n  \/*\r\n    Prevent the YouTube API from loading\r\n    more than once.\r\n  *\/\r\n\r\n  const existingYouTubeScript =\r\n    document.querySelector(\r\n      'script[src*=\"youtube.com\/iframe_api\"]'\r\n    );\r\n\r\n\r\n  if (!existingYouTubeScript) {\r\n\r\n    const youtubeScript =\r\n      document.createElement(\"script\");\r\n\r\n\r\n    youtubeScript.src =\r\n      \"https:\/\/www.youtube.com\/iframe_api\";\r\n\r\n\r\n    youtubeScript.async = true;\r\n\r\n\r\n    document.head.appendChild(\r\n      youtubeScript\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0db8f05 elementor-widget elementor-widget-spacer\" data-id=\"0db8f05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f29a432 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"f29a432\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-272343a\" data-id=\"272343a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-653bc38 elementor-widget elementor-widget-html\" data-id=\"653bc38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\r\nDMC SHORE EXCURSIONS GALLERY\r\n========================= -->\r\n\r\n<section id=\"dmc-shore-gallery\">\r\n\r\n    <div class=\"dmc-gallery-header\">\r\n        <h2>SHORE EXCURSIONS (CRUISES) & TEAM BUILDING ACTIVITIES<\/h2>\r\n        <div class=\"dmc-title-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-gallery-container\">\r\n\r\n        <button class=\"dmc-nav dmc-prev\" aria-label=\"Previous\">\r\n            &#10094;\r\n        <\/button>\r\n\r\n        <div class=\"dmc-gallery-track\">\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion4-1.jpg\" alt=\"\">\r\n            <\/div>\r\n              <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-81.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad2.jpg\" alt=\"\">\r\n            <\/div>\r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-5.png\" alt=\"\">\r\n            <\/div>\r\n            \r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-8.png\" alt=\"\">\r\n            <\/div>\r\n\r\n <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-85.png\" alt=\"\">\r\n            <\/div>\r\n            \r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-65.png\" alt=\"\">\r\n            <\/div>\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad3.jpg\" alt=\"\">\r\n            <\/div>\r\n            \r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-26.png\" alt=\"\">\r\n            <\/div>\r\n            \r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-102.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad1.jpg\" alt=\"\">\r\n            <\/div>\r\n            \r\n              <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-4.17.44-PM.jpeg\" alt=\"\">\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion2.jpg\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion1.jpg\" alt=\"\">\r\n            <\/div>\r\n\r\n          \r\n        <\/div>\r\n\r\n        <button class=\"dmc-nav dmc-next\" aria-label=\"Next\">\r\n            &#10095;\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n#dmc-shore-gallery{\r\n    width:100% !important;\r\n    max-width:1600px !important;\r\n    margin:60px auto !important;\r\n    padding:0 20px !important;\r\n    box-sizing:border-box !important;\r\n    font-family:Arial, Helvetica, sans-serif !important;\r\n}\r\n\r\n#dmc-shore-gallery *{\r\n    box-sizing:border-box !important;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n#dmc-shore-gallery .dmc-gallery-header{\r\n    display:flex !important;\r\n    flex-direction:column !important;\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n    text-align:center !important;\r\n    margin-bottom:35px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-header h2{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    font-size:38px !important;\r\n    line-height:1.2 !important;\r\n    font-weight:800 !important;\r\n    color:#0d2b4d !important;\r\n    text-transform:uppercase !important;\r\n    letter-spacing:1px !important;\r\n    max-width:1000px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-title-line{\r\n    width:120px !important;\r\n    height:4px !important;\r\n    margin:15px auto 0 auto !important;\r\n    border-radius:50px !important;\r\n    background:#c9a45c !important;\r\n}\r\n\r\n\/* GALLERY *\/\r\n\r\n#dmc-shore-gallery .dmc-gallery-container{\r\n    position:relative !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-track{\r\n    display:flex !important;\r\n    gap:18px !important;\r\n    overflow-x:auto !important;\r\n    scroll-behavior:smooth !important;\r\n    scrollbar-width:none !important;\r\n    -ms-overflow-style:none !important;\r\n    padding:5px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-track::-webkit-scrollbar{\r\n    display:none !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item{\r\n    flex:0 0 auto !important;\r\n    width:340px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item img{\r\n    width:100% !important;\r\n    height:240px !important;\r\n    display:block !important;\r\n    object-fit:cover !important;\r\n    border-radius:18px !important;\r\n    transition:all .35s ease !important;\r\n    cursor:pointer !important;\r\n    box-shadow:0 4px 15px rgba(0,0,0,.10) !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item img:hover{\r\n    transform:scale(1.04) !important;\r\n    box-shadow:0 10px 25px rgba(0,0,0,.20) !important;\r\n}\r\n\r\n\/* ARROWS *\/\r\n\r\n#dmc-shore-gallery .dmc-nav{\r\n    position:absolute !important;\r\n    top:50% !important;\r\n    transform:translateY(-50%) !important;\r\n    width:54px !important;\r\n    height:54px !important;\r\n    border:none !important;\r\n    border-radius:50% !important;\r\n    background:#ffffff !important;\r\n    color:#0d2b4d !important;\r\n    font-size:22px !important;\r\n    font-weight:bold !important;\r\n    cursor:pointer !important;\r\n    z-index:999 !important;\r\n    box-shadow:0 5px 20px rgba(0,0,0,.15) !important;\r\n    transition:all .25s ease !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-nav:hover{\r\n    transform:translateY(-50%) scale(1.08) !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-prev{\r\n    left:-10px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-next{\r\n    right:-10px !important;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width:1200px){\r\n\r\n    #dmc-shore-gallery .dmc-item{\r\n        width:300px !important;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width:768px){\r\n\r\n    #dmc-shore-gallery{\r\n        padding:0 15px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-gallery-header h2{\r\n        font-size:24px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-item{\r\n        width:260px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-item img{\r\n        height:190px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-nav{\r\n        width:42px !important;\r\n        height:42px !important;\r\n        font-size:18px !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const gallery = document.querySelector('#dmc-shore-gallery');\r\n\r\n    if(!gallery) return;\r\n\r\n    const track = gallery.querySelector('.dmc-gallery-track');\r\n    const next = gallery.querySelector('.dmc-next');\r\n    const prev = gallery.querySelector('.dmc-prev');\r\n\r\n    next.addEventListener('click', function(){\r\n\r\n        track.scrollBy({\r\n            left:380,\r\n            behavior:'smooth'\r\n        });\r\n\r\n    });\r\n\r\n    prev.addEventListener('click', function(){\r\n\r\n        track.scrollBy({\r\n            left:-380,\r\n            behavior:'smooth'\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c5f0730 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"c5f0730\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6c516d8\" data-id=\"6c516d8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35bd6f8 elementor-widget elementor-widget-html\" data-id=\"35bd6f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     SUNNYSIDE DMC SERVICES\r\n     TRANSPORTATION SOLUTIONS\r\n     FINAL NON-DISTORTION COVERFLOW\r\n========================================================= -->\r\n\r\n<section id=\"ss-transport-gallery-clean\">\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n  <header class=\"ss-tgc-header\">\r\n\r\n    <span class=\"ss-tgc-eyebrow\">\r\n      SUNNYSIDE DMC SERVICES\r\n    <\/span>\r\n\r\n    <h2>\r\n      TRANSPORTATION SOLUTIONS\r\n    <\/h2>\r\n\r\n    <p>\r\n      FOR MEETINGS, INCENTIVES, CONVENTIONS, GROUP PROGRAMS\r\n      AND SPECIAL EVENTS\r\n    <\/p>\r\n\r\n    <div class=\"ss-tgc-line\"><\/div>\r\n\r\n  <\/header>\r\n\r\n\r\n  <!-- =====================================================\r\n       GALLERY\r\n  ====================================================== -->\r\n  <div\r\n    class=\"ss-tgc-gallery\"\r\n    tabindex=\"0\"\r\n    aria-label=\"Sunnyside transportation solutions gallery\"\r\n  >\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"ss-tgc-arrow ss-tgc-prev\"\r\n      aria-label=\"Previous image\"\r\n    >\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"m15 18-6-6 6-6\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n\r\n    <div class=\"ss-tgc-stage\"><\/div>\r\n\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"ss-tgc-arrow ss-tgc-next\"\r\n      aria-label=\"Next image\"\r\n    >\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"m9 18 6-6-6-6\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       DOTS\r\n  ====================================================== -->\r\n  <div\r\n    class=\"ss-tgc-dots\"\r\n    aria-label=\"Gallery navigation\"\r\n  ><\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ISOLATION\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean,\r\n#ss-transport-gallery-clean * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean {\r\n\r\n  --ss-tgc-navy: #071d46;\r\n  --ss-tgc-gold: #c99a42;\r\n  --ss-tgc-gray: #cbd2da;\r\n  --ss-tgc-surface: #f1f4f7;\r\n  --ss-tgc-white: #ffffff;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  margin: 0;\r\n\r\n  padding:\r\n    34px 18px 26px;\r\n\r\n  color: var(--ss-tgc-navy);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 35%,\r\n      rgba(221, 232, 241, 0.68),\r\n      rgba(247, 249, 251, 0.42) 36%,\r\n      transparent 67%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f8fafb 76%,\r\n      #ffffff 100%\r\n    );\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* DECORATIVE CURVES *\/\r\n\r\n#ss-transport-gallery-clean::before {\r\n\r\n  content: \"\";\r\n\r\n  width: 780px;\r\n  height: 220px;\r\n\r\n  position: absolute;\r\n\r\n  top: -178px;\r\n  right: -170px;\r\n\r\n  border:\r\n    1px solid rgba(7, 29, 70, 0.045);\r\n\r\n  border-radius: 50%;\r\n\r\n  box-shadow:\r\n    0 15px 0 rgba(7, 29, 70, 0.022),\r\n    0 30px 0 rgba(7, 29, 70, 0.014);\r\n\r\n  transform:\r\n    rotate(-7deg);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-header {\r\n\r\n  width: 100%;\r\n  max-width: 1200px;\r\n\r\n  position: relative;\r\n\r\n  z-index: 10;\r\n\r\n  margin:\r\n    0 auto 20px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-eyebrow {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: var(--ss-tgc-gold);\r\n\r\n  font-size: 9px;\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-header h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: var(--ss-tgc-navy);\r\n\r\n  font-size:\r\n    clamp(34px, 4.3vw, 58px);\r\n\r\n  line-height: 0.98;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -2px;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-header p {\r\n\r\n  max-width: 980px;\r\n\r\n  margin:\r\n    10px auto 0;\r\n\r\n  color: var(--ss-tgc-navy);\r\n\r\n  font-size:\r\n    clamp(11px, 1.1vw, 15px);\r\n\r\n  line-height: 1.35;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-line {\r\n\r\n  width: 90px;\r\n  height: 3px;\r\n\r\n  margin:\r\n    11px auto 0;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--ss-tgc-gold),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GALLERY\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-gallery {\r\n\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  height: 360px;\r\n\r\n  position: relative;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  outline: none;\r\n\r\n  touch-action: pan-y;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-stage {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BASE SLIDE\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide {\r\n\r\n  width: 570px;\r\n  height: 285px;\r\n\r\n  position: absolute;\r\n\r\n  top: 47%;\r\n  left: 50%;\r\n\r\n  z-index: 1;\r\n\r\n  overflow: visible;\r\n\r\n  opacity: 0;\r\n\r\n  border-radius: 16px;\r\n\r\n  pointer-events: none;\r\n\r\n  cursor: pointer;\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n  transition:\r\n    left 0.62s cubic-bezier(.22,.61,.36,1),\r\n    top 0.62s cubic-bezier(.22,.61,.36,1),\r\n    width 0.62s cubic-bezier(.22,.61,.36,1),\r\n    height 0.62s cubic-bezier(.22,.61,.36,1),\r\n    opacity 0.48s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE FRAME\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-frame {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid rgba(7, 29, 70, 0.08);\r\n\r\n  border-radius: inherit;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #eef2f5,\r\n      #ffffff\r\n    );\r\n\r\n  box-shadow:\r\n    0 18px 42px rgba(7, 29, 70, 0.18);\r\n}\r\n\r\n\r\n\/*\r\n  IMPORTANT:\r\n\r\n  contain preserves the complete original image.\r\n  No cropping, stretching or facial distortion.\r\n*\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-frame img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: contain;\r\n  object-position: center center;\r\n\r\n  max-width: none;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  border: 0;\r\n\r\n  filter: none;\r\n\r\n  transform: none;\r\n\r\n  transition: none;\r\n\r\n  user-select: none;\r\n\r\n  -webkit-user-drag: none;\r\n\r\n  image-rendering: auto;\r\n\r\n  backface-visibility: visible;\r\n  -webkit-backface-visibility: visible;\r\n}\r\n\r\n\r\n\/* SUBTLE OVERLAY *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-frame::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  border-radius: inherit;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(255,255,255,0.015),\r\n      rgba(7,29,70,0.025)\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REFLECTION\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-reflection {\r\n\r\n  width: 92%;\r\n  height: 46px;\r\n\r\n  position: absolute;\r\n\r\n  top: calc(100% + 5px);\r\n  left: 4%;\r\n\r\n  overflow: hidden;\r\n\r\n  opacity: 0.09;\r\n\r\n  border-radius:\r\n    0 0 16px 16px;\r\n\r\n  pointer-events: none;\r\n\r\n  transform:\r\n    scaleY(-1);\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      rgba(0,0,0,0.46),\r\n      transparent 90%\r\n    );\r\n\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      rgba(0,0,0,0.46),\r\n      transparent 90%\r\n    );\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-reflection img {\r\n\r\n  width: 100%;\r\n  height: 285px;\r\n\r\n  display: block;\r\n\r\n  object-fit: contain;\r\n  object-position: center;\r\n\r\n  max-width: none;\r\n\r\n  margin: 0;\r\n\r\n  filter:\r\n    blur(0.4px);\r\n\r\n  transform: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE CENTER\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-active {\r\n\r\n  width: 570px;\r\n  height: 285px;\r\n\r\n  left: 50%;\r\n  top: 47%;\r\n\r\n  z-index: 50;\r\n\r\n  opacity: 1;\r\n\r\n  pointer-events: auto;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-active\r\n.ss-tgc-frame {\r\n\r\n  border:\r\n    2px solid rgba(201, 154, 66, 0.72);\r\n\r\n  box-shadow:\r\n    0 28px 58px rgba(7, 29, 70, 0.24),\r\n    0 0 0 4px rgba(255,255,255,0.62);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT 1\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-left-1 {\r\n\r\n  width: 375px;\r\n  height: 220px;\r\n\r\n  left: 27%;\r\n  top: 48%;\r\n\r\n  z-index: 36;\r\n\r\n  opacity: 0.92;\r\n\r\n  pointer-events: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT 1\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-right-1 {\r\n\r\n  width: 375px;\r\n  height: 220px;\r\n\r\n  left: 73%;\r\n  top: 48%;\r\n\r\n  z-index: 36;\r\n\r\n  opacity: 0.92;\r\n\r\n  pointer-events: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT 2\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-left-2 {\r\n\r\n  width: 285px;\r\n  height: 185px;\r\n\r\n  left: 12%;\r\n  top: 49%;\r\n\r\n  z-index: 24;\r\n\r\n  opacity: 0.73;\r\n\r\n  pointer-events: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT 2\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-right-2 {\r\n\r\n  width: 285px;\r\n  height: 185px;\r\n\r\n  left: 88%;\r\n  top: 49%;\r\n\r\n  z-index: 24;\r\n\r\n  opacity: 0.73;\r\n\r\n  pointer-events: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT 3\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-left-3 {\r\n\r\n  width: 220px;\r\n  height: 155px;\r\n\r\n  left: 2%;\r\n  top: 50%;\r\n\r\n  z-index: 14;\r\n\r\n  opacity: 0.48;\r\n\r\n  pointer-events: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT 3\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-right-3 {\r\n\r\n  width: 220px;\r\n  height: 155px;\r\n\r\n  left: 98%;\r\n  top: 50%;\r\n\r\n  z-index: 14;\r\n\r\n  opacity: 0.48;\r\n\r\n  pointer-events: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIDDEN\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-slide.is-hidden {\r\n\r\n  opacity: 0;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-arrow {\r\n\r\n  width: 52px;\r\n  height: 52px;\r\n\r\n  position: absolute;\r\n\r\n  top: 47%;\r\n\r\n  z-index: 100;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  padding: 0;\r\n\r\n  border:\r\n    1px solid rgba(7,29,70,0.08);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--ss-tgc-navy);\r\n\r\n  background:\r\n    rgba(255,255,255,0.97);\r\n\r\n  box-shadow:\r\n    0 9px 24px rgba(7,29,70,0.18);\r\n\r\n  cursor: pointer;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  transition:\r\n    color 0.25s ease,\r\n    background 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-arrow:hover {\r\n\r\n  color: #ffffff;\r\n\r\n  background:\r\n    var(--ss-tgc-navy);\r\n\r\n  box-shadow:\r\n    0 14px 30px rgba(7,29,70,0.25);\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-arrow svg {\r\n\r\n  width: 25px;\r\n  height: 25px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 2.2;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-prev {\r\n\r\n  left: 18px;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-next {\r\n\r\n  right: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-dots {\r\n\r\n  min-height: 18px;\r\n\r\n  margin-top: -4px;\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 8px;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-dot {\r\n\r\n  width: 8px;\r\n  height: 8px;\r\n\r\n  flex:\r\n    0 0 8px;\r\n\r\n  padding: 0;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--ss-tgc-gray);\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    transform 0.22s ease,\r\n    background 0.22s ease;\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-dot:hover {\r\n\r\n  background:\r\n    #929ca7;\r\n\r\n  transform:\r\n    scale(1.18);\r\n}\r\n\r\n\r\n#ss-transport-gallery-clean\r\n.ss-tgc-dot.is-active {\r\n\r\n  background:\r\n    var(--ss-tgc-navy);\r\n\r\n  transform:\r\n    scale(1.2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 1500px) {\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-gallery {\r\n\r\n    height: 390px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-active {\r\n\r\n    width: 640px;\r\n    height: 320px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-1,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-1 {\r\n\r\n    width: 410px;\r\n    height: 235px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-2,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-2 {\r\n\r\n    width: 310px;\r\n    height: 195px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-3,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-3 {\r\n\r\n    width: 235px;\r\n    height: 160px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-reflection img {\r\n\r\n    height: 320px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-gallery {\r\n\r\n    height: 340px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-active {\r\n\r\n    width: 520px;\r\n    height: 270px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-1,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-1 {\r\n\r\n    width: 330px;\r\n    height: 205px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-2,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-2 {\r\n\r\n    width: 245px;\r\n    height: 170px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-3,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-3 {\r\n\r\n    width: 190px;\r\n    height: 145px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-reflection img {\r\n\r\n    height: 270px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #ss-transport-gallery-clean {\r\n\r\n    padding:\r\n      30px 10px 24px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-header {\r\n\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-header h2 {\r\n\r\n    font-size:\r\n      clamp(30px, 6.6vw, 43px);\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-header p {\r\n\r\n    max-width: 690px;\r\n\r\n    font-size: 11px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-gallery {\r\n\r\n    height: 320px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-active {\r\n\r\n    width:\r\n      min(74vw, 540px);\r\n\r\n    height: 265px;\r\n\r\n    left: 50%;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-1 {\r\n\r\n    width: 300px;\r\n    height: 195px;\r\n\r\n    left: 15%;\r\n\r\n    opacity: 0.33;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-1 {\r\n\r\n    width: 300px;\r\n    height: 195px;\r\n\r\n    left: 85%;\r\n\r\n    opacity: 0.33;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-2,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-2,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-3,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-3 {\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-reflection img {\r\n\r\n    height: 265px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  #ss-transport-gallery-clean {\r\n\r\n    padding:\r\n      28px 7px 22px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-eyebrow {\r\n\r\n    font-size: 7px;\r\n\r\n    letter-spacing: 2.2px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-header h2 {\r\n\r\n    font-size:\r\n      clamp(28px, 9.6vw, 40px);\r\n\r\n    letter-spacing:\r\n      -1.4px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-header p {\r\n\r\n    max-width: 380px;\r\n\r\n    font-size: 9.8px;\r\n\r\n    line-height: 1.4;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-gallery {\r\n\r\n    height: 285px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-active {\r\n\r\n    width:\r\n      calc(100vw - 42px);\r\n\r\n    max-width: 460px;\r\n\r\n    height: 230px;\r\n\r\n    left: 50%;\r\n    top: 48%;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-1,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-1,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-2,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-2,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-left-3,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide.is-right-3 {\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-reflection {\r\n\r\n    display: none;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-arrow {\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    top: 48%;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-prev {\r\n\r\n    left: 2px;\r\n  }\r\n\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-next {\r\n\r\n    right: 2px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-slide,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-arrow,\r\n  #ss-transport-gallery-clean\r\n  .ss-tgc-dot {\r\n\r\n    transition: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  const root =\r\n    document.getElementById(\r\n      \"ss-transport-gallery-clean\"\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n  if (\r\n    root.dataset.ssTgcInitialized === \"true\"\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  root.dataset.ssTgcInitialized =\r\n    \"true\";\r\n\r\n\r\n  \/* =====================================================\r\n     GALLERY IMAGES\r\n  ====================================================== *\/\r\n\r\n  const gallery = [\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Sunny_Aeropuerto_036-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Transportation services for corporate groups\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/Sunny_Aeropuerto_037-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Transportation for incentives and conventions\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/123.jpg\",\r\n\r\n      alt:\r\n        \"Sunnyside DMC private transportation service\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Sunny_Aeropuerto_029-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Professional airport transportation service\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/Sunny_Aeropuerto_020.jpg\",\r\n\r\n      alt:\r\n        \"Airport transportation operation\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Sunny_Aeropuerto_045-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Group transportation logistics\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Sunny_Aeropuerto_008-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Airport meet and greet transportation\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/DSC_0074-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Transportation for incentives and conventions\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-14-at-11.14.29-AM.jpeg\",\r\n\r\n      alt:\r\n        \"Transportation for meetings and special events\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/ABBOT.jpeg\",\r\n\r\n      alt:\r\n        \"Corporate transportation program\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/Sunny_Aeropuerto_016-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Transportation for incentives and conventions\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/IMG-20250603-WA0087-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Transportation for incentives and conventions\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/DSC_0023-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Sunnyside DMC group transportation\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/IMG-20250603-WA0067-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Sunnyside DMC group transportation\"\r\n    },\r\n\r\n    {\r\n      image:\r\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/IMG-20250603-WA0049-scaled.jpg\",\r\n\r\n      alt:\r\n        \"Transportation solutions for group programs\"\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  \/* =====================================================\r\n     ELEMENTS\r\n  ====================================================== *\/\r\n\r\n  const galleryElement =\r\n    root.querySelector(\r\n      \".ss-tgc-gallery\"\r\n    );\r\n\r\n\r\n  const stage =\r\n    root.querySelector(\r\n      \".ss-tgc-stage\"\r\n    );\r\n\r\n\r\n  const dotsContainer =\r\n    root.querySelector(\r\n      \".ss-tgc-dots\"\r\n    );\r\n\r\n\r\n  const previousButton =\r\n    root.querySelector(\r\n      \".ss-tgc-prev\"\r\n    );\r\n\r\n\r\n  const nextButton =\r\n    root.querySelector(\r\n      \".ss-tgc-next\"\r\n    );\r\n\r\n\r\n  if (\r\n    !galleryElement ||\r\n    !stage ||\r\n    !dotsContainer ||\r\n    !previousButton ||\r\n    !nextButton ||\r\n    gallery.length === 0\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     CREATE SLIDES\r\n  ====================================================== *\/\r\n\r\n  gallery.forEach(\r\n    function (item, index) {\r\n\r\n      const slide =\r\n        document.createElement(\"div\");\r\n\r\n\r\n      slide.className =\r\n        \"ss-tgc-slide is-hidden\";\r\n\r\n\r\n      slide.setAttribute(\r\n        \"role\",\r\n        \"group\"\r\n      );\r\n\r\n\r\n      slide.setAttribute(\r\n        \"aria-label\",\r\n        (index + 1) +\r\n        \" of \" +\r\n        gallery.length\r\n      );\r\n\r\n\r\n      const frame =\r\n        document.createElement(\"div\");\r\n\r\n\r\n      frame.className =\r\n        \"ss-tgc-frame\";\r\n\r\n\r\n      const image =\r\n        document.createElement(\"img\");\r\n\r\n\r\n      image.src =\r\n        item.image;\r\n\r\n\r\n      image.alt =\r\n        item.alt;\r\n\r\n\r\n      image.loading =\r\n        index < 4\r\n          ? \"eager\"\r\n          : \"lazy\";\r\n\r\n\r\n      image.decoding =\r\n        \"async\";\r\n\r\n\r\n      image.draggable =\r\n        false;\r\n\r\n\r\n      frame.appendChild(\r\n        image\r\n      );\r\n\r\n\r\n      const reflection =\r\n        document.createElement(\"div\");\r\n\r\n\r\n      reflection.className =\r\n        \"ss-tgc-reflection\";\r\n\r\n\r\n      reflection.setAttribute(\r\n        \"aria-hidden\",\r\n        \"true\"\r\n      );\r\n\r\n\r\n      const reflectionImage =\r\n        document.createElement(\"img\");\r\n\r\n\r\n      reflectionImage.src =\r\n        item.image;\r\n\r\n\r\n      reflectionImage.alt =\r\n        \"\";\r\n\r\n\r\n      reflectionImage.loading =\r\n        \"lazy\";\r\n\r\n\r\n      reflectionImage.decoding =\r\n        \"async\";\r\n\r\n\r\n      reflectionImage.draggable =\r\n        false;\r\n\r\n\r\n      reflection.appendChild(\r\n        reflectionImage\r\n      );\r\n\r\n\r\n      slide.appendChild(\r\n        frame\r\n      );\r\n\r\n\r\n      slide.appendChild(\r\n        reflection\r\n      );\r\n\r\n\r\n      stage.appendChild(\r\n        slide\r\n      );\r\n\r\n\r\n      const dot =\r\n        document.createElement(\"button\");\r\n\r\n\r\n      dot.type =\r\n        \"button\";\r\n\r\n\r\n      dot.className =\r\n        \"ss-tgc-dot\";\r\n\r\n\r\n      dot.setAttribute(\r\n        \"aria-label\",\r\n        \"Show image \" +\r\n        (index + 1)\r\n      );\r\n\r\n\r\n      dotsContainer.appendChild(\r\n        dot\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  const slides =\r\n    Array.from(\r\n      stage.querySelectorAll(\r\n        \".ss-tgc-slide\"\r\n      )\r\n    );\r\n\r\n\r\n  const dots =\r\n    Array.from(\r\n      dotsContainer.querySelectorAll(\r\n        \".ss-tgc-dot\"\r\n      )\r\n    );\r\n\r\n\r\n  \/* =====================================================\r\n     STATE\r\n  ====================================================== *\/\r\n\r\n  let currentIndex = 0;\r\n\r\n  let autoplayTimer = null;\r\n\r\n  let touchStartX = 0;\r\n\r\n  let pointerStartX = 0;\r\n\r\n  let pointerIsDown = false;\r\n\r\n\r\n  \/* =====================================================\r\n     NORMALIZE INDEX\r\n  ====================================================== *\/\r\n\r\n  function normalizeIndex(index) {\r\n\r\n    const total =\r\n      slides.length;\r\n\r\n\r\n    return (\r\n      (index % total) + total\r\n    ) % total;\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     RELATIVE POSITION\r\n  ====================================================== *\/\r\n\r\n  function getRelativePosition(index) {\r\n\r\n    const total =\r\n      slides.length;\r\n\r\n\r\n    let difference =\r\n      index - currentIndex;\r\n\r\n\r\n    if (\r\n      difference >\r\n      total \/ 2\r\n    ) {\r\n\r\n      difference -= total;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      difference <\r\n      -total \/ 2\r\n    ) {\r\n\r\n      difference += total;\r\n\r\n    }\r\n\r\n\r\n    return difference;\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     RENDER\r\n  ====================================================== *\/\r\n\r\n  function render() {\r\n\r\n    currentIndex =\r\n      normalizeIndex(\r\n        currentIndex\r\n      );\r\n\r\n\r\n    slides.forEach(\r\n      function (slide, index) {\r\n\r\n        const position =\r\n          getRelativePosition(\r\n            index\r\n          );\r\n\r\n\r\n        slide.className =\r\n          \"ss-tgc-slide\";\r\n\r\n\r\n        slide.setAttribute(\r\n          \"aria-hidden\",\r\n          position === 0\r\n            ? \"false\"\r\n            : \"true\"\r\n        );\r\n\r\n\r\n        if (position === 0) {\r\n\r\n          slide.classList.add(\r\n            \"is-active\"\r\n          );\r\n\r\n        } else if (\r\n          position === -1\r\n        ) {\r\n\r\n          slide.classList.add(\r\n            \"is-left-1\"\r\n          );\r\n\r\n        } else if (\r\n          position === 1\r\n        ) {\r\n\r\n          slide.classList.add(\r\n            \"is-right-1\"\r\n          );\r\n\r\n        } else if (\r\n          position === -2\r\n        ) {\r\n\r\n          slide.classList.add(\r\n            \"is-left-2\"\r\n          );\r\n\r\n        } else if (\r\n          position === 2\r\n        ) {\r\n\r\n          slide.classList.add(\r\n            \"is-right-2\"\r\n          );\r\n\r\n        } else if (\r\n          position === -3\r\n        ) {\r\n\r\n          slide.classList.add(\r\n            \"is-left-3\"\r\n          );\r\n\r\n        } else if (\r\n          position === 3\r\n        ) {\r\n\r\n          slide.classList.add(\r\n            \"is-right-3\"\r\n          );\r\n\r\n        } else {\r\n\r\n          slide.classList.add(\r\n            \"is-hidden\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    dots.forEach(\r\n      function (dot, index) {\r\n\r\n        const isActive =\r\n          index === currentIndex;\r\n\r\n\r\n        dot.classList.toggle(\r\n          \"is-active\",\r\n          isActive\r\n        );\r\n\r\n\r\n        dot.setAttribute(\r\n          \"aria-current\",\r\n          isActive\r\n            ? \"true\"\r\n            : \"false\"\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     NAVIGATION\r\n  ====================================================== *\/\r\n\r\n  function nextSlide() {\r\n\r\n    currentIndex =\r\n      normalizeIndex(\r\n        currentIndex + 1\r\n      );\r\n\r\n\r\n    render();\r\n\r\n  }\r\n\r\n\r\n  function previousSlide() {\r\n\r\n    currentIndex =\r\n      normalizeIndex(\r\n        currentIndex - 1\r\n      );\r\n\r\n\r\n    render();\r\n\r\n  }\r\n\r\n\r\n  previousButton.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      previousSlide();\r\n\r\n      restartAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  nextButton.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      nextSlide();\r\n\r\n      restartAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  slides.forEach(\r\n    function (slide, index) {\r\n\r\n      slide.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          currentIndex =\r\n            index;\r\n\r\n\r\n          render();\r\n\r\n          restartAutoplay();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  dots.forEach(\r\n    function (dot, index) {\r\n\r\n      dot.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          currentIndex =\r\n            index;\r\n\r\n\r\n          render();\r\n\r\n          restartAutoplay();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     KEYBOARD\r\n  ====================================================== *\/\r\n\r\n  galleryElement.addEventListener(\r\n    \"keydown\",\r\n    function (event) {\r\n\r\n      if (\r\n        event.key === \"ArrowRight\"\r\n      ) {\r\n\r\n        event.preventDefault();\r\n\r\n        nextSlide();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        event.key === \"ArrowLeft\"\r\n      ) {\r\n\r\n        event.preventDefault();\r\n\r\n        previousSlide();\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     TOUCH\r\n  ====================================================== *\/\r\n\r\n  galleryElement.addEventListener(\r\n    \"touchstart\",\r\n    function (event) {\r\n\r\n      touchStartX =\r\n        event.changedTouches[0]\r\n        .clientX;\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  galleryElement.addEventListener(\r\n    \"touchend\",\r\n    function (event) {\r\n\r\n      const touchEndX =\r\n        event.changedTouches[0]\r\n        .clientX;\r\n\r\n\r\n      const distance =\r\n        touchEndX -\r\n        touchStartX;\r\n\r\n\r\n      if (\r\n        Math.abs(distance) < 45\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      if (distance < 0) {\r\n\r\n        nextSlide();\r\n\r\n      } else {\r\n\r\n        previousSlide();\r\n\r\n      }\r\n\r\n\r\n      restartAutoplay();\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     POINTER DRAG\r\n  ====================================================== *\/\r\n\r\n  stage.addEventListener(\r\n    \"pointerdown\",\r\n    function (event) {\r\n\r\n      pointerIsDown = true;\r\n\r\n      pointerStartX =\r\n        event.clientX;\r\n\r\n\r\n      stage.setPointerCapture(\r\n        event.pointerId\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  stage.addEventListener(\r\n    \"pointerup\",\r\n    function (event) {\r\n\r\n      if (!pointerIsDown) {\r\n        return;\r\n      }\r\n\r\n\r\n      pointerIsDown = false;\r\n\r\n\r\n      const distance =\r\n        event.clientX -\r\n        pointerStartX;\r\n\r\n\r\n      if (\r\n        Math.abs(distance) < 55\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      if (distance < 0) {\r\n\r\n        nextSlide();\r\n\r\n      } else {\r\n\r\n        previousSlide();\r\n\r\n      }\r\n\r\n\r\n      restartAutoplay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  stage.addEventListener(\r\n    \"pointercancel\",\r\n    function () {\r\n\r\n      pointerIsDown = false;\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     AUTOPLAY\r\n  ====================================================== *\/\r\n\r\n  function stopAutoplay() {\r\n\r\n    if (!autoplayTimer) {\r\n      return;\r\n    }\r\n\r\n\r\n    window.clearInterval(\r\n      autoplayTimer\r\n    );\r\n\r\n\r\n    autoplayTimer = null;\r\n\r\n  }\r\n\r\n\r\n  function startAutoplay() {\r\n\r\n    stopAutoplay();\r\n\r\n\r\n    autoplayTimer =\r\n      window.setInterval(\r\n        function () {\r\n\r\n          nextSlide();\r\n\r\n        },\r\n        5000\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function restartAutoplay() {\r\n\r\n    stopAutoplay();\r\n\r\n    startAutoplay();\r\n\r\n  }\r\n\r\n\r\n  galleryElement.addEventListener(\r\n    \"mouseenter\",\r\n    stopAutoplay\r\n  );\r\n\r\n\r\n  galleryElement.addEventListener(\r\n    \"mouseleave\",\r\n    startAutoplay\r\n  );\r\n\r\n\r\n  galleryElement.addEventListener(\r\n    \"focusin\",\r\n    stopAutoplay\r\n  );\r\n\r\n\r\n  galleryElement.addEventListener(\r\n    \"focusout\",\r\n    startAutoplay\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    \"visibilitychange\",\r\n    function () {\r\n\r\n      if (document.hidden) {\r\n\r\n        stopAutoplay();\r\n\r\n      } else {\r\n\r\n        startAutoplay();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     INITIALIZE\r\n  ====================================================== *\/\r\n\r\n  render();\r\n\r\n  startAutoplay();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2359b49 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"2359b49\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42bcd7e\" data-id=\"42bcd7e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56dbaf6 elementor-widget elementor-widget-html\" data-id=\"56dbaf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\r\nDMC SHORE EXCURSIONS GALLERY\r\n========================= -->\r\n\r\n<section id=\"dmc-shore-gallery\">\r\n\r\n    <div class=\"dmc-gallery-header\">\r\n        <h2>B2B Testimonials<\/h2>\r\n        <div class=\"dmc-title-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-gallery-container\">\r\n\r\n        <button class=\"dmc-nav dmc-prev\" aria-label=\"Previous\">\r\n            &#10094;\r\n        <\/button>\r\n\r\n        <div class=\"dmc-gallery-track\">\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Marplay.png\" alt=\"\">\r\n            <\/div>\r\n              <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/11\/imagen_2025-11-07_144620705.png\" alt=\"\">\r\n            <\/div>\r\n\r\n         <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n    \r\n           \r\n            \r\n    \r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n\r\n          \r\n        <\/div>\r\n\r\n        <button class=\"dmc-nav dmc-next\" aria-label=\"Next\">\r\n            &#10095;\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n#dmc-shore-gallery{\r\n    width:100% !important;\r\n    max-width:1600px !important;\r\n    margin:60px auto !important;\r\n    padding:0 20px !important;\r\n    box-sizing:border-box !important;\r\n    font-family:Arial, Helvetica, sans-serif !important;\r\n}\r\n\r\n#dmc-shore-gallery *{\r\n    box-sizing:border-box !important;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n#dmc-shore-gallery .dmc-gallery-header{\r\n    display:flex !important;\r\n    flex-direction:column !important;\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n    text-align:center !important;\r\n    margin-bottom:35px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-header h2{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    font-size:38px !important;\r\n    line-height:1.2 !important;\r\n    font-weight:800 !important;\r\n    color:#0d2b4d !important;\r\n    text-transform:uppercase !important;\r\n    letter-spacing:1px !important;\r\n    max-width:1000px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-title-line{\r\n    width:120px !important;\r\n    height:4px !important;\r\n    margin:15px auto 0 auto !important;\r\n    border-radius:50px !important;\r\n    background:#c9a45c !important;\r\n}\r\n\r\n\/* GALLERY *\/\r\n\r\n#dmc-shore-gallery .dmc-gallery-container{\r\n    position:relative !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-track{\r\n    display:flex !important;\r\n    gap:18px !important;\r\n    overflow-x:auto !important;\r\n    scroll-behavior:smooth !important;\r\n    scrollbar-width:none !important;\r\n    -ms-overflow-style:none !important;\r\n    padding:5px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-track::-webkit-scrollbar{\r\n    display:none !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item{\r\n    flex:0 0 auto !important;\r\n    width:340px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item img{\r\n    width:100% !important;\r\n    height:240px !important;\r\n    display:block !important;\r\n    object-fit:contain !important;\r\n    border-radius:18px !important;\r\n    transition:all .35s ease !important;\r\n    cursor:pointer !important;\r\n    box-shadow:0 4px 15px rgba(0,0,0,.10) !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item img:hover{\r\n    transform:scale(1.04) !important;\r\n    box-shadow:0 10px 25px rgba(0,0,0,.20) !important;\r\n}\r\n\r\n\/* ARROWS *\/\r\n\r\n#dmc-shore-gallery .dmc-nav{\r\n    position:absolute !important;\r\n    top:50% !important;\r\n    transform:translateY(-50%) !important;\r\n    width:54px !important;\r\n    height:54px !important;\r\n    border:none !important;\r\n    border-radius:50% !important;\r\n    background:#ffffff !important;\r\n    color:#0d2b4d !important;\r\n    font-size:22px !important;\r\n    font-weight:bold !important;\r\n    cursor:pointer !important;\r\n    z-index:999 !important;\r\n    box-shadow:0 5px 20px rgba(0,0,0,.15) !important;\r\n    transition:all .25s ease !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-nav:hover{\r\n    transform:translateY(-50%) scale(1.08) !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-prev{\r\n    left:-10px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-next{\r\n    right:-10px !important;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width:1200px){\r\n\r\n    #dmc-shore-gallery .dmc-item{\r\n        width:300px !important;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width:768px){\r\n\r\n    #dmc-shore-gallery{\r\n        padding:0 15px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-gallery-header h2{\r\n        font-size:24px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-item{\r\n        width:260px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-item img{\r\n        height:190px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-nav{\r\n        width:42px !important;\r\n        height:42px !important;\r\n        font-size:18px !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const gallery = document.querySelector('#dmc-shore-gallery');\r\n\r\n    if(!gallery) return;\r\n\r\n    const track = gallery.querySelector('.dmc-gallery-track');\r\n    const next = gallery.querySelector('.dmc-next');\r\n    const prev = gallery.querySelector('.dmc-prev');\r\n\r\n    next.addEventListener('click', function(){\r\n\r\n        track.scrollBy({\r\n            left:380,\r\n            behavior:'smooth'\r\n        });\r\n\r\n    });\r\n\r\n    prev.addEventListener('click', function(){\r\n\r\n        track.scrollBy({\r\n            left:-380,\r\n            behavior:'smooth'\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea6eb16 elementor-widget__width-inherit elementor-testimonial--align-left elementor-testimonial--mobile-align-left elementor-testimonial--skin-default elementor-testimonial--layout-image_inline elementor-pagination-type-bullets elementor-widget elementor-widget-testimonial-carousel\" data-id=\"ea6eb16\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:50,&quot;sizes&quot;:[]},&quot;slides_per_view&quot;:&quot;1&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;speed&quot;:500,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;loop&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]}}\" data-widget_type=\"testimonial-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\">\n\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial__content\">\n\t\t\t\t\t<div class=\"elementor-testimonial__text\">\n\t\t\t\t\t\tI would like to take this opportunity to express my recognition of sunnyside dmc services, with whom i have had the chance to collaborate on several occasions within the tourist destination of ixtapa-zihuatanejo.\n\nduring this time, i have been able to witness their professionalism, commitment, and high level of service in the operation of tourist transportation and in attending to both national and international visitors. sunnyside dmc stands out for its track record of excellence, punctuality, vehicles in optimal condition, and highly trained, uniformed staff, which ensures a safe and quality experience for our visitors.\n\nin light of the above, i highly recommend sunnyside dmc as a reliable and professional partner within the tourism sector, confident that their involvement represents added value for any project or collaboration in the destination.Durante este tiempo, he podido constatar su profesionalismo, compromiso y alto nivel de servicio en la operaci\u00f3n de transportaci\u00f3n tur\u00edstica y atenci\u00f3n a visitantes nacionales e internacionales. Sunnyside DMC se distingue por su historial de excelencia, puntualidad, unidades en \u00f3ptimas condiciones y personal altamente capacitado y uniformado, lo que garantiza una experiencia segura y de calidad para nuestros visitantes.\nEn virtud de lo anterior, recomiendo ampliamente a Sunnyside DMC como un aliado confiable y profesional dentro del sector tur\u00edstico, seguros de que su participaci\u00f3n representa un valor agregado para cualquier proyecto o colaboraci\u00f3n en el destino.\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-testimonial__footer\">\n\t\t\t\t\t\t\t\t<cite class=\"elementor-testimonial__cite\"><span class=\"elementor-testimonial__name\">Pedro Castel\u00e1n Reyna<\/span><span class=\"elementor-testimonial__title\">Executive director at the ixtapa-zihuatanejo convention & visitors bureau \u2013 ocviz<\/span><\/cite>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial__content\">\n\t\t\t\t\t<div class=\"elementor-testimonial__text\">\n\t\t\t\t\t\tIt is a great pleasure to highly recommend sunnyside dmc, a company with which i have had the pleasure of collaborating on multiple occasions throughout my career in the tourism and events sector.\n\nas a hotelier and current director of whm events, i have worked with numerous transportation and logistics providers, and i can state with full confidence that sunnyside dmc is a reliable, professional, and expert partner in their field.\n\ntheir team stands out for excellent coordination, punctuality, personalized attention, and a strong commitment to service quality, both for corporate groups and special events, as well as for individual clients requiring private transfers or customized excursions.\n\nin every project, they have demonstrated great responsiveness, attention to detail, and a proactive attitude that ensures client satisfaction. for these reasons, i consider sunnyside dmc a strategic partner for any company in the tourism sector seeking comprehensive transportation and logistics solutions with high service standards.\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-testimonial__footer\">\n\t\t\t\t\t\t\t\t<cite class=\"elementor-testimonial__cite\"><span class=\"elementor-testimonial__name\">Guadalupe \u00c1vila<\/span><span class=\"elementor-testimonial__title\">Commercial Director at WHM Events and President of MPI Mexican Caribbean 2026<\/span><\/cite>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial__content\">\n\t\t\t\t\t<div class=\"elementor-testimonial__text\">\n\t\t\t\t\t\tI would like to take this opportunity to express my sincerest recommendation for sunnyside dmc, a company with which we have had the pleasure of collaborating on various transportation and tourism logistics services in the mexican caribbean, and primarily in ixtapa-zihuatanejo.\n\nas a business owner and representative of corad meeting planner, i have had the opportunity to work with multiple providers in the sector, and i can state with full confidence that sunnyside dmc stands out for its professionalism, punctuality, and personalized attention. their team of drivers and coordinators consistently demonstrates an exceptional service mindset, taking care of every detail to ensure safe, comfortable, and high-quality experiences.\n\nin every project, they have shown commitment, flexibility, and a high level of organization, perfectly adapting to the needs of our clients and events. for these reasons, i highly recommend sunnyside dmc as a reliable partner for any company or individual seeking tourism transportation or professional logistics services.\n\nwithout a doubt, they will continue to be our strategic partners in future projects.\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-testimonial__footer\">\n\t\t\t\t\t\t\t\t<cite class=\"elementor-testimonial__cite\"><span class=\"elementor-testimonial__name\">Francisco Cachafeiro<\/span><span class=\"elementor-testimonial__title\">Founding partner at corad meeting planner<\/span><\/cite>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial__content\">\n\t\t\t\t\t<div class=\"elementor-testimonial__text\">\n\t\t\t\t\t\tIt is my pleasure to write this professional letter of recommendation on behalf of Sunnyside DMC, with whom I have had the pleasure of collaborating on the various services they provide in Ixtapa-Zihuatanejo and throughout Mexico.\n\nOver the course of our 16-year business relationship and collaboration, they have consistently strengthened and supported my services. During this time, they have demonstrated outstanding professionalism, a high level of commitment, and strong work ethics in every service I have required.\n\nI would particularly like to highlight their prompt responsiveness and their consistent ability to meet the highest standards while proactively adapting to our operational needs.\n\nFor all these reasons, I have no hesitation in recommending Sunnyside DMC as a reliable, highly professional, and strategic partner for any organization seeking their services.\n\nPlease feel free to contact me should you require any additional information or more specific references regarding our experience working with them.\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-testimonial__footer\">\n\t\t\t\t\t\t\t\t<cite class=\"elementor-testimonial__cite\"><span class=\"elementor-testimonial__name\">Maria del Rosario Acosta<\/span><span class=\"elementor-testimonial__title\">CEO<\/span><\/cite>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-98f01ff elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"98f01ff\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-064492f\" data-id=\"064492f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4d48f68 elementor-widget elementor-widget-html\" data-id=\"4d48f68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n\r\n\/* ===== AISLAMIENTO TOTAL ===== *\/\r\n.dmc-section, \r\n.dmc-section *{\r\n  box-sizing:border-box !important;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.dmc-section{\r\n  width:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  padding:40px 15px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* WRAPPER *\/\r\n.dmc-title{\r\n  width:100%;\r\n  max-width:900px;\r\n  text-align:center;\r\n}\r\n\r\n\/* LABEL (SPAN MODIFICADO) *\/\r\n.dmc-title span{\r\n  display:inline-block;\r\n  padding:10px 24px;\r\n\r\n  background:#202F59; \/* \ud83d\udd25 COLOR SOLIDO *\/\r\n  border:none; \/* opcional quitar borde *\/\r\n  border-radius:50px;\r\n\r\n  color:#ffffff !important; \/* \ud83d\udd25 TEXTO BLANCO *\/\r\n\r\n  font-size:clamp(18px,4vw,22px) !important;\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  max-width:100%;\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.dmc-title p{\r\n  margin:0 auto;\r\n\r\n  font-size:clamp(15px,3.5vw,16px) !important;\r\n  line-height:1.5;\r\n\r\n  color:#475569 !important;\r\n\r\n  max-width:700px;\r\n\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:480px){\r\n\r\n  .dmc-title span{\r\n    padding:8px 16px;\r\n  }\r\n\r\n  .dmc-title p{\r\n    font-size:15px !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dmc-section\">\r\n\r\n  <div class=\"dmc-title\">\r\n\r\n    <span>HAVE QUESTIONS? WE\u2019VE GOT YOU COVERED. WRITE TO US<\/span>\r\n\r\n    <p>\r\n       \r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13344cf elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"13344cf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3421ec6\" data-id=\"3421ec6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbc44da elementor-widget elementor-widget-html\" data-id=\"dbc44da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- TITLE & TEXT SECTION \u2013 GROUP & CONVENTION ORGANIZATION -->\r\n<section class=\"organization-section\">\r\n  \r\n  <!-- Title -->\r\n  <div class=\"organization-title\">\r\n    <h1>ARE YOU ORGANIZING A GROUP OR CONVENTION?<\/h1>\r\n  <\/div>\r\n\r\n  <!-- Descriptive text -->\r\n  <div class=\"organization-text\">\r\n    <p>If one of our services is what you\u2019re looking for, complete the form below and one of our specialists will contact you shortly to help create an exceptional experience.<\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* General container *\/\r\n.organization-section {\r\n  margin-bottom: 40px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Title on white background *\/\r\n.organization-title {\r\n  background-color: #ffffff;\r\n  text-align: center;\r\n  padding: 40px 20px;\r\n  border-radius: 12px 12px 0 0;\r\n}\r\n\r\n.organization-title h1 {\r\n  font-family: \"Poppins\", sans-serif;\r\n  font-size: 1.4rem; \/* Reduced size *\/\r\n  font-weight: 700;\r\n  color: #202F59; \/* Corporate blue *\/\r\n  margin: 0;\r\n  letter-spacing: 1px;\r\n  line-height: 1.3;\r\n  text-transform: uppercase; \/* All caps *\/\r\n}\r\n\r\n\/* Descriptive text *\/\r\n.organization-text {\r\n  background-color: #ffffff;\r\n  text-align: center;\r\n  padding: 20px 25px 40px 25px;\r\n}\r\n\r\n.organization-text p {\r\n  font-family: \"Poppins\", sans-serif;\r\n  font-size: 15px;\r\n  color: #202F59; \/* Corporate blue *\/\r\n  margin: 0;\r\n  line-height: 1.5;\r\n  text-align: center;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .organization-title h1 {\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .organization-text p {\r\n    font-size: 14px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41fc144 elementor-widget elementor-widget-image\" data-id=\"41fc144\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"394\" height=\"388\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/10\/girl.png\" class=\"attachment-full size-full wp-image-8144\" alt=\"\" srcset=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/10\/girl.png 394w, https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/10\/girl-300x295.png 300w\" sizes=\"(max-width: 394px) 100vw, 394px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-9983484\" data-id=\"9983484\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-89a8dec elementor-widget elementor-widget-html\" data-id=\"89a8dec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FORMULARIO DE CONTACTO \u2013 ORGANIZACI\u00d3N DE GRUPOS --> <section id=\"contact-form\" class=\"formulario-seccion\"> <form id=\"grupoForm\" action=\"https:\/\/formspree.io\/f\/xdawplge\" method=\"POST\"> <!-- Campo Nombre --> <label for=\"nombre\">Name:<\/label> <input type=\"text\" id=\"nombre\" name=\"Nombre\" placeholder=\"Your name\" required> <!-- Campo Email --> <label for=\"email\">Email:<\/label> <input type=\"email\" id=\"email\" name=\"Email\" placeholder=\"Your email\" required> <!-- Campo Tel\u00e9fono con pa\u00eds --> <label for=\"telefono\">Contact Phone:<\/label> <div class=\"telefono-input\"> <select id=\"pais\" name=\"Pais\" required> <option value=\"+54\">\ud83c\udde6\ud83c\uddf7 Argentina +54<\/option> <option value=\"+61\">\ud83c\udde6\ud83c\uddfa Australia +61<\/option> <option value=\"+43\">\ud83c\udde6\ud83c\uddf9 Austria +43<\/option> <option value=\"+32\">\ud83c\udde7\ud83c\uddea Belgium +32<\/option> <option value=\"+55\">\ud83c\udde7\ud83c\uddf7 Brazil +55<\/option> <option value=\"+1\">\ud83c\udde8\ud83c\udde6 Canada +1<\/option> <option value=\"+56\">\ud83c\udde8\ud83c\uddf1 Chile +56<\/option> <option value=\"+57\">\ud83c\udde8\ud83c\uddf4 Colombia +57<\/option> <option value=\"+45\">\ud83c\udde9\ud83c\uddf0 Denmark +45<\/option> <option value=\"+33\">\ud83c\uddeb\ud83c\uddf7 France +33<\/option> <option value=\"+49\">\ud83c\udde9\ud83c\uddea Germany +49<\/option> <option value=\"+39\">\ud83c\uddee\ud83c\uddf9 Italy +39<\/option> <option value=\"+52\" selected>\ud83c\uddf2\ud83c\uddfd Mexico +52<\/option> <option value=\"+31\">\ud83c\uddf3\ud83c\uddf1 Netherlands +31<\/option> <option value=\"+47\">\ud83c\uddf3\ud83c\uddf4 Norway +47<\/option> <option value=\"+507\">\ud83c\uddf5\ud83c\udde6 Panama +507<\/option> <option value=\"+51\">\ud83c\uddf5\ud83c\uddea Peru +51<\/option> <option value=\"+351\">\ud83c\uddf5\ud83c\uddf9 Portugal +351<\/option> <option value=\"+34\">\ud83c\uddea\ud83c\uddf8 Spain +34<\/option> <option value=\"+46\">\ud83c\uddf8\ud83c\uddea Sweden +46<\/option> <option value=\"+41\">\ud83c\udde8\ud83c\udded Switzerland +41<\/option> <option value=\"+44\">\ud83c\uddec\ud83c\udde7 United Kingdom +44<\/option> <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 United States +1<\/option> <\/select> <input type=\"tel\" id=\"telefono\" name=\"Telefono\" placeholder=\"Number\" required> <\/div> <!-- Cantidad de personas --> <label for=\"pax\">Estimated Number of People:<\/label> <select id=\"pax\" name=\"Pax\" required> <option value=\"\" disabled selected>Select an option<\/option> <option>1 \u2013 100 pax<\/option> <option>101 \u2013 350 pax<\/option> <option>+350 pax<\/option> <\/select> <!-- Campo oculto con asunto fijo --> <input type=\"hidden\" id=\"asuntoFijo\" name=\"AsuntoFijo\" value=\"Groups Web Page\"> <!-- Campo Asunto visible para el cliente --> <label for=\"asuntoCliente\">Subject:<\/label> <input type=\"text\" id=\"asuntoCliente\" name=\"AsuntoCliente\" placeholder=\"Subject of your message\" required> <!-- Campo Mensaje --> <label for=\"mensaje\">Message:<\/label> <textarea id=\"mensaje\" name=\"Mensaje\" placeholder=\"Write your message here\" rows=\"6\" required><\/textarea> <!-- Bot\u00f3n Enviar --> <button type=\"submit\" id=\"submitBtn\">Send<\/button> <!-- Feedback Message --> <p id=\"formMessage\" style=\"display:none; margin-top:15px;\"><\/p> <\/form> <\/section> <style> \/* Estilos b\u00e1sicos del formulario *\/ .formulario-seccion { background-color: #ffffff; padding: 40px 20px; border-radius: 12px; box-shadow: 0 6px 15px rgba(0,0,0,0.1); max-width: 600px; margin: 0 auto 40px auto; } .formulario-seccion form { display: flex; flex-direction: column; } .formulario-seccion label { font-family: \"Poppins\", sans-serif; margin-bottom: 5px; font-weight: 600; color: #202F59; } .formulario-seccion input, .formulario-seccion textarea, .formulario-seccion select { margin-bottom: 20px; padding: 12px; border-radius: 8px; border: 1px solid #ccc; font-family: \"Poppins\", sans-serif; font-size: 14px; } .telefono-input { display: flex; gap: 10px; } .telefono-input select { width: 35%; } .telefono-input input { flex: 1; } .formulario-seccion button { padding: 15px; background-color: #0C5BD2; color: #ffffff; border: none; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer; transition: background-color 0.3s; } .formulario-seccion button:hover { background-color: #0940a0; } \/* Feedback message *\/ #formMessage { font-family: \"Poppins\", sans-serif; font-weight: 600; text-align: center; } \/* Disabled button style *\/ #submitBtn:disabled { opacity: 0.7; cursor: not-allowed; } \/* Responsive *\/ @media (max-width: 480px) { .telefono-input { flex-direction: column; } .telefono-input select { width: 100%; } } <\/style> <script> \/\/ Env\u00edo sin recargar la p\u00e1gina con Formspree const grupoForm = document.getElementById(\"grupoForm\"); const submitBtn = document.getElementById(\"submitBtn\"); const formMessage = document.getElementById(\"formMessage\"); grupoForm.addEventListener(\"submit\", async function(e) { e.preventDefault(); submitBtn.innerText = \"Sending...\"; submitBtn.disabled = true; const data = new FormData(grupoForm); try { const response = await fetch(grupoForm.action, { method: \"POST\", body: data, headers: { 'Accept': 'application\/json' } }); if (response.ok) { formMessage.style.display = \"block\"; formMessage.style.color = \"green\"; formMessage.innerText = \"\u2705 Message sent successfully!\"; grupoForm.reset(); } else { throw new Error(\"Error sending message\"); } } catch (error) { formMessage.style.display = \"block\"; formMessage.style.color = \"red\"; formMessage.innerText = \"\u274c Something went wrong. Please try again.\"; } submitBtn.innerText = \"Send\"; submitBtn.disabled = false; }); <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e3c264 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e3c264\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0eb006d\" data-id=\"0eb006d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d68c814 elementor-widget elementor-widget-spacer\" data-id=\"d68c814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0812e16 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0812e16\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b2a18e\" data-id=\"2b2a18e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TOURS TRANSPORTATION MEETINGS &#038; EVENTS MEETINGS AND EVENTS We offer tailored transport solutions for groups of any size. Let us help you plan your next event. GET A QUOTE DMC EXCELLENCE THAT LEAVES A MARK We combine flawless logistics, in-depth destination knowledge, and meticulous attention to every detail to transform perfectly executed events into memorable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-7635","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/comments?post=7635"}],"version-history":[{"count":617,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635\/revisions"}],"predecessor-version":[{"id":14758,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635\/revisions\/14758"}],"wp:attachment":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/media?parent=7635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}