/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.crt-load-more-container {
  display: none;
}

.splide__toggle.is-active {
  display: none !important;
}

.fancybox-button--arrow_right, .fancybox-button--arrow_left {
  padding: 0 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: rgba(242, 244, 248, 0.7) !important;
}

.fancybox-button:hover {
  background: rgba(213, 80, 72, 0.9) !important;
}

.fancybox-button--arrow_right>div {
  width: 6px;
  height 18px !important;  
  margin: auto;
  color: rgb(44, 47, 52);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='currentColor'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
  color: red !important;
}

.fancybox-button--arrow_left>div {
  width: 6px;
  height 18px !important;  
  margin: auto;
  color: rgb(44, 47, 52);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='currentColor'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z'/%3E%3C/svg%3E");
}

.fancybox-button--arrow_right:hover>div {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='white'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
}

.fancybox-button--arrow_left:hover>div {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='white'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z'/%3E%3C/svg%3E");
}

a {
  font-size: 20px !important;
  color: #af1136;
}

a:hover {
  color: #af1136;
}
p {
  font-size: 20px !important;
  margin-bottom: 20px !important;
}
h3 {
  font-weight: 500;
  font-size: 36px;
  margin-bottom: 20px !important;
}
.blog-post h2 {
  font-size: 30px;
  padding-bottom: 20px !important;
}
.rich-text-title {
  text-align: left !important;
}
.special-header {
  font-size: 30px !important; 
  text-align: center;
  margin-bottom: 20px;
}
.form-title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1; 
}
.footer-big-text {
  font-weight: 400 !important;
  font-size: 30px !important;
  margin-bottom: 20px !important;
  line-height: normal !important;
}
.quote-text {
  font-size: 24px !important;
  margin-bottom: 30px !important;
}
.quote-source {
  font-size: 14px !important;
}

.video-heading p {
  color: white;
  margin-left: -10px;
  font-size: 24px !important;
}

/*.default-button {
  margin-top: 80px;
  display: flex;
  padding-left: var(--spacing-medium-s);
  padding-right: var(--spacing-medium-s);
  padding-top: var(--spacing-medium-s);
  padding-bottom: var(--spacing-medium-s);
  background: black;
  color: white;
  text-transform: uppercase;
  font-size: 14px !important;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  line-height: 22.5px;
}*/

.default-button > img {
  width: 16px;
  margin-left: 32px;
}

@media (max-width: 1024px) {
    .ml-sm-medium-s, .row-fluid-wrapper.dnd-section--custom.ml-sm-medium-s, .row-fluid-wrapper.section-modal-box.ml-sm-medium-s {
        margin-left: var(--spacing-medium-s) !important;
        margin-right: var(--spacing-medium-s) !important;
    }
}


.legal-consent-container {
  margin-top: 24px;
}

/*****************************************/
/* Blog POST   */
/*****************************************/
.blog-post__col-post {
  margin: auto;
}

