a, b, li, p, strong { color: inherit }
.bghover_c3:hover, .bghover_c4:hover { transition: background-color .5s,color .3s }
.bottom-header .main-menu-list li, .top-header .top-header-menu li { margin-left: 0; display: inline-block }
.mega-menu-column, ul li ul li:last-child { margin-bottom: 20px }
.img-fluid, .img-fluid img { object-fit: cover; object-position: center center }
/*@font-face { font-family: WPGFont; src: url("/assets/fonts/YekanBakhFaNum-Light.woff") format("woff"); font-style: normal; font-weight: 200 }*/
@font-face { font-family: WPGFont; src: url("/assets/fonts/YekanBakhFaNum-Regular.woff") format("woff"); font-style: normal; font-weight: 400 }
@font-face { font-family: WPGFont; src: url("/assets/fonts/YekanBakhFaNum-Bold.woff") format("woff"); font-style: normal; font-weight: 700 }
@font-face { font-family: WPGFont; src: url("/assets/fonts/YekanBakhFaNum-Bold.woff") format("woff"); font-style: normal; font-weight: 900 }
/*@font-face { font-family: WPGFont; src: url("/assets/fonts/YekanBakhFaNum-ExtraBold.woff") format("woff"); font-style: normal; font-weight: 900 }*/
:root { --C0: #ffffff; --C1: #4d0101; --C2: #fafafa; --C3: #504F4F; --C4: #E8E8E8; --C5: #979797; --C6: #181818; --C7: #310808; --C8: #f5f5f5; --C9: #371111; --C10: #4d0101db; --selection-bg: var(--C1); --selection-text: var(--C2) }
body { overflow-x: hidden; font-family: WPGFont; direction: rtl; font-size: 90% !important; color: var(--C6) }
#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--C2); z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: opacity .5s,visibility .5s }
ul{font-size:initial}
.loader-content { text-align: center; font-size: 1.2em; color: var(--C1); display: flex; flex-direction: column; align-items: center }
.spinner { border: 4px solid var(--C2); border-left-color: var(--C1); border-radius: 50%; width: 30px; height: 30px; animation: 1s linear infinite spin; margin-top: 10px }
.no-right-radius, .no-top-radius { border-top-right-radius: unset !important }
.no-left-radius, .no-top-radius { border-top-left-radius: unset !important }
.no-bottom-radius, .no-right-radius { border-bottom-right-radius: unset !important }
.no-bottom-radius, .no-left-radius { border-bottom-left-radius: unset !important }
.swiper-button-next, .swiper-button-prev, .text-primary { color: var(--C1) !important }
.bg-primary { background-color: var(--C1) !important; color: var(--C2) !important; padding: 7px 0 13px !important }
.bg-light, .bg-lightsilver { color: var(--C6) !important }
.bg-primary .btn-close { --bs-btn-close-color: whitesmoke; background-color: #fff; position: absolute; left: 20px; top: 20px }
.main { background-color: var(--C2) }
input[type=email]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus { border-color: var(--C1) !important; box-shadow: 0 0 0 2px var(--C1) !important; outline: 0 }
.audiobox, .main-menu-list, .search-container, img.lazy, img.lazy2, img.lazy3, img.lazy4, img.lazy5 { position: relative }
img.lazy2::before, img.lazy3::before, img.lazy4::before, img.lazy5::before, img.lazy::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,#534a4a00,rgb(181 181 181 / 40%),#43333300); animation: 1.5s infinite shimmer; z-index: 1 }
.audio-player-container.fixed-bottom-player h5, img.lazy.loaded::before, img.lazy2.loaded::before, img.lazy3.loaded::before, img.lazy4.loaded::before, img.lazy5.loaded::before { display: none }
img.lazy6 { color: transparent !important; font-size: 0 !important }
img.lazy6::after, img.lazy6::before { content: none }
.full-height-slider { height: auto; max-height: 100vh }
.modal-backdrop.show { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px) }
.main-slider, .top-section { height: 100vh }
#preloader.hide { opacity: 0; visibility: hidden }
.hide { display: none !important }
:hover { transition: background-color .3s ease-in-out }
.ltr { direction: ltr }
.footer, .header, .header .col-md-6.text-center .search-box .input-group, .rtl { direction: rtl }
a { text-decoration: none }
.bottom-header .search-icon .btn-link:hover, hr { color: var(--C5) }
p { line-height: 1.8rem; font-size: 1rem }
h2 { line-height: 2.3rem }
.header-bg h2 { line-height: 1.8rem !important }
.bottom-header .col-md-3, .text-right { text-align: right !important }
.text-left { text-align: left !important }
.text-center { text-align: center !important }
.text-justify { text-align: justify !important }
.float-left { float: left !important }
.float-right { float: right !important }
.bg-light { background-color: var(--C2) !important }
.bg-lightsilver { background-color: var(--C8) !important }
.bg-silver { background-color: var(--C4); color: var(--C6) }
.about-bg, .bg-black, .bg-dark, .bg-gray, .blog-bg, .chemical-petrochemical-bg, .contact-bg, .food-and-pharmaceutical-bg, .header-bg, .metals-and-mining-bg, .oil-and-gas-bg, .power-generation-bg, .pumps-bg, .text-light, .water-and-wastewater-bg { color: var(--C2) !important }
.bg-gray { background-color: var(--C3) !important }
.bg-dark { background-color: var(--C1) !important }
.bg-black { background-color: var(--C6) !important }
.breadcrumb-item + .breadcrumb-item::before { float: right; padding: 0 5px; color: var(--C4) !important }
.breadcrumb-item.active { color: var(--C5) !important }
.header-bg { background: var(--C1) url('/assets/images/main/back.jpg') no-repeat; background-size: cover }
.about-bg { background: var(--C1) url('/assets/images/header/about.jpg') no-repeat; background-size: cover }
.contact-bg { background: var(--C1) url('/assets/images/header/contact.jpg') no-repeat; background-size: cover }
.pumps-bg { background: var(--C1) url('/assets/images/header/pumps.jpg') no-repeat; background-size: cover }
.blog-bg { background: var(--C1) url('/assets/images/header/blog.jpg') no-repeat; background-size: cover }
.oil-and-gas-bg { background: var(--C1) url('/assets/images/header/oil-and-gas.jpg') no-repeat; background-size: cover }
.chemical-petrochemical-bg { background: var(--C1) url('/assets/images/header/chemical-petrochemical.jpg') no-repeat; background-size: cover }
.power-generation-bg { background: var(--C1) url('/assets/images/header/power-generation.jpg') no-repeat; background-size: cover }
.water-and-wastewater-bg { background: var(--C1) url('/assets/images/header/water-and-wastewater.jpg') no-repeat; background-size: cover }
.facilities-and-ventilation-bg { background: var(--C1) url('/assets/images/header/building-services.jpg') no-repeat; background-size: cover; color: var(--C2) !important }
.food-and-pharmaceutical-bg { background: var(--C1) url('/assets/images/header/food-and-pharmaceutical.jpg') no-repeat; background-size: cover }
.metals-and-mining-bg { background: var(--C1) url('/assets/images/header/metals-and-mining.jpg') no-repeat; background-size: cover }
.accordion-header h4 button, .card-title { font-weight: 700 }
.card-text { text-align: justify; padding-bottom: 20px }
.bottom-header .col-md-9, .footer .footer-column-about-us li a, .footer .footer-column-about-us ul, .header, .top-header .logo { text-align: right }
.card a { overflow: hidden }
.card img { transition: transform .5s; transform: scale(1) }
.card:hover img { transition: transform .5s; transform: scale(1.1) }
hr { height: 1px }
.tooltip-icon i { font-weight: 700 !important }
.no-radius { border-radius: unset !important }
::-webkit-scrollbar { width: 10px }
::-webkit-scrollbar-thumb { background: var(--C3); border-radius: 2px }
::-webkit-scrollbar-track { background: var(--C5) }
.bghover_c3:hover { background-color: var(--C3); color: var(--C2) }
.bghover_c4:hover { background-color: var(--C4) }
.btn-primary { --bs-btn-color: var(--C2) !important; --bs-blue: var(--C1) !important; --bs-btn-bg: var(--C1) !important; --bs-btn-border-color: var(--C1) !important; --bs-btn-hover-color: var(--C2) !important; --bs-btn-hover-bg: var(--C3) !important; --bs-btn-hover-border-color: var(--C1) !important; --bs-btn-focus-shadow-rgb: var(--C1) !important; --bs-btn-active-color: var(--C2) !important; --bs-btn-active-bg: var(--C1) !important; --bs-btn-active-border-color: var(--C1) !important; --bs-btn-active-shadow: inset 0 3px 5px var(--C1) !important; --bs-btn-disabled-color: var(--C2) !important; --bs-btn-disabled-bg: var(--C5) !important; --bs-btn-disabled-border-color: var(--C1) !important }
::selection { background-color: var(--selection-bg); color: var(--selection-text) }
::-moz-selection { background-color: var(--selection-bg); color: var(--selection-text) }
.header { background-color: transparent; padding-top: 5px; padding-bottom: 0; font-weight: 400; transition: background-color .8s,color .3s,box-shadow .7s; position: fixed; top: 0; width: 100%; z-index: 1000; color: var(--C2) }
.header:hover { background-color: var(--C10); color: var(--C2) }
.header.scrolled .bottom-header .main-menu-list li a, .header.scrolled .bottom-header .search-icon .btn-link, .header.scrolled .top-header-menu li a, .header:hover .bottom-header .main-menu-list li a, .header:hover .bottom-header .search-icon .btn-link, .header:hover .top-header-menu li a, .industry-category-icon { color: var(--C2) }
.header.scrolled { background-color: var(--C10); color: var(--C2); box-shadow: 0 13px 20px #292929a3 }
.footer .container, .header .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px }
.header .row { display: flex; }
.top-header { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--C5) }
.bottom-header, .top-header .logo { padding-top: 0; padding-bottom: 0 }
.top-header .row { display: flex; justify-content: space-between; align-items: center }
.top-header .col-md-6.text-right { text-align: right !important; order: 1 }
.top-header .col-md-6.text-left { text-align: left !important; order: 2 }
.top-header .top-header-menu { margin-bottom: 0 !important; padding-right: 0 }
.top-header .top-header-menu li { margin-right: 20px; position: relative }
.footer .footer-social-links li:last-child, .top-header .top-header-menu li:last-child { margin-left: 0 }
.top-header .top-header-menu li a { color: var(--C2); font-size: 13px; text-decoration: none; transition: color .3s; font-weight: 400; position: relative }
.top-header .top-header-menu li::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 0; background-color: #fff; transition: height .3s }
.top-header .top-header-menu li:hover::after { height: 100% }
.detail-box-list li i, .top-header .top-header-menu li a i { margin-left: 5px }
.top-header .top-header-menu li a:hover { color: #fff }
.top-header .logo a { display: inline-block }
.top-header .logo img { max-width: 170px; height: auto; vertical-align: middle }
.bottom-header .main-menu-list { margin-bottom: 0 !important; text-align: right; padding: 0 }
.bottom-header .main-menu-list li a { color: var(--C2); font-size: 14px; text-decoration: none; transition: color .3s; padding: 15px 18px; font-weight: 400; display: block }
/*.bottom-header .main-menu-list li a:hover { color: #fff !important }*/
.bottom-header .search-icon { display: flex; align-items: center; justify-content: flex-end; height: 100% }
.bottom-header .search-icon .btn-link { color: var(--C2); font-size: 18px; text-decoration: none }
.header .col-md-6.text-center .search-box .form-control { border-radius: 0 30px 30px 0; border-right: none; border-left: 1px solid var(--C2); padding-right: 20px; padding-left: 20px; font-size: 14px; box-shadow: none !important; height: 40px }
.header .col-md-6.text-center .search-box .form-control:focus { border-color: var(--C5); box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important }
.header .col-md-6.text-center .search-box .input-group-append .btn { border-radius: 30px 0 0 30px; border-left: none; border-right: 1px solid var(--C2); background-color: transparent; color: var(--C2); height: 40px; padding-left: 20px; padding-right: 20px }
.header .col-md-6.text-center .search-box .input-group-append .btn:hover { background-color: var(--C2); color: var(--C6) }
.footer { background-color: var(--C1); text-align: right; font-family: WPGFont,sans-serif; color: var(--C2); font-size: 13px; padding-top: 30px; padding-bottom: 20px; border-top: 1px solid var(--C6) }
.footer .footer-inner { display: flex; flex-direction: column }
.footer .footer-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; border-bottom: 1px Solid var(--C5) }
.footer .footer-row:last-child { border-bottom: none; padding-bottom: 0 }
.footer .footer-row-logo { padding-bottom: 25px }
.footer .footer-logo img { max-width: 220px; height: auto }
.footer .footer-row-columns { display: flex; justify-content: space-between; align-items: flex-start; padding: 30px 0 }
.footer .footer-column, .mega-menu-column { padding-left: 15px }
.footer .footer-column-about-us { flex: 4; padding-right: 0; padding-left: 0; text-align: justify }
.footer .footer-column-articles, .footer .footer-column-categories, .footer .footer-column-media-center { flex: 1 }
.footer .footer-column h6 { font-size: 17px; color: var(--C2); margin-top: 0; margin-bottom: 10px; font-weight: 700; text-align: right }
.footer .footer-column-about-us h6 { text-align: right; margin-right: 0 }
.footer .footer-column ul { list-style: none; padding: 0; margin: 0; text-align: right }
.detail-box-list li:last-child, .footer .footer-column li, .mega-menu-links li:last-child { margin-bottom: 0 }
.footer .footer-column li a { text-decoration: none; color: var(--C2); font-size: 15px; transition: .3s ease-in-out; display: inline-block; text-align: right; padding: 7px 0 }
.footer .footer-column li a.animated-button:hover::before { margin-right: 0; margin-left: 5px; transition: .3s ease-in-out }
.footer .footer-column-about-us p { font-size: 15px; color: var(--C2); margin-bottom: 15px; line-height: 2rem }
.footer .footer-row-contact-social { align-items: center }
.footer .footer-contact-info p { margin-bottom: 8px; line-height: 22px; color: var(--C2) }
.footer .footer-contact-info p i { display: inline-block; width: 15px; margin-left: 3px; color: var(--C2); font-size: 12px; vertical-align: middle }
.footer .footer-contact-info p a { color: var(--C2); text-decoration: none; transition: color .3s }
.footer .footer-bottom-links ul, .footer .footer-social-links ul { list-style: none; padding: 0; margin: 0; display: flex }
.footer .footer-social-links li { margin-left: 10px }
.footer .footer-social-links li a { display: block; width: 30px; height: 30px; border-radius: 50%; color: var(--C2); text-align: center; line-height: 30px; font-size: 14px; transition: background-color .3s,color .3s }
.footer .footer-social-links li a:hover { background-color: var(--C3); color: var(--C2) }
.footer .footer-row-bottom { align-items: center; padding-top: 15px }
.footer .footer-bottom-links li { margin-right: 20px; direction: ltr }
.card-post-author, .footer .footer-bottom-links li:first-child { margin-right: 0 }
.footer .footer-bottom-links li a { color: var(--C2); text-decoration: none; font-size: 13px; transition: color .3s }
.footer i { font-size: 25px }
.footer .footer-copyright { font-size: 12px; color: var(--C2); padding-top: 0; border-top: none; margin-top: 0 }
.card-post-date-meta, .wpglink { text-align: left }
.header .bottom-header .main-menu-list li.mega-menu-item { position: static }
.header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { border: none; background-color: var(--C2); width: 100%; left: 0; right: 0; top: 100%; padding: 20px; box-shadow: 0 4px 28px rgba(0,0,0,.7); display: block; opacity: 0; visibility: hidden; transform: translateX(20px); z-index: 100; border-radius: 0 0 5px 5px }

