* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
}

:root {
    --cinza_1: #111111;
    --cinza_2: #222222;
    --cinza_3: #e8e8e8;
    --cinza_4: #f7f7f7;
    --laranja: #ff451a;
    --azul: #0d49f9;
    --azul_1: #0012d5;
    --azul_2: #0067fe;
    --azul_3: #627ff0;
    --branco: #ffffff;
}

.dropbtn {
    background: #fff url(../img/lng.svg) no-repeat 16px 12px;
    color: var(--cinza_2);
    padding: 13px 20px 13px 45px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    transition: .3s;
  }
  
  .dropbtn:hover, .dropbtn:focus {
    background: #0e42d9 url(../img/lng.svg) no-repeat 16px 12px;
    color: #fff;
  }
  
  .language-btn {
    position: absolute;
    display: inline-block;
    top: 20px;
    right: 20px;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 10px;
    min-width: 130px;
    font-size: 14px;
    overflow: auto;
    text-align: center;
    box-shadow: rgba(68, 14, 153, 0.05) 0px 5px 30px;
    z-index: 1;
    right: 0;
    padding: 6px 0;
  }
  
  .dropdown-content a {
    color: var(--cinza);
    padding: 12px;
    text-decoration: none;
    display: block;
  }

  .dropdown-content a:hover {
    color: var(--azul);
  }
  
  .dropdown a:hover {background-color: #ddd;}
  
  .show {display: block;}

html, body {
    margin: 0;
    font-family: 'Figtree', sans-serif;
	background-color: var(--branco);
	-webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

h1 {
    font-size: 50px;
    line-height: 53px;
    color: var(--branco);
    letter-spacing: -1px;
    font-weight: 500;
}

h1 mark {
    color: #fff;
    background: none;
    text-decoration: underline;
    text-decoration-color: var(--laranja);
    text-underline-offset: 8px;
    text-decoration-thickness: 3px;
}

h2 {
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 50px;
    font-weight: 500;
    line-height: 1.15;
    color: var(--cinza_2);
    z-index: 2;
    position: relative;
}

h2 mark {
    color: var(--cinza_2);
    background: none;
    text-decoration: underline;
    text-decoration-color: var(--laranja);
    text-underline-offset: 8px;
    text-decoration-thickness: 3px;
}

.h-white {
    color: var(--branco);
}

h3 {
    letter-spacing: -1px;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.15;
    color: var(--azul_e);
}

.pre-ttl {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline-block;
    margin-bottom: 30px;
    z-index: 2;
    position: relative;
}

.pre-ttl.v1 {
    color: #a6bdff;
}

.pre-ttl.v2 {
    color: var(--azul);
}

.pre-ttl.v3 {
    color: rgb(68, 68, 68);
}

.m-top-bg {
    background: var(--branco);
    position: relative;
}

.m-top-bg::before {
    background: var(--cinza_4);
    position: absolute;
    content: '';
    width: 100%;
    height: 15%;
    bottom: 0;
}

.m-mid-bg {
    background: var(--cinza_4);
    position: relative;
}

.m-bot-bg {
    background: var(--branco);
    position: relative;
}

.m-bot-bg::before {
    background: var(--cinza_4);
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
}

.m-mid-bg.v2 {
    background: var(--azul);
}

nav {
    padding: 60px 0 40px 0;
    position: absolute;
    width: 100%;
    transition: .5s;
    z-index: 5;
}

nav.fxd-nav {
    padding: 25px 0 25px 0;
    position: fixed;
    top: 0;
    background-color: rgba(255,255,255,.93);
    backdrop-filter: blur(30px);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px;
}

nav .container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-logo {
    transform: translate(0, 6px);
}

nav #logo-1 path {
    fill: var(--branco);
    transition: .3s;
}

nav.fxd-nav #logo-1 path {
    fill: var(--azul_e);
}

.hamb-bg {
    background: transparent;
    padding: 10px 0;
    position: relative;
    z-index: 111;
    display: none;
}

.hamburguer {
    width: 27px;
    height: 4px;
    background: var(--azul_e);
    border-radius: 10px;
    position: relative;
    right: 0;
    display: block;
    transition: 0.6s ease;
}

.hamburguer:after {
    content: '';
    position: absolute;
    width: 27px;
    height: 4px;
    background: var(--azul_e);
    border-radius: 10px;
    top: -8px;
    transition: 0.6s ease;
}

