: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*/
.mobile_spacer{
    display: block;
    height: 100px;
}

#sticky_footer{
    display: none;
}

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

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 19px 0;
    list-style: none;
    background-color: #ffffff;
    border: 0px solid transparent;
}

.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li >a {
    color:#cccccc;
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}


/*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;
    }
    .text-hero .mt-5 {
        margin-top: 0 !important;
    }

    .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;
        /* padding: 0 10vW 5vW 10vW; */
    }
    
    .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;
    }
    .my_prizes{
        display: flex;
        gap: 20px;
    }

    .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;
    }

    .photo-oferta{
        flex:1;
    }

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

    .text-oferta{
        flex:1;   
    }

    .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;
        font-size: 18px;
        font-family: var(--glory);
    }

    .campaign_actions{
        display: flex;
        flex-wrap: wrap;
        margin-left: -14px;
        margin-top: 5px;
        padding-bottom: 10px;
    }

    .campaign_actions .ca_col{
        flex-grow: 1;
    }
    .ca_col.add_to_fav{
        width: 33%;
    }
    .ca_col.share {
        display: flex;
        width: 33%;
    }

    .campaign_actions .ca_col .link{
        display: flex;
        align-items: center;
    }

    .campaign_actions .ca_col .link img{
        margin-right: 4px;
    }

    .campaign_actions .ca_col .link.js_remove_from_fav span{
        color:#F25189;
    }

    .campaign_actions .ca_col .link span{
        display: inline-block;
        color:#999;
    }

    .campaign_actions .ca_col .more_btn span{
        display: inline-block;
        color:#999;
        font-size: 32px;
        width: 33%;
    }


    #social_media_share .share-buttons {
      display: flex;
      justify-content: center;
      padding-top:10px;
      padding-bottom: 10px;
      margin-left: 8vW;
    }

    #social_media_share .share-btn {
      display: inline-block;
      width: 40px;
      height: 40px;
      margin: 0 10px;
      border-radius: 50%;
      color: #fff;
      font-size: 20px;
      text-align: center;
      line-height: 40px;
    }

    #social_media_share .facebook {
      background-color: #3b5998;
    }

    #social_media_share .whatsapp {
      background-color: #25D366;
    }

    #social_media_share .gmail {
      background-color: #DB4437;
    }

    #social_media_share .instagram {
      background-color: #E1306C;
    }

    #social_media_share .share-btn:hover {
      opacity: 0.8;
    }

    .campanii-concursuri-share-buttons {
        position: relative;
    }
    .social_media_list_widget .share-buttons {
      position: absolute;
      display: flex;
      right: 0.5vW;
    }

    .social_media_list_widget .share-btn {
      display: inline-block;
      width: 40px;
      height: 40px;
      margin: 0 10px;
      border-radius: 50%;
      color: #fff;
      font-size: 20px;
      text-align: center;
      line-height: 40px;
      flex: 1;
    }

    .social_media_list_widget .facebook {
      background-color: #3b5998;
    }

    .social_media_list_widget .whatsapp {
      background-color: #25D366;
    }

    .social_media_list_widget .gmail {
      background-color: #DB4437;
    }

    .social_media_list_widget .instagram {
      background-color: #E1306C;
    }

    .social_media_list_widget .share-btn:hover {
      opacity: 0.8;
    }


    .campaign_kpi_container {
      margin: 30px auto;
      padding: 20px 0;
      border-bottom: 2px solid #E5DFDF;
      display: flex;
      justify-content: space-between;
    }

    .campaign_kpi_container .column {
      width: calc(33.33% - 10px);
      border:none;
      padding: 20px;
      text-align: center;
    }

    .campaign_kpi_container .column:not(:last-child) {
      margin-right: 10px;
    }

    .campaign_kpi_container .label {
      margin-bottom: 10px;
      color: #999;
      font-size: 18px;
    }

    .campaign_kpi_container .value {
      font-weight: bold;
      color: #000;
      font-size: 20px;
    }

    .mobile-prizes {
        display: none;
    }
    .desktop-prizes {
        display: block;
    }
    .photo-text-premii{
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .photo-text-produse{
        display: flex;
        width: 31%;
        align-items: center;
        gap: 20px;
        position: relative;
    }
    .photo-text-produse a{
        position: absolute;
        right: 0;
    }

    .premii-flex{
       display: flex;
       flex-wrap: wrap;
       gap: 15px;
       margin: 25px auto;
       padding-bottom: 25px;
       border-bottom: 1px solid #E5DFDF;
    }
    .text-produse {
        display: flex;
        padding-right: 28px;
    }
    .text-produse-premii {
        margin-top: 10px;
    }

    .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);
    }


    /* FORMULAR INSCRIERE */
    .inscriere-container{
        width: 100%;
        padding:20px;
        display: flex;
        flex-direction: column;
    }

    .inscriere-container h4{
        color: #F25189;
        font-family: var(--glory);
        font-weight: 600;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .inscriere-container .inscriere-form{

    }

    /*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;
        }
    }

@media(max-width: 1180px){
    .campanii-concursuri-text-2 p {
        font-size: 14px !important;
    }
    .campanii-concursuri-text-2 p {
        font-size: 14px !important;
    }
}


/*CONCURSURI*/

@media(max-width: 1100px){

    #social_media_share .share-buttons {
        margin-left: 0;
        position: relative;
        left: 15vW;
    }


    .campanii-concursuri-text-2 p {
        font-size: 13px !important;
    }
    .campanii-concursuri-text-3 p {
        font-size: 13px !important;
    }
    .campanii-concursuri-text-4 p {
        font-size: 13px !important;
    }

    .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;
    }

    .campaign_kpi_container {
        margin: 0;
        padding: 0;
    }
    .inscriere-container h4 {
        margin-top: 0;
    }
    .inscriere-container {
        padding: 0 20px;
    }
    .campaign_actions img{
        width: 30% !important;
    }
    .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;
    }

    .campaign_kpi_container .label {
        font-size: 14px;
    }

    .campaign_kpi_container .value {
        font-size: 16px;
    }

    .text-premii p, .text-produse p{
        color: #000;
    }
    .desktop-prizes {
        display: none;
    }
    .mobile-prizes {
        display: block;
    }
    .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;
    }

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

    .flex-oferta{
        margin-top: 0;
    }

    .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: 40px;
        padding-top: 30px;
        justify-content: center;
    }

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

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

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

    .premii-flex{
        display: flex;
        flex-wrap: wrap;
        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;
    }


    .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;
    }

    .logo-text-premiu {
        gap: 10px;
        padding-top: 0;
    }
    .text-premiu h3 {
        font-size: 22px;
    }
    .campaign_actions {
        margin-left: -10px;
        font-size: 14px;
    }
    .campaign_actions .ca_col .more_btn span {
        margin-top: -10px;
    }
    .campaign_actions .ca_col .link img {
        margin: 0;
    }
    .calendar {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .campanii-concursuri-text-2 {
        height: 70px !important;
    }
    .campanii-concursuri-text-3 {
        height: 70px !important;
    }
    .campanii-concursuri-text-4 {
        height: 70px !important;
    }
    .social_media_list_widget .share-buttons {
        top: -6.5vW;
    }

}
 


