* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scrollbar-width: none;
    scrollbar-color: #031835 #10101b;
}

html{
    scroll-behavior: smooth;
}

  
body {
    font-family: 'Exo 2', sans-serif;
    background: #000; /* Fundo preto */
    color: #fff; /* Texto branco */
    overflow-x: hidden;
    height: auto;
}


#herodesktop {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url('dekstop.jpg') no-repeat center center; /* Adicionando a imagem de fundo */
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 64px 5vh 64px;
    overflow: hidden;
}

#herodesktopvideo {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url('dekstop.jpg') no-repeat center center; /* Adicionando a imagem de fundo */
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 64px 5vh 64px;
    overflow: hidden;
}


#herodesktopLP2 {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url('dekstop.webp') no-repeat center center; /* Adicionando a imagem de fundo */
    background-size: contain;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 64px;
    overflow: hidden;
}

#MIFGE {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: fit-content;
    background: url('images/mifgebg.webp') no-repeat center center; /* Adicionando a imagem de fundo */
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px 64px 0vh 64px;
    overflow: hidden;
    gap: 24px;
}

#herovideo {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: url('https://player-vz-2cdebb25-226.tv.pandavideo.com.br/embed/?v=8157dea6-ddaf-4ea2-8b22-b1f34d3f1f95') no-repeat center center; /* Adicionando a imagem de fundo */
    background-size: contain;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px 64px 5vh 64px;
    overflow: hidden;
}





.buttonmifge{
    width: 70%;
    margin: auto;
}

.disclaimer{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
}


