/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/css/src/case_study2.scss ***!
  \**************************************************************************************************************************/
@charset "UTF-8";
[v-cloak] {
  display: none !important;
}

.color-gray {
  color: #787878 !important;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

/* --------------------------------------------------------- */
.hero {
  margin-top: 90px;
  width: 100%;
  background: url(../../3800a5a7ef16c6bd009a5baad9628082.jpg) no-repeat center left;
  background-size: cover;
}
@media (max-width: 400px) {
  .hero {
    margin-top: 120px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero {
    margin-top: 120px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero {
    margin-top: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero {
    margin-top: 120px;
  }
}
.hero .tint {
  padding-top: 130px;
  padding-bottom: 130px;
  width: 100%;
}
@media (max-width: 400px) {
  .hero .tint {
    padding-top: 75px;
    padding-bottom: 55px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero .tint {
    padding-top: 75px;
    padding-bottom: 55px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero .tint {
    padding-top: 75px;
    padding-bottom: 55px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero .tint {
    padding-top: 75px;
    padding-bottom: 55px;
  }
}
.hero .image-cover {
  margin: 0 auto;
  width: 175px;
  height: 115px;
  border-radius: 60px;
  background-color: white;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 400px) {
  .hero .image-cover {
    width: 135px;
    height: 95px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero .image-cover {
    width: 135px;
    height: 95px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero .image-cover {
    width: 135px;
    height: 95px;
  }
}
.hero .image-cover img {
  max-width: 90px;
  max-height: 70px;
  vertical-align: middle;
}
.hero .image-cover .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hero h2 {
  font-size: 66px;
  line-height: 66px;
}
@media (max-width: 400px) {
  .hero h2 {
    font-size: 32px;
    line-height: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero h2 {
    font-size: 32px;
    line-height: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero h2 {
    font-size: 32px;
    line-height: 30px;
  }
}
.hero h3 {
  font-size: 32px;
  line-height: 32px;
}
@media (max-width: 400px) {
  .hero h3 {
    font-size: 23px;
    line-height: 23px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero h3 {
    font-size: 23px;
    line-height: 23px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero h3 {
    font-size: 23px;
    line-height: 23px;
  }
}
.hero h4 {
  color: #fff90;
  font-size: 20px;
  line-height: 20px;
}
@media (max-width: 400px) {
  .hero h4 {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero h4 {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero h4 {
    font-size: 14px;
    line-height: 14px;
  }
}

.headline {
  padding: 115px 0;
}
@media (max-width: 400px) {
  .headline {
    padding: 50px 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .headline {
    padding: 50px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .headline {
    padding: 50px 0;
  }
}
.headline h2 {
  color: #111616;
  font-size: 36px;
}
@media (max-width: 400px) {
  .headline h2 {
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .headline h2 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .headline h2 {
    font-size: 28px;
  }
}
.headline p {
  color: #787878;
  font-size: 22px;
}
@media (max-width: 400px) {
  .headline p {
    font-size: 18px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .headline p {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .headline p {
    font-size: 18px;
  }
}

.stats {
  padding: 0 0 115px 0;
}
@media (max-width: 400px) {
  .stats {
    padding: 0 0 50px 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .stats {
    padding: 0 0 50px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .stats {
    padding: 0 0 50px 0;
  }
}
.stats .cover {
  margin: 0 auto;
  padding: 0 20px;
  min-width: 225px;
  max-width: 24%;
  height: 145px;
  border-radius: 90px;
  background-color: #f6f6f7;
  text-align: center;
}
@media (max-width: 400px) {
  .stats .cover {
    max-width: 100%;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .stats .cover {
    max-width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .stats .cover {
    max-width: 100%;
  }
}
.stats .cover .text {
  max-width: 100%;
}
.stats .cover p.stat {
  font-size: 33px;
}
.stats .cover p.name {
  max-width: 100%;
  color: #787878;
  font-size: 20px;
}

.details {
  padding: 0 0 115px 0;
}
@media (max-width: 400px) {
  .details {
    padding: 0 0 55px 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .details {
    padding: 0 0 55px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .details {
    padding: 0 0 55px 0;
  }
}
.details .about, .details .learnings {
  padding: 50px;
  border-radius: 15px;
  background: #f6f6f7;
}
@media (max-width: 400px) {
  .details .about, .details .learnings {
    padding: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .details .about, .details .learnings {
    padding: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .details .about, .details .learnings {
    padding: 30px;
  }
}
.details .about img, .details .learnings img {
  max-width: 75px;
  max-height: 75px;
}
.details .about p, .details .learnings p {
  margin-top: 20px;
  color: #787878;
  font-size: 18px;
}
.details .about p.company-info, .details .learnings p.company-info {
  font-weight: 500;
}
.details .about h2, .details .learnings h2 {
  color: #111616;
  font-size: 24px;
  font-family: Montserrat;
}
.details .about ul > li > span.gray, .details .learnings ul > li > span.gray {
  color: #787878;
  font-size: 18px;
}
.details .about a, .details .learnings a {
  font-weight: 600;
  font-size: 14px;
}

.prefooter {
  padding: 115px 0;
  background: #f6f6f7;
}
.prefooter p.title {
  font-size: 36px;
}
@media (max-width: 400px) {
  .prefooter p.title {
    font-size: 26px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .prefooter p.title {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .prefooter p.title {
    font-size: 26px;
  }
}
.prefooter hr {
  margin: 20px 0;
  margin-left: 0;
  width: 100px;
  height: 3px;
  background-color: #e92f61;
}
.prefooter ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.prefooter ul li {
  padding-left: 1em;
  color: #787878;
  text-indent: -0.7em;
  font-size: 18px;
}
@media (max-width: 400px) {
  .prefooter ul li {
    font-size: 16px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .prefooter ul li {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .prefooter ul li {
    font-size: 16px;
  }
}
.prefooter ul li:before {
  color: #e92f61;
  content: "• ";
  font-weight: bold;
  font-size: 22px;
}
.prefooter button {
  padding-right: 30px;
  padding-left: 30px;
  width: 270px;
  border: 1px solid #e92f61;
  border-radius: 54px;
  font-size: 18px;
}
@media (max-width: 400px) {
  .prefooter button {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .prefooter button {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .prefooter button {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
.prefooter button:hover svg > path {
  fill: white;
}
.prefooter button.contact {
  background: transparent;
  color: #e92f61;
}
.prefooter button.contact img {
  display: none;
}
.prefooter button.contact:hover {
  background: #e92f61;
  color: white;
}
.prefooter button.contact:hover svg {
  display: none;
}
.prefooter button.contact:hover img {
  display: block;
}

.modal#download .modal-content {
  width: 570px;
  border-radius: 15px;
}
@media (max-width: 400px) {
  .modal#download .modal-content {
    overflow: scroll;
    width: 310px;
    height: 550px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .modal#download .modal-content {
    overflow: scroll;
    width: 310px;
    height: 550px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal#download .modal-content {
    overflow: scroll;
    width: 310px;
    height: 550px;
  }
}
.modal#download .modal-content button.close {
  top: 10px;
  right: 15px;
  outline: none;
}
.modal#download .modal-content button.close span {
  color: #787878;
  font-weight: 300;
  font-size: 40px;
}
@media (max-width: 400px) {
  .modal#download .modal-content button.close span {
    font-size: 25px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .modal#download .modal-content button.close span {
    font-size: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal#download .modal-content button.close span {
    font-size: 25px;
  }
}
.modal#download .modal-content button.close:focus span {
  color: #e92f61;
}
.modal#download .modal-content p.title {
  color: #111616;
  font-size: 22px;
}
@media (max-width: 400px) {
  .modal#download .modal-content p.title {
    font-size: 16px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .modal#download .modal-content p.title {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal#download .modal-content p.title {
    font-size: 16px;
  }
}
.modal#download .modal-content hr {
  margin: auto;
  width: 100px;
  height: 3px;
  background-color: #e92f61;
}
.modal#download .modal-content .icon-name {
  position: relative;
  height: 48px;
}
.modal#download .modal-content .icon-name:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  width: 21px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE5LjIyOSIgdmlld0JveD0iMCAwIDIwIDE5LjIyOSIgd2lkdGg9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlOTJmNjEiPjxwYXRoIGQ9Im0zODIuMjc0IDI1Ny4wMDVhNS41IDUuNSAwIDEgMSA1LjYyMS01LjUgNS41NjYgNS41NjYgMCAwIDEgLTUuNjIxIDUuNXptMC0xMGE0LjUgNC41IDAgMSAwIDQuNiA0LjUgNC41NTYgNC41NTYgMCAwIDAgLTQuNi00LjV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcyLjI3NCAtMjQ2LjAwNSkiLz48cGF0aCBkPSJtMzkwLjcgMjY2LjAwNWgtMTYuODQ3YTEuNTQzIDEuNTQzIDAgMCAxIC0xLjU3OS0xLjUgNS43NyA1Ljc3IDAgMCAxIDEuMjg5LTMuMyA3LjQ0NCA3LjQ0NCAwIDAgMSAzLjAyLTIuMjE5IDE2Ljk4IDE2Ljk4IDAgMCAxIDExLjM4MiAwIDcuNDUzIDcuNDUzIDAgMCAxIDMuMDIgMi4yMTkgNS43NyA1Ljc3IDAgMCAxIDEuMjg5IDMuMyAxLjU0MyAxLjU0MyAwIDAgMSAtMS41NzQgMS41em0tOC40MjEtN2MtMy42NyAwLTYuMzc5Ljk1My03LjgzMyAyLjc1NmE0LjkyIDQuOTIgMCAwIDAgLTEuMTE0IDIuNzQ2LjUxMy41MTMgMCAwIDAgLjUyNi41aDE2Ljg0MmEuNTE0LjUxNCAwIDAgMCAuNTI2LS41IDQuOSA0LjkgMCAwIDAgLTEuMTE0LTIuNzQ0Yy0xLjQ2MS0xLjgwNS00LjE2OC0yLjc1OC03LjgzOC0yLjc1OHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzIuMjc0IC0yNDYuNzc2KSIvPjwvZz48L3N2Zz4=) no-repeat center left;
  background-size: cover;
  content: "";
}
.modal#download .modal-content .icon-email {
  position: relative;
  height: 48px;
}
.modal#download .modal-content .icon-email:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  width: 21px;
  height: 13px;
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyLjYzMiIgdmlld0JveD0iMCAwIDIwIDEyLjYzMiIgd2lkdGg9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im00MzguNDIzIDUxMWgtMTYuODQyYTEuNTgxIDEuNTgxIDAgMCAwIC0xLjU4MSAxLjU4djkuNDc0YTEuNTgxIDEuNTgxIDAgMCAwIDEuNTc5IDEuNTc5aDE2Ljg0MmExLjU4MSAxLjU4MSAwIDAgMCAxLjU3OS0xLjU3OXYtOS40NzRhMS41ODEgMS41ODEgMCAwIDAgLTEuNTc3LTEuNTh6bTAgMS4wNTNhLjUzLjUzIDAgMCAxIC4wOTIuMDA4bC03LjkyOCA1LjI4NWExLjE5NCAxLjE5NCAwIDAgMSAtMS4xNjcgMGwtNy45MjgtNS4yODVhLjUyMS41MjEgMCAwIDEgLjA5Mi0uMDA4aDE2Ljg0MXptMCAxMC41MjZoLTE2Ljg0MmEuNTI2LjUyNiAwIDAgMSAtLjUyNi0uNTI2di05LjAxN2w3Ljc4IDUuMTg2YTIuMjQ1IDIuMjQ1IDAgMCAwIDIuMzM1IDBsNy43OC01LjE4NnY5LjAxN2EuNTI3LjUyNyAwIDAgMSAtLjUyNy41Mjd6IiBmaWxsPSIjZTkyZjYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDIwLjAwMiAtNTExLjAwMSkiLz48L3N2Zz4=) no-repeat center left;
  background-size: cover;
  content: "";
}
.modal#download .modal-content .icon-website {
  position: relative;
  height: 48px;
}
.modal#download .modal-content .icon-website:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  width: 21px;
  height: 21px;
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4Ljk5OCIgdmlld0JveD0iMCAwIDE4Ljk5OSAxOC45OTgiIHdpZHRoPSIxOC45OTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExNi4yMiAxOTQ4Ljc4M2E5LjUgOS41IDAgMSAwIDIuNzggNi43MTcgOS40MzkgOS40MzkgMCAwIDAgLTIuNzgtNi43MTd6bS0xLjIyNiA2LjIxN2ExNS43MzUgMTUuNzM1IDAgMCAwIC0uMzktMy4wODMgOS40NzEgOS40NzEgMCAwIDEgMS4wMTguNDg0IDQuMjczIDQuMjczIDAgMCAxIDIuMzI0IDIuNmgtMi45NTJ6bS0xIDBoLTMuOTk0di0zLjk5MmExNC4zNSAxNC4zNSAwIDAgMSAzLjQ3MS41MjEgMTQuMjkgMTQuMjkgMCAwIDEgLjUyMyAzLjQ3MXptLTMuOTk0LTQuOTkxdi0yLjk1M2E0LjI3IDQuMjcgMCAwIDEgMi42IDIuMzI0IDkuMzU4IDkuMzU4IDAgMCAxIC40ODQgMS4wMTcgMTUuNzM4IDE1LjczOCAwIDAgMCAtMy4wODMtLjM4OHptLTEtMi45NTR2Mi45NTNhMTUuODEyIDE1LjgxMiAwIDAgMCAtMy4wODMuMzg5IDkuMjc5IDkuMjc5IDAgMCAxIC40ODQtMS4wMTggNC4yNzIgNC4yNzIgMCAwIDEgMi42LTIuMzI0em0wIDMuOTU0djMuOTkxaC0zLjk5YTE0LjM1NCAxNC4zNTQgMCAwIDEgLjUyMS0zLjQ3MSAxNC4yOTQgMTQuMjk0IDAgMCAxIDMuNDY5LS41MnptLTQuOTkgMy45OTFoLTIuOTUzYTQuMjcgNC4yNyAwIDAgMSAyLjMyNC0yLjYgOS4yODggOS4yODggMCAwIDEgMS4wMTgtLjQ4NCAxNS42NjEgMTUuNjYxIDAgMCAwIC0uMzg5IDMuMDgzem0wIDFhMTUuODEgMTUuODEgMCAwIDAgLjM4OSAzLjA4MyA5LjI4OCA5LjI4OCAwIDAgMSAtMS4wMTgtLjQ4NCA0LjI3MyA0LjI3MyAwIDAgMSAtMi4zMjQtMi42aDIuOTUzem0xIDBoMy45OXYzLjk5MmExNC4zNjEgMTQuMzYxIDAgMCAxIC0zLjQ3MS0uNTIxIDE0LjMgMTQuMyAwIDAgMSAtLjUxOS0zLjQ3MXptMy45OTIgNC45OTJ2Mi45NTNhNC4yNyA0LjI3IDAgMCAxIC0yLjYtMi4zMjQgOS4yNzkgOS4yNzkgMCAwIDEgLS40ODQtMS4wMTggMTUuNzM3IDE1LjczNyAwIDAgMCAzLjA4My4zOXptMSAyLjk1NHYtMi45NTNhMTUuNzM3IDE1LjczNyAwIDAgMCAzLjA4My0uMzkgOS4yNzggOS4yNzggMCAwIDEgLS40ODQgMS4wMTggNC4yNzMgNC4yNzMgMCAwIDEgLTIuNiAyLjMyNHptMC0zLjk1NHYtMy45OTJoMy45OTJhMTQuMzU2IDE0LjM1NiAwIDAgMSAtLjUyMSAzLjQ3MSAxNC4zMDYgMTQuMzA2IDAgMCAxIC0zLjQ3My41MjJ6bTQuOTkyLTMuOTkyaDIuOTUzYTQuMjcgNC4yNyAwIDAgMSAtMi4zMjQgMi42IDkuMTEzIDkuMTEzIDAgMCAxIC0xLjAxOC40ODQgMTUuNjYxIDE1LjY2MSAwIDAgMCAuMzg5LTMuMDgzem0yLjQ0LTMuNTU1YTcuNjg0IDcuNjg0IDAgMCAwIC0xLjMyNS0uOTE4IDEwLjc4NyAxMC43ODcgMCAwIDAgLTEuODM3LS44IDEwLjg2IDEwLjg2IDAgMCAwIC0uOC0xLjgzNyA3LjY4OCA3LjY4OCAwIDAgMCAtLjkxOC0xLjMyNSA4LjU0NSA4LjU0NSAwIDAgMSA0Ljg4IDQuODgxem0tMTAuOTg3LTQuODc3YTcuNjg4IDcuNjg4IDAgMCAwIC0uOTE4IDEuMzI1IDEwLjc4IDEwLjc4IDAgMCAwIC0uOCAxLjgzNyAxMC44NzUgMTAuODc1IDAgMCAwIC0xLjgzNy44IDcuNjg0IDcuNjg0IDAgMCAwIC0xLjMyNS45MTggOC41NDUgOC41NDUgMCAwIDEgNC44OC00Ljg3OXptLTQuODc3IDEwLjk4N2E3LjY5IDcuNjkgMCAwIDAgMS4zMjUuOTE4IDEwLjc3NyAxMC43NzcgMCAwIDAgMS44MzcuOCAxMC44NjIgMTAuODYyIDAgMCAwIC44IDEuODM3IDcuNjgyIDcuNjgyIDAgMCAwIC45MTggMS4zMjUgOC41NDUgOC41NDUgMCAwIDEgLTQuODgtNC44Nzl6bTEwLjk4NyA0Ljg3N2E3LjY4MiA3LjY4MiAwIDAgMCAuOTE4LTEuMzI1IDEwLjc4MSAxMC43ODEgMCAwIDAgLjgtMS44MzcgMTAuODU1IDEwLjg1NSAwIDAgMCAxLjgzNy0uOCA3LjY5IDcuNjkgMCAwIDAgMS4zMjUtLjkxOCA4LjU0NSA4LjU0NSAwIDAgMSAtNC44NzcgNC44Nzd6IiBmaWxsPSIjZTkyZjYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwLjAwMyAtMTk0Ni4wMDEpIi8+PC9zdmc+) no-repeat center left;
  background-size: cover;
  content: "";
}
.modal#download .modal-content input {
  background-color: #f6f6f7;
}
.modal#download .modal-content label {
  opacity: 1;
  animation: 0.5s ease 0s 1 normal forwards running fadeInUp;
}
@media (max-width: 400px) {
  .modal#download .modal-content .form-group {
    margin-bottom: 10px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .modal#download .modal-content .form-group {
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal#download .modal-content .form-group {
    margin-bottom: 10px;
  }
}
.modal#download .modal-content .form-group.radio {
  height: 30px;
}
@media (max-width: 400px) {
  .modal#download .modal-content .form-group.radio {
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .modal#download .modal-content .form-group.radio {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal#download .modal-content .form-group.radio {
    margin-bottom: 20px;
  }
}
.modal#download .modal-content .form-group.radio p {
  color: #787878;
  font-size: 15px;
}
.modal#download .modal-content .form-group.radio p.option {
  position: relative;
  cursor: pointer;
}
.modal#download .modal-content .form-group.radio p.option:focus {
  outline: none;
}
.modal#download .modal-content .form-group.radio p.option:focus:before {
  border: 1px solid #e92f61;
}
.modal#download .modal-content .form-group.radio p.option:before {
  position: absolute;
  left: -25px;
  width: 20px;
  height: 20px;
  border: 1px solid #ced4da;
  border-radius: 20px;
  background-color: #f6f6f7;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxMCA4IiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJtOC40NTIwODMzMyAwLTQuNzAyMDgzMzMgNC44MTk1ODMzMy0yLjIwMjUtMi4wODc5MTY2Ni0xLjU0NzUgMS41NDgzMzMzMyAzLjc1IDMuNjM2NjY2NjcgNi4yNS02LjM2ODc1eiIgLz4KPC9zdmc+Cg==);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.modal#download .modal-content .form-group.radio p.option.selected:before {
  border: 1px solid #e92f61;
  background-color: #e92f61;
}
.modal#download .modal-content .form-group.terms {
  height: 10px;
  cursor: pointer;
}
@media (max-width: 400px) {
  .modal#download .modal-content .form-group.terms {
    height: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .modal#download .modal-content .form-group.terms {
    height: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal#download .modal-content .form-group.terms {
    height: 30px;
  }
}
.modal#download .modal-content .form-group.terms p {
  position: relative;
  margin-bottom: 0;
  margin-left: 30px;
  color: #787878;
  font-size: 11px;
}
.modal#download .modal-content .form-group.terms p:focus {
  outline: none;
}
.modal#download .modal-content .form-group.terms p:focus:before {
  border: 1px solid #e92f61;
}
.modal#download .modal-content .form-group.terms p:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -31px;
  margin: auto;
  width: 20px;
  height: 20px;
  border: 1px solid #ced4da;
  border-radius: 3px;
  background: #f6f6f7;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxMCA4IiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJtOC40NTIwODMzMyAwLTQuNzAyMDgzMzMgNC44MTk1ODMzMy0yLjIwMjUtMi4wODc5MTY2Ni0xLjU0NzUgMS41NDgzMzMzMyAzLjc1IDMuNjM2NjY2NjcgNi4yNS02LjM2ODc1eiIgLz4KPC9zdmc+Cg==);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.modal#download .modal-content .form-group.terms p.checked:before {
  border: 1px solid #e92f61;
  background-color: #e92f61;
}
.modal#download .modal-content button.submit {
  padding-right: 30px;
  padding-left: 30px;
  width: 270px;
  height: 54px;
  border-radius: 54px;
  font-size: 18px;
}
@media (max-width: 400px) {
  .modal#download .modal-content button.submit {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .modal#download .modal-content button.submit {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal#download .modal-content button.submit {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
.modal#download .modal-content button.submit span {
  margin-right: 5px;
}
.modal#download .modal-content button.submit svg {
  margin-left: 5px;
}
.modal#download .modal-content.thanks p.text {
  color: #787878;
  font-size: 15px;
}
.modal#download .modal-content.thanks button.btn {
  padding-right: 30px;
  padding-left: 30px;
  width: 270px;
  height: 54px;
  border-radius: 54px;
  font-size: 18px;
}
@media (max-width: 400px) {
  .modal#download .modal-content.thanks button.btn {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .modal#download .modal-content.thanks button.btn {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal#download .modal-content.thanks button.btn {
    width: 225px;
    height: 44px;
    font-size: 14px;
  }
}
.modal#download .modal-content.thanks button.white {
  border: 1px solid #e92f61;
  background: white;
  color: #e92f61;
}
.modal#download .modal-content.thanks button.white:hover {
  background-color: #e92f61;
  color: white;
}
.modal#download .modal-content.thanks a {
  text-decoration: none;
}