#hs-eu-decline-button{background-color: #0096ff !important;
  border: 1px solid #0096ff !important;
}

@media (min-width:1500px){
  .content-container{
    max-width:70%;
    margin: 0 auto;
  }
}

@media (max-width:767px){
  .content-wrapper{
    flex-direction:column;
    align-items:center;
  }
  
}

.content-wrapper{
  
  display:flex;
  justify-content:center;
  
}
@media (min-width:768px){
  .content-wrapper{
    margin:50px auto;
  }  
}

.form-container{
  background-color:rgba(197, 238, 255, 0.35);
  padding:50px 20px !important;
  border-radius:10px;
  max-width:90%;
  margin:20px auto !important;
}

@media(min-width:768px){
  .form-container{
    max-width:40%;
    padding:50px 50px !important;
  }
}
.form-container h2{
  text-align:center;
  margin-bottom:10px;
}

.content-wrapper:before,.content-wrapper:after{
  content:none;
}

.content-wrapper .demo-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 3rem;
}

.demo-content-wrapper h4{
    font-weight: 900;
    text-align: center;
    line-height: 1.7;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px;
}

.demo-content-wrapper hr{
    width: 16%;
    border-top: 2px solid rgba(0, 158, 221, 0.75);
}
.customers-content {
    display: flex;
    flex: 1 1 45%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.customers-content img {
    width: 45%;
}
.customers-content .quote{
    width: 70%;
    text-align: center;
    font-weight: 900;
    color: black;
}
.customers-content p{
  margin:0;
}

.customers{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 20px;
}

@media (min-width:768px){
  .customers{
    flex-direction:row;
  }
}

#resource1{
   background-image: url(wp-content/uploads/2024/11/3_Use-Cases-For-Digital-Marketing-1.png);
}
#resource2{
  background-image: url(wp-content/uploads/2024/11/The-Ultimate-Guide-to-Scheduling-Customer-Meetings-at-Your-Events-banner-1.png);
}

.resource-header{
    padding: 50px;
    display: flex;
    flex-direction: column;
    background-position: center;
    background-size: cover;
    justify-content:center;
}
@media (min-width:768px){
  .resource-header{
    flex-direction: row;
    gap:2rem;
  }
}
#resource-title{
  flex:0 0 50%;
}

#resource-form{
  flex:0 0 30%;
  border-radius: 12px;
  padding: 40px;
  background-color: rgba(0, 150, 255, 1);
  margin-top: 20px;
}

#resource-title h2{
    font-family: 'Montserrat', sans-serif !important;
    color: black;
    line-height: 1.7;
    font-size: 25px;
    font-weight: bolder;
    margin-top: 1.5rem;
}

#resource-form h1{
  color:white;
  text-align:center;
}

#resource-content{
  margin: 50px auto;
  max-width: 80%;
  padding: 50px 0;
}

#resource-content .content{
  font-size:18px;
}