/*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: 15px;
    padding-bottom:15px;
}

.mobile_spacer{
    display: block;
    height: 100px;
}

#sticky_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #F25189;
    display: flex;
    justify-content: center;
    padding: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
    z-index: 9999;
}

#sticky_button {
    background-color: #F25189;
    color: white;
    border: 2px solid white;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

#sticky_footer.hidden {
    transform: translateY(100%);
}

.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;
    height: 150px;
}

.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: 30px;
}

#filters-toggle {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--glory);
}
#sort-toggle {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--glory);
}
.filtre-concursuri-1{
    display: block;
}
.overlay-add-filters {
    background-color: #ea457e;
    width: 20%;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 15px 15px;
    border-radius: 15px;
}
.overlay-remove-filters {
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #ea457e;
    font-size: 17px;
    margin-top: 10px;
}
.overlay-apply-sort {
    background-color: #ea457e;
    width: 20%;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 15px 15px;
    border-radius: 15px;
}
#overlay {
    position: fixed;
    width: 93%;
    margin: 0 auto;
    display: none;
    height: auto;
    top: 5vW;
    left: 0px;
    right: 0;
    bottom: 0px;
    background-color: #fff;
    z-index: 2;
    overflow: auto;
    cursor: pointer;
}
#overlay .filter-title {
    color: #ea457e;
    font-size: 30px;
    padding: 20px;
    font-weight: 600;
    font-family: var(--glory);
}
#overlay .filter-subtitle {
    color: #000;
    padding-left: 20px;
    font-weight: 600;
    font-family: var(--glory);
    display: block;
    margin-bottom: 20px;
}
#overlay-sort .sort-title {
    color: #ea457e;
    font-size: 30px;
    padding: 20px;
    font-weight: 600;
    font-family: var(--glory);
}
#overlay-sort .sort-subtitle {
    color: #000;
    padding-left: 20px;
    font-weight: 600;
    font-family: var(--glory);
    display: block;
    margin-bottom: 20px;
}
#overlay-sort {
    position: fixed;
    width: 93%;
    display: none;
    margin: 0 auto;
    height: auto;
    top: 5vW;
    left: 0px;
    right: 0;
    bottom: 0px;
    background-color: #fff;
    z-index: 2;
    cursor: pointer;
}
#overlay-sort .filter-title {
    color: #ea457e;
    font-size: 30px;
    padding: 20px;
    font-weight: 600;
    font-family: var(--glory);
}
#overlay-sort .filter-subtitle {
    color: #000;
    padding-left: 20px;
    font-weight: 600;
    font-family: var(--glory);
}
.prize-number {
    display: inline-block;
    padding-left: 30px;
    margin-top: 1vW;
    margin-bottom: 1vW;
    width: 100%;
}
.prize-number a {
    background-color: #0000FF;
    color: #fff;
    padding: 10px;
    border-radius: 22px;
    font-size: 14px;
    margin: 10px 0 10px 20px;
    display: inherit;
}
.prize-value {
    display: inline-block;
    padding-left: 30px;
    margin-top: 1vW;
    margin-bottom: 1vW;
    width: 100%;
}
.prize-value a {
    background-color: #0000FF;
    color: #fff;
    padding: 10px;
    margin: 10px 0 10px 20px;
    border-radius: 22px;
    font-size: 14px;
    display: inherit;
}
.prize-categories {
    display: inline-block;
    padding-left: 30px;
    margin-top: 1vW;
    width: 100%;
    margin-bottom: 1vW;
}
.prize-categories a{
    background-color: #0000FF;
    color: #fff;
    padding: 10px;
    margin: 10px 0 10px 20px;
    border-radius: 22px;
    font-size: 14px;
    display: inherit;
}
.sort-after {
    display: inline-block;
    padding-left: 30px;
    margin-top: 1vW;
    margin-bottom: 1vW;
    width: 100%;
}
.sort-after a {
    background-color: #0000FF;
    color: #fff;
    padding: 10px;
    border-radius: 22px;
    font-size: 14px;
    margin: 10px 0 10px 20px;
    display: inherit;
}
.sort-ordering {
    display: inline-block;
    padding-left: 30px;
    margin-top: 1vW;
    margin-bottom: 1vW;
    width: 100%;
}
.sort-ordering a {
    background-color: #0000FF;
    color: #fff;
    padding: 10px;
    border-radius: 22px;
    font-size: 14px;
    margin: 10px 0 10px 20px;
    display: inherit;
}
.overlay-prize {
    display: inline-block;
    padding-left: 30px;
    margin-top: 1vW;
    margin-bottom: 2vW;
}
.overlay-prize a {
    background-color: #0000FF;
    color: #fff;
    padding: 10px;
    margin: 10px 0 10px 20px;
    border-radius: 22px;
    font-size: 14px;
    display: inherit;
}
.filtre-container{
    display: flex;
    gap: 50px;
    background-color: #E3EAF8;
    height: 60px;
    max-width: 425px;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.right-picture {
    margin-right: 5px;
}
.right-picture img{
    width: 14px;
    height: 14px;
    display: none;

}
.selected {
   background-color: #ea457e !important;
   margin: 10px 0 10px 5px !important;
}

.selected .right-picture img{
    display: inline;
}

.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-nou.pe-cale-de-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%;
    height: 300px;
}

.campanii-concursuri{
    background-color: #FFFFFF;
    max-width: 578px;
    width: 100%;
    height: 335px;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
    border-radius: 8px;
    border: 2px solid #F3F3F3;
    margin: 0 auto;
}

.poza img{
    border-radius: 8px;
}
.campanii-concursuri-photo {
    display: flex;
}
.campanii-concursuri-photo .poza {
    width: 75%;
}
.campanii-concursuri-text-4 img {
    max-width: 37px !important;
}
.campanii-concursuri-photo img {
    height: 202px;
    width: 100%;
}
.poza img {
    max-width: 500px !important;
}
.campanii-coloana-2 {
    width: 100%;
    text-align: center;
}

.campanii-concursuri-logo {
    float: left;
    padding: 10px;
}
.campanii-concursuri-logo-text{
    display: flex;
    justify-content: space-between;
}
.campanii-concursuri-logo-text-2 {
    width: 100%;
    height: 130px;
}

.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: #000;
    font-family: var(--glory);
    font-size: 22px;
    font-weight: 600;
    padding: 8px 0 5px 0;
}

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

.campanii-concursuri-text-2 .column{
    flex:1;
}
.campanii-concursuri-text-3 .column {
    flex: 2;
}
.campanii-concursuri-text-3 .column-flex {
    flex: 1;
}
.campanii-concursuri-text-4 .column {
    flex: 1;
}

.campanii-concursuri-text-2 p{
    color: #4A515D;
    font-family: var(--glory);
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}
.campanii-concursuri-text-2 .premii-border {
    border-right: 2px solid #F3F3F3;
}

.campanii-concursuri-text-2 .premii-1{
    font-weight: 400;
}
.campanii-concursuri-text-2 img {
    max-height: 25px;
}
.campanii-concursuri-text-2{
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-top: 2px solid #F3F3F3;
    height: 60px;
    padding-top: 2px;
}
.campanii-concursuri-text-3 p{
    color: #4A515D;
    font-family: var(--glory);
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
}
.campanii-concursuri-text-3 .premii-border {
    border-right: 2px solid #F3F3F3;
}

.campanii-concursuri-text-3 .premii-1{
    font-weight: 400;
}
.campanii-concursuri-text-3 img {
    max-height: 25px;
}
.campanii-concursuri-text-3{
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-bottom: 2px solid #F3F3F3;
    border-top: 2px solid #F3F3F3;
    height: 60px;
    padding-top: 2px;
}
.campanii-concursuri-text-4 p{
    color: #4A515D;
    font-family: var(--glory);
    font-size: 14px;
    font-weight: bold;
    display: flex;
    text-align: center;
    align-items: center;
}
.campanii-concursuri-text-4 span {
    color: #4A515D;
    padding: 2px 0px 0 8px;
}
.campanii-concursuri-text-4 .premii-border {
    border-right: 2px solid #F3F3F3;
}

.campanii-concursuri-text-4 .premii-1{
    font-weight: 400;
}
.campanii-concursuri-text-4 img {
    max-height: 37px;
}
a.link.js_add_to_fav img{
    max-width: 37px !important;
    max-height: 37px !important;
    margin-top: -5px;
}
a.link.js_remove_from_fav img{
    max-width: 37px !important;
    max-height: 37px !important;
    margin-top: -5px;
}
a.link.js_add_to_fav{
    font-size: 14px;
}
a.link.js_remove_from_fav{
    font-size: 14px;
}
.campanii-concursuri-text-4{
    display: flex;
    flex-direction: row;
    gap: 40px;
    height: 60px;
    padding-top: 25px;
    justify-content: center;
    width: 100%;
    margin-left: 8%;
    position: relative;
    align-items: center;
}
.js_add_to_fav {
    display: flex;
}
.js_remove_from_fav {
    display: flex;
}
.js_share_list {
    display: flex;
}

.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: 30px;
}

@media screen and (max-width: 1300px) {
    .overlay-add-filters {
        width: 30%;
    }
    .overlay-apply-sort {
        width: 30%;
    }
}

@media screen and (max-width: 1000px) {
    #overlay .filter-title {
        padding: 20px 0 0 20px;
    }
    #overlay .filter-subtitle {
        margin-bottom: 5px;
    }
    .prize-number a {
        margin: 6px 5px 0 20px;
    }
    .prize-value a {
        margin: 6px 5px 0 20px;
    }
    .prize-categories a {
        margin: 6px 5px 0 20px;
    }
    .overlay-prize a {
        margin: 6px 5px 0 20px;
    }
    .overlay-add-filters {
        width: 35%;
        padding: 10px 10px;
    }
    .overlay-apply-sort {
        width: 35%;
        padding: 10px 10px;
    }
}

@media screen and (max-width:500px){
    /* Contul meu */
    .tot-meniul-stanga {
        display: none !important;
    }
    .tot-meniul-stanga-mobile {
        display:block !important;
        margin-top: 2vW;
    }
    .tot-meniul-stanga-mobile .meniu-stanga {
        margin: 0 auto;
    }

    /* Style the dropdown button */
    .dropbtn {
        cursor: pointer;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: flex-start;
    }
    .sageata-meniu {
        margin-left: auto;
    }
    .meniu-stanga #myArrow {
        transform: rotate(90deg);
    }
    .meniu-stanga-active #myArrow {
        transform: rotate(270deg);
    }
    .meniu-stanga {
        margin-bottom: 0;
    }
    .meniu-stanga-active {
        margin-bottom: 220vW !important;
        background-color: #3861E9 !important;
    }
    .meniu-stanga-active .dropbtn .texte-meniu p:first-child {
        color: #FFF;
    }
    .meniu-stanga-active .dropbtn .texte-meniu p:last-child {
        color: #FFF;
    }

    /* Style the dropdown content (hidden by default) */
    .dropdown-content {
      display: none;
      position: absolute;
      top: 20vW;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      left: -4vW;
    }

    /* Style the links inside the dropdown */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }

    /* Change the background color of the links on hover */
    .dropdown-content a:hover {
      background-color: #f1f1f1;
    }

    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }

    #social_media_share .share-buttons {
        left: 5vW;
    }

    
    .icons-campanii-concursuri {
        margin-top: -45px;
    }
    .campanii-concursuri-photo .poza {
        width: 100%;
    }
    .campanii-coloana-2 {
        width: 100%;
    }
    .campanii-concursuri-photo {
        display: block;
    }
    .campanii-concursuri {
        max-width: 578px;
        width: 90%;
        height: 550px;
    }
    .campanii-concursuri-text-2 {
        border-top: 0;
    }
    .poza img {
        border-radius: 0;
    }
    .campanii-concursuri-text-3 {
        gap: 0;
    }
    .campanii-concursuri-text-3 p {
        padding: 5px 0 0 3px;
    }
    .campanii-concursuri-text-4 {
        padding-top: 10px;
    }
    .campanii-concursuri-text-4 p {
        font-size: 10px !important;
    }
    .campanii-concursuri-text-1 p:first-child{
        font-size: 18px;
    }


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

    .filtre-concursuri-1{
        display: flex;
        margin-top: 50px;
    }
    #overlay {
        top: 10vW;
    }
    #overlay-sort {
        top: 10vW;
    }
    #overlay .filter-subtitle {
        padding: 0;
    }
    .prize-number a {
        margin: 6px 8px 0 0;
    }
    .prize-value a {
        margin: 6px 8px 0 0;
    }
    .prize-categories a {
        margin: 6px 8px 0 0;
    }
    .overlay-prize a {
        margin: 6px 8px 0 0;
    }
    .overlay-add-filters {
        width: 50%;
    }
    .overlay-apply-sort {
        width: 50%;
    }



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

}
@media screen and (max-width:1100px){
    .campanii-concursuri-text-1 .short_description {
        font-size: 12px !important;
    }
}
@media screen and (max-width:450px){
    .campanii-concursuri-text-1 .short_description {
        font-size: 12px !important;
    }
}
@media screen and (max-width:380px){
    .campanii-concursuri-text-1 .short_description {
        font-size: 10px !important;
    }
    #overlay {
        top: 13vW;
    }
    #overlay-sort {
        top: 13vW;
    }
}
@media screen and (max-width:350px){
    .social_media_list_widget .share-btn {
        line-height: 31px;
        height: 30px;
        width: 30px;
    }
    .campanii-concursuri {
        width: 100%;
    }
}
@media screen and (max-width:300px){
    .data-campanie-500  {
        font-size: 12px;
    }
    .campanii-concursuri-text-4 {
        margin-left:3% ;
    }
    .campanii-concursuri-text-4 p{
        font-size: 12px ;
    }
    .campanii-concursuri-text-1 .short_description {
        font-size: 9px !important;
    } 
}
    