/*****************************************/
/* Footer FORM   */
/*****************************************/

  .hs-button.primary.large {
    margin-top: 24px;
    position: relative; /* Ensures the element is positioned properly */
    background-color: #000000; /* Button background color */
    color: #ffffff; /* Text color */
    font-size: var(--button-text-font-size); /* Font size */
    text-transform: capitalize; /* Capitalize the button text */
    white-space: nowrap; /* Prevent text wrapping */
    padding-left: var(--spacing-medium-s);
    padding-right: 64px;
    padding-top: var(--spacing-medium-s);
    padding-bottom: var(--spacing-medium-s);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.634' height='13.605' viewBox='0 0 15.634 13.605'%3E%3Cg id='Group_176' data-name='Group 176' transform='translate(-265.661 -604.559)'%3E%3Cpath id='Path_17' data-name='Path 17' d='M599.2,619.274l6.449,6.449-6.449,6.449' transform='translate(-324.852 -14.361)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M600.45,625.723H585.316' transform='translate(-319.655 -14.301)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; /* Prevent tiling of the background image */
    background-position: calc(100% - 24px) center; /* Position the icon to the right */
    background-size: 20px 16px; /* Set the size of the icon */
    letter-spacing: 1.6px; /* Adjust letter spacing */
  }
  .hs-button.primary.large:hover {
    background-color: var(--color-text-highlight); /* Button background color */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.634' height='13.605' viewBox='0 0 15.634 13.605'%3E%3Cg id='Group_176' data-name='Group 176' transform='translate(-265.661 -604.559)'%3E%3Cpath id='Path_17' data-name='Path 17' d='M599.2,619.274l6.449,6.449-6.449,6.449' transform='translate(-324.852 -14.361)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M600.45,625.723H585.316' transform='translate(-319.655 -14.301)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; /* Prevent tiling of the background image */
    background-position: calc(100% - 24px) center; /* Position the icon to the right */
    background-size: 20px 16px; /* Set the size of the icon */
  }
  .hs-button.primary.large:active {
    background-color: var(--color-text-highlight); /* Button background color */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.634' height='13.605' viewBox='0 0 15.634 13.605'%3E%3Cg id='Group_176' data-name='Group 176' transform='translate(-265.661 -604.559)'%3E%3Cpath id='Path_17' data-name='Path 17' d='M599.2,619.274l6.449,6.449-6.449,6.449' transform='translate(-324.852 -14.361)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M600.45,625.723H585.316' transform='translate(-319.655 -14.301)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; /* Prevent tiling of the background image */
    background-position: calc(100% - 24px) center; /* Position the icon to the right */
    background-size: 20px 16px; /* Set the size of the icon */
  }
  .hs-button.primary.large:focus {
    background-color: var(--color-text-highlight); /* Button background color */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.634' height='13.605' viewBox='0 0 15.634 13.605'%3E%3Cg id='Group_176' data-name='Group 176' transform='translate(-265.661 -604.559)'%3E%3Cpath id='Path_17' data-name='Path 17' d='M599.2,619.274l6.449,6.449-6.449,6.449' transform='translate(-324.852 -14.361)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M600.45,625.723H585.316' transform='translate(-319.655 -14.301)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; /* Prevent tiling of the background image */
    background-position: calc(100% - 24px) center; /* Position the icon to the right */
    background-size: 20px 16px; /* Set the size of the icon */
  }

  form .legal-consent-container, form .hs-form-field {
    margin-bottom: 0 !important;
  }

/*   .hs-error-msgs {
    display: none;
  } */
  .hs-form-required {
    color: rgb(255, 255, 255, 0.5);
  }
  .hs-form-field {
    width: 100%;
  }
  #curator-feed-default-feed-layout {
    padding-bottom: 0 !important;
  }
  .crt-widget.crt-widget-branded .crt-logo {
    display:none !important;
  }

/* Buttons for carousel | First page */
.splide__pagination__page {
  border-radius: unset !important;
}

.article-link {
  color: white !important;
  text-decoration: none !important;
}

.article-link > span > img {
  width: 16px !important;
  margin-left: 10px;
  display: none !important;
}

.article-link > span {
    display: flex;
    align-items: center;
}

.article-link > span {
  text-decoration: none !important;
  padding-right: 50px;
  display: flex;
  align-items: center;
  color: #ffffff; /* Text color */
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.634' height='13.605' viewBox='0 0 15.634 13.605'%3E%3Cg id='Group_176' data-name='Group 176' transform='translate(-265.661 -604.559)'%3E%3Cpath id='Path_17' data-name='Path 17' d='M599.2,619.274l6.449,6.449-6.449,6.449' transform='translate(-324.852 -14.361)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M600.45,625.723H585.316' transform='translate(-319.655 -14.301)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat; /* Prevent tiling of the background image */
  background-position: 160px; /* Position the icon to the right */
  background-size: 16px 14px; /* Set the size of the icon */
}