.disclaimer2{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.disclaimerMIFGE{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.footermifge{
    color: #6b6b6b;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 15.102px */
}

.gradient-text{
            background: linear-gradient(95.27deg, #BE9054 -0.85%, #e5bd80 39.07%, #BE9054 89.32%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 700;
}

#footer{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#textscenter{
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 70vw;
    max-width: 900px;
}

.textstopm{
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
}

.tagline{
    background: linear-gradient(87deg, #FF9F10 3.49%, #FC762A 98.2%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 600;
}

.textporcentagem{
    background: linear-gradient(87deg, #FF9F10 3.49%, #FC762A 98.2%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 600;
}

.porcentagem{
    display: flex;
    gap: 16px;.
    align-items: center;
}

#datadesktop {

    background-image: url('images/bg-fakeblur.png');
    background-size: cover;
    background-position: top left;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 8px 16px;
    border-radius: 149px;
    border: 1px solid rgb(82, 82, 82);

}


#datadesktopLP2 {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    background: linear-gradient(95.27deg, #BE9054 -0.85%, #e5bd80 39.07%, #BE9054 89.32%);    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dataLP2{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 142.245%; /* 19.914px */
    letter-spacing: 3.36px;
    text-transform: uppercase;
}

.datavideo{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.56px;
    background: linear-gradient(89deg, #01D1FF -7.95%, #2C8FEB 94.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#right{
    display: flex;
    width: 500px;
    min-width: 340px;
    width: 60%;
    max-width: 360px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

#rightvideo{
    display: flex;
    width: 500px;
    min-width: 340px;
    width: 90%;
    max-width: 380px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin: auto;
}

/* recompensa v2 */

.ctabutton2 {
    color: #FFF;
    text-align: center;
    padding: 0px !important;
    text-shadow: 0px 4px 11.8px rgba(0, 0, 0, 0.25);
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(16px, 1.2vw, 24px) !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 5;
    margin: auto;
}

.hidden {
    display: none !important;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.visible {
    display: flex !important;
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.transitioning {
    display: flex;
}

.actions{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.buttondecline{
    color: rgba(255, 255, 255, 0.50);
    text-align: center;
    font-family: "Exo 2";
    font-size: clamp(0.9rem, 1vw, 1.2rem);
    font-style: italic;
    font-weight: 400;
    line-height: 135%; /* 24.3px */
    text-decoration-line: underline;
    cursor: pointer;
}
.topbutton{
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.bonustitle{
    display: flex;
    gap: 16px;
}

.bonusicon{
    width: 32px;
    height: auto;
}

.red{
    color: var(--Base-White, #FF6565);
    text-decoration-line: line-through;
}

.bonus{
    display: flex;
    flex-direction: column;
    gap: 180px;
    width: 100%;
}


.alertbox{
    display: flex;
    padding: 35px 64px 54px 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 18px;
    border: 1px dashed #01D1FF;
    background: radial-gradient(59.57% 107.59% at 50% 0%, rgba(1, 209, 255, 0.19) 8.19%, rgba(23, 73, 120, 0.19) 100%);
    box-shadow: 0px 2px 45.1px 0px rgba(255, 255, 255, 0.09) inset;
    width: 60%;
    max-width: 1600px !important;
}

.taglineMIFGE{
    font-size: clamp(18px, 1.7vw, 32px) !important;
    font-weight: 700;
}

.headingalert{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.5rem, 2vw, 3.3rem);
    font-style: normal;
    font-weight: 600;
    line-height: 125%; /* 135.24px */
    text-align: center;
    width: 100%;;
}

.heading1{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.5rem, 2.8vw, 7rem);
    font-style: normal;
    font-weight: 600;
    line-height: 105%; /* 135.24px */
    text-align: center;
    width: 100%;;
    text-transform: uppercase;
}

.iconAlert{
    width: 54px;
    height: auto;
}

.subtitlealert{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.2rem, 1.1vw, 2rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 135.24px */
    text-align: center;
    width: 100%;;
}

.bottombutton{
    color: white;
    text-align: center;
    font-family: "Exo 2";
    font-size: clamp(1rem, 0.8vw, 1.2rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


#herovideo2 {
    position: relative;
    width: 100vw;
    height: 95vh;
    background: url('https://player-vz-2cdebb25-226.tv.pandavideo.com.br/embed/?v=732e96f6-dd24-4c08-b0c6-49112110ba56') repeat center center; /* Adicionando a imagem de fundo */
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 10vh 64px 10vh 64px;
    overflow: hidden;
    border-radius: 0px 0px 72px 72px;
    box-shadow: 0px 4px 88px 0px rgba(0, 0, 0, 0.88);
}

.riscozerobox{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    border-radius: 20.154px;
    background: linear-gradient(270deg, rgba(255, 224, 143, 0.00) 1.05%, rgba(255, 224, 143, 0.15) 99.64%);
    padding: 32px;
}

.riscozerotextleft{
    background: linear-gradient(90deg, #EEC44C 0%, #FCF7D4 45%, #F9E37A 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
    width: 200px;
}

.riscozerotextright{
    background: linear-gradient(90deg, #EEC44C 0%, #FCF7D4 45%, #F9E37A 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1rem;
    letter-spacing: 2px !important;
    text-align: center;
    font-weight: 500;
    width: 200px;
}

#section2{
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 132px 0px;
    display: flex;
    flex-direction: column;
    gap: 86px;
}

.container{
    width: 100%;
    display: flex;
    padding: 0px 12% 12% 12%;
    flex-direction: column;
    align-items: flex-start;
    align-items: center;
    gap: 64px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 99.59%), linear-gradient(180deg, rgba(46, 51, 90, 0.00) 0%, rgba(28, 27, 51, 0.10) 100%);
    box-shadow: 0px 2px 76.2px 0px rgba(255, 255, 255, 0.08) inset;
}

.mockup{
    margin-top: -80px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    height: auto;
}

.mockup1{
    margin-top: -80px;
    margin-left: 0px;
    margin-right: 0px;
    width: 110vw;
    height: auto;
}

.mockup3{
    margin-top: -80px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    height: auto;
}

.boxfull{
    width: 60%;
    max-width: 1600px !important;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 72px;
    justify-content: center;
    align-items: center;
}

.boxfull1{
    width: 60%;
    max-width: 1600px !important;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 142px;
    justify-content: center;
    align-items: center;
}

.heading2{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.5rem, 2.5vw, 4rem);
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 115%; /* 135.24px */
    text-align: center;
    width: 100%;;
    max-width: 1080px;
    margin: auto;
}

.tracejado{
    text-decoration: line-through;
}


.heading6{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.5rem, 3vw, 5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 115%; /* 135.24px */
    text-align: center;
    width: 100%;;
    margin: auto;
}

.pricing{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: auto !important;
}

.heading4{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.4rem, 1.4vw, 2.5rem);
    font-style: normal;
    font-weight: 600;
    line-height: 125%; /* 135.24px */
    text-align: left;
    width: 100%;;
}

.heading44{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.4rem, 1.4vw, 2.5rem);
    font-style: normal;
    font-weight: 600;
    line-height: 125%; /* 135.24px */
    text-align: center;
    width: 100%;;
}

.itenlistcontainertext{
    color: #B0B0B0;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1rem, 0.9vw, 1.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 135.24px */
    text-align: left;
    width: 100%;;


}

.itenlistcontainertext1{
    color: white;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1rem, 0.9vw, 1.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 135.24px */
    text-align: left;
    width: 100%;;


}

.itenlistcontainertext11{
    color: #B0B0B0;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1rem, 0.9vw, 1.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 135.24px */
    text-align: center;
    width: 100%;;


}

.iconCheckmark{
    width: 32px;
    height: auto;
}


.itenlistcontainer{
    display: flex;
    flex-direction: row;
    gap: 8px;

}
.listcontainer{
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.heading5{
    color: #B0B0B0;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1rem, 1vw, 1.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 135.24px */
    width: 100%;
    text-align: center;
}

.heading3{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.5rem, 2vw, 3.3rem);
    font-style: normal;
    font-weight: 600;
    line-height: 125%; /* 135.24px */
    text-align: left;
    width: 100%;;
}

.subtitle3{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.2rem, 1.1vw, 2rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 135.24px */
    text-align: left;
    width: 100%;;
}

.subtitle8{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.2rem, 1.1vw, 2rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 135.24px */
    text-align: center;
    width: 100%;;
}

.subtitle7{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.2rem, 1.1vw, 2rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 135.24px */
    text-align: center;
    width: 100%;;
}

.subtitle4{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1.2rem, 1.3vw, 2rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 135.24px */
    text-align: left;
    width: 100%;;
}

.textsbox2{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.innercontainer{
    display: flex;
    padding: 6% 7%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: url(https://omecanismoinvisivel.com.br/<path-to-image>) lightgray 0% 0% / 100px 100px repeat, radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 99.59%), linear-gradient(180deg, rgba(46, 51, 90, 0.00) 0%, rgba(28, 27, 51, 0.10) 100%);
    box-shadow: 0px 2px 45.1px 0px rgba(255, 255, 255, 0.09) inset;
}


.boxfull-texts{
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.tagline3{
    background: linear-gradient(89deg, #01D1FF -7.95%, #2C8FEB 94.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(18px, 1.7vw, 32px) !important;
    font-weight: 700;
}

.shinevideo{
    position: absolute;
    z-index: -1;
    top: 90vh;
    width: 100%;
}

.imageshinevideo{
    width: 100%;

}

#centerbottom{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: auto;
}

.widthbutton{
    min-width: fit-content;
    width: 45%;
    max-width: 700px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
}


.col-auto.align-self-center.active-hide {
    position: relative;
}


.recadogrupo{
    position: absolute;
    left: 100%;
    top: -50%;
}



.arrowvideo{
    position: relative;
}

.recadotext{
    font-family: "marydale", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(16px, 1.5vw, 24px) !important;
}

#rightlp2{
    display: flex;
    width: 80%;
    margin: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

#textsdesktop{
    width: 100%;
    position: relative;
    display: flex;
    max-width: 1920px;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
    z-index: 0;

}

#textsvideo{
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 1920px;
    align-items: end;
    gap: 4px;

}

.flex-center{
    display: flex;
    text-align: center;
    width: fit-content;
    gap: 8px;
}

.checklistitem{
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px 16px 8px 14px;
    border-radius: 4px;
background: rgba(255, 225, 1, 0.054);
}

.check-text{
    text-align: start;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(95.27deg, #BE9054 -0.85%, #e5bd80 39.07%, #BE9054 89.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;

}

.check-icon{
    height: 28px;
    width: 28px;
    object-fit: contain;

}

.ticker-wrapper {
    overflow: hidden;
    white-space: nowrap;
  }







#textsdesktopLP2{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    max-width: 1100px;
    justify-content: space-between;
    gap: 32px;
    z-index: 2;

}

.columnleft{
    width: 50%;
}

.columnright{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#textsmobile{
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    z-index: 4000;
}


/* body */
body > main {
    position: relative;
    overflow: hidden;
}

body:not(.active) main #full-video {
    opacity: 0;
    display: block;
    pointer-events: none;
    padding-top: 0%;
    transition: all ease-in-out 0.3s;
}

/* WHEN ACTIVE */

body.active header {
    opacity: 0 !important;
    height: 0px !important;
    transition: all ease-in-out 0.3s;
}

body.active main #full-video {
    opacity: 1;
    pointer-events: all;
    padding-top: 42.1875%;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    width: 100%;
    height: auto;
    border: 0.978px solid #2a2a2a;
    box-shadow: 0px 3.912px 3.912px 0px rgba(0, 0, 0, 0.25);
    transition: all ease-in-out 0.5s;
}


body.active main .logovideo {
    display: none;
}

body.active #home {
    padding: 20px 0;
    /* height: 100% !important; */
    align-self: center !important;
    min-height: 100% !important;
    transition: all ease-in-out 0.5s;
}

body.active #btn-close.show {
    top: -100px;
    opacity: 1 !important;
    pointer-events: all;
    /* left: 50% !important; */
    /* transform: translateX(-50%); */
    transition: all ease-in-out 0.5s;
}

body.active #home .btn-play-container {
    opacity: 0 !important;
    height: 0 !important;
    transition: all ease-in-out 0.3s;
}

