/*BOOK DEMO*/
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');

.demo-form{
  opacity:0;
  overflow: hidden;
}

.demo-form .actions input {
  background: #00599B!important;
  border-radius: 20px;
  font-size:14px;
  letter-spacing: 1px;
  font-family:'Muli Regular';
  width: 155px;
}
.demo-form .actions input:hover{
  background-color: #426EA1 !important;
}

.dnd_area-row-0-force-full-width-section > .row-fluid {
  max-width: 1114px !important;
}

.demo-form .hs-form-field input {
  height:50px!important;
  font-size:16px!important;
  color:#303030;
}
.demo-form textarea {
  height:150px!important;
  font-size:16px!important;
}
.cell_1607010144560-background-image {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.demo-form {
  min-height: 700px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  margin:0px;
  padding:1.9rem;
  padding-bottom:0;
}
.demo-form label {
  font-size:13px;
}
.demo-form label.hs-error-msg {
   font-size:12px;
}
.demo-text h1 {
  margin-bottom:4rem;
  font-size:46px;
  font-family: 'Mulish', sans-serif;
  font-weight: 800;
}
.demo-text label {
  text-transform: none;
  font-size: 24px;
  color:#ffff!important;
  font-family:'Muli Light';
}
.span6.widget-span.widget-type-cell.cell_1607009086450-vertical-alignment.dnd-column {
  margin: 0;
}

.atmc-content-01_content{
  overflow-y: scroll;
  height: 281px;
  padding-right: 20px;
}

.atmc-content-01_content::-webkit-scrollbar-track {
  border-radius: 100px;
  width: 12.5px;
}
.atmc-content-01_content::-webkit-scrollbar {
  width: 12.5px;
  background-image: url('https://7431024.fs1.hubspotusercontent-na1.net/hubfs/7431024/Website%20Resources/scroll-modal.png');
  background-repeat: no-repeat;  
  background-size: contain;  
}
.atmc-content-01_content::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 100px;
  border: 1px solid grey;
  height: 12.5px; 
}

.overlay-image{
    background-repeat: no-repeat;
    top: 0;
    background: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    background-size: cover;
    background-position: center;
}

.atmc-content-01_content > ul > li{
    margin-bottom: 8px; 
}

@media (max-width: 1080px) {
  .dnd_area-row-0-padding {
    padding-left:6vw!important;
    padding-right:6vw!important;
  }
}
@media (max-width: 768px) {
  @media (max-width: 767px) {
    .cell_1607010144560-background-image {
      border-top-right-radius: 20px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 20px;
    }
    .demo-form {
      border-top-right-radius: 0px;
      border-bottom-left-radius: 20px;
    }
    .overlay-image{
      border-bottom-right-radius: 20px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 20px;
      border-top-left-radius: 0px;
    }
  }
  .dnd_area-row-1-margin {
    width:100%;
    margin-top:20px!important;
  } 

}


    .btnwrapper {
        margin-top: 50px;
        margin-bottom: 40px;
    }
    
    .button-cta {
        position: relative;
        width: 205px;
    }
    
    .cta-content {
        z-index: 1;
        cursor: pointer;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .shadow-dt-cta {
        width: 100%;
        top: 45%;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .shadow-dt-cta img {
        width: 250px;
    }
    
    .btn {
        background-color: white;
        display: block;
        text-align: center;
        padding: 5px 20px;
        width: 205px;
        border-radius: 25px;
        color: #153B79 !important;
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
    }
    

    .btn:hover {
        background-color: #F7F7F7;
        color: #153B79;
    }
    
    .btntext {
      text-transform: uppercase;
      color: #153B79 !important;
    }

    .btntext:hover {
      color: #153b79; 
    }
    
    .icon {
        transition: all 0.25s ease;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #153B79;
        margin-left: 15px;
    }
    
    .icon.arrow {
        transition: all 0.25s ease;
        width: 1.2rem;
        height: 0.05rem;
        right: 20px;
        background: none;
        background-color: #153B79;
    }
    
    .arrow::before {
        transition: all 0.25s ease;
        position: absolute;
        content: '';
        top: -0.24rem;
        right: 0.0625rem;
        width: 0.525rem;
        height: 0.525rem;
        border-top: .05rem solid #153b79;
        border-right: .05rem solid #153b79;
        transform: rotate(45deg);
    }
    
    .cta-content:hover .icon.arrow {
        background-color: #153B79;
        transform: translate(-0.1rem, 0);
        width: 0.9rem;
        /*height: 0.05rem;*/
    }

.fade-out {
  opacity: 0;
  animation: fadeOut ease 1s;
  -webkit-animation: fadeOut ease 1s;
  -moz-animation: fadeOut ease 1s;
  -o-animation: fadeOut ease 1s;
  -ms-animation: fadeOut ease 1s;
}

.fadeOutButton{
  opacity: 0;
  animation: fadeOutButton ease 1s;
  -webkit-animation: fadeOutButton ease 1s;
  -moz-animation: fadeOutButton ease 1s;
  -o-animation: fadeOutButton ease 1s;
  -ms-animation: fadeOutButton ease 1s;
}



@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    transform: translateX(100%);
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    transform: translateX(100%);

  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    transform: translateX(100%);

  }
}

@-o-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    transform: translateX(100%);

  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    transform: translateX(100%);

}

  
  
  
@-moz-keyframes fadeOutButton {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes fadeOutButton {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;

  }
}

@-o-keyframes fadeOutButton {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes fadeOutButton {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
}