.elementor-52600 .elementor-element.elementor-element-61f5924b > .elementor-container{max-width:1165px;}.elementor-52600 .elementor-element.elementor-element-5c2f89cb > .elementor-element-populated{padding:5px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-6691d323{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-52600 .elementor-element.elementor-element-6691d323 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52600 .elementor-element.elementor-element-68ed5820 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-167488e3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 0px 30px 0px;}.elementor-52600 .elementor-element.elementor-element-167488e3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52600 .elementor-element.elementor-element-570cae54 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-7deb71f9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-32ad6d13 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-cb07f31{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 15px 0px 15px;}.elementor-52600 .elementor-element.elementor-element-cb07f31 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52600 .elementor-element.elementor-element-25f9d322 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-32116d21{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:70px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-32116d21 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52600 .elementor-element.elementor-element-234ab040 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-58ed42b9{text-align:center;}.elementor-52600 .elementor-element.elementor-element-58ed42b9 .elementor-heading-title{color:#66C8CE;}.elementor-52600 .elementor-element.elementor-element-58ed42b9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-52600 .elementor-element.elementor-element-20ccc0f4{text-align:center;color:#231F20;}.elementor-52600 .elementor-element.elementor-element-20ccc0f4 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-52600 .elementor-element.elementor-element-d6f67ad > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-25064c94{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 15px 0px 15px;}.elementor-52600 .elementor-element.elementor-element-25064c94 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52600 .elementor-element.elementor-element-4772887d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-f5b2212{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:46px 0px 70px 0px;}.elementor-52600 .elementor-element.elementor-element-f5b2212 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52600 .elementor-element.elementor-element-635e703b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-2a0cea1d{text-align:center;}.elementor-52600 .elementor-element.elementor-element-2a0cea1d .elementor-heading-title{color:#231F20;}.elementor-52600 .elementor-element.elementor-element-2a0cea1d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-52600 .elementor-element.elementor-element-37a5caf1{text-align:center;color:#231F20;}.elementor-52600 .elementor-element.elementor-element-37a5caf1 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-52600 .elementor-element.elementor-element-19d19ebd > .elementor-container{max-width:1000px;}.elementor-52600 .elementor-element.elementor-element-19d19ebd{padding:0px 15px 0px 15px;}.elementor-52600 .elementor-element.elementor-element-6db31a1d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#231F20;background-image:url("https://cdn.tunetalk.com/wp-content/uploads/2026/10/28162346/cloudAI-background.jpg");background-position:100% 81%;background-repeat:no-repeat;}.elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-element-populated >  .elementor-background-overlay{background-color:#00000073;opacity:0.8;}.elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-element-populated, .elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-element-populated > .elementor-background-overlay, .elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-background-slideshow{border-radius:16px 16px 16px 16px;}.elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52600 .elementor-element.elementor-element-483984a4{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-52600 .elementor-element.elementor-element-5fb61eeb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-52600 .elementor-element.elementor-element-5fb61eeb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-52600 .elementor-element.elementor-element-5fb61eeb > .elementor-element-populated{padding:60px 40px 0px 40px;}.elementor-52600 .elementor-element.elementor-element-45159c8c .elementor-heading-title{color:#FFFFFF;}.elementor-52600 .elementor-element.elementor-element-1c8dcc2f > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-7072ff4a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-d7c62c7 img{width:81%;max-width:100%;}.elementor-52600 .elementor-element.elementor-element-d7c62c7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-52600 .elementor-element.elementor-element-d7c62c7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-52600 .elementor-element.elementor-element-3a3063c0{text-align:left;color:#FFFFFF;font-weight:400;font-style:italic;}.elementor-52600 .elementor-element.elementor-element-3a3063c0 > .elementor-widget-container{padding:50px 40px 20px 40px;}.elementor-52600 .elementor-element.elementor-element-e69ee8c{margin-top:0px;margin-bottom:0px;padding:60px 0px 60px 0px;}.elementor-52600 .elementor-element.elementor-element-1cde3c3d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-1302f217{text-align:center;}.elementor-52600 .elementor-element.elementor-element-1302f217 .elementor-heading-title{color:#231F20;}.elementor-52600 .elementor-element.elementor-element-1302f217 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-52600 .elementor-element.elementor-element-3fbc7557:not(.elementor-motion-effects-element-type-background), .elementor-52600 .elementor-element.elementor-element-3fbc7557 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-52600 .elementor-element.elementor-element-3fbc7557{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 15px 50px 15px;}.elementor-52600 .elementor-element.elementor-element-3fbc7557 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52600 .elementor-element.elementor-element-7e7d2529 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-172c4339{text-align:center;}.elementor-52600 .elementor-element.elementor-element-172c4339 .elementor-heading-title{color:#231F20;}.elementor-52600 .elementor-element.elementor-element-6446e046{text-align:center;color:#231F20;}.elementor-52600 .elementor-element.elementor-element-3c1e5c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 15px 0px 15px;}.elementor-52600 .elementor-element.elementor-element-3c1e5c6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-52600 .elementor-element.elementor-element-131f0c99.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-52600 .elementor-element.elementor-element-131f0c99.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-52600 .elementor-element.elementor-element-131f0c99 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-5bd16461 > .elementor-element-populated{padding:10px 0px 10px 30px;}.elementor-52600 .elementor-element.elementor-element-344209e5 > .elementor-container{max-width:1190px;}.elementor-52600 .elementor-element.elementor-element-344209e5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-52600 .elementor-element.elementor-element-344209e5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 40px 0px;}.elementor-52600 .elementor-element.elementor-element-344209e5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-52600 .elementor-element.elementor-element-181d87f9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-52600 .elementor-element.elementor-element-181d87f9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-52600 .elementor-element.elementor-element-181d87f9.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-52600 .elementor-element.elementor-element-181d87f9 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-52600 .elementor-element.elementor-element-5c2f89cb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-19d19ebd > .elementor-container{max-width:850px;}.elementor-52600 .elementor-element.elementor-element-6db31a1d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:100% 75%;}.elementor-52600 .elementor-element.elementor-element-5fb61eeb > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-bc-flex-widget .elementor-52600 .elementor-element.elementor-element-7072ff4a.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-52600 .elementor-element.elementor-element-7072ff4a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-52600 .elementor-element.elementor-element-7072ff4a > .elementor-element-populated{padding:20px 50px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-d7c62c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-3a3063c0{line-height:15px;}.elementor-52600 .elementor-element.elementor-element-3a3063c0 > .elementor-widget-container{padding:15px 30px 20px 30px;}.elementor-52600 .elementor-element.elementor-element-3c1e5c6{margin-top:6px;margin-bottom:6px;}.elementor-52600 .elementor-element.elementor-element-344209e5{padding:30px 10px 60px 10px;}}@media(max-width:767px){.elementor-52600 .elementor-element.elementor-element-1cf41d75 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-32116d21{margin-top:0px;margin-bottom:0px;}.elementor-52600 .elementor-element.elementor-element-58ed42b9 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-52600 .elementor-element.elementor-element-f5b2212{margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-52600 .elementor-element.elementor-element-19d19ebd > .elementor-container{max-width:500px;}.elementor-52600 .elementor-element.elementor-element-19d19ebd{margin-top:0px;margin-bottom:0px;}.elementor-52600 .elementor-element.elementor-element-6db31a1d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-52600 .elementor-element.elementor-element-6db31a1d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:55% 0%;}.elementor-52600 .elementor-element.elementor-element-483984a4{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-5fb61eeb.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-52600 .elementor-element.elementor-element-5fb61eeb > .elementor-element-populated{padding:20px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-45159c8c{text-align:center;}.elementor-52600 .elementor-element.elementor-element-7072ff4a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-52600 .elementor-element.elementor-element-7072ff4a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-d7c62c7 img{width:100%;}.elementor-52600 .elementor-element.elementor-element-3a3063c0{text-align:center;line-height:11px;}.elementor-52600 .elementor-element.elementor-element-3a3063c0 > .elementor-widget-container{padding:0px 15px 20px 15px;}.elementor-52600 .elementor-element.elementor-element-3fbc7557{margin-top:0px;margin-bottom:20px;}.elementor-52600 .elementor-element.elementor-element-3c1e5c6 > .elementor-container{max-width:500px;}.elementor-52600 .elementor-element.elementor-element-3c1e5c6{padding:50px 10px 0px 10px;}.elementor-52600 .elementor-element.elementor-element-131f0c99 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-5bd16461 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52600 .elementor-element.elementor-element-344209e5 > .elementor-container{max-width:550px;}.elementor-52600 .elementor-element.elementor-element-344209e5{padding:0px 10px 50px 10px;}}@media(min-width:768px){.elementor-52600 .elementor-element.elementor-element-5fb61eeb{width:98%;}.elementor-52600 .elementor-element.elementor-element-7072ff4a{width:52%;}}@media(max-width:1024px) and (min-width:768px){.elementor-52600 .elementor-element.elementor-element-5fb61eeb{width:100%;}.elementor-52600 .elementor-element.elementor-element-7072ff4a{width:2%;}}/* Start custom CSS for html, class: .elementor-element-7a71552f */#home-conveyor{
  --tt-teal:#66C8CE;
  --tt-grey:#231F20;
  --tt-ink:#231F20;
  --tt-item-w:clamp(200px, 21vw, 260px);
  --tt-fade:10%;
  position:relative;
  width:100%;
  background:#fff;
  /*box-shadow:0 6px 18px rgba(0,0,0,.06);*/
  padding:14px 0;
  overflow:hidden;
  font-family:inherit;
  box-sizing:border-box;
}
#home-conveyor *,
#home-conveyor *::before,
#home-conveyor *::after{ box-sizing:border-box; }
 
#home-conveyor .tt-conveyor__viewport{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--tt-fade),#000 calc(100% - var(--tt-fade)),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 var(--tt-fade),#000 calc(100% - var(--tt-fade)),transparent 100%);
}
 
#home-conveyor .tt-conveyor__track{
  display:flex;
  width:-webkit-max-content;
  width:max-content;
  will-change:transform;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
}
#home-conveyor.is-running .tt-conveyor__track{
  -webkit-animation:home-conveyor-scroll var(--tt-duration,40s) linear var(--tt-delay,0s) infinite;
          animation:home-conveyor-scroll var(--tt-duration,40s) linear var(--tt-delay,0s) infinite;
}
 
/* Hidden until JS has built the loop, so there's no jump on first load.
   Safety net: if JS ever fails, the strip still appears after 2.5s. */
#home-conveyor .tt-conveyor__viewport{
  opacity:0;
  -webkit-animation:home-conveyor-reveal 0s linear 2.5s forwards;
          animation:home-conveyor-reveal 0s linear 2.5s forwards;
}
#home-conveyor.is-ready .tt-conveyor__viewport{
  opacity:1;
  -webkit-animation:none;
          animation:none;
  -webkit-transition:opacity .35s ease;
          transition:opacity .35s ease;
}
@-webkit-keyframes home-conveyor-reveal{ to{ opacity:1; } }
@keyframes home-conveyor-reveal{ to{ opacity:1; } }
/* Always moving: no pause on hover, focus or touch */
#home-conveyor.is-running .tt-conveyor__track{
  -webkit-animation-play-state:running !important;
          animation-play-state:running !important;
}
 
@-webkit-keyframes home-conveyor-scroll{
  from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
  to  { -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); }
}
@keyframes home-conveyor-scroll{
  from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
  to  { -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); }
}
 
/* Reset Astra / Elementor list styles */
#home-conveyor ul.tt-conveyor__group{
  display:flex;
  flex-shrink:0;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
#home-conveyor li.tt-conveyor__item{
  flex:0 0 var(--tt-item-w);
  width:var(--tt-item-w);
  min-height:84px;
  margin:0 !important;
  padding:6px 16px;
  list-style:none !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#home-conveyor li.tt-conveyor__item::before,
#home-conveyor li.tt-conveyor__item::marker{ content:none; display:none; }
 
#home-conveyor .tt-conveyor__title{
  margin:0 0 4px;
  font-size:clamp(17px, 1.55vw, 21px);
  font-weight:700;
  line-height:1.2;
  color:var(--tt-teal);
  white-space:nowrap;
}
#home-conveyor .tt-conveyor__title--grey{ color:var(--tt-grey); }

#home-conveyor .tt-conveyor__title--big{
  font-size:clamp(22px, 2vw, 28px);
  line-height:1.05;
  margin-bottom:3px;
}
 