body.active #btn-play {
    display: none !important;
    transition: all ease-in-out 0.3s;
}

body.active #herovideo {
    display: flex; /* Certifique-se de que o display é flex */
    justify-content: center;
    transition: all ease-in-out 0.3s;
}

body.active #herovideo2 {
    display: flex; /* Certifique-se de que o display é flex */
    justify-content: center;
    transition: all ease-in-out 0.3s;
}


body.active #home .title,
body.active #home .title-highlight {
    font-size: 26px;
    transition: all ease-in-out 0.5s;
}

body.active .box-video {
    height: 100% !important;
    margin-bottom: 0 !important;
    align-items: center !important;
}

body.active .video-container video {
    opacity: 0.06 !important;
    transition: all ease-in-out 0.5s;
}

body.active .video-container1 video {
    opacity: 0.06 !important;
    transition: all ease-in-out 0.5s;
}

body.active #textsvideo{
    gap: 32px;
}

body.active .heading1{
    display: none;
}

body.active #hidetagline{
    display: none;
}

body.active #recadohide {
    display: none !important;
    transition: all ease-in-out 0.3s;
}

/* ****** */
/* ACTIVE */
/* ****** */

[data-delay]:not(.show) {
    opacity: 0;
    user-select: none;
    pointer-events: none;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}

[data-delay].show {
    opacity: 1;
    user-select: auto;
    pointer-events: all;
    transition: all ease-in-out 1s;
    -webkit-transition: all ease-in-out 1s;
    -moz-transition: all ease-in-out 1s;
    -ms-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
}

.video-container{
    top: 0;
    left: -15vw;
    width: 130vw;
    height: 90vh;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    user-select: none;
    pointer-events: none;
}

.video-container video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    transition: all ease-in-out 0.3s;
}

.video-container1{
    display: flex;
    justify-content: center;
    top: 0;
    left: -15vw;
    width: 130vw;
    height: 90vh;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    user-select: none;
    pointer-events: none;
    scale: 1.4;
}

.video-container1 video{
    width: auto; /* ou ajuste para a largura desejada */
    height: auto; /* mantenha a proporção */
    margin: 0 auto;
    object-fit: contain;
    object-position: top center;
    pointer-events: none;
    transition: all ease-in-out 0.3s;
}


#left{
    width: auto;
    display: grid;
    gap: 20px;
}

#left-bottom{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
}

#left-bottom6{
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

#left-bottom-mobile{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#footer{
    position: relative;
    height: auto;
    padding: 24px;

}

.form-group{
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: start;
    gap: 2px;
}

.footer-disclaimer{
    width: 60%;
    max-width: 1440px;
    color: #6b6b6b;
    background: transparent !important;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 15.102px */
    margin: auto;
}

#phone-number{
    padding-left: 84px;
}

.overlay{
    position: absolute;
    bottom: 0px;
    width: 100vw; /* Ajuste a largura conforme necessário */
    height: 60vh; /* Ajuste a altura conforme necessário */
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.68) 70%, rgba(0, 0, 0, 0.00) 100%);
    pointer-events: none;
}

.overlayvideo{
    position: absolute;
    bottom: 0px;
    width: 100vw; /* Ajuste a largura conforme necessário */
    height: 50vh; /* Ajuste a altura conforme necessário */
    background: radial-gradient(158.78% 96.94% at 50% -9.51%, rgba(0, 0, 0, 0.00) 26.57%, rgba(0, 0, 0, 0.13) 45.49%, rgba(0, 0, 0, 0.767) 62.99%, rgb(0, 0, 0) 90.92%);
    pointer-events: none;
}

