*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

:root {
  --colorDafaut: #fff;
  --colorBlue: #0b2c4e;
  --colorGreen: #54c362;
  --fontFamilyBebasNeue: 'Bebas Neue', cursive;
  --fontFamilyMicrosoftTaiLe: 'Microsoft Tai Le';
}

body {
  font-family: 'Roboto', sans-serif;  
  background: var(--colorBlue);
  color: var(--colorDafaut);
  position: relative;
}

input, button{
  outline: none;
}

img {
  border: none;
  max-width: 100%;
}

ul,
ol {
  list-style: none;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  line-height: 1.1;
  font-family: var(--fontFamilyBebasNeue);
}

a {
  color: #fff;
}

a:hover {
  color: var(--colorDafaut);
  text-decoration: none;
}

.fs-1rem {
  font-size: 1rem;
}

.fs-1-1rem {
  font-size: 1.1rem;
}

.fs-1-2rem {
  font-size: 1.2rem;
}

.fs-1-3rem {
  font-size: 1.3rem;
}

.fs-1-4rem {
  font-size: 1.4rem;
}

.fs-1-5rem {
  font-size: 1.5rem;
}

.text-uppercase {
  text-transform: uppercase;
}

.content {
  position: relative;
  max-width: 1280px;
  width: 100%;
  padding: 15px 25px;
  margin: 0 auto;
}

.header__text {
  background-image: url(../img/icon-header.png);
  background-repeat: no-repeat;
  padding-left: 24px;
}

.header__text h1 {
  font-size: 2rem;
  text-transform: uppercase;
  padding: 40px 10px 40px 60px;
}

.header__text h1 span {
  font-weight: 100;
}

.header__text p{
  margin-top: 15px;
  font-size: .9rem;
}

.header__video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.header__video iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.form {
  background: var(--colorGreen);
  color: var(--colorBlue);
  padding: 15px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.form__content {
  padding: 15px;
  border: 1px solid var(--colorDafaut);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.form__header div {
  width: 90%;
  background: var(--colorBlue);
  color: var(--colorDafaut);
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.1;
  font-family: var(--fontFamilyMicrosoftTaiLe);
  font-weight: bold;
  font-size: .8rem;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.form__header div strong {
  display: block;
  font-size: 1.8rem;
}

.form__tagline {
  margin: 10px 0;
  text-align: center;
  font-size: .8rem;
  text-transform: uppercase;
}

.form__tagline strong {
  display: block;
  font-size: .9rem;
}
.form__fields label{
  display: block;
}
.form__fields label span{
  display: block;
  padding-left: 15px;
  font-size: .8rem;
}
.form__fields label input{
  width: 100%;
  padding: 4px;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.submit-block{
  margin: 20px 0 0 0;
  text-align: center;
}
.submit-block small {
  display: block;
  margin: 15px 0px;
  color: var(--colorDafaut);
  font-size: .8rem;
}
.submit-block button{
  background: var(--colorBlue);
  color: var(--colorDafaut);
  padding: 5px 10px;
  font-size: 1rem;
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.vantagens {
  margin: 60px auto 0 auto;
  max-width: 760px;
}
.vantagens h1 {
  text-align: center;
  font-size: 2.2rem;
  max-width: 474px;
  margin: 0 auto 40px auto;
}
.vantagens h1 span {
  color: var(--colorGreen);
}
.vantagens__content li{
  display: flex;
  align-items: start;
  column-gap: 18px;
  margin-bottom: 25px;
  line-height: 1.2;
}
.vantagens__content li div h2{
  font-size: 1.5rem;
}
.vantagens__content li div p{
  font-size: 1.2rem;
}
.vantagens__content li strong{
  color: var(--colorGreen);
  font-size: 3rem;
  line-height: 1;
}

.icon-right{
  position: absolute;
  right: 0;
  bottom: 150px;
  display: none;
}
.icon-footer{
  margin: 20px 0 20px -25px;
}


@media(min-width: 751px) {
  .content{
    background-image: url(../img/icon-form.png);
    background-repeat: no-repeat;
    background-position: 99% 500px;
  }
}
@media(min-width: 975px) {
  .icon-right{
    display: block;
  }
}
@media(min-width: 992px) {
  .form__tagline{
    margin: 30px 0;
  }
  .form__fields label{
    margin-bottom: 40px;
  }
  .header__text p{
    font-size: 1.1rem;
  }
  .vantagens h1{
    font-size: 2.4rem;
    max-width: 520px;
  }
}