@font-face {
    font-family: 'PPAgrandirGrandHeavy';
    src: url(fontok/PPAgrandir-GrandHeavy.otf) format('opentype');
    font-weight: 900; 
    font-style: normal;
}

@font-face {
    font-family: 'NeueMontrealMedium';
    src: url(fontok/PPNeueMontreal-Medium.otf) format('opentype');
    font-weight: 500; 
    font-style: normal;
}

@font-face {
    font-family: 'NeueMontrealBold';
    src: url(fontok/PPNeueMontreal-Bold.otf) format('opentype');
    font-weight: 700; 
    font-style: normal;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
  }  

body{
    background: #141414;
    color: #D9D9D9;

    cursor: default;  
}

/* ANIMACIO LOADING START */    
body, html {
    font-family: 'NeueMontrealBold';
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
}

.done {
    top: 0;
    height: 100%;
    width: 100%;
    transition: all .10s ease;
}

.count {
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    color: #D2FF72;
}

.lenyeg {
    display: none;
}

.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0; /* Kezdeti szélesség */
    height: 5px; /* Válaszd meg a magasságot */
    background-color: #D2FF72;
    z-index: 1000;
}

 /* ANIMACIO LOADING END */
    


/* SCROLLBAR */
::-webkit-scrollbar {
    width: 12px; 
}

::-webkit-scrollbar-track{
    background-color: #141414;
}

::-webkit-scrollbar-thumb{
    background-color: #D2FF72;
}

/* NAVIGACIOS RESZ */

header{
    display: flex;
    justify-content: flex-start;
    align-items: end;

    position: fixed; 
    background-color: #14141400;
    height: 80px;

    gap: 61px;

    opacity: 0; 
    z-index: 100; 
    animation: slide-down 1s ease-out forwards;  
}

.logo{
    color: #D2FF72;
    font-family: 'PPAgrandirGrandHeavy';
    font-size: 19.2px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;

    padding-bottom: 3px;
    padding-left: 61px;
}

.logo-simula{
    margin: 0;
}

nav{
    display: flex;
    justify-content: center;

    gap: 17px;

    padding-left: 415px;
}

.menu-gomb{
    display: flex;
    justify-content: center;
    align-items: center;
    
    color: #D2FF72;
    background-color: #14141400;
    width: 141px;
    height: 32px;
    border-radius: 3px; 
    
    font-family: 'NeueMontrealMedium';
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
    transition: background-color 0.5s ease; 

    cursor: pointer;
}

.menu-gomb:hover{
    background-color: #D2FF72;
    color: #4F4F4F;
}

a:link{
    color: #D2FF72;
    text-decoration: none;
}
a:visited{
    color: #D2FF72;
    text-decoration: none;
}

.order-now-doboz{
    display: flex;
    justify-content: center;

    padding-left: 345px;

    cursor: pointer;
}

.order-now{
    display: flex;
    justify-content: center;
    align-items: center;
    
    color: #4F4F4F;
    background-color: #D2FF72;
    width: 169px;
    height: 32px;
    border-radius: 3px; 

    margin: 0px;
    
    font-family: 'NeueMontrealMedium';
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
    transition: background-color 0.5s ease; 
}

.order-now:hover{
    background-color: #4F4F4F;
    color: #D2FF72;
}

/* NAVIGACIOS RESZ */





/* ELSO OLDAL */

.simula-doboz{
    position: relative;
    width: 1625px;
    height: 313px;
    flex-shrink: 0;
    background-color: #00000000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden; 
    
    padding: 150px 0px 0px 140px;
}

.simula-focim{
    color: #D9D9D9;
    font-family: 'PPAgrandirGrandHeavy';
    font-size: 298px;
    font-weight: normal;
    font-weight: 800;
    line-height: normal;

    display: flex;
    justify-content: flex-start;
    align-items: center;
  
    position: absolute;
    bottom: -100%;
    opacity: 0; 
    animation: slide-up 1s ease-out forwards;
}

.hero{
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 0px 169px 0px 149px;
}

.eszkoz-lebeg{
    position: relative;
    width: 653px;
    height: 683px;
    flex-shrink: 0;
    background-color: #ff020200;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; 
    margin-top: -180px;
    padding-left: 20px;

    position: relative;
    animation: float 5s ease-in-out infinite;
}