.hamburguer:before {
    content: '';
    position: absolute;
    width: 27px;
    height: 4px;
    background: var(--azul_e);
    border-radius: 10px;
    top: 8px;
    transition: 0.6s ease;
}

#menuhamb:checked ~ label .hamburguer {
    background: transparent;
}

#menuhamb:checked ~ label .hamburguer:after {
    transform: rotate(225deg);
    top: 0;
    background: var(--roxo);
}

#menuhamb:checked ~ label .hamburguer:before {
    transform: rotate(-225deg);
    top: 0;
    background: var(--roxo);
}

.nav-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.nav-menu li {
    display: inline-block;
	margin-left: 45px;
	position: relative;
    font-size: 15px;
    font-weight: 500;
}

.nav-menu li:first-child {
	margin-left: 0;
}

.nav-menu li a {
    color: var(--branco);
    text-decoration: none;
    padding: 2px;
    transition: .2s;
}

.nav-menu li a:hover {
    color: var(--branco);
}

nav.fxd-nav .nav-menu li a {
    color: var(--cinza_3)
}

.nav-menu .p-rh {
    color: var(--branco);
}

.nav-menu .p-rh svg {
    margin-right: 9px;
    transform: translateY(3px);
}

nav #nav-ico-clr path {
    fill: var(--branco);
    transition: .3s;
    margin-right: 15px;
}

nav.fxd-nav #nav-ico-clr path {
    fill: var(--cinza_3);
}

.nav-menu .p-emp {
    background: var(--roxo);
    color: var(--branco);
    padding: 12px 22px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: .3s;
}

.nav-menu .p-emp:hover {
    background: #8b2ef7;
}

nav.fxd-nav .nav-menu .p-emp {
    color: var(--branco);
}

.a-ico {
    margin-left: 10px;
}

.h-f {
    height: 100vh;
    display: flex;
    align-items: center;
}

header {
    background: var(--azul);
    background-image: url('../img/bg-a.svg'), url('../img/bg-b.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: -20% top, 115% bottom;
    background-size: contain;
    padding: 50px 0;
}

header .container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}

.header-content {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-txt {
    width: 560px;
}

.logo {
    margin-bottom: 55px;
}

.main-txt p {
    width: 80%;
    font-size: 20px;
    line-height: 32px;
    margin: 40px 0 0;
    color: var(--branco);
}

.form-dir {
    position: relative;
    width: 534px;
    height: auto;
    background: var(--branco);
    border-radius: 10px;
    padding: 30px;
}



.i-top {
    width: 100%;
    max-width: 434px;
    height: auto;
}

.t-not {
    position: absolute;
}

.t-not img {
    width: 100%;
    height: auto;
}

.n-01 {
    left: -20%;
    top: 32%;
    animation: 4.5s ease-in-out infinite flutuar;
    max-width: 182px;
    width: 50%;
}

.n-02 {
    left: -7%;
    top: 56%;
    animation: 3.8s ease-in-out infinite flutuar;
    max-width: 62px;
    width: 18%;
}

.n-03 {
    right: -20%;
    top: 56%;
    animation: 5s ease-in-out infinite flutuar;
    max-width: 185px;
    width: 50%;
}

@keyframes flutuar {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
}

.r-midia {
    margin-top: 80px;
    -webkit-mask:
    linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%),
    linear-gradient(black,black);
    -webkit-mask-composite: destination-in;
    mask-composite: exclude;
}

.r-midia .swiper-wrapper {
    align-items: center;
}

.r-midia .swiper-slide {
    width: auto;
}

.s-video {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    margin-top: 100px;
}

.bg-txt {
    background: var(--laranja);
    color: var(--branco);
    font-weight: 700;
    padding: 0 7px;
}

.s-video p {
    margin-bottom: 40px;
    font-size: 35px;
    font-weight: 600;
    color: var(--cinza_2);
}

.vidteste {
    background: url('/img/thumbnail.png') no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: 54.166666666667%;
    position: relative;
    border-radius: 15px;
    margin: 0 auto;
    margin-top: 50px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 15px 38px, rgba(0, 0, 0, 0.03) 0px 50px 70px;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  background: none;
  border-radius: 50%;
  padding: 22px 20px 18px 28px;
  cursor: pointer;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: var(--azul);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: var(--azul);
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: var(--azul_2);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 33px solid #fff;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: .8;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
  display: flex;
  align-items: center;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.vid-modal {
    width: 90%;
    max-width: 900px;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    margin: 0 auto;
}

.vid-modal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flex-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: max-content;
    gap: 25px;
    text-align: center;
}