.article-link > span:hover {
    color: #af1136;
    background-position: 160px; /* Position the icon to the right */
    background-size: 16px 14px; /* Set the size of the icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.4'%3E%3Cpath stroke='%23af1136' stroke-linejoin='round' fill='none' d='M9.4,1.4l6.4,6.4-6.4,6.4'/%3E%3Cpath stroke='%23af1136' fill='none' d='M15.9,7.9H0.7'/%3E%3C/svg%3E");
}

.blog-post__row {
  justify-content: center;
}

.media-reas-more-button {
  text-transform: uppercase;
  color: black !important; 
  text-decoration: none !important;
  padding-right: 50px;
  display: flex;
  align-items: center;
  
  color: #ffffff; /* Text color */
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.4'%3E%3Cpath stroke='%23000000' stroke-linejoin='round' fill='none' d='M9.4,1.4l6.4,6.4-6.4,6.4'/%3E%3Cpath stroke='%23000000' fill='none' d='M15.9,7.9H0.7'/%3E%3C/svg%3E");
  background-repeat: no-repeat; /* Prevent tiling of the background image */
  background-position: 132px; /* Position the icon to the right */
  background-size: 16px 14px; /* Set the size of the icon */
}

.media-reas-more-button img {
  margin-left: 16px;
  width: 16px;
  display: none;
}

.media-reas-more-button:hover {
  color: var(--color-brand) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.4'%3E%3Cpath stroke='%23af1136' stroke-linejoin='round' fill='none' d='M9.4,1.4l6.4,6.4-6.4,6.4'/%3E%3Cpath stroke='%23af1136' fill='none' d='M15.9,7.9H0.7'/%3E%3C/svg%3E");
}

.vpp-prediction {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.why-pegasus ul {
  width: fit-content;
  margin: auto;
}

.why-pegasus li {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 24px;
  margin-bottom: 36px;
}

.why-pegasus li:last-of-type {
  padding-top: 36px;
  font-size: 30px;
  font-weight: 500;
}

.why-pegasus li img {
  max-width: 30px;
  margin-right: 30px;
}

.why-pegasus>.video {
  margin-top: 80px !important;
}
/* Brokerage listing ------------------------------------------------ */
.brokerage-wrapper {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(250px, calc(100% / 2 - 1px)));
    gap: 2px;
    row-gap: 2px;
}
.listing {
   position: relative;
   width: 100%;
   margin: auto;
   overflow: hidden;
   border-radius: 0;
   aspect-ratio: 48 / 31;
}

.listing img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 48 / 31;
}