@media (min-width:992px) {
    .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { display: block; opacity: 0; visibility: hidden; transform: translateX(20px); transition: opacity .1s ease-in,opacity .3s ease-out,visibility .1s ease-in,visibility .3s ease-out,transform .5s ease-in-out }
    .header .bottom-header .main-menu-list li.mega-menu-item:hover > .dropdown-menu.mega-menu { opacity: 1; visibility: visible; transform: translateX(0); transition-delay: 0.3s }
    .header .bottom-header .main-menu-list li.mega-menu-item:hover::after { content: ''; position: fixed; top: 119px; left: 0; width: 100%; height: calc(100vh - 110px); background-color: rgba(0,0,0,.7); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: 98; pointer-events: none; transition: background-color .3s,backdrop-filter .3s }
}

.header .bottom-header .main-menu-list li.mega-menu-item::after { content: ''; position: fixed; top: 119px; left: 0; width: 100%; height: calc(100vh - 108px); z-index: 98; pointer-events: none; opacity: 0; visibility: hidden; transition: -webkit-backdrop-filter .7s ease-in,backdrop-filter .7s ease-in,background-color .7s ease-in,opacity .7s ease-in,visibility .7s ease-in }
.header .bottom-header .main-menu-list li.mega-menu-item:hover::after { opacity: 1; visibility: visible; background-color: rgba(0,0,0,.7); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); transition-delay: .3s }
.mega-menu-column-image { text-align: center; padding-right: 20px }
.mega-menu-main-image { max-width: 100%; height: auto; border-radius: 5px }
.mega-menu-columns-container { display: flex; flex-wrap: wrap }
.mega-menu-column { width: 25%; padding-right: 15px }
.mega-menu-column-title { font-size: 15px; font-weight: 700; color: var(--C6); margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid var(--C5); text-align: right }
.mega-menu-links { list-style: none; padding: 0; margin: 0 }
.mega-menu-links li { margin-bottom: 8px; width: 100% }
.mega-menu-links li a.dropdown-item { display: block; padding: 8px 0; color: var(--C3); font-size: 14px; text-decoration: none; transition: color .3s }
.mega-menu-links li a.dropdown-item:hover { color: var(--C4) !important; background-color: transparent }
.mega-menu-link-item { display: flex; border-bottom: 1px solid var(--C5); align-items: center; border-radius: 5px; color: var(--C1); padding: 10px 10px 10px 45px; transform-origin: center center; transition: background-color .5s ease-in,background-color .8s ease-out,color .6s,box-shadow .7s; position: relative; overflow: hidden }
.mega-menu-link-item:hover { background-color: var(--C1); color: var(--C2); font-weight: 700; box-shadow: 0 4px 12px rgba(0,0,0,.3) }
.mega-menu-link-item::before { content: ''; transition: opacity .8s; position: absolute; top: 5px; left: 7px; height: 90%; width: 30px; background-image: url('/assets/images/main/logo-v.png'); background-size: contain; background-repeat: no-repeat; background-position: center left; opacity: 0 }
.mega-menu-link-item:hover::before { opacity: .9 }
.mega-menu-link-image { margin-left: 10px; width: 80px; overflow: hidden; border-radius: 5px; display: flex; justify-content: center; align-items: center }
.mega-menu-link-image img { max-width: 80px; height: auto; border-radius: 5px; display: block; transition: transform .5s ease-in,transform .8s ease-out }
.category-item:hover .category-image, .mega-menu-link-item:hover .mega-menu-link-image img { transform: scale(1.05) }
.mega-menu-link-text { font-size: 15px; margin-right: 2px }
.mega-menu-link-text span { display: inherit; font-size: 12px; opacity: 0; height: 0; transition: margin-top .5s,height .3s,opacity .8s }
.mega-menu-link-item:hover .mega-menu-link-text span { opacity: 1; height: 20px; margin-top: 5px }
.search-box-postion { position: absolute; left: 0 }
.search-icon .ti-search { font-size: 1.5rem; font-weight: 700 }

