.elementor-1284 .elementor-element.elementor-element-cccb891{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--padding-top:10em;--padding-bottom:10em;--padding-left:3em;--padding-right:3em;}.elementor-1284 .elementor-element.elementor-element-cccb891:not(.elementor-motion-effects-element-type-background), .elementor-1284 .elementor-element.elementor-element-cccb891 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1284 .elementor-element.elementor-element-5416613{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1284 .elementor-element.elementor-element-5416613.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1284 .elementor-element.elementor-element-b29b703 > .elementor-widget-container{padding:0em 0em 2em 0em;}.elementor-1284 .elementor-element.elementor-element-b29b703{z-index:10;text-align:center;}.elementor-1284 .elementor-element.elementor-element-b29b703 .elementor-heading-title{font-family:"freight-big-pro";font-size:5.9em;text-transform:capitalize;font-style:italic;letter-spacing:0em;color:var( --e-global-color-primary );}.elementor-1284 .elementor-element.elementor-element-fda8381 > .elementor-widget-container{padding:0em 0em 2em 0em;}.elementor-1284 .elementor-element.elementor-element-fda8381{z-index:10;text-align:center;}.elementor-1284 .elementor-element.elementor-element-fda8381 .elementor-heading-title{font-family:"freight-big-pro";font-size:6.7em;text-transform:uppercase;font-style:normal;letter-spacing:-1px;color:var( --e-global-color-primary );}.elementor-1284 .elementor-element.elementor-element-4e2d679{text-align:center;font-family:"Inter";font-size:1.2em;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.4em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1284 .elementor-element.elementor-element-174db3e .elementor-button{background-color:var( --e-global-color-4975e7c );font-family:var( --e-global-typography-e09f43e-font-family );font-size:var( --e-global-typography-e09f43e-font-size );text-transform:var( --e-global-typography-e09f43e-text-transform );font-style:var( --e-global-typography-e09f43e-font-style );line-height:var( --e-global-typography-e09f43e-line-height );letter-spacing:var( --e-global-typography-e09f43e-letter-spacing );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:4% 0% 4% 0%;}.elementor-1284 .elementor-element.elementor-element-174db3e .elementor-button:hover, .elementor-1284 .elementor-element.elementor-element-174db3e .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );border-color:var( --e-global-color-accent );}.elementor-1284 .elementor-element.elementor-element-174db3e > .elementor-widget-container{margin:0% 0% 0% 0%;padding:2em 0em 0em 0em;}.elementor-1284 .elementor-element.elementor-element-174db3e .elementor-button:hover svg, .elementor-1284 .elementor-element.elementor-element-174db3e .elementor-button:focus svg{fill:var( --e-global-color-text );}body.elementor-page-1284:not(.elementor-motion-effects-element-type-background), body.elementor-page-1284 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1284 .elementor-element.elementor-element-cccb891{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:18%;--padding-bottom:9%;--padding-left:4%;--padding-right:4%;}.elementor-1284 .elementor-element.elementor-element-5416613{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1284 .elementor-element.elementor-element-b29b703 .elementor-heading-title{font-size:3.5em;}.elementor-1284 .elementor-element.elementor-element-4e2d679{font-size:18px;}.elementor-1284 .elementor-element.elementor-element-174db3e > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0em 0em 0em 0em;}.elementor-1284 .elementor-element.elementor-element-174db3e .elementor-button{font-size:var( --e-global-typography-e09f43e-font-size );line-height:var( --e-global-typography-e09f43e-line-height );letter-spacing:var( --e-global-typography-e09f43e-letter-spacing );}}@media(max-width:767px){.elementor-1284 .elementor-element.elementor-element-cccb891{--padding-top:17%;--padding-bottom:17%;--padding-left:6%;--padding-right:6%;}.elementor-1284 .elementor-element.elementor-element-fda8381 .elementor-heading-title{font-size:5em;}.elementor-1284 .elementor-element.elementor-element-4e2d679{font-size:16px;line-height:1.2em;letter-spacing:-0.4px;}.elementor-1284 .elementor-element.elementor-element-174db3e > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-1284 .elementor-element.elementor-element-174db3e .elementor-button{font-size:var( --e-global-typography-e09f43e-font-size );line-height:var( --e-global-typography-e09f43e-line-height );letter-spacing:var( --e-global-typography-e09f43e-letter-spacing );}}@media(min-width:768px){.elementor-1284 .elementor-element.elementor-element-cccb891{--content-width:65%;}.elementor-1284 .elementor-element.elementor-element-5416613{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1284 .elementor-element.elementor-element-5416613{--width:100%;}}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS */@font-face{font-family:'Inter';font-style:normal;font-weight:normal;src:url('https://franklyntravel.ca/wp-content/uploads/2023/01/Inter-Regular.ttf')format('truetype');}@font-face{font-family:'Inter';font-style:normal;font-weight:bold;src:url('https://franklyntravel.ca/wp-content/uploads/2023/01/Inter-Bold.ttf')format('truetype');}@font-face{font-family:'Inter';font-style:normal;font-weight:100;src:url('https://franklyntravel.ca/wp-content/uploads/2023/01/Inter-Light.ttf')format('truetype');}@font-face{font-family:'Inter';font-style:normal;font-weight:900;src:url('https://franklyntravel.ca/wp-content/uploads/2023/01/Inter-Black.ttf')format('truetype');}/* End JX Custom Fonts CSS */
.elementor-93 .elementor-element.elementor-element-b610741:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-b610741 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("https://franklyntravel.ca/wp-content/uploads/2023/02/Franklyn-Moble.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    animation: fadeIn 3s ease-in-out 4s forwards;
    opacity: 0;
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.elementor-swiper-button svg {
    fill: black;
}


img.svgarrow {
    width: 25px;
}


.elementor-swiper-button {
    top: 90% !important;
    left: -10% !important;
    font-size: 20px !important;
}


.elementor-swiper-button-next {
    transform: translateX(30px);
}

.elementor-swiper-button-prev {
    transform: translateX(-30px);
}

.elementor-swiper-button.elementor-swiper-button-next::before {
    height: 40px;
    width: 1px;
    background: black;
    content: '';
    position: absolute;
    top: -7px;
    left: -17px;
}

:root {
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 100s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: papayawhip;
    --color-bg: navy;
    --color-bg-accent: #2626a0;
  }
}



.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 0;
  mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0;
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
    height: 130px;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}


.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

/* Element styles */
.marquee span {
    display: grid;
    place-items: center;
    width: auto;
    /* aspect-ratio: 16/9; */
    /* padding: calc(var(--size) / 10); */
    border-radius: 0.5rem;
    font-size: 30px;
    font-family: 'freight-big-pro';
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-size: 180px;
    color: #161111;
}

.marquee span:nth-of-type(odd) {
  display: grid;
  place-items: center;
  width: AUTO;
  /*aspect-ratio: 16/9;
  padding: calc(var(--size) / 10);*/
  border-radius: 0.5rem;
}

.marquee--vertical svg {
  aspect-ratio: 1;
  width: calc(var(--size) / 1.5);
  padding: calc(var(--size) / 6);
}

/* Parent wrapper */
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
  
}








@media only screen and (max-width: 600px) {
  
  figcaption.elementor-image-carousel-caption .cardh3 {
      font-size: 5vw;
  }
  
  .elementor-swiper-button {
    top: 103% !important;
    left: 5% !important;
    font-size: 20px !important;
    }
  
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
    .elementor-swiper-button {
    top: 110% !important;
    left: 7% !important;
    font-size: 20px !important;
    }

    
}