:root {
    --color-primary: #8dcbec;
    --color-secondary1: #028090;
    --color-secondary2: #00A896;
    --color-secondary3: #02C39A;
    --color-secondary4: #F0F3BD;
  }

  
    .theme .color-primary, .color-primary {
      color: #8dcbec;
    }
    .theme .bg-color-primary, .bg-color-primary {
      background-color: #8dcbec;
    }
    .theme .border-color-primary, .border-color-primary {
      border-color: #8dcbec;
    }
    .theme .fill-color-primary, .fill-color-primary {
      fill: #8dcbec;
    }
  
    .theme .color-secondary1, .color-secondary1 {
      color: #028090;
    }
    .theme .bg-color-secondary1, .bg-color-secondary1 {
      background-color: #028090;
    }
    .theme .border-color-secondary1, .border-color-secondary1 {
      border-color: #028090;
    }
    .theme .fill-color-secondary1, .fill-color-secondary1 {
      fill: #028090;
    }
  
    .theme .color-secondary2, .color-secondary2 {
      color: #00A896;
    }
    .theme .bg-color-secondary2, .bg-color-secondary2 {
      background-color: #00A896;
    }
    .theme .border-color-secondary2, .border-color-secondary2 {
      border-color: #00A896;
    }
    .theme .fill-color-secondary2, .fill-color-secondary2 {
      fill: #00A896;
    }
  
    .theme .color-secondary3, .color-secondary3 {
      color: #02C39A;
    }
    .theme .bg-color-secondary3, .bg-color-secondary3 {
      background-color: #02C39A;
    }
    .theme .border-color-secondary3, .border-color-secondary3 {
      border-color: #02C39A;
    }
    .theme .fill-color-secondary3, .fill-color-secondary3 {
      fill: #02C39A;
    }
  
    .theme .color-secondary4, .color-secondary4 {
      color: #F0F3BD;
    }
    .theme .bg-color-secondary4, .bg-color-secondary4 {
      background-color: #F0F3BD;
    }
    .theme .border-color-secondary4, .border-color-secondary4 {
      border-color: #F0F3BD;
    }
    .theme .fill-color-secondary4, .fill-color-secondary4 {
      fill: #F0F3BD;
    }
  
    .note-editable.panel-body h1, 
    .text-widget-content h1,
    .post-description h1 {
      font-family: Open Sans, arial;
      line-height: 1.0em;
      font-size: 72px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h2, 
    .text-widget-content h2,
    .post-description h2 {
      font-family: Open Sans, arial;
      line-height: 1.0em;
      font-size: 42px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h3, 
    .text-widget-content h3,
    .post-description h3 {
      font-family: Open Sans, arial;
      line-height: 1.0em;
      font-size: 32px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h4, 
    .text-widget-content h4,
    .post-description h4 {
      font-family: Open Sans, arial;
      line-height: 1.0em;
      font-size: 24px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h5, 
    .text-widget-content h5,
    .post-description h5 {
      font-family: Open Sans, arial;
      line-height: 1.0em;
      font-size: 18px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h6, 
    .text-widget-content h6,
    .post-description h6 {
      font-family: Open Sans, arial;
      line-height: 1.0em;
      font-size: 15px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
        .note-editable.panel-body li, 
        .text-widget-content li, 
      
    .note-editable.panel-body p, 
    .text-widget-content p,
    .post-description p {
      font-family: Open Sans, arial;
      line-height: 1.6em;
      font-size: 15px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
        .note-editable.panel-body blockquote > p,
        .text-widget-content blockquote > p,
      
    .note-editable.panel-body blockquote, 
    .text-widget-content blockquote,
    .post-description blockquote {
      font-family: Open Sans, arial;
      line-height: 1.6em;
      font-size: 15px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    body {}
    @media screen and (max-width: 768px) {
     .note-editable.panel-body h1, 
       .text-widget-content h1 {
        font-family: Open Sans;
        line-height: 1.0em;
        font-size: 48px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h2, 
       .text-widget-content h2 {
        font-family: Open Sans;
        line-height: 1.0em;
        font-size: 32px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h3, 
       .text-widget-content h3 {
        font-family: Open Sans;
        line-height: 1.0em;
        font-size: 26px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h4, 
       .text-widget-content h4 {
        font-family: Open Sans;
        line-height: 1.0em;
        font-size: 22px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h5, 
       .text-widget-content h5 {
        font-family: Open Sans;
        line-height: 1.0em;
        font-size: 18px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h6, 
       .text-widget-content h6 {
        font-family: Open Sans;
        line-height: 1.0em;
        font-size: 14px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body li, 
           .text-widget-content li,    
         .note-editable.panel-body p, 
       .text-widget-content p {
        font-family: Open Sans;
        line-height: 1.6em;
        font-size: 14px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body blockquote > p,
           .text-widget-content blockquote > p,
         .note-editable.panel-body blockquote, 
       .text-widget-content blockquote {
        font-family: Open Sans;
        line-height: 1.6em;
        font-size: 14px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

    
      body {}
    }
  

  .page-layout:not(.style-boxed-layout) .grid-content,
  .theme .page-layout:not(.style-boxed-layout) .container,
  .page-layout.header-layout-floating:not(.style-boxed-layout) .main-header-wrapper,
  .page-layout.fixed-header-layout-floating:not(.style-boxed-layout) .fixed-header-wrapper,
  .mega-menu-inner, .megamenu-settings-wrapper {
    max-width: 1100px;
  }

  .style-boxed-layout.page-layout,
  .theme .style-boxed-layout .fixed-header-wrapper, 
  .theme .style-boxed-layout .fixed-header-wrapper.visible,
  #website.theme .fixed-header-layout-floating .fixed-header-wrapper, 
  #website.theme .fixed-header-layout-floating .fixed-header-wrapper.visible
  {
    width: 1100px;
  }
  /*
    #website.theme .header-layout-floating .fixed-header-wrapper, 
    #website.theme .header-layout-floating .fixed-header-wrapper.visible {
      width: 1100px;
    }*/
  /*
    #website.theme .fixed-header-layout-floating .fixed-header-wrapper, 
    #website.theme .fixed-header-layout-floating .fixed-header-wrapper.visible {
      width: calc(1100px - 130px) !important;
  }
  */
  .style-boxed-layout .grid-content,
  .style-boxed-layout .container,
  .style-boxed-layout.header-layout-floating .main-header-wrapper,
  .style-boxed-layout.fixed-header-layout-floating .fixed-header-wrapper {
    max-width: 90%;
  }

  .note-editable.panel-body a,
  .text-widget-content a {
    color: ;
    text-decoration: none;
  }

  .note-editable.panel-body a:hover,
  .text-widget-content a:hover {
    color: ;
    text-decoration: none;
  }

  .theme .page-layout {
    background: #ffffff;
  }

  .theme .primaryColor,
  .theme .highlightColor:hover,
  .theme .smaller .highlightColor:hover,
  .theme .highlightColor.active,
  .portfolio-filter ul li.active a, 
  .portfolio-filter ul li a:hover,
  .portfolio-list-wrapper .image-overlay a:hover,
  .portfolio-widget-item .primaryColor-bg2:hover,
  .tmdp-pagination [data-role]:hover i, .blog-back-btn:hover i,
  .products-filter-style-1 ul li.active a,
  .products-filter-style-1 ul li a:hover,
  .side-filter .products-filter section > ul > li.active > a,
  .side-filter .products-filter section > ul > li:hover > a,
  .side-filter .products-filter section ul li li:hover > a,
  .side-filter .products-filter section ul li li.active > a,
  .has-subcategories div:hover:before,
  .store6 .product-item-description .product-item-price,
  .post-category a,
  .login-question a,
  .promo-code-toggle-btn,
  .steps-nav-wrapper a.active,
  .steps-nav-wrapper a:hover,
  .steps-nav-wrapper a.active:after,
  .box-select h5,
  .quick-view-wrapper .product-body-container .quick-view-title a:hover,
  .theme .view-details-btn,
  .products-filter .search-form button:hover:after,
  .product-characteristics:hover,
  .product-reviews-link:hover,
  .theme .profile-sidebar li:hover a,
  .member-logout-button,
  .plyr--full-ui input[type=range]
  {
    color: #8dcbec !important;
  }

  .cart-table.style-2 .fake-checkbox.checked,
  .cart-table.style-2 .fake-checkbox:hover:before {
    border: 2px solid #8dcbec;
  }

  .theme .active > .website-nav-link {
    color: #8dcbec;
  }

  .theme .primaryColor-bg:hover,
  .tmdp-pagination [data-role="0"],
  .theme .active .primaryColor-bg {
    background-color: #8dcbec;
    border-color: #8dcbec;
  }

  .theme .active .primaryColor-bg,
  .theme .primaryColor-bg:hover,
  .theme .smaller .primaryColor-bg:hover,
  .theme .smaller .active .primaryColor-bg {
    color: #fff !important;
  }

  .theme .signin-button:hover svg,
  .theme .cart-button:hover svg,
  .theme .signin-button.active svg,
  .theme .cart-button.active svg,
  .theme .smaller .signin-button:hover svg,
  .theme .smaller .cart-button:hover svg,
  .theme .smaller .signin-button.active svg,
  .theme .smaller .cart-button.active svg,
  .booking-final-step .booking-name svg {
    fill: #8dcbec;
  }

  .theme .primaryColor-bg2, 
  .top-bar .social-media i,
  .theme .read-more,
  .primary-active.active,
  .primary-hover:hover,
  .blog-comment-form a:hover,
  .theme .buttons-wrapper-outer .primaryColor-bg2,
  .product-main-photo.has-badge:after,
  .live-theme .ui-widget-header,
  nav li a:before,
  .store2 .product-item .product-badge,
  .theme .profile-sidebar li a:after,
  .vertical-menu-styling.design-4 li:after,
  .live-theme-message a,
  .next-step-popup svg,
  .form-field .custom-checkbox input[type=checkbox]:checked + .custom-checkbox-label:before,
  .form-field .custom-checkbox input[type=radio]:checked + .custom-checkbox-label:before,
  .elite-widget ul li.active a:after,
  .elite-tab-call-to-action,
  .cart-title:after,
  .product-tabs li a.active:after,
  .checkout-style-2 .checkout-step.active,
  .live-theme .widget-checkout .checkout-info span .variations-update, 
  .product-info .variations-update,
  .fake-checkbox.checked:before,
  .bump-active .tick-wrapper:before,
  .title-border,
  .theme .manage-link,
  .theme .profile-sidebar li a.active,
  .copy-link-icon,
  .fake-checkbox:hover:before,
  .grid-content-store .product-price .price-discount-tag,
  .variation-wrapper-radio .box-select.active:before,
  .variation-wrapper-check .box-select.active:before,
  .product-photo-list li a.active:after,
  .product-photo-list li a:hover:after,
  .next-step-popup.cart-preview-full-height a,
  .plyr button.plyr__control--overlaid,
  .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true],
  .video-thumb-play,
  .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before,
  .post-upvote-button.active,
  .comment-send,
  .video-bottom-play-area .video-playlist-sidebar-btn-wrapper, .video-direcotry-item-btn-wrapper,
  .next-step-popup.cart-preview-full-height a,
  .circle-layout-2 .circle-sidebar .circle-page-item:hover .circle-icon,
  .circle-layout-2 .circle-sidebar .circle-page-item.active .circle-icon,
  .circle-layout-2 .circle-sidebar .circle-page-item.active .circle-video-play-btn,
  .circle-layout-2 .circle-sidebar .circle-page-item:hover .circle-video-play-btn,
  .directory-filter-nav.style-2 li.active
  {
    background-color: #8dcbec;
  }

  .theme .border-color,
  article blockquote,
  .theme nav li ul,
  .theme .primaryColor-border, 
  blockquote,
  .portfolio-filter ul li.active a,
  .tmdp-pagination [data-role]:hover, .blog-back-btn:hover,
  .theme .profile-sidebar li a.active,
  .products-filter-style-1 ul li.active a,
  .pagination-wrapper li a:hover, .pagination-wrapper li.active a,
  .products-filter-style-2 li.active a,
  .vertical-menu-styling.design-2 li:hover,
  .vertical-menu-styling.design-2 li.active,
  .vertical-menu-styling.design-3 li:hover,
  .vertical-menu-styling.design-3 li.active,
  .form-field .custom-checkbox input[type=checkbox]:checked + .custom-checkbox-label:before,
  .form-field .custom-checkbox input[type=radio]:checked + .custom-checkbox-label:before,
  /*.select-wrapper.style-1 ul li a.active,
  .select-wrapper.style-1 ul li a:hover,
  .select-wrapper.style-2 ul li a.active,
  .select-wrapper.style-2 ul li a:hover,
  .select-wrapper.style-3 ul li a.active,
  .select-wrapper.style-3 ul li a:hover,
  .select-wrapper.style-1 ul li a.active:before,
  .select-wrapper.style-2 ul li a.active:before,
  .select-wrapper.style-3 ul li a.active:before,*/
  .box-select.active, .box-select:hover,
  .circle-select:hover, 
  .circle-select.active, 
  .color-select.active, 
  .color-select:hover,
  .checkout-style-1 .checkout-step.active, 
  .checkout-style-1 .checkout-step:hover,
  .fake-checkbox.checked:before,
  .bump-active .tick-wrapper:before,
  .variation-wrapper-radio .box-select.active:before,
  .variation-wrapper-check .box-select.active:before
  {
    border-color: #8dcbec;
  }

  .theme .header-side-style-1 nav ul li.website-nav-link-highlighted > a,
  .theme .header-side-style-1a nav ul li.website-nav-link-highlighted >a {
    border-color: #8dcbec;
  }

  .checkout-spinner {
    border-color: #8dcbec;
    border-top-color: rgba(0, 0, 0, .2);
    border-right-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
  }

  .tmdp-slides-loading,
  #client-ajax-message,
  #portfolio-popup-content.active-loading, 
  #tmdp-simple-lightbox-content.active-loading,
  .loader.active-loading {
    border-left-color: #8dcbec;
  }

  .posts-list-wrapper .post-title a,
  article .post-meta a, 
  article .post-meta p,
  .portfolio-filter li a,
  .product-item-description h3,
  .product-item-description .product-item-price,
  .breadcrumb li a, .breadcrumb li span,
  .product-body-container h2,
  .product-page-style-image-top .product-price span,
  article .post-meta span,
  .theme .post-title,
  .comments-list .comment-title,
  .blog-tag-cloud a,
  .post-categories,
  .checkout-wrapper h2,
  .checkout-wrapper .cart-labels span,
  .checkout-wrapper .product-info a,
  .checkout-wrapper .cart-container .qty, 
  .checkout-wrapper .cart-container .row-total,
  .checkout-wrapper .subtotal-wrapper span,
  .live-theme .checkout-wrapper .promo-code-toggle-btn,
  .checkout-wrapper .cart-container .row-delete i,
  .product-price span,
  .products-showing span,
  .filter-lane label,
  .products-filter-style-2 li a,
  .product-body-container h1,
  .checkout-wrapper h1,
  .no-items-text
  {
    color: #3e3e3e;
  }

  .tmdp-bullets .tmdp-bullet:hover, 
  .tmdp-bullets .tmdp-bullet.active,
  .side-filter .products-filter ul li a:hover:before,
  .side-filter .products-filter ul li.active > a:before {
    background: #8dcbec !important;
    border-color: #8dcbec !important;
  }

  .theme .highlightBg:hover {
    background: #8dcbec;
    color: #fff !important;
  }

  .theme .theme18 .navigation-wrapper .active > .website-nav-link {
    background: #8dcbec;
    color: #fff;
  }

  .theme .theme18 .navigation-wrapper .active>a:hover {
    color: #fff !important;
  }

  


  /* ===== Global rounded video style ===== */
:root {
  --video-radius: 14px;                  /* tweak once, applies everywhere */
  --video-shadow: 0 8px 20px rgba(0,0,0,.08);
}

/* Direct embeds from common video hosts */
iframe[src*="youtube.com"],
iframe[src*="youtu.be"],
iframe[src*="vimeo.com"],
iframe[src*="player.vimeo.com"],
iframe[src*="loom.com"],
iframe[src*="wistia.com"],
iframe[src*="fast.wistia.net"],
iframe[src*="streamable.com"] {
  border: 0 !important;
  border-radius: var(--video-radius) !important;
  box-shadow: var(--video-shadow);
  overflow: hidden; /* helps some builders clip the rounded corners */
}

/* Native <video> elements (if your builder uses them) */
video {
  border-radius: var(--video-radius);
  box-shadow: var(--video-shadow);
}

/* Common builder wrappers — ensures the iframe is clipped to the radius */
.embed, .video, .video-wrapper, .responsive-video, .video-container,
.w-video, .elementor-video, .et_pb_video_box, .tcb-responsive-video,
.oxy-video, .fl-video, .wp-block-embed__wrapper {
  border-radius: var(--video-radius);
  overflow: hidden;
  box-shadow: var(--video-shadow);
}

/* Inherit the wrapper's radius if present */
.embed iframe, .video iframe, .video-wrapper iframe, .responsive-video iframe,
.video-container iframe, .w-video iframe, .elementor-video iframe,
.et_pb_video_box iframe, .tcb-responsive-video iframe, .oxy-video iframe,
.fl-video iframe, .wp-block-embed__wrapper iframe {
  border-radius: inherit !important;
}

/* ===== Extra root vars if needed elsewhere ===== */
:root {
  --fx-radius: 14px;
  --fx-shadow: 0 8px 20px rgba(0,0,0,.08);
}

/* ===== Exclusions ===== */

/* Specific video (by ID) that should stay square */
#video-widget-1727898669709 iframe {
  border-radius: 0 !important;
  box-shadow: none !important; /* remove shadow too */
}

/* Reusable class — add "no-radius" to any video wrapper to keep it square */
.no-radius iframe {
  border-radius: 0 !important;
  box-shadow: none !important;
}


:root{ --fx-blue:#2a7fff; --fx-grey:#9aa0a6; --fx-black:#000; }

.fx-prog-anchor{ position: relative; }

/* Thermometer bar (50% of widget width, centered) */
.fx-prog-anchor .fx-progress{
  position:absolute; left:50%; transform:translateX(-50%);
  width:50%; height:18px; z-index:1;
  border:2px solid var(--fx-black); border-radius:999px; background:var(--fx-black);
}
.fx-prog-anchor .fx-progress .fx-cavity{
  position:absolute; inset:2px; border-radius:999px; overflow:hidden; background:transparent;
}
.fx-prog-anchor .fx-progress .fx-fill{
  position:absolute; left:0; top:0; bottom:0; width:0%; background:var(--fx-blue);
}

/* Tick beside a STAR (never clickable) */
.fx-prog-anchor .fx-tick-solo{
  position:absolute; font-size:32px; line-height:1; font-weight:800; z-index:2;
  color:var(--fx-grey); -webkit-text-stroke:0.6px currentColor;
  user-select:none; pointer-events:none;
}
.fx-prog-anchor .fx-tick-solo.fx-complete{ color:var(--fx-blue); }

/* Tick when there is NO star: same size, inset 10px from right edge; JS sets exact top */
.fx-prog-anchor .fx-tick-nostar{
  position:absolute; right:10px; z-index:2;
  font-size:32px; line-height:1; font-weight:800;
  color:var(--fx-grey); -webkit-text-stroke:0.6px currentColor;
  user-select:none; pointer-events:none;
  transform:none;
}
.fx-prog-anchor .fx-tick-nostar.fx-complete{ color:var(--fx-blue); }



  /* Ensure tick size/color stay consistent even if DOM moves */
  .fx-tick-solo, .fx-tick-nostar{
    font-size:32px; line-height:1; font-weight:800;
    color:var(--fx-grey); -webkit-text-stroke:0.6px currentColor;
  }
  .fx-tick-solo.fx-complete, .fx-tick-nostar.fx-complete{ color:var(--fx-blue)!important; }



        #header-widget-1750794034042 .shopping-cart:hover .text,
        #header-widget-1750794034042 .shopping-cart:hover i {
          color: rgba(255, 255, 255, 1) !important;
        }

        #header-widget-1750794034042 .shopping-cart:hover .store-cart-button svg {
          fill: rgba(255, 255, 255, 1) !important;
        }

        #header-widget-1750794034042 .shopping-cart .store-cart-button svg {
          fill: rgba(255, 255, 255, 1) !important;
        }
      


        #header-widget-1751200542583 .shopping-cart:hover .text,
        #header-widget-1751200542583 .shopping-cart:hover i {
          color: rgba(255, 255, 255, 1) !important;
        }

        #header-widget-1751200542583 .shopping-cart:hover .store-cart-button svg {
          fill: rgba(255, 255, 255, 1) !important;
        }

        #header-widget-1751200542583 .shopping-cart .store-cart-button svg {
          fill: rgba(255, 255, 255, 1) !important;
        }
      


  /* Star looks exactly like your original */
  .star-button{
    background:none !important;
    border:none !important;
    font-size:32px !important;
    line-height:1 !important;
    color:grey !important;
    cursor:pointer !important;
    transition:color .2s ease !important;
    float:right;
    margin-left:8px;
  }
  .star-button.favourited{ color:gold !important; }