#home-conveyor .tt-conveyor__text,
#home-conveyor .tt-conveyor__caption{
  margin:0;
  font-size:clamp(12px, 1.1vw, 13px);
  font-weight:500 !important;
  font-style:normal;
  line-height:1.35;
  color:var(--tt-ink);
}

/* Wide item: each line stays on one row, item grows to fit */
#home-conveyor li.tt-conveyor__item--wide{
  flex:0 0 auto;
  width:auto;
  min-width:var(--tt-item-w);
}
#home-conveyor .tt-conveyor__line{
  display:block;
  white-space:nowrap;
}
 
#home-conveyor .tt-conveyor__logo{
  display:block;
  height:25px;
  width:auto;
  max-width:100%;
  margin:3px auto 0;
}
 
/* Rating stars */
#home-conveyor .tt-stars{
  display:flex;
  align-items:center;
  gap:4px;
  margin:0 0 6px;
}
#home-conveyor img.tt-star{
  display:block;
  width:22px;
  height:22px;
  max-width:none;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  -o-object-fit:contain;
     object-fit:contain;
}

/* Desktop: shrink each item to 85% */
@media (min-width:1025px){
  #home-conveyor li.tt-conveyor__item{
    zoom:0.85;
  }
}
 
/* Tablet */
@media (max-width:1024px){
  #home-conveyor{ --tt-item-w:clamp(190px, 28vw, 240px); }
}

/* Tablet: shrink each item to 90% */
@media (min-width:768px) and (max-width:1024px){
  #home-conveyor li.tt-conveyor__item{
    zoom:0.8;
  }
}

/* Mobile */
@media (max-width:767px){
  #home-conveyor{
    --tt-item-w:175px;
    --tt-fade:5%;
    padding: 5px 0 15px;;
  }
  #home-conveyor li.tt-conveyor__item{ min-height:76px; padding:4px 10px; }
  #home-conveyor img.tt-star{ width:18px; height:18px; }
  #home-conveyor .tt-conveyor__logo{ height:18px; }
}

/* Small phones: shrink each item to 85% */
@media (max-width:767px){
  #home-conveyor li.tt-conveyor__item{
    zoom:0.75;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-61f5924b */.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none !important;
}

/* Remove the Footer Download App Area */
.new-download-app {
    display: none !important;
}
/* Remove the Footer Download App Area -end *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fab0086 */#home-banner26{
  --hb26-black:#231F20;
  --hb26-teal:#6DC8CD;
  --hb26-red:#ED1C24;
  --hb26-white:#FFFFFF;
  --hb26-slide-w:min(80%, 1280px);  /* stops growing on large / 4K screens */
  --hb26-gap:14px;
  --hb26-ratio:960/350;
  --hb26-radius:16px;
  --hb26-peek-scale:.88;          /* size of the peeking banners vs the main one */
  --hb26-peek-dim:.7;             /* darkness of the peeking banners (0 = none) */
  --hb26-slide-bg:#2B2B2B;        /* shows only while the image loads */
  --hb26-speed:600ms;             /* keep in sync with CONFIG.speed */
  position:relative;
  width:100%;
  overflow:hidden;
  color:var(--hb26-black);
  font-family:inherit;
  -webkit-tap-highlight-color:transparent;
}
#home-banner26 *,
#home-banner26 *::before,
#home-banner26 *::after{box-sizing:border-box;}
 
/* ---------- viewport + track ---------- */
#home-banner26 .hb26-viewport{
  opacity:0;                                        /* hidden until JS has positioned it */
  animation:hb26-reveal .01s 3s forwards;           /* safety: show anyway after 3s if JS is blocked */
  position:relative;
  overflow:hidden;
  touch-action:pan-y;            /* vertical page scroll still works on mobile */
  cursor:default;
  -webkit-user-select:none;
  user-select:none;
}
#home-banner26.hb26-ready .hb26-viewport{
  opacity:1;
  animation:none;
  transition:opacity .45s ease;
}
@keyframes hb26-reveal{to{opacity:1;}}
 
/* pre-JS look = same as the first frame (first banner centred, full size, not dimmed) */
#home-banner26:not(.hb26-ready) .hb26-track{transform:translateX(calc((100% - var(--hb26-slide-w)) / 2));}
#home-banner26:not(.hb26-ready) .hb26-slide:first-child{transform:none;}
#home-banner26:not(.hb26-ready) .hb26-slide:first-child::after{opacity:0;}
#home-banner26 .hb26-track{
  display:flex;
  gap:var(--hb26-gap);
  margin:0;
  padding:0;
  will-change:transform;
}
#home-banner26.hb26-is-single .hb26-track{justify-content:center;}
 
/* ---------- slide ---------- */
#home-banner26 .hb26-slide{
  position:relative;
  display:block;
  flex:0 0 var(--hb26-slide-w);
  aspect-ratio:var(--hb26-ratio);
  border-radius:var(--hb26-radius);
  overflow:hidden;
  isolation:isolate;
  background:var(--hb26-slide-bg);
  color:var(--hb26-black);
  text-decoration:none;
  -webkit-user-drag:none;
  transform:scale(var(--hb26-peek-scale));
  transition:transform var(--hb26-speed) cubic-bezier(.22,.8,.26,1);
}
/* shrink towards the main banner so the gap stays even */
#home-banner26 .hb26-slide.hb26-is-before{transform-origin:right center;}
#home-banner26 .hb26-slide.hb26-is-after{transform-origin:left center;}
#home-banner26 .hb26-slide.hb26-is-active{transform:scale(1);}
 
/* dim the peeking side slides */
#home-banner26 .hb26-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:var(--hb26-black);
  opacity:var(--hb26-peek-dim);
  pointer-events:none;
  transition:opacity .4s ease;
}
#home-banner26 .hb26-slide.hb26-is-active::after{opacity:0;}
#home-banner26 .hb26-jump *,
#home-banner26 .hb26-jump *::after{transition:none !important;}
 
/* ---------- background image ---------- */
#home-banner26 .hb26-media,
#home-banner26 .hb26-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
#home-banner26 .hb26-media img{
  display:block;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  pointer-events:none;
  -webkit-user-drag:none;
}
 
/* ---------- content (desktop, >=1440px) ---------- */
#home-banner26 .hb26-content{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:640px;
  max-width:60%;
  padding:52px 0 0 150px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
 
/* "Specially for Pilgrims" – HTML text with red + white outline */
#home-banner26 .hb26-tag{
  margin:0 0 10px;
  font-size:25px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.01em;
}
#home-banner26 .hb26-tag.umrah, #home-banner26 .stroke {
  color:var(--hb26-white);
  -webkit-text-stroke:.2em var(--hb26-red);
  paint-order:stroke fill;
  filter:
    drop-shadow(2px 0 0 var(--hb26-white))
    drop-shadow(-2px 0 0 var(--hb26-white))
    drop-shadow(0 2px 0 var(--hb26-white))
    drop-shadow(0 -2px 0 var(--hb26-white));
}
#home-banner26 .no-stroke {
  color:var(--hb26-black);
  -webkit-text-stroke:.2em var(--hb26-black);
  paint-order:stroke fill;
  filter:initial;
}
/* Or use an image for the special font instead */
#home-banner26 .hb26-tag-img{
  display:block;
  width:auto;
  max-width:100%;
  height:52px;
  margin:0 0 15px;
  pointer-events:none;
}

#home-banner26 .hb26-slide-1 .hb26-tag-img {
    width: 15vw;
    height: auto;
    max-width: 250px;
    margin: -15px 0px 0 -10px;
}
 
#home-banner26 .hb26-title{
  margin:0 0 10px;
  font-size:35px;
  font-weight:700;
  color:var(--hb26-black);
}
#home-banner26 .hb26-title.white{
  color:var(--hb26-white);
}
#home-banner26 .hb26-nw{
  white-space:nowrap;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-family:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  color:inherit !important;
}
#home-banner26 .hb26-sub{
  margin:0 0 22px;
  font-size:17px;
  font-weight:500;
  line-height:1.2;
  color:var(--hb26-black);
}
#home-banner26 .hb26-sub.white{
  color:var(--hb26-white);
}
 
/* ---------- button ---------- */
#home-banner26 .hb26-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  height:50px;
  padding:0 28px;
  border-radius:999px;
  background:var(--hb26-teal);
  color:var(--hb26-white);
  font-size:17px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
  -webkit-user-drag:none;
  transition:background-color .2s ease;
}
#home-banner26 .hb26-btn.white{
  background: #ffffff;
  color: #231F20;
}
#home-banner26 .hb26-btn:hover,
#home-banner26 .hb26-btn:active,
#home-banner26 .hb26-btn:focus,
#home-banner26 .hb26-btn:focus-visible{
  background:var(--hb26-black);
  color:var(--hb26-white);
  text-decoration:none;
}
#home-banner26 .hb26-btn:focus{outline:none;}
#home-banner26 .hb26-btn:focus-visible{outline:2px solid var(--hb26-black);outline-offset:3px;}
 
/* button only works on the main banner (side banners slide in first) */
#home-banner26.hb26-ready .hb26-slide:not(.hb26-is-active) .hb26-btn,
#home-banner26.hb26-is-moving .hb26-btn{
  pointer-events:none;
  cursor:default;
}
 
#home-banner26 .hb26-terms{
  position:absolute;
  left:150px;
  bottom:24px;
  z-index:2;
  margin:0;
  font-size:9px;
  line-height:1.3;
  color:var(--hb26-black);
}

#home-banner26 .hb26-terms.white{color:var(--hb26-white);}
 
/* ---------- 1/4 pill ---------- */
#home-banner26 .hb26-nav{
  position:absolute;
  z-index:5;
  bottom:16px;
  right:calc((100% - var(--hb26-slide-w)) / 2 + 18px);
  display:flex;
  align-items:center;
  gap:4px;
  height:36px;
  padding:0 6px;
  border-radius:999px;
  background:var(--hb26-white);
  color:var(--hb26-black);
  font-size:12px;
  font-weight:500;
  cursor:default;
}
#home-banner26 .hb26-count{
  min-width:28px;
  font-size:12px;
  line-height:1;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
#home-banner26 .hb26-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--hb26-teal);
  cursor:pointer;
  transition:color .2s ease;
}
#home-banner26 .hb26-arrow:hover,
#home-banner26 .hb26-arrow:active,
#home-banner26 .hb26-arrow:focus-visible{color:var(--hb26-black);background:transparent;}
#home-banner26 .hb26-arrow:focus{outline:none;}
#home-banner26 .hb26-arrow:focus-visible{outline:2px solid var(--hb26-black);outline-offset:1px;}
#home-banner26 .hb26-arrow svg{width:14px;height:14px;display:block;}
#home-banner26.hb26-is-single .hb26-nav{display:none;}
 
/* ---------- large screens: fixed-size banner, more banners visible ---------- */
@media (min-width:1920px){
  #home-banner26{--hb26-peek-dim:.35;}
}

/* ---------- desktop (>=1024px): sizes scale with the screen, centred copy ---------- */
@media (min-width:1024px){
  #home-banner26{--hb26-pad-x:min(10.4vw, 50px);}   /* left inset for copy + T&C */
  #home-banner26 .hb26-content{
    bottom:0;                                  /* full height, keeps the T&C at the bottom */
    justify-content:center;                    /* vertical centring */
    width:clamp(460px, 44vw, 640px);
    padding:0 0 0 var(--hb26-pad-x);
  }
  #home-banner26 .hb26-tag{font-size:clamp(18px, 1.8vw, 27px);}
  #home-banner26 .hb26-tag-img{height:clamp(36px, 3.4vw, 52px);margin-bottom:clamp(8px, .9vw, 15px);}
  #home-banner26 .hb26-title{font-size:clamp(26px, 2.65vw, 40px);}
  #home-banner26 .hb26-sub{font-size:clamp(14px, 1.2vw, 18px);margin-bottom:clamp(14px, 1.5vw, 22px);}
  #home-banner26 .hb26-btn{
    min-width:clamp(120px, 10.5vw, 160px);
    height:clamp(40px, 3.1vw, 50px);
    padding:0 clamp(22px, 1.8vw, 28px);
    font-size:clamp(14px, 1.05vw, 17px);
  }
  #home-banner26 .hb26-terms{
    left:var(--hb26-pad-x);
    bottom:clamp(14px, 1.5vw, 24px);
    font-size:clamp(8px, .6vw, 9px);
  }
}
 