.r-s {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
}

.r-s .dsc {
    width: 500px;
    font-size: 17px;
    line-height: 25px;
    color: var(--cinza_2);
}

.dsc b {
    color: var(--laranja);
}

.r-premios b {
    color: var(--laranja);
}

.r-s-list {
    margin-top: 65px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.r-s-list .box {
    width: 375px;
    font-size: 17px;
    line-height: 25px;
    color: var(--cinza_2);
    position: relative;
    transition: 1s;
    background: var(--branco);
    border-radius: 10px;
    padding: 30px 32px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 15px 38px, rgba(0, 0, 0, 0.02) 0px 30px 50px;
}

.r-s-list .box .titulo {
    margin-bottom: 20px;
}

.r-s-b2 {
    font-size: 17px;
    line-height: 25px;
    margin-top: 35px;
    background: var(--azul);
    color: var(--branco);
    border-radius: 10px;
    padding: 30px 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 30px;
}

.r-dados {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background: var(--cinza_2);
    background-size: cover;
    background-position: 50% 50%;
    padding: 65px 10px 60px;
    border-radius: 20px;
    transition: 1s;
    z-index: 2;
    position: relative;
}

.r-dados .d-box {
    text-align: center;
    width: 100%;
    padding: 10px 0 20px 0;
    transition: 1s;

}

.r-dados .d-box:last-child {
    border-right: none;
}

.r-dados .d-box .numero {
    font-size: 45px;
    letter-spacing: 1px;
    color: var(--branco);
    display: flex;
    justify-content: center;
    font-family: 'Anton';
    text-transform: uppercase;
}

.r-dados .d-box .legenda {
    font-size: 16px;
    color: var(--cinza_3);
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.d-icon {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-more {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 70px;
    justify-content: space-between;
    margin-top: 100px;
}

.s-more .esq {
    width: 500px;
    height: 420px;
    background: var(--azul);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.s-more .esq video {
    object-position: center;
    height: 100%;
    margin: auto;
}

.s-more .dir {
    width: 610px;
}

.s-more .dir p {
    font-size: 17px;
    color: var(--cinza_2);
    line-height: 25px;
    margin: 40px 0;
}

.s-more .dir b {
    color: var(--laranja);
}

.s-more .s-list {
    list-style: none;
    columns: 2;
}

.s-list li {
    font-size: 17px;
    color: var(--cinza_2);
    background: url(https://sipat.radarfit.com.br/hubfs/check.svg) no-repeat left 6px;
    margin-bottom: 18px;
    padding: 0 0 0 30px;
}

.r-premios {
    text-align: center;
    padding: 100px 0 30px 0;
}

.r-premios .titulo {
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

.pi-icon {
    position: absolute;
    z-index: 2;
    width: 56px;
}

.pi-icon img {
    width: 100%;
    height: auto;
}

.pi-01 {
    left: -110px;
    bottom: 50px;
    animation: 3.5s ease-in-out infinite flutuar;
}

.pi-02 {
    right: -130px;
    top: 60px;
    animation: 4.2s ease-in-out infinite flutuar;
}

.pi-03 {
    right: 50px;
    top: -115px;
    animation: 3.6s ease-in-out infinite flutuar;
}

.a-confetti {
    position: absolute;
    top: -100px;
    left: -150px;
    z-index: 1;
    width: 892px;
    height: 224px;
}

.r-premios .marquee {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    margin: 60px 0 70px;
    justify-content: flex-start;
    align-items: center;
    z-index: 1;
}

.r-premios .marquee_content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    animation: marquee_right 40s linear infinite;
    gap: 60px;
}

@keyframes marquee_right {
    from { transform: translateX(-50%); }
    to { transform: translateX(0%); }
}

@keyframes marquee_left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.r-premios .marquee_item {
    width: 220px;
    height: auto;
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 30px 40px);
    filter: drop-shadow(rgba(0, 0, 0, 0.04) 0px 30px 40px);
    transition: 1s;
}

.r-premios .marquee_item img {
    width: 100%;
    height: auto;
}

.p-txt {
    width: 660px;
    font-size: 17px;
    line-height: 25px;
    margin: 0 auto;
    margin-top: 32px;
    color: var(--cinza_2);
}

.r-desafios {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0;
}

.r-desafios .esq {
    width: 330px;
}

.r-desafios .mid {
    width: 287px;
    transition: .5s;
}

.r-desafios .mid:hover {
    transform: scale(1.03);
}

.r-desafios .mid img{
    width: 100%;
    max-width: 287px;
    height: auto;
}

.r-desafios .dir {
    width: 375px;
    font-size: 17px;
    line-height: 27px;
    color: var(--branco);
}

.r-tags {
    width: 100%;
    height: 95px;
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    background: var(--cinza_2);
}

.r-tags .marquee_content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    animation: marquee_left 50s linear infinite;
}

.r-tags .marquee_item {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--branco);
    margin-right: 80px;
    gap: 80px;
    width: max-content;
    align-items: center;
}

.r-usuarios {
    background: var(--branco);
    background-size: cover;
    background-position: 50% 50%;
    text-align: center;
    padding: 100px 0;
}

.r-usuarios .titulo {
    width: 90%;
    max-width: 650px;
    margin: 0 auto;
    position: relative;
}

.p-users {
    position: absolute;
    width: 56px;
}

.p-users img {
    width: 100%;
    height: auto;
}

.u-01 {
    left: -120px;
    top: -20px;
    animation: 3.5s ease-in-out infinite flutuar;
}

.u-02 {
    right: 27px;
    top: -110px;
    animation: 4s ease-in-out infinite flutuar;
}

.u-03 {
    right: -130px;
    top: 40px;
    animation: 4.5s ease-in-out infinite flutuar;
}

.r-rating {
    width: 100%;
    margin-top: 60px;
    -webkit-mask: 
    linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%),
    linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%),
    linear-gradient(black,black);
    -webkit-mask-composite: destination-in;
    mask-composite: exclude;
}