@media screen and (max-width:767px) {
    .search-box-postion { position: unset; left: unset }
    .mega-menu-link-image { width: 80px !important }
}

@media (max-width:1200px) {
    .mega-menu-link-text span { text-overflow: ellipsis; overflow: hidden; width: 100px }
}

@media (max-width:992px) {
    .bottom-header, .header, .top-header { padding-bottom: 0 }
    .bottom-header, .header, .top-header, .top-header .logo, .top-header .row { text-align: center }
    .header { padding-top: 0; position: fixed; background-color: var(--C1) }
    .header .container { padding-left: 10px; padding-right: 10px }
    .top-header { padding-top: 10px }
    .mega-menu-columns-container, .top-header .row { flex-direction: column }
    .top-header .col-md-6.text-left, .top-header .col-md-6.text-right { text-align: center !important; order: unset }
    .top-header .top-header-menu { padding-right: 0; margin-top: 10px }
    .top-header .top-header-menu li { display: block; margin-right: 0; margin-bottom: 5px; text-align: center }
    .top-header .top-header-menu li:last-child { margin-bottom: 0 }
    .top-header .top-header-menu li a { font-size: 12px; margin-right: 0; padding: 5px; display: block }
    .top-header .logo { margin-bottom: 10px }
    .top-header .logo img { max-width: 150px }
    .bottom-header { padding-top: 0 }
    .bottom-header .row { flex-direction: row }
    .bottom-header .col-md-3, .bottom-header .col-md-9 { text-align: center !important; padding: 0 !important }
    .bottom-header .main-menu-list { display: none; flex-direction: column; position: absolute; top: 100%; right: 0; background-color: var(--C9); width: 100%; text-align: center; padding: 20px 20px 20vh; height: 100vh; overflow-y: auto }
    .bottom-header .main-menu-list.active { display: flex }
    .bottom-header .main-menu-list li { display: block; margin-left: 0 }
    .bottom-header .main-menu-list > li:last-child { border-bottom: none }
    .bottom-header .main-menu-list li a { display: block; padding: 15px 20px; font-size: 14px; text-align: right; border-radius: 0 }
    .bottom-header .search-icon { margin: 5px }
    .header .col-md-6.text-center .search-box { width: 100%; margin: 15px auto; display: flex; justify-content: center }
    .header .col-md-6.text-center .search-box .input-group { width: 100% }
    .header .col-md-6.text-center .search-box .form-control { border-radius: 5px; border: 1px solid var(--C2); border-left: 1px solid var(--C2); border-right: 1px solid var(--C2); text-align: right }
    .header .col-md-6.text-center .search-box .input-group-append .btn { border-radius: 5px; border: 1px solid var(--C2); border-right: 1px solid var(--C2); border-left: 1px solid var(--C2) }
    .hamburger-menu { display: flex; margin-left: auto; margin-right: 10px }
    .bottom-header .col-md-9 { text-align: right }
    .mega-menu-link-image { width: 0 }
    .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { display: none; padding: 5px 0 20px; position: static; width: 100%; background-color: var(--C9); box-shadow: none; opacity: 1; visibility: visible; transform: none }
    .header .bottom-header .main-menu-list li.mega-menu-item.open .dropdown-menu.mega-menu { display: inline; border-radius: 5px }
    .mega-menu-column { width: 100%; padding-left: 0; padding-right: 0 }
    .mega-menu-column-image { display: none }
    .mega-menu-link-item { padding: 10px; background-color: var(--C1); margin-bottom: 5px; border-radius: 5px }
    .mega-menu-link-text { color: var(--C2) }
    .mega-menu-link-text span { color: var(--C2); opacity: .7 }
}