@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: 1.4px solid #8890A6;
    border-radius: 7px;
    height: 46px;
    background-color: #fff;
}
.signup_product_photo_mask{
    border-radius: 7px;
    background-color: #fff;
    margin-right: 5vW;
    height: 175px;
    border: 2px solid #DFE7F5;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    margin-top: 8px;
}
.signup_product_text {
    color: #000;
    font-size: 16px;
    font-family: var(--glory);
    padding-top: 14px;
}

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);
    }


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






/* LOGIN SIGNUP */
@media(max-width: 1200px) {
    .account_infos {
        padding-left: 5vW !important;
    }
}
@media(max-width: 950px) {
    .tot-meniul-stanga {
        padding-left: 10vW;
    }
    .account_infos {
        padding-left: 13vW !important;
    }
}
@media(max-width: 767px) {
    .tot-meniul-stanga {
        padding-left: 0;
    }
    .account_infos {
        padding-left: 0 !important;
    }
}

input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    resize: none;
    outline: none;
    border: 1.4px solid #8890A6;
    border-radius: 7px;
    height: 46px;
    background-color: #fff;
    display: block;
  }
input[type="email"] {
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    resize: none;
    outline: none;
    display: block;
  }
input[type="number"] {
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    resize: none;
    outline: none;
    border: 1.4px solid #8890A6;
    border-radius: 7px;
    height: 46px;
    background-color: #fff;
    display: block;
  }
  #update-profile-form #email {
    color: #0000FF;
  }
    #phone {
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    border: 1.4px solid #8890A6;
    background: #fff;
    resize: none;
    outline: none;
    border-radius: 9px;
}
    #phone::-webkit-outer-spin-button,
    #phone::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
  
  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: 80%;
    padding: 1em;
    resize: none;
    outline: none;
    border: 1.4px solid #8890A6;
    border-radius: 7px;
    height: 46px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
  }
  
  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;
}

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

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

