/* Subpage styles - Reset main */

h1 {
  font-size: 2.5rem!important;
  font-weight: 600!important;
  letter-spacing: -0.025em!important;
  margin-bottom: 15px!important;
  text-align:left!important;
}

h2 {
  font-size: 1.75rem;
  margin-bottom: 10px;
}

h3 {
  font-size: 1.25rem;
  margin-bottom: 10px;
}

h4 {
	font-size: 1rem;
  margin-bottom: 8px;
}

ul, ol {
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0 0 1.4rem 2rem;
}

li {
  margin-bottom: 0.625rem;
}

strong {
  font-weight:600;
}

hr {
  border-color:#DEE2E6;
}

blockquote {
  border-left: 5px solid;
  color: #495058;
  margin: 0 0 1.4rem;
  padding-left: 2rem;
  border-color: #F8AB41;
}

blockquote p {
  color: #495058;
}

.nav-container .nav-menu {
  margin-top: 8px;
}

.subpage-container {
  margin: 80px auto;
 /* max-width: 1160px;*/
}

.card {
    background-color: #ffffff;
    border: 1px solid #E2E8F0;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    transition: transform 0.3s ease;
    margin-bottom: 20px;
}

  .card:hover {
      transform: translateY(-4px);
  }

  .card img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
  }

[data-hsfc-id=Renderer] .hsfc-TextInput {
  transition: all .3s ease;
}

  [data-hsfc-id=Renderer] .hsfc-TextInput:focus {
    border-color: var(--color-primary-accent);
  }

/* Subpage Platform Overriders */
.site-header-no-sticky {
  background-color: var(--color-primary-background);
  position: relative;
}

.platform-section .section-header {
  margin-bottom: 30px;
}

.subpage-platform {
  background: var(--color-primary-background);
  padding: 5rem 0 2rem 0;
}

 .subpage-platform h2 {
   color: #fff;
   margin: auto;
   font-size: 36px;
   line-height: 1.4;
}

.subpage-platform .features-grid {
  margin-bottom: 0;
  gap: 1.5rem;
}

.subpage-platform .feature-card {
  padding: 25px;
  line-height: 1.4;
}

.subpage-platform .feature-card h3 {
  font-size: 22px;
  margin-bottom: 8px;
}

/* CSS Grid Columns and Helpers */
.grid-container {
  display: grid;
  max-width: 1200px;
  margin: auto;
}

.grid-container.two-cols {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  }

  .grid-container.two-cols.width-80-15 {
    grid-template-columns: 80% 15%;
    gap: 5%;
  }

  .grid-container.two-cols.width-25-70 {
    grid-template-columns: 25% 70%;
    gap: 5%;
  }

.grid-container.three-cols {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  }

.grid-container.four-cols {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  }

.grid-container.five-cols {
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  }

.grid-container.six-cols {
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  }

  .grid-container .grid-item {
    min-height: 120px;
  }

.width-full {
  width: 100%;
}

.background-purple {
  background: var(--color-primary-background);
  color: #fff;
}

.background-gray {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  border-top: 1px solid #e2e8f0;
}
  
.margin-tb-50-auto {
  margin: 50px auto;
}

.margin-tb-100-auto {
  margin: 100px auto;
}

.margin-tb-150-auto {
  margin: 150px auto;
}

.width-700 {
  max-width: 700px;
}

.width-1000 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
}

.width-1100 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px;
}

.width-1200 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

/* Two Row Landing Page Template */
.logo-only .nav-container {
  padding-top: 45px;
  }

.logo-only .logo {
  flex: none;
  margin: auto;
  z-index: 5;
}

  .logo-only .logo svg {
    height:25px;
  }

.subpage-headline {
  background-color: var(--color-primary-background);
  color: #fff;
  text-align:center;
  padding-bottom: 65px;
}

    .subpage-headline h1 {
      font-size: 60px!important;
      max-width: 715px;
      margin: auto;
      margin-bottom: 0 !important;
      text-align: center!important;
      font-weight: 600!important;
      position: relative;
      z-index: 5;
    }

