/* Smoth scroll for all pages*/
html {
  scroll-behavior: smooth;
}

/*! Place your custom styles here */
.bg--instagram {
  background: #E56969;
  color: #fff;
}

.bg--linkedin {
  background: #0072B1;
  color: #fff;
  border: 0px;
}

.bg--linkedin .socicon {
  color: #fff
}

.betacode-header {
  max-height: 410px;
  overflow: hidden;
}

.color--primary {
  color: #eb5648 !important;
}

a.btn.btn--primary {
  background-color: #716aca;
  border-color: #716aca;
}

.btn.btn--primary-1 {
  background-color: #544388;
  border-color: #544388;
}

.checkmark.bg--primary-1 {
  background: #716aca;
}

.pricing .label {
  background: #716aca;
}

.accordion-1 li.active .accordion__title {
  background: #716aca;
  border-color: #716aca;
}

@media (max-width: 768px) {

  section {
    padding-top: 40px;
  }

  a.btn.btn--primary {
    width: 100%;
  }

  .col-6.order-order-first {
    margin-bottom: 30px;
  }

  section.switchable {
    margin-bottom: -160px;
  }

  #title-col-side-margins {
    margin-left: 30pt;
    margin-right: 30pt;
  }

  button.btn-yellow-send {
    background-color: #FFCB75;
    text-align: center;
    color: #181C51;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 14pt;
    letter-spacing: 4pt;
    height: 50px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    border-radius: 0;
    border: 0px;
  }
}

div.common-title-margins {
  margin-top: -100px;
}

.img-col-center {
  display: block;
  text-align: center;
}

.img-col-right {
  display: block;
  text-align: right;
}

.img-col-left {
  display: block;
  text-align: left;
}

.col-centered {
  float: none;
  margin: 0 auto;
}

input.form-input, textarea.form-input {
  background-color: white;
  border-radius: 0;
  font-family: raleway;
  border: 2px solid #e1e1e1;
  font-size: 13pt;
  color: #a1a1a1;
}

button.btn-yellow-send {
  background-color: #FFCB75;
  text-align: center;
  color: #181C51;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 18pt;
  letter-spacing: 4pt;
  height: 50px;
  padding: 0px;
  border-radius: 0;
  border: 0px;
}

.home-gallery-background {
  background-color: #1B1C51;
}

.home-white-background {
  background-color: white;
}

.home-gray-background {
  background-color: #f7f7f7;
}