.eszkoz-lebeg-kep{
    position: absolute;
    width: 788px;
    height: 733px;
    align-items: center;

    position: absolute;
    bottom: -100%;
    opacity: 0; 
    animation: slide-up 1s ease-out forwards;

}

.unlock{
    position: relative;
    width: 324px;
    height: 120px; 
    background-color: #ffffff00;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; 

    padding-top: 100px;
}

.unlock-szoveg{
    color: #D9D9D9;
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: right;
    font-weight: 500; 
    font-style: normal;
    line-height: 31px;

    display: flex;
    justify-content: center;
    align-items: center;

    margin: 0%;
  
    position: absolute;
    bottom: -100%;
    opacity: 0; 
    animation: slide-up 1s ease-out forwards;
}

.ORDEER{
    position: relative;
    width: 303px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; 
}

.order-now-doboz-nagyobb{
    display: flex;
    justify-content: center;
    padding-top: 137px;

    cursor: pointer;
}

.order-nagyobb-szoveg{
    display: flex;
    justify-content: center;
    align-items: center;
    
    color: #4F4F4F;
    background-color: #D2FF72;
    width: 303px;
    height: 51px;
    border-radius: 7px;

    margin: 0;
    
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    transition: background-color 0.5s ease; 

    position: absolute;
    bottom: -100%;
    opacity: 0; 
    animation: slide-up 1s ease-out forwards;
}

.order-nagyobb-szoveg:hover{
    background-color: #4F4F4F;
    color: #D2FF72;
}

/* ELSO OLDAL */





@keyframes slide-up {
    0% {
        bottom: -100%; 
        opacity: 1;
    }
    100% {
        bottom: 0; 
        opacity: 1;
    }
}

@keyframes slide-down {
    0% {
        top: -100px; 
        opacity: 1; 
    }
    100% {
        top: 0; 
        opacity: 1; 
    }
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-50px);
    }
}





/* MASODIK OLDAL */

.masodik-oldal{
    display: flex;
    justify-content: center;
    flex-direction: column;

    padding: 200px 170px 0px 153px;
}

.what-if{
    font-family: 'NeueMontrealMedium';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 5.202rem;

    line-height: 95px;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    width: 1187px;
}

.you-could{
    color: #D2FF72;
    font-family: 'NeueMontrealMedium';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 5.202rem;
    line-height: 20px;
    text-align: end;
}

.get-it-nagyobb{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    gap: 30px;

    padding-top: 120px;
    padding-left: 985px;
}

.imagine-the-power{
    color: #D9D9D9;
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: left;
    font-weight: 500; 
    font-style: normal;
    line-height: 31px;

    width: 573px;
    height: 150px;
}

.get-it-doboz-nagyobb{
    display: flex;
    justify-content: center;

    cursor: pointer;
}

.get-it-szoveg{
    display: flex;
    justify-content: center;
    align-items: center;
    
    color: #4F4F4F;
    background-color: #D2FF72;
    width: 303px;
    height: 51px;
    border-radius: 7px;
    
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    transition: background-color 0.5s ease; 

    margin: 0%;
}

.get-it-szoveg:hover{
    background-color: #4F4F4F;
    color: #D2FF72;
}

/* MASODIK OLDAL */





/* HARMADIK OLDAL */