.subpage-anchors {
  background-color: var(--color-primary-background);
  color: #fff;
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  text-align: center;
  height:500px;
  position: relative;
  z-index: 1;
}

  .subpage-anchors h2, .subpage-anchors p {
    width: 50%;
    margin: auto;
  }

  .subpage-anchors h2 {
    font-size: 32px;
  }

  .subpage-anchors p {
    font-size: 18px;
  }

  .subpage-anchors .sub-header {
    font-size: 16px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
  }

  .subpage-anchors .btn-secondary {
    color: #fff;
    border-color: #fff;
    margin-top: 20px;
    padding: 5px 15px;
  }

    .subpage-anchors .btn-secondary:hover {
      background: var(--color-primary-accent);
      border-color: var(--color-primary-accent);
    }

.subpage-anchor1, .subpage-anchor2 {
  flex: 1;
  min-width: 50%;
  padding: 50px;
  transition: all .3s ease;
  position: relative;
  height: 500px;
}

  .subpage-anchor1:hover, .subpage-anchor2:hover {
    transform: translateY(-5px);
  }

  .subpage-anchors .bg-container {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    align-items: center;
    display: flex;
    transition: all .3s ease;
    border: 2px solid var(--color-primary-background);
  }

  .subpage-anchor1 .bg-container::before, .subpage-anchor2 .bg-container::before  {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background-size: cover;
    background-position: center;
    filter: blur(5px);
    z-index: 2;
    transition: all .3s ease;
  }

    .subpage-anchor1 .bg-container::before {
      background-image: url('https://seekmaro.com/hubfs/website/landing-pages/background-vegas2025-anchor1-v2-min.jpg');
      opacity: .5;
    }

    .subpage-anchor2 .bg-container::before {
      background-image: url('https://seekmaro.com/hubfs/website/landing-pages/background-vegas2025-anchor2-min.jpg');
    }

  .subpage-anchor1 .bg-container::after, .subpage-anchor2 .bg-container::after {
    transition: all .3s ease;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(17, 5, 40, .7);
    z-index: 3;
    }

  .subpage-anchor2 .bg-container::after {
    background-color: rgba(17, 5, 40, .85);
   }

      .subpage-anchors .bg-container:hover::before {
        filter: blur(1px);
      }

      .subpage-anchors .bg-container:hover::after {
        background-color: rgba(17, 5, 40, .4);
      }

      .subpage-anchor2 .bg-container:hover::after {
        background-color: rgba(17, 5, 40, .65);
       }
  .subpage-anchor1 .content, .subpage-anchor2 .content {
    position: relative;
    z-index: 4;
  }

/* Subpage About Page */

.about-page h2 {
  font-weight: 42px;
}

.about-intro .grid-container.two-cols {
  gap: 120px;
}

.about-intro .grid-container:first-child {
  margin-bottom: 150px;
}

.about-intro img {
  max-width: 550px;
}

.company-news h2 {
  margin-bottom: 20px;
  font-size: 32px;
}

.company-news h3 {
 font-size: 18px;
  border-bottom: 0;
}

.company-news .grid-container {
  padding: 10px 0;
  border-bottom: 1px solid #E2E8F0;
  max-width: 1000px;
}

