.logo-nav{
  
}

.hs-landing-page header{
max-width: 1280px!important;
  margin: 0 auto;
}

header.mx-auto nav{
max-width: 1280px!important;

}

.Banner-row-0-background-image{
background-image:none!important;
}

body{
   background-color:rgb(249, 247, 243);
}
html{
 background-color:rgb(249, 247, 243);
}
.main-nav-tp{
  display: flex;
  justify-content: space-between;
  background-color:rgb(249, 247, 243);
  padding: 0 0;
  align-items:center;
  border-bottom: 1px solid #D4D4D3!important;
}
.js-start-trial:hover{
background-color:transparent!important;
  color:#C82C46!important;
  border: 2px solid #C82C46!important;
}
.js-start-trial{
  border: 2px solid transparent;
background-color: rgb(200, 44, 70);
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: "karla";
font-size: 14px;
font-weight: 400;
line-height: 22.4px;
text-decoration-color: rgb(255, 255, 255);
text-decoration-line: none;
text-decoration-style: solid;
white-space: nowrap;
  padding: 2px 0;
}
.js-start-trial:hover{
color:white;
}

header{
background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
box-sizing: border-box;
color: rgb(78, 74, 76);
font-family: "karla";
font-size: 16px;
line-height: 22.4px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: sticky;
top: 0px;
z-index: 20
}

body, *, ::after, ::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.demo-btn:hover{
color: rgb(78, 74, 76);
  text-decoration:underline;
}

.demo-btn{
 box-sizing: border-box;
color: rgb(78, 74, 76);
display: inline-block;
font-family: "karla";
font-size: 14px;
font-weight: 400;
line-height: 22.4px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;

padding-bottom: 22.4px;
padding-left: 12px;
padding-right: 12px;
padding-top: 22.4px;
text-decoration-color: rgb(75, 90, 243);
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-thickness: auto;
white-space: nowrap 
}
.nav-box{
  display:flex;
  align-items: center;
  justify-content:space-between;
  width: 100% !important;
  max-width: 1280px!important;
    margin: 0 auto;
}

@media screen and  (max-width: 1240px) { 
  
  .logo-header-apptweak{
    max-width: 200px;
    height: auto!important;
  }
  .btn-header-cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap!important;
}
  .btn-header-cta {
  display: flex;
  align-items: center;
  }
}

@media screen and (max-width: 615px) { 
  .nav-box {
  flex-wrap: wrap;
  justify-content: center;
  }
  .btn-header-cta{
  width: 100%;
  }
  .btn-header-cta a{
  width:100%!important;
  align-items: center;
  flex-wrap: wrap !important;
  justify-content: center!important;
  text-align: center!important;
  }
  .logo-header-apptweak{
    width: 100%;
  height: auto;
    max-width: 500px;
  }
  .main-nav__logo{
  width: 100%;
    height:auto;
  }
  
}
  
}

.btn-header-cta{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 615px){
  .btn-header-cta .js-start-trial{
margin-bottom:16px!important;
}
  
.logo-header-apptweak{
  margin-bottom: 20px;
  }
 .main-nav__link{
  margin-right: 0!important;
  } 
  .main-nav__logo{
  display:flex;
    justify-content:center;
  }
  .main-nav__logo .logo-header-apptweak{
  max-width:50%!important;
  }
  header{
  padding: 30px 50px 10px 50px;
  }
}

.btn-header-cta{
display:flex;
  flex-wrap:nowrap;
  align-items:center;
}

 

.btn-header-cta .demo-btn{
margin-bottom:0!important;

}

.btn-header-cta .js-calendly-bh:hover{
  color:#C82C46!important;
}

.btn.main-nav__link.js-start-trial{
border-radius:60px!important;
  padding-right:15px;
  padding-left:15px;
}

.bg-jet-black{
background:#2A2825;
}

.bg-capu{
background:#F4F0E7;
}


.font-serif{
font-family: Lora;
font-weight: 400;
line-height: 100%; /* 76px */
letter-spacing: -1px;

}


.font-sans{
font-family: Karla;
line-height: 120%; 
}

.text-body{
  color:#7D7F75;

}

.text-jet-black{
  color:#11100F
}

.text-raspbery{
  color:#C82C46;
}

.cta-btn-primary{
  border-radius:99px!important;
  color:white!important;
  border:2px solid transparent!important;
  font-family: Karla,sans-serif!important;
  font-size:16px!important;
}
.cta-btn-primary:hover{
  border-radius:99px!important;
  color:#C82C46!important;
  border:2px solid #C82C46!important;
  background:transparent!important;
}

body .mix .app,.mix .game{
  display:none;
}

body .game .app,.game .mix{
  display:none;
}

body .app .game,.app .mix{
  display:none;
}