.brokerage-overlay {
  padding: 30px 40px;
  align-items: flex-start;
  justify-content: flex-end; 
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.read-more {
  display: flex;
  margin-top: 30px;
  color: black;
  font-size: 14px;
  color: #af1136;
  text-decoration: none !important;
}

.read-more img {
  margin-left: 14px;
  width: 16px;
}

.brokerage-title {
  font-size: 30px;
  font-weight: 500;
  color: white;
}

.brokerage-description {
  margin-top: 10px;
  line-height: normal;
  font-size: 20px;
  font-weight: 300;
  color: white;
  display: flex;
  flex-direction: column;
}

.post-tag {
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: uppercase; 
  color: #af1136 !important;
  text-decoration: none !important;
}

.listing-description {
  display: flex;
  flex-direction: column;
}

/* FORM COMPONENT ---------------------------------------------------------------------------------> */
form>.field {
  margin-top: 24px;
}

@media (max-width: 1800px) {
  a {
    font-size: 16px !important;
  }
  p {
    font-size: 16px !important;
    margin-bottom: 24px !important;
  }

  h3 {
    font-size: 20px !important;
    margin-bottom: 16px !important;
  }
  /*.footer-big-text {
    font-size: 20px !important;
    margin-bottom: 16px !important;
  }*/
  .quote-text {
    font-size: 16px !important;
    line-height: 20px !important;
    font-size: 16px !important;
  }
  .button {
    font-size: 14px !important;
    padding-bottom: var(--spacing-small-xl) !important;
    padding-top: var(--spacing-small-xl) !important;
    padding-right: var(--spacing-small-xl) !important;
    padding-left: var(--spacing-small-xl) !important;
  }
  .hs-button.primary.large {
    font-size: 14px !important;
    background-position: calc(100% - var(--spacing-medium-s)) center; /* Position the icon to the right */
    padding-right: var(--spacing-large-l);
    padding-bottom: var(--spacing-small-xl) !important;
    padding-top: var(--spacing-small-xl) !important;
    padding-left: var(--spacing-small-xl) !important;
  }
    .hs-button.primary.large:hover {
    font-size: 14px !important;
    background-position: calc(100% - var(--spacing-medium-s)) center; /* Position the icon to the right */
  }
  .hs-button.primary.large:active {
    font-size: 14px !important;
    background-position: calc(100% - var(--spacing-medium-s)) center; /* Position the icon to the right */
  }
  .hs-button.primary.large:focus {
    font-size: 14px !important;
    background-position: calc(100% - var(--spacing-medium-s)) center; /* Position the icon to the right */
  }
}

@media (max-width: 1294px) {
  p {
    font-size: 14px !important;
    margin-bottom: 20px !important;
  }
  a {
    font-size: 14px !important;
  }

  h3 {
    font-size: 18px !important;
    margin-bottom: 14px !important;
  }
  .footer-big-text {
    font-size: 18px !important;
    margin-bottom: 14px !important;
  }
  .quote-text {
      font-size: 16px !important;
      line-height: 20px !important;
      font-size: 16px !important;
    }
}

.span6 .widget-span .widget-type-cell {
  width: 100% !important;
}

.technical-data-section>a {
  text-decoration: none !important;
}

/*****************************************/
/* BUTTONS   */
/*****************************************/

.gallery-button {
    margin-top: 16px;
    border: solid 1px #fff;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 14px;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    max-width: fit-content;
    padding-left: var(--spacing-medium-s);
    padding-right: var(--spacing-medium-s);
    padding-top: var(--spacing-medium-s);
    padding-bottom: var(--spacing-medium-s);
}

.gallery-button:hover {
    background-color: #af1136 !important;
    border: solid 1px #af1136;
}

.gallery-button img {
    width: 16px;
    margin-left: 32px;
}

.learn-more-btn {
   border: solid 1px transparent;
   line-height: 24px !important;
   margin-top: 80px;
   display: flex;
   align-items: center;
   padding-left: var(--spacing-medium-s);
   padding-right: var(--spacing-medium-s);
   padding-top: var(--spacing-medium-s);
   padding-bottom: var(--spacing-medium-s);
   background: black;
   color: white;
   text-transform: uppercase;
   font-size: 14px;
   text-decoration: none !important;
   cursor: pointer;
   max-width: fit-content;
   transition: 0.3s;
}

.learn-more-btn:hover,
.learn-more-btn:active,
.learn-more-btn:focus {
  color: white;
  background-color: #af1136 !important;
}

.accordion-text-plus-image .learn-more-btn img {
  width: 16px;
  margin-left: 32px;
}

.tehnical-spec-btn {
  margin-top: var(--spacing-medium-l);
  font-size: 16px;  
  line-height: var(--button-text-line-height);
  padding-left: var(--spacing-medium-s);
  padding-right: var(--spacing-medium-s);
  padding-top: var(--spacing-medium-s);
  padding-bottom: var(--spacing-medium-s);
}

.tehnical-spec-btn-mobile {
  font-size: 14px;
  display: none;
  margin: auto !important;
  font-size: 14px !important;
  padding-bottom: var(--spacing-small-xl) !important;
  padding-top: var(--spacing-small-xl) !important;
  padding-right: var(--spacing-small-xl) !important;
  padding-left: var(--spacing-small-xl) !important;
}

@media (min-width: 1024px) {
  .row-fluid .span6 {
    width: 50% !important;
  }
}

@media (max-width: 1024px) {
  .vpp-prediction {
    flex-direction: column;
  }
  .vpp-prediction img {
    width: 100%;
    margin-bottom: 20px;
  }
  .hs-button.primary.large {
    /*font-size: 10px;*/
  }
  .tehnical-spec-btn {
    display: none;
  }
  .learn-more-btn,
  .gallery-button {
    line-height: 21px !important;
    padding-bottom: var(--spacing-small-xl) !important;
    padding-top: var(--spacing-small-xl) !important;
    padding-right: var(--spacing-small-xl) !important;
    padding-left: var(--spacing-small-xl) !important;
  }
  .tehnical-spec-btn-mobile {
    display: flex;
    align-items: center;
  }
  .blog-post h2 {
    font-size: 24px;
    padding-bottom: 16px !important;
  }
  .blog-overview-list>li {
    line-height: 1.4rem !important;
  }
  .blog-overview-list>li>a {
    font-size: 16px !important;
  }
  .video-heading p {
    margin-left: 10px;
    font-size: 20px !important;
  }
  .video-pop-up {
    padding-left: 10px;
    padding-right: 10px;
  }
  .special-header {
    font-size: 24px; 
    text-align: center;
  }
  .form-title {
    font-size: 30px;
  }
  .why-pegasus li {
    font-size: 20px;
  }

  .why-pegasus li:last-of-type {
    font-size: 24px;
  }

  .why-pegasus li img {
    max-width: 24px;
    margin-right: 24px;
  }
  
  .why-pegasus>.video {
    margin-top: 30px !important;
  }
  
  .post-overlay- {
    padding: 10px 14px;
  }
  
  .brokerage-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(250px, calc(100% / 1 ))) !important;
  }
  
  .read-more} {
    margin-top: 10px;
    font-size: 12px;
    text-decoration: none !important;
  }

  .brokerage-title {
    font-size: 18px;
  }

  .brokerage-description {
    font-size: 14px;
  }
}