@media (min-width:992px) {
    .header .bottom-header .main-menu-list li.mega-menu-item:hover > .dropdown-menu.mega-menu { opacity: 1; visibility: visible; transform: translateX(0) }
    .header .bottom-header .main-menu-list li.mega-menu-item:hover::after { content: ''; position: fixed; top: 119px; left: 0; width: 100%; height: calc(100vh - 108px); background-color: rgba(0,0,0,.7); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: 98; pointer-events: none; transition: background-color .7s 0.3s,backdrop-filter .7s 0.3s }
}

.hamburger-menu { display: none; flex-direction: column; cursor: pointer; padding: 5px; z-index: 1001 }
.bar { width: 25px; height: 3px; background-color: var(--C2); margin: 3px 0; transition: .4s }
.custom-table tbody tr:nth-child(2n), .menu-line { background-color: #fff }
.hamburger-menu.active .bar:first-child { transform: rotate(-45deg) translate(-5px,6px) }
.hamburger-menu.active .bar:nth-child(2) { opacity: 0 }
.hamburger-menu.active .bar:nth-child(3) { transform: rotate(45deg) translate(-5px,-6px) }
.menu-line { position: absolute; bottom: 0; height: 2px; transition: .3s; pointer-events: none; right: 0 }

@media screen and (max-width:992px) {
    .hamburger-menu { display: flex; margin-right: 10px }
    .main-menu-list { display: none; flex-direction: column; position: absolute; top: 60px; right: 0; background-color: red; width: 100%; text-align: right; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); padding-top: 20px }
    .main-menu-list.active { display: flex }
    .main-menu-list li { padding: 0 7px; border-bottom: 1px solid var(--C6) }
    .main-menu-list li::after, .mega-menu-column-image, .menu-line { display: none }
    .mega-menu { position: static; box-shadow: none }
    .mega-menu .container { width: 100%; padding: 0 }
    .mega-menu .row { flex-direction: column }
    .mega-menu-column-title { margin-top: 20px }
    .dropdown-item { padding-right: 30px }
    .mega-menu-links li a.dropdown-item { padding: 0 }
    .mega-menu-links li { margin-bottom: 0 }
    .hamburger-menu { display: flex; margin-left: 20px }
}

.category-caption, .full-width-section, .industry-categories-section, .slider-box { text-align: center }

@media (max-width:767px) {
    .footer { padding: 15px }
    .footer .container { padding-left: 10px; padding-right: 10px }
    .footer .footer-row, .footer .footer-social-links ul { justify-content: center }
    .footer .footer-row-columns { flex-direction: column; padding: 10px 0; align-items: center }
    .footer .footer-column { flex: 1; padding-right: 0; margin-bottom: 20px; padding-left: 0 }
    .footer .footer-column:last-child { margin-bottom: 0 }
    .footer .footer-column h6 { font-size: 18px; margin-bottom: 8px; text-align: right }
    .footer .footer-column-about-us h6 { text-align: center }
    .footer .footer-column ul, .footer .footer-column-about-us li a, .footer .footer-column-about-us ul { text-align: right }
    .footer .footer-column li { margin-bottom: 5px }
    .footer .footer-column li a { font-size: 12px; padding-right: 0; text-align: center }
    .footer .footer-column-about-us p { font-size: 15px; line-height: 1.8rem; margin-bottom: 10px }
    .footer .footer-row-bottom, .footer .footer-row-contact-social { flex-direction: column; text-align: center }
    .footer .footer-contact-info, .footer .footer-social-links { text-align: center; margin-bottom: 15px }
    .footer .footer-contact-info p { font-size: 15px }
    .footer .footer-contact-info .ptell { font-size: 23px; margin-top: 30px }
    .footer .footer-bottom-links ul { flex-direction: column; align-items: center }
    .footer .footer-bottom-links li { margin-right: 0; margin-bottom: 8px }
    .footer .footer-copyright { text-align: center; font-size: 11px }
    .wpglink { text-align: center; margin-top: 20px; font-size: 16px; font-weight: 700 }
    .img-fluid { height: 65vh; width: 100% }
    .img-fluid img { width: 100%; height: 100% !important }
    .img-fluid video { position: unset !important; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; }
}

