*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; border: 0; }
:root { 
  --full-width: 100%; 
  --full-height: 100%; 
  --white: #ffffff; 
  --black: #000000;
}
body{font-family:'Montserrat', sans-serif; overflow-x:hidden; background:#ffffff; font-size:16px; line-height: 24px;}
a {color: #0077ff;text-decoration: none;}
a:hover {color: #00b4e4;text-decoration: none;}
img {max-width: 100%;height: auto;}
h1,h2,h3,h4,h5,h6 {clear: both;margin: 0;padding: 0; font-weight: normal;}
h2{font-weight: 600;}
.section {padding: 80px 0;}
h1, h2, h3, h4, h5, h6{color:#0d0d0d; font-weight:600; line-height:1.12em; font-variant-ligatures:common-ligatures; margin-top:0; margin-bottom:0;}
h1{font-size:36px; line-height:1.31818182em;}
h2{font-size:30px; line-height:1.3em;}
h3{font-size:24px; line-height:1.4em;}
h4{font-size:18px; line-height:1.3em;}
h5{font-size:16px; line-height: 20px;}
h6{font-size:16px; line-height: 20px;}
@media all and (max-width: 767px) {
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}
}

.top20 {
  margin-top: 20px;
}
.top10 {
  margin-top: 10px;
}
.top15 {
  margin-top: 15px;
}
@media (min-width: 992px) {

}

#card-element {
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid var(--light-bg);
  padding: 20px;
  font-size: 16px !important;
  font-family: Proxima-nova-regular !important;
}
#card-element input {
  font-size: 16px !important;
  font-family: Proxima-nova-regular !important;
}

#card-button:active, #card-button:focus {
  border: 1px solid var(--secondary-color) !important;
  background: var(--secondary-color) !important;
}
#card-button #submit-loader {
  position: absolute;
}

.ElementsApp input {
  font-size: 18px !important;
}