.button {
    padding: 18px 20px !important;
    font-size: 15px;
}



@media (min-width: 767px) {
  .row-fluid .span6 {
    width: 100% !important;
  }
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: unset;
  }
}

@media (max-width: 1024px) {
  .row-fluid .span6 {
    width: 100% !important;
  }
  .row-fluid {
    flex-wrap: wrap;
    justify-content: unset;
  }
}

.splide__pagination__page.is-active {
  background-color:  blue !important;
  background:  blue !important;
}
.splide__pagination__page {
  width: 44px !important;
  height: 4px !important;
  border-radius: unset;

}

.hs-responsive-embed-wrapper {
  max-width: 100% !important;
  max-height: unset !important;
  overflow: hidden !important;
}

.row-number-1 {
  padding-bottom: 0 !important;
}

.row-number-1 > .row-fluid {
  max-width: unset !important;
}

/*   .divider__line {
    border-color: unset !important
} */


.hs-responsive-embed-wrapper .hs-responsive-embed-inner-wrapper{
    padding-bottom: 52.8% !important;
  }
  .page-url {
    margin-bottom: 20px !important;
  }

  .page-url2 {
    margin-bottom: 40px !important;
  }

  @media (max-width: 1124px) {
    .hero-title-button {
      display: none !important;
    }
  }

  @media (min-width: 767px) {
    .row-number-92 > .row-fluid > .span5 {
      width: 45% !important;
    }
    .row-number-92 > .row-fluid > .span4 {
      width: 45% !important;
      padding-right: 2px !important;
    }
    .row-number-92 > .row-fluid > .span8 {
      width: calc(58.33% - var(--column-gap)* .4166);
    }
  }

  @media (max-width: 767px) {
    .custom-image {
      margin-right: 0px !important;
    }
  }

/*****************************************/
/* Header styles   */
/*****************************************/
header {
  background: linear-gradient(to bottom, black, transparent) !important;
  position: absolute;
}

.header--sticky-active {
    height: 100px !important;
    background: #000 !important;
  }
  .header--sticky-active .header__logo img {
    max-width: 100px !important;
  }

  header .header__row .header__navigation.header__element {
    margin-right: 0 !important;
  }

@media (min-width: 1200px) {
  header .header__column {
  border-bottom: 1px solid rgb(255,255,255,0.35)}
}

/*****************************************/
/* Footer styles   */
/*****************************************/

  footer .footer__main .rich-text a:hover span {
    color: var(--color-text-highlight) !important;
  }

  .footer__main p {
    margin-bottom: 0 !important;
  }
  .footer__main .divider__line {
    border-color: unset !important;
  }
  
  .footer__main .smaller-h2 {
    margin-bottom: 8px !important;
    font-size: 26px;
    font-weight: 600;
    
  }
  @media screen and (max-width: 1352px) {
    .footer__main {
      max-width: 100% !important;
      padding: 0 15px;
    }
  }
