/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

.footer_big {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.button_basic .vc_general.vc_btn3 {
    width: 290px;
    text-align: justify;
    display: flex;
    justify-content: space-between;
    background: transparent;
    border-top: solid 1.5px #E6E6E6;
    padding: 13px 0 !important;
    padding-left: 0;
    padding-right: 0;
    color: #161618;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 10px;
    box-shadow: none;
}

.buttons_wrapper .wpb_wrapper {
    display: flex;
    flex-direction: column;

}

.footer_mini_titles {
    color: #254C5D;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 95.93%;
}

.footer_mini_text {
    color: #161618;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.footer_signature a,
.footer_signature {
    color: #767679;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.mobile_header {
    display: none !important;
}



#main_menu_right {
    margin-top: 30px;
}

#main_menu_right .wpb_wrapper.vc_column-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

#main_menu_right .wpb_wrapper.vc_column-inner>* {
    flex: 1 1 30%;
    /* Each item takes ~30% width for 3 per row */
    max-width: 30%;
}



header .header-main {
    background-color: #fff;
}

header .button_basic .vc_general.vc_btn3 {
    width: 230px;
}

header .vc_column-inner::after,
header .vc_column-inner::before {
    content: none;
    display: table;
}

.main_banner_text_left {
    color: #FFF;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    bottom: 0;
    max-width: 440px;
}

.main_banner_title_right {
    color: #FFF;
    font-family: Manrope;
    font-size: 5vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 3vw;
}

.main_banner_button a {
    background-color: transparent !important;
    color: white !important;
    margin-bottom: 100px;
}

.main_banner_button {
    margin-top: 159px;
    margin-bottom: 30px;
}

.section1_title {
    color: #161618;
    text-align: center;
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    line-height: 103%;
    max-width: 1250px;
    margin: auto;
    font-size: 5.15vw;
    margin-top: 13vw;
    margin-bottom: 8.5vw;
}

.section1_title.blog {
    margin-top: 50px;
    margin-bottom: 100px;
}

.section1_text {
    color: #6B6B6E;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.869%;
    /* 28.174px */
    max-width: 465px;
    margin-bottom: 100px;
}

.section1_subtitle {
    color: #161618;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 95.93%;
    /* 15.349px */
}

.block_syndesmos_arithmoi {
    max-width: 315px;
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: auto;
}

.block_syndesmos_arithmoi .title {
    color: #254C5D;
    text-align: center;
    font-family: Manrope;
    font-size: 77px;
    font-style: normal;
    font-weight: 700;
    line-height: 95.93%;
    /* 73.866px */
    margin-top: 55px;
    margin-bottom: 10px;
}

.block_syndesmos_arithmoi .text {
    color: #27A578;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 108.387%;
    /* 17.342px */
    margin-bottom: 60px;
}

.fa-arrow-right {
    display: inline-block;
    position: relative;
    transition: transform 0.5s ease-in-out;
}

.fa-arrow-right:hover {
    transform: translateX(10px);
    /* Move and stay */
}

/* Second arrow effect 

.fa-arrow-right:hover::after {
    content: "\f061";
    /* Font Awesome arrow 
    font-family: "Font Awesome 5 Free";
    /* Adjust based on your FA version 
    font-weight: 900;
    position: absolute;
    left: -15px;
    /* Start position (off-screen left) 
    opacity: 0;
    animation: secondArrow 0.5s ease-in-out forwards;
}
*/
@keyframes secondArrow {
    0% {
        left: -15px;
        opacity: 0;
    }

    100% {
        left: 0;
        /* Stop at final position */
        opacity: 1;
    }
}



.section_small_title {
    color: #161618;
    font-family: Manrope;
    font-size: 43px;
    font-style: normal;
    font-weight: 600;
    line-height: 108.387%;
    margin-top: 65px;
    margin-bottom: 100px;

    /* 46.606px */
}

.section_small_upper_title {
    color: #161618;
    text-align: right;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 95.93%;
    margin-top: 60px;
    /* 15.349px */
}

.page-top.wide.page-header-1 {
    display: none;
}

.inside {
    margin-bottom: 14vw;
}

.px43 {
    font-size: 43px;
    max-width: 1000px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.marka_small_text {
    color: #6B6B6E;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.869%;
    /* 28.174px */
    max-width: 465px;
    margin-top: 100px;
}

#marka_faqs .faq-row.faqs-container {
    max-width: 730px;
    margin-top: 45px;
}