.company-news .grid-item {
  padding-top: 5px;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.company-news i {
  color: #90a1b9;
  display:inline-block;
  margin-right:10px;
}

/* Subpage Demo Section */
  .section-demo {
    margin: 80px auto 0 auto;
  }

  .section-demo .dnd_area-row-0-max-width-section-centering > .row-fluid {
    gap: 6rem;
  }

  [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content>:last-child, [data-hsfc-id=Renderer] .hsfc-NavigationRow {
      margin-top: 0;
  }

  .section-demo .dnd_area-row-1-background-layers {
    border-top: 1px solid #E2E8F0;
  }

/* Subpage Carousel Styles */
.slider__container {
  box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
  margin: 0 auto;
  max-width: 800px;
  border: 1px solid #e4e8ed;
  border-radius: 12px;
  width: 800px;
}

.splide__slide--image {
  border-radius: 12px!important;
}

.splide__controls {
  display: none!important;
  visibility: hidden;
}

/* Subpage - Full Width - Red Rock Retreat */

.subpage-section-bottom {
  /*background: #f8fafc;*/
  border-bottom: 1px solid #e2e8f0;
  border-top: 1px solid #e2e8f0;
  padding: 100px 0;
  position: relative;
  min-height: 850px;
  background: 
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(255, 255, 255, 0.9) 20%,
      rgba(255, 255, 255, 0.8) 40%,
      rgba(255, 255, 255, 0.7) 60%,
      rgba(255, 255, 255, 0.6) 80%,
      rgba(255, 255, 255, 0.5) 100%
    ),
    url('https://seekmaro.com/hubfs/website/landing-pages/background-bottom-section-v2-min.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.redrock-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.redrock-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.redrock-left, .redrock-right {
  position:relative;
  min-height: 550px;
}
  .redrock-left .photo {
    position: absolute;
    height:300px;
    border-radius: 12px;
    border:10px solid #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
  }

  .redrock-left .photo1 {
    top:120px; left:210px;
    transform: rotate(15deg);
    z-index: 5;
  }

  .redrock-left .photo2 {
    top:0px; left:100px;
    transform: rotate(-2deg);
    z-index: 4;
  }

  .redrock-left .photo3 {
    top:250px; left:0;
    transform: rotate(-25deg);
    z-index: 5;
  }

  .redrock-right h2 {
    font-size: 42px;
    max-width: 60%;
  }

  .redrock-right p {
    font-size: 18px;
    line-height: 1.4;
  }
    
  .redrock-right .content1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    align-items: center;
   }

    .redrock-right .content1 img {
      height: 100px;
      margin: auto;
    }

  .redrock-right .content2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
   }

  .redrock-right h3 {
    font-size: 32px;
    margin: 30px 0 15px 0;
  }

  .redrock-content .card {
    border-radius: 12px;
    backdrop-filter: blur(3px);
    background: rgba(255,255,255,.3);
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    color: var(--color-primary-text);
    transition: all 0.3s ease;
    min-height: 175px;
    text-align: center;
  }
    
    .redrock-content .card p {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.3;
      margin: 0;
    }

    .redrock-right .content2 .card {
      min-height: 75px;
    }
    
    .redrock-content .card .reserve-btn {
      background-color: var(--color-primary-accent);
      border-radius: 6px;
      border:0;
      color: #fff;
      font-weight: 600;
      cursor: pointer;
      transition: all .3s ease;
      padding: 4px 10px;
      margin-top: 10px;
    }

    .redrock-content .card .reserve-btn:hover {
      background-color: #e09a2a;
      box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
      color: var(--color-primary-text);
      transform: translateY(-3px);
    }


#hs_form_target_widget_1752545597186-2032246602867-li-r0 {
  margin-bottom: 0;
}

/* CSS Background Animation Rainbow */
.subpage-header-container {
  position: relative;
  overflow: hidden;
} 

.rainbow {
  height: 100vh;
  width: 0;
  top: 0;
  position: absolute;
  transform: rotate(10deg);
  transform-origin: top right;
  z-index: 0;
}

.rainbow:nth-child(1) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(255, 20, 147, 0.1), 130px 0 80px 40px #100228;
  animation: 431s linear infinite slide;
  animation-delay: -18s;
}

.rainbow:nth-child(2) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(34, 197, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 412s linear infinite slide;
  animation-delay: -36s;
}

.rainbow:nth-child(3) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(255, 20, 147, 0.1), 0 0 50px 25px rgba(139, 69, 255, 0.1), 50px 0 50px 25px rgba(34, 197, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 393s linear infinite slide;
  animation-delay: -54s;
}

.rainbow:nth-child(4) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(34, 197, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 374s linear infinite slide;
  animation-delay: -72s;
}

.rainbow:nth-child(5) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(34, 197, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 355s linear infinite slide;
  animation-delay: -90s;
}

.rainbow:nth-child(6) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(255, 20, 147, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 336s linear infinite slide;
  animation-delay: -108s;
}

.rainbow:nth-child(7) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(255, 20, 147, 0.1), 130px 0 80px 40px #100228;
  animation: 317s linear infinite slide;
  animation-delay: -126s;
}