.img-fluid { width: 100% }
.img-fluid img { height: 100vh; width: 100% }
.img-fluid video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; }
.mainslide-box { padding: 100px inherit; background: url('/assets/images/main/slider.jpg') center center/cover no-repeat; width: 100%; height: 100%; z-index: -1 }
.slider-box { position: absolute; top: 33%; left: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: -25%; margin-top: 0; background-color: rgba(0,0,0,.3); backdrop-filter: blur(5px); padding: 30px; border-radius: 5px; width: 50%; color: var(--C2) }
.slider-box-title { font-size: 2.5rem; margin-bottom: 20px; color: var(--C2); font-weight: 700 }
.slider-box-text { font-size: .9rem; color: var(--C2); line-height: 1.6; margin-bottom: 30px; width: 80% }
.slider-box-buttons { display: flex; justify-content: center; gap: 20px }
.slider-box-button { display: inline-block; padding: 12px 30px; border-radius: 5px; text-decoration: none; color: var(--C2); transition: background-color .3s }
.slider-box-button-products { background-color: var(--C2); color: var(--C6); white-space: pre; min-width: 200px }
.slider-box-button-products:hover { background-color: var(--C4) }
.slider-box-button-more { background-color: var(--C1); white-space: pre; min-width: 40% }
.slider-box-button-more:hover { background-color: var(--C7) }
.industry-categories-title, .industry-category-name { color: var(--C6); font-weight: 700 }
.search-box, .search-input { background-color: var(--C2) }
.search-box { overflow: hidden; width: 0; transition: width .6s ease-out,opacity 1s ease-in-out; border-radius: 4px; opacity: 0 }
.search-box.active { width: 100%; opacity: 1 }
.search-icon button { color: var(--C2); font-size: .2rem }
.search-input { border: none; outline: 0; padding: 5px; width: 100%; border-radius: 5px; font-size: 13px }
.category-image, .category-item { border-radius: 5px; display: block }
.animate-element, .animate-element-fade { opacity: 0; transition: opacity .8s ease-out,transform .8s ease-out }
.animate-element-fade.animate-fade-in { opacity: 1; transform: none }
.animate-element.animate-in { opacity: 1; transform: translateY(0) translateX(0) }
.animate-from-top { transform: translateY(-50px) }
.animate-from-right { transform: translateX(50px) }
.animate-from-left { transform: translateX(-50px) }
.animate-from-bottom { transform: translateY(50px) }
.animate-fade-in { transform: none }
.animate-delay-0-1s, .animate-delay-0-2s { transition-delay: 0.2s }
.animate-delay-0-3s { transition-delay: 0.3s }
.animate-delay-0-4s { transition-delay: 0.4s }
.animate-delay-0-5s { transition-delay: 0.5s }
.animate-delay-0-6s { transition-delay: 0.6s }
.animate-delay-0-7s { transition-delay: 0.7s }
.animate-delay-0-8s { transition-delay: 0.8s }
.animate-delay-1s { transition-delay: 1s }
.animate-delay-1-2s { transition-delay: 1.2s }
.animate-duration-0-3s { transition-duration: .3s }
.animate-duration-0-5s { transition-duration: .5s }
.animate-duration-0-7s { transition-duration: .7s }
.animate-duration-1s { transition-duration: 1s }
.animate-duration-1-2s { transition-duration: 1.2s }
.industry-category-box { background-color: var(--C1); border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,.1); display: flex; flex-direction: column; justify-content: space-between; padding: 25px 20px; text-align: center; box-sizing: border-box; align-items: center }
.industry-category-box:hover { transition: background-color .3s ease-in-out; background-color: var(--C7) }
.industry-category-name { line-height: 1.4 }
.industry-category-button { transition: background-color .3s; width: 110px }
.industry-category-button:hover { background-color: var(--C7); color: var(--C2) !important }
.industry-categories-container, .product-actions { display: flex; flex-direction: row }
.industry-category-box { width: auto; margin: 5px; flex-basis: auto; flex-grow: 1 }
.animated-button { display: inline-flex; flex-direction: row-reverse; justify-content: center; overflow: hidden; transition: background-color .3s,width .3s ease-in-out }
.animated-button::before { display: inline-block; content: '\290C'; width: 0; margin-right: 0; font-weight: 900; transform: translateY(0); opacity: 0; transition: opacity .3s ease-out,opacity .1s ease-out,margin-right .3s ease-in-out,width .3s ease-in,width .1s ease-out }
.button-with-text-hover span, .button-with-text-hover::before { transition: opacity .3s ease-out,width .3s ease-in-out,margin-right .3s ease-in-out }
.animated-button:hover::before { width: 15px; opacity: 1; transform: translateY(0); margin-right: 5px }
.button-with-text-hover { display: inline-flex; flex-direction: row-reverse; align-items: center; overflow: hidden; transition: color .3s,width .3s ease-in-out,background-color .3s; padding-right: 15px; padding-left: 15px; position: relative }
.button-with-text-hover:hover { background-color: var(--C1) !important }
.button-with-text-hover::before { content: '\290C'; font-weight: 900; opacity: 1; margin-right: 0; position: relative }
.button-with-text-hover span { opacity: 0; white-space: nowrap; width: 0 }
.button-with-text-hover:hover::before { margin-right: 20px }
.button-with-text-hover:hover span { transition: opacity .3s ease-in-out,width .3s ease-in-out; width: 50px; opacity: 1; left: 0 }
.category-item { overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,.15); transition: box-shadow .3s; position: relative }
.category-item:hover { box-shadow: 0 20px 50px rgba(0,0,0,.25) }
.category-image { width: 100%; height: auto; transition: transform .5s; transform-origin: center center; overflow: hidden }
.category-caption { position: absolute; bottom: 5%; left: 2.5%; width: 95%; background-color: rgba(0,0,0,.3); color: var(--C2); padding: 15px 10px 5px; box-sizing: border-box; opacity: 1; border-radius: 4px; backdrop-filter: blur(5px) }
.category-title { font-size: 1.8rem; font-weight: 600; color: var(--C2); margin-bottom: 10px; line-height: 1.3 }
.category-description { font-size: 1rem; color: var(--C2); line-height: 1.5; margin-bottom: 20px; max-height: 100px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }

/*@media (max-width:768px) {
.animate-element, .animate-element-fade { opacity: unset !important; transition: unset !important; }
.animate-element-fade.animate-fade-in { opacity: unset !important;; transform: unset !important; }
.animate-element.animate-in { opacity: unset !important; transform: unset !important; }
.animate-from-top { transform: unset !important; }
.animate-from-right { transform: unset !important; }
.animate-from-left { transform: unset !important; }
.animate-from-bottom { transform: unset !important; }
.animate-fade-in { transform: none }
.animate-delay-0-1s, .animate-delay-0-2s { unset !important; }
.animate-delay-0-3s { unset !important; }
.animate-delay-0-4s { unset !important; }
.animate-delay-0-5s { unset !important; }
.animate-delay-0-6s { unset !important; }
.animate-delay-0-7s { unset !important; }
.animate-delay-0-8s { unset !important; }
.animate-delay-1s { unset !important; }
.animate-delay-1-2s { unset !important; }
.animate-duration-0-3s { unset !important; }
.animate-duration-0-5s { unset !important; }
.animate-duration-0-7s { unset !important; }
.animate-duration-1s { unset !important; }
.animate-duration-1-2s { unset !important; }
}*/

