:root {
  --primary: #e83e8c;
  --dark: #000000;
  --light: #ffffff;
  --grey: #f5f5f5;

}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
}


.navbar {
  min-height: 90px;
}

.navbar .btn {
  padding: .625rem 1.25rem !important;
}

.navbar-brand {
  color: #007bff;
}

.text-primary {
  color: var(--primary) !important;
}


.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-light {
  background-color: var(--light);
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-light {
  background-color: var(--grey) !important;
}


.content {
  max-width: 500px;
}



#hero {
  height: 963px;
}

.call-to-action {
  border-radius: 50px;
}

.call-to-action img {
  max-width: 280px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.cta-form {
  max-width: 480px;
}

/*.cta-form .form-control {
  min-height: 82px;
}*/

.btn-default {
  background-color: #28a745;
  color: #fff;
  padding: .625rem 1.25rem !important;
}

.btn-default:hover {
  background-color: #28a745;
  color: #fff;
}


@media (max-width: 992px) {
  .navbar {
    position: relative !important;
  }
  section {
    height: unset;
  }
  .call-to-action img {
    max-width: 100%;
  }
  .w-75 {
    max-width: 100% !important;
  }
}


.navbar-toggler:focus {
  box-shadow: none;
}