.cta-text-title{
color: var(--main-colors-jet-black-dark, #11100F);
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;

/* H2/🖥 Desktop */
font-family: Lora;
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 70.4px */
letter-spacing: -2px;
}

.title-style-h1{
font-family: 'Lora', serif;
}

.hero-zone-subtitle{
font-family: 'Karla', sans-serif;
}

.body-color{
color:rgb(124 127 116)
}

.btn-primary-cta{
  width: fit-content;
  display: block;
  padding: 5px 10px;
  border-radius: 100px;
  background: #C82C46;
  color:white;
  border: 2px solid transparent;
  font-family: 'Karla', sans-serif;
  font-size:16px;
}

  .btnprimary{
    background-color: #C82C46!important;
  border-radius:99px!important;
  color:white!important;
  border:2px solid transparent!important;
  font-family: Karla,sans-serif!important;
  font-size:16px!important;
   padding:12px 18px;
}
.btnprimary:hover{
  border-radius:99px!important;
  color:#C82C46!important;
  border:2px solid #C82C46!important;
  background:transparent!important;
}
.cta-btn-primary{
  border-radius:99px!important;
  color:white!important;
  border:2px solid transparent!important;
  font-family: Karla,sans-serif!important;
  font-size:16px!important;
  
}
.cta-btn-primary:hover{
  border-radius:99px!important;
  color:#C82C46!important;
  border:2px solid #C82C46!important;
  background:transparent!important;
}
.border-figure{
max-height:500px;
min-height:300px;
}

.border-figure:after{
  content:"";
    position: absolute;
    display:block;
    width:104%;
    height:90%;
    top:5%;
    right:-2%;
    border:1px solid #C82C46;
  border-radius:16px;
 
  z-index:20;
}

.star-list:after{
    content: url(https://apptweak-blog.imgix.net/2023/04/diamond-bullet.svg);
    width:16px;
    height:16px;
    position: absolute;
    left:-14px;
    top:0px;
}

.font-body-base{
font-size:16px;
}

/* Raw form styling*/ 
#form-holder-title-cta-newsletter{
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 1.5s;
   padding:36px!important;
  border-radius:16px!important;
  background:#F4F0E7!important;
}
.hs-button.primary.large{
    background-color: #C82C46!important;
    border-radius:99px!important;
    color:white!important;
    border:2px solid transparent!important;
    font-family: Karla,sans-serif!important;
    font-size:16px!important;
    padding: 5px 10px;
}

.hs-button.primary.large:hover{
  border-radius:99px!important;
  color:#C82C46!important;
  border:2px solid #C82C46!important;
  background:transparent!important;
}


#form-holder-title-cta-newsletter *{
font-family: 'Karla', sans-serif;
  font-weight:400;
}

#form-holder-title-cta-newsletter select{
  background:transparent;
  width:100%;
  border-bottom: 1px solid black;
  margin-bottom: 6px;
}

#form-holder-title-cta-newsletter label span{
  font-size:12px;
  color:#2A2825;
}
.hs-form-required{
 color: #C82C46;
}

#form-holder-title-cta-newsletter input:not([type="checkbox"]){
background-color:transparent;
  border-bottom: 1px solid black;
  margin-bottom: 6px;
  width:100%;
}

#form-holder-title-cta-newsletter .hs-error-msg.hs-main-font-element{
font-size:12px;
  color: #C82C46;
}

#form-holder-title-cta-newsletter .legal-consent-container .hs-form-booleancheckbox-display input {
  transform: translateY(5px);
}

.legal-consent-container *{
 font-size: 12px; 
}
.legal-consent-container a{
 color: #C82C46;
  text-decoration:underline;
}

.hs-form-booleancheckbox{
margin:16px 0;
}


 
#form-holder-title-cta-newsletter input.hs-button.primary.large{
  margin:8px 0!important;
  }

.hs-richtext{
padding: 12px 0;
}

.hs-form-booleancheckbox,.hs-fieldtype-booleancheckbox{
margin:0!important;
}

#form-holder .hs-richtext{
padding:4px 0 0 0;
}

#form-holder .actions{
padding-top:16px;
}

html {
  scroll-behavior: smooth;
}

h1:not(.customer-headline),h2:not(.customer-headline),h3:not(.customer-headline),h4:not(.customer-headline),h5:not(.customer-headline),h6:not(.customer-headline){
font-family: "Lora"!important;
  line-height: 110%!important;
 
}

h1:not(.customer-headline){
  font-size:70px!important;
}
h2:not(.customer-headline){
  font-size:64px!important;
}
h3:not(.customer-headline){
font-size:56px!important;
}
h4:not(.customer-headline){
font-size:48px!important;
}
h5:not(.customer-headline){
font-size:40px!important;
}
h6:not(.customer-headline){
font-size:32px!important;
}

.hs-form-private{
background:white;
  padding:30px;
  border-radius:16px;
}

.hs-form-private input{
  border-top:none!important;
  border-left:none!important;
  border-right:none!important;
  border-bottom: 1px solid black!important;
  border-radius: 0px!important;
}
.actions .hs-button.primary.large{
display:flex;
  width: 100%;
  text-align:text-center;
}

strong svg{
fill: rgb(200, 44, 70);
}

span code span{
text-transform: uppercase;
  font-family: "karla"!important;
}

.page-header h1{
padding-bottom:16px;
  font-size:56px;
  text-align:center;
}

.widget-type-email_simple_subscription h3{
  font-size:16px!important;
  text-align:center;
}
.widget-type-email_simple_subscription{
display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  min-height:50vh;
}