:root {
  --desktop: 1599;
  --tablet: 1199;
  --mobile: 767;
  --container-padding: 50px;
}
html {
    /*  overflow-x: hidden;*/
      overflow-x: hidden;
    }
.header__logo {
  margin-top: 20px;
  margin-left: -5px;
  z-index:10;
}

.header {
  z-index:10;
}
/*.page--request-a-demo {
  position: relative;
  overflow-x: hidden;
} */

/*.page--request-a-demo */.request-a-demo-body {
  position: relative;
  min-height: 100vh;
  background-color: #0d0a1e;
  background-image: url('https://www.ardoq.com/hubfs/Website%20Pages/request-a-demo/demo-background.jpg');
  background-size: 100% 100%;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 48px 0 80px;
  z-index: 1;
  overflow-x:clip;
}

.request-a-demo-body {
  position: relative;
  /*padding-top: 80px;*/
  padding-top: 120px;
  height: 100%;
  padding-bottom:60px!important;
}

  h1.ardoq-headline {
    font-size:50px!important;
    color:#F7F8FA;
    margin-bottom: 15px;
  }
  
  .ardoq-subheadline {
    color:#EEE8EC;
}

  .purple {
    color:#8800FF;
  }

  h2.form__heading {
    color: #000000;
    display: block;
    margin-bottom: 20px;
    font-size:40px!important;
    /*display: none;*/
  }
  .form__heading b {
    color: var(--color-heading);
  }
  .form__heading.active {
    display: block;
  }  


@media(max-width: 1599px){
  .page--request-a-demo:after {
    display: none;
  }
}

@media(max-width: 1199px){
  .request-a-demo-body {
    --container-padding: 50px;
    padding-left: 0!important;
    padding-right: 0 !important;
    padding-top: 120px;
  }
  .main__content,
  .trusted-by,
  .page--request-a-demo .header .container2,
 .slider__wrap {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }
 
  .page--request-a-demo .section--footer.footer {
      background-color: var(--color-heading)!important;
  }
  .footer__nav a, .footer__copyright {
    color: #FFFFFF!important;
  }
}







/* code added to move form title above the form */
/*.request-a-demo-body .request-a-demo__form {
    display: block!important;
} */

/* ------------ Custom Form CSS ------------ */

   
.hs-form-field label {
  margin-bottom:5px;
   }
.hs-form-field
 {
    line-height: 1.5;
    margin-bottom: 20px;
    position: relative;
}

.hs-input[type="text"], .hs-input[type="email"], .hs-input[type="tel"], input[type="password"], select.hs-input {
    padding: 0 15px!important;
    min-height: 3.2rem!important;
    border: 1px solid #000000;
    border-radius:9px;
} 

.hs-form-radio label.hs-form-radio-display span {
    font-size: 13px;
    border: 1px solid #000000;
    border-radius: 9px;
}

.input [id="0-2/country_-aae4787d-b26e-465d-9af6-b131a1dede9d"] {
  background-color:#ffffff!important;
}

.legal-consent-container {
    margin-bottom: 0px;
    padding-top: 5px;
}

.hs-form-radio label.hs-form-radio-display span {
  font-size:13px;
}

@media(min-width: 768px){
 .hs_firstname,
  .hs_lastname {
    width: 49%;
    display: inline-block;
  }
  .hs_firstname {
     margin-right: 2%;
  }
}

@media(max-width: 480px){  
  .hs-form-radio label.hs-form-radio-display span {
    padding: 6px 9px;
  }
  .hs_email .hs-form .hs-error-msgs {
    max-width: 50%;
  } 
}

 @media (min-width:768px) {
    .hs_email,.hs_mobilephone {
      width:49%;
      display:inline-block;
    } 
    
    .hs_email {
      margin-right:2%;
    }
    
    .hs_jobtitle,.hs_company {
      width:49%;
      display:inline-block;
    } 
    
    .hs_jobtitle {
      margin-right:2%;
    }    
    
  } 
  
  .form__heading {
  display: block;
}

.request-a-demo-body .request-a-demo__form {
  display:block;
}
.ardoq-form-card {
        position: relative;
        z-index: 2;
        background-color:#EEE8EC;
        border-radius:27px;
        max-width:655px;
        margin: 0 auto;
        padding: 20px 50px 50px 50px;
  }
    .ardoq-form-card h2 {
      font-weight: 700;
      text-align: center;
      color: #111;
    }

ul.inputs-list.multi-container:has(input[name="0-2/are_you_a_consultancy"]) {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

ul.inputs-list.multi-container:has(input[name="0-2/are_you_a_consultancy"]) .hs-form-radio:nth-child(2) {
  flex: 1 1 auto;
  min-width: 0;
}

ul.inputs-list.multi-container:has(input[name="0-2/are_you_a_consultancy"]) .hs-form-radio:nth-child(2) label.hs-form-radio-display {
  display: flex;
  width: 100%;
  align-items: center;
}

ul.inputs-list.multi-container:has(input[name="0-2/are_you_a_consultancy"]) .hs-form-radio:nth-child(2) label.hs-form-radio-display span {
  flex: 1;
  min-width: 0;
}

/* textarea */ 

#what_would_you_like_to_discuss_in_the_call_-aae4787d-b26e-465d-9af6-b131a1dede9d {
  border:1px solid #000000;
  border-radius: 9px;
}