.faq.type-faq section {
    border: none;
    border-top: 1px solid #e7e7e7;
}

.main_banner_title_right_ekdiloseis {
    color: #254C5D;
    font-family: Manrope;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 100px;
    margin-bottom: 100px;
}

.melh_text_numbered {
    color: #161618;
    font-family: Manrope;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 1070px;
}

.melh_section_title {
    color: #161618;
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    line-height: 103%;
    margin-bottom: 160px;
}

.mega-menu>li.menu-item>a {
    color: #161618;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px 0px 10px;
    text-transform: none;

}

.mega-menu>li.menu-item>a:hover {
    color: #161618;

}

.mega-menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.green_footer_button a {
    background-color: transparent !important;
    color: #27A678 !important;
    border-top: solid 1.5px #27A678 !important;
}

.footer_melh p {
    color: #D8D3D3;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
    margin: 0;
    margin-left: 10px;
}

.footer_melh h6 {
    color: #D8D3D3;
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 168%;
    /* 53.76px */
    margin: 0;
    margin-left: 10px;
}

.ds_subtitle {
    color: #767679;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.brands_carousel {
    max-width: 1600px;
    margin: auto !important;
}

.thumb-info .link,
.icon-featured,
.featured-box .icon-featured,
.inverted,
.share-links a,
.mega-menu:not(:hover)>li.menu-item.active>a,
.mega-menu:not(:hover)>li.menu-item:hover>a {
    background-color: unset !important;
}

.mega-menu>li.menu-item.active,
.mega-menu>li.menu-item:hover>a {
    color: unset;
}