.rainbow:nth-child(8) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(34, 197, 255, 0.1), 0 0 50px 25px rgba(139, 69, 255, 0.1), 50px 0 50px 25px rgba(255, 20, 147, 0.1), 130px 0 80px 40px #100228;
  animation: 298s linear infinite slide;
  animation-delay: -144s;
}

.rainbow:nth-child(9) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(255, 20, 147, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 279s linear infinite slide;
  animation-delay: -162s;
}

.rainbow:nth-child(10) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(34, 197, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 260s linear infinite slide;
  animation-delay: -180s;
}

.rainbow:nth-child(11) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(34, 197, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 241s linear infinite slide;
  animation-delay: -198s;
}

.rainbow:nth-child(12) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(255, 20, 147, 0.1), 0 0 50px 25px rgba(139, 69, 255, 0.1), 50px 0 50px 25px rgba(34, 197, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 222s linear infinite slide;
  animation-delay: -216s;
}

.rainbow:nth-child(13) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(255, 20, 147, 0.1), 130px 0 80px 40px #100228;
  animation: 203s linear infinite slide;
  animation-delay: -234s;
}

.rainbow:nth-child(14) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(34, 197, 255, 0.1), 0 0 50px 25px rgba(139, 69, 255, 0.1), 50px 0 50px 25px rgba(255, 20, 147, 0.1), 130px 0 80px 40px #100228;
  animation: 184s linear infinite slide;
  animation-delay: -252s;
}

.rainbow:nth-child(15) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(255, 20, 147, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 165s linear infinite slide;
  animation-delay: -270s;
}

.rainbow:nth-child(16) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(34, 197, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 146s linear infinite slide;
  animation-delay: -288s;
}

.rainbow:nth-child(17) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(34, 197, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 127s linear infinite slide;
  animation-delay: -306s;
}

.rainbow:nth-child(18) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(255, 20, 147, 0.1), 0 0 50px 25px rgba(139, 69, 255, 0.1), 50px 0 50px 25px rgba(34, 197, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 108s linear infinite slide;
  animation-delay: -324s;
}

.rainbow:nth-child(19) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(255, 20, 147, 0.1), 130px 0 80px 40px #100228;
  animation: 89s linear infinite slide;
  animation-delay: -342s;
}

.rainbow:nth-child(20) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(34, 197, 255, 0.1), 0 0 50px 25px rgba(139, 69, 255, 0.1), 50px 0 50px 25px rgba(255, 20, 147, 0.1), 130px 0 80px 40px #100228;
  animation: 70s linear infinite slide;
  animation-delay: -360s;
}

.rainbow:nth-child(21) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(255, 20, 147, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 51s linear infinite slide;
  animation-delay: -378s;
}

.rainbow:nth-child(22) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(34, 197, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 32s linear infinite slide;
  animation-delay: -396s;
}

.rainbow:nth-child(23) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(34, 197, 255, 0.1), 0 0 50px 25px rgba(255, 20, 147, 0.1), 50px 0 50px 25px rgba(139, 69, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 13s linear infinite slide;
  animation-delay: -414s;
}

.rainbow:nth-child(24) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(255, 20, 147, 0.1), 0 0 50px 25px rgba(139, 69, 255, 0.1), 50px 0 50px 25px rgba(34, 197, 255, 0.1), 130px 0 80px 40px #100228;
  animation: 6s linear infinite slide;
  animation-delay: -432s;
}

.rainbow:nth-child(25) {
  box-shadow: -130px 0 80px 40px #100228, -50px 0 50px 25px rgba(139, 69, 255, 0.1), 0 0 50px 25px rgba(34, 197, 255, 0.1), 50px 0 50px 25px rgba(255, 20, 147, 0.1), 130px 0 80px 40px #100228;
  animation: 225s linear infinite slide;
  animation-delay: -450s;
}
@keyframes slide {
  from {
    right: -25vw;
  }
  to {
    right: 325vw;
  }
}

