:root {
    --primary: #00639E;
    --secondary: #7bc043;
}

html, body { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Noto Sans'; font-weight: 400; }

h1 { font-size: 70px; line-height: 1.1; }

h2 { font-size: 35px; line-height: 1.1; }

h3 { font-size: 25px; line-height: 1.1; }

h4 { font-size: 20px; }

p, a, li, span, button, input, select, textarea, th, td { margin: 0; font-family: 'Noto Sans'; font-weight: 400; font-size: 16px; line-height: 1.5; color: #212121; }

ul { margin: 0; padding: 0; }

li { list-style: none; }

img, iframe, video, textarea { display: block; }

a { text-decoration: none; transition: color 0.6s, background 0.6s, border-color 0.6s; }

button { transition: color 0.6s, background 0.6s; }

.container { max-width: 1200px; width: 80%; margin: auto; }

.d-flex { display: flex; }

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

.align-items-end { align-items: flex-end; }

.justify-content-center { justify-content: center; }

.justify-content-between { justify-content: space-between; }

.justify-content-end { justify-content: flex-end; }

.flex-wrap { flex-wrap: wrap; }

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

.text-uppercase { text-transform: uppercase; }

.inherit { font-weight: inherit; font-size: inherit; font-family: inherit; line-height: inherit; }

.light { font-weight: 300; }

.regular { font-weight: 400; }

.medium { font-weight: 500; }

.semibold { font-weight: 600; }

.bold { font-weight: 700; }

.btn { padding: 7px 25px; border: 2px solid transparent; border-radius: 10px; cursor: pointer; }

.btn img { opacity: 0; width: 0; margin-left: -16px; overflow: hidden; transition: opacity 0.6s ease, width 0.6s ease, margin-left 0.3s ease; }

.btn:hover img { opacity: 1; width: auto; margin-left: 0; }

.position-relative { position: relative; }

.loader { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 999; }

.loader img { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: 45px; }

.popup-section { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); z-index: 999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; }

.popup-section.active { opacity: 1; visibility: visible; }

.popup-section .popup-content { padding: 30px; box-sizing: border-box; background: #fff; width: 100%; max-width: 500px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 5px; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }

.popup-section .popup-content .popup-icon { font-size: 60px; line-height: 80px; width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; text-align: center; margin: auto; }

.popup-section .popup-content .popup-icon.warning-icon { border-color: #f8bb86; color: #f8bb86; }

.popup-section .popup-content .popup-icon.success-icon { border-color: #2ecc71; color: #2ecc71; }

.popup-section .popup-content .popup-title { margin-top: 20px; font-size: 40px; }

.popup-section .popup-content .popup-text { margin-top: 10px; }

.popup-section .popup-content .popup-buttons-group { margin-top: 20px; column-gap: 10px; }

.popup-section .popup-content .popup-buttons-group .popup-cancel-button { display: none; }

.popup-section .popup-content .popup-confirmation-button { transition: background 0.6s, border-color 0.6s; background: var(--secondary); border-color: var(--secondary); color: #fff; width: 80px; }

.popup-section .popup-content .popup-confirmation-button:hover { background: var(--primary); border-color: var(--primary); }

.animatable { visibility: hidden; animation-play-state: paused; }

.animated { visibility: visible; animation-fill-mode: both; animation-duration: 2s; animation-play-state: running; }

@keyframes fadeIn { 0%, 60% { opacity: 0; } 100% { opacity: 1; } }

@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }

@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } }

@keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { transform: translateX(20px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0); } }

@keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { transform: translateX(-20px); } 80% { transform: translateX(5px); } 100% { opacity: 1; transform: translateX(0); } }

@keyframes moveUp { 0% { transform: translateY(40px); } 100% { transform: translateY(0); } }

