:root {
    --blue: #00aff0;
    --blue_hover: #0091ea;
    --text: #8a96a3;
    --white: #ffffff;
    --like: #ea4c89;
    --like_hover: #c82966;
}


html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

@media screen and (max-width: 75em) {
    html {
        font-size: 56.25%;
    }
}

@media screen and (max-width: 56.25em) {
    html {
        font-size: 50%;
    }
}

@media screen and (max-width: 37.5em) {
    html {
        font-size: 50%;
    }
}

@media screen and (min-width: 121.875em) {
    html {
        font-size: 65%;
    }
}

body {
    font-family: "Nunito", sans-serif;
    font-weight: 400;
    line-height: 1.7;
    overflow-x: hidden;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

*,
*::after,
*::before {
    box-sizing: inherit;
}

.rotate {
    transform: rotate(180deg);
}

.margin-top {
    margin-top: 4rem;
}

.checkbox {
    width: 25px;
    height: 25px;
}

.link_input {
    border: none;
    outline: none;
    background-color: transparent;
}

/* NAVIGATION */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    box-shadow: 0 0 15px 2px rgba(19, 66, 118, .25);

}

.navbar > * {
    padding: 1rem 20%;
}

.navbar_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--blue);
}

.navbar_top img {
    height: 3rem;
}

.navbar_search {
    display: flex;
    align-items: center;
    background-color: var(--white);
    border-radius: 3rem;
    padding: .5rem;
    width: 50%;
    height: 4rem;
    margin: 0 auto;
}

.navbar_search input {
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 1rem;
    font-size: 1.6rem;
    font-family: inherit;
    outline: none;
}

.navbar_search_button {
    padding: 1rem 2rem;
    font-size: 1.6rem;
    outline: none;
    border-radius: 3rem;
    text-decoration: none;
    cursor: pointer;
    background-color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    height: 100%;
    border: 1px solid var(--blue);
    transition: all .2s;
}

.navbar_search_button:hover {
    background-color: var(--white);
    color: var(--blue);
    border: 1px solid var(--blue);
}

.navbar_promote {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    background-color: var(--white);
    padding: .5rem 1rem;
    color: var(--blue);
    text-decoration: none;
    font-size: 1.6rem;
    border-radius: 3rem;
    height: 4rem;
    font-weight: bold;
    transition: all .2s;
    border: 1px solid var(--blue);

    display: none;
}

.navbar_promote:hover {
    background-color: var(--blue);
    color: var(--white);
    border: 1px solid var(--white);
}

.navbar_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
    box-shadow: 0 0 15px 2px rgba(19, 66, 118, .25);
}

.navbar_bottom_tags {
    box-shadow: none;
    border-top: 1px solid rgba(19, 66, 118, .25);
    /* border-bottom: 1px solid rgba(19,66,118,.25); */
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    min-height: 30px;
}

.navbar_bottom_tags_list a {
    font-size: 1.2rem;
}

.navbar_bottom_tags svg {
    color: var(--text);
    cursor: pointer;
    width: 1.8rem;
    height: 1.8rem;
}

.banner_page .navbar_search {
    height: 4rem;
}

.banner_page .navbar_search input {
    font-size: 1.6rem;
}

.navbar_list {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    flex-wrap: wrap;
    row-gap: .5rem;
}

.navbar_bottom_tags_list {
    max-height: 2.2rem;
    overflow: hidden;
    transition: all .2s;
}

.navbar_bottom_tags_list_active {
    max-height: max-content;
    overflow: visible;
    transition: all .2s;
}

.navbar_list_item {
    display: flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    color: var(--text);
    font-size: 1.4rem;
    transition: all .2s;
    cursor: pointer;
}

.navbar_tags{
    display: flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    color: var(--text);
    font-size: 1.4rem;
    transition: all .2s;
    cursor: pointer;

    font-family: inherit;
    border-radius: 5px;
    padding: 3px 10px;
    border: 1px solid var(--text);
    position: relative;
}

.navbar_tags_name{
    display: flex;
    align-items: center;
    gap: .5rem;
}

.navbar_tags_dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 0 5px 2px rgba(19, 66, 118, .25);
    overflow: auto;

    max-height: 300px;
    min-width: 150px;
    display: none;
}

.navbar_tags_dropdown_item{
    padding: .5rem 1rem;
    font-size: 1.4rem;
    color: var(--text);
    transition: all .2s;

    display: flex;
    align-items: center;
    gap: .5rem;
}

.navbar_tags_dropdown_item:hover{
    background-color: var(--blue);
    color: var(--white);
}

.navbar_tags:hover .navbar_tags_dropdown{
    display: block;
}

.navbar_list_item_active {
    text-decoration: underline;
}

.navbar_list_item svg {
    width: 2rem;
    height: 2rem;
    color: var(--blue);

}