/* ---------- tablet + mobile: fixed height, full-bg image, text on a dark fade ---------- */
@media (max-width:1023px){
  #home-banner26{
    --hb26-slide-w:88%;
    --hb26-slide-h:500px;           /* tablet box height */
    --hb26-gap:12px;
    --hb26-radius:16px;
    --hb26-peek-scale:.9;
  }
  #home-banner26 .hb26-slide{
    aspect-ratio:auto;
    height:var(--hb26-slide-h);
    color:#FFFFFF;
  }
  /*banner copy adjustment */
  #home-banner26 .hb26-slide-1 .hb26-tag-img {
     width: 200px;
  }
  /* image: full background, centred, pinned to the bottom, never shrinks with width */
  #home-banner26 .hb26-media img{
    object-fit:cover;
    object-position:center bottom;
  }
  /* text: full width on top, black-to-transparent fade to the end of the text area */
  #home-banner26 .hb26-content{
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:none;
    padding:28px 28px 44px;
    background:linear-gradient(to bottom,
      rgba(0,0,0,.72) 0%,
      rgba(0,0,0,.55) 45%,
      rgba(0,0,0,.25) 78%,
      rgba(0,0,0,0) 100%);
  }
  #home-banner26 .hb26-tag{font-size:18px;margin-bottom:10px;}
  #home-banner26 .hb26-tag-img{height:34px;margin-bottom:10px;}
  #home-banner26 .hb26-title{font-size:28px;line-height:1.15;margin-bottom:8px;color:#FFFFFF;}
  #home-banner26 .hb26-sub{font-size:15px;font-weight:500;line-height:1.4;margin-bottom:18px;color:#FFFFFF;}
  #home-banner26 .hb26-btn{
    min-width:140px;
    height:44px;
    padding:0 24px;
    font-size:16px;
  }
  #home-banner26 .hb26-terms{
    position:static;
    margin-top:12px;
    color:#FFFFFF;
  }
  
}
 
/* ---------- mobile ---------- */
@media (max-width:767px){
  #home-banner26{
    --hb26-slide-w:86%;
    --hb26-slide-h:430px;           /* mobile box height */
    --hb26-gap:10px;
    --hb26-radius:14px;
  }
  /*banner copy adjustment */
  #home-banner26 .hb26-slide-1 .hb26-tag-img {
        min-width: 150px;
        width: 38vw;
        max-width: 200px;
        margin: -10px 0px 0 -5px;
    }
  #home-banner26 .hb26-content{padding:22px 20px 36px;}
  #home-banner26 .hb26-tag{font-size:17px;margin-bottom:10px;}
  #home-banner26 .hb26-tag-img{height:28px;margin-bottom:8px;}
  #home-banner26 .hb26-title{font-size:22px;}
  #home-banner26 .hb26-sub{font-size:14px;margin-bottom:16px;}
  #home-banner26 .hb26-btn{min-width:128px;height:33px;padding:0 22px;font-size:13px;}
  #home-banner26 .hb26-terms{margin-top:10px;font-size:8px;}
  #home-banner26 .hb26-nav{display:none;}   /* matches mobile design; remove to show the 1/4 pill */
}
@media (prefers-reduced-motion:reduce){
  #home-banner26.hb26-ready .hb26-viewport{transition:none;}
}
/* ---------- desktop: dark fade behind the copy ---------- */
@media (min-width:1024px){
  #home-banner26 .hb26-content{
    bottom:0;                       
    /*background:linear-gradient(to right,
      rgba(0,0,0,.62) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.18) 78%,
      rgba(0,0,0,0) 100%);*/
  }
}

/* ---------- SPECIAL BREAK WORD AREA ---------- */
@media (max-width: 1023px) {
  .hb_newline {
      display: none;
  }
}

@media (max-width: 490px) {
  .hb_newline1 {
      display: block;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6691d323 *//** ORIGINAL FLOATING BAR **/
.floating_sidebar {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7deb71f9 *//* ── Variables ─────────────────────────────────────────────── */
#tt-qnav {
  --tt-shadow: 0 4px 24px rgba(0,0,0,0.10);
  --tt-shadow-fixed: 0 -2px 20px rgba(0,0,0,0.12);
  --tt-radius: 14px;
  --tt-icon-size: 60px;
  --tt-text: #231F20;
  --tt-subtext: #231F20;
  --tt-active-bg: #F5F5F6;
  --tt-active-border: #66C8CE;
  --tt-border: none;
}

/* ── Desktop (inline, below banner) ───────────────────────── */
#tt-qnav {
  width: 100%;
  background: transparent;
  border-top: var(--tt-border);
  border-bottom: var(--tt-border);
  font-family: var(--tt-font);
  position: relative;
  z-index: 10;
}

#tt-qnav__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: stretch;
  justify-content: space-around;
}

/* Item */
.tt-qnav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 20px 20px 30px;
  flex: 1 1 0;
  min-width: 0;
  align-self: stretch;
  cursor: pointer;
  text-decoration: none;
  color: var(--tt-text);
  border: 1px solid transparent;
  border-radius: var(--tt-radius);
  outline: none;
  transition: background 0.22s, border-color 0.22s, transform 0.18s;
}

.tt-qnav__item:hover,
.tt-qnav__item:active,
.tt-qnav__item:focus,
.tt-qnav__item.tt-qnav__item--active {
  background: var(--tt-active-bg);
  border-color: var(--tt-active-border);
  transform: translateY(-2px);
}

/* Icon */
.tt-qnav__icon {
  width: var(--tt-icon-size);
  height: var(--tt-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tt-qnav__icon svg,
.tt-qnav__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Label */
.tt-qnav__label {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: var(--tt-subtext);
  line-height: 1.3;
  letter-spacing: 0.01em;
}

@media (max-width: 1124px) {
  .tt-qnav__label { font-size: 1.4vw; }
}

/* ── Mobile: fixed bottom bar ≤ 990px ─────────────────────── */
@media (max-width: 990px) {
  #tt-qnav {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 99;
    border-top: var(--tt-border);
    border-bottom: none;
    border-radius: 18px 18px 0 0;
    box-shadow: var(--tt-shadow-fixed);
    background: #ffffff;
    transform: translateY(110%);
    opacity: 0;
    transition: transform 0.42s cubic-bezier(0.34, 1.56, 0.64, 1),
                opacity 0.35s ease;
    will-change: transform, opacity;
  }

  #tt-qnav.tt-qnav--visible {
    transform: translateY(0);
    opacity: 1;
  }

  #tt-qnav__inner {
    padding: 10px 8px calc(14px + env(safe-area-inset-bottom, 0px));
    gap: 0;
    justify-content: space-around;
    align-items: stretch;
  }

  .tt-qnav__item {
    padding: 5px;
    flex: 1 1 0;
    min-width: 0;
    align-self: stretch;
    gap: 0;
    border-radius: 10px;
  }

  #tt-qnav { --tt-icon-size: 50px; }

  .tt-qnav__label {
    font-size: 13px;
    font-weight: 500;
  }
}

@media (max-width: 767px) {
    #tt-qnav { --tt-icon-size: 40px; }
    .tt-qnav__label {
        font-size: 12px;
    }
}

/* ── Misc Breakpoints ────────────────────────────────────── */
@media (min-width: 707px) {
  .qnav_newline { display: none; }
}

@media (max-width: 480px) {
  .tt-qnav__label { font-size: 10px; }
}

@media (max-width: 374px) {
  .tt-qnav__label { font-size: 2.96vw; }
  #tt-qnav { --tt-icon-size: 12vw; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-32ad6d13 */@media (max-width: 990px) {
  .gt_switcher_wrapper {
    /*bottom: 80px !important;*/ /* adjust to sit above qnav */
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-167488e3 */@media (max-width: 990px) {
    .section3 {
        padding: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79e786da *//* ---------- Elementor wrapper: keep the normal cursor around the banner ---------- */
.elementor-widget:has(#home-promo26),
.elementor-widget:has(#home-promo26) > .elementor-widget-container {
  cursor: default;
}
 
/* ---------- Section shell ---------- */
#home-promo26.tt-promo26 {
  --ttp26-radius: 16px;
  --ttp26-dot: #c9ccd3;
  --ttp26-dot-active: #e4002b;   /* swap for the exact TuneTalk red if different */
  position: relative;
  display: block;
  width: 100%;
  max-width: 800px;              /* desktop cap, centered; shrinks with the window */
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  cursor: default;               /* empty area around the banner keeps the normal cursor */
}
#home-promo26.tt-promo26 *,
#home-promo26.tt-promo26 *::before,
#home-promo26.tt-promo26 *::after { box-sizing: border-box; }
 
/* ---------- Viewport + track ---------- */
#home-promo26 .tt-promo26__viewport {
  position: relative;
  overflow: hidden;
  border-radius: var(--ttp26-radius);
  touch-action: pan-y;           /* vertical page scroll still works on mobile */
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.25s ease;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  /* no grab/grabbing cursor while dragging */
}
#home-promo26 .tt-promo26__track {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  transform: translate3d(0, 0, 0);
  transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}
#home-promo26 .tt-promo26__track.tt-promo26--dragging { transition: none; }
 
/* ---------- Slides (fixed ratio per breakpoint = no layout shift) ---------- */
#home-promo26 .tt-promo26__slide {
  flex: 0 0 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
#home-promo26 .tt-promo26__link,
#home-promo26 .tt-promo26__slide picture {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline-offset: -3px;
  cursor: default;               /* the link box itself never shows the hand */
}
#home-promo26 .tt-promo26__slide img.tt-promo26__img {
  display: block;
  width: 100%;
  height: auto;                  /* height comes from the image itself: always fits, never cropped */
  max-width: none;               /* beats Astra/Elementor img rules */
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;               /* hand cursor only over the actual banner image */
  -webkit-user-drag: none;       /* + draggable="false": no native image-drag ghost */
}
 
/* ---------- Dots (only shown with 2+ slides) ---------- */
#home-promo26 .tt-promo26__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  margin: 8px 0 0;
  padding: 0;
}
#home-promo26 .tt-promo26__dots[hidden] { display: none; }
 
#home-promo26 .tt-promo26__dots button.tt-promo26__dot,
#home-promo26 .tt-promo26__dots button.tt-promo26__dot:hover,
#home-promo26 .tt-promo26__dots button.tt-promo26__dot:focus {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 24px;                   /* comfortable tap area, small visible dot */
  height: 24px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  line-height: 1;
}
#home-promo26 .tt-promo26__dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--ttp26-dot);
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, background-color 0.3s ease;
}
#home-promo26 .tt-promo26__dot.tt-promo26--active::before {
  width: 20px;
  background: var(--ttp26-dot-active);
}
#home-promo26 .tt-promo26__dots button.tt-promo26__dot:focus-visible {
  outline: 2px solid var(--ttp26-dot-active);
  outline-offset: 0;
  border-radius: 999px;
}
 
/* ---------- Tablet (501–1024px) ---------- */
@media (max-width: 1024px) {
  #home-promo26.tt-promo26 { max-width: 600px; }   /* tablet cap */
}
 
/* ---------- Mobile (≤500px) ---------- */
@media (max-width: 500px) {
  #home-promo26.tt-promo26 {
    --ttp26-radius: 12px;
    max-width: 350px;                                 /* mobile cap */
  }
}
 
/* ---------- Border: #dfdfdf by default, #66C8CE on desktop hover / active / keyboard focus ---------- */
#home-promo26 .tt-promo26__viewport::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 2px solid #dfdfdf;
  border-radius: inherit;
  pointer-events: none;                  /* never blocks clicks or dragging */
  transition: border-color 0.25s ease;
}
@media (min-width: 1025px) and (hover: hover) {
  #home-promo26 .tt-promo26__viewport:hover::after,
  #home-promo26 .tt-promo26__viewport:active::after,
  #home-promo26 .tt-promo26__viewport:has(:focus-visible)::after {
    border-color: #66C8CE;
  }
  #home-promo26 .tt-promo26__viewport:hover,
  #home-promo26 .tt-promo26__viewport:has(:focus-visible) {
    box-shadow: 0 6px 18px rgba(102, 200, 206, 0.25);
  }
  #home-promo26 .tt-promo26__link:focus-visible { outline: none; }  /* the teal border is the focus ring */
}
 