.r-rating .box {
    text-align: left;
    width: 360px;
    padding: 15px 25px 20px;
    box-sizing: border-box;
    background: var(--cinza_4);
    color: var(--cinza_2);
    line-height: 27px;
    border-radius: 10px;
}

.r-rating .box .stars {
    margin-bottom: 8px;
}

.p-empresas {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 20px;
    background: var(--azul);
    border-radius: 20px;
    padding: 65px;
    box-sizing: border-box;
    position: relative;
}

.p-empresas .esc {
    width: 500px;
}

.p-empresas .esc p {
    font-size: 17px;
    line-height: 25px;
    margin: 28px 0 40px;
    color: var(--branco);
}
.btn {
    background: var(--azul_e);
    color: var(--branco);
    padding: 15px 25px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    display: inline-flex;
    gap: 15px;
}
  
.lptp-dir {
    position: absolute;
    bottom: -5px;
    right: 70px;
    width: 525px;
}

.lptp-dir img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

footer {
    background: var(--cinza_2);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    padding: 60px 0 60px;
}

footer .container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}

footer .cont-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

footer .cont-1 .esq {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 50px;
}

footer .cont-1 .esq p {
    font-size: 16px;
    line-height: 27px;
    color: var(--cinza_3);
    transform: translateY(5px);
}

footer .cont-1 .dir {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 32px;
    transform: translateY(6px);
}

footer .cont-1 .dir a path {
    fill: var(--branco);
    transition: .3s;
}

footer .cont-1 .dir a:hover path {
    fill: var(--azul);
}

footer .cont-2 {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #3e3b65;
    padding-bottom: 55px;
}

footer .cont-2 .f-nav {
    width: max-content;
    columns: 2;
    column-gap: 80px;
    padding: 0;
    margin: 0;
    list-style: none;
}

footer .cont-2 .f-nav li {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 600;
}

footer .cont-2 .f-nav li a {
    color: var(--branco);
    text-decoration: none;
    transition: .3s;
}

footer .cont-2 .f-nav li a:hover {
    opacity: .7;
}

footer .app-download {
    font-size: 15px;
    font-weight: 600;
    color: var(--branco);
}

footer .cont-3 {
    display: flex;
    padding-top: 40px;
    justify-content: space-between;
    font-size: 15px;
    line-height: 27px;
    color: var(--cinza_3);
}

footer .cont-3 a, footer .cont-3 b {
    color: var(--branco);
}

.p-btn {
	border: none;
	position: relative;
	display: inline-block;
    background: transparent;
    text-decoration: none;
}