.overlay-mobile-plus-lighter{
    position: absolute;
    bottom: 0px;
    width: 100%; /* Ajuste a largura conforme necessário */
    height: 100%; /* Ajuste a altura conforme necessário */
    background: url('images/Overlay-mobile-2.webp') no-repeat center center; /* Adicionando a imagem de fundo */
    background-size: cover;
    background-position: top center;
    z-index: 0;
}

.icon{
    height: 28px;
    width: 28px;
    object-fit: contain;

}

.glow{
    position: absolute;
    top: -50vh;
    bottom: 0px;
    left: -55vw; 
    width: 100vw;
    height: 170vh;
    flex-shrink: 0;
    z-index: 1;
}

.glow2{
    position: absolute;
    width: 100%;
    height: 120%;
    margin: auto;
    z-index: 1;
}

.dollar-left{
    position: absolute;
    z-index: 0;
    left: -10vw;;
    top: -25vh;;
    height: auto;
    width: 40vw;
}

.dollar-right{
    position: absolute;
    z-index: 0;
    right: -20vw;;
    top: 0px;;
    height: auto;
    width: 40vw;
}

.subtitleMIFGE{
    font-size: 20px;
    line-height: 135%;
}

.dollar-leftLP2{
    position: absolute;
    z-index: 1;
    left: -15vw;;
    bottom: -45vh;;
    height: auto;
    width: 30vw;
}

.dollar-rightLP2{
    position: absolute;
    z-index: 0;
    right: -20vw;;
    top: -35VH;;
    height: auto;
    width: 40vw;
}

.logo{
    margin-left: 1vw;
    height: 64px;
    background-size: contain;
}

.logovideo{
    background-size: contain;
    width: 35%;
    height: 100%;
    margin: auto !important;
}

.logoMIFGE{
    height: 48px;
    background-size: contain;
}

.logoMIFGE2{
    height: 48px;
    background-size: contain;
}

.logoMIFGEfooter{
    height: 48px;
    background-size: contain;
    display: none;
}

.data{
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 142.245%; /* 19.914px */
    letter-spacing: 3.36px;
    text-transform: uppercase;
}


.left-top {
    text-align: center;
    max-width: 800px;
    display: flex;
    gap: 32px;
    align-items: center;
}

.left-topLP2 {
    text-align: center;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    margin: auto;
}

.title {
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(14px, 6.5vw, 142px);
    font-style: normal;
    font-weight: 600;
    line-height: 98%; /* 135.24px */
    text-transform: uppercase;
}

.titleLP2 {
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 135.24px */
    width: 100%;
}

.titleLP4 {
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 135.24px */
    width: 100%;
}

.titleLP6 {
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 135.24px */
    width: 100%;
}

.titleLP8 {
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(14px, 6vw, 130px);
    font-style: normal;
    font-weight: 600;
    line-height: 98%; /* 135.24px */
    text-transform: uppercase;
}

.subtitle {
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(16px, 2vw, 32px);
    font-style: normal;
    font-weight: 500;
    line-height: 135%; /* 46.4px */
}

.titleMIFGE {
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 135.24px */
}

.titlecadastro {
    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%; /* 135.24px */
    width: 80%;
    margin: auto;
}




.cta-button {
    color: #FFF;
    text-align: center;
    padding: 0px !important;
    text-shadow: 0px 4px 11.8px rgba(0, 0, 0, 0.25);
    font-family: 'Exo 2', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 5;
}

.linear-span{
    background: var(--linear, linear-gradient(234deg, #00add4 25.42%, #2C8FEB 83.1%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.info {
    color: rgba(255, 255, 255, 0.90);
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 31.9px */
}

.highlight {
    color: #FFF;
    font-style: normal;
    font-weight: 600;
}

.bottom{
    color: #ffffffc4;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
}

/* Overlay do formulário */
.overlay-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 4000;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); /* Transição suave de opacidade */
}

.overlay-form.show {
    opacity: 1;
}

/* Estilo do Popup de Formulário */
.popup-form {
    display: flex;
    width: 472px;
    padding: 42px 36px;
    flex-direction: column;
    align-items: center;
    border-radius: 21px;
    background: #FFF;
    gap: 24px;
    opacity: 1; /* Inicia com a div invisível */
    -webkit-transform: translateY(25px); /* Prefixo para navegadores baseados no Webkit */
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 2s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity;
}

.popup-form.show{
    opacity: 1;
    transform: translateY(0); /* Move o formulário para a posição original */
}

.popup-form h2 {
    margin-top: 0;
}

/* Botão de fechar */
.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 7000;
}

/* Estilos do formulário */
form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

input {
    display: flex;
    padding: 20px 24px;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: 'Exo 2', sans-serif;
    gap: 16px;
    align-self: stretch;
    border-radius: 219px;
    border: 1px solid rgba(53, 70, 87, 0.20);
    background: #EFF1F2;
}

button[type="submit"] {
    display: flex;
    cursor: pointer;
    width: 100%;
    height: auto;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    align-self: stretch;
    border-radius: 72px;
    background: var(--linear, linear-gradient(234deg, #01D1FF 25.42%, #2C8FEB 83.1%));
}

button[type="submit"]:hover {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 72px;
    background: var(--linear, linear-gradient(234deg, #01D1FF 25.42%, #2C8FEB 83.1%));
}

.overlay-form{
    background: radial-gradient(95.68% 95.69% at 50% 0%, rgba(137, 103, 68, 0.88) 0%, rgba(0, 0, 0, 0.88) 41.83%);
    backdrop-filter: blur(4px);
}

.heading-form{
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    color: #000;
    font-family: 'Exo 2', sans-serif;
    line-height: 135%;

}

.aviso{
    color: rgba(130, 130, 130, 0.76);
    text-align: center;
    width: 90%;
    font-family: 'Exo 2', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 17.4px */
}

.highlight-texts{
    background: linear-gradient(268deg, #00D2FE -21.29%, #005DA5 129.45%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;

}

#counter{
    transition: all 0.5s ease;
}

#counter3{
    transition: all 0.5s ease;
}

#counter4{
    transition: all 0.5s ease;
}

@media only screen and (max-width: 768px) {
    #heromobile {
        position: relative !important;
        background: url(background.svg) no-repeat center center !important;
        height: 181vw !important;
        margin-top: -2vw;
        background-size: cover !important;
        background-position: top center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding: 175px 20px 32px 20px !important;
        overflow: visible !important;
    }
}


#heromobile {
    position: relative;
    background: url('background.svg') no-repeat center center;
    height: 96%;
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 175px 20px 32px 20px;
    overflow: visible;
}

