[data-content-name]{ transition: all .2s ease; opacity: 1;}
[data-content-name]:not(.active){ opacity: 0;}
.hidden-area{ display: none !important;}


.sec-heading.style-4 .sub-title{ color: var(--bd-orange); border-color: var(--bd-orange);}
.sec-heading .sub-title i,
.hamburger_menu .mean-nav ul li.dropdown-opened > a,
.sec-heading.style-3 .sub-title{ color: var(--bd-orange);}




.mainmenu ul > li.current-menu-ancestor > a, .mainmenu ul > li.current-menu-item > a, .mainmenu ul > li:hover > a,
.mainmenu ul > li.current-menu-ancestor > a::after, .mainmenu ul > li.current-menu-item > a::after, .mainmenu ul > li:hover > a::after{ color: var(--bd-orange);}


.service-img{ transition: all .5s ease; filter: drop-shadow(-10px 10px 7px rgba(0, 0, 0, .15)); max-width: 200px; width: 100%; aspect-ratio: 1; display: flex; margin: 0 auto 25px;}
.service-img img{ width: 100%; height: 100%; object-fit: contain;}

.h8-service-item:has(.service-img){ text-align: center;}
.h8-service-item:hover .service-img{ transform: scale(1.05);}


.header-area.header-3.header-absolute{ border-radius: 16px; background-color: rgba(255, 255, 255, .75) !important; backdrop-filter: blur(10px); z-index: 10;}
.header-bottom{ border-bottom: none;}

.tj-banner-section-2{ overflow: hidden; min-height: 600px;}
.tj-banner-section-2 > .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center -200px;}
.tj-banner-section-2 > .product{ position: absolute; right: 150px; bottom: 20px; height: 400px;}
/* .tj-banner-section-2 > div{ position: relative; z-index: 10;} */

@media screen and (max-width: 1300px){
    .tj-banner-section-2 > .bg{ object-position: unset;}
}

.tj-banner-section-2 .banner-content-2 .sub-title{ background-color: var(--bd-orange); color: #fff; padding: 6px 10px; border-radius: 10px;}
.tj-banner-section-2 .banner-scroll .scroll-down,
.tj-banner-section-2 .banner-title,
.tj-banner-section-2 .number i,
.tj-banner-section-2 .number span{ color: #fff;}
.tj-banner-section-2 .number i{ z-index: 2;}
.tj-banner-section-2 .banner-content-2 .btn-area .number span::after{ background-color: #fff;}
.tj-banner-section-2 .banner-content-2 .sub-title{ position: relative; z-index: 2;}

.tj-banner-section-2{ max-width: 1500px; margin: 0 auto;}
.gradient .bg{ display: none;}
.gradient{ background: linear-gradient(180deg, var(--tj-color-grey-1), #17cf17);}
.gradient{ background: linear-gradient(180deg, var(--tj-color-grey-1) 31%, #004f00 138%);}

/* .tj-footer-section.footer-3 .footer-widget .title{ color: var(--bd-orange);} */


.bd-langs{ position: relative; font-weight: 600;}
.bd-langs button::after{ display: none;}
.bd-langs .front{ font-size: 13px; width: fit-content; padding: 5px; border-radius: 999px; display: flex; gap: 5px; align-items: center; transition: all .2s ease; cursor: pointer;}
.bd-langs .front{ background-color: rgba(0, 0, 0, .05);}
.bd-langs .front:hover{ background-color: rgba(0, 0, 0, .1);}
.bd-langs .front img{ margin-right: 2px; height: 20px; border-radius: 50%; object-fit: cover; aspect-ratio: 1;}
.bd-langs .front i{ transition: all .2s ease; margin-left: 5px; margin-right: 5px; margin-bottom: -1px; font-size: 12px;}
.bd-langs:has(.back.active) .front i{ transform: rotate(180deg);}
.bd-langs .back{ border: 1px solid #e8ecef; box-shadow: 0 10px 10px rgba(11, 109, 0, 0.1); width: 100px; position: absolute; top: calc(100% + 30px); background-color: white; left: 50%; transform: translateX(-50%); z-index: 10; transition: all .2s ease; opacity: 0; pointer-events: none; z-index: 100000;}
.bd-langs .back.active{ top: calc(100% + 10px); opacity: 1; pointer-events: all;}
.bd-langs .back > button{ font-size: 13px; padding: 10px 5px 10px 20px; display: flex; gap: 5px; align-items: center; background-color: white; transition: all .2s ease; cursor: pointer; width: 100%; transition: all .2s ease; color: var(--dark); border-radius: 0;}
.bd-langs .back > button span{ color: inherit;}
.bd-langs .back > button:hover{ background-color: #f5f5f5;}
.bd-langs .back > button:not(:last-child){ border-bottom: 1px solid #eee;}
.bd-langs .back > button img{ margin-right: 2px; height: 15px; border-radius: 50%; object-fit: cover; aspect-ratio: 1;}



.hamburger_wrapper .mobile_logo{ filter: brightness(0) invert(1);}
.hamburger_wrapper .mobile_logo img{ height: 70px;}



.skiptranslate{ display: none;}
html body{ top: unset !important;}


.whatsapp-btn{ padding: 12px; bottom: 15px; left: 15px; background-color: #25D366; color: white; position: fixed; border: none; border-radius: 50px; aspect-ratio: 1; display: flex; align-items: center; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.2); z-index: 1000; transition: all .2s ease;}
.whatsapp-btn svg{ height: 30px;}
.whatsapp-btn:hover{ background-color: #1ebe5b; color: #fff;}


.service-item{ display: block; color: inherit;}

.tj-primary-btn.white{ }

.p-list .h8-service-item{ height: 100%;}
.p-list .service-item .title{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.p-list .h8-service-item .service-content .desc{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

.tj-product-img-wrap{ width: 100%;}
.tj-product-details-thumb-wrapper .product-img{ height: fit-content !important; aspect-ratio: 1.25; padding: 15px;}
.tj-product-details-thumb-wrapper .product-img img{ object-fit: contain !important;}

.sec-heading-centered.w2{ max-width: 1000px;}
.about-bottom-area.col{ flex-direction: column;}
.col .mission-vision-box{ padding: 25px;}
.contact-item.style-2{ height: 100%;}

.vbox-grab .vbox-child img { max-height: calc(100dvh - 60px);}

@media screen and (max-width: 992px){
    .header-wrapper .site_logo{ margin-right: auto;}
    .site_logo .logo{ padding: 0; height: 70px;}

    .tj-banner-section-2 > .product{ height: 240px; bottom: 50px;}

    .header-wrapper{ justify-content: flex-start; gap: 15px;}
    .header-wrapper .site-logo{ margin-right: auto;}
}

@media screen and (max-width: 767px){
    .top-space-65{ padding-top: 130px;}

    .tj-banner-section-2{ padding-top: 20px;}
    .tj-banner-section-2::before{ content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .35); z-index: 2;}
    .tj-banner-section-2 > .container{ position: relative; z-index: 30;}
    .tj-banner-section-2 > .product{ right: 50%; transform: translateX(50%); z-index: 3;}


    .bd-copyright{ display: flex; flex-direction: column-reverse; gap: 15px; padding-top: 20px;}
    .bd-copyright .footer-links{ justify-content: center; gap: 10px 15px !important;}

    .tj-banner-section-2 .banner-content-2{ text-align: center;}
    .tj-banner-section-2 .banner-content-2 .btn-area{ justify-content: center;}
}