/* hide the number of emplyees field */

.hs_numemployees {
  display:none;
}

.hs_what_would_you_like_to_discuss_in_the_call_ {
  margin-bottom:5px;
}

.grecaptcha-badge {
  transform: scale(0.6);
  transform-origin: bottom left;
}

.hs-form .hs-richtext {
    margin-bottom: -20px;
}

.hs-button {
 border-radius: 12px!important; 
}

.legal-consent-container p {
  font-size:10px!important;
}
.legal-consent-container .field.hs-form-field {
    margin-bottom: 0px!important;
}

#what_would_you_like_to_discuss_in_the_call_-aae4787d-b26e-465d-9af6-b131a1dede9d {
  color: #555;
}

@media (min-width: 1600px) {
    .hs-form-radio {
        font-size: 13px!important;
    }
}

.hs_email.hs-error-msg {
  text-align:left!important; 
}

/* ------------- Heading and Intro ------------- */




/* -------------- Feature Ticks -------------- */

    .ardoq-feature-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 8px;
      color: #e0d8f5;
      max-width: 260px;
      font-size:19px;
      margin: 0 auto;
      width: 100%;
    }
    .ardoq-feature-item .tick {
      width: 24px;
      height: 24px;
    }
    
@media (min-width:992px) and (max-width:1024px) {
  #hs_cos_wrapper_widget_1781015837895 .col-lg-3 {
    flex: 0 0 auto;
    width:100%!important;
  } 
}
  



/* ------------- Fixed Side Images  --------------- */

/* Fixed side images */
    .ardoq-side-img {
      position: absolute;
      top: 30%;
      width: clamp(240px, 52vw, 1060px);
      z-index: 1;
    }
    .ardoq-side-img img {
      width: 100%;
      height: auto;
      border-radius: 12px 12px 0 0;
    }
    .ardoq-side-img.left {
      left: 0;
      transform: translateY(-10%) translateX(-50%);
    }
    .ardoq-side-img.right {
      right: 0;
      transform: translateY(-10%) translateX(50%);
    }

 @media (max-width: 1699px) {
   
    .ardoq-side-img {
      top:25%;
   }
      .ardoq-side-img.left {
        transform: translateY(10%) translateX(-50%);
      }
      .ardoq-side-img.right {
        transform: translateY(10%) translateX(50%);
      }
   .request-a-demo-body::after {
        top: 25%;
        transform: translate(-50%, -10%);
      }
    }

  @media (min-width: 768px) and (max-width: 1024px) {
     .ardoq-side-img {
        width: clamp(460px, 65vw, 920px);
        top: 75%;
      }
      .ardoq-side-img.left {
        transform: translateY(10%) translateX(-50%);
      }
      .ardoq-side-img.right {
        transform: translateY(10%) translateX(50%);
      }
    .request-a-demo-body::after {
        top: 65%!important;
        transform: translate(-50%, -10%);
        height: 500px;
      }
    }
 
    @media (max-width: 767px) {
      .ardoq-side-img {
        width: clamp(320px, 70vw, 560px);
        top: 75%;
      } 
      .request-a-demo-body::after {
        top: 60%!important;
        transform: translate(-50%, -10%);
        height: 400px;
      }
       .ardoq-feature-item {
        max-width: 160px;
        margin: 0 auto;
      }
      .ardoq-form-card {
        margin-left: 80px;
        margin-right: 80px;
      }
      .ardoq-form-card {
        padding: 20px 30px 30px 30px;
    }
}

/* Mobile Phones (up to 480px) */
@media (max-width: 480px) {
  .ardoq-form-card {
    margin-left: 20px;
    margin-right: 20px;
   } 
  .featured-ticks-wrapper {
    transform: translateY(100px);
    padding-bottom: 100px;
  }
  .request-a-demo-body {
    padding-bottom:140px;
  }
}

.request-a-demo-body::after {
  content: '';
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 100%;
  max-width: 1400px;
  height: 700px;
  background-image: url('https://www.ardoq.com/hubfs/Website%20Pages/request-a-demo/Elipses.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  pointer-events: none;
}


/* ------------- Custom Footer CSS -------------- */

.footer__nav a {
  padding: 5px;
}
.footer__nav a,
.footer__copyright {
  font-size: 0.9rem;
}
  

  .page--request-a-demo .section--footer.footer > .container2 {
    justify-content: space-between;
  }
  .page--request-a-demo .section--footer.footer {
    position: relative;
  }

  footer.footer.section--footer {
     background-color:#f8f5f7!important;
  }

  .footer__badges {
    margin-bottom:0px!important;
  }

  .section--footer::after {
    content: "";
    background-image: url(https://content.ardoq.com/hubfs/Images/Illustrations/Backgrounds/background-data-blocks_07.svg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 213px;
    height: 426px;
  }
  


.page--request-a-demo .section--footer.footer,
.footer__nav a {
  background-color: transparent;
}

  .page--request-a-demo .section--footer.footer, .footer__nav a {
    color: var(--color-paragraph)!important;
    /*opacity: 0.7;*/
  }
  .footer__nav a:focus,
  .footer__nav a:hover {
    opacity: 1;
    text-decoration: underline!important;
  }
}