{"id":7711,"date":"2022-09-04T18:52:36","date_gmt":"2022-09-04T23:52:36","guid":{"rendered":"https:\/\/sunnyside.disintecsa.com\/?page_id=7711"},"modified":"2026-09-24T12:26:44","modified_gmt":"2026-09-24T18:26:44","slug":"traslados","status":"publish","type":"page","link":"https:\/\/sunnyside.com.mx\/es\/traslados\/","title":{"rendered":"Traslados"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7711\" class=\"elementor elementor-7711\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2d95b04 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"2d95b04\" 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-1e4e74d\" data-id=\"1e4e74d\" 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-584b985 elementor-widget elementor-widget-spacer\" data-id=\"584b985\" 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-5645cde elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"5645cde\" 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-ea9a234\" data-id=\"ea9a234\" 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-42149db elementor-widget elementor-widget-spacer\" data-id=\"42149db\" 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-aff9674 elementor-widget elementor-widget-html\" data-id=\"aff9674\" 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<!-- =========================================================\nSUNNYSIDE TRANSPORT HERO\nOPTION 02 \u2014 CENTERED CINEMATIC\nFULL VIEWPORT\n========================================================= -->\n\n<section id=\"ssth-transport-hero-02\">\n\n  <div class=\"ssth-overlay\"><\/div>\n\n  <div class=\"ssth-content\">\n\n    <h1 class=\"ssth-title\">\n\n      SUNNYSIDE TRANSPORT\n\n      <span class=\"ssth-title-accent\">\n        <br>\n        Reliable Transportation,<br>\n        Every Step of the Way\n      <\/span>\n\n    <\/h1>\n\n\n    <p class=\"ssth-description\">\n\n      Private airport transfers designed for comfort, safety, and total peace of mind.\n      No waiting, no confusion, no stress.\n\n    <\/p>\n\n\n    <div class=\"ssth-destination-panel\">\n\n      <div class=\"ssth-destination-label\">\n        SELECT YOUR DESTINATION\n      <\/div>\n\n\n      <div class=\"ssth-destination-selector\">\n\n        <div class=\"ssth-tabs\">\n\n\n          <button\n            type=\"button\"\n            class=\"ssth-tab ssth-active\"\n            data-url=\"https:\/\/sunnyside.com.mx\/tranfers-zihua\/\"\n            aria-selected=\"true\"\n          >\n\n            <span class=\"ssth-tab-text\">\n              IXTAPA\n            <\/span>\n\n            <span class=\"ssth-tab-indicator\"><\/span>\n\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"ssth-tab\"\n            data-url=\"https:\/\/sunnyside.com.mx\/airport-transfers-cancun\/\"\n            aria-selected=\"false\"\n          >\n\n            <span class=\"ssth-tab-text\">\n              CANCUN\n            <\/span>\n\n            <span class=\"ssth-tab-indicator\"><\/span>\n\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"ssth-tab\"\n            data-url=\"https:\/\/sunnyside.com.mx\/airport-transfer-tulum\/\"\n            aria-selected=\"false\"\n          >\n\n            <span class=\"ssth-tab-text\">\n              TULUM\n            <\/span>\n\n            <span class=\"ssth-tab-indicator\"><\/span>\n\n          <\/button>\n\n        <\/div>\n\n\n        <a\n          class=\"ssth-go-button\"\n          href=\"https:\/\/sunnyside.com.mx\/tranfers-zihua\/\"\n        >\n\n          <span>\n            GO\n          <\/span>\n\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M5 12h13\"><\/path>\n            <path d=\"m14 7 5 5-5 5\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n#ssth-transport-hero-02,\n#ssth-transport-hero-02 *{\n  box-sizing:border-box;\n}\n\n\n#ssth-transport-hero-02{\n\n  --ss-navy:#071D34;\n  --ss-yellow:#FFC629;\n\n  position:relative;\n\n  width:100vw;\n\n  min-height:650px;\n\n  left:50%;\n\n  margin-left:-50vw;\n  margin-right:-50vw;\n\n  padding:\n    70px\n    24px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  overflow:hidden;\n\n  background:\n    url('https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/08\/DSC_0097-scaled.jpg')\n    center \/ cover\n    no-repeat;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-overlay{\n\n  position:absolute;\n\n  inset:0;\n\n  z-index:1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,29,52,.35),\n      rgba(7,29,52,.78)\n    );\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-content{\n\n  position:relative;\n\n  z-index:2;\n\n  width:100%;\n\n  max-width:900px;\n\n  text-align:center;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-title{\n\n  margin:0;\n\n  color:#FFFFFF;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(48px,5.2vw,76px);\n\n  line-height:.93;\n\n  font-weight:600;\n\n  letter-spacing:-3px;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-title-accent{\n\n  color:\n    var(--ss-yellow);\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-description{\n\n  max-width:720px;\n\n  margin:\n    24px\n    auto\n    0;\n\n  color:\n    rgba(255,255,255,.88);\n\n  font-size:17px;\n\n  line-height:1.55;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-destination-panel{\n\n  width:min(700px,100%);\n\n  margin:\n    36px\n    auto\n    0;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-destination-label{\n\n  margin-bottom:10px;\n\n  color:\n    rgba(255,255,255,.82);\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:2px;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-destination-selector{\n\n  min-height:70px;\n\n  padding:8px;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 110px;\n\n  gap:8px;\n\n  border-radius:13px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 18px 40px rgba(0,0,0,.22);\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-tabs{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-tab{\n\n  position:relative;\n\n  border:0;\n\n  border-right:\n    1px solid #E2E7ED;\n\n  background:transparent;\n\n  color:#687688;\n\n  font-size:12px;\n\n  font-weight:800;\n\n  cursor:pointer;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-tab:last-child{\n\n  border-right:0;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-tab.ssth-active{\n\n  color:\n    var(--ss-navy);\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-tab-indicator{\n\n  position:absolute;\n\n  bottom:2px;\n\n  left:27%;\n  right:27%;\n\n  height:4px;\n\n  background:\n    var(--ss-yellow);\n\n  border-radius:5px;\n\n  opacity:0;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-active\n.ssth-tab-indicator{\n\n  opacity:1;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-go-button{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:12px;\n\n  border-radius:8px;\n\n  background:\n    var(--ss-navy);\n\n  color:#FFFFFF !important;\n\n  text-decoration:none !important;\n\n  font-size:12px;\n\n  font-weight:800;\n\n}\n\n\n#ssth-transport-hero-02\n.ssth-go-button svg{\n\n  width:19px;\n  height:19px;\n\n  fill:none;\n\n  stroke:\n    var(--ss-yellow);\n\n  stroke-width:2;\n\n}\n\n\n@media(max-width:650px){\n\n  #ssth-transport-hero-02{\n\n    min-height:700px;\n\n    padding:\n      50px\n      14px;\n\n  }\n\n\n  #ssth-transport-hero-02\n  .ssth-title{\n\n    font-size:\n      clamp(39px,11vw,53px);\n\n  }\n\n\n  #ssth-transport-hero-02\n  .ssth-description{\n\n    font-size:15px;\n\n  }\n\n\n  #ssth-transport-hero-02\n  .ssth-destination-selector{\n\n    grid-template-columns:\n      1fr 70px;\n\n    padding:6px;\n\n  }\n\n\n  #ssth-transport-hero-02\n  .ssth-tab{\n\n    font-size:10px;\n\n  }\n\n\n  #ssth-transport-hero-02\n  .ssth-go-button svg{\n\n    display:none;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  const hero =\n    document.getElementById(\n      'ssth-transport-hero-02'\n    );\n\n  if(!hero){\n    return;\n  }\n\n\n  const tabs =\n    hero.querySelectorAll(\n      '.ssth-tab'\n    );\n\n\n  const goButton =\n    hero.querySelector(\n      '.ssth-go-button'\n    );\n\n\n  tabs.forEach(function(tab){\n\n    tab.addEventListener(\n      'click',\n      function(){\n\n        tabs.forEach(function(item){\n\n          item.classList.remove(\n            'ssth-active'\n          );\n\n          item.setAttribute(\n            'aria-selected',\n            'false'\n          );\n\n        });\n\n\n        tab.classList.add(\n          'ssth-active'\n        );\n\n\n        tab.setAttribute(\n          'aria-selected',\n          'true'\n        );\n\n\n        goButton.setAttribute(\n          'href',\n          tab.getAttribute('data-url')\n        );\n\n      }\n    );\n\n  });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1245ee elementor-widget elementor-widget-html\" data-id=\"b1245ee\" 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<!-- =========================================================\nSUNNYSIDE TRANSPORTATION\nOPTION 03B \u2014 WHITE EDITORIAL + CINEMATIC IMAGE\nFULL VIEWPORT WIDTH\n========================================================= -->\n\n<section id=\"ss-transport-r3\">\n\n  <div class=\"ss-r1-wrap\">\n\n\n    <!-- =====================================================\n         CONTENT FIRST\n    ====================================================== -->\n\n    <div class=\"ss-r1-content\">\n\n\n      <!-- ===================================================\n           HEADER\n      ==================================================== -->\n\n      <div class=\"ss-r1-heading-row\">\n\n        <div class=\"ss-r1-heading-copy\">\n\n          <span class=\"ss-r1-kicker\">\n            TRANSPORTATION\n          <\/span>\n\n          <h2>\n            Seamless Travel,<br>\n            <span>Exceptional Service<\/span>\n          <\/h2>\n\n        <\/div>\n\n\n        <div class=\"ss-r1-top-services\">\n\n          <span>Meet &amp; Greet<\/span>\n\n          <span>Private Transfers<\/span>\n\n          <span>Groups &amp; Events<\/span>\n\n          <span>Dedicated Support<\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- ACCENT -->\n\n      <div class=\"ss-r1-line\"><\/div>\n\n\n      <!-- ===================================================\n           BODY\n      ==================================================== -->\n\n      <div class=\"ss-r1-body-grid\">\n\n\n        <!-- LEFT COPY -->\n\n        <div class=\"ss-r1-body-copy\">\n\n          <p class=\"ss-r1-intro\">\n            At SunnySide DMC Services, transportation is more than getting from one place to another it's an essential part of the guest experience. Our dedicated team delivers professional service, attention to detail, and reliable logistics to ensure every journey is comfortable and effortless.\n          <\/p>\n\n\n          <div class=\"ss-r1-closing\">\n            From airport arrivals to special events and destination experiences, SunnySide DMC Services is committed to creating seamless travel moments that exceed expectations.\n          <\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT BENEFITS -->\n\n        <ul class=\"ss-r1-list\">\n\n          <li>\n\n            <i>\u2713<\/i>\n\n            <span>\n              Personalized airport meet &amp; greet services.\n            <\/span>\n\n          <\/li>\n\n\n          <li>\n\n            <i>\u2713<\/i>\n\n            <span>\n              Transportation solutions for individuals and groups.\n            <\/span>\n\n          <\/li>\n\n\n          <li>\n\n            <i>\u2713<\/i>\n\n            <span>\n              Expert coordination for conventions, meetings, and incentive programs.\n            <\/span>\n\n          <\/li>\n\n\n          <li>\n\n            <i>\u2713<\/i>\n\n            <span>\n              Dedicated support throughout your stay.\n            <\/span>\n\n          <\/li>\n\n\n          <li>\n\n            <i>\u2713<\/i>\n\n            <span>\n              Local expertise backed by exceptional service standards.\n            <\/span>\n\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CINEMATIC IMAGE AFTER CONTENT\n    ====================================================== -->\n\n    <div class=\"ss-r1-image\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Sunny_Aeropuerto_008-scaled.jpg\"\n        alt=\"Airport Transportation Service\"\n      >\n\n      <div class=\"ss-r1-image-overlay\"><\/div>\n\n\n      <div class=\"ss-r1-badge\">\n\n        <strong>\n          SunnySide DMC Services\n        <\/strong>\n\n        <span>\n          Transportation Excellence\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nSUNNYSIDE TRANSPORTATION\nOPTION 03B \u2014 WHITE EDITORIAL + CINEMATIC IMAGE\n============================================================ *\/\n\n#ss-transport-r3,\n#ss-transport-r3 *{\n  box-sizing:border-box;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-transport-r3{\n\n  --ss-navy:#071D34;\n  --ss-navy2:#0A294A;\n  --ss-yellow:#FFC629;\n\n  --ss-text:#26384A;\n  --ss-muted:#687688;\n  --ss-border:#E2E7ED;\n  --ss-soft:#F6F8FA;\n\n  position:relative;\n\n  width:100vw;\n  max-width:100vw;\n\n  left:50%;\n\n  margin-left:-50vw;\n  margin-right:-50vw;\n\n  padding:\n    42px\n    clamp(14px,2.2vw,42px)\n    48px;\n\n  overflow:hidden;\n\n  background:\n    var(--ss-soft);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n}\n\n\n\/* ============================================================\nWRAPPER\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-wrap{\n\n  width:100%;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--ss-border);\n\n  border-radius:15px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 14px 35px rgba(7,29,52,.07);\n\n}\n\n\n\/* ============================================================\nCONTENT\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-content{\n\n  position:relative;\n\n  padding:\n    42px\n    clamp(25px,3.2vw,52px)\n    40px;\n\n  background:#FFFFFF;\n\n}\n\n\n\/* TOP YELLOW DETAIL *\/\n\n#ss-transport-r3\n.ss-r1-content:before{\n\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:50%;\n\n  width:92px;\n  height:4px;\n\n  transform:\n    translateX(-50%);\n\n  background:\n    var(--ss-yellow);\n\n}\n\n\n\/* ============================================================\nHEADING ROW\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-heading-row{\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(380px,.72fr);\n\n  align-items:end;\n\n  gap:\n    clamp(35px,5vw,80px);\n\n}\n\n\n\/* ============================================================\nKICKER\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-kicker{\n\n  display:block;\n\n  margin-bottom:11px;\n\n  color:\n    var(--ss-navy);\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:2.8px;\n\n}\n\n\n\/* ============================================================\nTITLE\n============================================================ *\/\n\n#ss-transport-r3\nh2{\n\n  margin:0;\n\n  color:\n    var(--ss-navy);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(45px,4.4vw,66px);\n\n  line-height:.95;\n\n  font-weight:600;\n\n  letter-spacing:-2.4px;\n\n}\n\n\n#ss-transport-r3\nh2 span{\n\n  color:\n    var(--ss-navy);\n\n}\n\n\n\/* ============================================================\nSERVICES\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-top-services{\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:8px;\n\n}\n\n\n#ss-transport-r3\n.ss-r1-top-services span{\n\n  min-height:43px;\n\n  padding:\n    10px\n    12px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  border:\n    1px solid\n    var(--ss-border);\n\n  border-radius:8px;\n\n  background:\n    #FFFFFF;\n\n  color:\n    var(--ss-navy);\n\n  text-align:center;\n\n  font-size:10px;\n\n  line-height:1.25;\n\n  font-weight:800;\n\n}\n\n\n\/* ============================================================\nDIVIDER\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-line{\n\n  position:relative;\n\n  width:100%;\n  height:1px;\n\n  margin:\n    30px\n    0;\n\n  background:\n    var(--ss-border);\n\n}\n\n\n#ss-transport-r3\n.ss-r1-line:before{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  top:-1px;\n\n  width:62px;\n  height:4px;\n\n  background:\n    var(--ss-yellow);\n\n}\n\n\n\/* ============================================================\nBODY GRID\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-body-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.82fr)\n    minmax(0,1.18fr);\n\n  align-items:start;\n\n  gap:\n    clamp(35px,5vw,75px);\n\n}\n\n\n\/* ============================================================\nINTRO\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-intro{\n\n  margin:0;\n\n  color:\n    var(--ss-muted);\n\n  font-size:13px;\n\n  line-height:1.72;\n\n}\n\n\n\/* ============================================================\nCLOSING\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-closing{\n\n  margin-top:20px;\n\n  padding:\n    16px\n    18px;\n\n  border-left:\n    4px solid\n    var(--ss-yellow);\n\n  border-radius:\n    0 8px 8px 0;\n\n  background:\n    var(--ss-soft);\n\n  color:\n    var(--ss-text);\n\n  font-size:12px;\n\n  line-height:1.6;\n\n}\n\n\n\/* ============================================================\nLIST\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-list{\n\n  list-style:none;\n\n  margin:0;\n\n  padding:0;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:9px;\n\n}\n\n\n\/* ITEM *\/\n\n#ss-transport-r3\n.ss-r1-list li{\n\n  display:flex;\n\n  align-items:flex-start;\n\n  gap:10px;\n\n  min-height:58px;\n\n  padding:\n    12px\n    13px;\n\n  border:\n    1px solid\n    var(--ss-border);\n\n  border-radius:8px;\n\n  background:#FFFFFF;\n\n  color:\n    var(--ss-text);\n\n  font-size:11px;\n\n  line-height:1.45;\n\n}\n\n\n\/* CHECK *\/\n\n#ss-transport-r3\n.ss-r1-list i{\n\n  width:20px;\n  height:20px;\n\n  flex:\n    0 0 20px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:\n    var(--ss-navy);\n\n  color:\n    var(--ss-yellow);\n\n  font-style:normal;\n\n  font-size:10px;\n\n  font-weight:800;\n\n}\n\n\n\/* ============================================================\nCINEMATIC IMAGE\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-image{\n\n  position:relative;\n\n  width:100%;\n\n  height:\n    clamp(380px,37vw,560px);\n\n  overflow:hidden;\n\n  background:\n    var(--ss-navy);\n\n}\n\n\n\/* IMAGE *\/\n\n#ss-transport-r3\n.ss-r1-image img{\n\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:cover;\n\n  object-position:center;\n\n  transition:\n    transform .8s ease;\n\n}\n\n\n#ss-transport-r3\n.ss-r1-wrap:hover\n.ss-r1-image img{\n\n  transform:\n    scale(1.035);\n\n}\n\n\n\/* IMAGE OVERLAY *\/\n\n#ss-transport-r3\n.ss-r1-image-overlay{\n\n  position:absolute;\n\n  inset:0;\n\n  z-index:1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,29,52,.02) 0%,\n      rgba(7,29,52,.08) 50%,\n      rgba(7,29,52,.44) 100%\n    );\n\n}\n\n\n\/* ============================================================\nBADGE\n============================================================ *\/\n\n#ss-transport-r3\n.ss-r1-badge{\n\n  position:absolute;\n\n  z-index:3;\n\n  left:\n    clamp(20px,2.3vw,34px);\n\n  bottom:\n    clamp(20px,2.3vw,34px);\n\n  padding:\n    15px\n    18px;\n\n  border:\n    1px solid rgba(255,255,255,.52);\n\n  border-radius:9px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  box-shadow:\n    0 10px 25px rgba(7,29,52,.15);\n\n  backdrop-filter:\n    blur(7px);\n\n  -webkit-backdrop-filter:\n    blur(7px);\n\n}\n\n\n\/* BADGE TITLE *\/\n\n#ss-transport-r3\n.ss-r1-badge strong{\n\n  display:block;\n\n  color:\n    var(--ss-navy);\n\n  font-size:14px;\n\n  font-weight:800;\n\n  line-height:1.2;\n\n}\n\n\n\/* BADGE SUBTITLE *\/\n\n#ss-transport-r3\n.ss-r1-badge span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:\n    var(--ss-muted);\n\n  font-size:11px;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:950px){\n\n  #ss-transport-r3\n  .ss-r1-heading-row{\n\n    grid-template-columns:1fr;\n\n    gap:25px;\n\n  }\n\n\n  #ss-transport-r3\n  .ss-r1-body-grid{\n\n    grid-template-columns:1fr;\n\n    gap:25px;\n\n  }\n\n\n  #ss-transport-r3\n  .ss-r1-image{\n\n    height:420px;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:600px){\n\n  #ss-transport-r3{\n\n    padding:\n      20px\n      14px\n      38px;\n\n  }\n\n\n  #ss-transport-r3\n  .ss-r1-wrap{\n\n    border-radius:13px;\n\n  }\n\n\n  #ss-transport-r3\n  .ss-r1-content{\n\n    padding:\n      32px\n      21px\n      30px;\n\n  }\n\n\n  #ss-transport-r3\n  h2{\n\n    font-size:\n      clamp(39px,11vw,52px);\n\n  }\n\n\n  #ss-transport-r3\n  .ss-r1-top-services{\n\n    grid-template-columns:\n      1fr 1fr;\n\n  }\n\n\n  #ss-transport-r3\n  .ss-r1-list{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  #ss-transport-r3\n  .ss-r1-image{\n\n    height:300px;\n\n  }\n\n\n  #ss-transport-r3\n  .ss-r1-badge{\n\n    left:15px;\n    bottom:15px;\n\n    padding:\n      13px\n      15px;\n\n  }\n\n}\n\n\n\/* ============================================================\nSMALL MOBILE\n============================================================ *\/\n\n@media(max-width:430px){\n\n  #ss-transport-r3\n  .ss-r1-top-services{\n\n    grid-template-columns:1fr;\n\n  }\n\n}\n\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-da4e8b1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"da4e8b1\" 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-4ef35d8\" data-id=\"4ef35d8\" 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-220bcde elementor-widget elementor-widget-html\" data-id=\"220bcde\" 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<!-- ============================================================\nSUNNYSIDE \u2014 AIRPORT TRANSPORT OPTIONS\nOPTION 02 \u2014 PREMIUM VEHICLE CARDS\nWHITE BACKGROUND + SUBTLE ACCENTS + ISOLATED\nACTIVE DESTINATION LINE \u2014 HARD FORCED\n============================================================ -->\n\n<section id=\"ss-transfer-options-02b\">\n\n  <div class=\"ssv2-shell\">\n\n\n    <!-- ======================================================\n    HEADER\n    ======================================================= -->\n\n    <div class=\"ssv2-header\">\n\n      <h2>\n        AIRPORT TRANSPORT OPTIONS\n      <\/h2>\n\n      <p class=\"ssv2-subtitle\">\n        Every traveler is different, and so are their transport needs. That's why we provide a variety of transfer options designed to suit your style, group, and budget.\n      <\/p>\n\n      <p class=\"ssv2-highlight\">\n        Please Select Your Destination\n      <\/p>\n\n    <\/div>\n\n\n    <!-- ======================================================\n    TABS\n    ======================================================= -->\n\n    <div\n      class=\"ssv2-tabs\"\n      role=\"tablist\"\n    >\n\n      <button\n        type=\"button\"\n        class=\"ssv2-tab is-active\"\n        data-target=\"ssv2-ixtapa\"\n        aria-selected=\"true\"\n      >\n        Ixtapa Zihuatanejo\n      <\/button>\n\n      <button\n        type=\"button\"\n        class=\"ssv2-tab\"\n        data-target=\"ssv2-cancun\"\n        aria-selected=\"false\"\n      >\n        Canc\u00fan &amp; Riviera Maya\n      <\/button>\n\n      <button\n        type=\"button\"\n        class=\"ssv2-tab\"\n        data-target=\"ssv2-tulum\"\n        aria-selected=\"false\"\n      >\n        Tulum\n      <\/button>\n\n    <\/div>\n\n\n    <!-- ======================================================\n    IXTAPA\n    ======================================================= -->\n\n    <div\n      class=\"ssv2-panel is-active\"\n      data-panel=\"ssv2-ixtapa\"\n    >\n\n      <div class=\"ssv2-grid\">\n\n\n        <!-- CARD 1 -->\n\n        <article class=\"ssv2-card\">\n\n          <div class=\"ssv2-media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/SPRINTER-LAT.png\"\n              alt=\"Shared Transfer\"\n            >\n\n          <\/div>\n\n\n          <div class=\"ssv2-card-body\">\n\n            <div class=\"ssv2-info\">\n\n              <h3>\n                Shared Transfer\n              <\/h3>\n\n              <ul>\n\n                <li>\n                  \u2713 Shared transportation\n                <\/li>\n\n                <li>\n                  \u2713 Affordable option\n                <\/li>\n\n                <li>\n                  \u2713 Airport meet &amp; greet\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n\n            <div class=\"ssv2-action\">\n\n              <span class=\"ssv2-price-label\">\n                Starting From\n              <\/span>\n\n              <div class=\"ssv2-price\">\n                $285\n                <small>MXN<\/small>\n              <\/div>\n\n              <a\n                href=\"https:\/\/sunnyside.com.mx\/tranfers-zihua\/\"\n                class=\"ssv2-button\"\n              >\n                REQUEST \u2192\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- CARD 2 -->\n\n        <article class=\"ssv2-card\">\n\n          <div class=\"ssv2-media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/SEDAN-LAT.png\"\n              alt=\"Sedan Transfer\"\n            >\n\n          <\/div>\n\n\n          <div class=\"ssv2-card-body\">\n\n            <div class=\"ssv2-info\">\n\n              <h3>\n                Private Sedan Transfer\n              <\/h3>\n\n              <ul>\n\n                <li>\n                  \u2713 Up to 3 passengers\n                <\/li>\n\n                <li>\n                  \u2713 Direct service\n                <\/li>\n\n                <li>\n                  \u2713 Meet &amp; greet included\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n\n            <div class=\"ssv2-action\">\n\n              <span class=\"ssv2-price-label\">\n                Starting From\n              <\/span>\n\n              <div class=\"ssv2-price\">\n                $795.00\n                <small>MXN<\/small>\n              <\/div>\n\n              <a\n                href=\"https:\/\/sunnyside.com.mx\/tranfers-zihua\/\"\n                class=\"ssv2-button\"\n              >\n                REQUEST \u2192\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- CARD 3 -->\n\n        <article class=\"ssv2-card\">\n\n          <div class=\"ssv2-media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/HIACE-2-LAT.png\"\n              alt=\"Private Transfer\"\n            >\n\n          <\/div>\n\n\n          <div class=\"ssv2-card-body\">\n\n            <div class=\"ssv2-info\">\n\n              <h3>\n                Private Transfer\n              <\/h3>\n\n              <ul>\n\n                <li>\n                  \u2713 Exclusive vehicle\n                <\/li>\n\n                <li>\n                  \u2713 No stops\n                <\/li>\n\n                <li>\n                  \u2713 Flexible schedule\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n\n            <div class=\"ssv2-action\">\n\n              <span class=\"ssv2-price-label\">\n                Starting From\n              <\/span>\n\n              <div class=\"ssv2-price\">\n                $1560.00\n                <small>MXN<\/small>\n              <\/div>\n\n              <a\n                href=\"https:\/\/sunnyside.com.mx\/tranfers-zihua\/\"\n                class=\"ssv2-button\"\n              >\n                REQUEST \u2192\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- CARD 4 -->\n\n        <article class=\"ssv2-card\">\n\n          <div class=\"ssv2-media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/SUBURBAN-LAT-4.png\"\n              alt=\"Luxury Transfer\"\n            >\n\n          <\/div>\n\n\n          <div class=\"ssv2-card-body\">\n\n            <div class=\"ssv2-info\">\n\n              <h3>\n                Luxury Transfer\n              <\/h3>\n\n              <ul>\n\n                <li>\n                  \u2713 Premium comfort\n                <\/li>\n\n                <li>\n                  \u2713 Chauffeur service\n                <\/li>\n\n                <li>\n                  \u2713 Exclusive experience\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n\n            <div class=\"ssv2-action\">\n\n              <span class=\"ssv2-price-label\">\n                Starting From\n              <\/span>\n\n              <div class=\"ssv2-price\">\n                $1890.00\n                <small>MXN<\/small>\n              <\/div>\n\n              <a\n                href=\"https:\/\/sunnyside.com.mx\/tranfers-zihua\/\"\n                class=\"ssv2-button\"\n              >\n                REQUEST \u2192\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ======================================================\n    CANCUN\n    ======================================================= -->\n\n    <div\n      class=\"ssv2-panel\"\n      data-panel=\"ssv2-cancun\"\n    >\n\n      <div class=\"ssv2-grid ssv2-grid-two\">\n\n\n        <!-- CARD 1 -->\n\n        <article class=\"ssv2-card\">\n\n          <div class=\"ssv2-media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/HIACE-LAT.png\"\n              alt=\"Private Transfer Cancun\"\n            >\n\n          <\/div>\n\n\n          <div class=\"ssv2-card-body\">\n\n            <div class=\"ssv2-info\">\n\n              <h3>\n                Private Transfer\n              <\/h3>\n\n              <ul>\n\n                <li>\n                  \u2713 Exclusive vehicle\n                <\/li>\n\n                <li>\n                  \u2713 Direct route\n                <\/li>\n\n                <li>\n                  \u2713 Flexible schedule\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n\n            <div class=\"ssv2-action\">\n\n              <span class=\"ssv2-price-label\">\n                Starting From\n              <\/span>\n\n              <div class=\"ssv2-price\">\n                $950.00\n                <small>MXN<\/small>\n              <\/div>\n\n              <a\n                href=\"https:\/\/sunnyside.com.mx\/airport-transfers-cancun\/\"\n                class=\"ssv2-button\"\n              >\n                REQUEST \u2192\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- CARD 2 -->\n\n        <article class=\"ssv2-card\">\n\n          <div class=\"ssv2-media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/SUBURBAN-LAT-2.png\"\n              alt=\"Luxury Transfer Cancun\"\n            >\n\n          <\/div>\n\n\n          <div class=\"ssv2-card-body\">\n\n            <div class=\"ssv2-info\">\n\n              <h3>\n                Luxury Transfer\n              <\/h3>\n\n              <ul>\n\n                <li>\n                  \u2713 Premium comfort\n                <\/li>\n\n                <li>\n                  \u2713 Professional driver\n                <\/li>\n\n                <li>\n                  \u2713 Luxury experience\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n\n            <div class=\"ssv2-action\">\n\n              <span class=\"ssv2-price-label\">\n                Starting From\n              <\/span>\n\n              <div class=\"ssv2-price\">\n                $1600.00\n                <small>MXN<\/small>\n              <\/div>\n\n              <a\n                href=\"https:\/\/sunnyside.com.mx\/airport-transfers-cancun\/\"\n                class=\"ssv2-button\"\n              >\n                REQUEST \u2192\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ======================================================\n    TULUM\n    ======================================================= -->\n\n    <div\n      class=\"ssv2-panel\"\n      data-panel=\"ssv2-tulum\"\n    >\n\n      <div class=\"ssv2-grid ssv2-grid-two\">\n\n\n        <!-- CARD 1 -->\n\n        <article class=\"ssv2-card\">\n\n          <div class=\"ssv2-media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/HIACE-2-LAT.png\"\n              alt=\"Private Transfer Tulum\"\n            >\n\n          <\/div>\n\n\n          <div class=\"ssv2-card-body\">\n\n            <div class=\"ssv2-info\">\n\n              <h3>\n                Private Transfer\n              <\/h3>\n\n              <ul>\n\n                <li>\n                  \u2713 Exclusive vehicle\n                <\/li>\n\n                <li>\n                  \u2713 Direct route\n                <\/li>\n\n                <li>\n                  \u2713 Flexible schedule\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n\n            <div class=\"ssv2-action\">\n\n              <span class=\"ssv2-price-label\">\n                Starting From\n              <\/span>\n\n              <div class=\"ssv2-price\">\n                $1900.00\n                <small>MXN<\/small>\n              <\/div>\n\n              <a\n                href=\"https:\/\/sunnyside.com.mx\/airport-transfer-tulum\/\"\n                class=\"ssv2-button\"\n              >\n                REQUEST \u2192\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- CARD 2 -->\n\n        <article class=\"ssv2-card\">\n\n          <div class=\"ssv2-media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/SUBURBAN-LAT-4.png\"\n              alt=\"Luxury Transfer Tulum\"\n            >\n\n          <\/div>\n\n\n          <div class=\"ssv2-card-body\">\n\n            <div class=\"ssv2-info\">\n\n              <h3>\n                Luxury Transfer\n              <\/h3>\n\n              <ul>\n\n                <li>\n                  \u2713 Premium comfort\n                <\/li>\n\n                <li>\n                  \u2713 Chauffeur service\n                <\/li>\n\n                <li>\n                  \u2713 Exclusive experience\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n\n            <div class=\"ssv2-action\">\n\n              <span class=\"ssv2-price-label\">\n                Starting From\n              <\/span>\n\n              <div class=\"ssv2-price\">\n                $2500.00\n                <small>MXN<\/small>\n              <\/div>\n\n              <a\n                href=\"https:\/\/sunnyside.com.mx\/airport-transfer-tulum\/\"\n                class=\"ssv2-button\"\n              >\n                REQUEST \u2192\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nFULL ISOLATION\n============================================================ *\/\n\n#ss-transfer-options-02b,\n#ss-transfer-options-02b *,\n#ss-transfer-options-02b *::before,\n#ss-transfer-options-02b *::after{\n  box-sizing:border-box !important;\n}\n\n\n#ss-transfer-options-02b h2,\n#ss-transfer-options-02b h3,\n#ss-transfer-options-02b p,\n#ss-transfer-options-02b ul,\n#ss-transfer-options-02b li{\n  margin:0 !important;\n  padding:0 !important;\n}\n\n\n#ss-transfer-options-02b ul{\n  list-style:none !important;\n}\n\n\n#ss-transfer-options-02b img{\n  display:block !important;\n  max-width:none !important;\n  border:0 !important;\n  box-shadow:none !important;\n}\n\n\n#ss-transfer-options-02b a{\n  text-decoration:none !important;\n}\n\n\n#ss-transfer-options-02b button{\n  font-family:Arial,Helvetica,sans-serif !important;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-transfer-options-02b{\n\n  --ssv2-navy:#071D34;\n  --ssv2-navy-2:#0A294A;\n  --ssv2-yellow:#FFC629;\n  --ssv2-text:#26384A;\n  --ssv2-muted:#687688;\n  --ssv2-border:#E2E7ED;\n  --ssv2-soft:#F8FAFC;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:48px clamp(14px,2.2vw,42px) 55px !important;\n\n  background:#FFFFFF !important;\n\n  overflow:hidden !important;\n\n  font-family:Arial,Helvetica,sans-serif !important;\n\n}\n\n\n\/* ============================================================\nSHELL\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-shell{\n\n  width:100% !important;\n\n  max-width:none !important;\n\n  margin:0 !important;\n\n}\n\n\n\/* ============================================================\nHEADER\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-header{\n\n  max-width:860px !important;\n\n  margin:0 auto 28px !important;\n\n  text-align:center !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-header h2{\n\n  margin:0 0 14px !important;\n\n  color:var(--ssv2-navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(43px,4.8vw,65px) !important;\n\n  line-height:.96 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-2.2px !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-subtitle{\n\n  color:var(--ssv2-muted) !important;\n\n  font-size:14px !important;\n\n  line-height:1.7 !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-highlight{\n\n  margin:17px 0 0 !important;\n\n  color:var(--ssv2-navy) !important;\n\n  font-size:10px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:2px !important;\n\n}\n\n\n\/* ============================================================\nTABS\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-tabs{\n\n  position:relative !important;\n\n  z-index:20 !important;\n\n  max-width:920px !important;\n\n  margin:0 auto 24px !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    repeat(3,1fr) !important;\n\n  overflow:hidden !important;\n\n  border:\n    1px solid\n    var(--ssv2-border) !important;\n\n  border-radius:\n    10px !important;\n\n  background:\n    #FFFFFF !important;\n\n}\n\n\n\/* ============================================================\nTAB BUTTON\n============================================================ *\/\n\n#ss-transfer-options-02b\nbutton.ssv2-tab{\n\n  appearance:none !important;\n\n  -webkit-appearance:none !important;\n\n  position:relative !important;\n\n  z-index:21 !important;\n\n  width:100% !important;\n\n  min-height:56px !important;\n\n  margin:0 !important;\n\n  padding:\n    0\n    15px !important;\n\n  overflow:visible !important;\n\n  border:\n    0 !important;\n\n  border-right:\n    1px solid\n    var(--ssv2-border) !important;\n\n  border-radius:\n    0 !important;\n\n  outline:\n    0 !important;\n\n  background:\n    #FFFFFF !important;\n\n  color:\n    var(--ssv2-muted) !important;\n\n  box-shadow:\n    none !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n  font-size:\n    11px !important;\n\n  line-height:\n    1.2 !important;\n\n  font-weight:\n    800 !important;\n\n  text-align:\n    center !important;\n\n  cursor:\n    pointer !important;\n\n  transition:\n    background .22s ease,\n    color .22s ease,\n    box-shadow .22s ease !important;\n\n}\n\n\n#ss-transfer-options-02b\nbutton.ssv2-tab:last-child{\n\n  border-right:\n    0 !important;\n\n}\n\n\n\/* ============================================================\nACTIVE TAB\nHARD FORCED YELLOW INDICATOR\n\nTWO SYSTEMS:\n1. INSET BOX SHADOW\n2. ::AFTER LINE\n\nIF ONE GETS OVERRIDDEN, THE OTHER REMAINS.\n============================================================ *\/\n\n#ss-transfer-options-02b\nbutton.ssv2-tab.is-active,\n#ss-transfer-options-02b\nbutton.ssv2-tab[aria-selected=\"true\"]{\n\n  position:relative !important;\n\n  z-index:50 !important;\n\n  color:\n    var(--ssv2-navy) !important;\n\n  background:\n    #FFFFFF !important;\n\n  box-shadow:\n    inset 0 -5px 0\n    var(--ssv2-yellow) !important;\n\n}\n\n\n\/* SECOND YELLOW INDICATOR *\/\n\n#ss-transfer-options-02b\nbutton.ssv2-tab::after{\n\n  content:\"\" !important;\n\n  display:block !important;\n\n  position:absolute !important;\n\n  z-index:999 !important;\n\n  left:18% !important;\n  right:18% !important;\n\n  bottom:0 !important;\n\n  width:auto !important;\n\n  height:5px !important;\n\n  min-height:5px !important;\n\n  opacity:0 !important;\n\n  visibility:hidden !important;\n\n  transform:\n    scaleX(.35) !important;\n\n  transform-origin:\n    center center !important;\n\n  border:0 !important;\n\n  border-radius:\n    0 !important;\n\n  background:\n    #FFC629 !important;\n\n  box-shadow:\n    none !important;\n\n  pointer-events:\n    none !important;\n\n  transition:\n    opacity .18s ease,\n    visibility .18s ease,\n    transform .18s ease !important;\n\n}\n\n\n#ss-transfer-options-02b\nbutton.ssv2-tab.is-active::after,\n#ss-transfer-options-02b\nbutton.ssv2-tab[aria-selected=\"true\"]::after{\n\n  display:block !important;\n\n  opacity:1 !important;\n\n  visibility:visible !important;\n\n  transform:\n    scaleX(1) !important;\n\n}\n\n\n\/* ============================================================\nPANELS\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-panel{\n\n  display:none !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-panel.is-active{\n\n  display:block !important;\n\n}\n\n\n\/* ============================================================\nGRID\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-grid{\n\n  display:grid !important;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr)) !important;\n\n  gap:\n    clamp(14px,1.3vw,22px) !important;\n\n  align-items:\n    stretch !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-grid.ssv2-grid-two{\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr)) !important;\n\n  max-width:\n    1000px !important;\n\n  margin:\n    0 auto !important;\n\n}\n\n\n\/* ============================================================\nCARD\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-card{\n\n  position:relative !important;\n\n  display:flex !important;\n\n  flex-direction:\n    column !important;\n\n  min-height:\n    555px !important;\n\n  overflow:\n    hidden !important;\n\n  border:\n    1px solid\n    var(--ssv2-border) !important;\n\n  border-radius:\n    15px !important;\n\n  background:\n    #FFFFFF !important;\n\n  box-shadow:\n    0 12px 30px\n    rgba(7,29,52,.065) !important;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-card::before{\n\n  content:\"\" !important;\n\n  position:absolute !important;\n\n  top:0 !important;\n  left:0 !important;\n\n  width:100% !important;\n\n  height:4px !important;\n\n  background:\n    var(--ssv2-yellow) !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-card:hover{\n\n  transform:\n    translateY(-5px) !important;\n\n  box-shadow:\n    0 20px 40px\n    rgba(7,29,52,.11) !important;\n\n}\n\n\n\/* ============================================================\nMEDIA\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-media{\n\n  height:245px !important;\n\n  flex:\n    0 0 245px !important;\n\n  padding:\n    22px\n    20px\n    10px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  background:\n    #FFFFFF !important;\n\n  border-bottom:\n    1px solid\n    var(--ssv2-border) !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-media img{\n\n  width:100% !important;\n  height:100% !important;\n\n  object-fit:\n    contain !important;\n\n  filter:\n    drop-shadow(\n      0 13px 10px\n      rgba(7,29,52,.12)\n    ) !important;\n\n}\n\n\n\/* ============================================================\nCARD BODY\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-card-body{\n\n  flex:\n    1 !important;\n\n  display:flex !important;\n\n  flex-direction:\n    column !important;\n\n  padding:\n    23px\n    22px\n    21px !important;\n\n  background:\n    #FFFFFF !important;\n\n}\n\n\n\/* ============================================================\nINFO\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-info h3{\n\n  min-height:\n    56px !important;\n\n  margin:\n    0\n    0\n    15px !important;\n\n  color:\n    var(--ssv2-navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    25px !important;\n\n  line-height:\n    1.05 !important;\n\n  font-weight:\n    600 !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-info ul{\n\n  min-height:\n    87px !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-info li{\n\n  margin-bottom:\n    8px !important;\n\n  color:\n    var(--ssv2-muted) !important;\n\n  font-size:\n    11px !important;\n\n  line-height:\n    1.4 !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-info li:last-child{\n\n  margin-bottom:\n    0 !important;\n\n}\n\n\n\/* ============================================================\nACTION\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-action{\n\n  margin-top:\n    auto !important;\n\n  padding-top:\n    17px !important;\n\n  border-top:\n    1px solid\n    var(--ssv2-border) !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-price-label{\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  gap:\n    7px !important;\n\n  margin-bottom:\n    5px !important;\n\n  color:\n    var(--ssv2-muted) !important;\n\n  font-size:\n    8px !important;\n\n  font-weight:\n    800 !important;\n\n  letter-spacing:\n    1.4px !important;\n\n  text-transform:\n    uppercase !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-price-label::before{\n\n  content:\"\" !important;\n\n  width:14px !important;\n  height:3px !important;\n\n  border-radius:\n    999px !important;\n\n  background:\n    var(--ssv2-yellow) !important;\n\n  flex:\n    0 0 14px !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-price{\n\n  color:\n    var(--ssv2-navy) !important;\n\n  font-size:\n    31px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    800 !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-price small{\n\n  margin-left:\n    3px !important;\n\n  color:\n    var(--ssv2-muted) !important;\n\n  font-size:\n    10px !important;\n\n}\n\n\n\/* ============================================================\nBUTTON\n============================================================ *\/\n\n#ss-transfer-options-02b\n.ssv2-button{\n\n  width:100% !important;\n\n  min-height:\n    48px !important;\n\n  margin-top:\n    15px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border-radius:\n    8px !important;\n\n  background:\n    var(--ssv2-navy) !important;\n\n  color:\n    #FFFFFF !important;\n\n  font-size:\n    11px !important;\n\n  font-weight:\n    800 !important;\n\n  transition:\n    background .22s ease !important;\n\n}\n\n\n#ss-transfer-options-02b\n.ssv2-button:hover{\n\n  background:\n    var(--ssv2-navy-2) !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:1000px){\n\n  #ss-transfer-options-02b\n  .ssv2-grid{\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr)) !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:650px){\n\n  #ss-transfer-options-02b{\n\n    padding:\n      38px\n      14px !important;\n\n  }\n\n\n  #ss-transfer-options-02b\n  .ssv2-tabs{\n\n    grid-template-columns:\n      1fr !important;\n\n  }\n\n\n  #ss-transfer-options-02b\n  button.ssv2-tab{\n\n    border-right:\n      0 !important;\n\n    border-bottom:\n      1px solid\n      var(--ssv2-border) !important;\n\n  }\n\n\n  #ss-transfer-options-02b\n  button.ssv2-tab:last-child{\n\n    border-bottom:\n      0 !important;\n\n  }\n\n\n  \/*\n  MOBILE ACTIVE:\n  FORCED LEFT YELLOW MARK + BOTTOM LINE\n  *\/\n\n  #ss-transfer-options-02b\n  button.ssv2-tab.is-active,\n  #ss-transfer-options-02b\n  button.ssv2-tab[aria-selected=\"true\"]{\n\n    box-shadow:\n      inset 5px 0 0\n      var(--ssv2-yellow),\n      inset 0 -4px 0\n      var(--ssv2-yellow) !important;\n\n  }\n\n\n  #ss-transfer-options-02b\n  .ssv2-grid,\n  #ss-transfer-options-02b\n  .ssv2-grid.ssv2-grid-two{\n\n    grid-template-columns:\n      1fr !important;\n\n  }\n\n\n  #ss-transfer-options-02b\n  .ssv2-card{\n\n    min-height:\n      0 !important;\n\n  }\n\n\n  #ss-transfer-options-02b\n  .ssv2-info h3,\n  #ss-transfer-options-02b\n  .ssv2-info ul{\n\n    min-height:\n      0 !important;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  const root =\n    document.getElementById(\n      'ss-transfer-options-02b'\n    );\n\n\n  if(!root){\n    return;\n  }\n\n\n  \/*\n  REMOVE OLD READY FLAG IF ELEMENTOR\n  HAS RE-RENDERED THE WIDGET\n  *\/\n\n  const tabs =\n    root.querySelectorAll(\n      'button.ssv2-tab'\n    );\n\n\n  const panels =\n    root.querySelectorAll(\n      '.ssv2-panel'\n    );\n\n\n  if(!tabs.length || !panels.length){\n    return;\n  }\n\n\n  function activateTab(tab){\n\n    const target =\n      tab.getAttribute(\n        'data-target'\n      );\n\n\n    \/* RESET ALL TABS *\/\n\n    tabs.forEach(function(item){\n\n      item.classList.remove(\n        'is-active'\n      );\n\n      item.setAttribute(\n        'aria-selected',\n        'false'\n      );\n\n      \/*\n      INLINE RESET.\n      THIS PREVENTS OLD CSS FROM\n      LEAVING AN ACTIVE INDICATOR.\n      *\/\n\n      item.style.removeProperty(\n        'box-shadow'\n      );\n\n    });\n\n\n    \/* RESET PANELS *\/\n\n    panels.forEach(function(panel){\n\n      panel.classList.remove(\n        'is-active'\n      );\n\n    });\n\n\n    \/* ACTIVE TAB *\/\n\n    tab.classList.add(\n      'is-active'\n    );\n\n\n    tab.setAttribute(\n      'aria-selected',\n      'true'\n    );\n\n\n    \/*\n    FINAL HARD FORCE.\n    EVEN IF ANOTHER STYLESHEET\n    INTERFERES WITH ::AFTER,\n    THE ACTIVE TAB RECEIVES\n    A REAL INLINE INSET LINE.\n    *\/\n\n    tab.style.setProperty(\n      'box-shadow',\n      'inset 0 -5px 0 #FFC629',\n      'important'\n    );\n\n\n    \/* ACTIVE PANEL *\/\n\n    const activePanel =\n      root.querySelector(\n        '[data-panel=\"' +\n        target +\n        '\"]'\n      );\n\n\n    if(activePanel){\n\n      activePanel.classList.add(\n        'is-active'\n      );\n\n    }\n\n  }\n\n\n  \/* CLICK *\/\n\n  tabs.forEach(function(tab){\n\n    tab.addEventListener(\n      'click',\n      function(event){\n\n        activateTab(\n          event.currentTarget\n        );\n\n      }\n    );\n\n  });\n\n\n  \/*\n  INITIAL STATE:\n  FIND EXISTING ACTIVE TAB\n  OR USE THE FIRST ONE\n  *\/\n\n  const initialTab =\n    root.querySelector(\n      'button.ssv2-tab.is-active'\n    ) || tabs[0];\n\n\n  if(initialTab){\n\n    activateTab(\n      initialTab\n    );\n\n  }\n\n})();\n\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-3ae2d8a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ae2d8a\" 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-5a27943\" data-id=\"5a27943\" 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-9324233 elementor-widget elementor-widget-spacer\" data-id=\"9324233\" 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-645a5b9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"645a5b9\" 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-a55eea4\" data-id=\"a55eea4\" 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-08adf31 elementor-widget elementor-widget-html\" data-id=\"08adf31\" 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<!-- ============================================================\nSUNNYSIDE DMC SERVICES\nCAR RENTAL \u2014 EXPERIENCE BOARD\nFINAL VERSION\nWordPress \/ Elementor\n============================================================ -->\n\n<section id=\"ss-car-rental-experience\">\n\n  <div class=\"sscr-wrap\">\n\n    <!-- ========================================================\n         HEADER\n    ========================================================= -->\n\n    <header class=\"sscr-header\">\n\n      <span class=\"sscr-eyebrow\">\n        BOOK WITH CONFIDENCE\n      <\/span>\n\n      <h2>\n        CAR RENTAL\n      <\/h2>\n\n      <p>\n        Search. Compare. Reserve.\n        Your vehicle rental in three simple steps.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- ========================================================\n         MAIN EXPERIENCE\n    ========================================================= -->\n\n    <div class=\"sscr-main\">\n\n      <!-- ======================================================\n           VEHICLE\n      ======================================================= -->\n\n      <div class=\"sscr-car-panel\">\n\n        <div class=\"sscr-watermark\">\n          DRIVE\n        <\/div>\n\n        <div class=\"sscr-car-copy\">\n\n          <span class=\"sscr-small-label\">\n            ONE SECURE PLATFORM\n          <\/span>\n\n          <h3>\n            Find the right car\n            for your journey.\n          <\/h3>\n\n          <p>\n            Available vehicle categories and rates are compared\n            in real time for your trip.\n          <\/p>\n\n        <\/div>\n\n\n        <img decoding=\"async\"\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/groove-lt-34-frontal-gkn-rojo-metalico-2-1024x456-1.webp\"\n          alt=\"Rental Car\"\n          class=\"sscr-car\"\n        >\n\n      <\/div>\n\n\n      <!-- ======================================================\n           HOW IT WORKS\n      ======================================================= -->\n\n      <div class=\"sscr-steps\">\n\n        <!-- STEP 01 -->\n\n        <article class=\"sscr-step\">\n\n          <span class=\"sscr-step-number\">\n            01\n          <\/span>\n\n          <div class=\"sscr-step-content\">\n\n            <span class=\"sscr-step-label\">\n              SEARCH\n            <\/span>\n\n            <h4>\n              Enter your trip details\n            <\/h4>\n\n            <p>\n              Select your rental location, pick-up and return dates\n              and the information required for your reservation.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- STEP 02 -->\n\n        <article class=\"sscr-step\">\n\n          <span class=\"sscr-step-number\">\n            02\n          <\/span>\n\n          <div class=\"sscr-step-content\">\n\n            <span class=\"sscr-step-label\">\n              COMPARE\n            <\/span>\n\n            <h4>\n              Choose your vehicle category\n            <\/h4>\n\n            <p>\n              Available vehicle categories and current rates are displayed\n              in real time so you can select the option that best fits your trip.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- STEP 03 -->\n\n        <article class=\"sscr-step\">\n\n          <span class=\"sscr-step-number\">\n            03\n          <\/span>\n\n          <div class=\"sscr-step-content\">\n\n            <span class=\"sscr-step-label\">\n              RESERVE\n            <\/span>\n\n            <h4>\n              Complete your secure reservation\n            <\/h4>\n\n            <p>\n              Once payment is completed, your confirmation voucher will\n              display the rental company assigned to your reservation\n              and your vehicle pick-up instructions.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ========================================================\n         BENEFITS\n    ========================================================= -->\n\n    <div class=\"sscr-benefits\">\n\n      <div class=\"sscr-benefit\">\n\n        <span class=\"sscr-benefit-number\">\n          01\n        <\/span>\n\n        <div>\n          <strong>\n            Real-Time Best Rates\n          <\/strong>\n\n          <small>\n            Rates and availability compared automatically.\n          <\/small>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"sscr-benefit\">\n\n        <span class=\"sscr-benefit-number\">\n          02\n        <\/span>\n\n        <div>\n          <strong>\n            Wide Coverage Included\n          <\/strong>\n\n          <small>\n            Enhanced vehicle coverage included.\n          <\/small>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"sscr-benefit\">\n\n        <span class=\"sscr-benefit-number\">\n          03\n        <\/span>\n\n        <div>\n          <strong>\n            Additional Driver Included\n          <\/strong>\n\n          <small>\n            First additional driver at no extra cost.\n          <\/small>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"sscr-benefit\">\n\n        <span class=\"sscr-benefit-number\">\n          04\n        <\/span>\n\n        <div>\n          <strong>\n            Unlimited Mileage\n          <\/strong>\n\n          <small>\n            Travel freely without mileage limitations.\n          <\/small>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ========================================================\n         IMPORTANT INFORMATION\n    ========================================================= -->\n\n    <div class=\"sscr-information\">\n\n      <div class=\"sscr-info-heading\">\n\n        <span class=\"sscr-info-icon\">\n          i\n        <\/span>\n\n        <div>\n\n          <span class=\"sscr-info-label\">\n            GOOD TO KNOW\n          <\/span>\n\n          <strong>\n            How the rental company is selected\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n\n      <p>\n        You select the vehicle category and available rate.\n        The rental company is assigned automatically based on the\n        best available option for your reservation. The company name\n        and pick-up information are provided on your confirmation\n        voucher after payment.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- ========================================================\n         CTA\n    ========================================================= -->\n\n    <div class=\"sscr-book\">\n\n      <div class=\"sscr-book-copy\">\n\n        <span>\n          READY FOR YOUR TRIP?\n        <\/span>\n\n        <strong>\n          Search available vehicles and rates.\n        <\/strong>\n\n      <\/div>\n\n\n      <a\n        href=\"https:\/\/sunnyside.rentarauto.com\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"sscr-button\"\n      >\n\n        <span>\n          BOOK NOW\n        <\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n          <path d=\"M5 12h13\"><\/path>\n\n          <path d=\"m14 7 5 5-5 5\"><\/path>\n\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n\n    <!-- ========================================================\n         RENTAL PARTNERS\n    ========================================================= -->\n\n    <div class=\"sscr-partners\">\n\n      <div class=\"sscr-partners-label\">\n\n        RENTAL PARTNERS\n\n      <\/div>\n\n\n      <div class=\"sscr-slider\">\n\n        <div class=\"sscr-track\">\n\n          <!-- FIRST LOOP -->\n\n          <span class=\"hertz\">\n            Hertz\n          <\/span>\n\n          <span class=\"avis\">\n            AVIS\n          <\/span>\n\n          <span class=\"budget\">\n            Budget\n          <\/span>\n\n          <span class=\"enterprise\">\n            Enterprise\n          <\/span>\n\n          <span class=\"national\">\n            National\n          <\/span>\n\n          <span class=\"alamo\">\n            Alamo\n          <\/span>\n\n          <span class=\"sixt\">\n            SIXT\n          <\/span>\n\n          <span class=\"dollar\">\n            dollar.\n          <\/span>\n\n          <span class=\"thrifty\">\n            Thrifty\n          <\/span>\n\n          <span class=\"europcar\">\n            Europcar\n          <\/span>\n\n          <span class=\"fox\">\n            FOX\n          <\/span>\n\n          <span class=\"payless\">\n            Payless\n          <\/span>\n\n          <span class=\"ace\">\n            ACE\n          <\/span>\n\n          <span class=\"mex\">\n            Mex Rent A Car\n          <\/span>\n\n          <span class=\"greenmotion\">\n            greenmotion\n          <\/span>\n\n\n          <!-- SECOND LOOP -->\n\n          <span class=\"hertz\">\n            Hertz\n          <\/span>\n\n          <span class=\"avis\">\n            AVIS\n          <\/span>\n\n          <span class=\"budget\">\n            Budget\n          <\/span>\n\n          <span class=\"enterprise\">\n            Enterprise\n          <\/span>\n\n          <span class=\"national\">\n            National\n          <\/span>\n\n          <span class=\"alamo\">\n            Alamo\n          <\/span>\n\n          <span class=\"sixt\">\n            SIXT\n          <\/span>\n\n          <span class=\"dollar\">\n            dollar.\n          <\/span>\n\n          <span class=\"thrifty\">\n            Thrifty\n          <\/span>\n\n          <span class=\"europcar\">\n            Europcar\n          <\/span>\n\n          <span class=\"fox\">\n            FOX\n          <\/span>\n\n          <span class=\"payless\">\n            Payless\n          <\/span>\n\n          <span class=\"ace\">\n            ACE\n          <\/span>\n\n          <span class=\"mex\">\n            Mex Rent A Car\n          <\/span>\n\n          <span class=\"greenmotion\">\n            greenmotion\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* ============================================================\nSUNNYSIDE CAR RENTAL\nEXPERIENCE BOARD\n============================================================ *\/\n\n#ss-car-rental-experience,\n#ss-car-rental-experience *{\n  box-sizing:border-box;\n}\n\n\n#ss-car-rental-experience{\n\n  --ss-navy:#071D34;\n  --ss-navy2:#0A294A;\n  --ss-navy3:#0D345A;\n\n  --ss-yellow:#FFC629;\n\n  --ss-text:#26384A;\n  --ss-muted:#738091;\n  --ss-border:#E2E7ED;\n\n  --ss-soft:#F6F8FA;\n\n  position:relative;\n\n  width:100vw;\n  max-width:100vw;\n\n  left:50%;\n\n  margin-left:-50vw;\n  margin-right:-50vw;\n\n  padding:\n    50px\n    clamp(16px,3vw,48px)\n    52px;\n\n  overflow:hidden;\n\n  background:\n    var(--ss-soft);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n\/* ============================================================\nWRAPPER\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-wrap{\n\n  width:100%;\n\n  max-width:1520px;\n\n  margin:\n    0 auto;\n}\n\n\n\/* ============================================================\nHEADER\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-header{\n\n  margin-bottom:24px;\n\n  text-align:center;\n}\n\n\n#ss-car-rental-experience\n.sscr-eyebrow{\n\n  display:block;\n\n  margin-bottom:11px;\n\n  color:\n    var(--ss-navy);\n\n  font-size:9px;\n\n  font-weight:800;\n\n  letter-spacing:2.6px;\n}\n\n\n#ss-car-rental-experience\n.sscr-header h2{\n\n  margin:0;\n\n  color:\n    var(--ss-navy);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(48px,5vw,72px);\n\n  line-height:.94;\n\n  font-weight:600;\n\n  letter-spacing:-2.4px;\n}\n\n\n#ss-car-rental-experience\n.sscr-header p{\n\n  margin:\n    15px\n    0\n    0;\n\n  color:\n    var(--ss-muted);\n\n  font-size:13px;\n\n  line-height:1.5;\n}\n\n\n\/* ============================================================\nMAIN\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-main{\n\n  display:grid;\n\n  grid-template-columns:\n    50%\n    50%;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--ss-border);\n\n  border-radius:17px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 16px 40px\n    rgba(7,29,52,.065);\n}\n\n\n\/* ============================================================\nCAR PANEL\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-car-panel{\n\n  min-height:590px;\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 52% 67%,\n      rgba(255,198,41,.12),\n      transparent 31%\n    ),\n    linear-gradient(\n      145deg,\n      var(--ss-navy),\n      var(--ss-navy2)\n    );\n}\n\n\n\/* WATERMARK *\/\n\n#ss-car-rental-experience\n.sscr-watermark{\n\n  position:absolute;\n\n  right:-8px;\n  bottom:105px;\n\n  color:\n    rgba(255,255,255,.025);\n\n  font-size:\n    clamp(90px,9vw,145px);\n\n  line-height:.8;\n\n  font-weight:900;\n\n  letter-spacing:-9px;\n\n  pointer-events:none;\n}\n\n\n\/* COPY *\/\n\n#ss-car-rental-experience\n.sscr-car-copy{\n\n  position:relative;\n\n  z-index:4;\n\n  padding:\n    44px\n    42px;\n}\n\n\n#ss-car-rental-experience\n.sscr-small-label{\n\n  display:block;\n\n  color:\n    var(--ss-yellow);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:2.2px;\n}\n\n\n#ss-car-rental-experience\n.sscr-car-copy h3{\n\n  max-width:450px;\n\n  margin:\n    11px\n    0\n    14px;\n\n  color:#FFFFFF;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(37px,3.5vw,53px);\n\n  line-height:1;\n\n  font-weight:600;\n\n  letter-spacing:-1.2px;\n}\n\n\n#ss-car-rental-experience\n.sscr-car-copy p{\n\n  max-width:410px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.64);\n\n  font-size:11px;\n\n  line-height:1.55;\n}\n\n\n\/* CAR IMAGE *\/\n\n#ss-car-rental-experience\n.sscr-car{\n\n  width:90%;\n\n  max-width:730px;\n\n  position:absolute;\n\n  left:50%;\n  bottom:35px;\n\n  transform:\n    translateX(-50%);\n\n  z-index:2;\n\n  display:block;\n\n  filter:\n    drop-shadow(\n      0 30px 28px\n      rgba(0,0,0,.37)\n    );\n}\n\n\n\/* ============================================================\nSTEPS\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-steps{\n\n  padding:\n    25px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  gap:12px;\n\n  background:#FFFFFF;\n}\n\n\n#ss-car-rental-experience\n.sscr-step{\n\n  min-height:148px;\n\n  padding:\n    22px\n    23px;\n\n  display:grid;\n\n  grid-template-columns:\n    62px\n    minmax(0,1fr);\n\n  gap:18px;\n\n  align-items:center;\n\n  border:\n    1px solid\n    var(--ss-border);\n\n  border-radius:12px;\n\n  background:#FFFFFF;\n\n  transition:\n    transform .23s ease,\n    border-color .23s ease,\n    box-shadow .23s ease;\n}\n\n\n#ss-car-rental-experience\n.sscr-step:hover{\n\n  transform:\n    translateX(4px);\n\n  border-color:\n    rgba(255,198,41,.70);\n\n  box-shadow:\n    0 9px 24px\n    rgba(7,29,52,.055);\n}\n\n\n\/* NUMBER *\/\n\n#ss-car-rental-experience\n.sscr-step-number{\n\n  color:\n    var(--ss-navy);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:30px;\n\n  line-height:1;\n}\n\n\n\/* LABEL *\/\n\n#ss-car-rental-experience\n.sscr-step-label{\n\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    var(--ss-navy);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.8px;\n}\n\n\n\/* TITLE *\/\n\n#ss-car-rental-experience\n.sscr-step h4{\n\n  margin:\n    0\n    0\n    7px;\n\n  color:\n    var(--ss-navy);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:21px;\n\n  line-height:1.1;\n\n  font-weight:600;\n}\n\n\n\/* DESCRIPTION *\/\n\n#ss-car-rental-experience\n.sscr-step p{\n\n  max-width:620px;\n\n  margin:0;\n\n  color:\n    var(--ss-muted);\n\n  font-size:10px;\n\n  line-height:1.55;\n}\n\n\n\/* ============================================================\nBENEFITS\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-benefits{\n\n  margin-top:18px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--ss-border);\n\n  border-radius:13px;\n\n  background:#FFFFFF;\n}\n\n\n#ss-car-rental-experience\n.sscr-benefit{\n\n  min-height:90px;\n\n  padding:\n    17px\n    18px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:13px;\n\n  border-right:\n    1px solid\n    var(--ss-border);\n}\n\n\n#ss-car-rental-experience\n.sscr-benefit:last-child{\n\n  border-right:0;\n}\n\n\n\/* BENEFIT NUMBER *\/\n\n#ss-car-rental-experience\n.sscr-benefit-number{\n\n  color:\n    var(--ss-yellow);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:25px;\n\n  line-height:1;\n\n  font-weight:600;\n}\n\n\n#ss-car-rental-experience\n.sscr-benefit strong{\n\n  display:block;\n\n  color:\n    var(--ss-navy);\n\n  font-size:10px;\n\n  line-height:1.3;\n}\n\n\n#ss-car-rental-experience\n.sscr-benefit small{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:\n    var(--ss-muted);\n\n  font-size:8px;\n\n  line-height:1.35;\n}\n\n\n\/* ============================================================\nIMPORTANT INFORMATION\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-information{\n\n  margin-top:18px;\n\n  padding:\n    22px\n    24px;\n\n  display:grid;\n\n  grid-template-columns:\n    .72fr\n    1.28fr;\n\n  gap:35px;\n\n  align-items:center;\n\n  border:\n    1px solid\n    rgba(255,198,41,.65);\n\n  border-radius:13px;\n\n  background:\n    #FFFBEA;\n}\n\n\n\/* INFO HEADING *\/\n\n#ss-car-rental-experience\n.sscr-info-heading{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:14px;\n}\n\n\n\/* INFO ICON *\/\n\n#ss-car-rental-experience\n.sscr-info-icon{\n\n  width:40px;\n  height:40px;\n\n  flex:\n    0 0 40px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  color:\n    var(--ss-yellow);\n\n  background:\n    var(--ss-navy);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:18px;\n\n  font-style:italic;\n}\n\n\n#ss-car-rental-experience\n.sscr-info-label{\n\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    var(--ss-navy);\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:1.5px;\n}\n\n\n#ss-car-rental-experience\n.sscr-info-heading strong{\n\n  display:block;\n\n  color:\n    var(--ss-navy);\n\n  font-size:13px;\n\n  line-height:1.3;\n}\n\n\n#ss-car-rental-experience\n.sscr-information > p{\n\n  margin:0;\n\n  color:\n    var(--ss-muted);\n\n  font-size:10px;\n\n  line-height:1.58;\n}\n\n\n\/* ============================================================\nBOOK CTA\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-book{\n\n  margin-top:18px;\n\n  padding:\n    20px\n    23px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:25px;\n\n  border:\n    1px solid\n    var(--ss-border);\n\n  border-radius:13px;\n\n  background:#FFFFFF;\n}\n\n\n#ss-car-rental-experience\n.sscr-book-copy > span{\n\n  display:block;\n\n  margin-bottom:5px;\n\n  color:\n    var(--ss-navy);\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:1.6px;\n}\n\n\n#ss-car-rental-experience\n.sscr-book-copy strong{\n\n  display:block;\n\n  color:\n    var(--ss-navy);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:20px;\n\n  line-height:1.2;\n\n  font-weight:600;\n}\n\n\n\/* BUTTON *\/\n\n#ss-car-rental-experience\n.sscr-button{\n\n  width:220px;\n\n  min-height:56px;\n\n  padding:\n    0\n    20px;\n\n  flex:\n    0 0 220px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  border:\n    1px solid\n    var(--ss-navy);\n\n  border-radius:8px;\n\n  color:#FFFFFF !important;\n\n  background:\n    var(--ss-navy);\n\n  text-decoration:none !important;\n\n  font-size:12px;\n\n  font-weight:800;\n\n  letter-spacing:.7px;\n\n  box-shadow:\n    0 10px 24px\n    rgba(7,29,52,.14);\n\n  transition:\n    transform .23s ease,\n    background .23s ease,\n    box-shadow .23s ease;\n}\n\n\n#ss-car-rental-experience\n.sscr-button:hover{\n\n  transform:\n    translateY(-2px);\n\n  background:\n    var(--ss-navy2);\n\n  box-shadow:\n    0 15px 29px\n    rgba(7,29,52,.19);\n}\n\n\n#ss-car-rental-experience\n.sscr-button svg{\n\n  width:21px;\n  height:21px;\n\n  fill:none;\n\n  stroke:\n    var(--ss-yellow);\n\n  stroke-width:2;\n\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* ============================================================\nRENTAL PARTNERS\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-partners{\n\n  margin-top:18px;\n\n  display:grid;\n\n  grid-template-columns:\n    165px\n    1fr;\n\n  align-items:center;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--ss-border);\n\n  border-radius:13px;\n\n  background:#FFFFFF;\n}\n\n\n\/* LABEL *\/\n\n#ss-car-rental-experience\n.sscr-partners-label{\n\n  height:100%;\n\n  display:grid;\n\n  place-items:center;\n\n  border-right:\n    1px solid\n    var(--ss-border);\n\n  color:\n    var(--ss-navy);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.5px;\n}\n\n\n\/* SLIDER *\/\n\n#ss-car-rental-experience\n.sscr-slider{\n\n  overflow:hidden;\n\n  padding:\n    21px\n    0;\n}\n\n\n#ss-car-rental-experience\n.sscr-track{\n\n  width:max-content;\n\n  padding-left:34px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:43px;\n\n  animation:\n    sscrRentalPartners\n    36s\n    linear\n    infinite;\n}\n\n\n#ss-car-rental-experience\n.sscr-slider:hover\n.sscr-track{\n\n  animation-play-state:\n    paused;\n}\n\n\n#ss-car-rental-experience\n.sscr-track span{\n\n  flex:\n    0 0 auto;\n\n  white-space:nowrap;\n\n  font-size:16px;\n\n  line-height:1;\n\n  font-weight:900;\n}\n\n\n\/* ============================================================\nBRANDS\n============================================================ *\/\n\n#ss-car-rental-experience\n.sscr-track .hertz{\n\n  color:#111111;\n\n  font-style:italic;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .avis{\n\n  color:#DA2637;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .budget{\n\n  color:#1769AA;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .enterprise{\n\n  color:#16844B;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .national{\n\n  color:#319552;\n\n  font-style:italic;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .alamo{\n\n  padding:\n    5px\n    8px;\n\n  color:#FFE000;\n\n  background:#073FA0;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .sixt{\n\n  color:#111111;\n\n  font-size:18px;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .dollar{\n\n  color:#D8344E;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .thrifty{\n\n  color:#2472B6;\n\n  font-style:italic;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .europcar{\n\n  color:#24964E;\n\n  font-style:italic;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .fox{\n\n  color:#DC702C;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .payless{\n\n  color:#465FA4;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .ace{\n\n  color:#2367B2;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .mex{\n\n  color:#2E6092;\n}\n\n\n#ss-car-rental-experience\n.sscr-track .greenmotion{\n\n  color:#68A42E;\n}\n\n\n\/* ============================================================\nSLIDER ANIMATION\n============================================================ *\/\n\n@keyframes sscrRentalPartners{\n\n  from{\n\n    transform:\n      translateX(0);\n  }\n\n  to{\n\n    transform:\n      translateX(-50%);\n  }\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n  #ss-car-rental-experience\n  .sscr-main{\n\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-car-panel{\n\n    min-height:500px;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-car{\n\n    width:\n      min(88%,700px);\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-benefits{\n\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-benefit:nth-child(2){\n\n    border-right:0;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-benefit:nth-child(-n+2){\n\n    border-bottom:\n      1px solid\n      var(--ss-border);\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:650px){\n\n  #ss-car-rental-experience{\n\n    padding:\n      38px\n      14px;\n  }\n\n\n  \/* HEADER *\/\n\n  #ss-car-rental-experience\n  .sscr-header h2{\n\n    font-size:\n      clamp(44px,13vw,56px);\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-header p{\n\n    font-size:12px;\n  }\n\n\n  \/* CAR *\/\n\n  #ss-car-rental-experience\n  .sscr-car-panel{\n\n    min-height:440px;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-car-copy{\n\n    padding:\n      29px\n      22px;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-car-copy h3{\n\n    font-size:36px;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-car{\n\n    width:122%;\n\n    bottom:38px;\n  }\n\n\n  \/* STEPS *\/\n\n  #ss-car-rental-experience\n  .sscr-steps{\n\n    padding:\n      12px;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-step{\n\n    min-height:0;\n\n    grid-template-columns:\n      47px\n      1fr;\n\n    gap:13px;\n\n    padding:\n      18px\n      15px;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-step-number{\n\n    font-size:23px;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-step h4{\n\n    font-size:18px;\n  }\n\n\n  \/* BENEFITS *\/\n\n  #ss-car-rental-experience\n  .sscr-benefits{\n\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-benefit{\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--ss-border);\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-benefit:nth-child(2){\n\n    border-right:0;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-benefit:last-child{\n\n    border-bottom:0;\n  }\n\n\n  \/* INFORMATION *\/\n\n  #ss-car-rental-experience\n  .sscr-information{\n\n    grid-template-columns:1fr;\n\n    gap:18px;\n  }\n\n\n  \/* CTA *\/\n\n  #ss-car-rental-experience\n  .sscr-book{\n\n    flex-direction:column;\n\n    align-items:flex-start;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-button{\n\n    width:100%;\n\n    flex:auto;\n  }\n\n\n  \/* PARTNERS *\/\n\n  #ss-car-rental-experience\n  .sscr-partners{\n\n    display:block;\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-partners-label{\n\n    height:auto;\n\n    padding:\n      12px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--ss-border);\n  }\n\n\n  #ss-car-rental-experience\n  .sscr-track{\n\n    gap:33px;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fb4c68 elementor-widget elementor-widget-html\" data-id=\"1fb4c68\" 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<!-- =========================================================\nSUNNYSIDE DMC\nOTHER TYPES OF TRANSPORTATION\nOPTION 01 \u2014 PREMIUM 4-CARD EDITORIAL\nFULL VIEWPORT \/ ISOLATED\n========================================================= -->\n\n<section id=\"ss-other-transport-01\">\n\n  <div class=\"ss-ot01-inner\">\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <div class=\"ss-ot01-intro\">\n\n      <span class=\"ss-ot01-eyebrow\">\n        OTHER TYPES OF\n      <\/span>\n\n      <h2>\n        TRANSPORTATION\n      <\/h2>\n\n      <div class=\"ss-ot01-accent\"><\/div>\n\n      <p>\n        Different transportation solutions designed\n        to make every journey in Mexico safe,\n        comfortable and memorable.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         GRID\n    ====================================================== -->\n\n    <div class=\"ss-ot01-grid\">\n\n\n      <!-- INTERCITY -->\n\n      <article class=\"ss-ot01-card\">\n\n        <div class=\"ss-ot01-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/annie-spratt-tG822f1XzT4-unsplash-scaled.jpg\"\n            alt=\"Intercity Transfers\"\n          >\n\n        <\/div>\n\n        <div class=\"ss-ot01-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\n            <path d=\"M3 12h18\"><\/path>\n            <path d=\"M7 18v2\"><\/path>\n            <path d=\"M17 18v2\"><\/path>\n            <circle cx=\"7\" cy=\"17\" r=\"1\"><\/circle>\n            <circle cx=\"17\" cy=\"17\" r=\"1\"><\/circle>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"ss-ot01-content\">\n\n          <h3>\n            Intercity Transfers\n          <\/h3>\n\n          <div class=\"ss-ot01-small-line\"><\/div>\n\n          <p>\n            Reliable long-distance transportation services\n            connecting cities, destinations, and regions\n            throughout Mexico.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- WEDDING -->\n\n      <article class=\"ss-ot01-card\">\n\n        <div class=\"ss-ot01-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/boda.png\"\n            alt=\"Wedding Transfers\"\n          >\n\n        <\/div>\n\n        <div class=\"ss-ot01-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"9\" cy=\"14\" r=\"5\"><\/circle>\n            <circle cx=\"15\" cy=\"14\" r=\"5\"><\/circle>\n            <path d=\"M12 8 9 5l3-3 3 3Z\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"ss-ot01-content\">\n\n          <h3>\n            Wedding Transfers\n          <\/h3>\n\n          <div class=\"ss-ot01-small-line\"><\/div>\n\n          <p>\n            Elegant transportation ensuring guests arrive\n            on time, relaxed, and ready to enjoy your\n            special day.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- VEHICLES AT DISPOSAL -->\n\n      <article class=\"ss-ot01-card\">\n\n        <div class=\"ss-ot01-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/06-04-Explorer-SUV.jpg\"\n            alt=\"Vehicles at Your Disposal\"\n          >\n\n        <\/div>\n\n        <div class=\"ss-ot01-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n            <path d=\"M12 7v6l4 2\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"ss-ot01-content\">\n\n          <h3>\n            Vehicles at Your Disposal\n          <\/h3>\n\n          <div class=\"ss-ot01-small-line\"><\/div>\n\n          <p>\n            Flexible transportation services available\n            by the hour or full day, tailored to your\n            schedule and needs.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- POINT TO POINT -->\n\n      <article class=\"ss-ot01-card\">\n\n        <div class=\"ss-ot01-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/dGROBQfC8iDjqsI89LuJLVQnPXyL_8ozo8LZD40yRpNukmYWUOLE45EG-G-i5JSV3fzKMcDXvtxl_8UNTzY-YILGiqNPx5QqsLKugm4qhn5EkZiLLCbLXYDIIqSENCTmnYVdXO2l-DxdlsMz6DNIFJkv4yBRnC6hs9FDT2PIzTGCN7vPIqUzdMLQPBSuyEcR.jpg\"\n            alt=\"Parten\u00f3n Zihuatanejo - Point-to-Point Transfers\"\n          >\n\n        <\/div>\n\n        <div class=\"ss-ot01-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M21 10c0 7-9 12-9 12S3 17 3 10a9 9 0 1 1 18 0Z\"><\/path>\n            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"ss-ot01-content\">\n\n          <h3>\n            Point-to-Point Transfers\n          <\/h3>\n\n          <div class=\"ss-ot01-small-line\"><\/div>\n\n          <p>\n            Reliable direct transfers for airports,\n            hotels, and events with punctual and\n            professional service.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nISOLATION\n============================================================ *\/\n\n#ss-other-transport-01,\n#ss-other-transport-01 *,\n#ss-other-transport-01 *::before,\n#ss-other-transport-01 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-other-transport-01{\n\n  --ss-navy:#071D34;\n  --ss-navy2:#0A294A;\n  --ss-yellow:#FFC629;\n  --ss-text:#26384A;\n  --ss-muted:#687688;\n  --ss-border:#E2E7ED;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:48px clamp(14px,2.2vw,42px) 55px !important;\n\n  overflow:hidden !important;\n\n  background:#FFFFFF !important;\n\n  font-family:Arial,Helvetica,sans-serif !important;\n\n}\n\n\n\/* ============================================================\nINNER\n============================================================ *\/\n\n#ss-other-transport-01\n.ss-ot01-inner{\n\n  width:100% !important;\n\n  margin:0 !important;\n\n}\n\n\n\/* ============================================================\nINTRO\n============================================================ *\/\n\n#ss-other-transport-01\n.ss-ot01-intro{\n\n  max-width:760px !important;\n\n  margin:0 auto 30px !important;\n\n  text-align:center !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-eyebrow{\n\n  display:block !important;\n\n  margin-bottom:9px !important;\n\n  color:var(--ss-navy) !important;\n\n  font-size:10px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:2.7px !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-intro h2{\n\n  margin:0 !important;\n\n  padding:0 !important;\n\n  color:var(--ss-navy) !important;\n\n  font-family:Georgia,\"Times New Roman\",serif !important;\n\n  font-size:clamp(43px,4.8vw,65px) !important;\n\n  line-height:.96 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-2.2px !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-accent{\n\n  width:58px !important;\n  height:4px !important;\n\n  margin:19px auto 18px !important;\n\n  background:var(--ss-yellow) !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-intro p{\n\n  max-width:600px !important;\n\n  margin:0 auto !important;\n\n  color:var(--ss-muted) !important;\n\n  font-size:14px !important;\n\n  line-height:1.7 !important;\n\n}\n\n\n\/* ============================================================\nGRID\n============================================================ *\/\n\n#ss-other-transport-01\n.ss-ot01-grid{\n\n  display:grid !important;\n\n  grid-template-columns:repeat(4,minmax(0,1fr)) !important;\n\n  gap:clamp(14px,1.35vw,22px) !important;\n\n  align-items:stretch !important;\n\n}\n\n\n\/* ============================================================\nCARD\n============================================================ *\/\n\n#ss-other-transport-01\n.ss-ot01-card{\n\n  position:relative !important;\n\n  min-height:455px !important;\n\n  margin:0 !important;\n\n  overflow:hidden !important;\n\n  border:1px solid var(--ss-border) !important;\n\n  border-radius:15px !important;\n\n  background:#FFFFFF !important;\n\n  box-shadow:0 12px 30px rgba(7,29,52,.065) !important;\n\n  transition:transform .25s ease,box-shadow .25s ease !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-card::before{\n\n  content:\"\" !important;\n\n  position:absolute !important;\n\n  top:0 !important;\n  left:0 !important;\n\n  width:100% !important;\n  height:4px !important;\n\n  z-index:4 !important;\n\n  background:var(--ss-yellow) !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-card:hover{\n\n  transform:translateY(-5px) !important;\n\n  box-shadow:0 20px 40px rgba(7,29,52,.11) !important;\n\n}\n\n\n\/* ============================================================\nIMAGE\n============================================================ *\/\n\n#ss-other-transport-01\n.ss-ot01-image{\n\n  width:100% !important;\n\n  height:215px !important;\n\n  overflow:hidden !important;\n\n  background:#FFFFFF !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-image img{\n\n  width:100% !important;\n  height:100% !important;\n\n  display:block !important;\n\n  object-fit:cover !important;\n\n  transition:transform .55s ease !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-card:hover\n.ss-ot01-image img{\n\n  transform:scale(1.04) !important;\n\n}\n\n\n\/* ============================================================\nICON\n============================================================ *\/\n\n#ss-other-transport-01\n.ss-ot01-icon{\n\n  width:58px !important;\n  height:58px !important;\n\n  position:relative !important;\n\n  z-index:5 !important;\n\n  margin:-29px auto 13px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border:4px solid #FFFFFF !important;\n\n  border-radius:50% !important;\n\n  background:var(--ss-navy) !important;\n\n  color:var(--ss-yellow) !important;\n\n  box-shadow:0 7px 18px rgba(7,29,52,.17) !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-icon svg{\n\n  width:26px !important;\n  height:26px !important;\n\n  fill:none !important;\n\n  stroke:currentColor !important;\n\n  stroke-width:1.7 !important;\n\n}\n\n\n\/* ============================================================\nCONTENT\n============================================================ *\/\n\n#ss-other-transport-01\n.ss-ot01-content{\n\n  padding:0 20px 24px !important;\n\n  text-align:center !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-content h3{\n\n  min-height:48px !important;\n\n  margin:0 !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  color:var(--ss-navy) !important;\n\n  font-family:Georgia,\"Times New Roman\",serif !important;\n\n  font-size:20px !important;\n\n  line-height:1.1 !important;\n\n  font-weight:600 !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-small-line{\n\n  width:40px !important;\n\n  height:3px !important;\n\n  margin:12px auto 15px !important;\n\n  background:var(--ss-yellow) !important;\n\n}\n\n\n#ss-other-transport-01\n.ss-ot01-content p{\n\n  margin:0 !important;\n\n  color:var(--ss-muted) !important;\n\n  font-size:12px !important;\n\n  line-height:1.6 !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:1000px){\n\n  #ss-other-transport-01\n  .ss-ot01-grid{\n\n    grid-template-columns:repeat(2,1fr) !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:650px){\n\n  #ss-other-transport-01{\n\n    padding:38px 14px !important;\n\n  }\n\n\n  #ss-other-transport-01\n  .ss-ot01-grid{\n\n    grid-template-columns:1fr !important;\n\n  }\n\n\n  #ss-other-transport-01\n  .ss-ot01-card{\n\n    min-height:0 !important;\n\n  }\n\n\n  #ss-other-transport-01\n  .ss-ot01-image{\n\n    height:250px !important;\n\n  }\n\n}\n\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-a5b25dc elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"a5b25dc\" 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-9d62342\" data-id=\"9d62342\" 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-5c6c08f elementor-widget elementor-widget-html\" data-id=\"5c6c08f\" 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<!-- =========================================================\nSUNNYSIDE DMC - GROUP TRANSFER\nOPTION 01 \u2014 EDITORIAL BUS SPLIT\nFULL VIEWPORT \/ ELEMENTOR ISOLATED\n========================================================= -->\n\n<section id=\"ss-group-transfer-01\">\n\n  <div class=\"ssgt1-shell\">\n\n\n    <!-- =====================================================\n         VISUAL\n    ====================================================== -->\n\n    <div class=\"ssgt1-visual\">\n\n      <div class=\"ssgt1-photo-bg\"><\/div>\n\n      <div class=\"ssgt1-bus-wrap\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-27-jul-2026-04_39_14-p.m-3.png\"\n          alt=\"Sunnyside DMC Group Transfer\"\n          class=\"ssgt1-bus\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CONTENT\n    ====================================================== -->\n\n    <div class=\"ssgt1-content\">\n\n\n      <div class=\"ssgt1-top-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"9\" cy=\"7\" r=\"3\"><\/circle>\n          <circle cx=\"17\" cy=\"8\" r=\"2\"><\/circle>\n          <path d=\"M3 20v-2c0-3 2.5-5 6-5s6 2 6 5v2\"><\/path>\n          <path d=\"M15 14c3 0 5 2 5 5v1\"><\/path>\n        <\/svg>\n\n      <\/div>\n\n\n      <span class=\"ssgt1-eyebrow\">\n        SEAMLESS TRAVEL, TOGETHER\n      <\/span>\n\n\n      <h2>\n        Group Transfer\n      <\/h2>\n\n\n      <div class=\"ssgt1-line\"><\/div>\n\n\n      <p class=\"ssgt1-description\">\n        We make it easy. Whether it\u2019s a wedding, an incentive trip, a family reunion,\n        or a conference, at Sunnyside DMC we offer spacious and comfortable vehicles\n        from executive vans to fully equipped buses to transport your group safely,\n        punctually, and efficiently. Our logistics team ensures everyone arrives\n        together, on time, and without hassle. We specialize in moving groups with\n        both efficiency and care, because we understand that every transfer is part\n        of an experience that should flow stress-free.\n      <\/p>\n\n\n      <a\n        class=\"ssgt1-button\"\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.\"\n      >\n\n        <span>\n          Request This Service\n        <\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h13\"><\/path>\n          <path d=\"m14 7 5 5-5 5\"><\/path>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BENEFITS\n    ====================================================== -->\n\n    <div class=\"ssgt1-benefits\">\n\n\n      <div class=\"ssgt1-benefit\">\n\n        <div class=\"ssgt1-benefit-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"8\" width=\"18\" height=\"9\" rx=\"2\"><\/rect>\n            <path d=\"M5 17v2M19 17v2\"><\/path>\n            <path d=\"M7 12h10\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div>\n\n          <strong>\n            Spacious &amp; Comfortable\n          <\/strong>\n\n          <span>\n            From executive vans to full-size buses\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ssgt1-benefit\">\n\n        <div class=\"ssgt1-benefit-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\"><\/path>\n            <path d=\"m9 12 2 2 4-4\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div>\n\n          <strong>\n            Safe &amp; Reliable\n          <\/strong>\n\n          <span>\n            Punctual, secure, and professionally managed\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ssgt1-benefit\">\n\n        <div class=\"ssgt1-benefit-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n            <path d=\"M12 7v6l4 2\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div>\n\n          <strong>\n            Always On Time\n          <\/strong>\n\n          <span>\n            Coordinated logistics that keep your group moving smoothly\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ssgt1-benefit\">\n\n        <div class=\"ssgt1-benefit-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"9\" cy=\"7\" r=\"3\"><\/circle>\n            <circle cx=\"17\" cy=\"8\" r=\"2\"><\/circle>\n            <path d=\"M3 20v-2c0-3 2.5-5 6-5s6 2 6 5v2\"><\/path>\n            <path d=\"M15 14c3 0 5 2 5 5v1\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div>\n\n          <strong>\n            Group-Focused Care\n          <\/strong>\n\n          <span>\n            We ensure everyone arrives together, relaxed and stress-free\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nFULL ISOLATION\n============================================================ *\/\n\n#ss-group-transfer-01,\n#ss-group-transfer-01 *,\n#ss-group-transfer-01 *::before,\n#ss-group-transfer-01 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-group-transfer-01{\n\n  --navy:#071D34;\n  --navy2:#0A294A;\n  --yellow:#FFC629;\n  --text:#26384A;\n  --muted:#687688;\n  --border:#E2E7ED;\n  --soft:#F6F8FA;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:42px clamp(14px,2.2vw,42px) 48px !important;\n\n  background:#FFFFFF !important;\n\n  overflow:hidden !important;\n\n  font-family:Arial,Helvetica,sans-serif !important;\n\n}\n\n\n\/* ============================================================\nSHELL\n============================================================ *\/\n\n#ss-group-transfer-01\n.ssgt1-shell{\n\n  width:100% !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr) !important;\n\n  grid-template-areas:\n    \"visual content\"\n    \"benefits benefits\" !important;\n\n  overflow:hidden !important;\n\n  border:1px solid var(--border) !important;\n\n  border-radius:15px !important;\n\n  background:#FFFFFF !important;\n\n  box-shadow:0 14px 35px rgba(7,29,52,.07) !important;\n\n}\n\n\n\/* ============================================================\nVISUAL\n============================================================ *\/\n\n#ss-group-transfer-01\n.ssgt1-visual{\n\n  grid-area:visual !important;\n\n  position:relative !important;\n\n  min-height:520px !important;\n\n  overflow:hidden !important;\n\n  background:#EDF3F7 !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-photo-bg{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,29,52,.08),\n      rgba(7,29,52,.24)\n    ),\n    url(\"\")\n    center \/ cover\n    no-repeat !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-visual::after{\n\n  content:\"\" !important;\n\n  position:absolute !important;\n\n  left:0 !important;\n  right:0 !important;\n  bottom:-1px !important;\n\n  height:120px !important;\n\n  background:\n    linear-gradient(\n      to bottom,\n      rgba(255,255,255,0),\n      rgba(255,255,255,.92)\n    ) !important;\n\n}\n\n\n\/* ============================================================\nBUS\n============================================================ *\/\n\n#ss-group-transfer-01\n.ssgt1-bus-wrap{\n\n  position:absolute !important;\n\n  z-index:4 !important;\n\n  left:4% !important;\n  bottom:15px !important;\n\n  width:92% !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-bus{\n\n  width:100% !important;\n\n  max-height:360px !important;\n\n  display:block !important;\n\n  object-fit:contain !important;\n\n  filter:\n    drop-shadow(\n      0 20px 18px rgba(7,29,52,.22)\n    ) !important;\n\n}\n\n\n\/* ============================================================\nCONTENT\n============================================================ *\/\n\n#ss-group-transfer-01\n.ssgt1-content{\n\n  grid-area:content !important;\n\n  display:flex !important;\n\n  flex-direction:column !important;\n\n  justify-content:center !important;\n\n  padding:\n    44px\n    clamp(30px,3.5vw,55px) !important;\n\n}\n\n\n\/* ICON *\/\n\n#ss-group-transfer-01\n.ssgt1-top-icon{\n\n  width:52px !important;\n  height:52px !important;\n\n  margin-bottom:19px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border:1px solid var(--border) !important;\n\n  border-radius:50% !important;\n\n  background:#F8FAFC !important;\n\n  color:var(--navy) !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-top-icon svg{\n\n  width:28px !important;\n  height:28px !important;\n\n  fill:none !important;\n\n  stroke:currentColor !important;\n\n  stroke-width:1.6 !important;\n\n}\n\n\n\/* EYEBROW *\/\n\n#ss-group-transfer-01\n.ssgt1-eyebrow{\n\n  display:block !important;\n\n  margin-bottom:10px !important;\n\n  color:var(--navy) !important;\n\n  font-size:10px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:2.7px !important;\n\n}\n\n\n\/* TITLE *\/\n\n#ss-group-transfer-01\n.ssgt1-content h2{\n\n  margin:0 !important;\n\n  color:var(--navy) !important;\n\n  font-family:Georgia,\"Times New Roman\",serif !important;\n\n  font-size:clamp(46px,4.5vw,67px) !important;\n\n  line-height:.96 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-2.2px !important;\n\n}\n\n\n\/* LINE *\/\n\n#ss-group-transfer-01\n.ssgt1-line{\n\n  width:55px !important;\n  height:4px !important;\n\n  margin:20px 0 23px !important;\n\n  background:var(--yellow) !important;\n\n}\n\n\n\/* DESCRIPTION *\/\n\n#ss-group-transfer-01\n.ssgt1-description{\n\n  max-width:680px !important;\n\n  margin:0 0 26px !important;\n\n  color:var(--muted) !important;\n\n  font-size:14px !important;\n\n  line-height:1.68 !important;\n\n}\n\n\n\/* BUTTON *\/\n\n#ss-group-transfer-01\n.ssgt1-button{\n\n  width:fit-content !important;\n\n  min-width:235px !important;\n  min-height:52px !important;\n\n  padding:0 18px !important;\n\n  display:inline-flex !important;\n\n  align-items:center !important;\n\n  justify-content:space-between !important;\n\n  gap:24px !important;\n\n  border-radius:8px !important;\n\n  background:var(--navy) !important;\n\n  color:#FFFFFF !important;\n\n  text-decoration:none !important;\n\n  font-size:13px !important;\n\n  font-weight:700 !important;\n\n  box-shadow:0 9px 22px rgba(7,29,52,.14) !important;\n\n  transition:.22s ease !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-button:hover{\n\n  background:var(--navy2) !important;\n\n  transform:translateY(-2px) !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-button svg{\n\n  width:19px !important;\n  height:19px !important;\n\n  fill:none !important;\n\n  stroke:var(--yellow) !important;\n\n  stroke-width:1.9 !important;\n\n}\n\n\n\/* ============================================================\nBENEFITS\n============================================================ *\/\n\n#ss-group-transfer-01\n.ssgt1-benefits{\n\n  grid-area:benefits !important;\n\n  display:grid !important;\n\n  grid-template-columns:repeat(4,minmax(0,1fr)) !important;\n\n  border-top:1px solid var(--border) !important;\n\n  background:var(--soft) !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-benefit{\n\n  min-height:92px !important;\n\n  padding:18px 22px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  gap:13px !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-benefit:not(:last-child){\n\n  border-right:1px solid var(--border) !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-benefit-icon{\n\n  width:42px !important;\n  height:42px !important;\n\n  flex:0 0 42px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border-radius:10px !important;\n\n  background:var(--navy) !important;\n\n  color:var(--yellow) !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-benefit-icon svg{\n\n  width:23px !important;\n  height:23px !important;\n\n  fill:none !important;\n\n  stroke:currentColor !important;\n\n  stroke-width:1.6 !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-benefit strong{\n\n  display:block !important;\n\n  margin-bottom:4px !important;\n\n  color:var(--navy) !important;\n\n  font-size:12px !important;\n\n  font-weight:800 !important;\n\n}\n\n\n#ss-group-transfer-01\n.ssgt1-benefit span{\n\n  display:block !important;\n\n  color:var(--muted) !important;\n\n  font-size:10px !important;\n\n  line-height:1.4 !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:950px){\n\n  #ss-group-transfer-01\n  .ssgt1-shell{\n\n    grid-template-columns:1fr !important;\n\n    grid-template-areas:\n      \"visual\"\n      \"content\"\n      \"benefits\" !important;\n\n  }\n\n\n  #ss-group-transfer-01\n  .ssgt1-benefits{\n\n    grid-template-columns:1fr 1fr !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:600px){\n\n  #ss-group-transfer-01{\n\n    padding:20px 14px 38px !important;\n\n  }\n\n\n  #ss-group-transfer-01\n  .ssgt1-visual{\n\n    min-height:330px !important;\n\n  }\n\n\n  #ss-group-transfer-01\n  .ssgt1-content{\n\n    padding:30px 21px 32px !important;\n\n  }\n\n\n  #ss-group-transfer-01\n  .ssgt1-content h2{\n\n    font-size:clamp(42px,13vw,56px) !important;\n\n  }\n\n\n  #ss-group-transfer-01\n  .ssgt1-button{\n\n    width:100% !important;\n\n  }\n\n\n  #ss-group-transfer-01\n  .ssgt1-benefits{\n\n    grid-template-columns:1fr !important;\n\n  }\n\n\n  #ss-group-transfer-01\n  .ssgt1-benefit{\n\n    border-right:0 !important;\n\n    border-bottom:1px solid var(--border) !important;\n\n  }\n\n}\n\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-e5f0ef5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e5f0ef5\" 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-62db279\" data-id=\"62db279\" 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-392f30c elementor-widget elementor-widget-html\" data-id=\"392f30c\" 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<!-- =========================================================\nSUNNYSIDE DMC\nTRANSFER REQUEST FORM\nOPTION 02 \u2014 PREMIUM SPLIT\n========================================================= -->\n\n<section id=\"ss-transfer-form-02\">\n\n  <div class=\"sstf2-shell\">\n\n\n    <!-- LEFT -->\n\n    <div class=\"sstf2-intro\">\n\n      <h4>\n        Request a Quote\n      <\/h4>\n\n      <div class=\"sstf2-line\"><\/div>\n\n    <\/div>\n\n\n    <!-- FORM -->\n\n    <div class=\"sstf2-form-area\">\n\n      <form\n        id=\"sstf2-form\"\n        action=\"https:\/\/formspree.io\/f\/xkoqpvwa\"\n        method=\"POST\"\n      >\n\n        <input\n          type=\"hidden\"\n          name=\"_subject\"\n          id=\"sstf2-subject\"\n          value=\"New Transfer Request\"\n        >\n\n        <input\n          type=\"hidden\"\n          name=\"_next\"\n          value=\"\"\n        >\n\n\n        <div class=\"sstf2-field\">\n\n          <label>Name<\/label>\n\n          <input\n            type=\"text\"\n            name=\"Name\"\n            placeholder=\"Your name\"\n            required\n          >\n\n        <\/div>\n\n\n        <div class=\"sstf2-field\">\n\n          <label>Email<\/label>\n\n          <input\n            type=\"email\"\n            name=\"Email\"\n            placeholder=\"Your email\"\n            required\n          >\n\n        <\/div>\n\n\n        <div class=\"sstf2-field sstf2-full\">\n\n          <label>\n            Contact Phone\n          <\/label>\n\n          <div class=\"sstf2-phone\">\n\n            <select\n              name=\"CountryCode\"\n              required\n            >\n\n              <option value=\"+54\">\ud83c\udde6\ud83c\uddf7 Argentina +54<\/option>\n              <option value=\"+61\">\ud83c\udde6\ud83c\uddfa Australia +61<\/option>\n              <option value=\"+43\">\ud83c\udde6\ud83c\uddf9 Austria +43<\/option>\n              <option value=\"+32\">\ud83c\udde7\ud83c\uddea Belgium +32<\/option>\n              <option value=\"+55\">\ud83c\udde7\ud83c\uddf7 Brazil +55<\/option>\n              <option value=\"+1\">\ud83c\udde8\ud83c\udde6 Canada +1<\/option>\n              <option value=\"+56\">\ud83c\udde8\ud83c\uddf1 Chile +56<\/option>\n              <option value=\"+57\">\ud83c\udde8\ud83c\uddf4 Colombia +57<\/option>\n              <option value=\"+45\">\ud83c\udde9\ud83c\uddf0 Denmark +45<\/option>\n              <option value=\"+33\">\ud83c\uddeb\ud83c\uddf7 France +33<\/option>\n              <option value=\"+49\">\ud83c\udde9\ud83c\uddea Germany +49<\/option>\n              <option value=\"+39\">\ud83c\uddee\ud83c\uddf9 Italy +39<\/option>\n              <option value=\"+52\" selected>\ud83c\uddf2\ud83c\uddfd Mexico +52<\/option>\n              <option value=\"+31\">\ud83c\uddf3\ud83c\uddf1 Netherlands +31<\/option>\n              <option value=\"+47\">\ud83c\uddf3\ud83c\uddf4 Norway +47<\/option>\n              <option value=\"+507\">\ud83c\uddf5\ud83c\udde6 Panama +507<\/option>\n              <option value=\"+51\">\ud83c\uddf5\ud83c\uddea Peru +51<\/option>\n              <option value=\"+351\">\ud83c\uddf5\ud83c\uddf9 Portugal +351<\/option>\n              <option value=\"+34\">\ud83c\uddea\ud83c\uddf8 Spain +34<\/option>\n              <option value=\"+46\">\ud83c\uddf8\ud83c\uddea Sweden +46<\/option>\n              <option value=\"+41\">\ud83c\udde8\ud83c\udded Switzerland +41<\/option>\n              <option value=\"+44\">\ud83c\uddec\ud83c\udde7 United Kingdom +44<\/option>\n              <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 United States +1<\/option>\n\n            <\/select>\n\n            <input\n              type=\"tel\"\n              name=\"PhoneNumber\"\n              placeholder=\"Number\"\n              required\n            >\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"sstf2-field sstf2-full\">\n\n          <label>\n            Select Transfer Type\n          <\/label>\n\n          <select\n            id=\"sstf2-options\"\n            name=\"TransferType\"\n          >\n\n            <option> Groups<\/option>\n            <option>Intercity Transfers<\/option>\n            <option>Wedding Transfers<\/option>\n            <option>Vehicles at Your Disposal<\/option>\n            <option>Vehicles for Rent<\/option>\n            <option>Point to Point Transfers<\/option>\n\n          <\/select>\n\n        <\/div>\n\n\n        <div class=\"sstf2-field sstf2-full\">\n\n          <label>\n            Message\n          <\/label>\n\n          <textarea\n            name=\"Message\"\n            rows=\"5\"\n            placeholder=\"Write your message...\"\n          ><\/textarea>\n\n        <\/div>\n\n\n        <div class=\"sstf2-submit sstf2-full\">\n\n          <button\n            type=\"submit\"\n            id=\"sstf2-submit\"\n          >\n            Send Request\n          <\/button>\n\n          <p\n            id=\"sstf2-message\"\n            style=\"display:none;\"\n          ><\/p>\n\n        <\/div>\n\n      <\/form>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n#ss-transfer-form-02,\n#ss-transfer-form-02 *,\n#ss-transfer-form-02 *::before,\n#ss-transfer-form-02 *::after{\n  box-sizing:border-box !important;\n}\n\n\n#ss-transfer-form-02{\n\n  --navy:#071D34;\n  --navy2:#0A294A;\n  --yellow:#FFC629;\n  --border:#E2E7ED;\n  --soft:#F7F9FB;\n  --muted:#687688;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:48px clamp(14px,4vw,70px) 55px !important;\n\n  background:#FFFFFF !important;\n\n  font-family:Arial,Helvetica,sans-serif !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-shell{\n\n  width:100% !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(280px,.38fr)\n    minmax(0,.62fr) !important;\n\n  overflow:hidden !important;\n\n  border:\n    1px solid\n    var(--border) !important;\n\n  border-radius:\n    15px !important;\n\n  box-shadow:\n    0 14px 35px rgba(7,29,52,.07) !important;\n\n}\n\n\n\/* LEFT *\/\n\n#ss-transfer-form-02\n.sstf2-intro{\n\n  min-height:100% !important;\n\n  padding:\n    48px\n    38px !important;\n\n  display:flex !important;\n\n  flex-direction:column !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  text-align:center !important;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--navy),\n      var(--navy2)\n    ) !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-intro h4{\n\n  margin:0 !important;\n\n  color:#FFFFFF !important;\n\n  font-family:Georgia,\"Times New Roman\",serif !important;\n\n  font-size:\n    clamp(40px,4vw,58px) !important;\n\n  line-height:.98 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-2px !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-line{\n\n  width:55px !important;\n  height:4px !important;\n\n  margin:19px auto 0 !important;\n\n  background:var(--yellow) !important;\n\n}\n\n\n\/* FORM AREA *\/\n\n#ss-transfer-form-02\n.sstf2-form-area{\n\n  padding:\n    40px\n    clamp(25px,3.5vw,50px) !important;\n\n  background:#FFFFFF !important;\n\n}\n\n\n#ss-transfer-form-02\n#sstf2-form{\n\n  display:grid !important;\n\n  grid-template-columns:\n    1fr 1fr !important;\n\n  gap:\n    18px 20px !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-field{\n\n  display:flex !important;\n\n  flex-direction:column !important;\n\n  gap:8px !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-full{\n\n  grid-column:\n    1 \/ -1 !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-field label{\n\n  color:var(--navy) !important;\n\n  font-size:11px !important;\n\n  font-weight:800 !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-field input,\n#ss-transfer-form-02\n.sstf2-field select,\n#ss-transfer-form-02\n.sstf2-field textarea{\n\n  width:100% !important;\n\n  border:\n    1px solid\n    var(--border) !important;\n\n  border-radius:8px !important;\n\n  background:\n    var(--soft) !important;\n\n  color:#111827 !important;\n\n  font-size:13px !important;\n\n  outline:0 !important;\n\n  box-shadow:none !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-field input,\n#ss-transfer-form-02\n.sstf2-field select{\n\n  min-height:50px !important;\n\n  padding:\n    0\n    15px !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-field textarea{\n\n  min-height:135px !important;\n\n  padding:\n    14px\n    15px !important;\n\n  resize:vertical !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-field input:focus,\n#ss-transfer-form-02\n.sstf2-field select:focus,\n#ss-transfer-form-02\n.sstf2-field textarea:focus{\n\n  border-color:\n    var(--navy) !important;\n\n  background:#FFFFFF !important;\n\n  box-shadow:\n    0 0 0 3px rgba(7,29,52,.08) !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-phone{\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(200px,35%)\n    1fr !important;\n\n  gap:10px !important;\n\n}\n\n\n#ss-transfer-form-02\n.sstf2-submit{\n\n  text-align:center !important;\n\n}\n\n\n#ss-transfer-form-02\n#sstf2-submit{\n\n  width:min(310px,100%) !important;\n\n  min-height:52px !important;\n\n  border:0 !important;\n\n  border-radius:8px !important;\n\n  background:var(--navy) !important;\n\n  color:#FFFFFF !important;\n\n  font-size:12px !important;\n\n  font-weight:800 !important;\n\n  cursor:pointer !important;\n\n}\n\n\n#ss-transfer-form-02\n#sstf2-message{\n\n  margin-top:13px !important;\n\n  font-size:12px !important;\n\n  font-weight:700 !important;\n\n}\n\n\n@media(max-width:850px){\n\n  #ss-transfer-form-02\n  .sstf2-shell{\n\n    grid-template-columns:1fr !important;\n\n  }\n\n\n  #ss-transfer-form-02\n  .sstf2-intro{\n\n    min-height:210px !important;\n\n  }\n\n}\n\n\n@media(max-width:600px){\n\n  #ss-transfer-form-02{\n\n    padding:30px 14px 38px !important;\n\n  }\n\n\n  #ss-transfer-form-02\n  #sstf2-form{\n\n    grid-template-columns:1fr !important;\n\n  }\n\n\n  #ss-transfer-form-02\n  .sstf2-full{\n\n    grid-column:auto !important;\n\n  }\n\n\n  #ss-transfer-form-02\n  .sstf2-phone{\n\n    grid-template-columns:1fr !important;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  const root =\n    document.getElementById(\n      'ss-transfer-form-02'\n    );\n\n  if(!root){\n    return;\n  }\n\n\n  const form =\n    root.querySelector('#sstf2-form');\n\n  const button =\n    root.querySelector('#sstf2-submit');\n\n  const message =\n    root.querySelector('#sstf2-message');\n\n  const transferOptions =\n    root.querySelector('#sstf2-options');\n\n  const subjectField =\n    root.querySelector('#sstf2-subject');\n\n\n  function updateSubject(){\n\n    subjectField.value =\n      \"New Transfer Request - \" +\n      transferOptions.value;\n\n  }\n\n\n  transferOptions.addEventListener(\n    \"change\",\n    updateSubject\n  );\n\n\n  updateSubject();\n\n\n  form.addEventListener(\n    \"submit\",\n    async function(e){\n\n      e.preventDefault();\n\n      button.innerText =\n        \"Sending...\";\n\n      button.disabled =\n        true;\n\n\n      const data =\n        new FormData(form);\n\n\n      try{\n\n        const response =\n          await fetch(\n            form.action,\n            {\n              method:\"POST\",\n              body:data,\n              headers:{\n                \"Accept\":\"application\/json\"\n              }\n            }\n          );\n\n\n        if(response.ok){\n\n          message.style.display =\n            \"block\";\n\n          message.style.color =\n            \"#10B981\";\n\n          message.innerText =\n            \"\u2705 Message sent successfully!\";\n\n          form.reset();\n\n          updateSubject();\n\n        }else{\n\n          throw new Error();\n\n        }\n\n\n      }catch(error){\n\n        message.style.display =\n          \"block\";\n\n        message.style.color =\n          \"#EF4444\";\n\n        message.innerText =\n          \"\u274c Something went wrong. Try again.\";\n\n      }\n\n\n      button.innerText =\n        \"Send Request\";\n\n      button.disabled =\n        false;\n\n    }\n  );\n\n})();\n\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-7869420 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7869420\" 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-82973fc\" data-id=\"82973fc\" 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-335bc2a elementor-widget elementor-widget-html\" data-id=\"335bc2a\" 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<!-- =========================================================\nSUNNYSIDE DMC\nDUAL SERVICE CARDS\nOPTION 01 \u2014 PREMIUM EDITORIAL PAIR\n========================================================= -->\n\n<section id=\"ss-dual-premium-01\">\n\n  <div class=\"ssdp1-grid\">\n\n\n    <!-- =====================================================\n    CARD 1\n    ====================================================== -->\n\n    <article class=\"ssdp1-card\">\n\n      <div class=\"ssdp1-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M3 16l2-6h14l2 6\"><\/path>\n          <path d=\"M5 10l2-4h10l2 4\"><\/path>\n          <rect x=\"3\" y=\"13\" width=\"18\" height=\"6\" rx=\"2\"><\/rect>\n          <circle cx=\"7\" cy=\"18\" r=\"1\"><\/circle>\n          <circle cx=\"17\" cy=\"18\" r=\"1\"><\/circle>\n        <\/svg>\n\n      <\/div>\n\n\n      <div class=\"ssdp1-content\">\n\n        <h3>\n          Safe, Comfortable<br>\n          and worry free transfers\n        <\/h3>\n\n        <div class=\"ssdp1-line\"><\/div>\n\n        <p>\n          Travel with complete peace of mind. Our service is designed\n          to offer punctuality, comfortable vehicles, and professional\n          drivers. All you need to do is relax... and enjoy the journey.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- =====================================================\n    CARD 2\n    ====================================================== -->\n\n    <article class=\"ssdp1-card\">\n\n      <div class=\"ssdp1-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M12 3v18\"><\/path>\n          <path d=\"M12 7h7l-3-3\"><\/path>\n          <path d=\"M12 12H5l3-3\"><\/path>\n          <path d=\"M12 17h6l-3 3\"><\/path>\n        <\/svg>\n\n      <\/div>\n\n\n      <div class=\"ssdp1-content\">\n\n        <h3>\n          Still haven\u2019t decided<br>\n          what to do?\n        <\/h3>\n\n        <div class=\"ssdp1-line\"><\/div>\n\n        <p>\n          Don\u2019t worry! We have tours for all tastes: just ask our team\n          or check out our recommendations and get ready to live your\n          next adventure.\n        <\/p>\n\n        <a\n          href=\"https:\/\/sunnyside.com.mx\/all-tours\/\"\n          class=\"ssdp1-btn\"\n        >\n\n          <span>\n            Tours\n          <\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h13\"><\/path>\n            <path d=\"m14 7 5 5-5 5\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n#ss-dual-premium-01,\n#ss-dual-premium-01 *,\n#ss-dual-premium-01 *::before,\n#ss-dual-premium-01 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-dual-premium-01{\n\n  --navy:#071D34;\n  --navy2:#0A294A;\n  --yellow:#FFC629;\n  --text:#26384A;\n  --muted:#687688;\n  --border:#E2E7ED;\n  --soft:#F7F9FB;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    42px\n    clamp(14px,2.2vw,42px)\n    50px !important;\n\n  background:#FFFFFF !important;\n\n  overflow:hidden !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n}\n\n\n\/* ============================================================\nGRID\n============================================================ *\/\n\n#ss-dual-premium-01\n.ssdp1-grid{\n\n  width:100% !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr)) !important;\n\n  gap:\n    clamp(16px,1.8vw,26px) !important;\n\n}\n\n\n\/* ============================================================\nCARD\n============================================================ *\/\n\n#ss-dual-premium-01\n.ssdp1-card{\n\n  position:relative !important;\n\n  min-height:335px !important;\n\n  margin:0 !important;\n\n  padding:\n    38px\n    clamp(25px,3vw,42px) !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    95px\n    minmax(0,1fr) !important;\n\n  gap:\n    28px !important;\n\n  align-items:center !important;\n\n  overflow:hidden !important;\n\n  border:\n    1px solid\n    var(--border) !important;\n\n  border-radius:\n    15px !important;\n\n  background:\n    #FFFFFF !important;\n\n  box-shadow:\n    0 12px 30px\n    rgba(7,29,52,.065) !important;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease !important;\n\n}\n\n\n#ss-dual-premium-01\n.ssdp1-card::before{\n\n  content:\"\" !important;\n\n  position:absolute !important;\n\n  top:0 !important;\n  left:0 !important;\n\n  width:100% !important;\n  height:4px !important;\n\n  background:\n    var(--yellow) !important;\n\n}\n\n\n#ss-dual-premium-01\n.ssdp1-card:hover{\n\n  transform:\n    translateY(-4px) !important;\n\n  box-shadow:\n    0 19px 38px\n    rgba(7,29,52,.11) !important;\n\n}\n\n\n\/* ============================================================\nICON\n============================================================ *\/\n\n#ss-dual-premium-01\n.ssdp1-icon{\n\n  width:82px !important;\n  height:82px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border:\n    1px solid\n    var(--border) !important;\n\n  border-radius:\n    50% !important;\n\n  background:\n    var(--soft) !important;\n\n  color:\n    var(--navy) !important;\n\n}\n\n\n#ss-dual-premium-01\n.ssdp1-icon svg{\n\n  width:37px !important;\n  height:37px !important;\n\n  fill:none !important;\n\n  stroke:\n    currentColor !important;\n\n  stroke-width:\n    1.6 !important;\n\n  stroke-linecap:\n    round !important;\n\n  stroke-linejoin:\n    round !important;\n\n}\n\n\n\/* ============================================================\nCONTENT\n============================================================ *\/\n\n#ss-dual-premium-01\n.ssdp1-content{\n\n  min-width:0 !important;\n\n}\n\n\n#ss-dual-premium-01\n.ssdp1-content h3{\n\n  margin:0 !important;\n\n  color:\n    var(--navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(29px,2.6vw,39px) !important;\n\n  line-height:\n    1.05 !important;\n\n  font-weight:\n    600 !important;\n\n  letter-spacing:\n    -1px !important;\n\n}\n\n\n\/* LINE *\/\n\n#ss-dual-premium-01\n.ssdp1-line{\n\n  width:52px !important;\n  height:4px !important;\n\n  margin:\n    18px\n    0\n    19px !important;\n\n  background:\n    var(--yellow) !important;\n\n}\n\n\n\/* PARAGRAPH *\/\n\n#ss-dual-premium-01\n.ssdp1-content p{\n\n  max-width:520px !important;\n\n  margin:0 !important;\n\n  color:\n    var(--muted) !important;\n\n  font-size:\n    13px !important;\n\n  line-height:\n    1.7 !important;\n\n}\n\n\n\/* ============================================================\nBUTTON\n============================================================ *\/\n\n#ss-dual-premium-01\n.ssdp1-btn{\n\n  width:fit-content !important;\n\n  min-width:145px !important;\n  min-height:46px !important;\n\n  margin-top:\n    22px !important;\n\n  padding:\n    0\n    17px !important;\n\n  display:inline-flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  gap:\n    16px !important;\n\n  border:\n    1px solid\n    var(--navy) !important;\n\n  border-radius:\n    8px !important;\n\n  background:\n    var(--navy) !important;\n\n  color:\n    #FFFFFF !important;\n\n  text-decoration:none !important;\n\n  font-size:\n    12px !important;\n\n  font-weight:\n    800 !important;\n\n  transition:\n    background .22s ease,\n    transform .22s ease !important;\n\n}\n\n\n#ss-dual-premium-01\n.ssdp1-btn:hover{\n\n  background:\n    var(--navy2) !important;\n\n  transform:\n    translateY(-2px) !important;\n\n}\n\n\n#ss-dual-premium-01\n.ssdp1-btn svg{\n\n  width:18px !important;\n  height:18px !important;\n\n  fill:none !important;\n\n  stroke:\n    var(--yellow) !important;\n\n  stroke-width:\n    2 !important;\n\n  stroke-linecap:\n    round !important;\n\n  stroke-linejoin:\n    round !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:850px){\n\n  #ss-dual-premium-01\n  .ssdp1-grid{\n\n    grid-template-columns:\n      1fr !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:560px){\n\n  #ss-dual-premium-01{\n\n    padding:\n      30px\n      14px\n      38px !important;\n\n  }\n\n\n  #ss-dual-premium-01\n  .ssdp1-card{\n\n    min-height:0 !important;\n\n    grid-template-columns:\n      1fr !important;\n\n    gap:\n      18px !important;\n\n    padding:\n      30px\n      22px !important;\n\n    text-align:center !important;\n\n  }\n\n\n  #ss-dual-premium-01\n  .ssdp1-icon{\n\n    margin:\n      0 auto !important;\n\n  }\n\n\n  #ss-dual-premium-01\n  .ssdp1-line{\n\n    margin-left:auto !important;\n    margin-right:auto !important;\n\n  }\n\n\n  #ss-dual-premium-01\n  .ssdp1-btn{\n\n    margin-left:auto !important;\n    margin-right:auto !important;\n\n  }\n\n}\n\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-7edd283 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7edd283\" 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-a6f32af\" data-id=\"a6f32af\" 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-cdce379 elementor-widget elementor-widget-spacer\" data-id=\"cdce379\" 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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SUNNYSIDE TRANSPORT Reliable Transportation, Every Step of the Way Private airport transfers designed for comfort, safety, and total peace of mind. No waiting, no confusion, no stress. SELECT YOUR DESTINATION IXTAPA CANCUN TULUM GO TRANSPORTATION Seamless Travel, Exceptional Service Meet &amp; Greet Private Transfers Groups &amp; Events Dedicated Support At SunnySide DMC Services, transportation is [&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":""},"class_list":["post-7711","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7711","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=7711"}],"version-history":[{"count":589,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7711\/revisions"}],"predecessor-version":[{"id":15932,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7711\/revisions\/15932"}],"wp:attachment":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/media?parent=7711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}