.navbar_list_item:hover {
    color: var(--blue_hover);
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--white);
    border-radius: 1rem;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown-content > *:not(:last-child) {
    margin-bottom: 1rem;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown_item {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
    color: var(--text);
    text-decoration: none;
    transition: all .2s;
}

.dropdown_item_lang {
    width: 2rem;
    height: 1.5rem;
}

.dropdown_item:hover {
    color: var(--blue_hover);
}

.navbar_mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.navbar_mobile_top {
    padding: 1rem;
    height: 6rem;

    display: grid;
    grid-template-columns: 0 1fr;
}

.navbar_mobile_top a {
    justify-self: center;
}

.navbar_mobile_bottom {
    padding: 1rem;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: var(--white);
    box-shadow: 0 0 15px 2px rgba(19, 66, 118, .25);
    transition: all .2s;
    z-index: -1;
}

.navbar_mobile_bottom_active {
    top: 6rem;
    z-index: 999;
}

.navbar_mobile_top svg {
    color: var(--white);
    width: 4rem;
    height: 4rem;
    cursor: pointer;
}

.navbar_mobile .navbar_search {
    width: 100%;
    border: 1px solid var(--blue);
}

.navbar_mobile_bottom_item {
    width: 100%;
    padding: 1rem;
}


.alert {
    position: fixed;
    top: 10rem;
    z-index: 9999;
    right: 0;
    width: max-content;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.6rem;
    background-color: var(--white);
    border-radius: 1rem 0 0 1rem;
    box-shadow: 0 0 15px 2px rgba(19, 66, 118, .25);
}

.alert-success {
    background-color: #3a8f34;
    color: var(--white);
}

.alert-danger {
    background-color: var(--like_hover);
    color: var(--white);
}


/* FOOTER  */
.footer {
    background-color: var(--blue);
    color: var(--white);
    padding: 1rem 20%;
    display: grid;
    grid-template-columns: 35% 1fr 1fr;
    gap: 2rem;
    position: sticky;
    bottom: 0;
    z-index: 100;
}

.footer_title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;

}

.footer_text {
    font-size: 1.4rem;
}

.footer_text a {
    color: inherit;
}

.footer_copyright {
    grid-column: 1/-1;
    text-align: center;
    font-size: 1.6rem;
}

.footer_social_box {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer_social_link {
    background-color: var(--white);
    border-radius: 50%;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_social_link svg {
    width: 2rem;
    height: 2rem;
}


/* HOME BANNER */

.banner_page {
    margin-top: 12rem;
    padding: 2rem 20%;
}

.page {
    padding: 4rem 20%;
}

.banner_title {
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
    color: var(--blue_hover);
    line-height: 50px;
}

.banner_page {

}

.banner_text {
    font-size: 2rem;
    padding: 2rem 0;
    text-align: center;
    color: var(--text);
}

.page .navbar_search {
    width: 100%;
    border: 1px solid var(--blue);
}

.page .navbar_search input {
    font-size: 1.8rem;
    padding: 2rem;
}


.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    width: 100%;
}

.profile_extra_similar .card {
    width: 100%;
}

.card {
    position: relative;
    border-radius: 2rem;
    text-decoration: none;
    color: inherit;
    /* border: 2px solid var(--blue); */
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    max-height: 350px;
    /* min-height: 250px; */
    /* overflow: hidden; */
}

.card img {
    width: 100%;
    /* height: 40rem; */
    border-radius: 2rem;
    object-fit: cover;
    height: 100%;
    min-height: 250px;
    aspect-ratio: 1/1;
}

.card_overlay {
    position: absolute;
    border: 4px solid var(--blue);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent, rgba(0, 145, 234, .2));
    /*  */
    border-radius: 2rem;
    transition: all .2s;
}

.card:hover .card_overlay {
    background-color: rgba(0, 0, 0, .2);
    border: 4px solid var(--blue_hover);
}

.card_data_docs {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.4rem;
    color: white;
    margin: .5rem 0;
}

.card_data_docs > * {
    display: flex;
    align-items: center;
    gap: .2rem;
}

.card_data_docs svg {
    width: 1.8rem;
    height: 1.8rem;
}

.card_badges {
    display: flex;
    flex-direction: column;
    gap: .5rem;

    position: absolute;
    bottom: 2rem;
    right: 3px;
}

.card_badges > * {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .2rem .4rem;
    border-radius: .5rem 0 0 .5rem;
    font-size: 1rem;
}

.card_badges_free {
    background-color: #3CB371;
    color: var(--white);
}

.card_badges_vip {
    background-color: var(--like);
    color: var(--white);
}

