/* Theme Name: CM2W Landing Theme Theme URI: https://github.com/elementor/hello-theme-child/ Description: CM2W Landing Theme. This theme is Child Theme based on master Theme Hello Elementor. Author: CM2W Team Author URI: cm2w.net Template: hello-elementor Version: 2.0.0 Text Domain: cm2w License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* ### TEMP for webtest ### */ .elementor-widget-theme-site-logo { position: relative; } .elementor-widget-theme-site-logo::after { content: "webtest"; display: block; position: absolute; top: 0; left: 100%; color: #b36060; padding-left: 20px; font-size: 1.2rem; text-transform: uppercase; line-height: 1.4; white-space: nowrap; } /* Add your custom styles here */ html { background-color: #000; /* scroll-behavior: smooth; */ /*causes bugs when anchor "scroll to" used in the platform causes popups at the and of the page to trigger strange scrolling behavior*/ } /****************** enable scroll snap behavior >> */ /*@media screen and (min-width: 1026px) { html { scroll-snap-type: y mandatory; scroll-behavior: smooth; } .st-section, .snap-section, .elementor-location-footer { scroll-snap-align: start; scroll-snap-stop: normal; } .st-text-section { scroll-snap-align: center; } }*/ /***************** enable scroll snap behavior << */ .elementor-location-footer { scroll-margin-top: 100px; } /*fixes*/ .dialog-prevent-scroll { max-height: none; /* fix to not shrink the body and bring back the body bgr */ } /* elementor-lightbox for video popup */ .elementor-lightbox .dialog-lightbox-close-button { --lightbox-header-icons-size: 20px; right: 1.2em; margin-top: 6vh; padding: .7em; background-color: #212121; box-shadow: 0 0 3px 1px rgba(255,255,255, 0.01), 0 0 60px 60px #000; border-radius: 100px; } .elementor-lightbox .dialog-lightbox-close-button:hover { transform: scale(110%); background-color: #484848; color: #fff; box-shadow: 0 0 40px 0px rgba(255,255,255, 0.3), 0 0 60px 60px #000; } /* contact form elementor reCAPTCHA badge */ .elementor-g-recaptcha { transform: scale(0.7); transform-origin: top left; } /* ########################## PRODUCT CATALOG SPECIFIC >> ########################## */ /* taxonomy filter control styles fixes */ .taxonomy-filter-wrap button:hover, .taxonomy-filter-wrap button:focus, .taxonomy-filter-wrap input[type="button"]:hover, .taxonomy-filter-wrap input[type="button"]:focus, .taxonomy-filter-wrap input[type="submit"]:hover, .taxonomy-filter-wrap input[type="submit"]:focus, .taxonomy-filter-wrap .elementor-button:hover, .taxonomy-filter-wrap .elementor-button:focus { background-color: inherit; color: var(--e-filter-normal-text-color); } /* ### PRODUCT CATALOG SPECIFIC << #### */ /* popup video fix - after first one inserted on the page, all video styles are not included in the widget with custom class "video-popup-st-fix" - fof popup template with this class only - not used at the moment */ /* .video-popup-st-fix { } .video-popup-st-fix .dialog-close-button { display: flex !important; top: 0 !important; right: 0 !important; transform: translateX(120%) !important; background-color: rgba(255,255,255,0.06) !important; font-size: 24px !important; padding: 12px !important; border-radius: 100px !important; } .video-popup-st-fix .elementor-widget-video .elementor-widget-container {overflow:hidden;transform:translateZ(0)} .video-popup-st-fix .elementor-widget-video .elementor-wrapper {aspect-ratio:var(--video-aspect-ratio)} .video-popup-st-fix .elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video {height:100%;width:100%;display:flex;border:none;background-color:#000} @supports not (aspect-ratio:1/1) { .video-popup-st-fix .elementor-widget-video .elementor-wrapper {position:relative;overflow:hidden;height:0;padding-bottom:calc(100% / var(--video-aspect-ratio))} .video-popup-st-fix .elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video {position:absolute;top:0;right:0;bottom:0;left:0} } .video-popup-st-fix .elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay {position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%} .video-popup-st-fix .elementor-widget-video .elementor-custom-embed-image-overlay {cursor:pointer;text-align:center} .video-popup-st-fix .elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i {opacity:1} .video-popup-st-fix .elementor-widget-video .elementor-custom-embed-image-overlay img {display:block;width:100%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center} @supports not (aspect-ratio:1/1){ .video-popup-st-fix .elementor-widget-video .elementor-custom-embed-image-overlay {position:relative;overflow:hidden;height:0;padding-bottom:calc(100% / var(--video-aspect-ratio))} .video-popup-st-fix .elementor-widget-video .elementor-custom-embed-image-overlay img {position:absolute;top:0;right:0;bottom:0;left:0}} .video-popup-st-fix .elementor-widget-video .e-hosted-video .elementor-video {-o-object-fit:cover;object-fit:cover} .e-con-inner>.video-popup-st-fix .elementor-widget-video,.e-con>.video-popup-st-fix .elementor-widget-video {width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow) } */ /* Theme Additional Custom Styles */ .st-blur-10 { backdrop-filter: blur(10px); } .st-sticky-later { } @media only screen and (min-width: 992px) { .sticky-top-lg-150 {top: 150px;} } .hidden {display: none !important;} /*snap offset*/ .scroll-snap-mt-50 {scroll-margin-top: 50px;} .scroll-snap-mt-100 {scroll-margin-top: 100px;} .scroll-snap-mt-150 {scroll-margin-top: 150px;} .scroll-snap-mt-200 {scroll-margin-top: 200px;} .opacity-80 {opacity: .8;} .opacity-50 {opacity: .5;} .opacity-30 {opacity: .3;} .opacity-15 {opacity: .15;} /*sticky*/ .st-sticky { position: sticky; } .sticky-top-0 {top: 0px;} .sticky-top-10 {top: 10px;} .sticky-top-20 {top: 20px;} .sticky-top-30 {top: 30px;} .sticky-top-40 {top: 40px;} .sticky-top-50 {top: 50px;} .sticky-top-60 {top: 60px;} .sticky-top-70 {top: 70px;} .sticky-top-80 {top: 80px;} .sticky-top-90 {top: 90px;} .sticky-top-100 {top: 100px;} .sticky-top-150 {top: 150px;} .sticky-top-200 {top: 200px;} /*header when effect applied on v-scroll value*/ /* .elementor-sticky--effects {} .elementor-sticky--effects.st-sticky-later { } */ /**/ /****** Theme specific ******/ /* site header */ .primary-header {} .home .secondary-header, .page-id-2309 .secondary-header, .elementor-editor-active .secondary-header {display: none !important;} .secondary-header { z-index: 50; } /*hint external icon*/ .menu-item.hint-external > a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f35d"; display: inline-block; margin-left: 10px; opacity: .5; transform: scale(0.7); } .elementor-location-header .sub-menu { box-shadow: 0 10px 30px rgba(0,0,0,0.5); } /* !!! hide all submenus !!! */ .secondary-header .e-con-inner { --padding-block-start: 0; --padding-block-end: 0; } .secondary-header .sub-menu-wrap { display: none; --padding-block-start: 10px; --padding-block-end: 10px; padding-block-start: var(--padding-block-start); padding-block-end: var(--padding-block-end); } /* !!! show dedicated page submenu !!! */ .page-id-2303 .submenu-controllers, .page-id-2305 .submenu-sensors, .page-id-847 .submenu-applications, .page-id-2307 .submenu-reports {display: block;} /* BOTTOM-nav-panels - placed in footer template */ .home .bottom-nav-panels, .page-id-2303 .np-controllers, .page-id-2305 .np-sensors, .page-id-847 .np-applications, .page-id-2307 .np-reports {display: none !important;} /* hide "watch video" buttons until we have video to link to */ .page-id-847 .btn-st-vid {display: none !important;} /**/ .st-nav-panel {} .st-nav-panel:hover { background: rgba(255,255,255,0.3); } .st-nav-panel .elementor-widget-heading, .st-nav-panel .elementor-widget-icon { opacity: 0.5; transition: all 200ms ease-in-out; } .st-nav-panel .elementor-widget-icon { opacity: 0.2; } .st-nav-panel:hover .elementor-widget-heading, .st-nav-panel:hover .elementor-widget-icon { opacity: 1; } .st-nav-panel:hover .elementor-widget-icon { transform: scale(105%); opacity: 0.8; } /**********/ .elementor-location-footer .content-wrap-scroll-to { opacity: 0; transition: opacity 200ms ease-in-out, transform 200ms ease-in-out; transform: translateY(20px); } .elementor-location-footer:hover .content-wrap-scroll-to { opacity: 1; transform: translateY(0); } /* header custom contact button >> */ .btn-custom-contact .elementor-button-icon { display: inline-block; background-color: #4D4D4D; border-radius: 100px; text-align: center; padding: 8px; color: #fff; margin: -8px 10px -8px -14px; transition: all 150ms ease-in-out; } .btn-custom-contact:hover .elementor-button-icon { background-color: #000; padding: 10px; margin: -10px 4px -10px -17px !important; position: relative; } .btn-custom-contact:hover .elementor-button-icon i::before { opacity: 0; } .btn-custom-contact .elementor-button-icon i::after { position: absolute; left: 50%; top: 50%; font-weight: 900; content: "\f062" !important; opacity: 0; transform: translate(-50%, -50%) rotate(20deg); transition: transform 200ms ease-out; } .btn-custom-contact:hover .elementor-button-icon i::after { opacity: 1; transform: translate(-50%, -50%) rotate(90deg); } /**/ @media (max-width: 767px) { .btn-custom-contact { white-space: nowrap; } .btn-custom-contact .elementor-button-icon { display: none; } } /* <<*/ /* Outline button - with icon */ .btn-st-outline-icon .elementor-button-icon { display: inline-block; background-color: #DEDEDE; border-radius: 100px; min-width: 2.8rem; display: flex; justify-content: center; align-items: center; fill: var(--e-global-color-primary); color: var(--e-global-color-primary); margin: -14px 0 -14px -14px; transition: all 150ms ease-in-out; } @media (max-width: 1024px) { .btn-st-outline-icon .elementor-button-icon { min-width: 2rem; margin: -8px 0 -8px -14px; } } .btn-st-outline-icon:hover .elementor-button-icon { box-shadow: 0 0 0 4px #DEDEDE; } /* snap-to-trigger-icon */ .snap-to-trigger-icon { } .pointer-arr-circle .elementor-icon svg { height: 20px !important; font-size: 20px !important; } .pointer-arr-circle a, .pointer-arr-circle span { padding: 18px !important; } /* popup-st-content */ .popup-st-content {} .popup-st-content.elementor-popup-modal .dialog-close-button { border-radius: 100px; padding: 14px; } /* decoration-line-start */ /* .decoration-line-start { position: relative; display: flex; align-items: center; gap: 15px; } .decoration-line-start::before { content: ""; display: inline-block; height: 1px; width: 50px; background-color: #fff; } */ /* pointer-arr-circle */ .pointer-arr-circle a, .pointer-arr-circle span { display: inline-block; border: 2px solid var( --e-global-color-secondary ); border-radius: 100%; line-height: 1; padding: 10px; transition: all 200ms ease-in-out; } .pointer-arr-circle a:hover, .pointer-arr-circle span:hover { box-shadow: 2px 2px 28px 2px rgba(255,255,255,0.3), 0 0 6px 3px rgba(255,255,255,0.4), 0 0 10px rgba(255,255,255,0.4) inset; } /* skin-planet-section */ .skin-planet-section { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjEwLjU4OSIgaGVpZ2h0PSI2MDIuMzQ0IiB2aWV3Qm94PSIwIDAgNjEwLjU4OSA2MDIuMzQ0Ij4NCiAgPGRlZnM+DQogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xOSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTkiIHdpZHRoPSI2MTAuNTg5IiBoZWlnaHQ9IjYwMi4zNDQiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2NsaXBQYXRoPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTMiPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xNyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTciIHdpZHRoPSI2MDkuODkiIGhlaWdodD0iNTk3LjE0NyIgZmlsbD0ibm9uZSIvPg0KICAgIDwvY2xpcFBhdGg+DQogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtNCI+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEyIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMiIgd2lkdGg9IjMwNi40OCIgaGVpZ2h0PSIxMDUuODYyIiBmaWxsPSJub25lIi8+DQogICAgPC9jbGlwUGF0aD4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC01Ij4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEzIiB3aWR0aD0iNTA4LjY1MiIgaGVpZ2h0PSIyNTAuOTc5IiBmaWxsPSJub25lIi8+DQogICAgPC9jbGlwUGF0aD4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC02Ij4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE0IiB3aWR0aD0iNTk0Ljc1NSIgaGVpZ2h0PSIzMDkuMjQ4IiBmaWxsPSJub25lIi8+DQogICAgPC9jbGlwUGF0aD4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC03Ij4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTUiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE1IiB3aWR0aD0iNTY4LjE5MyIgaGVpZ2h0PSIyODcuNDUyIiBmaWxsPSJub25lIi8+DQogICAgPC9jbGlwUGF0aD4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC04Ij4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTYiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE2IiB3aWR0aD0iNDQ1LjA0OCIgaGVpZ2h0PSIyMDIuNjI5IiBmaWxsPSJub25lIi8+DQogICAgPC9jbGlwUGF0aD4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iR3JvdXBfMzEiIGRhdGEtbmFtZT0iR3JvdXAgMzEiIG9wYWNpdHk9IjAuMiI+DQogICAgPGcgaWQ9Ikdyb3VwXzMwIiBkYXRhLW5hbWU9Ikdyb3VwIDMwIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgICA8ZyBpZD0iR3JvdXBfMjkiIGRhdGEtbmFtZT0iR3JvdXAgMjkiPg0KICAgICAgICA8ZyBpZD0iR3JvdXBfMjgiIGRhdGEtbmFtZT0iR3JvdXAgMjgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4NCiAgICAgICAgICA8ZyBpZD0iR3JvdXBfMjciIGRhdGEtbmFtZT0iR3JvdXAgMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTUzIDMuNTM2KSIgb3BhY2l0eT0iMC44Ij4NCiAgICAgICAgICAgIDxnIGlkPSJHcm91cF8yNiIgZGF0YS1uYW1lPSJHcm91cCAyNiI+DQogICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8yNSIgZGF0YS1uYW1lPSJHcm91cCAyNSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aC0zKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzEyIiBkYXRhLW5hbWU9Ikdyb3VwIDEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MC40NTEpIiBvcGFjaXR5PSIwLjciPg0KICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzExIiBkYXRhLW5hbWU9Ikdyb3VwIDExIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzEwIiBkYXRhLW5hbWU9Ikdyb3VwIDEwIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoLTQpIj4NCiAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iUGF0aF81IiBkYXRhLW5hbWU9IlBhdGggNSIgZD0iTTE1LjExNiwxMDIuOTQyYzExLjY0Mi0xMC43LDU3LjYzNi0yMy4yNzksMTY3Ljc1Mi01MS41MjcsNjMuMzcxLTE2LjI1NiwxNTguNjczLTQwLjE2MywxMjguOS01MC4wMzdDMzA0LjgyMy0uMTQxLDE5OS44ODEsMTEuMDg5LDE2MS42NDQsMTUuNTQsMTI2Ljc5NCwyNC4zMzIsOTkuNTYyLDMxLjQ4LDkyLjMsMzYuNzkzLDU5Ljc0OSw1OC4wNTEsNDEuODMxLDcxLjk0LDE1LjExNiwxMDIuOTQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMuMjk5IDEuMTU3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExODE4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xNSIgZGF0YS1uYW1lPSJHcm91cCAxNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS44NDggNy45MTUpIiBvcGFjaXR5PSIwLjciPg0KICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzE0IiBkYXRhLW5hbWU9Ikdyb3VwIDE0Ij4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzEzIiBkYXRhLW5hbWU9Ikdyb3VwIDEzIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoLTUpIj4NCiAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iUGF0aF82IiBkYXRhLW5hbWU9IlBhdGggNiIgZD0iTTM0LjU3LDEzOC4wNzJDMjAuNTE4LDE2NS45LDIwLjUxOCwxNjUuOSwxNS4xNjcsMTgwLjUyNWMtOS42NzgsMjkuOTM0LTkuNjc4LDI5LjkzNC0xMi43Miw0NS4zOWwtLjkyNSw0LjljOC4yNzQtMTUuNjIzLDg0LjgyOS0zNy40OTQsMjUzLjMtODAuNjA5LDg1LjQtMjEuODQyLDI2My4xMTctNjcuMzE0LDI0Ni41OTMtOTAuNzI3QTMwMy45NjQsMzAzLjk2NCwwLDAsMCw0MTMuNDc2LDQuMzU1YTExLjQ3NiwxMS40NzYsMCwwLDEsMy4yODIsNS4xMDdDNDA1LjcyNCwyNS40MjEsMzUwLjEzNCw0MS45NiwyMzcuNDE2LDcwLjgsMTIyLjA0LDEwMC4zMjQsNDUuOCwxMjAuNjA5LDM3LjUsMTMyLjg3OGwtMi45MjcsNS4xOTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNzY5IDUuMDU5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExODE4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xOCIgZGF0YS1uYW1lPSJHcm91cCAxOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMDAuNTczKSIgb3BhY2l0eT0iMC43Ij4NCiAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xNyIgZGF0YS1uYW1lPSJHcm91cCAxNyI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xNiIgZGF0YS1uYW1lPSJHcm91cCAxNiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aC02KSI+DQogICAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9IlBhdGhfNyIgZGF0YS1uYW1lPSJQYXRoIDciIGQ9Ik0zLDI0OS40NDljNC45MjUsMjkuMTIsNi4wODksMzYuMDMzLDE2Ljc5Miw2Ny44OTMsNy44MDktMTUuNDYxLDQ4Ljc4Ny0zMS4wMTIsMjYzLjQ2Mi04Ny41MzYsMjEzLjcxMi01Ni4yNywzMDUuNTg5LTkwLjEsMzA3LjIxMy0xMTMuMTQ5YTMwMC41LDMwMC41LDAsMCwwLTUwLjAyOC05Mi45NjVjNC4xNTQsMjAuMDctNzUuMzM0LDQ5LjE0Ni0yNzQuMzc2LDEwMC4zNjJDMTIxLjE4NCwxNjEuMzM3LDEuMiwxOTMuNTY2LjUzMiwyMTAuMzkyYy40NiwxMS43MjguODg2LDI3LjQxOSwyLjQ2NywzOS4wNTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuODY0IC0xNC4yOTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxYTE4MTgiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzIxIiBkYXRhLW5hbWU9Ikdyb3VwIDIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MS42OTcgMjQzLjU3NCkiIG9wYWNpdHk9IjAuNyI+DQogICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMjAiIGRhdGEtbmFtZT0iR3JvdXAgMjAiPg0KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMTkiIGRhdGEtbmFtZT0iR3JvdXAgMTkiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgtNykiPg0KICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzgiIGRhdGEtbmFtZT0iUGF0aCA4IiBkPSJNNzYuMDI1LDMyNy41MzVjMi43NC0xMS40NzksMzQuODI2LTIzLjQyMywyMDkuNjE2LTY3LjY3OCwxMTUuNjEyLTI5LjI2OCwyNzAuMzgtNzEuMjMzLDI3OS42NjUtOTcuNTNhMzAxLjgzMiwzMDEuODMyLDAsMCwwLDQuODY4LTEwNC43MTJjLS4xNDgtMS4xNjQtLjMtMi4zMjgtLjQ3LTMuNDgzLTYuNDY4LDI1LjIxLTk1LjM2LDU3LjMzOS0zMTcuMDU5LDExNC42QzcwLjEyOCwyMTUuODY3LDguNywyMzYuMTA5LDkuMjM5LDI0OC45MDUsMjkuOCwyODAuODUyLDQzLjEsMjk5LjAzNCw3Ni4wMjUsMzI3LjUzNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuODM5IC00MS44OTUpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxYTE4MTgiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzI0IiBkYXRhLW5hbWU9Ikdyb3VwIDI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDkuODYgMzk0LjUxOCkiIG9wYWNpdHk9IjAuNyI+DQogICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMjMiIGRhdGEtbmFtZT0iR3JvdXAgMjMiPg0KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMjIiIGRhdGEtbmFtZT0iR3JvdXAgMjIiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgtOCkiPg0KICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzkiIGRhdGEtbmFtZT0iUGF0aCA5IiBkPSJNMTI4LjYwOCwyNjguMzQzYy0uODU4LS4zODMtMi0uODg2LTIuODYtMS4yNzQsMS44MzUtNS4wNDUsNi45ODUtOC43MzQsOTcuMTY2LTMxLjM0M0MzMzYuNiwyMDcuMjUzLDM5My41NjQsMTg4LjYsNDA3LjYyMSwxNzUuMjY4YzQuODU4LTUuNzIsMTEuNTE4LTEzLjIxNCwxNi4xMzEtMTkuMTNBMzAzLjY3OCwzMDMuNjc4LDAsMCwwLDQ2My45Myw4Ny4wNDdjLTkuODY1LDEzLjk0Mi00Ny45MSwzNS4yNDctMjU1LjM2LDg3LjUxMkM5Ni45OTIsMjAyLjY3Myw0Mi4wODcsMjE3Ljk4LDMxLjgyLDIyOS4wMDljLjA0My45LjEsMi4xMDguMTQ0LDMuMDE0LDMwLjc1MywxNi41LDUyLjYxLDI3LjE3NSw5Ni42NDQsMzYuMzIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkuMzgzIC02OC4wNTgpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxYTE4MTgiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICA8L2c+DQogICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMTAiIGRhdGEtbmFtZT0iUGF0aCAxMCIgZD0iTTIxOC40LDg4LjJjMTg2LjgzLTEuMTM1LDI2Ny41MjksNS4wMjYsMjg3LjgxNSwyMS45NzItMjQuNTczLTM4LjA1LTQxLjAyNS01My45OS03MC4yMjItNzguOTgtMjMuNDg1LTEwLjc2NS04NC4xMi0xNC41NzQtMjE2LjI4NS0xMy42LTEwMy42MzQuNzYyLTEyMi43MjEtMS4zMzctMTI4LjQtNi42NjQuNDIyLS42ODUuOTczLTEuNTkxLDEuNC0yLjI3MUM1Ny43ODYsMzAuNDY4LDQxLjM1OCw0Ni4wMjQsMTUuNTI0LDc0LjgxM2E4Ljc0MSw4Ljc0MSwwLDAsMC0uNTE3LjgzOEMxNy45MSw4NS4xNTcsNDcuOTY0LDg5LjIyOSwyMTguNCw4OC4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYuODkyIDMyLjgyNikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFhMTgxOCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8xMSIgZGF0YS1uYW1lPSJQYXRoIDExIiBkPSJNNTk5LjQ5MywxNDQuNDU1Yy0zLjk0OC0zMC4zNzUtMTEuNjEzLTUyLjUtMTguMzc4LTcyLjAyM0M1NjYuMTQzLDUzLjI1OCw0NzYuOTEsNDUuNDIsMjgyLjc3NCw0Ni4yMmMtMTU5LjE3Ni42NTItMjI4LjM0NC0uNzQ3LTI0NC41NjYtMTEuMS0uMi0xLjE4My0uNDc5LTIuNzU1LS42ODUtMy45MzhsLTIuOTMyLDUuMTkzYy03LjcsMTMuOTktNy43LDEzLjk5LTE5LjQsNDIuNDQ4QzkuNzY5LDkzLjU3OSw5Ljc2OSw5My41NzksMi40NjcsMTI0LjIxN2wtLjkyNSw0LjljLTIuMSwxNi40MTQsMTE3LjMzNiwxOCwyNzMuNzE1LDE4LjM2OSwxNjQuOTMuMzc4LDMxOC42NTQsNC43MjQsMzI2LjY4OSwzMy42MjhDNjAxLjY1OCwxNzAuMSw2MDAuNDUxLDE1NS40MzYsNTk5LjQ5MywxNDQuNDU1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS43NDUgMTE4LjIwNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFhMTgxOCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8xMiIgZGF0YS1uYW1lPSJQYXRoIDEyIiBkPSJNMTE4LjIyNiwyNC4wMThjMTA3LjUyOS0uOTYzLDE1Ni4xMzQsMS41NTIsMTc5LjMsOS4zMThDMjU5LjQ1NSwxMy4xNzEsMjM2LjIxNCw3LjQ3NCwyMDIuNDk1LjUsMTg2LjgyOC4yNzMsNzguMzc5LDEzLjUxMSw0MC4wNTYsMTkuODgzLDQyLjgxNiwyMi42LDUwLjMzNywyNC42MjYsMTE4LjIyNiwyNC4wMThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTEuODUyIDEuODk3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExODE4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzEzIiBkYXRhLW5hbWU9IlBhdGggMTMiIGQ9Ik0zMDIuMDEsODIuNTgyQzU5LjE3NCw4MS43MzksMTEuOTE1LDc2LjYzNi41MzIsNjIuNjYxLjgsNzQuNCwxLjk3OSw5MC4wMTgsMywxMDEuNzE3YzUuNTE5LDMzLjc0Myw3LjkwNSw0MC45NzcsMTYuNzkyLDY3LjksNi42OTMsMTUuMjgzLDExMi4xMzgsMTYuMTg5LDI4NSwxNS44ODIsMTkxLjk5NS0uMzQ1LDI2Ny41NTgsNy44ODEsMjYwLjc5MywyOC40MjVsMi4zMzgtNC4xNTRjNy40MjYtMTMuMzI5LDcuNjQ2LTEzLjg3LDE5LjM5NC00Mi40NDgsNS40LTE0Ljc0Nyw1LjQtMTQuNzQ3LDEyLjcxNS00NS4zOTVsMS4yNjUtNi44NDZDNjAzLjIsODcuMzU5LDQ1MS4wNzgsODMuMDk1LDMwMi4wMSw4Mi41ODJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAxNyAyMzcuNTQ4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExODE4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzE0IiBkYXRhLW5hbWU9IlBhdGggMTQiIGQ9Ik0yNzcuODY3LDEwOC41OTRjLTE2NC45NC40MjItMjU4Ljc0OC0uMDE0LTI2OC42MzEtMTMuODA4LDIzLjUwOSwzOC4zMjMsNDAuOTE1LDU1LjI2OSw2Ni43ODcsNzguNjMsNy43ODUsOS41MTUsNzYuNDkzLDkuODU1LDE4Ny45NDEsOS42Miw5Ni42NDktLjIwNiwxNjAuMzUuNjY2LDE2NC45MjEsMTMuOThhMjUuMjkxLDI1LjI5MSwwLDAsMS00Ljg0NCw1LjE0MSwzMDIuOTQ5LDMwMi45NDksMCwwLDAsNzkuMTM4LTY3LjYyQzUyNC4yNTksMTA3Ljk4LDM1MS42LDEwOC40MTYsMjc3Ljg2NywxMDguNTk0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUuMDE0IDM1OS4zMzQpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxYTE4MTgiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMTUiIGRhdGEtbmFtZT0iUGF0aCAxNSIgZD0iTTMzLjkzOSwxMTguNDY1Yy0uNy0uNC0xLjM3LS43NTItMi4wODktMS4xNTlBMTMuMTgyLDEzLjE4MiwwLDAsMCwzMy45MzksMTE4LjQ2NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMC43NDMgNDQ0LjcwNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFhMTgxOCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8xNiIgZGF0YS1uYW1lPSJQYXRoIDE2IiBkPSJNMTY5LjIxMywxMjMuNmMtODguNi4xNzItMTI1LjE1NS0uNzM4LTEzNi45MjctNi4wNTEsMzYuNjk0LDIwLjQ2Nyw1OC4yMTEsMjYuNzkxLDk0LjU1NSwzNS4xNjEsOC43MiwyLjE3NSwzNS44NywxLjY2Nyw1OS44MjUsMS4yMTcsMTkuMS0yLjY1OSw3Ny4wOTItMTAuMTUyLDg1LjAwNy05LjQxOXE4Ljk0Ny0yLjc0NSwxNy42LTUuOTc5YzUuNzA2LTIuNDY3LDUuOTE3LTIuNyw4LjU3MS01LjYxNUMyOTUuNjU3LDEyMy4zNDUsMjQ1LjM2MSwxMjMuNDQxLDE2OS4yMTMsMTIzLjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjIuMzk2IDQ0NS42MjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxYTE4MTgiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogICAgICAgIDwvZz4NCiAgICAgIDwvZz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K"); background-repeat: no-repeat; background-position: -20px 20vh; background-attachment: fixed; } /* cookies buttons */ .cli-style-v2 .cli-bar-btn_container .cli-plugin-button { border-radius: 100px; } /* footer ficon - used in the footer links external link icon */ .footer-ficon { font-size: 12px; margin-left: 8px; } /*****************************************************************************************************************************/ /* smt edit: Product Gallery Component New Layout nad skin with class modifier "skin-gall-vertical" */ /*new layout for vertical thumbs on the right */ /*.skin-gall-vertical .woocommerce-product-gallery { display: flex; flex-direction: row; gap: 20px; width: 100%; } .skin-gall-vertical .woocommerce-product-gallery .flex-viewport { anchor-name: --main-gall-image; flex-shrink: 1; width: 100%; } .skin-gall-vertical .woocommerce-product-gallery .flex-control-thumbs { display: flex; flex-direction: column; max-width: 100px; width: 100px; margin: 0; padding: 0; gap: 10px; flex-shrink: 0; } .skin-gall-vertical .woocommerce-product-gallery .flex-control-thumbs li { width: 100% !important; }*/ /* ========================================================================== DESKTOP ONLY: VERTICAL PRODUCT GALLERY LAYOUT (min-width: 1025px) ========================================================================== */ @media (min-width: 1025px) { .skin-gall-vertical .woocommerce-product-gallery { display: flex; flex-direction: row; gap: 20px; width: 100%; margin-left: -120px !important; } .skin-gall-vertical .woocommerce-product-gallery .flex-viewport { anchor-name: --main-gall-image; flex-shrink: 1; width: 100%; } .skin-gall-vertical .woocommerce-product-gallery .flex-control-thumbs { display: flex; flex-direction: column; max-width: 100px; width: 100px; margin: 0; padding: 0; gap: 10px; flex-shrink: 0; position: absolute !important; right: 0 !important; } .skin-gall-vertical .woocommerce-product-gallery .flex-control-thumbs { margin-right: -120px !important; } .skin-gall-vertical .woocommerce-product-gallery .flex-control-thumbs li { width: 100% !important; } /* IMAGE OVERLAP & CLIPPING PREVENTATIVE FIX */ .skin-gall-vertical .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img { box-sizing: border-box !important; object-fit: contain !important; } } /***************** kod predi da mahna zoom-in direktno ot functions >>>>> */ /* trigger fullscreen zoom icon - placed on top of the main image with anchor positioning and anchor-size */ /*.skin-gall-vertical .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; right: auto; top: anchor(--main-gall-image top) !important; left: anchor(--main-gall-image left) !important; width: anchor-size(--main-gall-image width) !important; height: anchor-size(--main-gall-image height) !important; background: transparent !important; border-radius: 0 !important; }*/ /*smt - hide the icon*/ /*.skin-gall-vertical .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before, .skin-gall-vertical .woocommerce-product-gallery .woocommerce-product-gallery__trigger::after { display: none !important; }*/ /***************** kod predi da mahna zoom-in direktno ot functions <<<<<< */ /*fullscreen gallery fixes*/ .pswp .pswp__button { transform: scale(1.3); border-color: transparent; } .pswp .pswp__button:hover { border-color: transparent; } /*OTHER FIXES*/ /*custom dropdown button*/ .dd-8bb747ac-dropdown, .dd-c4e92f1d-dropdown { min-width: 280px; width: max-content; } @media (max-width: 767px) { .dd-8bb747ac-dropdown, .dd-c4e92f1d-dropdown { left: auto; right: 0; width: auto; } } /* ======================================================================== COMPONENT: Custom Technical Specifications Table ======================================================================= */ /* Main Table Container Override */ table.tech-spec-table, .tab-content-product-specs table { width: 100% !important; border-collapse: collapse !important; border-spacing: 0 !important; margin: 0 0 32px 0 !important; color: #111111 !important; background-color: #ffffff !important; } /* Reset theme default borders and background-stripes completely */ table.tech-spec-table td, table.tech-spec-table th, table.tech-spec-table tbody>tr:nth-child(odd)>td, table.tech-spec-table tbody>tr:nth-child(odd)>th, .tab-content-product-specs table td, .tab-content-product-specs table th, .tab-content-product-specs table tbody>tr:nth-child(odd)>td, .tab-content-product-specs table tbody>tr:nth-child(odd)>th { border: none !important; background-color: transparent !important; } /* Clear default theme hover states to apply our own cleanly */ table.tech-spec-table tbody tr:hover>td, table.tech-spec-table tbody tr:hover>th, .tab-content-product-specs table tbody tr:hover>td, .tab-content-product-specs table tbody tr:hover>th { background-color: transparent !important; } /* Standard Inner Rows: Light horizontal divider lines */ table.tech-spec-table tr, .tab-content-product-specs table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; transition: background-color 0.2s ease !important; } /* Elegant Row Hover State (Skips the very first header row) */ table.tech-spec-table tr:not(:first-child):hover, .tab-content-product-specs table tr:not(:first-child):hover { background-color: #f9f9f9 !important; } /* FORCE FIRST ROW TO ACT AS A TH / MAIN HEADER (Fixes Google Docs copy-paste) */ table.tech-spec-table tr:first-child, .tab-content-product-specs table tr:first-child { border-bottom: 2px solid #111111 !important; /* Bold, thick underline for the section title */ } table.tech-spec-table tr:first-child td, .tab-content-product-specs table tr:first-child td { padding: 24px 0 8px 0 !important; font-size: 1.25rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #111111 !important; } /* General Cell Layout Padding */ table.tech-spec-table td, .tab-content-product-specs table td { padding: 12px 16px !important; vertical-align: top !important; } /* Desktop-specific adjustments (Screens wider than mobiles) */ @media (min-width: 768px) { /* Column 1: Labels (Forces exactly 25% width on desktop) */ table.tech-spec-table tr:not(:first-child) td:first-child, .tab-content-product-specs table tr:not(:first-child) td:first-child { font-weight: 600 !important; width: 25% !important; padding-left: 0 !important; /* Keeps label text flush with the layout lines */ color: #222222 !important; } /* Column 2: Specific Values */ table.tech-spec-table tr:not(:first-child) td:last-child, .tab-content-product-specs table tr:not(:first-child) td:last-child { color: #444444 !important; } } /* Mobile Responsive Adjustments */ @media (max-width: 767px) { table.tech-spec-table td, .tab-content-product-specs table td { padding: 10px 8px !important; font-size: 0.95rem !important; } /* Revert to fluid auto layout on mobile view to avoid squishing */ table.tech-spec-table tr:not(:first-child) td:first-child, .tab-content-product-specs table tr:not(:first-child) td:first-child { font-weight: 600 !important; width: auto !important; padding-left: 8px !important; } } /*****************************************/ /* custom-benefits-list >>> */ /*****************************************/ :root { /* Glow parameters */ --glow-color: rgba(17, 17, 17, 0.52); --glow-bg-color: rgba(17, 17, 17, 0.04); --glow-size: 500px; /* Base theme mapping */ --card-base-border: rgba(0, 0, 0, 0.07); --card-base-bg: #ffffff; --card-hover-bg: #fcfcfc; } /* Grid Container */ ul.custom-benefits-list { list-style: none !important; padding: 0 !important; margin: 40px auto !important; display: flex !important; flex-wrap: wrap !important; gap: 12px !important; justify-content: center !important; position: relative !important; overflow: visible !important; } /* Activate glow layers on grid hover */ ul.custom-benefits-list:hover li::before, ul.custom-benefits-list:hover li .benefit-content::before { opacity: 1 !important; } /* Card Element (Acts as the base border wrapper) */ ul.custom-benefits-list li { background-color: var(--card-base-border) !important; border-radius: 8px !important; position: relative !important; margin: 0 !important; font-size: 1.15rem !important; line-height: 1.5 !important; color: #111111 !important; flex: 0 1 calc(33.333% - 8px) !important; min-width: 280px !important; box-sizing: border-box !important; height: 140px !important; overflow: hidden !important; } /* LAYER 1: Outer Border Glow (Positioned behind the main card content) */ ul.custom-benefits-list li::before { background: radial-gradient( var(--glow-size) circle at var(--mouse-x, -999px) var(--mouse-y, -999px), var(--glow-color), transparent 40% ) !important; border-radius: inherit !important; content: "" !important; height: 100% !important; left: 0px !important; opacity: 0; position: absolute !important; top: 0px !important; transition: opacity 500ms ease !important; width: 100% !important; z-index: 1 !important; } /* LAYER 2: Main Card Content Container (Leaves 1px space for the border effect) */ ul.custom-benefits-list li .benefit-content { background-color: var(--card-base-bg) !important; border-radius: inherit !important; display: flex !important; align-items: center !important; height: calc(100% - 2px) !important; width: calc(100% - 2px) !important; position: absolute !important; top: 1px !important; left: 1px !important; padding: 24px 24px 24px 78px !important; box-sizing: border-box !important; z-index: 2 !important; overflow: hidden !important; transition: background-color 0.3s ease !important; } /* LAYER 3: Inner Background Spotlight (Renders inside the content, behind the text) */ ul.custom-benefits-list li .benefit-content::before { background: radial-gradient( var(--glow-size) circle at var(--mouse-x, -999px) var(--mouse-y, -999px), var(--glow-bg-color), transparent 50% ) !important; border-radius: inherit !important; content: "" !important; height: 100% !important; left: 0px !important; opacity: 0; position: absolute !important; top: 0px !important; transition: opacity 500ms ease !important; width: 100% !important; z-index: 1 !important; pointer-events: none !important; } /* Card Content Hover State */ ul.custom-benefits-list li:hover .benefit-content { background-color: var(--card-hover-bg) !important; } /* Bullet Icon (Font Awesome overlay) */ ul.custom-benefits-list li .benefit-content::after { content: "\f138" !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; position: absolute !important; left: 27px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 26px !important; color: #111111 !important; z-index: 3 !important; } /* Responsive Breakpoints */ @media (max-width: 991px) { ul.custom-benefits-list li { flex: 0 1 calc(50% - 6px) !important; } } @media (max-width: 767px) { ul.custom-benefits-list li { flex: 0 1 100% !important; } ul.custom-benefits-list li .benefit-content { padding: 24px 20px 24px 64px !important; } ul.custom-benefits-list li .benefit-content::after { left: 16px !important; } } /* custom-benefits-list <<< */