#heromobilev3{
    position: relative;
    background: url('background.svg') no-repeat center center; /* Adicionando a imagem de fundo */
    height: 700px;
    width: 100%;
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 175px 20px 32px 20px;
    overflow: visible;
}

#herovideomobile{
    position: relative;
    background: url('capa.svg') no-repeat center center; /* Adicionando a imagem de fundo */
    height: 700px;
    width: 100%;
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 175px 20px 32px 20px;
    overflow: visible;
    display: none;
}

.country-selector {
    position: absolute;
    display: inline-block;
    top: 21px; /* Move o topo do elemento para 50% da altura do parent */
    left: 24px; /* Mantém o elemento a 8px da esquerda */
    width: 50px;
    z-index: 2000;

}

.selected-flag {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.selected-flag img {
    width: 24px;
    height: auto;
}

.arrow {
    margin-left: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
}

.country-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    width: 170px;
}

.country-selector.active .country-list {
    display: block;
}

.emailtext{
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    color: #9D9D9D;
    text-align: center;
}

.emailwrap{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.country-option {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color:#10101b;
    font-size: 12px;
}

.country-option:hover {
    background-color: #f1f1f1;
}

.country-option img {
    width: 24px;
    height: auto;
    margin-right: 10px;
}

#selected-country {
    display: none;
}

.error-message{
    color: red;
    font-size: 12px;
    padding-left: 20px;
}

.popup-politicas{
    display: flex;
    width: 600px;
    flex-direction: column;
    align-items: center;
    border-radius: 21px;
    background: #FFF;
    gap: 24px;
    opacity: 1; /* Inicia com a div invisível */
    -webkit-transform: translateY(25px); /* Prefixo para navegadores baseados no Webkit */
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 2s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity;
}

.popup-politicas.show{
    opacity: 1;
    transform: translateY(0); /* Move o formulário para a posição original */
}

.popup-politicas p {
    font-size: 12px;
    line-height: 140%;
    text-align: left;
}

.popup-politicas li {
    font-size: 12px;
    line-height: 140%;
    text-align: left;
}

.popup-politicas h1 {
    font-size: 16px;
    line-height: 130%;
    text-align: left;
}

.modal-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 60vh; /* Altura máxima para o conteúdo */
    overflow-y: auto; /* Rolagem vertical */
    padding: 32px; /* Adicione um espaçamento para evitar sobreposição com o scroll */
    color: rgba(0, 0, 0, 0.801);
}
  

.fade-in-div {
    opacity: 0; /* Inicia com a div invisível */
    -webkit-transform: translateY(25px); /* Prefixo para navegadores baseados no Webkit */
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 2s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity;

  }
  
  .fade-in-div.show {
    transform: translateY(0); /* Move a div para sua posição original */
    opacity: 1; /* Fica totalmente visível */
  }
  
.textbottomcadastro{
    display: flex;
    flex-direction: column;
    gap: 8px;
}


  .glowbox {
    isolation: isolate;
    overflow: hidden;
    border-radius: 999px;
    display: inline-block;
    position: relative;
    width: 100%;
}

.glowbox-active .glowbox-animations,
.glowbox-active .glowbox-borders-masker {
    opacity: 1;
}