.card_data_names {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 101;
    text-decoration: none;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.card_data_username {
    font-size: 1.4rem;

    color: var(--white);
}

.card_data_name {
    font-size: 1.4rem;
    color: var(--white);
    font-weight: bold;

    display: flex;
    align-items: center;
    gap: .5rem;
}

.card_data_view {
    z-index: 101;

    position: absolute;
    top: 1rem;
    right: 1rem;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .3rem 1rem;
    cursor: pointer;
    background-color: var(--blue);
    color: var(--white);
    font-size: 1.4rem;
    text-decoration: none;
}

.card_data_view svg {
    width: 2rem;
    height: 2rem;
}

.model{
    display: flex;
    align-items: center;
    gap: 2rem;
}

.model_img img{
    width: 20rem;
    height: 20rem;
    object-fit: cover;
    border-radius: 50%;
    transition: all .2s;
    cursor: pointer;
}

.model_img img:hover{
    border-radius: 15px;
    transform: scale(1.3);
}

.model_data_stats{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.model_data_stats_item{
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.6rem;
}

.model_data_stats_item svg{
    width: 2.3rem;
    height: 2.3rem;
}

.models_header{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.4rem;
    color: var(--text);
}

.models_breadcrumbs{
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.8rem;
}

.models_breadcrumbs a{
    color: var(--blue);
    transition: all .2s;
}

.models_breadcrumbs a:hover{
    color: var(--blue_hover);
    text-decoration: underline;
}

.models_title{
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 28px;
    margin-top: 5px;
}

.model_data_header{
    display: flex;
    align-items: center;
    font-size: 1.9rem;
    gap: 1rem;
    color: var(--text);
    flex-wrap: wrap;
}

.model_data_header_title {
    color: var(--blue);
    transition: all .2s;
}

.model_data_header_title:hover {
    color: var(--blue_hover);
    text-decoration: underline;
}

.model_data_header_username{
    color: var(--text);
    transition: all .2s;
}

.model_data_header_username:hover{
    text-decoration: underline;
}

.model_data{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: var(--text);
}

.model_data_desc{
    font-size: 1.6rem;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.model_data_links{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.model_data_links img{
    width: 2.5rem;
    height: 2.5rem;
}

.model_page_header{
    position: relative;
}

.model_page{
    /*margin-top: 11.5rem;*/
}

.model_page_cover{
    width: 100%;
}

.model_page_cover img{
    width: 100%;
    height: 30rem;
    object-fit: cover;
}

.model_page_profile{
    padding: 0 20%;

    margin-top: -9rem;
}

.model_page_profile img{
    width: 15rem;
    height: 15rem;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid white;
}

.model_page_logo{
    display: flex;
    align-items: center;
    gap: 1rem;

    position: absolute;
    top: 10rem;
    left: 0;
    z-index: 999;
}

.model_page_logo svg{
    width: 2.5rem;
    height: 2.5rem;
    color: white;
}

.model_page_logo img{
    width: auto;
    height: 4rem;
    border-radius: 0;
    border: none;
}

.model_page_logo a{
    display: flex;
    align-items: center;
}

.model_page_content{
    display: grid;
    grid-template-columns: 35% 1fr;
    gap: 5rem;
}

.model_page_content_text{
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0 15px 1px rgba(19, 66, 118, .1);
}

.model_page_content_text_title{
    font-size: 2.5rem;
    font-weight: bold;
    color: var(--blue_hover);
}

.model_page_content_text_nickname{
    font-size: 1.8rem;
    color: var(--text);
}

.model_page_content_text_description{
    font-size: 1.6rem;
    color: var(--text);
    margin-top: 2rem;
}

.model_page_content_links{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.model_page_content_links_link{
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 2rem;
    border-radius: 1rem;
    box-shadow: 0 0 15px 1px rgba(19, 66, 118, .1);
}

.model_page_content_links_link_img{
    width: 5rem;
    height: 5rem;
}

.model_page_content_links_link_url{
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    word-break: break-all;
}

.model_page_content_links_link{
    font-size: 1.6rem;
    color: var(--text);
}

.model_page_content_links_link_name{
    font-weight: 700;
    color: var(--blue_hover);
}

.admin_action {
    /*position: absolute;*/
    /*top: 1rem;*/
    /*left: 1rem;*/
    /*z-index: 101;*/

    display: flex;
    align-items: center;
    gap: .5rem;
}

.admin_action a{
    display: flex;
    align-items: center;
}

.admin_action svg{
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}

.models_viewMore {
    background-color: var(--blue);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin: 1rem auto;
    padding: .5rem 2rem;
    cursor: pointer;
    width: max-content;
    border-radius: 4rem;
    font-size: 1.4rem;
    transition: all .2s;
    text-decoration: none;
}

.models_viewMore:hover {
    background-color: var(--blue_hover);
    gap: 1rem;
}

.models_viewMore svg {
    width: 2rem;
    height: 2rem;
}

.login {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    height: max-content;

    background-color: var(--white);
    border-radius: 1rem;
    box-shadow: 0 0 15px 2px rgba(19, 66, 118, .25);
    z-index: 100;
    padding: 2rem;
}

.login img {
    height: 4rem;
    margin-bottom: 2rem;
}

.login_title {
    font-size: 1.8rem;
    font-weight: bold;
    padding-bottom: 1rem;
}

.login_input {
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    gap: .5rem;
    padding-bottom: 1rem;
    color: var(--text);
}

.login_input input {
    width: 100%;
    padding: 1rem;
    font-family: inherit;
    font-size: 1.2rem;
    transition: all .2s;
    border: 1px solid var(--text);
    border-radius: 1rem;
    width: 300px;
}

.login_input input:focus {
    border: 1px solid var(--blue);
    outline: none;
}

.login_btn {
    width: 100%;
    padding: 1rem;
    font-size: 1.4rem;
    font-weight: bold;
    border: none;
    border-radius: 1rem;
    background-color: var(--blue);
    color: var(--white);
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    outline: none;
}

.login_btn:hover {
    background-color: var(--blue_hover);
}


/* FORMS */
.add {
    display: grid;
    grid-template-columns:  1fr 1fr;
    gap: 2rem;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.add_field {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    color: var(--text);
    font-size: 1.4rem;
}

.add_field_more {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: .5rem;
    width: 100%;
}

.add_field_more > * {
    width: 100%;
}

.add_field_title {
    color: var(--text);
    font-size: 1.4rem;
}

.add_field input, .add_field select, .add_field textarea {
    padding: 1rem;
    border: 1px solid var(--text);
    border-radius: 1rem;
    font-size: 1.2rem;
    font-family: inherit;
    transition: all .2s;
}

.add_field input:focus {
    border: 1px solid var(--blue);
    outline: none;
}

.add_field_checkboxContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 50%;
    gap: .5rem;
    align-items: flex-start;
}

.add_field_checkbox {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.add_field_links{
    display: grid;
    grid-template-columns: 20% 1fr 1fr max-content;
    align-items: center;
    gap: 1rem;
}

.add_btn {
    width: 100%;
    padding: 1rem;
    font-size: 1.4rem;
    font-weight: bold;
    border: none;
    border-radius: 1rem;
    background-color: var(--blue);
    color: var(--white);
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    outline: none;
    grid-column: 1/-1;
}

.add_btn:hover {
    background-color: var(--blue_hover);
}

.model_edit {
    background-color: #ebe8e8;
    border-radius: 3rem;
    padding: .3rem;
    color: var(--blue);
}

.model_delete {
    color: red;
    background-color: #ebe8e8;
    border-radius: 3rem;
    padding: .3rem;
}

.edit_field_img {
    display: flex;
    align-items: flex-end;
    gap: .5rem;
    position: relative;
    width: max-content;
}

.edit_field_img img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    border-radius: 5px;
}

.edit_field_img svg {
    width: 2rem;
    height: 2rem;
    color: red;
    cursor: pointer;
    position: absolute;
    top: .5rem;
    right: .5rem;
    background-color: rgba(0, 0, 0, .5);
    padding: .2rem;
    border-radius: 50%;
}

.add_tag_input {
    margin-top: 2rem;
}

.add_tag_btn {
    width: max-content;
    padding: 1rem;
    font-size: 1.4rem;
    font-weight: bold;
    border: none;
    border-radius: 1rem;
    background-color: var(--blue);
    color: var(--white);
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    outline: none;
    grid-column: 1/-1;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.remove_tag_btn{
    background-color: red;
    width: max-content;
    padding: .5rem;
    font-size: 1.4rem;
    font-weight: bold;
    border: none;
    border-radius: 1rem;
    color: var(--white);
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.remove_tag_btn svg{
    width: 2.6rem;
    height: 2.6rem;
    color: var(--white);
}

.add_tag_btn_close {
    background-color: var(--like);
}

.delete_text {
    cursor: pointer;
    color: var(--like);
}

.edit_text {
    cursor: pointer;
    color: var(--blue);
    margin-right: 1rem;
}

.full_column {
    grid-column: 1/-1;
}

.gallery_edit {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex-wrap: wrap;
}


/* PROFILE PAGE */

.profile {
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 2rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    border-radius: 1.5rem;
    padding: 2rem;
}

.profile svg {
    width: 2rem;
    height: 2rem;
}

.profile_media {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.profile_media_gallery {
    position: relative;
    max-height: 550px;
}

.profile_media_gallery img {
    width: 100%;
    /* height: 25rem; */
    border-radius: 1.5rem;
    height: 100%;
    object-fit: cover;
}

.profile_media_likes {
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 1rem;
    z-index: 2;
    width: 100%;
}

.profile_media_likes_content {
    background-color: var(--white);
    padding: 1rem;
    border-radius: 1.5rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.profile_media_likes_nr {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    font-size: 1.2rem;
    font-weight: bold;
}

.profile_media_likes svg {
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}

.profile_media_likes_dislike {
    color: var(--blue);
    transition: all .2s;
    opacity: .3;

}

.profile_media_likes_dislike:hover {
    color: var(--blue_hover);
    opacity: 1;
}

.profile_media_likes_dislike_active {
    color: var(--blue_hover);
    opacity: 1;
}

.profile_media_likes_like {
    color: var(--like);
    transition: all .2s;
    opacity: .3;
}

.profile_media_likes_like:hover {
    color: var(--like_hover);
    opacity: 1;
}

.profile_media_likes_like_active {
    color: var(--like_hover);
    opacity: 1;
}

.profile_media_photos {
    padding: 1rem 1rem;
    border-radius: 1.5rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: max-content;
}

.profile_media_photos_item {
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    gap: .5rem;
}

.profile_media_photos_item_svg {
    background-color: var(--blue);
    color: var(--white);
    padding: .6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile_media_photos_item_svg svg {
    width: 1.5rem;
    height: 1.5rem;
}

.profile_data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

.profile_data_name {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: var(--blue_hover);
}

.profile_data_tags {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.profile_data_tags_item {
    border: 1px solid var(--blue);
    color: var(--blue);
    padding: .2rem 1rem;
    border-radius: 1.5rem;
    font-size: 1.4rem;
    /* font-weight: bold; */
    transition: all .2s;
}

.profile_data_tags_item:hover {
    background-color: var(--blue_hover);
    color: var(--white);
}

.profile_data_social {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.profile_data_social svg {
    width: 3rem;
    height: 3rem;
}

.profile_data_bio_title {
    font-size: 2rem;
    font-weight: bold;
    color: var(--blue_hover);
}

.profile_data_bio_text {

    margin-bottom: 2rem;
    color: var(--blue);

    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.8rem;
    font-weight: 300;
    word-break: break-word;
    line-height: 2.4rem;
}

.profile_data_btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 1rem;
}

.profile_data_buy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background-color: var(--like_hover);
    color: var(--white);
    padding: 1rem;
    border-radius: 1.5rem;
    transition: all .2s;
    cursor: pointer;
    width: 100%;
    font-size: 1.2rem;
    border: 1px solid var(--like);
}

.profile_data_buy:hover {
    background-color: var(--white);
    color: var(--like);
}

.profile_data_buy svg {
    width: 2rem;
    height: 2rem;
}

.profile_data_free {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background-color: #3CB371;
    padding: 1rem;
    border-radius: 1.5rem;
    transition: all .2s;
    cursor: pointer;
    width: 100%;
    color: white;
    font-size: 1.2rem;
    border: 1px solid #3CB371;
}

.profile_data_free:hover {
    color: #3CB371;
    background-color: white;
    border: 1px solid #3CB371;
}

.profile_extra {
    display: grid;
    grid-template-columns: 1fr 30%;
    gap: 2rem;
    margin-top: 4rem;
}

.profile_extra_description_title {
    color: var(--blue_hover);
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 175, 240, .3);
    padding-bottom: 1rem;
    margin-top: 2rem;
    width: 100%;
}

.profile_extra_description_text {
    font-size: 1.6rem;
    color: var(--blue);
    line-height: 2.4rem;
    font-weight: 300;
    margin-bottom: 2rem;
}

.profile_extra_similar {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-direction: column;
}

.profile_faq {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 2rem;
    align-items: flex-start;
}

.profile_faq_item {
    background-color: rgba(0, 175, 240, .5);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.profile_faq_item_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    cursor: pointer;
    color: var(--white);
    font-weight: bold;
}

.profile_faq_item_title svg {
    width: 3rem;
    height: 3rem;
    color: var(--blue);
    transition: all .2s;
}

.profile_faq_item_dropdown {
    font-size: 1.2rem;
    color: var(--white);
    border-top: 1px solid var(--white);
    padding-top: 1rem;
    margin-top: 1rem;
}

.profile_more {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}


/* MODELS PAGE */
.models_page {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    position: relative;
    min-height: 50rem;

    padding-top: 3rem;
}

.no_models {
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    grid-column: 1/-1;
    color: var(--text);
}

.models {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.models_search{
    font-size: 1.2rem;
}

.filtre_title {
    font-size: 1.6rem;
    font-weight: bold;
    color: var(--blue_hover);
    margin-bottom: .5rem;
    border-bottom: 1px solid rgba(0, 175, 240, .3);
    padding-bottom: .5rem;
    width: 100%;

    display: flex;
    align-items: center;
    gap: 1rem;
}

.filtre_title svg {
    width: 2rem;
    height: 2rem;
    color: var(--blue);
}

.filtre_search {
    display: flex;
    align-items: center;
    background-color: rgba(0, 175, 240, .2);
    padding: .5rem;
    border-radius: .5rem;
}

.filtre_search input {
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    font-family: inherit;
    font-size: 1.4rem;
}

.filtre_search svg {
    width: 2.5rem;
    height: 2.5rem;
    color: black;
    cursor: pointer;
}

.title_margin_top {
    margin-top: 3rem;
}

.filtre_tags {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    max-height: 20rem;
    overflow-y: auto;
}

.filtre_tags_item {
    background-color: rgba(0, 175, 240, .2);
    padding: .5rem 1rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .2s;
    font-size: 1.2rem;
    color: var(--text);

    display: flex;
    gap: .5rem;
    align-items: center;
}

.filtre_tags_item input {
    display: none;
}

.filtre_tags_item label {
    cursor: pointer;
    display: flex;
    gap: .5rem;
    align-items: center;
}

.filtre_tags_item:hover {
    background-color: rgba(0, 175, 240, .5);
}

.filtre_tags_item_active {
    background-color: var(--blue);
    color: var(--white);
}

.filtre_tags_item svg {
    width: 1.5rem;
    height: 1.5rem;
}

.filtre_open {
    display: none;
}

.filtre_apply {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blue);
    padding: .5rem 1rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .2s;
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--white);
    margin-top: 3rem;
    width: 100%;
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
}

.filtre_apply:hover {
    background-color: var(--blue_hover);
}

.filtre_reset {
    background-color: var(--like);
    margin-top: .5rem;
}

.filtre_reset:hover {
    background-color: var(--like_hover);
}

.models_filtre_limba {
    display: none;
    margin-top: 2rem;
}


/* TRADUCERI */
.traduceri_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.traduceri_top_right {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.filtre_timp {
    flex-direction: row !important;
    align-items: center !important;
}

.traduceri_top_filtre {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.traduceri_svgs {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.traduceri_svgs svg {
    width: 3rem;
    height: 3rem;
    color: var(--blue);
    cursor: pointer;
    transition: all .2s;
}

.traduceri_table_container {
    overflow-x: auto;
}

.traduceri_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
}

.traduceri_table tr, .traduceri_table td, .traduceri_table th {
    text-align: left;
    padding: .5rem;
    font-size: 1.2rem;
    color: var(--text);
    border: 1px solid rgba(0, 0, 0, .2);
}

.traduceri_table_action {
    text-align: right !important;
}

.traduceri_input {
    padding: 1rem;
    border: 1px solid var(--text);
    border-radius: 1rem;
    font-size: 1.2rem;
    font-family: inherit;
    transition: all .2s;
    width: 100%;
}

.traduceri_popup {
    width: 50%;
    height: 50%;
    background-color: var(--white);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    border-radius: 1rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    overflow: auto;
}

.traduceri_popup_layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 998;
}

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

.traduceri_popup_title {
    font-size: 2rem;
    font-weight: bold;
    color: var(--blue);
    text-align: center;
}

.traduceri_popup_limbi {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.filtre_timp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.page_cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    text-align: center;
    background-color: rgba(0, 145, 234, .1);
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.page_cards_items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.page_cards_title {
    font-size: 4rem;
    color: var(--blue);
    font-weight: bold;
    line-height: 4.5rem;
    padding-bottom: 2rem;
    /* padding-top: 1rem; */
}

.page_cards_subtitle {
    font-size: 1.6rem;
    color: var(--text);
    text-align: center;
}

.page_cards_btn {
    background-color: var(--blue);
    padding: 1rem 2rem;
    border-radius: 2rem;
    cursor: pointer;
    transition: all .2s;
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--white);
    margin-top: 3rem;
    width: 100%;
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.page_cards_btn:hover {
    background-color: var(--blue_hover);
}

.page_cards_btn svg {
    width: 3rem;
    height: 3rem;
}

.page_cards_svg {
    background-color: var(--blue);
    padding: 1rem;
    border-radius: 50%;
    color: var(--white);
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_cards_svg svg {
    width: 6rem;
    height: 6rem;
}

.tags_page {
    background-color: var(--blue);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.tags_page > * {
    color: var(--white);
}

.tags_page_tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;

}

.tags_page_tags_tag {
    border: 1px solid var(--white);
    padding: .6rem 2rem;
    font-size: 1.4rem;
    cursor: pointer;
    border-radius: .5rem;
    transition: all .2s;
}

.tags_page_tags_tag:hover {
    background-color: var(--white);
    color: var(--blue);
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
}

.page_left {
    background-color: var(--blue);
    display: grid;
    grid-template-columns: 1fr 30%;
    gap: 3rem;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.page_right {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 7rem;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.page_content_left {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.page_content_left_title {
    font-size: 3rem;
    color: var(--white);
    font-weight: bold;
    /* line-height: 4.5rem; */
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.page_content_left_subtitle {
    font-size: 1.6rem;
    color: var(--white);
}

.page_content_left .card_data_view {
    background-color: var(--white);
    position: static;
    width: max-content;
    color: var(--blue);
    font-weight: bold;
    margin: 1rem 0;
    text-transform: uppercase;
}

.page_content_right img {
    width: 100%;
}

.page_right .page_content_left_title, .page_right .page_content_left_subtitle {
    color: var(--blue);
}

.page_right .page_content_left .card_data_view {
    background-color: var(--blue);
    color: var(--white);
}

.add_data {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 99999999;
}

.on_hold {
    background-color: orange;
    padding: .3rem;
    border-radius: 3px;
    color: white;
    text-align: center;
    white-space: nowrap;
}

.solved {
    background-color: #0B8872;
    padding: .3rem;
    border-radius: 3px;
    color: white;
    text-align: center;
    white-space: nowrap;
}

.mesaj_action_btn {
    white-space: nowrap;
}

.mesaje {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
}

.mesaje tr, .mesaje td, .mesaje th {
    border: 1px solid #EBEDF3;
    vertical-align: middle;
    transition: all .2s;
}

.mesaje tr:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.mesaje td, .mesaje th {
    padding: .5rem;
    min-width: 100px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
}

.mesaje_priority {
    width: 80px;
    min-width: 80px !important;
    max-width: 80px !important;
}

.traduceri_table_action svg {
    width: 3rem;
    height: 3rem;
    color: white;
    background-color: var(--blue);
    border-radius: 3px;
    padding: .5rem
}


.popup {
    position: fixed;
    width: 50%;
    height: max-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white);
    z-index: 9999999;
    border-radius: 8px;
    padding: 5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
}

.popup_layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999998;
}

.popup_close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: var(--blue);
    cursor: pointer;
}

.popup_close svg {
    width: 4rem;
    height: 4rem;

}

.popup_content {
    width: 100%;
}

.popup_content input {
    text-align: center;
}

.popup_title {
    font-size: 3rem;
    color: var(--blue);
}

.popup_subtitle {
    font-size: 1.6rem;
    color: var(--text);
}

.seo_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--blue);
    color: var(--white);
    padding: 1rem 2rem;
    border-radius: 0 8px 0 0;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    z-index: 9999;
    border: 1px solid var(--white);
}

.seo_content {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: var(--white);
    z-index: 9999;
    padding: 2rem;
    border-top: 1px solid var(--blue);
    overflow: auto;
}

.seo_content_close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: var(--blue);
    cursor: pointer;
}

.seo_content_close svg {
    width: 5rem;
    height: 5rem;
}

.seo_content_form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: 1rem 25%;

}

.seo_content_form .add_tag_btn {
    grid-column: 1/-1;
    width: 100%;
}

.filtre {
    /* position: absolute;
    top: 0;
    left: 0; */
    position: relative;
}

.filtre_container {
    position: fixed;
    width: 15%;
    background-color: white;
    padding: .3rem;
    border-radius: .5rem;
}

.error {
    color: brown;
}


.blogs_page {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.blogs_item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
}

.blogs_item_img img {
    width: 100%;
    border-radius: 8px;
    min-height: 25rem;
    aspect-ratio: 16/9;
    max-height: 30rem;
}

.blogs_item_tags {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 1.2rem;
    color: var(--text);
}

.blogs_item_name {
    font-size: 2.6rem;
    color: var(--blue);
    font-weight: bold;
}

.blogs_item_desc {
    font-size: 1.6rem;
    color: var(--text);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blogs_item_data {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.2rem;
    color: var(--text);
}

.blogs_item_data_time {
    font-weight: bold;
}

.blog_page {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.blog_page_tag {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
    color: var(--text);
}

.blog_page_name {
    color: var(--blue);
    font-size: clamp(3.2rem, 5vw, 5.2rem);
    font-weight: 800;
    line-height: 1.05;
    margin-bottom: 0;
}

.blog_page_data {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.2rem;
    color: var(--text);
}

.blog_page_img img {
    width: 100%;
    border-radius: 8px;
    min-height: 25rem;
    aspect-ratio: 16/9;
}

.blog_page_desc {
    margin-bottom: 2rem;
    color: var(--text);
    overflow: hidden;
    font-size: 1.8rem;
    font-weight: 300;
    word-break: break-word;
    line-height: 2.4rem;
    white-space: pre-line;
}

.blog_page_more_title {
    font-size: 2.4rem;

}

.blog_page_more {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.blog_page_more .blogs_item {
    gap: .5rem;
}


.contact {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;

    background-color: var(--white);
    border-radius: 1rem;
    padding: 2rem;

    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
}

.contact_delete {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.contact_delete svg {
    color: var(--like_hover);
    cursor: pointer;
}

.models_page_top {
    text-align: center;
    grid-column: 1/-1;
    display: none;
}


.add_data {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 99999999;
}

.on_hold {
    background-color: orange;
    padding: .3rem;
    border-radius: 3px;
    color: white;
    text-align: center;
    white-space: nowrap;
}

.solved {
    background-color: #0B8872;
    padding: .3rem;
    border-radius: 3px;
    color: white;
    text-align: center;
    white-space: nowrap;
}

.mesaj_action_btn {
    white-space: nowrap;
}

.mesaje {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
}

.mesaje tr, .mesaje td, .mesaje th {
    border: 1px solid #EBEDF3;
    vertical-align: middle;
}

.mesaje td, .mesaje th {
    padding: .5rem;
}


@media screen and (min-width: 1980px) {
    .blogs_page {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 1980px) {
    .models-quick-change-page {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }
}

@media screen and (max-width: 1300px) {
    .navbar > *, .banner_page, .page, .model_page_profile {
        padding-left: 10%;
        padding-right: 10%;
    }

    .footer {
        padding: 1rem 10%;
    }

    .filtre_container {
        width: 20%;
    }
}

@media screen and (max-width: 1200px) {
    .traduceri_popup {
        width: 80%;
        height: 80%;
    }

    .seo_content_form {
        padding: 1rem 10%;
    }

    .filtre_container {
        width: 25%;
    }
}

@media screen and (max-width: 1000px) {
    .page_cards_items {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 900px) {
    .blog_page_more {
        grid-template-columns: 1fr 1fr;
    }

    .traduceri_top {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .model_page_content{
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 800px) {
    .navbar > *, .footer, .banner_page, .page, .model_page_profile {
        padding-left: 2%;
        padding-right: 2%;
    }

    .profile_extra {
        grid-template-columns: 1fr;
    }

    .profile_extra_similar {
        justify-content: center;
    }

    .profile_more {
        grid-template-columns: 1fr 1fr;
    }

    .filtre_container {
        width: 30%;
    }
}

@media screen and (max-width: 600px) {
    .profile_data_btns {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .profile_data_free, .profile_data_buy {
        font-size: 1.6rem;
    }

    .models_page_top {
        display: block;
    }

    .blogs_page {
        grid-template-columns: 1fr;
    }

    .blog_page_more {
        grid-template-columns: 1fr;
    }

    .filtre_container {
        position: static;
        width: 100%;
    }

    .seo_content_form {
        padding: 1rem 2%;
        grid-template-columns: 1fr;
    }

    .navbar_list {
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
        margin-bottom: 1rem;
        padding: 1rem;
    }

    .navbar_top img {
        height: 4rem;
    }

    .banner_page {
        margin-top: 5rem;
    }

    .navbar {
        display: none;
    }

    .navbar_mobile {
        display: block;
    }

    .footer {
        grid-template-columns: 1fr 1fr;
    }

    .add {
        grid-template-columns: 1fr;
    }

    .add_field_checkboxContainer {
        width: 100%;
    }

    .profile_faq {
        grid-template-columns: 1fr;
    }

    .profile {
        grid-template-columns: 100%;
    }

    .profile_media_gallery img {
        /* height: a; */
    }

    .models_page {
        grid-template-columns: 1fr;
    }

    .filtre {
        position: fixed;
        width: 80%;
        height: 100%;
        left: -100%;
        top: 0;
        background-color: var(--white);
        border-right: 1px solid var(--blue);
        z-index: 200;
        padding: 1rem;
        padding-top: 8rem;
        transition: all .2s;
    }

    .filtre_active {
        left: 0;
    }

    .filtre_open {
        display: block;
        position: fixed;
        top: 50%;
        left: 3rem;
        transform: translate(-50%, 0);
        background-color: var(--like_hover);
        color: var(--white);
        border-radius: 50%;
        padding: .5rem;
        cursor: pointer;
        z-index: 200;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s;
    }

    .filtre_open svg {
        width: 4rem;
        height: 4rem;
    }

    .filtre_open_active {
        left: 80%;
        rotate: 180deg;
    }

    .models_filtre_limba {
        display: block;
    }

    .traduceri_popup {
        width: 95%;
    }

    .page_cards_items {
        grid-template-columns: 1fr;
    }

    .page_left, .page_right {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
        align-items: center;
    }

    .page_content_left {
        text-align: center;
        align-items: center;
    }

    .navbar_tags, .navbar_tags_dropdown{
        width: 100%;
    }

    .navbar_tags_dropdown{
        top: 125%;
    }

    .model_page{
        /*margin-top: 6rem;*/
    }

    .model_page_content{
        gap: 2rem;
    }
}

@media screen and (max-width: 500px) {
    .profile_more {
        grid-template-columns: 1fr;
    }

    .models{
        gap: 5rem;
    }

    .model{
        flex-direction: column;
        align-items: flex-start;
        padding: 1.5rem 1rem;
        border-radius: 1.2rem;
        box-shadow: 0 0 15px 1px rgba(19, 66, 118, .1);
    }

    .model_img{
        width: 100%;
    }

    .model_img img{
        width: 100%;
        max-height: 30rem;
        height: auto;
        border-radius: 15px;
    }

    .model_img img:hover{
        transform: none;
    }

    .model_data_links img{
        width: 4rem;
        height: 4rem;
    }

    .model_data{
        gap: 1.5rem;
    }

    .model_data_desc{
        -webkit-line-clamp: 4;
    }
}

@media screen and (max-width: 400px) {

    .footer {
        grid-template-columns: 1fr;
    }

    .login {
        width: 95%;
    }

    .login_input input {
        width: 100%;
    }

    .traduceri_top, .traduceri_top_right {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: .5rem;
    }

}


.hidden {
    display: none !important;
}

.statslink {
    background: #3a8f34;
    padding: 1px 3px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
}


.traduceri_table_container {
    max-height: 70vh;
    overflow: auto;
}

.traduceri_table_container thead {
    position: sticky;
    top: 0;
    background: #ebe8e8;
    z-index: 99;
}

.traduceri_table_container tr th:nth-child(2), .traduceri_table_container td:nth-child(2) {
    position: sticky;
    width: 100px;
    left: 0;
    z-index: 10;
    background: #ebe8e8;
}

.traduceri_table {
    border-collapse: collapse;
}

.form-control {
    border-radius: 4px;
    padding: .5rem;
    font-family: inherit;
    border: 1px solid #ced4da;
}

.filtre_admin_title {
    font-size: 1.2rem;
    margin-bottom: .5rem;
}

.admin_profile_faq_item {
    background-color: transparent;
    margin-bottom: 2rem;
    width: max-content;
    max-width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
}

.admin_profile_faq_item .profile_faq_item_title, .admin_profile_faq_item .profile_faq_item_dropdown {
    color: var(--color-text);
}

.admin_profile_faq_item .profile_faq_item_dropdown {
    border-top: 1px solid rgba(0, 0, 0, .2);

}

.admin_profile_faq_item .profile_faq_item_title {
    gap: 1rem;
}