.owl-carousel .owl-nav .owl-next:before {
    display: block;
    font-family: "Porto";
    content: "";
    background: url(https://esvep.webdemo.gr/wp-content/uploads/2025/04/Vector-13.svg);
    width: 25px;
    height: 20px;
}

.owl-carousel .owl-nav .owl-prev:before {
    display: block;
    font-family: "Porto";
    content: "";
    background: url(https://esvep.webdemo.gr/wp-content/uploads/2025/04/Vector-13.svg);
    width: 25px;
    height: 20px;
    transform: scaleX(-1);
}

.gdpr_text {
    color: #161618;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
    max-width: 1050px;
}

.gdpr_title {
    margin-top: 200px;
    color: #161618;
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 168%;
    /* 53.76px */
}

#blog_archive {
    max-width: 1600px;

}

.single.single-post .container,
.archive .container {
    max-width: 1600px !important;
}

.blog_text_inner {
    color: #6B6B6E;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.869%;
}

.blog_text_inner p {
    color: #6B6B6E;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.869%;
    text-align: left !important;
}

.blog_text_inner li {
    color: #6B6B6E;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.869%;
    text-align: left !important;
}


/* .blog_text_inner * {
    color: #6B6B6E;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.869%;
    text-align: left !important;
} */

.blog_title_inner {
    color: #161618;
    font-family: Manrope;
    font-size: 46px;
    font-style: normal;
    line-height: 103%;
}

.ds_title {
    color: #161618;
    font-family: Manrope;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.melh_brand_link {
    color: #767679;
    font-family: Manrope;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.melh_brand_link a {
    color: #767679;
}

.melh_brand_title {
    color: #161618;
    font-family: Manrope;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.page-id-13550 .porto-separator {
    margin: 0 0 60px;
}

.block_syndesmos_arithmoi:hover {
    background-color: #27A578;
    transition: ease-in-out 0.5s;
}

.block_syndesmos_arithmoi:hover .title {
    color: #ffffff;
    transition: ease-in-out 0.5s;
}

.block_syndesmos_arithmoi:hover .text {
    color: #254C5D;
    transition: ease-in-out 0.5s;
}

.wpb_gmaps_widget .wpb_wrapper {
    background-color: #f7f7f7;
    padding: 0px;
}

.contact_title {
    color: #161618;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 95.93%;
    /* 15.349px */
}

.contact_text {
    color: #6B6B6E;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.869%;
    /* 28.174px */
}

.contact_text_wrapper {
    max-width: 1600px;
    margin: auto;
}



.protected-category {
    padding: 30px;
    margin: 40px auto;
    text-align: left;
    border-radius: 8px;
}

.protected-category p {
    color: #161618;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
    max-width: 1050px;
}

.protected-category h2 {
    margin-top: 200px;
    color: #161618;
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 168%;
}

.category-password-form input {
    width: 290px;
    text-align: justify;
    justify-content: space-between;
    background: transparent;
    border: none;
    border-top: solid 1.5px #E6E6E6;
    padding: 13px 0 !important;
    padding-left: 0;
    padding-right: 0;
    color: #161618;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 10px;
    box-shadow: none;
}

.category-password-form button {
    background: #fff !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-left: -30px;
}

.category-password-form button:before {
    content: "";
    background: url(https://esvep.webdemo.gr/wp-content/uploads/2025/05/Arrow-left.svg);
    color: #888;
    margin-left: auto;
    padding-left: 10px;
    font-size: 14px;
    display: block;
    width: 15px;
    height: 13px;
}

.category-password-form button:hover {
    background: #005d8f;
}

.post-item.porto-tb-item.post.style-5 #text,
.post-item.porto-tb-item.post.style-5 h2,
.post-item.porto-tb-item.post.style-5 h1,
.post-item.porto-tb-item.post.style-5 h3 {
    display: none;
}

.post-item.porto-tb-item.post.style-5 {
    font-size: 0;
}


.post-item.porto-tb-item.post.style-5 .porto-post-title {
    display: block;
    color: #161618;
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.porto-posts-grid .nav-pills>li.active>a,
.porto-posts-grid .nav-pills>li>a.active {
    text-decoration: overline;
}

.porto-posts-grid .nav-pills>li>a,
.porto-posts-grid .nav-pills>li>a {
    background-color: unset;
    color: black;
    font-family: manrope;
    font-size: 22px;
}

.post-filter.nav.sort-source.nav-pills.porto-ajax-filter {
    margin-bottom: 50px;
}

.section1_title_blog {
    color: #254C5D;
    font-family: Manrope;
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.porto-post-title a:hover {
    color: #074456;
}

.sidebar-content .widget.widget_archive .widgettitle,
.sidebar-content .widget.widget_categories .widgettitle,
.sidebar-content .wp-block-search__label {
    color: #161618;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    line-height: 103%;
}

.widget select {
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    line-height: 103%;
    border: none;
    padding: 10px 40px 10px 0;
}

.sidebar-content .widget.widget_categories ul {
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    line-height: 103%;
}

.pagination-wrap .page-links,
.pagination-wrap .pagination {
    float: none;
    justify-content: right;
}

.page-links span.current,
.pagination span.current {
    color: #161618;
    background: #fff;
    border-color: #fff;
}

.pagination>a,
.pagination>span {
    color: #999;
    background: none;
    border: none;
}






/*
Theme Name: Your Theme Child
Template: porto // IMPORTANT: Make sure this matches your parent theme's folder name
*/

/* Basic styling for the password form itself */
.password-protected-category {
    max-width: 950px;
    margin: 50px;
    padding: 30px;
    border: none;
    text-align: left;
}

.password-protected-category .entry-title {
    color: #161618;
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 168%;
    /* 53.76px */
}

.password-protected-category .entry-content {
    color: #161618;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
}

#category_password {
    width: 290px;
    border: none;
    border-top: 1px solid #E6E6E6;
    padding-left: 0;
}

#submit_button_password {
    content: "";
    background-image: url(https://esvep.webdemo.gr/wp-content/uploads/2025/05/Arrow-left.svg);
    height: 15px;
    width: 13px;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: -25px;
    top: 17px;
}

#category_password::placeholder {
    color: #161618;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.password-protected-category .entry-title {
    font-size: 1.8em;
    margin-bottom: 20px;
}

/* ... other form styling as desired ... */


/* CSS to hide sidebar and expand main content when password form is active */
body.category-password-form-active .YOUR_SIDEBAR_WRAPPER_CLASS {
    /* <--- FIND YOUR SIDEBAR'S CLASS/ID using inspector */
    display: none !important;
    /* Use !important if needed to override theme styles */
}

body.category-password-form-active .YOUR_MAIN_CONTENT_WRAPPER_CLASS {
    /* <--- FIND YOUR MAIN CONTENT'S CLASS/ID using inspector */
    width: 100% !important;
    /* Make main content full width */
    float: none !important;
    /* Clear any floats if necessary */
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* IMPORTANT: Adjust other layout properties (e.g., flex, grid) based on your theme's specific layout */
    /* If your theme uses Bootstrap columns, you might change .col-lg-9 to .col-lg-12 within the selector */
    /* Example: body.category-password-form-active .col-lg-9 { width: 100%; flex: 0 0 100%; max-width: 100%; } */
}

/* Also hide Porto's specific blog/post elements when the form is active */
/* You will need to inspect your category page with WPBakery to find the exact selectors for these elements */
/* Common Porto/WPBakery classes for post grids, adjust as needed based on inspection */
body.category-password-form-active .porto-posts-grid,
body.category-password-form-active .vc_grid-container,
body.category-password-form-active .vc_row[data-vc-full-width="true"] {
    display: none !important;
}

/* Add more specific selectors if needed after inspecting your page's HTML */


.category-ta-nea-ton-melon .section1_title_blog p {
    text-align: right;
}

.category-ta-nea-ton-melon .section_small_upper_title p {
    text-align: left;
}

.footer form {
    opacity: 0.85;
    max-width: 700px;
}


#posts_grid h2 a {
    display: block;
    color: #161618;
    font-family: Manrope;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#gdpr_section {
    max-width: 1600px;
    margin: auto;
}

.toggle .toggle-content {
    color: #6B6B6E;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140.869%;
    padding-left: 0;
}

.porto-faqs .toggle label {

    color: #161618;
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 0;
}



.single.single-post .row.main-content-wrap .main-content.col-lg-9 {
    width: 80% !important;
}

.archive.date .row.main-content-wrap,
.archive.category .row.main-content-wrap,
.single.single-post .row.main-content-wrap {
    justify-content: center;
    max-width: 1250px;
    margin: auto;
}

.single.single-post .owl-carousel .img-thumbnail img {
    width: unset;
    text-align: unset;
}

.single.single-post .owl-carousel .img-thumbnail {
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.sub-menu a {
    display: block;
    padding: 6px 10px;
    color: #333;
    text-decoration: none;
    font-family: 'Manrope';
}


.vc_gitem-post-data {
    margin-bottom: 15px;
    font-family: 'Manrope';
}

.d_s_images img {
    border-radius: 10px;
    aspect-ratio: 3 / 1.6;
    object-fit: cover;
}


.post-image.thumb-info.thumb-info-hide-wrapper-bg.m-b-lg:hover {
    border-radius: 10px;
}


.brands_carousel .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-width: 220px;
}

.main_syndesmoi_container {
    display: flex;
    gap: 20px;
    width: 700px;
}

.single-post .porto-tb-item .img-responsive,
.archive .porto-posts-grid .img-responsive {
    aspect-ratio: 300 / 200 !important;
    object-fit: cover;
}


#header .mobile-toggle {
    color: #ffffff;
    background-color: #254C5D;
}




.syndesmoi_outer .porto-block.has-pb-edit {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#side-nav-panel .accordion-menu li.menu-item.active>a,
#side-nav-panel .menu-custom-block a:hover {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
}

.brands_carousel {
    margin-bottom: 30px !important;
    margin-top: -30px !important;
}

.footer_big {
    margin-bottom: 70px !important;
}

.d_s_rows {
    margin-top: 120px !important;
}

.small_logo_footer {
    margin-top: 150px !important;
}

.gdpr_button {
    margin-bottom: 270px !important;
}

.fa-chevron-up:before,
.porto-icon-chevron-left:before,
.porto-icon-chevron-right:before {
    color: #254C5D;
}

html #topcontrol {
    background: rgb(129 129 129 / 60%);
}

.full_width_contact {
    width: 100%
}

.half_width_contact {
    width: 50%;
}

.full_width_contact_submit {
    width: 100%;
    text-align: right;
}

.full_width_contact_wrapper {
    width: 100%;
    display: flex;
    margin-bottom: 50px;
}



.full_width_contact input {
    width: 97%;
}


.owl-carousel .owl-nav .owl-next {
    right: 15px;
}

.images_brands_grid {
    display: flex;
    max-width: 1250px;
    margin: auto !important;
}

.images_brands_grid .brands_inner_wrapper {
    width: 25%;
}

.images_brands_grid .column_brands_inner .wpb_wrapper.vc_column-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.images_brands_grid .column_brands_inner .wpb_wrapper.vc_column-inner:before {
    display: none;
}



.images_brands_grid .melh_brand_title a {
    color: #161618;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}




.images_brands_grid .melh_brand_title:hover a {
    color: #254C5D;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.brands_image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* overlay */
.brands_image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    /* 50% opacity */
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    border-radius: 10px;
}

/* text */
.brands_image:before {
    content: "Visit Website";
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 2;
    pointer-events: none;
}

/* show on hover */
.brands_image:hover:after,
.brands_image:hover:before {
    opacity: 1;
}