@media (max-width:767px) {
    .slider-box { position: static; height: 35vh; transform: none; top: auto; left: auto; width: 100%; border-radius: 0; margin-bottom: 20px; background-color: var(--C1); backdrop-filter: none; margin-top: 0 }
    .slider-box-title { font-size: 1.5rem; margin-bottom: 15px; color: var(--C2) }
    .slider-box-text { font-size: .8rem; margin-bottom: 20px; color: var(--C2); width: 90% }
    .slider-box-buttons { flex-direction: column; gap: 10px }
    .slider-box-button { padding: 10px 20px; font-size: .9rem }
    .slider-box-button-more { background-color: var(--C5); color: var(--C6) }
    .slider-box-button-more:hover { background-color: var(--C4) }
    .industry-categories-container { flex-direction: row; justify-content: flex-start; align-items: flex-start; align-items: stretch }
    .industry-category-box { width: calc(50% - 10px); max-width: none; flex-direction: column; text-align: center; justify-content: space-between; align-items: center; padding-right: 20px; padding-left: 20px; display: flex }
    .industry-categories-container > .industry-category-box:last-child:nth-child(odd) { width: 94%; margin: 5px }
    .industry-category-name { margin-bottom: 20px; text-align: center }
    .industry-category-button { font-size: .9rem; padding: 10px 25px }
    .swiper-slide .animate-from-left, .swiper-slide .animate-from-right { transform: none }
    .animate-from-left, .animate-from-right { transform: translateY(-50px) }
    .category-caption, .category-image, .category-item { border-radius: 5px }
    .row.row-cols-md-2.g-4 { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem }
    .category-item { box-shadow: 0 8px 20px rgba(0,0,0,.1) }
    .category-caption { padding: 15px; backdrop-filter: blur(3px) }
    .category-title { font-size: 1.6rem; margin-bottom: 8px }
    .category-description { font-size: .9rem; margin-bottom: 15px; max-height: 80px; display: none !important }
}

.full-width-section { position: relative; width: 100%; height: auto; min-height: 600px; overflow: hidden; color: var(--C2); display: flex; justify-content: center; align-items: center }
.full-width-section-background { padding: 100px inherit; background: url('/assets/images/main/back.jpg') center center/cover no-repeat; width: 100%; height: 100% }
.full-width-section-bg-image { width: 100%; height: 100% }
.full-width-section-content { position: relative; padding: 50px; margin: 0 auto; max-width: 1200px; width: 100%; box-sizing: border-box }
.full-width-section-title { font-size: 2.5rem; font-weight: 700; margin: 30px auto; text-shadow: 2px 2px 4px rgba(0,0,0,.5) }
.full-width-section-text { font-size: 1rem; line-height: 2; margin: 40px auto; max-width: 900px; text-shadow: 1px 1px 2px rgba(0,0,0,.5); text-align: justify }
.full-width-section-button-container { margin-bottom: 50px }
.full-width-section-button { display: inline-block; padding: 15px 40px; border-radius: 8px; background-color: inherit; color: var(--C2); text-decoration: none; font-size: 1.1rem; font-weight: 700; transition: background-color .3s }
.full-width-section-button:hover { background-color: inherit }
.full-width-section-logo-image { width: 300px; height: auto }
.full-width-section-logo-text { font-size: 1.5rem; font-weight: 700; margin-bottom: 5px }
.full-width-section-logo-subtext { font-size: 1rem; opacity: .8 }
.card-post-header { background-color: transparent; border-bottom: none; padding: .5rem; font-size: .9rem }
.card-post-meta { font-size: 13px }
.card-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; font-size: .9em; opacity: .8 }
.card-post-author-icon { margin-right: 3px }
.card-post-date-icon { margin-left: 3px }
.card-post-date { direction: ltr; text-align: left; margin-left: 0 }
.dynamicSwiper { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0; display: flex; justify-content: center }
.swiper { padding-bottom: 20px !important; display: flex !important; }
.swiper.main-slider { padding: 0 !important }
.swiper.main-slider .swiper-button-next, .swiper.main-slider .swiper-button-prev { opacity: .5 !important }
.swiper.main-slider .swiper-button-next:hover, .swiper.main-slider .swiper-button-prev:hover { opacity: 1 !important }
.swiper.main-slider .swiper-button-next.swiper-button-disabled, .swiper.main-slider .swiper-button-prev.swiper-button-disabled { opacity: .1 !important; }
.swiper.main-slider .swiper-pagination { bottom: 40px !important; }
.swiper-slide img { width: 100% !important }
.swiper-wrapper { display: flex; transition-property: transform; box-sizing: content-box; flex-wrap: nowrap }
.swiper-slide { overflow: hidden; height: unset !important; flex-shrink: 0; padding: 0; background-color: inherit; text-align: center; justify-content: center; align-items: center; box-sizing: border-box }
.main-slider .swiper-slide { width: inherit !important }
.dynamic-carousel-item-content img { max-width: 100%; transition: transform .3s; transform-origin: center center; overflow: hidden; display: block }
.dynamic-carousel-item-content img:hover { transform: scale(1.05); cursor: pointer }
.swiper-pagination { position: absolute; bottom: 0 !important; left: 0; width: 100%; display: flex; justify-content: center; align-items: center }
.swiper-pagination-bullet { width: 10px; height: 10px; background-color: var(--C5); opacity: .8; border-radius: 50%; margin: 0 5px; cursor: pointer }
.swiper-pagination-bullet-active { background-color: var(--C1); opacity: 1 }
.swiper-button-next, .swiper-button-prev { transition: all .3s ease-in-out; color: var(--C5); opacity: .15 !important; top: 50%; margin-top: 0; transform: translateY(-50%); background-color: #00000030; padding: 47px 19px !important; border-radius: 5px }
.swiper-button-next:hover, .swiper-button-prev:hover { transition: all .3s ease-in-out; opacity: .9 !important; color: var(--C1) }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .1 !important; }
.swiper-pagination-bullet { width: 8px !important; border-radius: 5px !important }
.swiper-pagination-bullet-active { width: 20px !important; border-radius: 5px !important; transition: all .3s ease-in-out }
.product-detail { padding-top: 30px; padding-bottom: 30px }
.product-title { font-size: 2rem }
.product-description { line-height: 1.8; text-align: justify }
.detail-box { border-radius: 8px; padding: 20px }
.detail-box-title { font-size: 1.1rem; color: var(--C6) }
.detail-box ul { padding: 0 }
.detail-box-list li { margin-bottom: .5rem; border-bottom: 1px solid var(--C4) }
.product-actions .btn { font-size: 1rem; padding: unset 1.5rem }
.product-image { border-radius: 10px; max-width: 100%; height: auto }
.product-detail-right { display: flex; justify-content: center; border: 1px solid var(--C5); border-radius: 5px; overflow: hidden }
.product-detail-right img { transition: transform .5s ease-in-out; transform: scale(1) }
.product-detail-right img:hover { transition: transform .5s ease-in-out; transform: scale(1.15) }
.product-detail-left { padding-right: 20px; padding-top: 10px }

@media (max-width:992px) {
    .category-description { display: none }
    .product-actions { flex-direction: column }
}

