/* @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    */
/*****************************************/
:root {
  --pri-color: #d91e2c;
}

.pri-text {
  color: var(--pri-color)
}

main :is(p, ul, ol) {
  font-size: 14px;
}

main :is(.rm-margin) {
  margin: 0;
}

main :is(img) {
  display: block;
}

form.hs-form {
  padding: 0;
  background: transparent;
  border: unset;
  
  input:not([type="submit"]) {
    border-radius: unset;
    background: white;
  }
}

.row-fluid-wrapper.row-depth-1:has(#resources-stats) {
  .hs-elevate-metrics * {
    text-align: left;
    align-items: start;
  }
}


.row-fluid-wrapper.row-depth-1:has(#trans) {
    article.hs-elevate-card {
      background: transparent;
      color: white;
      border-color: transparent;
      
      p {
        margin: 0;
      }
      
      div:has(> svg) {
        border-radius: 50%;
        overflow:clip;
      }
    }
  }

.row-fluid-wrapper.row-depth-1:has(#growth) {
    article.hs-elevate-card {
      border-radius: 0;
      
      div:has(> svg) {
        border-radius: 50%;
        overflow: clip;
      }
      
    }
  article.hs-elevate-card:nth-of-type(1) {
    background: white;
  }
    article.hs-elevate-card:nth-of-type(2) {
       background: #d91e2c;
      	color: white;
      hr {
        border-color: white;
      }
      svg {
        background: white;
        
        path {
          fill: #d91e2c;
        }
      }
    }
  }

.row-fluid-wrapper.row-depth-1:has(#feat) {
    h4 {
      color: black;
    }
  }
  .row-fluid-wrapper.row-depth-1:has(#svg-fix) {
    div:has(> svg) {
        border-radius: 50%;
        overflow: clip;
      }
      
      svg {
        padding: 10px;
      }
  }
	.row-fluid-wrapper.row-depth-1:has(#about-contact) {
   	 form, form > * {
      padding: 0;
      background: transparent;
      border: unset;
      
      input:not([type="submit"]) {
        border-radius: unset;
        background: white;
      }
    }
  }

.row-fluid-wrapper.row-depth-1:has(#solution) {
  article.hs-elevate-card {
    border-radius: 0;
    
    div:has(> svg) {
      border-radius: 50%;
      overflow: clip;
    }
      
  }
  
  article.hs-elevate-card:nth-of-type(1) {
    background: white;
  }
  
  article.hs-elevate-card:nth-of-type(2) {
    background: #d91e2c;
    color: white;
    
    hr {
      border-color: white;
    }
    
    svg {
      background: white;
        
      path {
        fill: #d91e2c;
      }
    }
  }
}

hr.grad {
  border-color: #a47341;
  mask: linear-gradient(to right, transparent, white, transparent)
}

.sep {
    
  &.start-end {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1ch;
    color: #d91e2c !important;
  }
    
  &.start-end::before, &.start-end::after {
    content:'';
    display: inline-block;
    width: 5ch;
    height: 2px;
    background: #d91e2c;
  }
    
  &.start {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1ch;
    color: #d91e2c !important;
  }
  
  &.end {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1ch;
    color: #d91e2c !important;
  }
  
  &.start::before {
    content:'';
    display: inline-block;
    width: 5ch;
    height: 2px;
    background: #d91e2c;
  }
  
  &.end::after {
    content:'';
    display: inline-block;
    width: 5ch;
    height: 2px;
    background: #d91e2c;
  }
}

.row-fluid-wrapper.row-depth-1:has(#transformation) {
  article.hs-elevate-card {
    background: #303030;
    border-left: 6px solid #d91e2c;
    border-radius: 0;

    svg {
      background: transparent;
    }
    .hs-elevate-button {
      color: white;
      border-color: currentColor;
    }
  }
}

  .row-fluid-wrapper.row-depth-1:has(#feat) {
    h4 {
      color: black;
    }
  }
  .row-fluid-wrapper.row-depth-1:has(#svg-fix) {
    div:has(> svg) {
        border-radius: 50%;
        overflow: clip;
      }
      
      svg {
        padding: 10px;
      }
  }
.row-fluid-wrapper.row-depth-1:has(#trans) {
    article.hs-elevate-card {
      background: transparent;
      color: white;
      border-color: transparent;
      
      p {
        margin: 0;
      }
      
      div:has(> svg) {
        border-radius: 50%;
        overflow:clip;
      }
    }
  }
  .row-fluid-wrapper.row-depth-1:has(#home-contact) {
    h4 {
      margin: 0;
    }
    [data-testid="post-title"] {
      color: black
    }
    .hs-form {
      padding: 0;
      background: transparent;
      border: unset;
      
      input:not([type="submit"]) {
        border-radius: unset;
        background: white;
      }
    }
  }
.row-fluid-wrapper.row-depth-1:has(#revenue-friction) {
  img {
    mask: linear-gradient(to right, transparent 0%, #fff 5%, #fff 98%, transparent 100%);  
  }
}
.row-fluid-wrapper.row-depth-1:has(#about-results) {
   article.hs-elevate-card {
      background: #303030;
      border-left: 6px solid #d91e2c;
      border-radius: 0;
      
      svg {
        background: transparent;
      }
      .hs-elevate-button {
        color: white;
        border-color: currentColor;
      }
    }
  }
.row-fluid-wrapper.row-depth-1:has(#solution) {
    article.hs-elevate-card {
      border-radius: 0;
      
      div:has(> svg) {
        border-radius: 50%;
        overflow: clip;
      }
      
    }
    article.hs-elevate-card:nth-of-type(2) {
       background: #d91e2c;
      	color: white;
      hr {
        border-color: white;
      }
      svg {
        background: white;
        
        path {
          fill: #d91e2c;
        }
      }
    }
  }
.row-fluid-wrapper.row-depth-1:has(#transformation) {
    article.hs-elevate-card {
      background: #303030;
      border-left: 6px solid #d91e2c;
      border-radius: 0;
      
      svg {
        background: transparent;
      }
      .hs-elevate-button {
        color: white;
        border-color: currentColor;
      }
    }
  }
  form {
    background transparent !important;
  }
  .row-fluid-wrapper.row-depth-1:has(#feat) {
    h4 {
      color: black;
    }
  }
  .row-fluid-wrapper.row-depth-1:has(#svg-fix) {
    div:has(> svg) {
        border-radius: 50%;
        overflow: clip;
      }
      
      svg {
        padding: 10px;
      }
  }
.row-fluid-wrapper.row-depth-1:has(#insights-contact) {
    .hs-form {
      padding: 0;
      background: transparent;
      border: unset;
      
      input:not([type="submit"]) {
        border-radius: unset;
        background: white;
      }
    }
  }
  a[data-testid="post-title"] {
    color: black;
  }

.hs-elevate-footer {
  p {
    font-size: 14px;
  }
  ul, ol {
    font-size: 14px;
    list-style: none;
    padding: 0;
  }
  a {
    color: white !important;
  }
}