.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: 18px;
    font-family: var(--glory);
    font-weight: 400;
    margin-top: 20px;
}
#external_signup_btn {
    padding: 10px 120px;
}
.form-atention {
    color: #000;
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    font-family: 'Glory';
}

.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: 18px;
    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; 
    font-size: 18px;
}

.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;
    align-items: center;
}

.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;
}




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

.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;
   border-radius: 6%;
}

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

.logo-titlu {
    position: absolute;
    top: 1.5vW;
    right: 2vW;
}
.titlul-paginii {
    width: 100%;
    height: auto;
}
.concurs-mele-container-photo-text{
    width: 100%;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 20px;
    display: flex;
    gap: 20px;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0px 0px 11px 0px #D3D3D3;
    border-radius: 10px;
}
.favorite-concursuri {
    position: absolute;
    right: 2vW;
    bottom: 1.5vW;
}

.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:650px){
    .concursurile-mele-text-titlu h4 {
        font-size: 20px;
        padding-right: 20vW;
    }
}
@media(max-width:450px){
    .concursurile-mele-text-titlu h4 {
        font-size: 15px;
        padding-right: 45vW;
    }
    .concurs-mele-text p, .inscriere-text p, .extragere-text p, span {
        font-size: 13px;
    }
}

/* PRODUSE PARTICIPANTE */

@media(max-width:650px){
    .photo-text-produse {
        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;
    color: #000000;
}
.termeni a{
    color:#FF0000;
}

/* Password change */

.password-title {
    text-align: left;
}
#update-password-form {
    background-color: #FFF;
    border-radius: 30px;
    box-shadow: 0px 0px 6px 0px #707070;
}
.password {
    position: relative;
}
.password-key {
    position: absolute;
    top: 13px;
    left: 5px;
}
.my-password {
    margin: 2vW auto;
}
.my-password-text {
    font-size: 28px;
    text-align: center;
    color: #000;
    padding-top: 40px;
}
.my-password-button input{
    background-color: #ea457e;
    width: 40%;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 10px 15px;
    border-radius: 10px;
    border-color: #ea457e;
}
.my-password-button {
    padding-bottom: 50px;
}
#update-password-message p{
    color:  #FF0000;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .password-form {
        
    }
}

@media screen and (max-width: 764px) {
    .my-password-button input {
        width: 80%;
    }
}