.glowbox-animations,
.glowbox-borders {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.glowbox-animations:before,
.glowbox-borders:before {
    content: "";
    float: left;
    padding-top: 100%;
}

.glowbox-animations:after,
.glowbox-borders:after {
    clear: both;
    content: "";
    display: block;
}

.glowbox-animations {
    opacity: 0;
    pointer-events: none;
    transition: 1s ease opacity;
}

.glowbox-animations * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.glowbox-borders,
.glowbox-glow,
.glowbox-stars {
    animation: borderTurn var(--animation-speed) infinite linear;
    background-image: conic-gradient(from 0 at 50% 50%,
            #e5bd80 0deg,       /* Substituído pelo novo tom */
            rgba(229, 189, 128, 0) 60deg,      /* Transparente do novo tom */
            rgba(190, 144, 84, 0) 300deg,     /* Transparente do segundo novo tom */
            #BE9054 360deg);    /* Segundo novo tom */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}



.glowbox-stars-masker {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    -webkit-mask-size: auto;
    mask-size: auto;
}

.glowbox-glow {
    filter: blur(8px);
    opacity: 0.12;
}

.glowbox-borders {
    animation-name: borderTurnWithTranslate;
}

.glowbox-borders-masker {
    border-radius: 999px;
    content: "";
    height: 100%;
    inset: 0;
    left: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: 1s ease opacity;
    width: 100%;
}

.glowbox-button {
    display: flex;
    width: 100%;
    gap: 12px;
    align-items: center;
    font-feature-settings: "cv06"on, "calt"off, "liga"off;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 24px;
    background-color: #ffffff11;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    cursor: pointer;
    padding: 8px;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.glowbox-button:after {
    content: "";
    background: radial-gradient(85% 120% at 50% 120%,
            rgba(97, 210, 255, 0.24) 0%,
            rgba(106, 126, 134, 0) 100%);
    border-radius: 999px;
    height: calc(100% + 4px);
    left: -2px;
    opacity: 0;
    position: absolute;
    top: -2px;
    transition: 1s all;
    width: calc(100% + 4px);
}

.glowbox-button:hover:after {
    opacity: 0.7;
}

.glowbox-button span {
    display: block;
    color: black;
}


.button {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 0px;
    flex: 1 0 0;
    border-radius: 72px;
    overflow: hidden; /* Necessário para garantir que o pseudo-elemento seja contido */
    z-index: 4;
    background: linear-gradient(95.27deg, #BE9054 -0.85%, #e5bd80 39.07%, #BE9054 89.32%);
}

.buttonYES {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 0px;
    flex: 1 0 0;
    border-radius: 72px;
    overflow: hidden; /* Necessário para garantir que o pseudo-elemento seja contido */
    z-index: 4;
    background: linear-gradient(268deg, #01D1FF 0%, #2C8FEB 100%);
}


/*********************************
*         HTML ELLEMENT          *
*********************************/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: inherit;
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 99px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.15);
}

*:focus {
    outline: none;
}

* {
    box-sizing: border-box;
}

button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
}

button:disabled {
    cursor: not-allowed;
}

button {
    background-color: transparent;
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

svg {
    display: block;
}



/* BTN PLAY */

.home-btn-play-title {
    font-feature-settings: "cv06"on, "calt"off, "liga"off;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 22px;
}

.home-btn-play-description {
    font-feature-settings: "cv06"on, "calt"off, "liga"off;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 18px;
}

.home-btn-play {
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    cursor: pointer;
    display: flex;
    height: 104px;
    justify-content: center;
    /* top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%); */
    margin: 0 auto;

    transition: 0.3s cubic-bezier(0.6, 0.6, 0, 1) width;
    width: 104px;
    z-index: 20;
}

.home-btn-play .glowbox {
    min-width: 72px;
    transition: 0.3s cubic-bezier(0.6, 0.6, 0, 1) width;
    width: 72px;
}

.home-btn-play .glowbox-button {
    align-items: center;
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    height: 72px;
    padding: 12px 28px;
    position: relative;
    width: 100%;
}

.home-btn-play .glowbox-button span {
    align-items: center;
    color: unset;
    display: flex;
    -webkit-text-fill-color: unset;
}

.home-btn-play-text {
    isolation: isolate;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0px;
    left: 68px;
    opacity: 0;
    position: absolute;
    text-align: left;
    transform: translate(-4px);
    transition: 0.3s cubic-bezier(0.6, 0.6, 0, 1) transform,
        0.3s cubic-bezier(0.6, 0.6, 0, 1) opacity;
    width: 142px;
}

.home-btn-play-title {
    color: #fff;
}

.home-btn-play-description {
    color: #fff;
    opacity: 0.7;
}





#btn-close {
    opacity: 0 !important;
    /* visibility: hidden; */
    font-size: 15px;
    cursor: pointer;
    z-index: 7000;
    pointer-events: none;
    border-radius: 50%;
    border: 1px solid #3a3a4a !important;
    background: rgba(249, 249, 250, 0.05);
    height: 34px;
    width: 34px;
    display: flex;
    color: white;
    /* position: absolute;
    top: -150px;
    left: 50% !important;
    transform: translateX(-50%); */
    box-sizing: content-box;
    line-height: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15px);
    transition: all ease-in-out 0.3s;
}

#btn-close:hover {
    color: white;
}

body:not(.active) .btn-play-container {
    opacity: 1;
    height: 100%;
    transition: all ease-in-out 0.5s;
}




.home-btn-cta {
    display: inline-flex;
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    cursor: pointer;
    justify-content: center;
    padding: 18px;
    transition: 0.3s cubic-bezier(0.6, 0.6, 0, 1) width;
    z-index: 20;
}

.home-btn-cta .glowbox-button {
    padding: 12px 24px;
    display: inline-flex;
}

.home-btn-cta-title {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
    color: white;
}

.home-btn-cta-text {
    margin-right: 1rem;
}

.home-btn-cta span {
    display: flex;
    align-items: center;
}

.home-btn-cta svg {
    fill: white;
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.home-btn-cta:hover .glowbox-button:after {
    opacity: 0;
}

@keyframes borderTurn {
    0% { transform: rotate(0); }
    to { transform: rotate(360deg); }
}

@keyframes borderTurnWithTranslate {
    0% { transform: translate(-50%, -50%) rotate(0); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.circular-container {
    position: relative;
    width: 48px;
    height: 48px;
    overflow: visible;
}

.progress-ring {
    transform: rotate(-90deg);
    overflow: visible;
}

.progress-ring__circle {
    transition: stroke-dashoffset 0.35s ease; /* Suaviza a transição do traçado */
    transform-origin: 50% 50%; /* Mantém o círculo centralizado */
    stroke-linecap: round; /* Define bordas arredondadas no traçado */
}

.percentage-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    background: linear-gradient(87deg, #FF9F10 3.49%, #FC762A 98.2%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

/* capt alterações tel */

.iti__dropdown-content {
    color: black !important;
}

/*alterações MIFGE */


.empty{
    display: flex;
    flex-direction: row;
    background-color: white;
    z-index: 20;
    width: 100vw;
    justify-content: center;
    position: relative;
}

.step{
    display: flex;
    flex-direction: row;
    padding: 16px 24px;
    gap: 4px;
    opacity: 50%;
}

.step2{
    display: flex;
    flex-direction: row;
    padding: 8px 16px;
    gap: 4px;
    background-color: #EFEFEF !important;
}

.step-top{
    display: flex;
    font-family: 'Exo 2', sans-serif;
}

.step-title{
    color: #030304;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1rem, 0.9vw, 1.2rem);
    margin: auto;
}

.step-subtitle{
    color: #6B6B6B;
    font-family: 'Exo 2', sans-serif;
    font-size: clamp(1rem, 0.9vw, 1.2rem);
    margin: auto;
}

.check{
    height: 24px;
    width: auto;
    margin: auto;
}

.simfinch{
    display: flex;
    width: 60%;
    max-width: 1600px;
    gap: 5%;
}

.mockupleft{
    width: 50%;
    height: 50%;
    margin: auto;
}

@media (max-width: 768px) { /* Ajuste o valor conforme necessário */
    .titleLP4 {
        font-size: 5vw;
        padding: 16px 16px 0px 16px;
    }
}


@media (min-width: 2000px) {
    #textsdesktopLP2{
        max-width: 1650px;
    }

    #rightlp2 {
        width: 60%;
    }

    .titleLP2 {
        font-size: 46px;
        padding: 16px 16px 0px 16px;
    }

    .titleLP4 {
        font-size: 46px;
        padding: 16px 16px 0px 16px;
    }

    .titlecadastro {
        color: #FFF;
        font-family: 'Exo 2', sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 115%; /* 135.24px */
    }

    .dataLP2{
        font-size: 16px;
    }

    .logo{
        height: 86px;
    }

    .buttonmifge{
        width: 50%;
    }

    .titleLP6 {
        font-size: 34px;
        line-height: 110%; /* 135.24px */
        width: 80%;
    }

    .bottom {
        font-size: 14px;
    }

    .titleMIFGE {
        font-size: 54px;
        line-height: 110%; /* 135.24px */
    }

    .buttonYES {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 24px 52px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        flex: 1 0 0;
        border-radius: 72px;
        overflow: hidden; /* Necessário para garantir que o pseudo-elemento seja contido */
        z-index: 4;
        background: linear-gradient(268deg, #01D1FF 0%, #2C8FEB 100%);
    }

    
.columnright{
    width: 50%;
}

#textscenter{
    width: 60%;
    max-width: 1600px;
}
}

@media (min-width: 901px) { /* Hero Mobile não aparece no desktop */
    #heromobile {
        display: none;
    }
    #heromobilev3 {
        display: none;
    }
    .svg{
        width:  clamp(100px, 15vw, 300px) !important;
    }
    
    .svg1{
        width:  150px;
        display: none;
    }
}

@media (max-width: 1024px) {
    .footer-disclaimer{
        width: 80%;
    } 

}


@media (max-width: 900px) {

    #MIFGE {
        background: url('images/Mobile-bg-obg.webp') no-repeat center center; /* Adicionando a imagem de fundo */
        background-size: cover;
        background-position: top center;
        padding: 0px 16px;
        gap: 54px;
    }
    

    .logoMIFGE{
        display: none;
    }

    .logoMIFGEfooter{
        display: block;
    }

    #herodesktop, #herodesktopLP2 {
        display: none;
    }

    .buttonmifge{
        width: 100%;
    }

    .textporcentagem{
        font-size: 14px;
        font-weight: 600;
    }

    #heromobilev3{
        padding: 175px 20px 90px 20px;
    }


    body.active main #full-video {
        border-radius: 0px;
        height: 240px;
    }
    
    #textsvideo{
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 0px;
        width: 100%;
    
    }

    body.active #textsvideo{
        gap: 24px;
    }

    #rightvideo {
        padding: 0px 32px 32px 32px;
    }


    .video-container{
        top: -150px;
        left: -10vw !important;
        width: 140vw !important;
        height: 120vh !important;
    }

    .video-container1{
        top: -150px;
        left: -10vw !important;
        width: 140vw !important;
        height: 120vh !important;
        scale: 0.9;
    }

    .CloseTop{
        padding: 12px;
    }

    .logovideo{
        background-size: contain;
        width: 100%;
        height: 65px;
        margin: auto !important;
    }

    #rightvideo{
        min-width: 100%;
        width: 100%;
    }

    #textsmobile {
        width: 106%;
        margin-bottom: 16px !important;
        max-width: 400px;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 4000;
    }



    .titleMIFGE {
        font-size: 28px;
        line-height: 110%; /* 135.24px */
    }

    #herovideo {
        padding: 0px;
        min-height: 640px;
        height: 90vh !important;
    }

    .titlecadastro {
        font-size: 20px;
        line-height: 120%; /* 135.24px */
    }

    .tagline{
        font-size: 14px;
        font-weight: 600;
    }

    .ticker-wrapper {
        overflow: hidden;
        white-space: nowrap;
        width: 100vw;
      }

    .flex-center{
        display: inline-block;
        animation: scroll 40s linear infinite; /* Ajuste a duração da animação conforme necessário */
    }

    @keyframes scroll {
        from {
            transform: translateX(0); /* Começa na posição original */
          }
          to {
            transform: translateX(-65%); /* Move até a metade do contêiner */
          }
      }

    .porcentagem{
        margin: auto;
    }

    .left-top {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .left-bottom {
        display: flex;
        flex-direction: column;
        gap: 16px !important; 
    }

    #right-mobile{
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: 0px;
        gap: 16px;
        align-items: center;
    }

    #textscenter{
        min-width: none;
        width: 100%;
        max-width: none;
    }

    .check-icon{
        height: 20px;
        width: 20px;
        object-fit: contain;
    }

    .check-text{
        font-size: 14px;
    }

    .footer-disclaimer{
        width: 95%;
    } 
       .logo {
            height: 287px;
            position: relative;
            top: 46%;
        }

    .title {
        font-size: 36px;
        text-align: center;
        line-height: 120%;
        margin: -10px 0 -10px 0;
    }

    .title8 {
        font-size: 32px;
        text-align: center;
        line-height: 120%;
        margin: -10px 0 -10px 0;
    }

    .subtitle {
        font-size: 16px;
        text-align: center;
        margin: 0px;
    }

    .subtitle10 {
        color: #FFF;
        font-family: 'Exo 2', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 135%; /* 46.4px */
        text-align: center;
    }

    .cta-button {
        font-size: 16px;
        padding: 10px 20px;
    }

    .data {
        font-size: 14px;
        letter-spacing: 1.56px;
        font-weight: 700;
        background: linear-gradient(95.27deg, #BE9054 -0.85%, #e5bd80 39.07%, #BE9054 89.32%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .dollar-left{
        display: none;
    }

    .info{
        font-size: 16px;
        line-height: 135%;
    }

    .dollar-right{
        display: none;
    }



    #datamobile{
        padding: 0px;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: auto;
        gap: 8px;
        border: none;
        background: none;
        justify-content: center;
        width: fit-content;
        backdrop-filter: none;
    }

    .glow{
        display: none;
    }

    /* Estilo do Popup de Formulário */
    .popup-form {
        width: 90%;
        padding: 24px 16px;
    }

    .popup-politicas {
        width: 90%;
    }

    .heading-form{
        font-size: 18px;
        width: 95%;
    }

    .heading-form br{
        display: none;
    }

    .textsmobile br {
        display: none;
      }

    input {
        display: flex;
        padding: 16px 24px;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
        gap: 16px;
        align-self: stretch;
        border-radius: 219px;
        border: 1px solid rgba(53, 70, 87, 0.20);
        background: #EFF1F2;
    }

    .cta-button {
        color: #FFF;
        text-align: center;
        padding: 0px !important;
        text-shadow: 0px 4px 11.8px rgba(0, 0, 0, 0.25);
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none;
        z-index: 5;
    }

    .aviso{
        line-height: 165%; /* 17.4px */
        margin-top: -10px;
    }

    #right hr{
        display: none;
    }

    .country-selector{
        top: 17px;
    }

    .titleLP2 {
        font-size: 24px;
        text-transform: uppercase;
    }

   
        .titleLP4 {
            font-size: 5vw;
            text-transform: uppercase;
            margin-top: -20px !important;
        }
  

    .title10 {
        font-size: 42px;
        text-align: center;
        line-height: 120%;
        margin: -10px 0 -10px 0;
    }

    .modal-body {
        padding: 24px; /* Adicione um espaçamento para evitar sobreposição com o scroll */
    }

    /* Recompensa V2 */

    .svg{
        display: none;
    }
    .shinevideo{
        display: none;
    }

    #herovideo2 {
        padding: 5vh 24px 5vh 24px;
        height: 550px;
        border-radius: 0px 0px 24px 24px;
    }

    .boxfull-texts{
        gap: 12px;
    }

    .widthbutton{
        min-width: none;
        width: 100%;
        max-width: none;
        margin-top: 16px;
    }

    .heading1{
        font-size: clamp(1.5rem, 6vw, 7rem);
    }

    .iconCheckmark{
        width: 24px;
    }

    .iconAlert{
        width: 32px;
        height: auto;
    }

    .container{
        padding: 0px 16px 42px 16px;
        gap: 42px;
        margin-top: 42px;
    }

    .innercontainer{
        padding: 32px 24px;
    }

    .heading2{
        font-size: clamp(1.5rem, 6vw, 7rem);
    }

    .riscozerobox{
        flex-direction: column;
    }

    .heading3{
        font-size: clamp(1.4rem, 2vw, 3.3rem);
    }

    .headingalert{
        font-size: clamp(1.4rem, 2vw, 3.3rem);
    }

    .subtitle3{
        font-size: clamp(1rem, 0.9vw, 2rem);
    }

    .subtitlealert{
        font-size: clamp(1rem, 0.9vw, 2rem);
    }

    .subtitle8{
        font-size: clamp(1rem, 0.9vw, 2rem);
    }

    .subtitle7{
        font-size: clamp(1rem, 0.9vw, 2rem);
    }


    .subtitle4{
        font-size: clamp(1rem, 1.3vw, 2rem);
    }

    .heading4{
        font-size: clamp(1.1rem, 1.4vw, 2.5rem);
    }

    .heading6{
        font-size: clamp(2.2rem, 3vw, 5rem);
        line-height: 125%;
    }

    .heading1 br{

        display: none;

    }

    .overlayvideo{
        position: absolute;
        bottom: 0px;
        width: 100vw; /* Ajuste a largura conforme necessário */
        height: 50vh; /* Ajuste a altura conforme necessário */
        background: radial-gradient(158.78% 96.94% at 50% -9.51%, rgba(0, 0, 0, 0.00) 26.57%, rgba(0, 0, 0, 0.13) 45.49%, rgba(0, 0, 0, 0.767) 62.99%, rgb(0, 0, 0) 90.92%);
        pointer-events: none;
    }

    .itenlistcontainer{
        flex-direction: column;
    }

    .recadogrupo{
        left: 80%;
        top: -100%;
    }

    .bottombutton{
        font-size: 13px;
    }

    .svg1{
        width:  150px;
        display: none;
    }

    .boxfull{
        width: 100%;
    }


    .boxfull1{
        width: 100%;
        gap: 72px;
    }

    #section2{
        margin: 64px 16px;
        padding: 0px
    }

    .pricing{
        width: 100%;
    }


    .button {
        padding: 16px 4px !important;
    }

    .buttonYES {
        padding: 16px 4px !important;
    }

    .alertbox{
        width: 100%;
        padding: 42px;
        gap: 8px;
    }

    .bonus{
        gap: 72px;
    }

    /* alterações MIFGE */
    .step{
        width: 33%;
        flex-direction: column;
        justify-content: center;
    }

    .step2{
        width: 33%;
        flex-direction: column;
        justify-content: center;
    }

    .step-title{
        text-align: center;
        font-size: 14px;
        margin: 0px;
    }

    .step-subtitle{
        text-align: center;
        font-size: 14px;
        margin: 0px;
    }

    .step-top{
        align-items: center;
    }

    .simfinch{
        width: 100%;
        flex-direction: column;
        gap: 32px;
    }

    .mockupleft{
        width: 100%;
        height: 100%;
    }
}