.cta-btn {
	display: inline-flex;
    align-items: center;
	position: relative;
	padding: 15px 25px;
	color: var(--branco);
    font-size: 17px;
    font-weight: 600;
    background: var(--laranja);
    border-radius: 8px;
    text-decoration: none;
    transition: .3s;
}

.cta-btn:hover {
    background: var(--cinza_2);
}

.arrow-wrapper {
    position: relative;
    display: flex;
    margin-left: 12px;
    align-items: center;
}

.arrow-wrapper .a-1 {
	transition: .3s;
}

.arrow-wrapper .a-2 {
	position: absolute;
    transform: translate(-10px,10px);
    opacity: 0;
    transition: .3s;
    transition-delay: .04s;
}

.p-btn:hover .a-1 {
	transform: translate(10px,-10px);
    opacity: 0;
}

.p-btn:hover .a-2 {
	transform: translate(0,0);
    opacity: 1;
}

@media only screen and (max-width:1300px) {
    .r-midia {
        -webkit-mask: 
        linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%),
        linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%),
        linear-gradient(black,black);
        -webkit-mask-composite: destination-in;
        mask-composite: exclude;
    }

    .r-s-list .box {
        width: 30%;
    }
}

@media only screen and (max-width:1200px) {
    .main-txt {
        width: 50%;   
    }

    .form-dir {
        width: 45%;
    }

    h1 {
        font-size: 40px;
    }

    .p-empresas {
        padding: 50px;
    }

    .p-empresas .esc {
        width: 100%;
        text-align: center;
    }

    .lptp-dir {
        display: none;
    }
}

@media only screen and (max-width:1140px) {
    .flex-top {
        flex-direction: column;
        gap: 30px;
        text-align: center;
        width: 100%;
    }
}

@media only screen and (max-width:1100px) {
    .r-s {
        padding: 80px 0 80px;
    }

    .r-s-list {
        flex-direction: column;
        gap: 35px;
    }

    .r-s-list .box {
        width: 100%;
        box-sizing: border-box;   
    }

    .r-dados {
        flex-wrap: wrap;
    }

    .r-dados .d-box {
        flex: 50%;
        padding: 20px 0 30px 0;
    }

    .s-more {
        flex-direction: column;
        gap: 70px;
    }
    
    .s-more .esq {
        width: 100%;
    }
    
    .s-more .dir {
        width: 100%;
        text-align: center;
    }

    .s-more .s-list {
        text-align: left;
    }

    .r-premios {
        padding: 90px 0 0 0;
    }

    .r-premios .marquee_item {
        width: 200px;
    }

    .r-desafios {
        flex-wrap: wrap;
    }

    .r-desafios .esq {
        width: 50%;
        flex: 60%;
        margin-right: 50px;
    }
    
    .r-desafios .mid {
        width: 100%;
        flex: 30%;
        text-align: right;
    }
    
    .r-desafios .dir {
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }

    .r-partners {
        padding: 80px 0 70px 0;
    }

    .p-empresas {
        margin-bottom: 80px;
    }

    footer .cont-1 .esq p {
        margin-right: 50px;
    }
}

@media only screen and (max-width:1000px) {
    .r-s-b2 {
        flex-direction: column;
        text-align: left;
        align-items:flex-start;
    }

    header {
        background: var(--azul);
        background-image: none;
        padding: 70px 0;
    }

    .h-f {
        height: 100%;
    }

    .header-content {
        border-bottom: none;
        padding: 0 0 5px 0;
        display: block;
        text-align: center;
    }

    .main-txt {
        width: 100%;   
    }

    .main-txt p {
        width: 100%;
    }

    .form-dir {
        width: 100%;
        margin-top: 70px;
    }
    
    .b-app {
        margin: 0 auto;
    }

    .img-dir {
        margin: 0 auto;
        margin-top: 30px;
        width: 434px;
    }

    .pi-icon, .p-users {
        width: 48px;
    }
    
    .pi-01 {
        left: -11%;
        bottom: 80px;
    }
    
    .pi-02 {
        right: -11%;
        top: 50px;
    }
    
    .pi-03 {
        top: -100px;
    }
    
    .u-01 {
        left: -11%;
    }
    
    .u-02 {
        right: 10%;
        top: -100px;
    }
    
    .u-03 {
        right: -11%;
    }

    .ftr {
        margin-top: 25px;
    }

    footer .cont-2 .f-nav {
        column-gap: 50px;
    }
}