@media (prefers-reduced-motion: reduce) {
  #home-promo26 .tt-promo26__track,
  #home-promo26 .tt-promo26__dot::before { transition: none; }
  #home-promo26 .tt-promo26__viewport,
  #home-promo26 .tt-promo26__viewport::after { transition: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d944c2 *//* ---------- Elementor wrapper: keep the normal cursor around the banner ---------- */
.elementor-widget:has(#home-promo26),
.elementor-widget:has(#home-promo26) > .elementor-widget-container {
  cursor: default;
}
 
/* ---------- Section shell ---------- */
#home-promo26.tt-promo26 {
  --ttp26-radius: 16px;
  --ttp26-dot: #c9ccd3;
  --ttp26-dot-active: #e4002b;   /* swap for the exact TuneTalk red if different */
  position: relative;
  display: block;
  width: 100%;
  max-width: 800px;              /* desktop cap, centered; shrinks with the window */
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  cursor: default;               /* empty area around the banner keeps the normal cursor */
}
#home-promo26.tt-promo26 *,
#home-promo26.tt-promo26 *::before,
#home-promo26.tt-promo26 *::after { box-sizing: border-box; }
 
/* ---------- Viewport + track ---------- */
#home-promo26 .tt-promo26__viewport {
  position: relative;
  overflow: hidden;
  border-radius: var(--ttp26-radius);
  touch-action: pan-y;           /* vertical page scroll still works on mobile */
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.25s ease;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  /* no grab/grabbing cursor while dragging */
}
#home-promo26 .tt-promo26__track {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  transform: translate3d(0, 0, 0);
  transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}
#home-promo26 .tt-promo26__track.tt-promo26--dragging { transition: none; }
 
/* ---------- Slides (fixed ratio per breakpoint = no layout shift) ---------- */
#home-promo26 .tt-promo26__slide {
  flex: 0 0 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
#home-promo26 .tt-promo26__link,
#home-promo26 .tt-promo26__slide picture {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline-offset: -3px;
  cursor: default;               /* the link box itself never shows the hand */
}
#home-promo26 .tt-promo26__slide img.tt-promo26__img {
  display: block;
  width: 100%;
  height: auto;                  /* height comes from the image itself: always fits, never cropped */
  max-width: none;               /* beats Astra/Elementor img rules */
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;               /* hand cursor only over the actual banner image */
  -webkit-user-drag: none;       /* + draggable="false": no native image-drag ghost */
}
 
/* ---------- Dots (only shown with 2+ slides) ---------- */
#home-promo26 .tt-promo26__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  margin: 8px 0 0;
  padding: 0;
}
#home-promo26 .tt-promo26__dots[hidden] { display: none; }
 
#home-promo26 .tt-promo26__dots button.tt-promo26__dot,
#home-promo26 .tt-promo26__dots button.tt-promo26__dot:hover,
#home-promo26 .tt-promo26__dots button.tt-promo26__dot:focus {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 24px;                   /* comfortable tap area, small visible dot */
  height: 24px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  line-height: 1;
}
#home-promo26 .tt-promo26__dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--ttp26-dot);
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, background-color 0.3s ease;
}
#home-promo26 .tt-promo26__dot.tt-promo26--active::before {
  width: 20px;
  background: var(--ttp26-dot-active);
}
#home-promo26 .tt-promo26__dots button.tt-promo26__dot:focus-visible {
  outline: 2px solid var(--ttp26-dot-active);
  outline-offset: 0;
  border-radius: 999px;
}
 
/* ---------- Tablet (501–1024px) ---------- */
@media (max-width: 1024px) {
  #home-promo26.tt-promo26 { max-width: 600px; }   /* tablet cap */
}
 
/* ---------- Mobile (≤500px) ---------- */
@media (max-width: 500px) {
  #home-promo26.tt-promo26 {
    --ttp26-radius: 12px;
    max-width: 350px;                                 /* mobile cap */
  }
}
 
/* ---------- Border: #dfdfdf by default, #66C8CE on desktop hover / active / keyboard focus ---------- */
#home-promo26 .tt-promo26__viewport::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 2px solid #dfdfdf;
  border-radius: inherit;
  pointer-events: none;                  /* never blocks clicks or dragging */
  transition: border-color 0.25s ease;
}
@media (min-width: 1025px) and (hover: hover) {
  #home-promo26 .tt-promo26__viewport:hover::after,
  #home-promo26 .tt-promo26__viewport:active::after,
  #home-promo26 .tt-promo26__viewport:has(:focus-visible)::after {
    border-color: #66C8CE;
  }
  #home-promo26 .tt-promo26__viewport:hover,
  #home-promo26 .tt-promo26__viewport:has(:focus-visible) {
    box-shadow: 0 6px 18px rgba(102, 200, 206, 0.25);
  }
  #home-promo26 .tt-promo26__link:focus-visible { outline: none; }  /* the teal border is the focus ring */
}
 
@media (prefers-reduced-motion: reduce) {
  #home-promo26 .tt-promo26__track,
  #home-promo26 .tt-promo26__dot::before { transition: none; }
  #home-promo26 .tt-promo26__viewport,
  #home-promo26 .tt-promo26__viewport::after { transition: none; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cb07f31 */.mb-0 {
    margin-bottom: 0 !important;
}

@media (max-width: 990px){
    .promo-top {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-32116d21 */.ins-custom-plan-wrapper-c198 {
    display: flex;
    width: 100%;
    padding: 80px 0;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    background: #F5F5F5;
    margin: 0 auto;
    min-width: 1140px;
}
.ins-custom-plan-container-c198 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    align-self: stretch;
    transition: transform 0.3s ease-in-out;
}
.ins-custom-upsell-second-plan-c198 {
    scale: 1.05;
    outline: 5px solid #DD0613;
    outline-offset: -5px;
    border-radius: 24px;
    z-index: 2;
}
.ins-custom-plan-item-wrapper-c198 {
    display: flex;
    /*width: 31vw;
    min-width: 300px;
    max-width: 360px;*/
    flex-direction: column;
    flex-shrink: 0;
    border-radius: 24px;
    box-shadow: 0 .5rem 1.2rem rgba(0, 0, 0, .2);
}
.ins-custom-plan-item-wrapper-c198:nth-child(2) .ins-custom-plan-item-header-c198 > img {
    right: 4px;
}
.de-list {
    color: #a19999;
    font-weight: initial !important;
}
.foodpanda-style {
    color: #ff2b85;
    font-weight: bold;
}


/*Header*/
.ins-custom-plan-item-header-c198 {
    display: flex;
    height: 110px;
    padding: 20px 20px;
    align-items: stretch;
    gap: 3.6px;
    align-self: stretch;
    border-radius: 14.4px 14.4px 0px 0px;
    background: #EB6751;
    position: relative;
}
.ins-custom-plan-item-header-storage-c198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0px !important;
    flex: 1 0 0;
}
.ins-custom-plan-item-header-storage-c198 img {
    width: 80px;
    /*height: 21.818px;*/
    aspect-ratio: auto;
}
.ins-custom-plan-item-header-storage-c198 span {
    color: #FFF;
    text-align: center;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
}
.ins-custom-plan-item-header-price-c198 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 3.6px;
    flex: 1 0 0;
    z-index: 1;
    padding-right: 5px;
}
.ins-custom-plan-item-header-price-c198 > span {
    display: flex;
    align-items: flex-end;
    color: #FFF;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 350;
    line-height: 18.9px;
    letter-spacing: 0.135px;
}
.ins-custom-plan-item-header-price-c198 span {
    color: #FFF;
    -webkit-text-stroke-width: 0.9px;
    -webkit-text-stroke-color: #FFF;
    font-size: 37.8px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.6px;
    letter-spacing: 0.135px;
}
.ins-custom-plan-item-header-price-c198 > span {
    display: flex;
    align-items: flex-end;
    color: #FFF;
    font-size: 18.9px;
    font-style: normal;
    font-weight: 350;
    line-height: 18.9px;
    letter-spacing: 0.135px;
}
.ins-custom-plan-item-header-c198 > img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 10vw;
    min-width: 135px;
    height: 100px;
}

/*Content*/
.ins-custom-plan-item-content-c198 {
    justify-content: space-evenly;
    gap: 2px !important;
    display: flex;
    padding: 20px 15px 20px !important;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    background: #fff;
    min-height: 245px;
}
.ins-custom-plan-item-content-item-c198 {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 5px !important;
    font-size: 15px !important;
}
.ins-custom-plan-item-content-item-icon-c198 {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: flex;
    margin-top: 2px;
}
.ins-custom-plan-item-content-item-info-c198 {
    display: flex;
    flex-direction: column;
}
.ins-custom-plan-item-content-item-info-c198 span {
    vertical-align: middle;
}
.ins-custom-red-c198 {
    color: #DD0613;
    font-weight: 600;
}
.ins-custom-plan-item-content-item-additional-c198 {
    color: #1D1D1F;
    font-size: 11px;
    font-style: normal;
    font-weight: 325;
    line-height: 18px;
}

/*Button*/
.ins-custom-plan-item-cta-button-c198 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.ins-custom-plan-item-cta-button-c198 a {
    color: #DD0613;
    text-align: center;
    font-size: 12.6px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    width: 85%;
    padding: 14.4px 21.6px;
    border-radius: 36px;
    border: 1.5px solid #DD0613;
    background: #FFF;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.ins-custom-plan-item-cta-button-c198 a:hover {
    font-weight: 800;
    color: #fff;
    background: #DD0613;
}

/*After Button*/
.ins-custom-plan-item-footer-c198 {
    display: flex;
    padding: 10px 8px 28px 8px;
    justify-content: center;
    align-items: center;
    gap: 3.6px;
    align-self: stretch;
    background: #fff;
    border-radius: 0px 0px 24px 24px;
}
.ins-custom-plan-item-footer-c198 > span {
    color: #827777;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    font-weight: 325;
    line-height: normal;
    letter-spacing: 0.135px;
}
.ins-custom-bold-c198 {
    font-weight: 700 !important;
}
.ins-custom-plan-item-footer-c198 .ins-custom-plan-tooltip-container-c198 {
    width: 17px;
    height: 17px;
    cursor: pointer;
    display: flex;
    position: relative;
}
.ins-custom-plan-item-footer-c198 .ins-custom-plan-tooltip-c198 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    background: #333;
    color: #fff;
    padding: 4px 5px;
    border-radius: 3px;
    font-size: 9px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2;
}

/*Ribbon*/
.ins-custom-upsell-ribbon-banner-c198 {
    width: 141px;
    height: 68px;
    position: absolute;
    top: -10%;
    left: 25%;
}

/*Tooltip*/
.ins-custom-plan-item-footer-c198 .ins-custom-plan-tooltip-c198 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -23px;
    background: #333;
    color: #fff;
    padding: 4px 5px;
    border-radius: 3px;
    font-size: 9px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s; /* Fix */
}

.ins-custom-plan-item-footer-c198:hover .ins-custom-plan-tooltip-c198 {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out, visibility 0s; /* Fix */
}