@keyframes fadeBgColor { 0%, 70% { background: none; } 100% { background: #464646; } }

.animated.animationDelay { animation-delay: 0.4s; }

.animated.animationDelayMed { animation-delay: 1.2s; }

.animated.animationDelayLong { animation-delay: 1.6s; }

.animated.fadeBgColor { animation-name: fadeBgColor; }

.animated.bounceIn { animation-name: bounceIn; }

.animated.bounceInRight { animation-name: bounceInRight; }

.animated.bounceInLeft { animation-name: bounceInLeft; }

.animated.fadeIn { animation-name: fadeIn;}

.animated.fadeInDown { animation-name: fadeInDown; }

.animated.fadeInUp { animation-name: fadeInUp; }

.animated.moveUp { animation-name: moveUp; }

/* home page styles */

.header { position: sticky; top: 0; z-index: 999; }

.header.fixed-header { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }

.header .top-header-content { padding: 10px 0; background: var(--primary); }

.header .top-header-content .row { column-gap: 12px; }

.header .top-header-content .row .initial-block { column-gap: 7px; }

.header .top-header-content .row .divider-vertical-line { width: 1px; height: 15px; background: #fff; display: block; }

.header .top-header-content .row a { color: #fff; }

.header .top-header-content .row a:hover { color: var(--secondary); }

.header .top-header-content .row a svg { width: 20px; fill: #fff; transition: fill 0.6s; }

.header .top-header-content .row a:hover svg { fill: var(--secondary); }

.header .top-header-content .row .social-networks-content { margin-left: 50px; column-gap: 3px; }

.header .top-header-content .row .social-networks-content a { display: flex; padding: 0; }

.header .mobile-menu { display: none; }

.header .desktop-menu { background: #fff; padding: 30px 0; }

.has-gray-menu .header .desktop-menu { background: #F5F5F7; }

.header .desktop-menu .row .second-column ul { column-gap: 25px; }

.header .desktop-menu .row .second-column a { font-size: 20px; font-weight: 600; color: #0E0D0D; }

.header .desktop-menu .row .second-column a:hover { color: var(--primary); }

.header .desktop-menu .row .second-column .contact-menu-item { background: var(--secondary); color: #fff; border-radius: 10px; padding: 10px 25px; }

.header .desktop-menu .row .second-column .contact-menu-item:hover { background: var(--primary); color: #fff; }

.header .desktop-menu .row .second-column .searcher-menu-item { max-width: 22px; cursor: pointer; background: none; border: none; padding: 0; display: flex; align-items: center; }

.header .desktop-menu .row .second-column li.products-has-submenu { position: relative; }

.header .desktop-menu .row .second-column li.products-has-submenu > a { display: flex; align-items: center; column-gap: 6px; }

.header .desktop-menu .row .second-column li.products-has-submenu > a > svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; transition: transform 0.3s; position: relative; top: 2px; }

.header .desktop-menu .row .second-column li.products-has-submenu:hover > a > svg { transform: rotate(180deg); }

.header .desktop-menu .row .second-column li.products-has-submenu::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 12px; }

.header .desktop-menu .row .second-column ul.products-dropdown { column-gap: 0; display: none; position: absolute; top: calc(100% + 12px); left: 0; background: #fff; min-width: 230px; box-shadow: 0 4px 12px rgb(0 0 0 / 14%); z-index: 100; }

.header .desktop-menu .row .second-column li.products-has-submenu:hover ul.products-dropdown { display: block; }

.header .desktop-menu .row .second-column .products-dropdown li { position: relative; }

.header .desktop-menu .row .second-column .products-dropdown > li > a { display: flex; align-items: center; justify-content: space-between; padding: 11px 18px; font-size: 15px; font-weight: 500; color: #0E0D0D; white-space: nowrap; border-bottom: 1px solid #f0f0f0; column-gap: 10px; }

.header .desktop-menu .row .second-column .products-dropdown > li:last-child > a { border-bottom: 0; }

.header .desktop-menu .row .second-column .products-dropdown > li > a:hover { color: #fff; background: var(--primary); }

.header .desktop-menu .row .second-column .products-dropdown > li > a > svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }

.header .desktop-menu .row .second-column ul.children-dropdown { column-gap: 0; display: none; position: absolute; top: 0; left: 100%; background: #fff; min-width: 210px; box-shadow: 4px 4px 12px rgb(0 0 0 / 14%); z-index: 101; }

.header .desktop-menu .row .second-column .products-dropdown li.has-children:hover ul.children-dropdown { display: block; }

.header .desktop-menu .row .second-column .children-dropdown li > a { display: block; padding: 12px 18px; font-size: 14px; font-weight: 400; color: #0E0D0D; white-space: nowrap; border-bottom: 1px solid #f0f0f0; }

.header .desktop-menu .row .second-column .children-dropdown li:last-child > a { border-bottom: 0; }

.header .desktop-menu .row .second-column .children-dropdown li > a:hover { color: #fff; background: var(--secondary); }

.header .desktop-menu .row .second-column .children-dropdown li.has-grandchildren > a { display: flex; align-items: center; justify-content: space-between; }

.header .desktop-menu .row .second-column .children-dropdown li.has-grandchildren > a > svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }

.header .desktop-menu .row .second-column ul.grandchildren-dropdown { column-gap: 0; display: none; position: absolute; top: 0; left: 100%; background: #fff; min-width: 210px; box-shadow: 4px 4px 12px rgb(0 0 0 / 14%); z-index: 102; }

.header .desktop-menu .row .second-column .children-dropdown li.has-grandchildren:hover ul.grandchildren-dropdown { display: block; }

.header .desktop-menu .row .second-column .grandchildren-dropdown li > a { display: block; padding: 12px 18px; font-size: 14px; font-weight: 400; color: #0E0D0D; white-space: nowrap; border-bottom: 1px solid #f0f0f0; }

.header .desktop-menu .row .second-column .grandchildren-dropdown li:last-child > a { border-bottom: 0; }

.header .desktop-menu .row .second-column .grandchildren-dropdown li > a:hover { color: #fff; background: var(--secondary); }

.home-banner-section .main-image { width: 100%; object-fit: cover; }

@media (min-width: 769px) {
    .home-banner-section .main-image { height: calc(100vh - 305px); }
}

.home-banner-slider .slider-arrow { position: absolute; top: 40%; transform: translateY(-50%); z-index: 100; width: 48px; height: 48px; border: none; border-radius: 50%; background: rgba(0, 0, 0, 0.28); backdrop-filter: blur(4px); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.25s, opacity 0.3s; opacity: 0; }

.home-banner-section:hover .home-banner-slider .slider-arrow { opacity: 1; }

.home-banner-slider .slider-arrow:hover { background: rgba(0, 0, 0, 0.55); }

.home-banner-slider .slider-arrow::before { content: ''; display: block; width: 11px; height: 11px; border-top: 2.5px solid #fff; border-right: 2.5px solid #fff; }

.home-banner-slider .slider-prev { left: 20px; }

.home-banner-slider .slider-prev::before { transform: rotate(-135deg) translate(-2px, 2px); }

.home-banner-slider .slider-next { right: 20px; }

.home-banner-slider .slider-next::before { transform: rotate(45deg) translate(-2px, 2px); }

.home-banner-section .second-slider-slide { background: #F5F5F7; }

.home-banner-section .second-slider-slide .main-image { max-width: 55%; margin: auto; object-fit: contain; }

.home-banner-section .text-content { background: var(--primary); padding: 30px 0; }

.home-banner-section .text-content h2,
.home-banner-section .text-content h3,
.home-banner-section .text-content a { color: #fff; }

.home-banner-section .text-content h2 { margin-top: 5px; }

.home-banner-section .text-content .inner-row { column-gap: 50px; }

.home-banner-section .text-content .inner-row .first-inner-column { width: 65%; }

.home-banner-section .text-content .inner-row .second-inner-column { width: 35%; }

.home-banner-section .text-content .inner-row .second-inner-column a { column-gap: 15px; border-color: #5797bb; background: #0c6ba3; width: fit-content; margin-left: auto; }

.best-brands-section { padding: 90px 0; }

.best-brands-section h2 { color: var(--primary); max-width: 800px; margin: auto; }

.best-brands-section h2 span { color: var(--secondary); }

.best-brands-section .row { margin-top: 60px; }

.best-brands-section .row img { transform: scale(0.8); }

.featured-products-section { padding: 90px 0; background: #F5F5F7; }

.featured-products-section h2 { color: var(--primary); }

.featured-products-section .row { margin-top: 30px; }

.featured-products-section .row .item .product-image { max-width: 420px; margin: auto; }

.featured-products-section .row .item .inner-row { column-gap: 50px; margin-top: 35px; }

.featured-products-section .row .item .inner-row .inner-column { width: 100%; }

.featured-products-section .row .item .inner-row .first-inner-column .button-row { margin-top: 10px; }

.featured-products-section .row .item .inner-row .first-inner-column a { background: #000; color: #fff; width: fit-content; column-gap: 15px; }

.featured-products-section .row .item .inner-row .first-inner-column a:hover { background: var(--primary); }

.featured-products-section .row .item .inner-row p { max-width: 800px; margin: auto; margin-top: 10px; margin-bottom: 20px; }

.featured-products-section .row .custom-controls { display: flex; align-items: center; justify-content: flex-end; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-right: calc((100vw - min(1200px, 80vw)) / 2); }

.featured-products-section .row .custom-controls .slick-dots { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; bottom: 0; padding: 0; }

.featured-products-section .row .custom-controls .slick-dots li:only-child { display: none; }

.featured-products-section .row .custom-controls .slick-dots li { margin: 0 2px; }

.featured-products-section .row .custom-controls .slick-dots li button::before { font-size: 12px; opacity: 1; color: #ccc; }

.featured-products-section .row .custom-controls .slick-dots li.slick-active { margin-bottom: 4px; }

.featured-products-section .row .custom-controls .slick-dots li.slick-active button { position: relative; top: -2.5px; left: -4px; }

.featured-products-section .row .custom-controls .slick-dots li.slick-active button::before { color: var(--primary); }

.featured-products-section .row .custom-controls .slick-dots li.slick-active { width: 12px; background: var(--primary); height: 40px; border-radius: 20px; position: relative; }

.find-your-distributor-section { padding: 90px 0; background: var(--primary); }

.find-your-distributor-section h2,
.find-your-distributor-section h4 { color: #fff; }

.find-your-distributor-section h4 { max-width: 600px; margin: auto; margin-top: 5px; }

.find-your-distributor-section .buttons-row { column-gap: 20px; margin-top: 30px; }

.find-your-distributor-section .buttons-row a { color: #fff; column-gap: 15px; }

.find-your-distributor-section .button-row:first-child a { border-color: #5797bb; background: #0c6ba3; }

.find-your-distributor-section .button-row:last-child a { background: var(--secondary); border-color: var(--secondary); justify-content: center; }

.find-your-distributor-section .button-row:first-child a:hover { background: var(--secondary); border-color: var(--secondary); }

.find-your-distributor-section .button-row:last-child a:hover { background: #0c6ba3; border-color: #5797bb; }

.our-services-section { padding: 90px 0; }

.our-services-section h2,
.our-services-section h3 { color: var(--primary); }

.our-services-section h4 { margin-top: 5px; }

.our-services-section .main-image { width: 100%; margin-top: 50px; }

.our-services-section .row { margin-top: 40px; column-gap: 40px; }

.our-services-section .row .column { width: calc(33.33% - 20px); display: flex; flex-direction: column; }

.our-services-section .row .column h4 { margin-top: 0; color: var(--primary); }

.our-services-section .row .column .divider-horizontal-line { height: 1px; width: 100%; display: block; background: #00639E; opacity: 0.5; margin: 20px 0; }

.our-services-section .row .column .button-row { margin-top: auto; column-gap: 12px; padding-top: 15px; }

.our-services-section .row .column a { color: var(--primary); }

.our-services-section .row .column a ~ img { transition: filter 0.6s; }

.our-services-section .row .column .button-row:hover a { color: var(--secondary); }

.our-services-section .row .column .button-row:hover a ~ img { filter: invert(56%) sepia(38%) saturate(470%) hue-rotate(55deg) brightness(95%) contrast(90%); }

.inkami-by-linko-section { padding-bottom: 80px; }

.inkami-by-linko-section h2 { color: var(--primary); }

.inkami-by-linko-section h4 { margin-top: 5px; }

.inkami-by-linko-section video,
.inkami-by-linko-section .video-poster,
.inkami-by-linko-section #yt-player { margin-top: 50px; width: 100% !important; aspect-ratio: 16 / 9; display: block; border: 0; height: auto !important; }

.inkami-by-linko-section .video-poster { object-fit: cover; }

.inkami-by-linko-section .play-icon { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); cursor: pointer; }

.inkami-by-linko-section .yt-overlay { position: absolute; top: 50px; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 2; }

.inkami-by-linko-section .yt-play-btn { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); opacity: 0; transition: opacity 0.2s; pointer-events: none; }

.inkami-by-linko-section .yt-fullscreen-btn { position: absolute; bottom: 12px; right: 12px; background: rgba(0, 0, 0, 0.55); border: none; border-radius: 4px; padding: 5px 7px; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; }

.inkami-by-linko-section .yt-fullscreen-btn:hover { background: rgba(0, 0, 0, 0.85); }

.inkami-by-linko-section .yt-fullscreen-btn svg { width: 16px; height: 16px; }

.our-solutions-section { padding: 100px 0; background: var(--primary); }

.our-solutions-section h4,
.our-solutions-section h2 { color: #fff; }

.our-solutions-section h4 { font-size: 20px; }

.our-solutions-section h2 { margin: auto; max-width: 590px; margin-top: 5px; }

.our-solutions-section .buttons-row { column-gap: 20px; margin-top: 30px; }

.our-solutions-section .buttons-row a { color: #fff; column-gap: 15px; }

.our-solutions-section .button-row:first-child a { border-color: #5797bb; background: #0c6ba3; }

.our-solutions-section .button-row:last-child a { background: var(--secondary); border-color: var(--secondary); }

.our-solutions-section .button-row:first-child a:hover { background: var(--secondary); border-color: var(--secondary); }

.our-solutions-section .button-row:last-child a:hover { background: #0c6ba3; border-color: #5797bb; }

.location-section h3 { color: var(--primary); }

.location-section iframe { width: 100%; border: 0; height: 450px; }

.contact-options-section { padding: 50px 0; background: var(--secondary); }

.contact-options-section .row .column { width: 33.33%; }

.contact-options-section .row .column .icon-content { display: flex; min-height: 80px; display: flex; justify-content: center; align-items: center; }

.contact-options-section .row .column svg { transition: color 0.6s, fill 0.6s; margin: auto; display: block; color: #fff; font-size: 50px; margin-bottom: 20px; }

.contact-options-section .row .column svg { width: 65px; height: 65px; fill: #fff; margin-bottom: 0; }

.contact-options-section .row .column:first-child svg { width: 45px; height: 45px; margin-top: 13px; margin-bottom: 12px; }

.contact-options-section .row .column p { transition: color 0.6s; display: table; margin: auto; color: #fff; font-size: 24px; margin-top: 5px; }

.contact-options-section .row .column:hover svg,
.contact-options-section .row .column:hover p { color: var(--primary); fill: var(--primary); }

.footer { padding-top: 60px; padding-bottom: 30px; background: #212121; }

.footer h4, .footer p, .footer a { color: #A4A4A4; }

.footer h4 { font-size: 18px; }

.footer .divider-horizontal-line { width: 100%; height: 1px; background: #353535; display: block; margin-top: 50px; margin-bottom: 20px; }

.footer .first-row { column-gap: 50px; }

.footer .first-row .first-column { width: 20%; }

.footer .first-row .second-column { width: 40%; }

.footer .first-row .second-column .inner-row { column-gap: 30px; }

.footer .first-row .second-column .inner-column { width: 50%; }

.footer .first-row .third-column { width: 20%; }

.footer .first-row .fourth-column { width: 20%; }

.footer .first-row .first-column p { margin-top: 20px; }

.footer .column h4 { margin-top: 5px; margin-bottom: 36px; }

.footer .column a { display: block; }

.footer a:hover { color: var(--secondary); }

.footer .first-row .fourth-column .social-networks-content { margin-top: 10px; column-gap: 3px; }

.footer .first-row .fourth-column .social-networks-content svg { width: 20px; fill: #A4A4A4; transition: fill 0.6s; }

.footer .first-row .fourth-column .social-networks-content svg:hover { fill: var(--secondary); }    

.social-icons-section { position: fixed; top: 30%; right: 0; z-index: 99; }

.social-icons-section a { display: flex; justify-content: center; width: 60px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 26px; }

.social-icons-section a:first-child { background: var(--secondary); }

.social-icons-section a:last-child { background: #087DC1; }

.social-icons-section a:hover { background: #000; }

.social-icons-section svg { fill: #fff; width: 33px; }

.searcher-section { opacity: 0; visibility: hidden; transition: opacity 0.6s ease; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0, 0, 0, 0.5); }

.searcher-section.visible { opacity: 1; visibility: visible; }

.searcher-section .searcher-content { max-width: 600px; position: absolute; width: 100%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }

.searcher-section .close-button { position: absolute; top: -65px; background: rgba(0, 0, 0, 0.7); color: #fff; min-width: 35px; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 25px; border: 1px solid #fff; border-radius: 50%; left: 50%; transform: translateX(-50%); cursor: pointer; transition: background 0.6s; padding: 0; }

.searcher-section .close-button:hover { background: #000; }

.searcher-section .close-button .bar-01 { transform: translateY(-50%) translateX(-50%) rotate(45deg); }

.searcher-section .close-button .bar { display: block; width: 23px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; }

.searcher-section .close-button .bar-02 { transform: translateY(-50%) translateX(-50%) rotate(-45deg); }

.searcher-section .searcher-content input[type="text"] { width: 100%; border-radius: 130px; padding: 18px 30px; box-sizing: border-box; color: #000; outline: none; border: 0; }

.searcher-section .searcher-content input[type="text"]::placeholder { color: #000; }

.searcher-section button { display: flex; position: absolute; right: 13px; top: 13px; background: var(--primary); color: #fff; width: 35px; height: 35px; min-width: 35px; line-height: 35px; text-align: center; border-radius: 50%; border: 1px solid var(--primary); cursor: pointer; transition: background 0.6s, border-color 0.6s; }

.searcher-section button:hover { background: var(--secondary); border-color: var(--secondary); }

.searcher-section button svg { fill: #fff; }

@media (max-width: 1380px) {
	h1 { font-size: 56px; }

	h2 { font-size: 28px; }

	h3 { font-size: 20px; }

	h4 { font-size: 16px; }

	p, a, li, span, button, input, select, textarea, th, td { font-size: 15px; }

	.header .desktop-menu .row .second-column ul { column-gap: 15px; }

    .header .desktop-menu .row .first-column img { max-width: 160px; }

    .header .desktop-menu .row .second-column a { font-size: 16px; }

    .header .desktop-menu .row .second-column .searcher-menu-item { max-width: 19px; }

    .header .desktop-menu .row .second-column .products-dropdown > li > a { font-size: 14px; }

    .home-banner-section .main-image { top: -80px; }

    .home-banner-section .second-slider-slide .main-image { max-width: 45%; }

    .home-banner-section h4 { font-size: 23px; }

    .best-brands-section h2 { max-width: 700px; }

    .featured-products-section .row .item .product-image { max-width: 340px; }

    .find-your-distributor-section h4 { max-width: 500px; }

    .our-solutions-section h2 { max-width: 480px; }

    .inkami-by-linko-section .play-icon { max-width: 96px; }

    .contact-options-section .row .column img { max-width: 45px; }

    .contact-options-section .row .column a { font-size: 20px; }

    .footer .first-row .first-column img { max-width: 170px; }

    .footer .first-row .first-column p { margin-top: 27px; }

    .popup-section .popup-content .popup-title { font-size: 32px; }
}

@media (max-width: 992px) {
	.header .desktop-menu { display: none; }

	.header .mobile-menu { padding: 30px 0; display: block; background: #fff; }

    .has-gray-menu .header .mobile-menu { background: #F5F5F7; }

    .header .mobile-menu .first-row .first-column img { max-width: 160px; }

	.header .mobile-menu .first-row .menu-burguer { cursor: pointer; display: grid; row-gap: 4px; background: none; border: none; padding: 0; }

	.header .mobile-menu .first-row .menu-burguer .bar { width: 33px; height: 4px; display: block; background: var(--primary); }

    .header .mobile-menu .second-row { height: 0; overflow: hidden; position: absolute; width: 100%; z-index: 999; margin-top: 30px; background: #F5F5F7; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); transition: height 0.3s ease; }

    .header .mobile-menu .second-row.open { border-top: 3px solid var(--primary); max-height: calc(100vh - 120px); overflow-y: auto; }

    .header .mobile-menu .second-row a { display: block; padding: 18px 35px; border-bottom: 1px solid #ddd; }

    .header .mobile-menu .second-row a:hover { background: var(--primary); border-color: var(--primary); color: #fff; }

    .header .mobile-menu .second-row li:last-child a { border-bottom: 0; }

    .header .mobile-menu .social-networs-li-item { padding: 18px 0 18px 35px; }

    .header .mobile-menu .social-networks-content { column-gap: 20px; }

    .header .mobile-menu .social-networks-content a { padding: 0; }

    .header .mobile-menu .social-networks-content a:hover { background: transparent; color: var(--primary); }

    .header .mobile-menu .social-networs-li-item svg { fill: #000; width: 20px; }

    .header .top-header-content .row .social-networks-content { display: none; }

    .header .mobile-menu .second-row li.has-submenu > .mobile-item-row { display: flex; align-items: center; border-bottom: 1px solid #ddd; }

    .header .mobile-menu .second-row li.has-submenu > .mobile-item-row > a { flex: 1; border-bottom: 0; }

    .header .mobile-menu .second-row li.has-submenu > .mobile-item-row .toggle-submenu { background: none; border: none; padding: 0 20px; cursor: pointer; display: flex; align-items: center; min-height: 57px; }

    .header .mobile-menu .second-row li.has-submenu > .mobile-item-row .toggle-submenu svg { width: 22px; fill: none; stroke: var(--primary); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s; display: block; }

    .header .mobile-menu .second-row li.has-submenu.open > .mobile-item-row .toggle-submenu svg { transform: rotate(180deg); }

    .header .mobile-menu .mobile-products-submenu { height: 0; overflow: hidden; transition: height 0.3s ease; }

    .header .mobile-menu .mobile-products-submenu > li > a { padding-left: 50px; }

    .header .mobile-menu .mobile-products-submenu > li > .mobile-item-row { display: flex; align-items: center; border-bottom: 1px solid #ddd; }

    .header .mobile-menu .mobile-products-submenu > li > .mobile-item-row > a { flex: 1; border-bottom: 0; padding-left: 50px; }

    .header .mobile-menu .mobile-products-submenu > li > .mobile-item-row .toggle-children { background: none; border: none; padding: 0 20px; cursor: pointer; display: flex; align-items: center; min-height: 57px; }

    .header .mobile-menu .mobile-products-submenu > li > .mobile-item-row .toggle-children svg { width: 22px; fill: none; stroke: var(--primary); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s; display: block; }

    .header .mobile-menu .mobile-products-submenu > li.open > .mobile-item-row .toggle-children svg { transform: rotate(180deg); }

    .header .mobile-menu .mobile-children-submenu { height: 0; overflow: hidden; transition: height 0.3s ease; }

    .header .mobile-menu .mobile-children-submenu li > a { padding-left: 65px; background: #eef3f7; }

    .header .mobile-menu .mobile-children-submenu li > a:hover { background: var(--primary); color: #fff; }

    .header .mobile-menu .mobile-products-submenu > li:last-child > a,
    .header .mobile-menu .mobile-products-submenu > li:last-child > .mobile-item-row { border-bottom: 0; }

    .header .mobile-menu .mobile-children-submenu > li.has-children > .mobile-item-row { display: flex; align-items: center; border-bottom: 1px solid #ddd; }

    .header .mobile-menu .mobile-children-submenu > li.has-children > .mobile-item-row > a { flex: 1; border-bottom: 0; padding-left: 65px; background: #eef3f7; }

    .header .mobile-menu .mobile-children-submenu > li.has-children > .mobile-item-row > a:hover { background: var(--primary); color: #fff; }

    .header .mobile-menu .mobile-children-submenu > li.has-children > .mobile-item-row .toggle-children { background: none; border: none; padding: 0 20px; cursor: pointer; display: flex; align-items: center; min-height: 57px; }

    .header .mobile-menu .mobile-children-submenu > li.has-children > .mobile-item-row .toggle-children svg { width: 22px; fill: none; stroke: var(--primary); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s; display: block; }

    .header .mobile-menu .mobile-children-submenu > li.has-children.open > .mobile-item-row .toggle-children svg { transform: rotate(180deg); }

    .header .mobile-menu .mobile-children-submenu .mobile-children-submenu li > a { padding-left: 80px; background: #dde8f0; }

    .header .mobile-menu .mobile-children-submenu .mobile-children-submenu li > a:hover { background: var(--primary); color: #fff; }

    .home-banner-section .main-image { top: 0; margin-top: 40px; margin-bottom: 70px; }

    .home-banner-slider .slider-arrow { top: 30%; }

    .home-banner-section .first-slider-slide .main-image { margin-top: 0; margin-bottom: 0; }

    .home-banner-slider .slider-arrow { opacity: 1; }

    .featured-products-section .row .custom-controls { position: relative; top: auto; transform: none; right: auto; margin-right: auto; justify-content: center; margin-top: 50px; }

    .featured-products-section .row .custom-controls .slick-dots { flex-direction: row; }

    .featured-products-section .row .custom-controls .slick-dots li.slick-active { width: 40px; height: 12px; }

    .our-services-section .row { flex-wrap: wrap; row-gap: 40px; }

    .our-services-section .row .column { width: calc(50% - 20px); }

    .contact-options-section .row { flex-wrap: wrap; row-gap: 30px; }

    .contact-options-section .row .column { width: 50%; }

    .footer .first-row { flex-wrap: wrap; row-gap: 30px; }

    .footer .first-row .column { width: 100%; text-align: center; }

    .footer .first-row .first-column img { margin: auto; }

    .footer .first-row .second-column .inner-row { justify-content: center; }

    .footer .first-row .fourth-column .social-networks-content { justify-content: center; }

    .footer .column h4 { margin-bottom: 20px; }
}

@media (max-width: 768px) {
    .header .top-header-content .row { flex-wrap: wrap; justify-content: center; }

    .header .top-header-content .row .social-networks-content { width: 100%; margin-left: 0; margin-top: 20px; justify-content: center; }

    .home-banner-section .text-content .inner-row { flex-wrap: wrap; }

    .home-banner-section .text-content .inner-row .inner-column { width: 100%; }

    .home-banner-section .text-content .inner-row .second-inner-column { margin-top: 30px; }

    .home-banner-section .text-content .inner-row .second-inner-column a { margin: initial; }

    .home-banner-section .second-slider-slide .main-image { max-width: 80%; }

    .featured-products-section .row .item .inner-row { flex-wrap: wrap; }

    .featured-products-section .row .item .inner-row .inner-column { width: 100%; text-align: center; }

    .featured-products-section .row .item .inner-row .first-inner-column a { margin: auto; }

    .featured-products-section .row .item .inner-row .second-inner-column { margin-top: 40px; }

    .our-services-section .row .column { width: 100%; }
}

@media (max-width: 575px) {
    h1 { font-size: 48px; }

    .inkami-by-linko-section video,
    .inkami-by-linko-section .video-poster,
    .inkami-by-linko-section #yt-player { min-height: 395px; }

    .featured-products-section .row .item .product-image { max-width: 100%; }

    .featured-products-section .row .item .inner-row { margin-top: 50px; }

    .contact-options-section .row .column { width: 100%; }

    .footer .first-row .second-column .inner-row { flex-wrap: wrap; }

    .footer .first-row .second-column .inner-row .inner-column { width: 100%; }

    .find-your-distributor-section .buttons-row, .our-solutions-section .buttons-row { flex-wrap: wrap; flex-direction: column; row-gap: 20px; width: fit-content; margin: auto; margin-top: 30px; text-align: center; }
}

/* end home page styles */



/* contact form page styles */

.contact-form-section { padding-top: 30px; padding-bottom: 70px; }

.contact-form-section .row { column-gap: 50px; }

.contact-form-section .row .first-column { width: 65%; }

.contact-form-section .row .first-column h2 { color: var(--primary); }

.contact-form-section .row .first-column form { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; background: #F5F5F7; padding: 40px 60px; box-sizing: border-box; }

.contact-form-section .row .first-column form .hs-form-field { width: calc(50% - 10px); }

.contact-form-section .row .first-column form .hs-fieldtype-textarea { width: 100%; }

.contact-form-section .row .first-column form label:not(.hs-error-msg) { font-size: 13px; font-weight: 600; color: var(--primary); margin-bottom: 4px; display: block; }

.contact-form-section .row .first-column form input,
.contact-form-section .row .first-column form select,
.contact-form-section .row .first-column form textarea { outline: none; color: #000; padding: 12px 0; box-sizing: border-box; width: 100%; background: transparent; border: 0; border-bottom: 1px solid #000; font-size: 14px; transition: border-color 0.3s; }

.contact-form-section .row .first-column form input:focus,
.contact-form-section .row .first-column form select:focus,
.contact-form-section .row .first-column form textarea:focus { border-bottom-color: var(--primary); }

.contact-form-section .row .first-column form textarea { resize: none; height: 100px; }

.contact-form-section .row .first-column form input::placeholder,
.contact-form-section .row .first-column form textarea::placeholder { color: #000; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox { width: 100%; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox label span:first-of-type { font-size: 14px; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox + .hs-form-field { width: 100%; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox .inputs-list { list-style: none; padding: 0; margin: 8px 0 0 0; display: flex; flex-wrap: wrap; gap: 8px; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox .inputs-list li { margin: 0; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox .inputs-list li label { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 6px 12px; cursor: pointer; transition: border-color 0.3s, background 0.3s; font-size: 13px; font-weight: 400; text-transform: none; letter-spacing: 0; color: #333; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox .inputs-list li label span { font-size: 13px; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox .hs-error-msgs { list-style: none; padding: 0; margin: 8px 0 0 0; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox .hs-error-msgs label.hs-error-msg { background: transparent; border: 0; border-radius: 0; padding: 0; color: #e53e3e; font-size: 12px; font-weight: 400; display: block; }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox .inputs-list li label:hover { border-color: var(--primary); background: rgba(0, 99, 158, 0.04); }

.contact-form-section .row .first-column form .hs-fieldtype-checkbox .inputs-list li input[type="checkbox"] { width: 16px; height: 16px; min-width: 16px; padding: 0; border-radius: 4px; accent-color: var(--primary); cursor: pointer; }

/* Select dropdown styling */
.contact-form-section .row .first-column form select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; cursor: pointer; }

.contact-form-section .row .first-column form .hs-submit { width: 100%; }

.contact-form-section .row .first-column form input[type="submit"] { width: 100%; background: var(--secondary); color: #fff; border: 0; cursor: pointer; border-radius: 10px; padding: 13px 25px; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; transition: background 0.6s, transform 0.2s; }

.contact-form-section .row .first-column form input[type="submit"]:hover { background: var(--primary); transform: translateY(-1px); }

.contact-form-section .row .first-column form input[type="submit"]:active { transform: translateY(0); }

.contact-form-section .row .first-column form .hs-error-msg,
.contact-form-section .row .first-column form .hs-main-font-element { color: #e53e3e; margin-top: 5px; display: block; font-size: 12px; }

.submitted-message { margin-top: 20px; }

.contact-form-section .row .second-column { width: 35%; margin-top: 64px; }

.contact-form-section .row .second-column h4 { color: var(--primary); }

.contact-form-section .row .second-column .inner-row { margin-top: 20px; column-gap: 15px; align-items: flex-start; }

.contact-form-section .row .second-column .inner-row img { position: relative; top: 2px; }

.contact-form-section .row .second-column .third-inner-row img { top: 4px; }

.contact-form-section .row .second-column .fourth-inner-row img { top: 4px; }

.contact-form-section .row .second-column .inner-row a:hover { color: var(--primary); }

.contact-form-section .row .second-column .fourth-inner-row ul { column-gap: 5px; margin-top: 5px; margin-left: -3px; }

.contact-form-section .row .second-column .fourth-inner-row ul a:hover { color: var(--secondary); }

.contact-form-section .row .second-column .fourth-inner-row ul a svg { transition: fill 0.6s; width: 20px; fill: #000; }

.contact-form-section .row .second-column .fourth-inner-row ul a svg:hover { fill: var(--secondary); }

@media (max-width: 1380px) {
	.contact-form-section .row .second-column { margin-top: 56px; }
}

@media (max-width: 992px) {
    .contact-form-section .row { flex-wrap: wrap; }

    .contact-form-section .row .column { width: 100%; }

    .contact-form-section .row .second-column { margin-top: 40px; }
}

@media (max-width: 575px) {
    .contact-form-section .row .first-column form { padding: 24px 20px; }

    .contact-form-section .row .first-column form .form-group { flex-wrap: wrap; row-gap: 20px; }

    .contact-form-section .row .first-column form .form-group input { width: 100%; }

    .contact-form-section .row .first-column form .hs-form-field { width: 100%; }

    .contact-form-section .row .first-column form .hs-fieldtype-checkbox .inputs-list { flex-direction: column; }
}

/* end contact form page styles */



/* about us page styles */

.about-us-section { background: #F5F5F7; padding-top: 15px; padding-bottom: 70px; }

.about-us-section .row { column-gap: 50px; }

.about-us-section .row .column { width: 50%; }

.about-us-section .row .first-column h2 { color: var(--primary); }

.about-us-section .row .first-column h4 { margin-top: 20px; }

.about-us-section .row .first-column p { margin-top: 20px; }

.about-us-section .row .first-column ul { margin-top: 20px; display: grid; row-gap: 10px; }

.about-us-section .row .first-column ul li { column-gap: 10px; line-height: 1.3; }

.about-us-section .row .first-column a { width: fit-content; margin-top: 30px; background: var(--secondary); border-color: var(--secondary); color: #fff; column-gap: 15px; }

.about-us-section .row .first-column a:hover { background: var(--primary); border-color: var(--primary); }

.about-us-section .row .second-column img { width: 100%; min-height: 500px; object-fit: cover; }

.company-phrase-section { padding: 70px 0 }

.company-phrase-section .row { max-width: 920px; margin: auto; }

.company-phrase-section .row h2 { color: var(--primary); }

.company-phrase-section .row h2 span { color: var(--secondary); }

.official-representatives-section { background: #F5F5F7; padding: 70px 0; }

.official-representatives-section h2 { color: var(--primary); }

.official-representatives-section h4 { max-width: 760px; margin: auto; margin-top: 10px; }

.official-representatives-section .konica-minolta-logo { margin: auto; margin-top: 10px; }

.official-representatives-section .row { column-gap: 20px; margin-top: 40px; }

.official-representatives-section .row .column { border-radius: 10px; width: 50%; background: #fff; padding: 50px; box-sizing: border-box; display: flex; align-items: center; }

.official-representatives-section .row .column img { width: 100%; margin: auto; }

.official-representatives-section a { width: fit-content; margin: auto; margin-top: 50px; background: #000; border-color: #000; color: #fff; column-gap: 15px; }

.official-representatives-section a:hover { background: var(--primary); border-color: var(--primary); }

@media (max-width: 1380px) {
    .company-phrase-section .row { max-width: 730px; }

    .official-representatives-section h4 { max-width: 640px; }

    .official-representatives-section .konica-minolta-logo { max-width: 160px; }
}

@media (max-width: 992px) {
    .about-us-section .row { flex-wrap: wrap; }

    .about-us-section .row .column { width: 100%; text-align: center; }

    .about-us-section .row .first-column ul li { justify-content: center; }

    .about-us-section .row .first-column a { margin: auto; margin-top: 30px; }

    .about-us-section .row .second-column { margin-top: 40px; }

    .about-us-section .row .second-column img { min-height: auto; }
}

@media (max-width: 768px) {
    .official-representatives-section .row { flex-wrap: wrap; row-gap: 20px; }

    .official-representatives-section .row .column { width: 100%; }
}

/* end about us page styles */



/* distributors page styles */

.distributors-list-section { padding-top: 30px; padding-bottom: 70px; }

.distributors-list-section h2 { color: var(--primary); max-width: 550px; margin: auto; }

.distributors-list-section .family-title { margin-top: 10px; }

.distributors-list-section .family-main-content { margin-top: 40px; }

.distributors-list-section .family-main-content .first-row .second-column p { color: var(--primary); text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }

.distributors-list-section .family-main-content .second-row { gap: 20px; margin-top: 40px; }

.distributors-list-section .family-main-content .second-row .column { width: calc(25% - 15px); display: flex; flex-direction: column; }

.distributors-list-section .family-main-content .second-row .column .brand-content { background: #F5F5F7; padding: 20px; box-sizing: border-box; flex: 1; }

.distributors-list-section .family-main-content .second-row .column .image-content input[type="checkbox"] { position: absolute; top: 15px; left: 15px; width: 20px; height: 20px; }

.distributors-list-section .family-main-content .third-row { margin-top: 40px; }

.distributors-list-section .family-main-content .third-row .form-group { column-gap: 20px; }

.distributors-list-section .family-main-content .third-row form input { outline: none; color: #000; padding: 12px 0; box-sizing: border-box; width: 100%; background: transparent; border: 0; border-bottom: 1px solid #000; }

.distributors-list-section .family-main-content .third-row form input::placeholder { color: #000; }

.distributors-list-section .family-main-content .third-row form input,
.distributors-list-section .family-main-content .third-row form button { width: 33.33%; }

.distributors-list-section .family-main-content .third-row form button { background: #000; color: #fff; column-gap: 8px; justify-content: center; }

.distributors-list-section .family-main-content .third-row form button:disabled { opacity: 0.4; cursor: not-allowed; }

.distributors-list-section .distributors-list-main-content { display: none; }

.distributors-list-section .distributors-list-main-content .back-to-categories-row { margin-top: 40px; }

.distributors-list-section .distributors-list-main-content .row { margin-top: 30px; column-gap: 20px; }

.distributors-list-section .distributors-list-main-content .row .first-column { width: 35%; }

.distributors-list-section .distributors-list-main-content .row .second-column { width: 65%; }

.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content input,
.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content select,
.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content button { display: block; width: 100%; padding: 13px 0; box-sizing: border-box; outline: none; }

.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content input,
.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content select { border: 0; border-bottom: 1px solid #000; color: #000; }

.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content input::placeholder { color: #000; }

.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content input { margin-top: 20px; }

.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content select { margin-top: 5px; }

.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content button { padding: 7px 25px; box-sizing: border-box; cursor: pointer; background: var(--primary); color: #fff; border-radius: 10px; border: 0; margin-top: 20px; }

.distributors-list-section .distributors-list-main-content .row .first-column .filtration-tools-content button:hover { background: var(--secondary); }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content { margin-top: 30px; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributors-list-limiter { margin-top: 12px; display: grid; row-gap: 20px; max-height: 670px; overflow-y: auto; padding: 10px 10px 10px 10px; margin-left: -10px; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributors-list-limiter::-webkit-scrollbar { width: 5px; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributors-list-limiter::-webkit-scrollbar-track { background: #ccc; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributors-list-limiter::-webkit-scrollbar-thumb { background-color: var(--secondary); }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block { background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 15%); --webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 15%); padding: 20px; box-sizing: border-box; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .distributor-name { color: var(--primary); font-size: 18px; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .divider-horizontal-line { background: var(--primary); display: block; width: 100%; height: 1px; margin-top: 5px; margin-bottom: 17px; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .distributor-address { column-gap: 8px; align-items: flex-start; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .distributor-address img { max-width: 18px; position: relative; top: 2px; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .distributor-phone-numbers { column-gap: 8px; align-items: flex-start; margin-top: 10px; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .distributor-phone-numbers img { max-width: 19px; position: relative; top: 2px; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .distributor-phone-numbers span { margin: 0 5px; display: inline-block; }

.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .distributor-phone-numbers a:hover { color: var(--primary); }

.distributors-list-section .distributors-list-main-content .row .first-column .visit-distributor-website-link { color: var(--primary); display: table; margin-top: 10px; margin-left: 27px; text-decoration: underline; text-underline-offset: 7px; }

.distributors-list-section .distributors-list-main-content .row .second-column #map { width: 100%; height: 982px; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw { background: var(--primary); padding: 20px !important; border-radius: 0 !important }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw-d { overflow: auto !important; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw-chr { display: none; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw p,
.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw a { color: #fff; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw span { display: inline-block; margin: 0 5px; color: #fff; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw img { filter: brightness(0) invert(1); }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw .distributor-address img { max-width: 18px; position: relative; top: 2px; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw .distributor-phone-numbers img { max-width: 19px; position: relative; top: 2px; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw .distributor-address,
.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw .distributor-phone-numbers { align-items: flex-start; column-gap: 8px; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw .distributor-phone-numbers { margin-top: 10px; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw .visit-distributor-website-link { display: table; margin-top: 10px; margin-left: 27px; text-decoration: underline; text-underline-offset: 7px; height: 28px; }

.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style .gm-style-iw-tc::after { background: var(--primary); }

.want-to-become-distributor-section { background: #F5F5F7; }

.want-to-become-distributor-section .row .first-column { width: 60%; }

.want-to-become-distributor-section .row .first-column .column-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); margin-right: 60px; }

.want-to-become-distributor-section .row .first-column h2 { color: var(--primary); }

.want-to-become-distributor-section .row .first-column h4 { max-width: 750px; margin-top: 10px; }

.want-to-become-distributor-section .row .first-column form { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; }

.want-to-become-distributor-section .row .first-column form .form-group { column-gap: 20px; }

.want-to-become-distributor-section .row .first-column form input,
.want-to-become-distributor-section .row .first-column form textarea { width: 100%; border: 0; border-bottom: 1px solid #000; outline: none; background: transparent; padding: 12px 0; box-sizing: border-box; }

.want-to-become-distributor-section .row .first-column form input::placeholder,
.want-to-become-distributor-section .row .first-column form textarea::placeholder { color: #000; }

.want-to-become-distributor-section .row .first-column form textarea { resize: none; height: 90px; }

.want-to-become-distributor-section .row .first-column form button { width: 100%; background: var(--secondary); color: #fff; margin-top: 10px; column-gap: 15px; }

.want-to-become-distributor-section .row .first-column form .hs-form-field { width: calc(50% - 10px); }

.want-to-become-distributor-section .row .first-column form .hs-fieldtype-textarea { width: 100%; }

.want-to-become-distributor-section .row .first-column form .hs-submit { width: 100%; }

.want-to-become-distributor-section .row .first-column form input[type="submit"] { width: 100%; background: var(--secondary); color: #fff; border: 0; cursor: pointer; border-radius: 10px; padding: 9px 25px; transition: background 0.6s; }

.want-to-become-distributor-section .row .first-column form input[type="submit"]:hover { background: var(--primary); }

.want-to-become-distributor-section .row .first-column form .hs-error-msg,
.want-to-become-distributor-section .row .first-column form .hs-main-font-element { color: #ff0000; margin-top: 5px; display: block; }

.want-to-become-distributor-section .row .second-column { width: 40%; }

.want-to-become-distributor-section .row .second-column img { width: 100%; max-height: 770px; min-height: 530px; object-fit: cover; }

.faqs-section { background: var(--primary); padding: 70px 0; }

.faqs-section h2 { color: #fff; }

.faqs-section .row { column-gap: 40px; margin-top: 50px; align-items: flex-start; }

.faqs-section .row .column { display: grid; row-gap: 30px; width: calc(50% - 20px); }

.faqs-section .row .tab-content { border-bottom: 1px solid #fff; }

.faqs-section .row .tab-content .tab-header { column-gap: 20px; cursor: pointer; padding-bottom: 20px; }

.faqs-section .row .tab-content h4 { font-size: 20px; }

.faqs-section .row .tab-content svg { fill: #fff; width: 20px; }

.faqs-section .row .tab-content h4,
.faqs-section .row .tab-content p { color: #fff; }

.faqs-section .row .tab-content .tab-body p { padding-bottom: 20px; }

.faqs-section .tab-content .tab-body { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }

.faqs-section .tab-content svg { transition: transform .3s ease; }

.faqs-section .tab-content.active svg { transform: rotate(45deg); }

.expand-your-business-section { background: #F5F5F7; padding: 70px 0; }

.expand-your-business-section h2 { color: var(--primary); }

.expand-your-business-section h4 { margin-top: 15px; }

.expand-your-business-section a { column-gap: 15px; justify-content: center; background: #000; color: #fff; width: fit-content; margin: auto; margin-top: 20px; }

@media (max-width: 1380px) {
	.distributors-list-section h2 { max-width: 430px; }

	.distributors-list-section .distributors-list-main-content .row .first-column .distributors-list-content .distributor-information-block .distributor-name { font-size: 16px; }

	.distributors-list-section .distributors-list-main-content .row .second-column #map { height: 965px; }

	.want-to-become-distributor-section .row .first-column h4 { max-width: 545px; }

	.want-to-become-distributor-section .row .second-column img { height: 800px; min-height: 800px; max-height: auto; }

	.faqs-section .row .tab-content h4 { font-size: 16px; }
}

@media (max-width: 992px) {
    .distributors-list-section .family-main-content .second-row .column { width: calc(50% - 10px); }

    .distributors-list-section .distributors-list-main-content .row { flex-wrap: wrap; }

    .distributors-list-section .distributors-list-main-content .row .column { width: 100%; }

    .distributors-list-section .distributors-list-main-content .row .second-column { margin-top: 40px; }

    .distributors-list-section .distributors-list-main-content .row .second-column #map { height: 500px; }

    .want-to-become-distributor-section .row { flex-wrap: wrap; }

    .want-to-become-distributor-section .row .column { width: 100%; text-align: center; }

    .want-to-become-distributor-section .row .first-column .column-content { padding: 70px 0; }

    .want-to-become-distributor-section .row .first-column h4 { margin: auto; margin-top: 10px; }

    .want-to-become-distributor-section .row .second-column img { height: 500px; min-height: auto; }

    .want-to-become-distributor-section .row .first-column form .hs-error-msg, .want-to-become-distributor-section .row .first-column form .hs-main-font-element { text-align: left; }

    .faqs-section .row .column { width: 100%; }

    .faqs-section .row .second-column { margin-top: 20px; }
}

@media (max-width: 768px) {
	.distributors-list-section .family-main-content .second-row .column { width: 100%; }

	.distributors-list-section .distributors-list-main-content .row .second-column #map { height: 400px; }

	.want-to-become-distributor-section .row .first-column form .form-group { flex-wrap: wrap; row-gap: 20px; }

	.want-to-become-distributor-section .row .first-column form input { width: 100%; }

	.distributors-list-section .family-main-content .third-row .form-group { flex-wrap: wrap; row-gap: 20px; }

	.distributors-list-section .family-main-content .third-row form input, .distributors-list-section .family-main-content .third-row form button { width: 100%; }
}

@media (max-width: 575px) {
	.want-to-become-distributor-section .row .first-column form .hs-form-field { width: 100%; }
}

@media (max-width: 480px) {
	.distributors-list-section .distributors-list-main-content .row .second-column #map .gm-style-iw { min-width: 270px !important }
}

/* end distributors page styles */



/* products page styles */

.breadcrumb-section { padding-bottom: 30px; }

.breadcrumb-section .row { column-gap: 5px; }

.breadcrumb-section .row svg { width: 15px; position: relative; top: 1.5px; }

.breadcrumb-section .row a:hover,
.breadcrumb-section .row p { color: var(--primary); }

.products-list-section { padding-bottom: 70px; }

.products-list-section .title { font-size: 45px; color: var(--primary); }

.products-list-section .subtitle { margin-top: 10px; color: #212121; }

.products-list-section .row { margin-top: 70px; column-gap: 30px; }

.products-list-section .row .first-column { width: 35%; }

.products-list-section .row .first-column .toggleable-container { display: grid; row-gap: 20px; margin-top: 40px; }

.products-list-section .row .first-column .toggleable-container .toggleable-content { border-bottom: 1px solid #000; padding-bottom: 15px; }

.products-list-section .row .first-column .toggleable-container .toggleable-header { cursor: pointer; padding: 0 15px; column-gap: 10px; }

.products-list-section .row .first-column .toggleable-container .toggleable-header svg { transition: transform 0.3s ease; width: 15px; position: relative; top: 3px; }

.products-list-section .row .first-column .toggleable-container .toggleable-header.active svg { transform: rotate(90deg); }

.products-list-section .row .first-column .toggleable-container .toggleable-header.active p { font-weight: bold; }

.products-list-section .row .first-column .toggleable-container .toggleable-body { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }

.products-list-section .row .first-column .toggleable-container .toggleable-body a { display: block; width: 100%; padding: 6px 30px; }

.products-list-section .row .first-column .toggleable-container .toggleable-body a:first-child { padding-top: 16px; }

.products-list-section .row .first-column .toggleable-container .toggleable-body a:hover { color: var(--primary); }

.products-list-section .row .first-column .toggleable-body > .toggleable-content { border-bottom: 0; padding-bottom: 0; }

.products-list-section .row .first-column .toggleable-body > .toggleable-content:not(:first-child) .toggleable-header a { padding-top: 0; }

.products-list-section .row .first-column .toggleable-body > .toggleable-content:first-child .toggleable-header svg { top: 12px; }

.products-list-section .row .first-column .toggleable-body .toggleable-header { padding: 6px 15px 6px 30px; }

.products-list-section .row .first-column .toggleable-body .toggleable-header a { padding: 0; }

.products-list-section .row .first-column .toggleable-body .toggleable-body a { padding-left: 45px; }

.products-list-section .row .first-column .toggleable-body .toggleable-body a:first-child { padding-top: 6px; }

.products-list-section .row .second-column { width: 65%; }

.products-list-section .row .second-column .first-inner-row .selector-filter { column-gap: 5px; }

.products-list-section .row .second-column .first-inner-row .selector-filter select { border: 0; font-weight: bold; outline: none; }

.products-list-section .row .second-column .second-inner-row { margin-top: 50px; gap: 20px; }

.products-list-section .row .second-column .second-inner-row .inner-column { background: #F5F5F7; width: calc(33.33% - 14px); }

.products-list-section .row .second-column .second-inner-row .inner-column figure { overflow: hidden; margin: 0; padding: 10px; box-sizing: border-box; }

.products-list-section .row .second-column .second-inner-row .inner-column img { width: 100%; transition: transform 0.6s; }

.products-list-section .row .second-column .second-inner-row .inner-column:hover img { transform: scale(1.1); }

.products-list-section .row .second-column .second-inner-row .inner-column .text-content { transition: background 0.6s; background: #000; padding: 10px; box-sizing: border-box; }

.products-list-section .row .second-column .second-inner-row .inner-column:hover .text-content { background: var(--primary); }

.products-list-section .row .second-column .second-inner-row .inner-column .text-content h4,
.products-list-section .row .second-column .second-inner-row .inner-column .text-content p { color: #fff; }

@media (max-width: 1380px) {
	.products-list-section .title { font-size: 36px; }
}

@media (max-width: 1200px) {
	.products-list-section .row .second-column .second-inner-row .inner-column { width: calc(50% - 10px); }
}

@media (max-width: 992px) {
	.products-list-section .row { flex-wrap: wrap; }

	.products-list-section .row .column { width: 100%; }

	.products-list-section .row .second-column { margin-top: 40px; }
}

@media (max-width: 575px) {
	.products-list-section .row .second-column .first-inner-row { flex-wrap: wrap; }

    .products-list-section .row .second-column .first-inner-row .selector-filter { width: 100%; margin-top: 5px; }

	.products-list-section .row .second-column .second-inner-row .inner-column { width: 100%; }
}

/* end products page styles */



/* product details page styles */

.breadcrumb-section ~ .product-images-section { margin-top: 30px; }

.product-images-section { padding: 70px 0; }

.product-images-section .title { color: var(--primary); font-size: 45px; }

.product-images-section .subtitle { margin-top: 10px; font-size: 20px; }

.product-images-section .product-images-slider { margin-top: 30px; }

.product-images-section .product-images-slider img { width: 100%; max-width: 500px; margin: auto; }

.product-images-section .custom-controls { margin-top: 30px; }

.product-information-section { padding: 70px 0; background: #F5F5F7; }

.product-information-section .row { column-gap: 50px; }

.product-information-section .row .column { width: 50%; }

.product-information-section .row .first-column .description { margin-top: 20px; }

.product-information-section .row .first-column h2 { font-size: 35px; color: var(--primary); }

.product-information-section .row .first-column ul { padding-left: 20px; margin-top: 20px; }

.product-information-section .row .first-column li { list-style: initial; margin-top: 10px; }

.product-information-section .row .first-column li:first-chil { margin-top: 0; }

.product-information-section .row .first-column .buttons-group { margin-top: 30px; column-gap: 20px; }

.product-information-section .row .first-column .buttons-group a { color: #fff; }

.product-information-section .row .first-column .buttons-group a:first-child { background: var(--secondary); }

.product-information-section .row .first-column .buttons-group a:last-child { background: #000; }

.product-information-section .row .first-column .buttons-group a:first-child:hover { background: #000; }

.product-information-section .row .first-column .buttons-group a:last-child:hover { background: var(--secondary); }

.product-information-section .row .second-column .image-container { background: #F5F5F7; }

.product-information-section .row .second-column img { width: 100%; }

.product-functionality-section { padding-top: 70px; overflow: hidden; }

.product-functionality-section h2 { color: var(--primary); font-size: 35px; }

.product-functionality-section .row  { margin-top: 40px; background: #F5F5F7; }

.product-functionality-section .row .first-column { flex: 0 0 40%; }

.product-functionality-section .row .second-column { flex: 0 0 60%; }

.product-functionality-section .row .first-column .column-content { background: var(--primary); padding-left: calc((100vw - min(1200px, 80vw)) / 2); padding-right: 70px; padding-top: 50px; padding-bottom: 50px; }

.product-functionality-section .row .first-column .column-content .tabs-container { width: 360px; }

.product-functionality-section .row .first-column .column-content .tab-header { cursor: pointer; padding: 20px 0; border-bottom: 1px solid #fff; }

.product-functionality-section .row .first-column .column-content .tab-content:last-child .tab-header { border-bottom: 0; }

.product-functionality-section .row .first-column .column-content h3 { color: #fff; font-size: 28px; }

.product-functionality-section .row .first-column .column-content svg { fill: #fff; width: 20px; }

.product-functionality-section .row .second-column .column-content { padding-right: calc((100vw - min(1200px, 80vw)) / 2); padding-left: 70px; padding-top: 50px; padding-bottom: 50px; max-width: 600px; }

.product-functionality-section .row .second-column .text-content { margin-top: 20px; }

.product-functionality-section .row .second-column .text-content:first-child { margin-top: 0; }

.product-functionality-section .row .second-column .text-content { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; position: absolute; }

.product-functionality-section .row .second-column .text-content.active { opacity: 1; visibility: visible; position: relative; }

.product-functionality-section .row .tab-content.active { font-weight: bold; }

.product-features-section { padding: 70px 0; }

.product-features-section h2 { color: var(--primary); font-size: 35px; }

.product-features-section .row { align-items: flex-start; margin-top: 30px; column-gap: 50px; }

.product-features-section .row .column { width: 50%; }

.product-features-section .row .column .tab-content { border-bottom: 1px solid #000; padding: 20px 0; }

.product-features-section .row .column .tab-header { cursor: pointer; }

.product-features-section .row .column .tab-header h4 { font-size: 20px; }

.product-features-section .row .column .tab-header svg { width: 20px; }

.product-features-section .row .column .tab-body { height: 0; overflow: hidden; transition: height 0.3s ease, margin-top 0.3s ease; }

.product-features-section .row .column .tab-content.active .tab-body { margin-top: 15px; }

.product-features-section .row .column .tab-content.active svg { transform: rotate(45deg); transition: transform 0.3s ease; }

.product-compatiblesubstrates-section { padding: 70px 0; background: var(--primary); }

.product-compatiblesubstrates-section h2 { color: #fff; font-size: 35px; }

.product-compatiblesubstrates-section .responsive-table { margin-top: 40px; }

.product-compatiblesubstrates-section table { border-collapse: collapse; width: 100%; max-width: 80%; margin: auto; }

.product-compatiblesubstrates-section table th,
.product-compatiblesubstrates-section table td,
.product-compatiblesubstrates-section table p { color: #fff; text-align: left; }

.product-compatiblesubstrates-section table th,
.product-compatiblesubstrates-section table td { padding: 15px 20px; }

.product-compatiblesubstrates-section table tr { border-bottom: 1px solid #fff; }

.product-compatiblesubstrates-section table td div { gap: 10px; }

.product-compatiblesubstrates-section table td div p { border: 1px solid #fff; padding: 3px; min-width: 60px; text-align: center; width: fit-content; height: 25px; border-radius: 100px; }

.product-video-section { padding: 70px 0; }

.youtube-video-content iframe { width: 100%; height: 500px; }

.product-video-section video { margin-top: 0; }

.product-catalog-section { padding: 70px 0; background: #F5F5F7; }

.product-catalog-section .row { column-gap: 50px; }

.product-catalog-section .row .column { width: 50%; }

.product-catalog-section .row .first-column h2 { color: var(--primary); font-size: 35px; }

.product-catalog-section .row .first-column p { margin-top: 20px; }

.product-catalog-section .row .first-column a { background: #000; color: #fff; margin-top: 30px; display: table; }

.product-catalog-section .row .second-column img { margin: auto; }

.more-information-about-product-section { padding-bottom: 70px; }

.more-information-about-product-section h2 { color: var(--primary); font-size: 35px; }

.more-information-about-product-section .row { margin-top: 40px; column-gap: 20px; }

.more-information-about-product-section .row .column { width: 25%; }

.more-information-about-product-section .row .column img { width: 100%; }

.more-information-about-product-section .row .column p { margin-top: 20px; }

.more-information-about-product-section .row .column a { color: var(--primary); column-gap: 10px; margin-top: 20px; }

.more-information-about-product-section .row .column svg { width: 20px; fill: var(--primary); transition: fill 0.6s; }

.more-information-about-product-section .row .column a:hover { color: var(--secondary); }

.more-information-about-product-section .row .column a:hover svg { fill: var(--secondary); }

.catalog-description { font-family: 'Noto Sans'; font-weight: 400; font-size: 16px; line-height: 1.5; color: #212121; white-space: break-spaces; margin-top: 20px; }

@media (max-width: 1380px) {
	.product-images-section .title { font-size: 36px; }

	.product-images-section .subtitle { font-size: 16px; }

	.product-information-section .row .first-column h2,
	.product-functionality-section h2,
	.product-features-section h2,
	.product-compatiblesubstrates-section h2,
	.product-catalog-section .row .first-column h2,
	.more-information-about-product-section h2 { font-size: 28px; }

	.product-functionality-section .row .first-column .column-content h3 { font-size: 22px; }

	.product-functionality-section .row .second-column .column-content { max-width: 450px; }

	.product-features-section .row .column .tab-header h4 { font-size: 16px; }
}

@media (max-width: 1200px) {
	.product-functionality-section .row .second-column .column-content { max-width: 350px; }
}

@media (max-width: 1100px) {
	.product-information-section .row .first-column .buttons-group { flex-direction: column; row-gap: 20px; text-align: center; }

	.product-information-section .row .first-column .buttons-group a { max-width: 190px; }

	.product-functionality-section .row .second-column .column-content { max-width: 300px; }
}

@media (max-width: 992px) {
	.product-information-section .row { flex-wrap: wrap; }

	.product-information-section .row .column { width: 100%; }

    .product-information-section .row .first-column h2 { text-align: center; }

	.product-information-section .row .second-column { margin-top: 40px; }

	.product-information-section .row .first-column .buttons-group { flex-direction: row; justify-content: center; }

	.product-functionality-section .row { flex-wrap: wrap; }

	.product-functionality-section .row .column { width: 100%; flex: 0 0 100%; }

	.product-functionality-section .row .first-column .column-content { padding: 50px 0; }

	.product-functionality-section .row .first-column .column-content .tabs-container { width: 100%; max-width: 80%; margin: auto; }

	.product-functionality-section .row .second-column .column-content { padding: 70px 0; max-width: 80%; margin: auto; }

	.product-features-section .row { flex-wrap: wrap; }

	.product-features-section .row .column { width: 100%; }

	.product-compatiblesubstrates-section table { max-width: 100%; }

	.responsive-table { width: 100%; overflow-x: auto; }

    .responsive-table table { width: 768px; max-width: 992px; }

    .product-catalog-section .row { flex-wrap: wrap; }

    .product-catalog-section .row .column { width: 100%; text-align: center; }

    .product-catalog-section .row .first-column a { margin: auto; margin-top: 30px; }

    .product-catalog-section .row .second-column { margin-top: 40px; }

    .more-information-about-product-section .row { flex-wrap: wrap; row-gap: 20px; }

    .more-information-about-product-section .row .column { width: calc(50% - 10px); }

    .youtube-video-content iframe { height: 400px; }
}

@media (max-width: 768px) {
	.youtube-video-content iframe { height: 320px; }
}

@media (max-width: 575px) {
    .product-information-section .row .first-column .buttons-group { flex-direction: column; }

    .product-information-section .row .first-column .buttons-group a { margin: auto; min-width: 190px; }

    .product-catalog-section .row .second-column img { width: 100%; }

    .more-information-about-product-section .row { row-gap: 40px; }

    .more-information-about-product-section .row .column { width: 100%; }
}

/* end product details page styles */



/* extra general styles */

.slider { position: relative; overflow: hidden; }

.slider-track { display: flex; transition: transform 0.6s ease; }

.slider-slide { flex: 0 0 100%; }

.slider-dots { display: flex; gap: 10px; }

.product-images-slider .slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 44px; height: 44px; border: none; border-radius: 50%; background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(4px); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.25s, transform 0.25s; }

.product-images-slider .slider-arrow:hover { background: rgba(0, 0, 0, 0.65); transform: translateY(-50%) scale(1.08); }

.product-images-slider .slider-arrow::before { content: ''; display: block; width: 10px; height: 10px; border-top: 2.5px solid #fff; border-right: 2.5px solid #fff; }

.product-images-slider .slider-prev { left: 14px; }

.product-images-slider .slider-prev::before { transform: rotate(-135deg) translate(-2px, 2px); }

.product-images-slider .slider-next { right: 14px; }

.product-images-slider .slider-next::before { transform: rotate(45deg) translate(-2px, 2px); }

.custom-dots { display: flex; justify-content: center; gap: 10px; position: relative; z-index: 99; }

.custom-dots .dot { width: 12px; height: 12px; border-radius: 50%; background: #ccc; border: none; cursor: pointer; }

.custom-dots .dot.active { background: var(--primary); width: 40px; border-radius: 10px; }

.custom-dots .dot:only-child { display: none; }

.featured-products-section .custom-dots { flex-direction: column; }

.featured-products-section .custom-dots .dot.active { width: 12px; height: 40px; }

.best-brands-marquee { overflow: hidden; position: relative; width: 100%; margin-top: 50px; }

.marquee-track { display: flex; width: max-content; animation: marquee 25s linear infinite; }

.marquee-item { flex: 0 0 auto; margin-right: 30px; display: flex; align-items: center; }

.marquee-item img { max-height: 80px; display: block; transform: scale(0.8); filter: grayscale(100%); }

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media (max-width: 1200px) {
    .marquee-item img { max-height: 70px; }
}

@media (max-width: 992px) {
    .marquee-item img { max-height: 60px; }

    .featured-products-section .custom-dots { flex-direction: row; }

    .featured-products-section .custom-dots .dot.active { width: 40px; height: 12px; }
}

@media (max-width: 768px) {
    .marquee-item img { max-height: 50px; }
}

@media (max-width: 575px) {
    .marquee-item img { max-height: 40px; }
}

/* end extra general styles */