@media only screen and (max-width:950px) {
    .r-desafios .esq {
        width: 100%;
        flex: 100%;
        margin-right: 0;
        text-align: center;
    }
    
    .r-desafios .mid {
        width: 100%;
        flex: 100%;
        text-align: center;
        margin-top: 50px;
    }
}

@media only screen and (max-width:900px) {
    nav {
        padding: 25px 0 25px 0;
        position: fixed;
        top: 0;
        background-color: rgba(255,255,255,1);
        box-shadow: none;
    }

    nav.fxd-nav {
        background-color: rgba(255,255,255,1);
        box-shadow: none;
    }

    nav #logo-1 path {
        fill: var(--azul_e);
        transition: .3s;
    }

    .nav-menu {
        display: none;
        position: absolute;
        top: 90px;
        background: #fff;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        padding: 0 5% 10px;
        font-size: 16px;
    }

    .nav-menu li {
        display: block;
        margin-left: 0;
        margin: 0 0 15px;
        text-align: center;
    }

    .nav-menu li a {
        color: var(--cinza_3);
        text-decoration: none;
        padding: 2px;
        transition: .2s;
        background: var(--cinza_1);
        display: block;
        padding: 12px 0;
        border-radius: 8px;
    }

    .nav-menu .p-rh {
        color: var(--cinza_3);
    }

    nav #nav-ico-clr path {
        fill: var(--cinza_3);
    }

    .nav-menu .p-emp {
    justify-content: center;
}   

    .hamb-bg {
        display: block;
    }

    .header-content {
        padding: 0;
    }

    footer .cont-1 {
        display: block;
    }

    footer .cont-1 .esq {
        width: 100%;
        display: block;
        text-align: center;
    }

    footer .cont-1 .esq p {
        margin-right: 0;
    }

    footer .cont-1 .dir {
        transform: translateY(0);
        margin: 0 auto;
        margin-top: 40px;
    }

    footer .cont-2 {
        display: block;
    }

    footer .cont-2 .f-nav {
        width: 100%;
        columns: 3;
        column-gap: 20px;
        margin-bottom: 50px;
    }

    footer .app-download {
        text-align: center;
    }
}

@media only screen and (max-width:850px) {
    .r-premios .marquee_content {
        gap: 40px;
    }

    .r-premios .marquee_item {
        width: 170px;
    }
}

@media only screen and (max-width:760px) {
    .r-s p {
        width: 100%;
    }

    .p-txt {
        width: 90%;
    }

    .r-s-list .box {
        flex: 100%;
        box-sizing: border-box;   
    }

    .r-dados .d-box {
        flex: 100%;
        padding: 20px 0 30px 0;
    }

    .r-partners .titulo {
        width: 80%;
    }

    footer .cont-3 {
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width:700px) {
    h1 {
        font-size: 33px;
        line-height: 1.15;
    }

    h2 {
        font-size: 33px;
        line-height: 1.15;
    }

    .main-txt {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
      }

    .s-more .s-list {
        columns: unset;
    }

    .r-s .dsc {
        width: 100%;
        font-size: 17px;
        line-height: 25px;
        color: var(--cinza_2);
    }

    
}

@media only screen and (max-width:650px) {
    .r-premios .marquee_content {
        gap: 30px;
    }

    .r-premios .marquee_item {
        width: 140px;
    }

    .img-dir {
        width: 75%;
    }
}

@media only screen and (max-width:570px) {
    footer .cont-1 .esq {
        width: 100%;
        display: block;
        text-align: center;
    }

    footer .cont-1 .esq p {
        margin-top: 20px;
    }

    footer .cont-2 .f-nav {
        width: 90%;
        margin: 0 auto;
        columns: 2;
        column-gap: auto;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width:450px) {
    .b-app {
        gap: 20px;
    }

    .b-app a {
        padding: 0 16px;
        height: 55px;
    }

    .b-app img {
        height: 30px;
    }
}

@media only screen and (max-width:400px) {
    .b-app {
        gap: 15px;
    }

    .b-app a {
        padding: 0 8px;
        height: 50px;
    }

    .b-app img {
        height: 27px;
    }
}

@media only screen and (max-width:300px) {
    .b-app {
        display: block;
    }

    .b-app a {
        padding: 0 10px;
        height: 50px;
        margin: 10px 0;
    }

    .b-app img {
        height: 27px;
    }
}