@media (max-width: 990px) {
    .section5 {
        padding-top: 50px !important;
        padding-bottom: 5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-25064c94 */.mb-0 {
    margin-bottom: 0 !important;
}

.promo-bottom {
    display: none;
}

@media (max-width: 990px) {
    .promo-bottom {
        display: block;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-364408a2 *//* ---------- Tokens (desktop defaults) ---------- */
#ttcmp-section{
  --ttcmp-teal:#66C8CE;
  --ttcmp-teal-dark:#4FB1B7;
  --ttcmp-teal-soft:#F0FAFA;
  --ttcmp-teal-line:#DAD3D3;
  --ttcmp-ink:#222222;
  --ttcmp-text:#444444;
  --ttcmp-muted:#8A8A8A;
  --ttcmp-line:#DAD3D3;
  --ttcmp-label-bg:#F5F5F6;
  --ttcmp-tab-bg:#EFEFEF;
 
  --ttcmp-max:960px;
  --ttcmp-pad-x:20px;
  --ttcmp-col-label:160px;
  --ttcmp-col-epik:240px;
  --ttcmp-col-telco:170px;      /* mobile only */
 
  --ttcmp-tab-w:150px;
  --ttcmp-tab-h:45px;
  --ttcmp-tab-fs:14px;
 
  --ttcmp-fs-label:13px;
  --ttcmp-fs-epik:14px;
  --ttcmp-fs-telco:13px;
  --ttcmp-fs-tname:13px;
  --ttcmp-fs-tprice:22px;
  --ttcmp-fs-eprice:28px;
  --ttcmp-logo-h:55px;
  --ttcmp-flag:20px;
 
  /* Epik+ column text weight (the small grey sub-text stays normal) */
  --ttcmp-fw-epik:700;
 
  /* space between items in the Added Value list */
  --ttcmp-list-gap:6px;        /* telco columns */
  --ttcmp-list-gap-epik:2px;  /* Epik+ column */
 
  /* logo positioning (logo is absolute, text never moves) */
  --ttcmp-logo-slot:75px;     /* space reserved for the logo (text starts after this) */
  --ttcmp-logo-box-h:44px;    /* height the logo area takes in the row */
  --ttcmp-logo-x:-25px;         /* nudge logo left/right */
  --ttcmp-logo-y:0px;         /* nudge logo up/down */
 
  /* mobile-only sizes */
  --ttcmp-fs-mlbl:15px;
  --ttcmp-fs-mval:13px;
  --ttcmp-fs-mname:18px;
  --ttcmp-fs-mprice:26px;
  --ttcmp-epik-pad:16px;
  --ttcmp-fs-foot:13px;
 
  display:block;
  width:100%;
  margin:0;
  padding:0;
  font-family:inherit;
  color:var(--ttcmp-text);
  box-sizing:border-box;
}
#ttcmp-section *,
#ttcmp-section *::before,
#ttcmp-section *::after{ box-sizing:border-box; }
 
#ttcmp-section .ttcmp__inner{
  max-width:var(--ttcmp-max);
  margin:0 auto;
  padding:0 var(--ttcmp-pad-x);
}
 
/* ---------- Tabs ---------- */
#ttcmp-section .ttcmp__tabs{
  position:relative;               /* offsetParent for centering the active tab */
  display:flex;
  gap:10px;
  margin:0 0 28px;
  padding:4px 0;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
#ttcmp-section .ttcmp__tabs::-webkit-scrollbar{ display:none; }
 
#ttcmp-section .ttcmp__tab,
#ttcmp-section .ttcmp__tab:hover,
#ttcmp-section .ttcmp__tab:focus{
  -webkit-appearance:none;
  appearance:none;
  flex:0 0 auto;
  min-width:var(--ttcmp-tab-w);
  height:var(--ttcmp-tab-h);
  margin:0;
  padding:0 20px;
  border:0;
  border-radius:999px;
  background:var(--ttcmp-tab-bg);
  color:var(--ttcmp-ink);
  font-family:inherit;
  font-size:var(--ttcmp-tab-fs);
  font-weight:600;
  line-height:1;
  text-transform:none;
  text-decoration:none;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease;
}
#ttcmp-section .ttcmp__tab:hover{ background:#E4E4E4; }
#ttcmp-section .ttcmp__tab[aria-selected="true"],
#ttcmp-section .ttcmp__tab[aria-selected="true"]:hover,
#ttcmp-section .ttcmp__tab[aria-selected="true"]:focus{
  background:var(--ttcmp-teal);
  color:#FFFFFF;
}
#ttcmp-section .ttcmp__tab:focus{ outline:none; }
#ttcmp-section .ttcmp__tab:focus-visible{ outline:2px solid var(--ttcmp-teal-dark); outline-offset:2px; }
/* centred when it fits, scrollable from the start when it doesn't */
#ttcmp-section .ttcmp__tab:first-child{ margin-left:auto; }
#ttcmp-section .ttcmp__tab:last-child{ margin-right:auto; }
 
/* ---------- Table (CSS grid, one grid for desktop + mobile) ---------- */
#ttcmp-section .ttcmp__viewport{ position:relative; }
#ttcmp-section .ttcmp__viewport:focus{ outline:none; }
#ttcmp-section .ttcmp__viewport:focus-visible{ outline:2px solid var(--ttcmp-teal-dark); outline-offset:4px; }
 
#ttcmp-section .ttcmp__grid{
  display:grid;
  grid-template-columns:var(--ttcmp-col-label) var(--ttcmp-col-epik) repeat(3,minmax(0,1fr));
  transition:opacity .18s ease;
}
#ttcmp-section .ttcmp__grid.is-out{ opacity:0; }
 
/* white outer box (border overlay, sits above label/telco cells) */
#ttcmp-section .ttcmp__frame{
  position:relative;
  z-index:1;
  grid-column:1 / -1;
  border:1px solid var(--ttcmp-line);
  border-radius:10px;
  pointer-events:none;
}
/* highlighted Epik+ column */
#ttcmp-section .ttcmp__hl{
  position:relative;
  z-index:2;
  grid-column:2;
  background:var(--ttcmp-teal-soft);
  border:2px solid var(--ttcmp-teal);
  border-radius:10px;
}
 
#ttcmp-section .ttcmp__c{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  text-align:center;
  font-size:var(--ttcmp-fs-telco);
  line-height:1.35;
  color:var(--ttcmp-text);
}
#ttcmp-section .ttcmp__c--label{
  grid-column:1;
  align-items:flex-start;
  padding-left:18px;
  text-align:left;
  background:var(--ttcmp-label-bg);
  border-top:1px solid var(--ttcmp-line);
  font-size:var(--ttcmp-fs-label);
  font-weight:500;
  color:var(--ttcmp-ink);
}
#ttcmp-section .ttcmp__c--label.is-first{ border-top:0; border-top-left-radius:10px; }
#ttcmp-section .ttcmp__c--label.is-last{ border-bottom-left-radius:10px; }
 
#ttcmp-section .ttcmp__c--epik{
  grid-column:2;
  z-index:3;
  font-size:var(--ttcmp-fs-epik);
  font-weight:var(--ttcmp-fw-epik);
  color:var(--ttcmp-ink);
}
#ttcmp-section .ttcmp__c--epik.has-line::before{
  content:"";
  position:absolute;
  top:0; left:2px; right:2px;
  height:1px;
  background:var(--ttcmp-teal-line);
}
 
#ttcmp-section .ttcmp__c--telco{
  border-top:1px solid var(--ttcmp-line);
  border-left:1px solid var(--ttcmp-line);
}
#ttcmp-section .ttcmp__c--telco.is-first{ border-top:0; }
#ttcmp-section .ttcmp__c--x{ grid-column:3; border-left:0; }
#ttcmp-section .ttcmp__c--y{ grid-column:4; }
#ttcmp-section .ttcmp__c--z{ grid-column:5; }
 
/* Added Value list (reset theme ul/li styles) */
#ttcmp-section .ttcmp__list{
  display:flex;
  flex-direction:column;
  gap:var(--ttcmp-list-gap);
  margin:0;
  padding:0;
  list-style:none;
}
#ttcmp-section .ttcmp__list li{
  margin:0;
  padding:0;
  list-style:none;
  line-height:1.35;
}
#ttcmp-section .ttcmp__list li::before,
#ttcmp-section .ttcmp__list li::marker{ content:none; }
/* Epik+ column list: its own gap */
#ttcmp-section .ttcmp__c--epik .ttcmp__list{ gap:var(--ttcmp-list-gap-epik); }
 
#ttcmp-section .ttcmp__c small{
  font-size:.75em;
  font-weight:400;
  color:var(--ttcmp-muted);
}
#ttcmp-section .ttcmp__c--telco small{ /*font-size:10px;*/ }
/* Epik+ column: everything bold except the small sub-text, e.g. "(Uncapped 5G/4G)" */
#ttcmp-section .ttcmp__c--epik small{ font-weight:400; }
 
/* plan row */
#ttcmp-section .ttcmp__c--plan{ min-height:84px; }
#ttcmp-section .ttcmp__c--plan.ttcmp__c--epik{ background:var(--ttcmp-teal); color:#FFFFFF; }
#ttcmp-section .ttcmp__ep-d{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:var(--ttcmp-logo-box-h);
  padding-left:var(--ttcmp-logo-slot);   /* fixed space for the logo – text never moves */
}
#ttcmp-section .ttcmp__ep-logo{
  position:absolute;
  left:var(--ttcmp-logo-x);
  top:50%;
  transform:translateY(calc(-50% + var(--ttcmp-logo-y)));
  display:block;
  width:auto;
  max-width:none;
  height:var(--ttcmp-logo-h);   /* resize freely */
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
/* Epik+ Family + Family Safe: own logo size and slot (35/50 use the token block values) */
#ttcmp-section .ttcmp__ep-d[data-plan="family"],
#ttcmp-section .ttcmp__ep-d[data-plan="familysafe"]{
  --ttcmp-logo-h:65px;
  --ttcmp-logo-slot:105px;
  --ttcmp-logo-x:-15px;
  --ttcmp-logo-y:0px;
}
#ttcmp-section .ttcmp__ep-txt{ display:flex; flex-direction:column; align-items:flex-start; text-align:left; }
#ttcmp-section .ttcmp__ep-note{ font-size:12px; font-weight:400; line-height:1.2; }
#ttcmp-section .ttcmp__ep-price{ font-size:var(--ttcmp-fs-eprice); font-weight:700; line-height:1.05; }
#ttcmp-section .ttcmp__ep-m{ display:none; }
#ttcmp-section .ttcmp__tname{ font-size:var(--ttcmp-fs-tname); font-weight:600; color:var(--tc); }
#ttcmp-section .ttcmp__tprice{ font-size:var(--ttcmp-fs-tprice); font-weight:700; line-height:1.1; color:var(--tc); }
 
/* badge + yearly value footer */
#ttcmp-section .ttcmp__c.ttcmp__badge{
  min-height:26px;
  padding:4px 8px;
  background:var(--ttcmp-teal-dark);
  border-radius:10px 10px 0 0;
  color:#FFFFFF;
  font-size:11px;
  font-weight:700;
}
#ttcmp-section .ttcmp__c.ttcmp__foot{
  flex-direction:row;
  gap:6px;
  min-height:36px;
  padding:6px 8px;
  background:var(--ttcmp-teal);
  border-radius:0 0 10px 10px;
  color:#FFFFFF;
  font-size:12px;
  font-weight:700;
}
#ttcmp-section .ttcmp__foot-ico{
  display:block;
  width:25px;
  max-width:none;
  height:25px;
  margin:0;
}
 
/* icons + flags */
#ttcmp-section .ttcmp__ico{ display:block; width:20px; height:20px; }
#ttcmp-section .ttcmp__ico--yes{ color:var(--ttcmp-teal); }
#ttcmp-section .ttcmp__ico--no{ color:var(--ttcmp-muted); width:17px; height:17px; }
#ttcmp-section .ttcmp__flags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0px;
  margin-top:8px;
  margin-left: 5px;
}
#ttcmp-section .ttcmp__flag{
  display:block;
  width:var(--ttcmp-flag);
  max-width:none;
  height:var(--ttcmp-flag);
  margin:0;
  border:0;
  border-radius:50%;
  box-shadow:none;
  object-fit:cover;
  margin-left: -5px;
}
 
/* labels inside cells: hidden visually on desktop, read by screen readers */
#ttcmp-section .ttcmp__lbl{
  position:absolute;
  width:1px; height:1px;
  margin:-1px; padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
 
/* scroll indicator (mobile only) */
#ttcmp-section .ttcmp__bar{ display:none; }
 
#ttcmp-section .ttcmp__tnc{
  margin:20px 0 0;
  padding:0;
  font-size:11px;
  font-style:italic;
  line-height:1.4;
  color:#777777;
}
 
/* desktop/mobile content switch (kept last so it wins) */
#ttcmp-section .ttcmp__grid .ttcmp__m{ display:none; }
 
/* ---------- Tablet ---------- */
@media (max-width:1024px){
  #ttcmp-section{
    --ttcmp-col-label:130px;
    --ttcmp-col-epik:210px;
    --ttcmp-fs-label:12px;
    --ttcmp-fs-epik:13px;
    --ttcmp-fs-telco:12px;
    --ttcmp-fs-tname:12px;
    --ttcmp-fs-tprice:19px;
    --ttcmp-fs-eprice:24px;
    --ttcmp-logo-h:50px;
    --ttcmp-logo-slot:60px;
    --ttcmp-flag:18px;
  }
  #ttcmp-section .ttcmp__ep-d[data-plan="family"],
  #ttcmp-section .ttcmp__ep-d[data-plan="familysafe"]{
    --ttcmp-logo-h:60px;
    --ttcmp-logo-slot:100px;
  }
}
 
