 @import url("https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Neucha:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");

:root {
  --red-monza: #D22739;
  --red-light: #af3232;
  --main-red: #c1052f;
  --main-blue: #005da9;
  --main-gray-dark: #3c4146;
  --main-gray: #b8b8b8;
}


body {
  /* overflow-x: hidden;
  width: 100vw;
  font-size: 14px;
  scroll-behavior: smooth;
  scroll-padding-top: 50px; */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100wh;
  overflow-x: hidden;
  color: #323232;
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-size: 15px;
}



.title{
  position: relative;
  color: var(--main-blue);
  word-break: break-word;
}

@media (min-width: 992px) {
    .title{
      margin-bottom: 1rem!important;
    }
    .title:after{
      background-color: #fff;
      content: '';
      position: absolute;
      width: 100%;
      height: 10px;
      right: 0;
      left: 0;
      bottom: 0;
      border-top: dashed 2px var(--main-blue);
    }
    .title span{
      z-index: 1;
      background-color: #fff;
    }
}


@media (min-width: 1200px) {
    .px-xl-6 {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
    }
}

.btn{
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 15px;
    letter-spacing: 1px;
}
.btn-outlined.btn-gray{
  border: solid 1px var(--main-gray);
  color: var(--main-gray);
}

.btn-outlined.btn-gray:hover{
  background-color: var(--main-gray);
  color: #fff !important;
}

.btn-outlined.btn-gray:focus{
  box-shadow: 0 0 0 0.2rem #d227391a;
}


  .btn-gray {
    font-size: 12px;
    white-space: normal;
    background: var(--main-gray);
    color: #fff !important;
    border-color: var(--main-gray);
  }

  .btn-gray:hover,
  .btn-gray:focus,
  .btn-gray:active {
    color: #fff !important;
    background: var(--main-gray-dark) !important;
    border-color: var(--main-gray-dark) !important;
  }