.custom-table { border-collapse: collapse; width: 100%; margin-bottom: 1rem }
.custom-table td, .custom-table th { border-left: none; border-right: none; border-top: 1px solid #495057; border-bottom: 1px solid #495057; padding: .75rem; vertical-align: middle; line-height: 1.5; font-size: .9rem }
.custom-table thead th { background-color: #f8f9fa; font-weight: 700; color: #212529; border-bottom: 2px solid #495057 }
.custom-table tbody td { color: #343a40; background: unset }
.custom-table tbody tr:nth-child(odd) { background-color: #f8f9fa }
.custom-table tbody tr:hover, .product-resources .resource-link:hover { background-color: #e9ecef }
.table-bordered > :not(caption) > * > * { border-width: 0 }
.table-bordered > :not(caption) > :not(thead) > * > * { border-top-width: 1px }
.table-bordered > :not(caption) > thead > * > * { border-bottom-width: 2px }
.product-resources .list-group-item { border-left: none; border-right: none; border-top: none; padding-top: .75rem; padding-bottom: .75rem; margin-bottom: 0; display: flex; justify-content: space-between; align-items: center }
.product-resources .list-group-item:last-child, .pwa-features li:last-child, .specification-box > .specification-item:last-child { border-bottom: none }
.product-resources .list-group-item i.bi { font-size: 1.2rem; color: var(--C6) }
.product-resources .list-group-item .file-count { font-size: .9rem; color: var(--C5); margin-right: .5em }
.product-resources .resource-link { color: var(--C1); text-decoration: none; padding: .5rem; border-radius: .25rem; background-color: var(--C2); display: inline-flex; justify-content: center; align-items: center }
.product-resources .resource-link i.bi-download { font-size: 1rem; color: var(--C1) }
.specification-box { padding: 15px }
.specification-item { border-bottom: 1px solid var(--C5); padding: 9px 7px 5px }
.specification-item:hover { background-color: var(--C5) }
.item-title { color: var(--C6); display: block; margin-bottom: 5px; font-size: .9rem }
.item-value { font-weight: 700; color: var(--C6); font-size: .9rem; direction: ltr; line-break: anywhere }
.lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.9); display: none; justify-content: center; align-items: center; z-index: 999999; transition: opacity .3s ease-in-out }
.lightbox-content { max-width: 90%; max-height: 90% }
.lightbox-next, .lightbox-prev { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,.5); color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px }
.lightbox-prev { right: 10px }
.lightbox-next { left: 10px }
.lightbox-title { color: var(--C2); text-align: center; padding: 10px 20px; background-color: rgba(0,0,0,.3); position: absolute; bottom: 0; left: 0; right: 0 }

@media (max-width:767px) {
    .full-width-section { min-height: 400px; text-align: center }
    .full-width-section-content { padding: 30px }
    .full-width-section-title { font-size: 2rem; margin-bottom: 20px }
    .full-width-section-text { font-size: 1rem; margin-bottom: 30px }
    .full-width-section-button-container { margin-bottom: 40px }
    .full-width-section-button { padding: 12px 30px; font-size: 1rem }
    .full-width-section-logo { position: static; margin-top: 30px; text-align: center; bottom: auto; right: auto }
    .full-width-section-logo-image { margin-left: auto; margin-right: auto }
    .full-width-section-logo-subtext, .full-width-section-logo-text { text-align: center }
    .product-detail-left { padding-right: 0 }
    .product-image { margin-top: 20px }
    .lightbox-next, .lightbox-prev { top: unset; bottom: 50px }
}

.lightbox-close, .lightbox-download { top: 20px; background: 0 0; border: none; font-size: 24px; cursor: pointer; z-index: 999; position: absolute; color: #fff }
.lightbox-close { left: 30px }
.lightbox-download { right: 30px; text-decoration: none }
.lightbox-loader { position: absolute; top: 50%; transform: translate(-50%,-50%); border: 4px solid var(--C1); border-top: 4px solid var(--C2); border-radius: 50%; width: 40px; height: 40px; animation: 2s linear infinite spin; display: none }

@keyframes spin {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}

.lightbox-close, .lightbox-content, .lightbox-download, .lightbox-loader, .lightbox-next, .lightbox-prev, .lightbox-title { transition: opacity .3s ease-in-out,.3s ease-in-out }
.banner, .banner:hover { transition: opacity .6s }
.uploadimgbox { margin: 2px 5px 20px; display: grid; min-height: 50px; min-width: 50px }
.uploadimgbox img { color: transparent; font-size: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px }
.uploadimgdiv { min-height: 50px; text-align: center; background: url(/assets/images/main/loader-main.gif) center center no-repeat #f1f1f1 }
.uploadimg { width: 100% !important }
.uploadimgalt { padding: 1%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #f9f9f9; border-bottom: 1px solid silver; float: right; direction: rtl; text-align: center; font-size: 75%; font-weight: 700 }
.uploadimgbox320 { display: inline-grid; float: right; margin: 1%; width: 100% }
.card-header > h1, h2, h3, h4, h5, h6 { margin: 5px 0; font-weight: bold }
.modal-open { overflow: auto !important; padding: 0 !important }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-right: calc(var(--bs-border-width) * -1); border-top-right-radius: 0; border-bottom-right-radius: 0 }
.d-flex .card .card-text { padding-bottom: 50px }
.card .button-with-text-hover { position: absolute; bottom: 10px; left: 10px }
.border-right-8 { border-right: 8px solid var(--C5) }
.border-right-5 { border-right: 5px solid var(--C5) }
.border-right-3 { border-right: 3px solid var(--C5) }

@media screen and (max-width:767px) {
    .border-right-3, .border-right-5, .border-right-8 { border-right: unset }
}

.lazy, .lazy2, .lazy3, .lazy4, .lazy5 { max-height: 200px !important; min-height: 70px !important; display: block !important; color: transparent !important }
.lazy-loaded { max-height: initial !important; min-height: initial !important; display: initial !important }
.modal.modal-animate .modal-dialog { transition: transform .5s,opacity .5s }
.modal.modal-animate .modal-dialog.hide-animation { transform: translateY(-30px); opacity: 0 }
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { font-size: 80%; font-weight: 700 }
.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after { background-color: transparent }
.row > .form-floating > label { right: .75rem }
.banner { border-radius: 5px; opacity: 1 }
.banner:hover { opacity: .85 }
.banner img { border-radius: 5px; width: 100% }
.accordion-header h4, .pwa-features { padding: 0; margin: 0 }
.pwa-features li { display: flex; align-items: center; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid #eee }
.pwa-features i { font-size: 1.5rem; color: var(--primary-color) }
#pwaInstallModal .modal-header { border-bottom: none; padding: 1.5rem 1rem }
#pwaInstallModal .modal-title { color: #fff; font-size: 1.2rem }
#pwaInstallModal .modal-body { padding: 2rem }
#pwaInstallModal .modal-footer { border-top: none; padding: 1rem }
#pwaInstallModal .btn-primary { padding: .6rem 2rem; font-weight: 500 }
#pwaInstallModal .btn-secondary { padding: .6rem 2rem }
.linear-loader { position: fixed; top: 0; left: 0; width: 100%; height: 4px; background: 0 0; z-index: 9999; pointer-events: none }
.linear-loader .loader-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--C2); transition: width .3s; overflow: hidden }
.linear-loader .loader-bar::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-right: 2px solid var(--C2); background: linear-gradient(90deg,rgb(50 50 50 / 0%) 0,hsl(0deg 0% 0% / 60%) 50%,rgb(0 0 0 / 10%) 30%); animation: 1.5s infinite shimmer }

@keyframes shimmer {
    0% { transform: translateX(-100%) }
    100% { transform: translateX(100%) }
}

.swiper-pagination-bullet { background: var(--C3) !important }
.swiper-pagination-bullet-active { background: var(--C1) !important }
.back { position: relative; z-index: 1 }
.back::before { content: ""; position: absolute; inset: 0; background: url('/assets/images/main/brandtajhiz-logo-dark.png') center center no-repeat; opacity: .2; z-index: -1; pointer-events: none }
.card.bghover_c4:hover { box-shadow: 0 0 11px 4px #c7c7c7; transition: box-shadow .3s }
.request-price, .wishlist { width: 220px }
.request-price .btn-primary:hover { background-color: #1c7a1c }
.wishlist .btn-secondary:hover { background-color: #ffc005 !important; color: var(--C6) }
.fixed-bottom-player audio { width: 100%; margin-top: 0 }
.audio-player-container.fixed-bottom-player { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; transition: .3s ease-in-out; opacity: 1; background-color: var(--C2); box-shadow: 0 4px 20px rgba(0,0,0,.8); margin-bottom: 0 !important; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.audio-player-container.fixed-bottom-player-space { opacity: 0; visibility: hidden; transition: opacity .5s ease-in-out,visibility .5s ease-in-out }
.audio-player-container.fixed-bottom-player.hidden { opacity: 0; transform: translateY(100%) }
.audio-player-loader { position: absolute; left: 10px; bottom: 15px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; z-index: 10; opacity: 1; transition: opacity .3s ease-in-out }
#audio-player .audio-player-loader { left: 21px; top: 16px }
.audio-player-loader.hidden { opacity: 0; pointer-events: none }
.audio-player-loader .spinner { width: 30px; height: 30px; border: 4px solid var(--C1); border-top: 4px solid var(--C2); border-radius: 50%; animation: 1s linear infinite spin }
.accordion-body, .accordion-button { border: 1px solid var(--C4); padding: 1rem }
.accordion-button { background-color: var(--C2); color: var(--C6); font-weight: 500; text-align: right; transition: .3s }
.accordion-body, .faq-section h3 i { color: var(--C1) }
.accordion-button:not(.collapsed) { background-color: var(--C1); color: #fff }
.accordion-button:focus { box-shadow: none; border-color: var(--C1) }
.accordion-button::after { margin-right: auto; margin-left: 0 }
.accordion-body { background-color: var(--C0); border-top: none; border-radius: 0 0 8px 8px; text-align: justify; line-height: 1.8 }
.accordion-body p { margin-bottom: 0; font-size: 90% }
.faq-section { margin-top: 3rem; margin-bottom: 3rem }
.faq-section h3 { display: flex; align-items: center; gap: .5rem }
.accordion-item { border: none; margin-bottom: 10px }
.notification-container { position: fixed; z-index: 100; bottom: 20px; right: 5%; width: 90%; background-color: #fff; border-radius: .5rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15); padding: 1.5rem; max-width: 350px; / z-index: 1000; opacity: 0; transform: translateY(100%); transition: opacity 0.5s ease-out, transform 0.5s ease-out; pointer-events: none; display: flex; flex-direction: column; gap: 1rem; padding-top: 2.5rem; }
.notification-container.show { opacity: 0.97 !important; transform: translateY(0) !important; pointer-events: auto !important; }
.notification-container .btn-close { position: absolute; top: 10px; left: 10px; }

@media screen and (max-width:767px) {
    .notification-container { max-width: 90%; }
}

.mega-menu-item { position: relative; }
.mega-menu .container { background: #fff; border-radius: 0 0 12px 12px; box-shadow: 0 8px 32px rgba(0,0,0,0.12); padding: 0 }
.mega-menu-main-cats { background-color: var(--C4); border-left: 2px solid var(--C1); padding: 0; margin: 0; max-height: 425px; overflow: auto }
.mega-menu-main-cats li { cursor: pointer; width: 100%; font-weight: 900; border-bottom: 1px solid #f5f5f5; transition: background 0.2s; }
.mega-menu-main-cats li a { color: black !important; display: flex !important; font-weight: bold !important }
.mega-menu-main-cats li:hover { color: var(--C1) !important }
.mega-menu-main-cats li.active a, .mega-menu-main-cats li:hover a { color: var(--C1) !important; background-color: var(--C0); border-bottom-right-radius: 5px; border-top-right-radius: 5px }
.mega-menu-subcats { display: none; width: 98%; min-height: 425px; max-height: 425px; overflow: auto; border-left: 1px solid #eee }
.mega-menu-subcats.active { display: block; }
.mega-menu-subcats ul { padding-right: 0; }
.mega-menu-subcats > ul > li { font-weight: 600; margin-bottom: 12px; padding: 4px }
.mega-menu-subcats a { color: Black !important; display: flex !important; text-decoration: none; font-weight: bold !important; display: block; padding: 12px 5px !important; border-bottom: 2px solid transparent; transition: color 0.2s; }
.mega-menu-subcats a:hover { color: var(--C1) !important; border-bottom: 2px solid var(--C1) }
.subcategorytitle { background-color: var(--C4); border-radius: 5px }
.mega-menu { border: none; left: 0; right: 0; top: 100%; min-width: 900px; padding: 0; }
.mega-menu { display: none; position: absolute; z-index: 1000; }
.mega-menu-item:hover > .mega-menu, .mega-menu-item:focus-within > .mega-menu { display: block; }
.mega-menu-column-list { display: flex !important; }
.list-unstyled .mega-menu-subsubcats li { width: 100% }
.list-unstyled .mega-menu-subsubcats li a { padding: 10px 5px; display: flex !important; font-weight: 500 !important; }

@media (max-width: 991px) {
    .mega-menu-main-cats li.active a, .mega-menu-main-cats li:hover a {background-color: unset;}
    .mega-menu .container { border-radius: 0; }
    .mega-menu { max-width: 200px; }
    .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { padding: 0 }
    .mega-menu-subcats { display: none !important }
    .mega-menu > .col-md-9 { display: none !important }
}

.black-box-shadow { box-shadow: inset 1px 1px 20px 0px #000000 }

.mobile-bottom-menu { position: fixed; bottom: -1px; right: 0; left: 0; z-index: 1050; background: var(--C1); box-shadow: 0 -2px 39px rgba(0, 0, 0, 0.80); padding: 0; height: 60px; display: flex; align-items: center; justify-content: center; }
.mobile-bottom-menu .mobile-menu-list { display: flex; flex-direction: row; justify-content: space-around; align-items: center; width: 100%; margin: 0; padding: 0; list-style: none; height: 100%; }
.mobile-bottom-menu .menu-item { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--C5); font-size: 12px; text-decoration: none; transition: color 0.2s; height: 100%; }
.mobile-bottom-menu .menu-item i { font-size: 28px; margin-bottom: 2px; display: block; }
.menu-item span { font-size: 80% }
.mobile-bottom-menu .menu-item:active,
.mobile-bottom-menu .menu-item:focus { color: var(--C2); }

@media (min-width: 768px) {
    .mobile-bottom-menu { display: none !important; }
}

.mobile-bottom-menu .menu-item.active,
.mobile-bottom-menu .menu-item.active:focus { color: var(--C2); font-weight: bold; }
.mobile-bottom-menu .menu-item.active i { color: var(--C2); }

.page-link {color: var(--C1)}
.active>.page-link, .page-link.active {background-color: var(--C1); border-color: var(--C1)}