/* ---------- Mobile: sticky Epik+ column, telco columns scroll ---------- */
@media (max-width:767px){
  #ttcmp-section{
    --ttcmp-max:780px;
    --ttcmp-pad-x:16px;
    --ttcmp-col-epik:210px;
    --ttcmp-col-telco:170px;
    --ttcmp-tab-w:160px;
    --ttcmp-tab-h:46px;
    --ttcmp-tab-fs:14px;
    --ttcmp-fs-mlbl:14px;
    --ttcmp-fs-mval:12px;
    --ttcmp-fs-mname:14px;
    --ttcmp-fs-mprice:26px;
    --ttcmp-fs-tname:17px;
    --ttcmp-fs-tprice:24px;
    --ttcmp-flag:18px;
    --ttcmp-epik-pad:16px;
    --ttcmp-fs-foot:12px;
    --ttcmp-list-gap:4px;
    --ttcmp-list-gap-epik:6px;
  }
 
  #ttcmp-section .ttcmp__nw{ white-space:nowrap; }

  #ttcmp-section .ttcmp__tabs{
    margin:0 calc(var(--ttcmp-pad-x) * -1) 22px;
    padding:4px var(--ttcmp-pad-x);
  }
 
  #ttcmp-section .ttcmp__viewport{
    margin-right:calc(var(--ttcmp-pad-x) * -1);
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scroll-padding-left:var(--ttcmp-col-epik);
    scrollbar-width:none;
  }
  #ttcmp-section .ttcmp__viewport::-webkit-scrollbar{ display:none; }
  #ttcmp-section .ttcmp__viewport.is-dragging,
  #ttcmp-section .ttcmp__tabs.is-dragging{
    scroll-snap-type:none;      /* snap would fight the drag */
    -webkit-user-select:none;
    user-select:none;
  }
 
  #ttcmp-section .ttcmp__grid{
    width:max-content;
    grid-template-columns:0 var(--ttcmp-col-epik) repeat(3,var(--ttcmp-col-telco));
  }
  #ttcmp-section .ttcmp__frame,
  #ttcmp-section .ttcmp__c--label{ display:none; }
 
  #ttcmp-section .ttcmp__hl{
    position:sticky;
    left:0;
    transition:box-shadow .2s ease;
  }
  #ttcmp-section .ttcmp__viewport.is-scrolled .ttcmp__hl{
    box-shadow:6px 0 10px -6px rgba(0,0,0,.18);
  }
 
  #ttcmp-section .ttcmp__c{
    align-items:flex-start;
    justify-content:flex-start;
    min-height:0;
    padding:7px 0 7px 22px;
    text-align:left;
    font-size:var(--ttcmp-fs-mval);
    color:var(--ttcmp-text);
  }
  #ttcmp-section .ttcmp__c--telco{ border:0; }
  #ttcmp-section .ttcmp__c--z{ padding-right:var(--ttcmp-pad-x); }
  #ttcmp-section .ttcmp__c--epik{
    position:sticky;
    left:0;
    padding:7px var(--ttcmp-epik-pad);
    font-size:var(--ttcmp-fs-mval);
    font-weight:var(--ttcmp-fw-epik);
  }
  #ttcmp-section .ttcmp__c--epik.has-line::before{ display:none; }
  #ttcmp-section .ttcmp__c.is-first{ padding-top:16px; }
  #ttcmp-section .ttcmp__c.is-last{ padding-bottom:16px; }
 
  #ttcmp-section .ttcmp__c small{ font-size:.85em; color:inherit; }
  #ttcmp-section .ttcmp__dbr{ display:none; }
 
  /* labels visible on mobile */
  #ttcmp-section .ttcmp__lbl{
    position:static;
    width:auto; height:auto;
    margin:0 0 2px;
    overflow:visible;
    clip:auto;
    white-space:normal;
    display:block;
    font-size:var(--ttcmp-fs-mlbl);
    font-weight:600;
    line-height:1.3;
    color:var(--ttcmp-ink);
  }
  #ttcmp-section .ttcmp__c--epik .ttcmp__lbl{ color:var(--ttcmp-teal); font-weight:500; }
 
  /* plan row */
  #ttcmp-section .ttcmp__c--plan{ min-height:0; }
  #ttcmp-section .ttcmp__c--plan.ttcmp__c--epik{ background:transparent; color:var(--ttcmp-ink); }
  #ttcmp-section .ttcmp__c--plan.ttcmp__c--telco{ justify-content:flex-end; scroll-snap-align:start; }
  #ttcmp-section .ttcmp__ep-d{ display:none; }
  #ttcmp-section .ttcmp__ep-m{ display:flex; flex-direction:column; }
  #ttcmp-section .ttcmp__ep-name{ font-size:var(--ttcmp-fs-mname); font-weight:500; line-height:1.2; color:var(--ttcmp-teal); }
  #ttcmp-section .ttcmp__ep-mnote{ font-size:var(--ttcmp-fs-mval); font-weight:400; line-height:1.3; color:var(--ttcmp-ink); }
  #ttcmp-section .ttcmp__ep-mprice{ font-size:var(--ttcmp-fs-mprice); font-weight:700; line-height:1.1; color:var(--ttcmp-teal); }
 
  #ttcmp-section .ttcmp__c.ttcmp__badge{ align-items:center; justify-content:center; font-size:11px; min-height:32px; text-align: center }
  #ttcmp-section .ttcmp__c.ttcmp__foot{ align-items:center; justify-content:center; min-height:38px; font-size:var(--ttcmp-fs-foot); padding:6px 8px; white-space:normal; line-height: 1.1; }
  #ttcmp-section .ttcmp__foot-ico{ width:20px; height:20px; }
 
  #ttcmp-section .ttcmp__flags{ justify-content:flex-start; margin-top:6px; margin-left: 4px; }
 
  #ttcmp-section .ttcmp__bar{
    display:block;
    position:relative;
    height:4px;
    margin:12px 0 0 calc(var(--ttcmp-col-epik) + 22px);
    overflow:hidden;
    border-radius:4px;
    background:#E6E6E6;
  }
  #ttcmp-section .ttcmp__bar.is-hidden{ visibility:hidden; }
  #ttcmp-section .ttcmp__bar-thumb{
    position:absolute;
    top:0; left:0;
    height:100%;
    width:40px;
    border-radius:4px;
    background:var(--ttcmp-teal);
    will-change:transform;
  }
 
  #ttcmp-section .ttcmp__grid .ttcmp__d{ display:none; }
  #ttcmp-section .ttcmp__grid .ttcmp__m{ display:inline; }
  #ttcmp-section .ttcmp__tnc{ font-size:10px; }
}
 
/* small phones: step sizes down, no fluid units */
@media (max-width:389px){
  #ttcmp-section{
    --ttcmp-col-telco:150px;
    --ttcmp-tab-w:140px;
    --ttcmp-tab-h:42px;
    --ttcmp-tab-fs:13px;
    --ttcmp-fs-mlbl:14px;
    --ttcmp-fs-mval:12px;
    --ttcmp-fs-mname:14px;
    --ttcmp-fs-mprice:23px;
    --ttcmp-fs-tname:15px;
    --ttcmp-fs-tprice:21px;
    --ttcmp-flag:18px;
  }
}
@media (max-width:359px){
  #ttcmp-section{
    --ttcmp-pad-x:12px;
    --ttcmp-col-telco:138px;
    --ttcmp-tab-w:128px;
    --ttcmp-tab-h:40px;
    --ttcmp-tab-fs:12px;
    --ttcmp-fs-mlbl:13px;
    --ttcmp-fs-mval:11px;
    --ttcmp-fs-mname:14px;
    --ttcmp-fs-mprice:21px;
    --ttcmp-fs-tname:14px;
    --ttcmp-fs-tprice:19px;
    --ttcmp-flag:18px;
    --ttcmp-epik-pad:14px;
    --ttcmp-fs-foot:11px;
  }
}
 
/* below 480px the Epik+ column (and its flags) follow the screen width – 48% of the screen */
@media (max-width:479px){
  #ttcmp-section{
    --ttcmp-col-epik:48vw;
  }
  #ttcmp-section .ttcmp__flag {
      margin-left: -4px;
      margin-top: 5px;
  }
  #ttcmp-section .ttcmp__flags {
      margin-top: 0px;
  }
}
 
@media (prefers-reduced-motion:reduce){
  #ttcmp-section .ttcmp__grid,
  #ttcmp-section .ttcmp__tab,
  #ttcmp-section .ttcmp__hl{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-45159c8c */.percentage {
    color: #66C8CE;
    font-size: 40px !important;
}

@media (max-width: 990px) {
    .nationwide-newline1 {
        display: block !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1c8dcc2f */.remove_hover .elementor-size-sm {
    padding: 16px 30px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

#SubcribeApp.elementor-element.elementor_purple_red_buton .elementor-button:hover:before,
#SubcribeApp.elementor-element.elementor_purple_red_buton .elementor-button:focus:before,
#SubcribeApp.elementor-element.elementor_purple_red_buton .elementor-button:active:before {
    background: #231F20 !important;
}

#SubcribeApp.elementor-element.remove_hover .elementor-button:hover:before,
#SubcribeApp.elementor-element.remove_hover .elementor-button:focus:before,
#SubcribeApp.elementor-element.remove_hover .elementor-button:active:before {
    background-image: initial !important;
    background-color: #66C8CE !important;
}

.remove_hover .elementor-button:hover,
.remove_hover .elementor-button:focus,
.remove_hover .elementor-button:active{
    scale: 1.05 !important;
}

/*#faqMoreBtn.new_black_ci_btn .elementor-button:hover .elementor-button-text {
    color: #ff0000;
}*/


@media (max-width: 767px) {
    #SubcribeApp .elementor_purple_red_buton .elementor-size-sm {
        padding: 0px 22px !important;
        font-size: 15px !important;
    }
    
   .cloud_copy_right .elementor-button-wrapper {
       justify-content: center !important;
   }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7072ff4a */@media (min-width: 768px) {
    .nationwide {
        position: absolute;
        top: -50px;
        right: -20px;
    }
}

@media (max-width: 1024px) {
    .nationwide {
        top: -53px;
        right: -30px;
        width: 47% !important;
    }
}

@media (max-width: 990px) {
    .nationwide {
        top: -23px;
        right: -10%;
        width: 61vw !important;
        max-width: 530px;
    }
}

@media (max-width: 767px) {
    .nationwide {
        top: -25px;
        right: 0;
        width: 100% !important;
        max-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3a3063c0 */@media (max-width: 767px) {
    .elementor-element.tnc-small {
        margin-top: -10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-6db31a1d */.nation-coverage {
    position: relative;
    overflow: hidden;
    overflow: clip;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-19d19ebd *//*@media (max-width: 990px) {
    .nationwide-sec {
        max-width: 850px;
        margin: 0 auto;
    }
}*//* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e69ee8c */.ins-custom-mosaic-main-wrapper-c198 {
    position: relative;
}
.ins-custom-mosaic-wrapper-c198 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin: 30px auto 0px auto;
    max-height: 980px;
    transition: transform 0.3s ease-out;
}

/*Tiles 1*/
.ins-custom-mosaic-item-keep-number-c198 {
    grid-area: 1 / 1 / 6 / 3;
    display: flex
;
    padding: 36px 36px 0px 36px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    border-radius: 24px;
    background: #FEFCEF;
}
.ins-custom-mosaic-item-keep-number-c198 .ins-custom-mosaic-text-content-c198 {
    display: flex;
    width: 293px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}
.ins-custom-mosaic-text-title-c198 {
    color: #DD0613;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.ins-custom-mosaic-text-description-c198 {
    font-size: 13px;
}
.ins-custom-mosaic-text-bold-c198 {
    font-weight: 700;
    color: #000000;
}
.ins-custom-mosaic-text-description-c198 {
    font-size: 13px;
}
.ins-custom-mosaic-text-cta-button-c198 {
    color: #DD0613;
    text-align: center;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
    font-size: 16px;
    font-style: normal;
    font-weight: 325;
    line-height: 100%;
}
.ins-custom-mosaic-text-cta-button-c198 a {
    text-decoration: none !important;
    color: #DD0613 !important;
    font-weight: 400 !important;
}

.ins-custom-mosaic-item-keep-number-c198 .ins-custom-mosaic-text-image-content-c198 {
    width: 243px;
    height: 275px;
    flex-shrink: 0;
    aspect-ratio: auto;
}


/*Tiles 2*/
.ins-custom-mosaic-item-connectivity-c198 {
    grid-area: 6 / 1 / 8 / 4;
    display: flex;
    padding: 36px;
    align-items: center;
    border-radius: 24px;
    background: #E7EBF8;
    height: fit-content;
}
.ins-custom-mosaic-item-connectivity-c198 .ins-custom-mosaic-text-content-c198 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
}
.ins-custom-mosaic-text-title-c198 {
    color: #DD0613;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.ins-custom-mosaic-item-connectivity-c198 .ins-custom-mosaic-text-description-c198 {
    height: 112px;
    align-self: stretch;
}
.ins-custom-mosaic-text-description-c198 {
    font-size: 13px;
}
.ins-custom-mosaic-text-bold-c198 {
    font-weight: 700;
    color: #000000;
}
.ins-custom-mosaic-item-connectivity-c198 .ins-custom-mosaic-text-image-content-c198 {
    width: 128px;
    height: 168px;
    flex-shrink: 0;
    aspect-ratio: auto;
}


/*Tiles 3*/
.ins-custom-mosaic-item-free-insurance-c198 {
    grid-area: 6 / 4 / 8 / 7;
    display: flex;
    padding: 36px;
    align-items: center;
    gap: 16px;
    border-radius: 24px;
    background: #FFD8AD;
    height: fit-content;
}
.ins-custom-mosaic-item-free-insurance-c198 .ins-custom-mosaic-text-content-c198 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}
.ins-custom-mosaic-item-free-insurance-c198 .ins-custom-mosaic-text-description-c198 {
    height: 112px;
    align-self: stretch;
}
.ins-custom-mosaic-text-description-c198 {
    font-size: 13px;
}
.ins-custom-mosaic-text-bold-c198 {
    font-weight: 700;
    color: #000000;
}
.ins-custom-mosaic-item-free-insurance-c198 .ins-custom-mosaic-text-image-content-c198 {
    width: 180px;
    height: 119px;
    flex-shrink: 0;
    aspect-ratio: auto;
}


/*Tiles 4*/
.ins-custom-mosaic-item-rewards-c198 {
    grid-area: 3 / 3 / 6 / 5;
    display: flex;
    padding: 36px 36px 0 36px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 24px;
    background: rgba(221, 6, 19, 0.10);
    justify-content: space-between;
}
.ins-custom-mosaic-item-rewards-c198 .ins-custom-mosaic-text-content-c198 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.ins-custom-mosaic-item-rewards-c198 .ins-custom-mosaic-text-image-content-c198 img {
    width: 235px;
    height: 173px;
    aspect-ratio: auto;
}



/*Tiles 5*/
.ins-custom-mosaic-item-traveler-c198 {
    grid-area: 3 / 5 / 6 / 7;
    display: flex;
    padding: 36px;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 16px;
    border-radius: 24px;
    background: #D4CBE4;
    height: fit-content;
}
.ins-custom-mosaic-item-traveler-c198 .ins-custom-mosaic-text-content-c198 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
}
.ins-custom-mosaic-text-title-c198 {
    color: #DD0613;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.ins-custom-mosaic-item-traveler-c198 .ins-custom-mosaic-text-description-c198 {
    height: 110px;
}
.ins-custom-mosaic-text-description-c198 {
    font-size: 13px;
}
.ins-custom-mosaic-text-bold-c198 {
    font-weight: 700;
    color: #000000;
}
.ins-custom-mosaic-text-cta-button-c198 {
    color: #DD0613;
    text-align: center;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
    font-size: 16px;
    font-style: normal;
    font-weight: 325;
    line-height: 100%;
}
.ins-custom-mosaic-text-cta-button-c198 a {
    text-decoration: none !important;
    color: #DD0613 !important;
    font-weight: 400 !important;
}
.ins-custom-mosaic-item-traveler-c198 .ins-custom-mosaic-text-image-content-c198 {
    display: flex
;
    width: 222px;
    height: 141px;
    padding: 0px 0.557px;
    justify-content: center;
    align-items: center;
}


