:root{
    --glory: 'Glory', sans-serif;
    --poppins: 'Poppins', sans-serif;
    --red-wishmo: #E93876;
    --red-error: red;
    --blue-wishmo: #00bafa;
}

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


ul,li{
    list-style-type: none;
}

a{
    text-decoration: none !important; 
}

.navbar-ul li a:hover{
    color: #000;
}


.container-1{
    max-width: 1184px;
    width: 90%;
    margin: 0 auto;
}

img{
    max-width: 100%;
}




body{
    font-family: var(--glory);   
    background-color: #f6f9ff !important;
    scroll-behavior: smooth;
}

.container-3{
    max-width: 780px;
    width: 90%;
    margin: 0 auto;
}

.ceva-concurs{
    color: #f8f8f8;
}
/*DESKTOP*/

.formular-campanie-interna h3{
    font-size: 24px;
    font-weight: 600;
    color: #F25189;
    font-family: var(--glory);
}


/*COMUNE*/

    /* HEADER */

    /* HERO */
    .navbar-color{
        z-index: 1000;
    }

    .photo-text-hero{
        display: flex;
        
    }

    .photo-hero{
        width: 63%;
    }

    .text-hero{
        display: flex;
        flex-direction: column;
    }

    .text-hero h1, p ,a{
        font-family: var(--glory);
        color: #fff;
    }

    
    .text-hero p{
        width: 220px;
    }
    
    .text-hero h1{
        margin: 20px 0;
    }

    .hero-text-span{
        font-weight: bold;
    }

    .photo-hero img{
        max-width: 818px;
        width: 100%;
    }

    .header-color{
        background-image: url("/assets/wishmo/img/image_31.png");
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .hero-text-span{
        font-weight: bold;
    }

    .apple {
        font-size: 25px;
    }

    .hero-link-container{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        color: #3861E9;
        width: 231px;
        height: 50px;
        border-radius: 7px;
        gap: 20px;
        cursor: pointer;
    }

    .hero-link-container,.hero-link, .apple{
        color: #3861E9;
    }

    .container-link{
        margin-top: -20px;
    }
    

    /*MAIN*/

    /* CE ESTE */

    .ce-este-photo-text{
        background-color: #F25189;
        border-radius: 23px;
        display: flex;
    }

    .ce-este-photo img{
        margin: 0 auto;
        display: block;
    }
    
    .ce-este-text {
        width: 300px;
        text-align: center;
    }
    
    .ce-este-text p{
        font-family: var(--poppins);
    }

    .photo-text-favorite{
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 25px;
    }

    .favorite img{
        width: 24px;
    }

    .text-favorite p{
        font-size: 14px;
        color: #F25189 !important; 
        font-family: var(--glory);
    }

    /*VIDEO*/
    
    .video{
        background-color: #DFE7F5;
        max-width: 982px;
        width: 90%;
        height: 553px;
        margin: 150px auto;
        border: #3861E9 5px solid;
        border-radius: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .video a{
        border-radius: 10px;
        overflow: hidden;
    }
    /*DE CE*/
    .de-ce-container-1{
        display: flex;
        gap: 20px;
    }
    
    .de-ce-container{
        display: flex;
    }
    
    .de-ce-photo{
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        height: 134px;
        width: 134px;
        border-radius: 23px;
        box-shadow:  rgba(0, 0, 0, 6%) 1px 1px;
        margin: 0 auto;
    }
    
    
    .de-ce-text{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    
    .de-ce-text h4{
        color: #3861E9;
        font-family: var(--glory);
    }
    
    .de-ce-text p{
        color: #1F1F1F;
    }

    /*CUM FUNTIONEAZA*/
    
    .cum-funtioneaza-title{
        text-align: center;
        margin: 0 auto;
    }
    
    .cum-functioneaza-color{
        background-image: url("/assets/wishmo/img/image_32.png") ;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding: 230px 0;
    }
    
    .cum-functioneaza-color h2{
        color: #fff;
        margin-top: -75px;
    }
    
    .cum-functioneaza-photo-text{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 50px;
        gap: 20px;
    }
    
    .cum-functioneaza-photo{
        background-color: #fff;
        width: 276px;
        height: 200px;
        border-radius: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .cum-functioneaza-text{
        width: 276px;
        text-align: center;
    }
    
    .cum-functioneaza-text p{
        font-size: 16px;
        font-family: var(--poppins);
    }

    /*CAMPANII*/
    .container-campanii{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .campanie-text-1 p{
        color: #000;
        font-family: var(--glory);
        line-height: 20px;
    }

    .campaign_title{
        color: #000 !important;
        font-family: var(--glory) !important;
        line-height: 20px !important;
    }
    
    .campanie-text-1 a{
        color: #3861E9;
        font-family: var(--glory);
        font-weight: 500;
    }
    
    .campanie{
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 6%) 2px 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 275px;
        height: 437px;
        margin: 0 auto;
        border-radius: 8px;
    }
    
    .campanie-text-1{
        padding-bottom: 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-width: 275px;
        width: 90%;
    }
    
    
    .campanie-photo {
        padding-top: 10px;
    }
    
    .campanie-text-logo{
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }
    
    .campanie-text, .p-1{
        font-family: var(--glory);
        font-weight: 600;
    }
    
    .campanie-text, .p-2{
        font-family: var(--glory);
        font-weight: lighter;
        color: #8890A6;
    }

    .owl-theme .owl-nav {
        position: absolute;
        z-index: 666;
        top: 40%;
    }

    .owl-theme .owl-nav .owl-next{
        position: absolute;
        left: 1190px;
    }

    .owl-theme .owl-nav .owl-prev{
        position: absolute;
        right: 10px;
    }

    .owl-theme .owl-nav [class*="owl-"]:hover{
        background-color: transparent;
    }

    .owl-nav button span{
        font-size: 50px;
        color: #8890A6;
    }

    .owl-dots{
        margin-top: 30px;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot span{
        width: 13px;
        height: 13px;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:active span{
        background-color: #e83876;
        width: 37px;
    }

    /*FOOTER*/
    .container-footer h4{
        font-family: var(--poppins);
        text-align: center;
        color: #fff;
        padding-top: 40px;
    }
    
    .container-footer{
        background-color: #F25189;
        max-width: 1184px;
        width: 100%;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    
    .image-footer-container{
        display: flex;
        margin-top: 20px;
    }
    
    
    .footer-privacy-color{
        background-color: #fff;
    }
    
    .footer-social-privacy {
        display: flex;
        padding: 20px 0;
    }
    
    .footer-social-privacy p{
        color: #293151;
        font-family: var(--poppins);
        font-size: 14px;
    }
    
    .social-media{
        display: flex;
        gap: 20px;
    }   
    
    .buttons{
        display: none;
    }

    

    /*HERO*/
    
    .photo-text-hero{
        justify-content: space-between;
        margin-top: 50px;
    }
    
    .text-hero{
        gap: 25px;
        margin-top: 50px;
    }
    
    
    /*MAIN*/
    
    /*CE ESTE*/
    
    
    h2{
        text-align: center;
        margin: 75px 0;
        color: #F25189;
        font-family: var(--glory);
        font-size: 55px;
    }
    
    .ce-este-photo-text{
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        height: 355px;
        width: 376px;
    }
    
    .ce-este-height-1, .ce-este-height, .ce-este-height-2{
        height: 497px;
    }
        
    /*DE CE*/

    .de-ce-container{
        gap: 30px;
        margin-bottom: 50px;
    }
    
    .de-ce-text{
        padding: 10px 0;
    }
    
    
    .de-ce-text .p{
        max-width: 424px;
        width: 100%;
    }

    
    /*CUM FUNCTIONEAZA*/
    
    .cum-funtioneaza-title h2{
        margin-bottom: 15px;
    }

    .cum-funtioneaza-title p{
        font-size: 24px;
    }

    
        
    /*CAMPANIE*/

    .buttons button{
        background-color: transparent;
        border: none;
        color: #8890A6;
        cursor: pointer;
    }

    .buttons{
        display: flex;
        justify-content: space-between;
        max-width: 1184px;
        width: 100%;
        z-index: 666;
        position: absolute;
        min-height: 450px;
    }

    
    /*FOOTER*/
    
    .container-footer{
        height: 306px;
        display: flex;
        align-items: center;
        margin: 100px auto 0 auto;
    }
    
    .image-footer-container{
        justify-content: center;
        gap: 50px;
    }
    
    .img-1-footer img{
        width: 200px;
    }
    
    .img-2-footer img{
        width: 211px;
    }
    
    .img-3-footer img{
        width: 241px;
    }
    
    
    .footer-social-privacy {
        justify-content: space-between;
        align-items: center;
    }

    .img-3-ig,.img-4-yt,.img-2-tw,.img-1-fb{
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background-color: #e83876;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .img-3-ig:hover,.img-4-yt:hover,.img-2-tw:hover,.img-1-fb:hover{
        background-color: #3861E9;
    }
    


    /*CONCURSURI*/
    
    .navbar-color-1{
        background-color: #fff;
        width: 100%;
        padding: 10px;
    }

    /* BACK BUTTON */

    .back{
        margin-top: 50px;
        background-color: #F25189;
        color: #fff;
        border: none;
        width: 62px;
        height: 31px;
        border-radius: 23px;
        cursor: pointer;
    }

    .afla{
        margin-top: -20px;
        margin-left: -10px;
        display: flex;
        gap: 10px;
        align-items: center;
        cursor: pointer;
    }

    .afla i{
        color: #3861E9;
    }

    .campanii-title{
        margin-top: 50px;
    }

    .campanii-title h2{
        margin-bottom: 50px;
    }

    .campanii-title p{
        text-align: center;
        color: #1F1F1F;
        margin-bottom: 50px;
        font-size: 24px;
        font-family: var(--poppins);
    }

    .container-color{
        background-color: #fff;
        padding: 20px;
        border-radius: 7px;
    }
    
    .text-premiu p{
        color: #3861E9;
        margin-top: 10px;
    }

    .text-premiu h3{
        color: #000;
        font-size: 32px;
    }

    .text-descriere h3{
        font-size: 24px;
        color: #F25189;
        margin-top: 20px;
    }

    .text-descriere p{
        color: #4A515D;
    }

    .text-premii p, .text-produse p{
        color: #000;
        font-size: 18px;
        font-family: var(--glory);
        font-weight: bold;
    }

    .premii-container-1 h4, .produse-container-1 h4{
        color: #F25189;
        font-family: var(--glory);
        font-weight: 600;
        margin-top: 20px;
    }

    .photo-produse{
        width: 45px;
        height: 45px;
        background-color: #DFE7F5;
    }

    .photo-oferta img{
        max-width: 578px;
    }

    .flex-oferta{
        margin-top: 50px;
    }

    .photo-text-oferta{
        display: flex; 
        flex-direction: column;
        gap: 20px;
    }

    .logo-text-premiu{
        display: flex;
        gap: 20px;
        padding-top: 30px;
    }

    .text-descriere{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .photo-text-premii, .photo-text-produse{
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .premii-flex{
       display: flex;
       flex-direction: column;
       gap: 15px;
       margin: 25px auto;
       padding-bottom: 25px;
       border-bottom: 1px solid #E5DFDF;
    }

    .premii-grid{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
        margin-top: 30px;
    }

    .bag img{
        width: 22px;
    }

    .calendar{
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .calendar i{
        color: #3861E9;
    }

    .inscriere-site,.inscriere-site-1{
        color: #fff;
        background-color: #F25189;
        padding: 15px 65px;
        font-size: 20px;
        border-radius: 8px;
    }

    .inscriere{
        display: block;
        margin: 30px auto;
    }

    .inscriere-sms{
        color: #F25189;
        border: 1px solid #F25189;
        background-color: transparent;
        padding: 15px 65px;
        font-size: 20px;
        border-radius: 8px;
    }

    .inscrieri-container{
        display: flex;
        flex-direction: column;
        gap: 15px;
        text-align: center;
        margin-bottom: 50px;
        margin-top: 30px;
    }

    .inscrieri-container p {
        font-size: 14px;
        font-weight: 600;
        color:#333333;
        font-family: var(--glory);
    }


    /*PARTICIPARE*/

    .participare-container{
        background-color: #F25189;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 19px;
        height: 214px;
        max-width: 1096px;
        margin: 50px auto 0 auto; 
    }

    .text-participare p{
        font-family: var(--glory);
        color: #fff;
        font-weight: 600;
        font-size: 32px;
    }

    .descarca-participare{
        border: none;
        background-color: #DFE7F5;
        color: #F25189;
        border-radius: 8px;
        width: 250px;
        height: 50px;
        font-size: 18px;
        font-family: var(--glory);
        font-weight: 600;
    }

    .text-participare{
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .photo-1-participare img{
        max-width: 144px;
    }

    .photo-2-participare img{
        max-width: 151px;
    }
    
    /*UTILITATI*/
    
    .flex{
      display: none;
    }

    .flex-2,.flex-3{
        display: flex;
        gap: 20px;
        justify-content: space-between;
    }

    .perfect-flex{
        display: flex;
        flex-wrap: nowrap;
        margin-left: -15px;
        margin-right: -15px;
        border-bottom: 1px solid #E5DFDF;
    }

    .regulament span, p{
        color: #fff;
    }

    .regulament-1{
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .regulament-1 #regulament{
        width: 20px;
    }

    .reg-span{
        color: #000;
    }

    .flex-left, .flex-right{
        width: 50%;
        padding: 0 15px;
    }
    
    @media(min-width:1100px){
        /*HEADER*/
    
        /*NAVBaR*/
    
        .navbar-color{
            background-color: #fff;
            width: 100%;
            position: fixed;
            padding: 10px 0;
        }
        
        .navbar{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    
        .descarca-navbar{
            width: 183px;
            height: 50px;
            background-color: #3861E9;
            border: none;
            color: #fff;
            border-radius: 7px;
            cursor: pointer;
        }
    
    
        .hamburger-1{
            display: none;
        }
    
        .navbar-ul{
            display: flex;
            align-items: center;
            gap: 20px;
        }
    
        .navbar-ul a{
            color: #293151;
        }
        
    
        .logo img{
            width: 226px;
        }
        
        header{
            padding-top: 50px;
            padding-bottom: 100px;
        }

            /*FONTS*/
    
    
    .fs-14{
        font-size: 14px;
    }
    
    .fs-16{
        font-size: 16px;
    }
    
    .fs-17{
        font-size: px;
    }
    
    .fs-18{
        font-size: 18px;
    }
    
    .fs-20{
        font-size: 20px;
    }
    
    
    .fs-24{
        font-size: 27px;
        font-weight: 600;
    }
    
    .fs-28{
        font-size: 28px;
    }
    
    
    }

    @media(max-width: 1300px){
        .owl-theme .owl-nav{
            display: none;
        }
    }

/*CONCURSURI*/

@media(max-width: 1100px){

    .navbar-color-1{
        background-color: #fff;
        width: 100%;
        padding-top: 10px;
    }

    .back{
        margin-top: 50px;
        background-color: #F25189;
        color: #fff;
        border: none;
        width: 62px;
        height: 31px;
        border-radius: 23px;

    }

    .afla{
        margin-top: -20px;
        margin-left: -10px;
        display: flex;
        gap: 10px;
        align-items: center;
        cursor: pointer;
    }

    .afla i{
        color: #3861E9;
    }

    .text-premii p, .text-produse p{
        color: #000;
        font-size: 18px;
        font-family: var(--glory);
        font-weight: bold;
    }

    .calendar{
        display: flex;
        align-items: center;
        align-content: center;
        gap: 5px;
    }

    .calendar i{
        color: #3861E9;
    }


    .campanii-title{
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .campanii-title p{
        text-align: center;
        color: #1F1F1F;
        margin-top: -40px;
        margin-bottom: 50px;
        font-size: 24px;
        font-family: var(--poppins);

    }

    .container-color{
        background-color: #fff;
        padding: 20px;
    }
    
    .text-premiu p{
        color: #3861E9;
        margin-top: 10px;
        font-family: var(--glory);
        font-weight: 600;
    }

    .text-premiu h3{
        color: #000;
        font-size: 32px;
        font-family: var(--glory);
        font-weight: 600;
    }

    .text-descriere h3{
        font-size: 24px;
        color: #F25189;
        margin-top: 30px;
    }

    .text-descriere p{
        color: #4A515D;
    }

    .text-oferta{
        padding-bottom: 20px;
        border-bottom: 1px solid #E5DFDF;
    }


    .text-premii p, .text-produse p{
        color: #000;
    }

    .premii-container-1 h4, .produse-container-1 h4{
        color: #F25189;
        font-family: var(--glory);
        font-weight: 600;
        margin-top: 20px;
    }

    .photo-produse{
        width: 45px;
        height: 45px;
        background-color: #DFE7F5;
    }

    .photo-oferta img{
        width: 100%;
    }

    .flex-oferta{
        margin-top: 100px;
    }

    .photo-text-oferta{
        display: flex;
        flex-direction: column; 
        gap: 20px;
    }

    .photo-text-oferta-1{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }


    .regulament p{
        color: #000;
    }

    .logo-text-premiu{
        display: flex;
        gap: 20px;
        padding-top: 30px;
    }

    .text-descriere{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .photo-text-premii, .photo-text-produse{
        display: flex;
        align-items: center;
        margin-top: 20px;
        gap: 20px;
    }

    .premii-flex{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 25px auto;
        padding-bottom: 25px;
        border-bottom: 1px solid #E5DFDF;
     }

     #Numele-tau input{
        width: 300px;
        border-radius: 8px;
     }
 

    /*PARTICIPARE*/

    .participare-container{
        background-color: #3861E9;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 19px;
        height: 214px;
        max-width: 1096px;
        margin: 50px auto 0 auto; 
    }

    .text-participare p{
        font-family: var(--glory);
        color: #fff;
        font-weight: 600;
        font-size: 32px;
    }

    .descarca-participare{
        border: none;
        background-color: #DFE7F5;
        color: #000;
        border-radius: 8px;
        width: 250px;
        height: 50px;
    }

    .text-participare{
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 30px;
        align-items: center;
    }

    .photo-1-participare img{
        max-width: 144px;
    }

    .photo-2-participare img{
        max-width: 151px;
    }

    

}

@media(max-width: 500px){
    .premii-flex{
        flex-direction: column;
    }

    .flex-oferta{
        margin-top: 50px;
    }

    .photo-1-participare{
        display: none;
    }

    .photo-2-participare{
       display: none;
    }

    .text-participare{
        text-align: center;
    }
    .video{
        height: 52.243vw;
        overflow: hidden;
        border-radius: 20px;
        background-color: transparent;
    }
    .video a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .video a img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .premii-grid{
        grid-template-columns: repeat(1,1fr);
    }

    .inscrieri-container{
        flex-direction: column;
        text-align: center;
    }


}
 


/*TABLETS*/

@media(min-width: 768px) and (max-width: 1100px){
    

/*NAVBAR*/

.buttons{
    display: none;
}

.descarca-navbar{
    border: none;
    color: #fff;
    background-color: transparent;
}


.hamburger{
    border: none;
    background-color: #fff;
}

.navbar-color{
    background-color: #fff;
    width: 100%;
    padding-top: 10px;
    position: fixed;
}

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


.navbar-ul.open{
    display: flex;
    z-index: 666;
}

.navbar-ul{
    display: none;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    z-index: 666;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #3861E9;
    gap: 10px;
    margin-top: 20px;
    padding: 25px 0;
}

.navbar-ul a{
    color: #fff;
}

.logo img{
    width: 150px;
}

header{
    padding-top: 50px;
}

.header-color{
    background-image: url("/assets/wishmo/img/image_31.png");
    background-position: center;
    height: 700px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
}

.photo-text-hero{
    justify-content: space-between;
}


.text-hero{
    gap: 25px;
    margin-top: -10px;
}

.photo-hero{
    width: 100%;
}


/*MAIN*/

/*CE ESTE*/


h2{
    text-align: center;
    margin: 50px 0;
    color: #F25189;
    font-family: var(--glory);
    font-size: 36px;
}

.ce-este-photo-text{
    width: 45%;
    height: 355px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.ce-este-height-1, .ce-este-height{
    height: 400px;
}

.ce-este-height-2{
    height: 454px;
}

.ce-este-photo-3 img{
    width: 194px;
}

.ce-este-photo-2 img{
    width: 194px;
}

.ce-este-photo-1 img{
    width: 226px;
}

/*DE CE*/

.de-ce-container-1{
    flex-direction: column;
    text-align: center;
}

.de-ce-container{
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 50px;
    margin-bottom: 50px;
}


.de-ce-text .p{
    width: 302px;
    display: block;
    margin: 0 auto;
}

/*CUM FUNCTIONEAZA*/

.cum-funtioneaza-title h2{
    margin-bottom: 15px;
}

.cum-funtioneaza-title p{
    font-size: 24px;
}


/*FOOTER*/


.container-footer{
    margin-top: 100px;
    height: 306px;
    display: flex;
    align-items: center;
}

.image-footer-container{
    justify-content: center;
    gap: 50px;
}

.img-1-footer img{
    width: 170px;
}

.img-2-footer img{
    width: 180px;
}

.img-3-footer img{
    width: 206px;
}


.footer-social-privacy {
    justify-content: space-between;
}


/*UTILITATI*/

.flex, .flex-3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.flex-2{
    display: none;
}


/*FONTS*/


.fs-14{
    font-size: 14px;
}

.fs-16{
    font-size: 16px;
}

.fs-17{
    font-size: 17px;
}

.fs-18{
    font-size: 18px;
}

.fs-20{
    font-size: 20px;
}


.fs-24{
    font-size: 24px;
}

.fs-28{
    font-size: 28px;
}

.fs-36{
    font-size: 36px;
}

.fs-40{
    font-size: 40px;
}

.fs-43{
    font-size: 43px;
}

}


/*FONTS*/

.fs-43{
    font-size: 60px;
}
.fs-40{
    font-size: 40px;
    font-weight: 600;
}
h2.accounth2{
    text-align: left;
    color: #3861E9;
    font-family: var(--glory);
    font-size: 28px;
    font-weight: 600;
    margin: 35px 0 65px 0;
}


/*TELEFOANE*/

@media(max-width: 764px) and (min-width: 10px){

/*HEADER*/

/*NAVBAR*/


.cum-functioneaza-color{
    background: url(/assets/wishmo/img/image_32.png ), url(/assets/wishmo/img/image_32.png );
    background-repeat: no-repeat, no-repeat;
    background-position:center top, bottom center;
    background-size: 185%, 185%;
    padding: 230px 0;
}

.color-pink{
    background-color: #e83876;
}


.descarca-navbar{
    border: none;
    color: #fff;
    background-color: transparent;
}


.hamburger{
    border: none;
    background-color: #fff;
}

.navbar-color{
    background-color: #fff;
    width: 100%;
    position: fixed;
    padding-top: 10px;
}

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


.navbar-ul.open{
    display: flex;
    z-index: 666;
}

.navbar-ul{
    display: none;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    z-index: 666;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #3861E9;
    gap: 10px;
    margin-top: 20px;
    padding: 25px 0;
}

.navbar-ul a{
    color: #fff;
}

.logo img{
    width: 150px;
}

header{
    padding-top: 50px;
}

.header-color{
    background-size: cover;
}

.photo-text-hero{
    flex-direction: column;
    gap: 30px;
}


.text-hero p{
    width: 230px;
}


.text-hero{
    gap: 25px;
    margin-top: -30px;
}

.photo-hero{
    width: 100%;
}



/*MAIN*/

/*CE ESTE*/


h2{
    text-align: center;
    margin: 50px 0;
    color: #F25189;
    font-family: var(--glory);
    font-size: 36px;
}

.ce-este-photo-text{
    width: 100%;
    height: 355px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.ce-este-height-1{
    height: 400px;
}

.ce-este-height-2{
    height: 454px;
}

.ce-este-photo-3 img{
    width: 194px;
}

.ce-este-photo-2 img{
    width: 194px;
}

.ce-este-photo-1 img{
    width: 226px;
}

/*VIDEO*/

.video{
    margin: 50px auto;
}


/*DE CE*/

.de-ce-container-1{
    flex-direction: column;
    text-align: center;
    margin-bottom: 50px;
}

.de-ce-container{
    flex-direction: column;
    gap: 50px;
}


.de-ce-text .p{
    max-width: 302px;
    display: block;
    margin: 0 auto;
}

/*CUM FUNCTIONEAZA*/

.cum-funtioneaza-title{
    max-width: 300px;
}

.cum-funtioneaza-title h2{
    margin-bottom: 25px;
}


/*FOOTER*/

.br{
    width: 220px;
    margin: 0 auto;
}

.container-footer{
    margin-top: 50px;
    padding: 200px 0;
}

.image-footer-container{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.img-1-footer img{
    width: 170px;
}

.img-2-footer img{
    width: 180px;
}

.img-3-footer img{
    width: 206px;
}

.footer-social-privacy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.social-media{
    order: -1;
}

/*UTILITATI*/

.flex, .flex-3{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.flex-2{
    display: none;
}


/*FONTS*/


.fs-14{
    font-size: 14px;
}

.fs-16{
    font-size: 16px;
}

.fs-17{
    font-size: 17px;
}

.fs-18{
    font-size: 18px;
}

.fs-20{
    font-size: 20px;
}


.fs-24{
    font-size: 24px;
}

.fs-28{
    font-size: 28px;
}

.fs-36{
    font-size: 36px;
}

.fs-43{
    font-size: 43px;
}
.fs-40{
    font-size: 40px;
}
}

/* FILTRE */

.filtre-titlu p:first-child,.filtre p{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--glory);
}
    
.filtre-titlu p:last-child{
    color: #8890A6;
    font-size: 18px;
    font-family: var(--glory);
    font-weight: 400;
}

.filtere-concursuri{
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.filtre-concursuri-1{
    display: none;
}

.filtre-container{
    display: flex;
    gap: 50px;
    background-color: #E3EAF8;
    height: 60px;
    max-width: 630px;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.filtre{
    align-items: center;
    display: flex;
    gap: 20px;
}

select{
    background-color: transparent;
    border: none;
    color: #8890A6;
    font-family: var(--glory);
    font-size: 18px;
    font-weight: 400;
}

.filtre:first-child{
    border-right: 2px solid #fff;
    padding-right: 40px;
}

/*CAMPANII*/

.span-poza-nou{
    position: absolute;
    background-color: #3861E9;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    font-size: 23px;
    font-weight: bold;
    font-family: var(--glory);
}

.span-poza-expirare{
    position: absolute;
    background-color: #E93876;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    font-family: var(--glory);
}

.header-color-1{
    background-image: url("/assets/wishmo/img/image_31.png");
    background-position: center;
    background-size: 100% 100%;
}

.campanii-concursuri{
    background-color: #FFFFFF;
    max-width: 578px;
    width: 100%;
    height: 242px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px;
    gap: 10px;
    border-radius: 8px;
}

.poza img{
    border-radius: 8px;
}

.campanii-concursuri-photo img {
    height: 202px;
    width: 202px;
}

.campanii-concursuri-logo-text{
    display: flex;
    justify-content: space-between;
}


.campanii-concursuri-text-1 p:first-child{
    color: #000;
    font-family: var(--glory);
    font-size: 25px;
    font-weight: 600;

}

.campanii-concursuri-text-1 p:last-child{
    color: #8890A6;
    font-size: 16px;
    font-family: var(--glory);
    font-weight: lighter;
    margin-top: 5px;
}

.campanii-concursuri-logo-text{
    display: flex;
    gap: 30px;
}

.campanii-concursuri-text-2 p{
    color: #4A515D;
    font-family: var(--glory);
    font-size: 18px;
    font-weight: bold;
    
}

.campanii-concursuri-text-2 .premii-1{
    font-weight: 400;
}

.campanii-concursuri-text-2{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.campanii-concursuri-text{
    height: 204px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.icons-campanii-concursuri{
    display: flex;
    align-self: flex-end;
    margin-top: -30px;
}

.icons-campanii-concursuri i{
    color: #3861E9;
}

.grid-campanii{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 28px;
    margin-top: 50px;
}

@media screen and (max-width:500px){
   
    .campanii-concursuri-text-1 p:first-child{
        font-size: 18px;
    }

    
    .campanii-concursuri-text-1 p:last-child{
        font-size: 14px;
    }

    .campanii-concursuri-text-2 p{
        font-size: 14px;
    }

    .campanii-concursuri-text-2{
        margin-bottom: 20px;
    }

    .filtre-concursuri-1{
        display: flex;
        margin-top: 50px;
    }

    h2.accounth2{
        margin-bottom: -50px;
    }

}

    
@media screen and (max-width:990px){
    .custom-mobile-height-v1{
        height: 48.324vw;
    }
    h1.fs-40{
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 20px 0;
    }
    .custom-mobile-height-v1 h1.fs-40{
        margin: 5px 0 20px 0;
    }
    .custom-mobile-height-v2 {
        height: 57.324vw;
    }
    h2.accounth2{
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        margin-top: 50px;
    }

    .grid-campanii{
        grid-template-columns: repeat(1,1fr);
    }

    .filtre-container-1{
        display: flex;
        gap: 50px;
        background-color: #E3EAF8;
        height: 60px;
        max-width: 630px;
        width: 100%;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }

    .filtre-1{
        display: flex;
        flex-direction: column;
    }

    .filtre{
        gap: 0px;
    }

    input, textarea, select, .text-checkbox, .campanie-nationala{
        margin-top: 0;
    }
    
    .filtre-titlu{
        text-align: center;
    }

    .perfect-flex{
        flex-direction: column;
    }

    .flex-left,.flex-right{
        width: 100%;
    }

}

.homepage_video .fancybox__content{
    width: 100% !important;
}

.homepage_video .fancybox__slide{
    padding: 0px !important;
}

        /*CAMPANIE*/

        
.dragger, .dragger-1{
    max-width: 315px;
    height: 237px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
}
        
.dragger-1{
    max-width: 175px;
    height: 175px;
    width: 100%;
}
        
#dragger{
    object-fit: cover;
    border-radius: 10px;
}
        
.kv{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    margin-bottom: 90px;
}
        
.kv-photo img{
    width: 34px;
}
        
.kv-photo-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}


input, textarea{
    max-width: 780px;
    width: 100%;
    border-radius: 4px;
}

textarea{
    border: 1px solid #D0DBE0;
}

input, textarea, select, .text-checkbox, .campanie-nationala{
    margin-top: 6px;
}

.dragger-1 input{
    border-radius: 10px;
}

.text-checkbox, select, .campanie-nationala{
    border-radius: 4px;
}

#Branduri, .data, .adauga-campanii-select{
    padding-left: 15px;
}


input, .adauga-campanii-select{
    border: 1px solid #D0DBE0;
    height: 46px;
}


input::placeholder, .regulament, .text-checkbox p, .campanie-nationala p, textarea::placeholder, .data{
    padding-left: 15px;
    font-size: 16px;
    color:#8890A6;
    font-family: var(--glory);
}

.kv-text p{
    font-size: 16px;
    font-family: var(--glory);
    color: #515C6F;
}

.textarea-1{
    height: 92px;
}

.textarea-2{
    height: 154px;
}

textarea::placeholder{
    padding-top: 10px;
}

.titlu-input{
    font-size: 14px;
    font-weight: bold;
    font-family: var(--glory);
    color: #38454C;
    margin-top: 15px;
}

.titlu{
    font-size: 24px;
    font-family: var(--glory);
    color: #E93876;
    font-weight: 400;
    margin-top: 54px;
}

.butoane-adaugare-campanii{
    max-width: 376px;
    height: 50px;
    width: 100%;
    color: #fff;
    background-color: #E93876;
    border: none;
    display: block;
    margin: 20px auto 50px auto;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--glory);
    cursor: pointer;
    border-radius: 6px;
}

.pasul-urmator{
    margin-top: 50px;
}

.adauga-campanii-select{
    max-width: 780px;
    width: 100%;
    background-color: #fff; 
} 

.regulament-campanie{
    color: #3861E9;
    border-bottom: 1px solid #3861E9;
}


.text-checkbox, .campanie-nationala{
    display: flex;
    max-width: 376px;
    width: 100%;
    height: 46px;
    background-color: #fff;
    border: #D0DBE0 1px solid;
    align-items: center;
}

.text-checkbox input, .campanie-nationala input, .regulamentul input{
    height: 22px;
    width: 22px;
    margin-left: 10px;
    margin-bottom: 8px;
    border: none;
    border-radius: 4px;
}

.container-text-checkbox{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 7px;
    margin-top: 6px;
}

.campanie-nationala{
    max-width: 780px;
    width: 100%;
}

.regulamentul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.text-aditional{
    font-size: 14px;
    font-family: var(--glory);
    color: #8890A6;
}

.button-navigare{
    max-width: 195px;
    width: 100%;
    height: 14px;
    border: none;
    border-right: 1px solid #A2B7C2;
    background-color: #DFE7F5;
}

.button-navigare:active{
    background-color: #E93876;
}

.button-navigare-border-radius{
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    border: none;
}

.button-navigare-border-radius-1{
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}

.navigatie-adaugare-campanii{
    display: flex;
    margin: 50px auto;
}


@media(max-width:820px){
    .container-text-checkbox{
        grid-template-columns: repeat(1, 100%);
    }

    .text-checkbox{
        max-width: 100%;
    }

    

}

@media(max-width:500px){
    .kv{
        grid-template-columns: repeat(1, 1fr);
    }

    .filtere-concursuri{
        display: none;
    }

    input, textarea, select, .text-checkbox, .campanie-nationala{
        margin-top: 0;
    }

    
}


/* LOGIN SIGNUP */

input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    height: calc(4em + 1px);
    padding: 1em;
    border: 1px solid #ccc;
    background: #fff;
    resize: none;
    outline: none;
  }
  
  input[type="text"][required]:focus {
    border-color: #00bafa;
  }
  input[type="text"][required]:focus + label[placeholder]:before {
    color: #00bafa;
  }
  input[type="text"][required]:focus + label[placeholder]:before,
  input[type="text"][required]:valid + label[placeholder]:before {
    transition-duration: .2s;
    transform: translate(0, -1.5em) scale(0.9, 0.9);
  }
  
  input[type="text"][required]:invalid + label[placeholder][alt]:before {
    content: attr(alt);
  }
  
  input[type="text"][required] + label[placeholder] {
    display: block;
    pointer-events: none;
    line-height: 1em;
    margin-top: calc(-3em - 2px);
    margin-bottom: calc((3em - 1em) + 2px);
  }
  
  input[type="text"][required] + label[placeholder]:before {
    content: attr(placeholder);
    display: inline-block;
    margin: 0 calc(1em + 2px);
    padding: 0 2px;
    color: #898989;
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: center;
  }


  input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    height: calc(4em + 1px);
    padding: 1em;
    border: 1px solid #ccc;
    background: #fff;
    resize: none;
    outline: none;
  }
  
  input[type="password"][required]:focus {
    border-color: #00bafa;
  }
  input[type="password"][required]:focus + label[placeholder]:before {
    color: #00bafa;
  }
  input[type="password"][required]:focus + label[placeholder]:before,
  input[type="password"][required]:valid + label[placeholder]:before {
    transition-duration: .2s;
    transform: translate(0, -1.5em) scale(0.9, 0.9);
  }
  
  input[type="password"][required]:invalid + label[placeholder][alt]:before {
    content: attr(alt);
  }
  
  input[type="password"][required] + label[placeholder] {
    display: block;
    pointer-events: none;
    line-height: 1em;
    margin-top: calc(-3em - 2px);
    margin-bottom: calc((3em - 1em) + 2px);
  }
  
  input[type="password"][required] + label[placeholder]:before {
    content: attr(placeholder);
    display: inline-block;
    margin: 0 calc(1em + 2px);
    padding: 0 2px;
    color: #898989;
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .input-label{
    margin-bottom: 25px;
  }
  

.row-1{
    display: flex;
    gap: 50px;
}

.titlul-paginii h2{
    font-size: 32px;
    font-family: var(--glory);
    color: #F25189;
    text-align: left;
    margin-bottom: 20px;

}

#Numele-tau{
    margin-top: 10px;
    margin-bottom: 10px;
}

#login-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#register-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.login-btn{
    margin: 0 auto;
}

.log{
    margin-left: -30px;
    margin-top: -20px;
}

.font{
    font-family: var(--glory);
}

.ceva-text{
    color: #000;
    font-size: 27px;
    margin-top: -50px;
    margin-bottom: 70px;
}

.cont{ 
    border: 2px solid #3861E9;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.cont a{
    color: #3861E9 !important;
    padding-left: 10px;
}

.color-cont-container{
    margin: auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 577px;
    max-height: 526px;
    border-radius: 20px;
    padding: 10px;
}

.cont-container{
    max-width: 315px;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mail input{
    margin-top: 20px;
}

.mail input, .parola input{
    border: 1px solid #D0DBE0;
}

.uitat-parola{
    color: #667884;
    font-size: 12px;
    font-family: var(--poppins);
    text-decoration: underline !important; 
}

.uitat-parola:hover{
    color: #667884;
}

.btn-cont{
    background-color: #F25189;
    color: #fff;
    height: 50px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-family: var(--glory);
    font-weight: 600;
    margin-top: 20px;
}

.logheaza-cu{
    color: #515C6F;
    font-size: 14px;
    font-weight: bold;
    font-family: var(--glory);
    text-align: center;
    margin-top: 35px;
    margin-bottom: -12px;
}

.social-media-log a img{
    padding: 20px 42px;
    background-color: #fff;
    border: 1px solid #667884;
    border-radius: 6px;
}

.nu-ai-cont{
    color: #667884;
    font-size: 14px;
    font-family: var(--glory);
    font-weight: bold;
    margin-top: 25px;
    padding-bottom: 15px;
    text-align: center;
}

.nu-ai-cont:hover{
    color: #667884;
}

#nu-ai-cont-span{
    color: #3861E9; 
}

.color-cont-container-1{
    margin: auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 577px;
    max-height: inherit;
    border-radius: 20px;
    padding: 10px;

}

.color-cont-container-1 input:first-child{
    margin-top: 10px;
}

.margini{
    margin-top: 200px;
}



#oras, #Zi, #Luna, #An{
    border: 1px solid #D0DBE0;
    padding: 5px;
}

#Zi, #Luna, #An{
    width: 106px;
    height: 46px;
}

#Luna{
    border-radius: 0;
}

#An{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#Zi{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nastere{
    display: flex;
    gap: 0px;
}

.termeni-log-radio{
    width: 20px;
    margin-top: 0px !important;
}

.termeni-log a{
    color: #8890A6;
    font-size: 14px;
    font-family: var(--glory);
}

.termeni-log a:hover{
    color: #8890A6;
}

.termeni-log a span{
    color: #3861E9;
    text-decoration: underline;
}

.termeni-log{
    display: flex;
    gap: 10px;
    align-items: center;
}

.photo img{
    width: 134px;
    height: 134px;
    border-radius: 50%;
    border: 4px solid #DFE7F5;
}

.nume-utilizator{
    font-size: 26px;
    font-family: var(--glory);
    color: #4A515D;
    margin-bottom: -1rem;
}

.email-utilizator{
    font-size: 16px;
    font-family: var(--glory);
    color: #4A515D;
    margin-bottom: 0rem;
}

.editeaza-profilul{
    border: 1px solid #8890A6;
    background-color: transparent;
    font-size: 14px;
    font-family: var(--glory);
    color: #8890A6;
    width: 160px;
    height: 40px;
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 16px;
}

.profilul-meu-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    width: 881px;
    height: 771px;
    background-color: #fff;
    border-radius: 20px;
}

.margini-profilul-meu{
    margin-bottom: 50px;
}

.schimba-parola{
    font-size: 28px;
    font-family: var(--glory);
    color: #333333;
    text-align: center;
}

.color-schimba-parola{
    display: flex;
    justify-content: center;
    background-color: #fff;
    width: 881px;
    height: 495px;
    border-radius: 20px;
    padding: 40px;
}

/* NOTIFICARI */

.primul-text-notificari{
    text-align: center;
    font-size: 16px;
    font-family: var(--glory);
    color: #667884;
}

.texte-notificari{
    display: block;
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
}

.notificare-check p{
    font-size: 18px;
    font-family: var(--glory);
    color: #1A1824;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.notificare-check input{
    width: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.notificare-check{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #E8E8E8;
    width: 100%;
}

.color-notificari{
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #fff;
    width: 881px;
    height: 428px;
    padding-top: 35px;
    padding-bottom: 35px;
}

/* RECOMANDARI */

.img-recomandari img{
    width: 355px;
    height: 237px;
}

.title-recomandari p{
    font-size: 22px;
    font-family: var(--glory);
    color: #000;
    font-weight: bold;
}


.recomanda-input input{
    width: 330px;
}

.vezi-recomandari{
    font-size: 14px;
    font-family: var(--glory);
    height: 50px;
    width: 329px;
    background-color: transparent;
    border: 2px solid #E93876;
    color: #E93876;
    margin-top: 80px;
    border-radius: 6px;
}

.container-color-recomandari{
    display: block;
    margin: 0 auto;
    width: 881px;
    height: 611px;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.recomandari-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recomanda-prieten-container button{
    width: 329px;
}

.container-color-recomandari-1{
    display: block;
    margin: 0 auto;
    width: 881px;
    height: 767px;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.text-invitatii p{
    color: #3861E9;
    font-size: 14px;
    font-family: var(--glory);
    font-weight: 600;
}

.texte-recomandare-statuts p:first-child{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    font-family: var(--glory);
    margin: 0rem;
}

.texte-recomandare-statuts p:last-child{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    font-family: var(--glory);
    margin: 0rem;
}

.container-recomandare-status{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 331px;
    padding: 20px;
    height: 84px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 8px;
}

/* CATEGORII */

.fav_category{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.margin{
    margin-top: -50px;
}

/* MENIU STANGA */

.image-meniu img{
    background-color: #F6F9FF;
    padding: 10px;
    border-radius: 7px;
}

.texte-meniu p:first-child{
    color: #042C5C;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--glory);
    margin: 0rem;
}

.texte-meniu p:last-child{
    color: #77869E;
    font-size: 14px;
    font-weight: 100;
    font-family: var(--glory);
    margin: 0rem;
}

.photo-text{
    display: flex;
    align-items: center;
    gap: 10px;
}

.meniu-stanga{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
    width: 275px;
    height: 56px;
}

.tot-meniul-stanga{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.meniu-stanga:active{
    background-color: #3861E9;
}

.imagine-categorie{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #A2B7C2;
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

.texte-categorie p{
    color: #4A515D;
    font-size: 18px;
    font-family: var(--glory);
    margin: 0rem;
}

.imagine-categorie-text{
    display: flex;
    align-items: center;
    gap: 10px;
}

.categorie{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 376px;
    height: 69;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
}

.categorie:active{
    background-color: #3861E9;
}

.grid-categorii{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 800px;
}

/* LISTA CUMPARATURI */


.lista-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-content: space-between;
    gap: 20px;  
}

.lista-cumparaturi-container{
    display: flex;
    gap: 20px;
}

.text-lista p{ 
    font-size: 24px;
    color: #000;
}

.photo-lista img{
    width: 50px;
}

.sterge-lista img{
    width: 24px;
}

@media(max-width:500px){
    .lista-grid{
        grid-template-columns: repeat(1, 1fr);
    }

}

/* concursurile mele */

.concursurile-mele-text-titlu h4{
    font-size: 24px;
}

.concursurile-mele-text-titlu p{
    font-size: 14px;
    color: #8890A6;
}

.cocursurile-mele-text-valori p{
    font-size: 16px;
    color: #4A515D;
}

.cocursurile-mele-text-valori span{
    color: #4A515D;
    font-weight: bold;
}


.navigare{
    display: flex;
    margin-top: 50px;
    margin: 50px auto;
}

.navigare-container{
    display: flex;
}

.activ-navigare{
    background-color: #F25189;
    padding: 10px 85px;
    color: #fff;
    font-size: 18px;
    font-family: var(--glory);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.terminat-navigare{
    background-color: #F6F9FF;
    padding: 10px 85px;
    color: #8890A6;
    font-size: 19px;
    font-family: var(--glory);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.activ-navigare:hover{
    color: #fff !important;
}

.terminat-navigare:hover{
    color: #8890A6 !important;
}


.concurs-mele-text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cocursurile-mele-text-valori{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.container-favorite-valori-concursuri{
    width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.titlu-logo-container {
    width: 300px;
    display: flex;
    justify-content: space-between;
}

.cocursurile-mele-text-valori p {
    margin-bottom: 0px !important;
}

.concurs-mele-text p,.inscriere-text p,.extragere-text p,span {
    color: #000;
}

.concursuri-mele-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-content: space-between;
    margin-top: 50px;
}

.concurs-mele-photo img{
   max-width: 202px;
   height: 202px;
}

.favorite-concursuri img{
    width: 30px;
}



.concurs-mele-container-photo-text{
    max-width: 578px;
    width: 100%;
    background-color: #f8f8f8;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 20px;
    display: flex;
    gap: 20px;
}

.concurs-mele-inscriere-extragere-container{
    max-width: 578px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #DFE7F5;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.container-inscriere{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}

.container-extragere{
    margin-top: 15px;
}

.inscriere-photo img{
    width: 25px;
}

.ceva{
    display: flex;
}

.lista-contul-meu-ul{
    display: none;
}

@media(max-width: 820px){
    .concurs-mele-inscriere-extragere-container{
        flex-direction: column;
        align-items: flex-start;
    }

    .concursuri-mele-grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .row-1{
        flex-direction: column;
    }

    .grid-categorii{
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }

    .profilul-meu-container,.color-schimba-parola,.container-color-recomandari,.container-color-recomandari-1{
        width: 100%;
    }


}

@media(max-width:500px){
    .concurs-mele-photo img{
        max-width: 120px;
        height: 150px;
    }

    .activ-navigare,.terminat-navigare{
        margin-top: 0px;
    }

}

/* CATEGORII */

.cb_categories{
    width: 25px;
}

.termeni p{
    line-height: 1.5;
    font-size: 20px;
}