:root {
  --yBlue: #2D257D;
  --asPink: #EC0B8C;
  --asBlue: #4891CE;
  --asGreen: #72BF44;
  --asOrange: #F36F22;
  --asBrown: #E39842;
  --animation-primary: .5s cubic-bezier(.3, 1, .3, 1);
}
html {
  padding: env(safe-area-inset);
}
html, body {
  margin: 0;
  color: #000 !important;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overscroll-behavior-y: none;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  line-height: 1.375rem;
  letter-spacing: 0.5px;
}
body {
  overflow-x: hidden;
  overflow-y: scroll;
  max-width: 500px;
  margin: auto;
background: #F0F9FF;
}

.yBlue{
    background-color: var(--yBlue);
}

.yBlueText{
    color: var(--yBlue);
}
.yWhite{
    color:#fff;
}

.yLightBlue{
    background-color:#F0F9FF;
}
h1{
    font-size: clamp(3.8rem, 3.2rem + 2vw, 4.8rem);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height:1;
}
h2 {
  margin: 0;
  font-size: clamp(3.1rem, 2.9rem + 2vw, 3.4rem);
  font-size:3.4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height:1.15;
}
h3{
    font-size: clamp(1.25rem, 1.1rem + 2vw, 1.3rem);
    font-size:1.3rem;
      font-family: "Montserrat", sans-serif;
    font-weight:300;
    margin-top:20px;
    color:#000;
}

.yFontWeight600{
    font-weight:600 !important;
}
p.textSmall{
    font-size:0.8rem;
}
p {
  margin: 10px 0;
}
section {
  padding: 70px 30px 70px;
}

.yLandingSec{
    padding:90px 30 90px;
}
.ch-landing {
  margin: 0;
}
a {
  color: #000;
  transition: all .3s ease-in-out;
}
a:hover {
  text-decoration: none;
}
.ch-landing video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.yVideo{
    max-width: calc(100% - -60px);
    margin-left: -30px;
}
hr{
    border-top: 1px solid #b4b4b4;
}
h2.uk-text-center {
  padding: 0 50px;
}
.ch-sugg, .ch-downloads h2, .ch-downloads p {
  padding: 0 30px;
}
.ch-downloads {
  margin-bottom: 80px;
}
.ch-dw-container {
  margin-top: 20px;
  padding: 10px 30px 60px 30px;
  border-radius: 20px;
  background-color: white;
}
.ch-dw-item {
  border-bottom: 1px solid #D9D9D9;
  padding: 20px 0;
}

#chatbase-bubble-button {
  max-width: calc(100vw - 60px);
  width: 440px!important;
  left: 0 !important;
  right: 0 !important;
  margin: auto!important;
}
#chatbase-bubble-button > div {
  justify-content: flex-start!important;
  position: relative;
}
#chatbase-bubble-button > div img {
  padding: 10px;
  margin-left: 15px;
}
#closeIcon {
  margin-left: 25px!important;
}
#closeIcon path {
  stroke: white;
}
#chatbase-bubble-button > div::after {
  content: "Ask me question...";
  position: absolute;
  right: 30px;
  color: white;
  font-size: 20px;
}

a.yButton{
    text-decoration: underline;
    color:var(--yBlue);
}