/*Tiles 6*/
.ins-custom-mosaic-item-auto-renewal-c198 {
    grid-area: 1 / 3 / 3 / 7;
    display: flex;
    padding: 36px;
    align-items: center;
    border-radius: 24px;
    background: rgba(221, 6, 19, 0.10);
    height: fit-content;
}
.ins-custom-mosaic-item-auto-renewal-c198 .ins-custom-mosaic-text-content-c198 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}
.ins-custom-mosaic-item-auto-renewal-c198 .ins-custom-mosaic-text-image-content-c198 {
    width: 160px;
    height: 160px;
    flex-shrink: 0;
    aspect-ratio: auto;
    display: flex;
    justify-content: center;
}
.ins-custom-mosaic-item-auto-renewal-c198 .ins-custom-mosaic-text-image-content-c198 img {
    width: 160px;
    flex-shrink: 0;
    height: 160px;
}
.ins-custom-mosaic-item-auto-renewal-c198 .ins-custom-mosaic-text-description-c198 {
    align-self: stretch;
    height: 112px;
    width: 520px;
    font-size: 14px;
}


@media (max-width: 768px) { /* Adjust for tablets and mobile */
    .ins-custom-mosaic-wrapper-c198 {
        grid-template-columns: repeat(2, 1fr); /* Switch to 2 columns */
        grid-template-rows: auto;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }

    .ins-custom-mosaic-item-c198 {
        grid-area: unset !important; /* Remove fixed grid areas */
        width: 100%;
    }

    .ins-custom-mosaic-text-image-content-c198 img {
        width: 100%; /* Ensure images are responsive */
        height: auto;
    }
}

@media (max-width: 480px) { /* Adjust for smaller mobile screens */
    .ins-custom-mosaic-wrapper-c198 {
        grid-template-columns: 1fr; /* Switch to 1 column */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6446e046 */@media (max-width: 480px) {
    .review-newline1 {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f8f5d0d *//* ===== SCOPED TO #reviewer-section ===== */
#reviewer-section {
    --card-bg: #ffffff;
    --star-color: #66C8CE;
    --arrow-bg: #66C8CE;
    --arrow-disabled-opacity: 0.35;
    --card-radius: 16px;
    --card-gap: 20px;
    --card-width: 260px;
    --card-min-height: 300px;
    --section-padding: 10px 0 0;
    box-sizing: border-box;
    padding: var(--section-padding);
    /*background: #f5f5f5;*/
    overflow: visible;
 
    width: 100vw;
    max-width: 100vw;
 
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
 
#reviewer-section *,
#reviewer-section *::before,
#reviewer-section *::after {
    box-sizing: border-box;
}
 
/* ===== HEADER ===== */
#reviewer-section .rvs-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 40px;
    padding: 0 20px;
}
 
#reviewer-section .rvs-title {
    font-size: 34px;
    font-weight: 800;
    color: #231f20;
    margin: 0 0 12px;
    line-height: 1.2;
}
 
#reviewer-section .rvs-subtitle {
    font-size: 17px;
    color: #4a4a4a;
    margin: 0;
    line-height: 1.4;
}
 
/* ===== TRACK OUTER ===== */
#reviewer-section .rvs-track-outer {
    overflow: visible;
    position: relative;
}
 
#reviewer-section .rvs-track-outer.rvs-clip {
    overflow: hidden;
}
 
@media (min-width: 768px) {
    #reviewer-section .rvs-track-outer {
        overflow: visible !important;
    }
}
 
/* ===== TRACK ===== */
#reviewer-section .rvs-track {
    display: flex;
    gap: var(--card-gap);
 
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
 
    /* overflow-x: auto also clips vertically, so give the shadow room
       inside the track, then pull the spacing back with negative margins
       so the section layout doesn't shift */
    padding-top: 12px;
    padding-bottom: 16px;
    margin-top: -12px;
    margin-bottom: -16px;
    padding-left: 48px;
    padding-right: 48px;
 
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}
 
@media (min-width: 2600px) { /* CHANGE THIS WHEN CARD COUNT CHANGES — 8 cards @ 260px+20px gap ≈ 2240px content width */
    #reviewer-section .rvs-track {
        justify-content: center;
        padding-left: 0px;
        padding-right: 0px;
    }
}
 
#reviewer-section .rvs-track::-webkit-scrollbar {
    display: none;
}
 
#reviewer-section .rvs-card {
    scroll-snap-align: center;
}
 
/* stop the browser's native "ghost image" drag on the star images */
#reviewer-section .rvs-track img {
    -webkit-user-drag: none;
    user-select: none;
}
 
/* ===== MOUSE DRAG STATE (cursor intentionally left as default) ===== */
#reviewer-section .rvs-track.rvs-is-dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
    user-select: none;
    -webkit-user-select: none;
}
 
/* ===== MOBILE: cards start from the left edge, run to the end of the screen ===== */
@media (max-width: 767px) {
    #reviewer-section .rvs-track {
        padding-left: 20px;
        padding-right: 20px;
        scroll-padding-left: 20px;
        scroll-padding-right: 20px;
    }
 
    /* snap to the card's left edge instead of its center, so the first card
       sits at 20px and the next one peeks in from the right */
    #reviewer-section .rvs-card {
        scroll-snap-align: start;
    }
}
 
#reviewer-section .rvs-track.rvs-is-centered {
    justify-content: center;
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;
}
 
/* ===== CARD ===== */
#reviewer-section .rvs-card {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    min-width: var(--card-width);
    width: var(--card-width);
    min-height: var(--card-min-height);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    padding: 24px 22px;
    color: #231f20;
    text-align: left;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
 
#reviewer-section .rvs-card-title {
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 12px;
    color: #231f20;
}
 
#reviewer-section .rvs-card-body {
    font-size: 14px;
    line-height: 1.45;
    color: #4a4a4a;
    margin: 0 0 16px;
    flex: 1;
}
 
#reviewer-section .rvs-card-body strong {
    color: #231f20;
    font-weight: 700;
}
 
#reviewer-section .rvs-reviewer {
    font-size: 13px;
    font-weight: 700;
    color: #231f20;
    margin: 0 0 10px;
}
 
/* ===== STARS (plain <img>-based) ===== */
#reviewer-section .rvs-stars {
    display: flex;
    gap: 4px;
}
 
#reviewer-section .rvs-star {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
}
 
/* light gray base star, always fully visible underneath */
#reviewer-section .rvs-star-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    display: block;
    filter: grayscale(1) brightness(1.7) opacity(0.55);
}
 
/* colored fill star, clipped by wrapper width to show full/half/empty */
#reviewer-section .rvs-star-fill-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 0;
    overflow: hidden;
}
 
#reviewer-section .rvs-star-fill-wrap img {
    display: block;
    width: 18px;
    height: 18px;
}
 
#reviewer-section .rvs-star--full .rvs-star-fill-wrap  { width: 18px; }
#reviewer-section .rvs-star--half .rvs-star-fill-wrap  { width: 9px; }
#reviewer-section .rvs-star--empty .rvs-star-fill-wrap { width: 0; }
 
/* ===== ARROWS ===== */
/* Right-aligned at ALL widths (no longer centered at 989px and below) */
#reviewer-section .rvs-arrows-wrapper {
    display: none;
    justify-content: flex-end;
    padding: 0 25px;
    margin: 20px auto 0;
    max-width: 1160px;
}
 
#reviewer-section .rvs-arrows-wrapper.rvs-visible {
    display: flex;
}
 
#reviewer-section .rvs-arrows {
    display: flex;
    gap: 10px;
    z-index: 10;
}
 
#reviewer-section .rvs-arrow {
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 50%;
    border: 0;
    background: var(--arrow-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.25s, transform 0.15s, background 0.2s;
    flex-shrink: 0;
}
 
#reviewer-section .rvs-arrow:hover {
    transform: scale(1.05);
}
 
#reviewer-section .rvs-arrow.rvs-disabled {
    opacity: var(--arrow-disabled-opacity);
    pointer-events: none;
}
 
#reviewer-section .rvs-arrow img {
    pointer-events: none;
}
 
#reviewer-section .rvs-arrow svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
 
@media (min-width: 990px) {
    #reviewer-section .rvs-arrow {
        width: 40px;
        height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3fbc7557 *//*@media (min-width: 1600px) {
    .tutorial-sec {
        margin-top: -10px !important;
    }
}*/

@media (max-width: 990px) and (min-width: 768px) {
/*    .tutorial-sec {
        margin-top: -2px !important;
    }*/
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b89f47e *//* ---------- Video frame (black placeholder until thumb / video loads) ---------- */
#htut-media{
  --htut-teal:#6cc9cf;
  --htut-radius:32px;
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border-radius:var(--htut-radius);
  overflow:hidden;
  background:#000;
  isolation:isolate;
  transform:translateZ(0); /* keeps rounded corners clipping the iframe in Safari */
}
@supports not (aspect-ratio:1){
  #htut-media::before{content:"";display:block;padding-top:56.25%;}
}
#htut-media *,
#htut-media *::before,
#htut-media *::after{box-sizing:border-box;}
 
