@media screen and (max-width:767px) {
    .memu-bar-header,.hide-on-mobile{
        display: none !important;
    }
    .menu-item-759 {
        display: none !important;
    }
    .w-80-center{
        width: 90%;
        margin: 0 auto;
    }
    .w-70-center{
        width: 80%;
        margin: 0 auto;
    }
    article.hide-on-pc{
        background-color: #ffffff;
    }
    .font-16px {
        font-size: 14px;
    }
    .font-20px{
        font-size: 17px;
    }
    .font-24px{
        font-size: 20px;
    }
    
    .font-32px{
        font-size: 28px;
        line-height: 0.9;
    }
    .font-36px{
        font-size: 32px;
    }
    .font-40px{
        font-size: 33px;
    }
    .font-42px{
        font-size: 42px;
        line-height: 1;
    }
    .font-48px{
        font-size: 48px;
        line-height: 0.9;
    }
    .font-64px {
        font-size: 52px;
        line-height: 1
    }
    .font-80px {
        font-size: 74px;
        line-height: 65px;
    }
    .font-96px {
        font-size: 84px;
        line-height: 0.8;
    }
    .font-98px {
        font-size: 83px;
        line-height: 71px;
    }
    .font-100px {
        font-size: 96px;
        line-height: 80px;
    }
    .font-111px {
        font-size: 94px;
    }
    .font-128px {
        font-size: 100px;
        line-height: 1.2;
    }
    .font-150px {
        font-size: 130px;
        line-height: 0.8;
    }
    .font-200px {
        font-size: 170px;
        line-height: 82px;
    }
    .elementor-widget-container {
        background: transparent;
    }
    .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
        margin-top: 80px!important;
    }

    /* !menu!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
        .button-hamburger,
        .button-hamburger:hover {
            background: none;
            border: none;
            padding: 0;
        }
        .hamburger .line{
            width: 35px;
            height: 5px;
            border-radius: 10px;
            background: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
            display: block;
            margin: 8px auto;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        .hamburger:hover{
        cursor: pointer;
        }
        
        /* ONE */
        
        #hamburger-1.is-active .line:nth-child(2){
        opacity: 0;
        }
        
        #hamburger-1.is-active .line:nth-child(1){
        -webkit-transform: translateY(13px) rotate(45deg);
        -ms-transform: translateY(13px) rotate(45deg);
        -o-transform: translateY(13px) rotate(45deg);
        transform: translateY(13px) rotate(45deg);
        }
        
        #hamburger-1.is-active .line:nth-child(3){
        -webkit-transform: translateY(-13px) rotate(-45deg);
        -ms-transform: translateY(-13px) rotate(-45deg);
        -o-transform: translateY(-13px) rotate(-45deg);
        transform: translateY(-13px) rotate(-45deg);
        }

        .sidebar-page {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            transform: translateY(100%);
            transition: all 0.7s;
            max-width: 100%;
            width: 100%;
            background: transparent;
            z-index: 100;
            min-height: 100%;
            display: flex;
            flex-direction: column;
            padding: 0em;
            padding-top: 5em;
        }
        .bg-white_menu{
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            background-color: #012151;
            margin: 0px 0 0 0;
            min-height: calc(100vh - 4.5rem);
            padding: 4rem 0 2rem 0;
        }

        .show-sidebar {
            transform: translateX(0) !important;
            transition: transform 1s !important;
        }

        .nav.d-grid {
            grid-template-columns: 50% 1fr;
            justify-content: space-between;
            justify-items: normal;
            max-width: 100% !important;
            align-items: center;
            width: 100%;
            padding: 18px 3% 10px 3%;
            background-color: #012151;
            box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
            height: 80px;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 20;

        }
        .mobile-logo img{
            max-width: 44px;
        }
        .site-content{
            padding: 0 !important;
        }
        .container{
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .mobile-icons.d-flex {
            gap: 1em;
            align-items: center;
            justify-content: end;
        }
        .close-bt button img {
            width: 80%;
        }
        .close-bt {
            position: absolute;
            top: 0;
        }
        .div-manin-menu {
            padding: 0 3rem;
        }
        ul#menu-menu-main-1 {
            text-decoration: none;
            list-style: none;
            padding-left: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
        }
        ul#menu-menu-main-1 li {
            font-size: 20px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 300;
            border-bottom: 1px solid;
            border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #A5A5A5 49%, rgba(255, 255, 255, 0) 100%);
            border-image-slice: 1;
        }
        ul#menu-menu-main-1 li:hover  {
            transition: all 0.5s;
        }
        ul#menu-menu-main-1 li.current  {
            height: 60px;
            display: flex;
            align-items: center;
            transition: all 0.5s;
        }
        ul#menu-menu-main-1 li a  {
            color: #fff;
        }
        img.img-fluid-40.img1 {
            padding: 0 2em;
        }
        button.style-button-sidebar {
            background: transparent;
            height: 80px;
            width: 100vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .nav-footer-mobile {
            background: transparent;
            padding-top: 1.5em;
            padding-left: 30px;
            padding-right: 30px;
            padding-bottom: 1em;
        }
        .social-icon-mobile.d-flex {
            justify-content: space-evenly;
            gap: 1em;
            margin-bottom: 1em;
        }
        .nav-contack a {
            color: #fff;
            font-size: 1.1em;
            margin-bottom: 1em;
        }
        .padding-lr{
            padding:0 20px;
        }

        .other-link p {
            border-bottom: 1px solid #167F4D;
            margin-bottom: 25px;
            height: 45px;
        }

        ul#menu-menu-main-1 li:nth-last-child(1) {
            border-bottom: none !important;
        }

        .d-grid.grid-3.footer-bt{
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: 1rem;
            justify-items: center;
            margin: 2rem 0;
        }
        .nav-footer-mobile{
			margin-top: -50px;
            background: #012151;
            position: relative;
        }

        

        /* !menu!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


        /* !!!!!!!!!!    home !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
        /* *main-banner */
        
        section.hero {
            position: relative;
            z-index: 1;
			margin-top: -50px;
        }
        section.hero > img {
            object-fit: cover;
            width: 100%;
        }
        .img_bar{
            position: absolute;
            bottom: 2rem;
            display: flex;
            justify-content: center;
            min-width: 100%;
            padding: 0 3%;
        }
    
        .hero_text{
            position: absolute;
            top: 0;
            left: 0;
            min-width: 100%;
            min-height: 100%;
            display: flex;
            align-items: flex-end;
            padding: 5rem 0px;
        }
        .hero_text-60{
            max-width: 100%;
        }
        
        /* *End---hero_banner */



        /* *about_home */
        
        .about_home{
            padding: 3rem 0;
            background: url('./assets/pc/banner/bg/about_home_bg.png') no-repeat center / cover;
        }
        .about_home_grid{
            display: grid;
            grid-template-columns: 1fr;
            gap: 3rem;
        }
        .about_home_img img {
            object-fit: contain;
            object-position: center;
            width: 100%;
        }
        .about_home_text {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
        }
        .bt_link{
            padding: 0.5rem 2rem;
            width: 150px;
            text-align: center;
            justify-content: center;
            align-items: center;
            border-radius: 10px;
            background: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
        }
        
        /* *End---about_home */

        /* *service_home */
    
        .service_home{
            padding: 4rem 0 4rem 0;
            background: url('./assets/mobile/banner/bg/service_home_bg.png') no-repeat center / cover;
            position: relative;
        }
        .service_home_grid{
            display: grid;
            margin: 3rem 0;
            grid-template-columns: 1fr;
            gap: 2rem;
        }
        .service_home_card {
            background: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
            padding: 2rem;
            position: relative;
            border: 3px solid transparent;
            border-radius: 10px;
        }

        .service_home_card:before {
            content: '';
            position: absolute;
            background: #02183C;
            min-width: 100%;
            min-height: 100%;
            top: 0;
            left: 0;
            padding: 1px;
            border-radius: 9px;
        }
        .service_home_card:after {
            content: '';
            position: absolute;
            background: linear-gradient(133.53deg, rgba(255, 255, 255, 0) 1.1%, rgba(255, 255, 255, 0.2) 21.87%, rgba(255, 255, 255, 0) 36.71%, rgba(255, 255, 255, 0) 49.56%, rgba(255, 255, 255, 0.16) 68.85%, rgba(255, 255, 255, 0) 83.68%) border-box;
            min-width: 100%;
            min-height: 100%;
            top: 0;
            left: 0;
            padding: 1px;
            border-radius: 9px;
            
        }
        .service_home_card center {
            position: relative;
            z-index: 9;
        }

        /* *End---service_home */


        /* *experince */

        .experince{
            padding: 4rem 0 4rem 0;
            background: url('./assets/mobile/banner/bg/experince_bg.png') no-repeat center / cover;
            position: relative;
        }
        .experince_grid{
            display: grid;
            margin: 3rem 0;
            grid-template-columns: 1fr;
            gap: 2rem;
        }
        .experince_card{
            position: relative;
        }
        .experince_card_text{
            position: absolute;
            min-width: 100%;
            min-height: 100%;
            top: 0;
            left: 0;
            padding: 1rem 1rem;
            display: flex;
            justify-content: center;
            align-items: flex-end;
        }
        
        /* *End---experince */

        /* *work */

        .work{
            padding: 4rem 0;
            background: url('./assets/mobile/banner/bg/work_bg.png') no-repeat center / cover;
            position: relative;
        }

        .work_grid{
            display: grid;
            margin: 3rem 0;
            grid-template-columns: repeat(2,1fr);
            gap: 1rem;
        }

        .work_bt{
            margin-top: 7px;
            padding: 0.5rem;
            text-align: center;
            width: 100%;
            justify-content: center;
            align-items: center;
            background: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
        }   

        /* *End---work */

        /* *---banner */

        section.banner {
            background: url(./assets/mobile/banner/bg/banner_bg.png) no-repeat center / cover;
            padding: 4rem 10%;

        }
        .banner_text{
            max-width: 100%;
        }

        .banner_text .logo img{
            max-width: 60px;
        }
        .d-flex.bt{
            gap: 10px;
            align-items: center;
        }

        /* *END----banner */
        
         /* *tiktok */

        section.tiktok {
            background: url(./assets/pc/banner/bg/tiktok_bg.png) no-repeat center / cover;
            padding: 4rem 0;
        }
        .tk_plugin{
            padding: 2rem 0;
        }
        
        /* *End---tiktok */

         /* *article */

        section.article{
            padding: 6rem 0;
            background: url(./assets/mobile/banner/bg/article_bg.png) no-repeat center / cover;
        }
        .bottom_line{
            width: 50%;
            margin: 0 auto;
            position: relative;
            border-bottom: 3px solid #DDB141;
            border-image-source: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
            border-image-slice: 1;
        }
        
        .bottom_line::after{
            content: '';
            position: absolute;
            width: var(--size-dot);
            height: var(--size-dot);
            background: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
            top: -4px;
            right: -1px;
            border-radius: 50%;
        }
        .bottom_line::before{
            content: '';
            position: absolute;
            width: var(--size-dot);
            height: var(--size-dot);
            background: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
            top: -4px;
            left: -1px;
            border-radius: 50%;
        }
        .article_grid{
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            margin: 3rem 0;
        }
        .article_card_bg{
            background: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
            border-radius: 10px;
            padding: 3px;
        }
        .article_detail_date {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin: 0.5rem 0;
        }
        .article_img img{
            border-radius: 7px 7px 0 0 !important;
        }
        .article_img img {
            aspect-ratio: 4/3;
            object-fit: cover;
            object-position: center;
            min-width: 100%;
            min-height: 100%;
        }
        .article_detail{
            padding: 1rem;
            background: #fff;
            border-radius: 0 0 7px 7px;
        }

        
        /* *End---article */

        

        /* !!!!!!!!!!    home !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        /* !!!!!!!!!!    footer !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        section.footer-main{
            background-color: #3F3F3F;
			margin-top:-5rem;
        }
        div.footer-main{
            padding: 3rem 0;
        }
        .logo-footer.d-grid{
            grid-template-columns: 1fr;
            gap: 1rem;
            align-items: center;
            width: 60%;
            margin: auto;
        }
        .social-footer.d-grid.grid-5{
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
            gap: 10px;
            align-items: center;
            padding: 0 1rem;
            margin: 2rem 0;
        }
        .d-grid.adress-qr{
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            align-items: center;
            padding: 1rem 1rem 3rem  1rem;
        }
        section.copy-right-mobile{
            display: block;
            background-color: #292929;
        }
        .copy-right-text{
            padding: 2rem 0;
        }

        .img_bar_footer {
            position: absolute;
            left: 0;
            top: -15px;
            display: flex;
            justify-content: center;
            min-width: 100%;
            z-index: 10;
            
        }
        .float_icon{
            position: fixed;
            width: fit-content;
            height: fit-content;
            bottom: 10%;
            right: 3%;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            z-index: 20;
        }

        /* !!!!!!!!!!    footer !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

         /* !about_page ----------------------------------------------------------------------------------*/

        /* *hero_banner */

        .hero_img {
            position: absolute;
            min-height: 100%;
            min-width: 100%;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* *End---hero_banner */

        /* *about_info */
        
        section.about_info{
            position: relative;
			margin-top: -55px;
        }
        section.about_info img{
            object-fit: cover;
            object-position: center;
            min-height: 100%;
        }
        .about_info_text{
            background: #012151;
            position: relative;
            min-width: 100%;
            min-height: 100%;
            top: 0;
            left: 0;
            display: grid;
            align-content: center;
            align-items: center;
            padding: 3rem 0;
        }
        /* *End---about_info */


        /* *about_banner */
        
        section.about_banner{
            background: url(./assets/mobile/banner/bg/about_banner_bg.png) no-repeat center / cover;
            padding: 3rem 0;
        }
        .about_banner_text {
            padding: 0 0 0 4rem;
        }
        .padding_l_about{
            padding: 3rem 0 0 6rem;
        }
        /* *End---about_banner */


        /* *about_content */

        section.about_content{
            background: url(./assets/pc/banner/bg/about_content_bg.png) no-repeat center / cover;
            padding: 4rem 0;
        }
        .about_content_cat_grid{
            display: grid;
            grid-template-columns: 1fr;
            gap: 1rem;
        }
        .about_content_cat_grid_card{
            padding: 1rem 2rem;
        }
        .about_content_cat{
            padding: 1.5rem 0;
        }

        .about_content_cat#type_2{
            background-color: #001436;
        }

        
        /* *End---about_content */
        


        /* !END----about----------------------------------------------------------------------------------*/


        /* !-----work_page----------------------------------------------------------------------------------*/

         /* *work_hero_banner */
    

        .work_hero_grid{
            display: grid;
            grid-template-columns: 1fr;
            gap: 0rem;
            align-items: end;
            margin-bottom: -1rem;
        }
        .work_hero_text{
            position: absolute;
            top: 0;
            left: 0;
            min-width: 100%;
            min-height: 100%;
            display: flex;
            align-items: flex-end;
            padding: 2rem 0px;
        }
        .work_hero_img img {
            max-width: 180px;
        }

        /* *End---work_hero_banner */

        /* *work_info */

        section.work_info{
            background: #012151;
            padding: 3rem 0 3rem;
			position: relative;
			margin-top: -55px;
        }
        
        /* *End---work_info */

        /* *-------work_tab */

        section.work_tab{
            background: url(./assets/pc/banner/bg/work_content_bg.png) no-repeat top center / cover;
            padding: 4rem 0 4rem 0;
            position: relative;
        }
        .work_content_grid{
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            margin: 3rem 0;
        }

         /* ?-----tab_work */

            .side-bar-bt {
                position: fixed;
                top: 700px;
                left: -2px;
                transform-origin: 0 0;
                transform: rotate(-90deg);
                z-index: 15;
            }

            .sidebar-page-catagory {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                transform: translateY(100%);
                transition: all 0.7s;
                max-width: 100%;
                width: 100%;
                background: transparent;
                z-index: 100;
                min-height: 100%;
                display: flex;
                flex-direction: column;
                padding: 0em;
                padding-top: 5em;
            }
            
            button.download-bt{
                padding: 10px 30px;
                background-color: #031938;
                border-radius: 0px 0px 20px 20px;
            }
            /* div#box_sidebar_page_2 {
                display: flex !important;
                justify-content: space-between !important;
            } */


            /* ?END------tab_work */

        /* *END-------work_tab */

        /* !END----work----------------------------------------------------------------------------------*/

        /* !!!!!!!!!!   article !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        section.article_content{
            background: url(./assets/pc/banner/bg/work_content_bg.png) no-repeat center / cover;
            padding: 4rem 0;
            position: relative;
        }

        /* !!!!!!!!!!   END----article !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        


        /* !contact_page ----------------------------------------------------------------------------------*/

        .contact_detail{
            background-color: #001944;
            padding: 4rem 0;
        }

        .mt-10px{
            margin-top: -10px;
        }
        section.contact{
            background-image: url('./assets/mobile/banner/bg/contact_bg.png');
            background-size: cover;
            background-repeat: no-repeat;
            
        }
        .contact-form.d-grid {
            grid-template-columns: 1fr;
            padding: 2rem 0;
        }
        .contact-detail.d-flex{
            flex-direction: column;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            border-radius: 5px 0px 0px 5px;
            gap: 2rem;
        }
        .contact-logo img {
            width: 250px;
        }
        .contact-form-detail{
            background: linear-gradient(#ffffff 0%, #ffffff 100%) padding-box, linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%) border-box;
            border-radius: 10px;
            padding: 1rem;
            position: relative;
            z-index: 14;
            border: 3px solid;
            border-image-source: linear-gradient(180deg, #DAB14E 0%, #FAF093 61.5%, #DDB141 100%);
            border-image-slice: 1;
        }
        h4.contact-text{
            font-size: 2.2rem;
        }
        .d-flex.icons-contact {
            gap: 1rem;
            align-items: flex-start;
        }
        div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-one-half{
            margin-left: 0 !important;
            width: 100% !important;
        }

        /* ?form */

            div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
                height: 100px !important;
            }
            label.wpforms-field-label {
                font-size: 1.1rem !important;
                font-weight: 400 !important;
                color: #393939 !important;
                display: flex !important;
                justify-content: space-between;
            }
            input#wpforms-553-field_0, input#wpforms-553-field_3, input#wpforms-553-field_1, textarea#wpforms-553-field_2 {
                border-radius: 10px;
                border: 1px solid #003D99;
                background-color: #fff;
            }
            button.form-bt {
                border-radius: 30px !important;
                background: linear-gradient(179.53deg, #3D7BC6 0.41%, #002D82 99.59%) !important;
                color: #fff !important;
                padding: 1rem 3rem !important;
                font-weight: 300;
            }
            .wpforms-submit-container {
                display: flex;
                align-items: center;
                justify-content: center;
            }

        /* ?form */

        /* !contact ----------------------------------------------------------------------------------*/

        /* !!!!!!!!!!   single-post !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        body.post-template-default.single-post .hide-on-pc{
            padding-top: 30px !important;
        }

        .page-header-image-single,footer.entry-meta,.entry-header,.comments-area{
            display: none;
        }
        .single_content{
            position: relative;
            background: #012151;
            padding: 2rem 0 3rem 0;
            margin-top: -1rem;
        }
        .single_img_header{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .article_flex{
            display: flex;
            align-items: center;
            gap: 1rem;
            margin: 1rem 0;
        }
        .info_single{
            display: flex;
            align-items: center;
            gap: 10px;
        }    

        /* !!!!!!!!!!   single-post !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        /* !!!!!!!!!!   single-our-work !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
        body.our-work-template-default.single-our-work .hide-on-pc{
            padding-top: 30px !important;
        }

        section.gallery_content{
            background: url(./assets/pc/banner/bg/work_content_bg.png) no-repeat center / cover;
            padding: 2rem 0;
        }

        .gallery_grid{
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }
        .galley_detail{
            padding-bottom: 2rem;
        }
        .single_main_content {
            padding: 0rem 0;
            margin-top: -5rem;
        }
        .tz-gallery .lightbox img {
            width: 100%;
            min-height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 0;
            position: relative;
            aspect-ratio: 5 / 4;
        }
        .tz-gallery .lightbox  {
            position: relative;
            min-height: 100%;
            display: block;
        }
        
        .tz-gallery .lightbox:before {
            position: absolute;
            opacity: 0;
            top: 0;
            left: 0;
            width: 100%;
            min-height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            content: url(./assets/logo/magnifying-glass-solid.svg);
            pointer-events: none;
            z-index: 10;
            transition: 0.4s;
        }
        
        
        .tz-gallery .lightbox:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: #44444452;
            content: '';
            transition: 0.4s;
        }
        
        .tz-gallery .lightbox:hover:after,
        .tz-gallery .lightbox:hover:before {
            opacity: 1;
        }
        
        .baguetteBox-button {
            background-color: transparent !important;
        }
    
        .tz-gallery {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: auto auto;
            grid-gap: 1rem;
            grid-template-areas:
            "g_1 g_1 g_1 g_1 g_1"
            "g_2 g_3 g_4 g_5 g_6";
        }
    
        .tz-gallery_grid:nth-child(1){
            grid-area: g_1;
        }
        .tz-gallery_grid:nth-child(2){
            grid-area: g_2;
        }
        .tz-gallery_grid:nth-child(3){
            grid-area: g_3;
        }
        .tz-gallery_grid:nth-child(4){
            grid-area: g_4;
        }
        .tz-gallery_grid:nth-child(5){
            grid-area: g_5;
        }
        .tz-gallery_grid:nth-child(6){
            grid-area: g_6;
        }

        /* !!!!!!!!!!   single-oem-post !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

}