.footer__bottom {
    border-top: none !important;
    max-width: 1322px;
    margin: auto;
  }
  .footer__main {
    max-width: 1322px;
    margin: auto;
  }
  .footer__main form {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-items: flex-start;
    align-items: flex-end;
    gap: 23px;
  }

  @media (max-width: 558px) {
    .footer__main form {
      flex-direction: column !important;
      align-items: flex-start;
    }
    .footer__main form input:not([type="submit"]) {
      width: 100%;
      min-width: 80vw;
    }

  }

  .footer__main form input {
    border-radius: 0 !important;
    border: 1px solid #FFFFFF !important;
    background-color: rgb(255, 255, 255, 0.15);
    width: 100%;
    height: 62px;
    color: #FFFFFF !important;
  }

  .footer__main form input:hover {
    border-radius: 0 !important;
    border: 1px solid #FFFFFF !important;
    background-color: rgb(255, 255, 255, 0.15);
    width: 100%;
    height: 62px;
    color: #FFFFFF !important;

  }

  .footer__main form label {
    color: rgb(255, 255, 255, 0.5);
    font-size: 13px;
    text-transform: capitalize;
  }
  .footer__main form input[type="submit"] {
    background-color: #000000;
    font-size: 13px;
    text-transform: capitalize;
    white-space: nowrap;
    height: 62px;
    padding-right: 30px;

  }

  .footer__main .form {
    display: block;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }

  .footer__main .form .form-title {
    margin: 0 !important;
  }

  .footer__main .footer-links-list {
    display: flex;
    flex-direction: row;
    gap: 10px 62px;
    list-style: none;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    white-space: nowrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 10px;
  }

@media (max-width: 800px) {
  .footer__main .footer-links-list {
    display: flex;
    flex-direction: row;
    gap: 5px 20px;|
  }
}


.footer__main .hs-form .hs_submit .actions .hs-button.primary {
  font-size: 13px !important;
	padding: 20px 48px 20px 23px !important;
	background-position: calc(100% - 15px) center !important;
}

.footer__main .hs-form .hs_submit .actions .hs-button.primary:hover {
    background-color: var(--color-text-highlight) !important;
    border-color:  var(--color-text-highlight) !important;
  }

.slick-slide>div:empty {
  display: none !important;
} 

.accordion {
  background-color: transparent !important;
}


/* 404 */

.error-page {
  display: flex;
  align-items: center;
  justify-items: center;
}

.error-page .navigate-back-btn {
  display: flex;
  padding: 16px !important;
  background-color: #000;
  justify-content: center;
  align-items: center;
  border: 0;
  cursor: pointer;
  color: var(--color-text-on-primary);
  text-align: center;
  text-decoration: none;
}

.error-page .navigate-back-btn:hover {
  color: var(--color-text-on-primary);
  background: var(--color-brand);
  border-color: var(--color-brand);
}

.error-page .navigate-back-btn>svg {
  height: 20px;
}

.error-page .navigate-back-btn:hover>svg {
  fill: #fff;
}

.dnd-section:has(.product-anchor-bar) {
  transition: top 0.3s ease-in-out;
  z-index: 1000;
  position: sticky;
  top: 0;
}

.sticky-to-header {
  top: 100px !important; /* Moves smoothly below the header */
}

.error-page {
    background-image: url('https://pegasus-yachts.com/hs-fs/hubfs/whale.jpg'); /* Replace with your image URL */
    background-size: cover; /* Ensures the entire image is visible */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents repeating */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.error-page .content-wrapper{
  flex-direction: column;
  height: unset;
  color: white;
  text-align: center;
}

.error-page .content-wrapper h1{
  margin: 0;
}

.error-back-btn {
  margin-top: 40px !important;   
}

.error-back-btn img {
    width: 16px;
    margin-left: 32px;
}

/* [id] {
  scroll-margin-top: 100px; 
} */