.harmadik-oldal{
    position: relative; 
    padding-top: 230px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.use-it{
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 3;
    flex-direction: column;

    gap: 20px;
}

.use-it h1{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    margin: 0;

    font-family: 'NeueMontrealMedium';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 5.202rem;

    line-height: 95px;

    padding: 373px 153px 0px 153px;
}

.discover-nagyobb{
    display: flex;
    justify-content: center;
    padding-left: 153px;

    cursor: pointer;
}

.discover-szoveg{
    display: flex;
    justify-content: center;
    align-items: center;
    
    color: #4F4F4F;
    background-color: #D2FF72;
    width: 303px;
    height: 51px;
    border-radius: 7px;
    
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    transition: background-color 0.5s ease; 

    margin: 0%;
}

.discover-szoveg:hover{
    background-color: #4F4F4F;
    color: #D2FF72;
}

.gradient1{
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 1920px;
    height: 500px;
    flex-shrink: 0;
    z-index: 2;
}

.gradient2{
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 1920px;
    height: 500px;
    flex-shrink: 0;
    z-index: 2;

    padding-top: 580px;
}

.video1{
    width: 100%;
    height: auto;
    z-index: 1; 
    object-fit: cover;
}

/* HARMADIK OLDAL */





/* NEGYEDIK OLDAL */

.negyedik-oldal{
    display: flex;
    justify-content: center;
    align-items: center;

    padding-top: 90px;
}

.join{
    font-family: 'NeueMontrealMedium';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 5.202rem;

    line-height: 95px;

    padding-left: 155px;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 1354px;
    height: 170px;

    margin: 0;
}

.customers-csomag{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;

    padding-right: 160px;
    padding-top: 225px;
}

.recommend{
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: left;
    font-weight: 500; 
    font-style: normal;
    line-height: 31px;

    margin: 0px;

    color: #D2FF72;
}

.satisfied-customers{
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: left;
    font-weight: 500; 
    font-style: normal;
    line-height: 31px;

    margin: 0;

    color: #D2FF72;
}

.otvenezer{
    font-family: 'NeueMontrealMedium';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 5.202rem;
    line-height: 85px;

    width: 331px;
    height: 84px;
    flex-shrink: 0;

    margin: 0;

    color: #D2FF72;
}

.velemenyek{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 115px;

    padding: 160px 130px 0 164px;
}

.velemeny h1{
    color: #8A8A8A;
    font-family: 'NeueMontrealBold';
    font-size: 1.440rem;
    text-align: left;
    font-weight: 700; 
    font-style: normal;
    line-height: 31px;
}

.velemeny p{
    color: #D9D9D9;
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: left;
    font-weight: 500; 
    font-style: normal;
    line-height: 31px;

    width: 435px;
    height: 206px;
    flex-shrink: 0;
}


/* NEGYEDIK OLDAL */


/* OTODIK OLDAL */

.video2{
    width: 1499px;
    padding-left: 230px;
    overflow-x: hidden;
}

.otodik-oldal{
    position: relative; 
    padding-top: 150px; 
    display: flex;
    justify-content: center;
    align-items: center;

    padding-top: 110px;
}

.szovegek {
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: space-between; 
}

.szoveg-balrol {
    color: #D9D9D9;
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: left;
    font-weight: 500;
    line-height: 31px;
    padding-left: 89px;
}

.szoveg-jobbrol {
    color: #D2FF72;
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: left;
    font-weight: 500;
    line-height: 31px;
    padding-right: 50px;
}
/* OTODIK OLDAL */



/* HATODIK OLDAL */

.hatodik-oldal{
    display: flex;
    justify-content: center;
    flex-direction: column;

    padding: 280px 160px 0px 160px;
}

.ready-package{
    font-family: 'NeueMontrealMedium';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 5.202rem;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 1145px;
    height: 170px;
}

.for-you{
    color: #D2FF72;
    font-family: 'NeueMontrealMedium';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 5.202rem;
    text-align: end;

    padding-top: 20px;
}

/* HATODIK OLDAL */





/* HETEDIK OLDAL */

.hetedik-oldal{
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 62px;

    padding-top: 400px;
}

.hetedik-oldal h1{
    color: #141414;
    font-family: 'NeueMontrealMedium';
    font-size: 5.202rem;
    font-style: normal;
    font-weight: 500;
    line-height: 85px;

    padding: 33px 0px 0px 38px;

    margin: 0;
}

.hetedik-oldal p{
    color: #141414;
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: left;
    font-weight: 500; 
    font-style: normal;
    line-height: 31px;

    padding-left: 42px;
    margin: 0;
}

.package1{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    width: 505px;
    height: 624px;
    flex-shrink: 0;

    border-radius: 41px;
    background: #D2FF72;

    gap: 57px;
}

.package2{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    width: 505px;
    height: 624px;
    flex-shrink: 0;

    border-radius: 41px;
    background: #D2FF72;

    gap: 57px;
}

.package3{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    width: 505px;
    height: 624px;
    flex-shrink: 0;

    border-radius: 41px;
    background: #D2FF72;

    gap: 57px;
}

.pulse{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.moments{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.eternity{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.csomag1{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    gap: 17px;
    width: 459px;
}

.csomag2{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    gap: 17px;
    width: 459px;
}

.csomag3{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    gap: 17px;
    width: 459px;
}

.arak1{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    padding-top: 161px;

    gap: 160px;
}

.arak1 p{
    font-family: 'NeueMontrealBold';
    font-weight: 700; 
    font-style: normal;
}

.arak2{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    padding-top: 99px;

    gap: 154px;
}

.arak2 p{
    font-family: 'NeueMontrealBold';
    font-weight: 700; 
    font-style: normal;
}

.arak3{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    gap: 153px;

    padding-top: 21px;
}

.arak3 p{
    font-family: 'NeueMontrealBold';
    font-weight: 700; 
    font-style: normal;
}

.order-now4{
    display: flex;
    justify-content: center;
    align-items: center;
    
    color: #D2FF72;
    background-color: #141414;
    width: 169px;
    height: 32px;
    border-radius: 3px; 

    margin: 0px;
    
    font-family: 'NeueMontrealMedium';
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
    transition: background-color 0.5s ease; 

    cursor: pointer;
}

.order-now4:hover{
    background-color: #8A8A8A;
    color: #D2FF72;
}

/* HETEDIK OLDAL */





/* NYOLCADIK OLDAL */

.nyolcadik-oldal{
    display: flex;
    flex-direction: column;

    padding: 347px 160px 0px 160px;
}

.every-just{
    display: flex;
    flex-direction: column;

    width: 100%;
}

.every-sight{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 3;
    
    color: #D9D9D9;
    font-family: 'NeueMontrealMedium';
    font-weight: 500; 
    font-style: normal;
    line-height: normal;
    font-size: 5.202rem;

    mix-blend-mode: exclusion; 

    width: 1001px;
    flex-shrink: 0;
}

.feeling{
    color: #D2FF72;
    font-family: 'NeueMontrealMedium';
    font-weight: 500; 
    font-style: normal;
    line-height: normal;
    font-size: 5.202rem;
    text-align: end; 

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 3;

    padding-top: 384px;
}

.just-as{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 3;
    
    color: #D9D9D9;
    font-family: 'NeueMontrealMedium';
    font-weight: 500; 
    font-style: normal;
    line-height: normal;
    font-size: 5.202rem;

    mix-blend-mode: exclusion; 

    width: 1001px;
    flex-shrink: 0;

    padding-top: 384px;
}

.video3{
    height: 247px;
    flex-shrink: 0;

    margin-bottom: -142px;
    margin-left: 400px;
}

.video4{
    height: 222px;
    flex-shrink: 0; 

    margin-bottom: -380px;
    margin-left: 1330px;
}

.video5{
    height: 200px;
    flex-shrink: 0; 

    margin-bottom: -591px;
    margin-left: 305px;
}

.video6{
    height: 261px;
    flex-shrink: 0; 

    margin-bottom: -795px;
    margin-left: -60px;
}

.video7{
    height: 236px;
    flex-shrink: 0; 

    margin-bottom: -1080px;
    margin-left: -600px;
}

.video8{
    height: 187px;
    flex-shrink: 0; 

    margin-bottom: -800px;
    margin-left: 1300px;
}

/* NYOLCADIK OLDAL */





/* KILENCEDIK OLDAL */

.kilencedik-oldal{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    padding: 387px 158px 347px 158px;
}

.elso-sor{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    gap: 20px;
}

.masodik-sor{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    gap: 20px;

    padding-top: 150px;
    padding-left: 510px;
    height: 149px;
}

.harmadik-sor{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    gap: 20px;

    padding-top: 150px;
    padding-left: 510px;
    height: 149px;
}

.have-some{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    
    color: #D9D9D9;
    font-family: 'NeueMontrealMedium';
    font-weight: 500; 
    font-style: normal;
    line-height: 93px;
    font-size: 5.202rem;
    

    width: 417px;
    height: 149px;
    flex-shrink: 0;
}

.kerdesek{
    display: flex;
    padding-left: 150px;
    padding-top: 30px;

    gap: 22px;
}

.kerdesek2{
    display: flex;
    padding-left: 75px;
    padding-top: 30px;

    gap: 22px;
}

.kerdesek3{
    display: flex;
    padding-left: 75px;

    gap: 22px;
    padding-top: 30px;
}

.faq{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    flex-direction: column;

    padding-left: 25px;
}

.faq-que-but{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 3;

    gap: 12px;

    width: 464px;
}

.faq-question {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    margin: 0;

    color: #8A8A8A;
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    text-align: right;
    font-weight: 500; 
    font-style: normal;
    line-height: 31px;

    padding: 21px 0px 0px 20px;

    background: none;
    border: none;
    cursor: pointer;
}


.faq-answer {
    width: 464px;
    height: 256px;
    flex-shrink: 0;
    border-radius: 7px;
    background: #D2FF72;
    display: none;

    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
}

.faq-answer p {
    margin: 0;

    color: #141414;
    font-family: "PP Neue Montreal";
    font-size: 23.04px;
    font-weight: 500;
    line-height: 28px;

    width: 424px;
    height: 152px;
    flex-shrink: 0;

    padding: 78px 20px 26px 20px;
}
/* KILENCEDIK OLDAL */





/* TIZEDIK OLDAL */

.future{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.future h1{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    margin: 0;

    font-family: 'NeueMontrealMedium';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 5.202rem;

    line-height: 95px;

    padding: 0px 153px 0px 153px;
}

.tizedik-oldal{
    padding-top: 153px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.future2{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
}

.ready-nagyobb{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-left: 800px;
    padding-top: 879px;

    position: absolute;

    z-index: 5;
}

.ready-szoveg{
    display: flex;
    justify-content: center;
    align-items: center;
    
    color: #4F4F4F;
    background-color: #D2FF72;
    width: 303px;
    height: 51px;
    border-radius: 7px;
    
    font-family: 'NeueMontrealMedium';
    font-size: 1.440rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    transition: background-color 0.5s ease; 

    margin: 0%;
}

.ready-szoveg:hover{
    background-color: #4F4F4F;
    color: #D2FF72;
}

.gradient3{
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 1905px;
    height: 500px;
    flex-shrink: 0;
    z-index: 2;
}

.video9{
    width: 1904px;    
    height: auto;
    z-index: 1; 
    object-fit: cover;
}


/* TIZEDIK OLDAL */





/* FOOTER */

.footer{
    background: #D2FF72;
    flex-shrink: 0;

    display: flex;
    flex-direction: column;

    width: 1904px;
}

.felso-sor{
    padding: 115px 155px 0px 155px;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.also-sor{
    padding: 0px 155px 0px 155px;

    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.elso-oszlop, .masodik-oszlop, .harmadik-oszlop, .also-sor p{
    font-family: 'NeueMontrealMedium';
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #141414;

    margin: 0;
}

.also-sor h1{
    font-family: 'PPAgrandirGrandHeavy';
    font-size: 180px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    color: #141414;

    margin: 0;

    padding-top: 135px;
}

.also-sor p{
    padding: 0px 382px 52px 0px;
}

.masodik-oszlop{
    padding-left: 165px;
}

.harmadik-oszlop{
    padding-left: 82px;
}



/* FOOTER */



/* ANIMACIOK */
.what-if,
.you-could,
.get-it-nagyobb,
.imagine-the-power,
.join,
.recommend,
.satisfied-customers,
.otvenezer,
.velemenyek,
.ready-package,
.for-you,
.future
{
    opacity: 0;
    transform: translateY(50px); 
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.visible {
    opacity: 1;
    transform: translateY(0); 
}

.szoveg-balrol, .szoveg-jobbrol {
    opacity: 0; 
    position: relative;
    transform: translateX(0); 
    transition: opacity 1s ease, transform 1s ease; 
}

.szoveg-balrol.visible {
    opacity: 1;
    transform: translateX(-115%); 
}

.szoveg-jobbrol.visible {
    opacity: 1;
    transform: translateX(300%); 
}

.video3,
.video4,
.video5,
.video6,
.video7,
.video8 {
    opacity: 0; 
    transition: opacity 0.7s ease-in-out; 
}

.package1, .package2, .package3 {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.package1.hidden, .package2.hidden, .package3.hidden {
    opacity: 0;
    transform: translateY(50px);
}

.package1.visible, .package2.visible, .package3.visible {
    opacity: 1;
    transform: translateY(0);
}
/* ANIMACIOK */