.h {
  box-shadow: 0 0 50vh 40vh #100228;
  width: 100vw;
  height: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.v {
  box-shadow: 0 0 35vw 25vw #100228;
  width: 0;
  height: 100vh;
  bottom: 0;
  left: 0;
  position: absolute;
}

/* Modal Background Variation */
.rainbow-bg {
  z-index: 1;
}

  .rainbow-bg .rainbow {
      height: 300px;
  }


  .rainbow-bg .h {
    box-shadow: 0 0 20vh 20vh #100228;
  }

  .rainbow-bg .v {
    box-shadow: 0 0 20vw 15vw #100228;
  }

/* Responsive Design */
@media (max-width: 1000px) {

   .about-intro .grid-container {
     padding: 0 30px;
    }
  
  .about-intro img {
    max-width: 100%;
  }
   .margin-tb-150-auto {
      margin: 50px 0;
    }
  
  .about-intro .grid-container.two-cols {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 768px) {
  
  #desktop-only {
    display: none!important;
  }
  
  .mobile-padding {
    padding:0 30px;
  }
  
  .card img {
    margin:auto;
  }
  
  .grid-container.two-cols {
  grid-template-columns: repeat(1, 1fr);

  }

  .grid-container.three-cols {
    grid-template-columns: repeat(1, 1fr);
  }
  
  .grid-container.four-cols {
    grid-template-columns: repeat(1, 1fr);

    }
  
  .grid-container.five-cols {
    grid-template-columns: repeat(1, 1fr);
  }
  
  .grid-container.six-cols {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .company-news {
    padding: 0 30px
  }
  
  .grid-container.two-cols.width-80-15, .grid-container.two-cols.width-25-70 {
    grid-template-columns: 100%;
  }
  
  .company-news .grid-item {
    display: block;
    margin: auto;
  }
  
  .subpage-headline {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 50px;
  }
  
  .subpage-headline h1 {
    font-size: 42px!important;
  }
  
  .subpage-anchors {
    display: block;
    height: auto;
  }
  
  .subpage-anchors h2, .subpage-anchors p {
    width: 100%;
  }
  
  .subpage-anchors .content, .subpage-anchors .content {  
    padding-right: 30px;
    padding-left: 30px;
  }
  
  .subpage-anchor1, .subpage-anchor2 {
    height: 400px;
    min-width: 100%;
  }
  
  .section-demo {
    margin-top: 50px;
    padding-right: 30px;
    padding-left: 30px;
  }
  
  .section-demo h2 {
    font-size: 32px!important;
    text-align: center;
  }
  
  #hs_cos_wrapper_widget_1752545597186 {
    border-width: 0!important;
  }
  
  .dnd_area-row-0-padding {
    padding-bottom: 50px;
  }
  
  [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
    padding: 0!important;
  }
  
  .dnd_area-row-0-padding {
    padding-bottom: 50px!important;
  }
  
  .dnd_area-row-1-background-layers {
    display: none;
    visibility: hidden;
  }
  
  .section-demo .dnd_area-row-0-max-width-section-centering>.row-fluid {
    gap: 1rem;
  }
  
  .subpage-section-bottom {
    padding: 50px 0;
  }
  
  .redrock-content {
    display: block;
  }
  
  .redrock-left {
    min-height: 435px;
  }
  
  .redrock-left .photo {
    height: 200px;
  }
  
  .redrock-left .photo1 {
    left: 170px;
    top: 70px;
  }
  
  .redrock-left .photo2 {
    left: 60px;
  }
  
  .redrock-left .photo3 {
    left: 40px;
    top: 170px;
  }
  
  .redrock-right h2 {
    font-size: 32px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
  }
  
  .redrock-right h3 {
    font-size: 28px;
    text-align: center;
  }
  
  .redrock-right h4 {
    font-size: 18px;
  }
  
  .redrock-right .content1 {
    grid-template-columns: 1fr;
  }
  
  .redrock-right .content2 {
    grid-template-columns: 1fr;
  }
  
  .redrock-content .card .reserve-btn {
    font-size: 14px;
    padding: 10px 15px;
  }
  
  .platform-section {
    padding: 50px 0 0 0;
  }
  
  .subpage-platform h2 {
    font-size: 32px;
  }
  
  .subpage-platform .feature-card h3, .subpage-platform .feature-card p {
    text-align: center;
  }