/* Reset Astra/Elementor button styles inside this section only */
#htut-media button{
  -webkit-appearance:none;appearance:none;
  margin:0;padding:0;border:0;border-radius:0;
  background:none;box-shadow:none;color:inherit;
  font:inherit;line-height:1;letter-spacing:normal;text-transform:none;
  min-height:0;cursor:pointer;
}
#htut-media button:focus{outline:none;}
#htut-media button:focus-visible{outline:2px solid var(--htut-teal);outline-offset:3px;}
 
/* ---------- Poster (thumbnail + play button) ---------- */
#htut-media .htut-poster{
  position:absolute;inset:0;z-index:2;
  display:block;width:100%;height:100%;
  transition:opacity .35s ease;
}
#htut-media .htut-poster:focus-visible{outline-offset:-4px;border-radius:var(--htut-radius);}
#htut-media .htut-thumb{
  position:absolute;inset:0;
  display:block;width:100%;height:100%;max-width:none;
  object-fit:cover;
  opacity:0;
  transition:opacity .45s ease;
}
#htut-media .htut-thumb.is-loaded{opacity:1;}
#htut-media .htut-poster::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:rgba(32,42,46,.55);
  pointer-events:none;
}
 
/* ---------- Play button: glass circle + outer ring ---------- */
#htut-media .htut-play{
  position:absolute;top:50%;left:50%;z-index:2;
  width:128px;height:128px;margin:-64px 0 0 -64px;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
}
#htut-media .htut-play__ring{
  position:absolute;inset:0;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.3);
  background:radial-gradient(circle, rgba(255,255,255,0) 55%, rgba(255,255,255,.12) 100%);
  opacity:0;
  transform:scale(.6);
  transition:opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1);
}
#htut-media .htut-play__glass{
  position:relative;
  width:76px;height:76px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(102,200,206,.15);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 8px 24px rgba(0,0,0,.25);
  transition:transform .3s ease, background-color .3s ease;
}
#htut-media .htut-play__icon{display:block;width:28px;height:28px;max-width:none;margin-left:4px;}
 
/* Hover / keyboard focus / pressed / loading → second ring appears */
#htut-media .htut-poster:hover .htut-play__ring,
#htut-media .htut-poster:focus-visible .htut-play__ring,
#htut-media .htut-poster:active .htut-play__ring,
#htut-media.is-loading .htut-play__ring{
  opacity:1;
  transform:scale(1);
  animation:htut-ring-pulse 1.8s ease-in-out .45s infinite;
}
#htut-media .htut-poster:hover .htut-play__glass,
#htut-media .htut-poster:focus-visible .htut-play__glass,
#htut-media.is-loading .htut-play__glass{
  transform:scale(1.06);
  background:rgba(102,200,206,.25);
}
@keyframes htut-ring-pulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.07);}
}
 
/* ---------- Inline player slot ---------- */
#htut-media .htut-player{position:absolute;inset:0;z-index:1;}
/* Oversize iframe by 1px each side → hides sub-pixel black slivers at the rounded edges */
#htut-media .htut-player iframe{
  position:absolute;top:-1px;left:-1px;
  display:block;width:calc(100% + 2px);height:calc(100% + 2px);
  max-width:none;border:0;
}
#htut-media.is-playing .htut-poster{opacity:0;visibility:hidden;pointer-events:none;}
 
/* ---------- Enlarge button ---------- */
#htut-media .htut-expand{
  position:absolute;top:16px;right:16px;z-index:3;
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  background:rgba(0,0,0,.35);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  /* Hidden until the video starts playing */
  opacity:0;visibility:hidden;pointer-events:none;transform:scale(.85);
  transition:opacity .3s ease, transform .3s ease, background-color .2s ease, visibility 0s linear .3s;
}
#htut-media.is-playing .htut-expand{
  opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);
  transition:opacity .3s ease, transform .3s ease, background-color .2s ease;
}
#htut-media.is-playing .htut-expand:hover{background:var(--htut-teal);transform:scale(1.06);}
#htut-media .htut-expand svg{display:block;width:18px;height:18px;}
 
/* ---------- Popup (Widget 2 JS creates #htut-modal on <body>; styles stay scoped by ID) ---------- */
html.htut-no-scroll,
html.htut-no-scroll body{overflow:hidden !important;}
 
#htut-modal{
  position:fixed;inset:0;z-index:999999;
  display:flex;align-items:center;justify-content:center;
  padding:72px 24px 24px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .25s ease, visibility 0s linear .25s;
}
#htut-modal.is-open{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity .25s ease;
}
#htut-modal *,
#htut-modal *::before,
#htut-modal *::after{box-sizing:border-box;}
#htut-modal .htut-modal__backdrop{
  position:absolute;inset:0;
  background:rgba(0,0,0,.72);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
#htut-modal .htut-modal__dialog{
  position:relative;z-index:1;
  width:100%;
  max-width:min(1040px, calc((100vh - 120px) * 16 / 9));
  transform:scale(.96);
  transition:transform .25s ease;
}
#htut-modal.is-open .htut-modal__dialog{transform:none;}
#htut-modal .htut-modal__frame{
  position:relative;width:100%;aspect-ratio:16/9;
  background:#000;border-radius:20px;overflow:hidden;
  transform:translateZ(0);
}
@supports not (aspect-ratio:1){
  #htut-modal .htut-modal__frame::before{content:"";display:block;padding-top:56.25%;}
}
#htut-modal .htut-modal__player{position:absolute;inset:0;}
#htut-modal .htut-modal__player iframe{
  position:absolute;top:-1px;left:-1px;
  display:block;width:calc(100% + 2px);height:calc(100% + 2px);
  max-width:none;border:0;
}
#htut-modal button{
  -webkit-appearance:none;appearance:none;
  margin:0;padding:0;border:0;border-radius:0;
  background:none;box-shadow:none;color:inherit;
  font:inherit;line-height:1;min-height:0;cursor:pointer;
}
#htut-modal .htut-modal__close{
  position:absolute;top:-52px;right:0;
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;background:rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
  transition:background-color .2s ease;
}
#htut-modal .htut-modal__close:hover{background:#6cc9cf;}
#htut-modal .htut-modal__close:focus-visible{outline:2px solid #6cc9cf;outline-offset:3px;}
#htut-modal .htut-modal__close svg{display:block;width:18px;height:18px;}
 
/* ---------- Breakpoints (fixed px) ---------- */
@media (max-width:1024px){
  #htut-media{--htut-radius:28px;}
  #htut-media .htut-play{width:112px;height:112px;margin:-56px 0 0 -56px;}
  #htut-media .htut-play__glass{width:68px;height:68px;}
  #htut-media .htut-play__icon{width:24px;height:24px;}
}
@media (max-width:767px){
  #htut-media{--htut-radius:24px;}
}
@media (max-width:480px){
  #htut-media{--htut-radius:20px;}
  #htut-media .htut-play{width:96px;height:96px;margin:-48px 0 0 -48px;}
  #htut-media .htut-play__glass{width:56px;height:56px;}
  #htut-media .htut-play__icon{width:20px;height:20px;margin-left:3px;}
  /* Mobile: second ring always visible, no animation */
  #htut-media .htut-play__ring,
  #htut-media .htut-poster:hover .htut-play__ring,
  #htut-media .htut-poster:focus-visible .htut-play__ring,
  #htut-media .htut-poster:active .htut-play__ring,
  #htut-media.is-loading .htut-play__ring{
    opacity:1;transform:none;animation:none;
  }
  #htut-media .htut-poster:hover .htut-play__glass{transform:none;}
  #htut-media .htut-expand{top:12px;right:12px;width:36px;height:36px;}
  #htut-media .htut-expand svg{width:16px;height:16px;}
 
  #htut-modal{padding:64px 12px 12px;}
  #htut-modal .htut-modal__frame{border-radius:12px;}
  #htut-modal .htut-modal__close{top:-48px;width:36px;height:36px;}
}
@media (prefers-reduced-motion:reduce){
  #htut-media .htut-play__ring,
  #htut-media .htut-poster:hover .htut-play__ring,
  #htut-media .htut-poster:focus-visible .htut-play__ring,
  #htut-media .htut-poster:active .htut-play__ring,
  #htut-media.is-loading .htut-play__ring{animation:none;}
  #htut-media *,#htut-modal,#htut-modal *{transition-duration:.01s !important;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c6f7c50 */#htut-content{
  --htut-teal:#6cc9cf;
  --htut-ink:#1d1d1f;
  --htut-body:#3a3a3c;
  width:100%;
  max-width:440px;
  text-align:left;
}
#htut-content *,
#htut-content *::before,
#htut-content *::after{box-sizing:border-box;}
 
/* ---------- Tabs ---------- */
#htut-content .htut-tabs{
  display:flex;flex-wrap:nowrap;gap:14px;
  margin:0 0 28px;padding:0;
}
#htut-content .htut-tab{
  -webkit-appearance:none;appearance:none;
  margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  height:40px;min-height:0;padding:0 28px;
  border:1.5px solid var(--htut-teal);border-radius:999px;
  background:#fff;color:var(--htut-teal);
  font-family:inherit;font-size:14px;font-weight:500;line-height:1;
  letter-spacing:normal;text-transform:none;white-space:nowrap;
  box-shadow:none;cursor:pointer;
  transition:background-color .25s ease, color .25s ease;
}
#htut-content .htut-tab:hover,
#htut-content .htut-tab:focus{background:rgba(108,201,207,.1);color:var(--htut-teal);outline:none;}
#htut-content .htut-tab.is-active,
#htut-content .htut-tab.is-active:hover,
#htut-content .htut-tab.is-active:focus{background:var(--htut-teal);color:#fff;}
#htut-content .htut-tab:focus-visible{outline:2px solid var(--htut-teal);outline-offset:3px;}
 
/* ---------- Panels ---------- */
#htut-content .htut-panel[hidden]{display:none !important;}
#htut-content .htut-panel.is-active{animation:htut-panel-in .35s ease both;}
@keyframes htut-panel-in{
  from{opacity:0;transform:translateY(6px);}
  to{opacity:1;transform:none;}
}
#htut-content .htut-title{
  margin:0 0 20px;padding:0;max-width:380px;
  color:var(--htut-ink);
  font-family:inherit;font-size:30px;font-weight:700;line-height:1.25;
  letter-spacing:normal;text-transform:none;
}
#htut-content .htut-desc{
  margin:0 0 20px;padding:0;
  color:var(--htut-body);
  font-size:16px;line-height:1.5;
}
#htut-content .htut-note{
  margin:-8px 0 20px;padding:0;
  color:#d0021b;font-size:13px;font-style:italic;line-height:1.4;
}
#htut-content .htut-link{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--htut-teal);
  font-size:16px;font-weight:500;line-height:1.3;
  text-decoration:none;box-shadow:none;
}
#htut-content .htut-link:hover,
#htut-content .htut-link:focus{color:var(--htut-teal);text-decoration:none;}
#htut-content .htut-link:focus-visible{outline:2px solid var(--htut-teal);outline-offset:3px;}
#htut-content .htut-link svg{display:block;width:16px;height:16px;transition:transform .25s ease;}
#htut-content .htut-link:hover svg{transform:translateX(4px);}
 
/* ---------- Breakpoints (fixed px) ---------- */
@media (max-width:1024px){
  #htut-content .htut-tabs{gap:10px;margin-bottom:22px;}
  #htut-content .htut-tab{padding:0 20px;}
  #htut-content .htut-title{font-size:24px;margin-bottom:16px;}
  #htut-content .htut-desc{font-size:15px;}
}
@media (max-width:767px){
  /* Elementor stacks the columns here → centre everything like the mobile mock */
  #htut-content{max-width:none;margin:0 auto;padding-top:24px;text-align:center;}
  #htut-content .htut-tabs{gap:12px;margin-bottom:20px;}
  #htut-content .htut-tab{flex:1 1 0;padding:0 12px;}
  #htut-content .htut-title{max-width:none;font-size:20px;margin-bottom:14px;}
  #htut-content .htut-desc{font-size:15px;margin-bottom:16px;}
}
@media (max-width:480px){
  #htut-content .htut-title{font-size:19px;}
  #htut-content .htut-desc{font-size:14px;}
  #htut-content .htut-link{font-size:15px;}
}
@media (prefers-reduced-motion:reduce){
  #htut-content .htut-panel.is-active{animation:none;}
  #htut-content *{transition-duration:.01s !important;}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-344209e5 */@media (max-width: 990px) and (min-width: 768px) {
    .newci-download-app2 {
        padding-top: 40px !important;
    }
}/* End custom CSS */