/*
 Theme Name: Trevofloors
 Author: Trevofloors
 Description: A  bilingual trevofloors theme.
 Version: 1.0
 Text Domain: trevofloors
 Tags: custom-theme, bilingual, responsive
*/

/* Search Bar Styles */
.search-bar {
    display: none;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #e6ecec;
}

.search-bar.active {
    display: block;
    animation: slideDown 0.3s ease-in-out;
}

.search-form {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.search-field {
    width: 100%;
    padding: 8px 40px 8px 40px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 14px;
}

.search-submit, .search-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.search-submit {
    left: 10px;
    color: #1a2e5a;
}

.search-close {
    right: 10px;
    color: #1a2e5a;
}

#search-close {
    display: none;
}

#search-close.visible {
    display: block;
}
.search-clear {
    cursor: pointer;
    transition: color 0.3s ease;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* Body font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

/* Globall css */
:root {
    --black:#000000;
    --white:#ffffff;
    --transition:all 0.3s ease-in-out;
    --Main_Color_Blue:#183254;
    --Main_Color_Beige:#E6DDD2;
    --border:#1832544D;
    --surface:#F3EFEA;
    --bg:#ECE5DE;
    --title-font:"Urbanist", sans-serif;
    --bodyfont:"Poppins", sans-serif;
    --extra_light:200;
    --light:300;
    --regular:400;
    --medium:500;
}
body,html {
    background-color: var(--surface);
    font-size: 16px;
    line-height: 1.375;
    color: var(--Main_Color_Blue);
    text-transform: none;
    font-weight: var(--light);
    padding: 0;
    margin: 0;
    font-family: var(--bodyfont);
    letter-spacing: 1px;
}
body footer .elementor-shortcode div.gform_wrapper .gfield--type-choice label a,
body footer .elementor-shortcode div.gform_wrapper .gfield--type-choice label,
body.e--ua-mac .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, 
body.e--ua-mac .elementor-widget-icon-list .elementor-icon-list-item > a,
body.e--ua-mac .elementor-widget-image-box .elementor-image-box-description,
body.e--ua-mac.elementor-kit-6,
body.e--ua-mac .elementor-widget-text-editor,
body.e--ua-mac {
    font-weight: var(--extra_light) !important;
}
/* body.e--ua-mac .document-content>span, */
body.e--ua-mac .elementor-widget-button .elementor-button,
body.e--ua-mac.elementor-kit-6 button, 
body.e--ua-mac.elementor-kit-6 input[type="button"], 
body.e--ua-mac.elementor-kit-6 input[type="submit"], 
body.e--ua-mac.elementor-kit-6 .elementor-button { 
    font-weight: var(--light) !important;
}
body {
    overflow-x: clip;
    position: relative;
}
form input,
form select,
form textarea {
    color: var(--Main_Color_Blue);
    letter-spacing: 1px;
    font-weight: var(--extra_light);
    font-family: var(--bodyfont);
}
body.e--ua-mac form input,
body.e--ua-mac form select,
body.e--ua-mac form textarea {
    font-weight: var(--extra_light);
}
a {
    text-decoration: none;
    color: var(--Main_Color_Blue);
}
.container-fluid,
header.site-header .header-content,
.container {
    width: 100%;
    max-width: 1600px;
    margin-inline: auto;
    padding: 0;
}
.container {
    max-width: 1030px;
}
body strong {
    font-weight: var(--medium);
}
p {
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: var(--light);
}
body.e--ua-mac p {
    font-weight: var(--extra_light);
}
p:not(:last-child) {
    margin-bottom: 20px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-font);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
}
p::first-letter,
h1::first-letter,
h2::first-letter,
h3::first-letter,
h4::first-letter,
h5::first-letter,
h6::first-letter,
button::first-letter,
.button::first-letter,
.elementor-button::first-letter {
    text-transform: uppercase;
}
button,
.button,
.elemento-button {
    border: 1px solid var(--border);
    font-size: 14px;
    line-height: 1;
    font-family: var(--bodyfont);
    padding: 9px 60px;
    color: var(--Main_Color_Blue);
    background-color: transparent;
    transition: var(--transition);
    font-weight: var(--regular);
}
body.e--ua-mac button,
body.e--ua-mac .button,
body.e--ua-mac .elemento-button {
    font-weight: var(--light);
}
button:hover,
.button:hover,
.elemento-button:hover {
    background-color: var(--Main_Color_Blue);
    color: var(--Main_Color_Beige);
    border-color: var(--Main_Color_Blue);
}
body div.gform_wrapper .gform_footer button,
body div.gform_wrapper .gform_footer input[type="submit"], 
body div.gform_wrapper .gform_page_footer button, 
body div.gform_wrapper .gform_page_footer input[type="submit"],
body.elementor-kit-6 div .button-filled,
body div .button-filled {
    background-color: var(--Main_Color_Blue);
    border-color: var(--Main_Color_Blue);
    color: var(--Main_Color_Beige);
    border-radius: 99px;
    cursor: pointer;
}
body div.gform_wrapper .gform_footer button:hover,
body div.gform_wrapper .gform_footer input[type="submit"]:hover, 
body div.gform_wrapper .gform_page_footer button:hover, 
body div.gform_wrapper .gform_page_footer input[type="submit"]:hover,
body.elementor-kit-6 div .button-filled:hover,
body div .button-filled:hover {
    background-color:transparent;
    color: var(--Main_Color_Blue);
    border-color: var(--border);
}
body div.gform_wrapper.gravity-theme .gfield_validation_message, 
body div.gform_wrapper.gravity-theme .validation_message {
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
    letter-spacing: 1px;
}
.section-padding {
    padding: 100px 64px;
}
.section-padding.top {
    padding-bottom: 0;
}
.section-padding.bottom {
    padding-top: 0;
}
/* header */
body header div.header-actions .button-filled {
    padding: 15.12px 40px;
}
body header div.header-actions .popup-wrapper .button-filled {
    padding:9px 40px;
}
header.site-header {
    padding: 60px 64px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    transition: var(--transition);
}
header.site-header.sticky {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: var(--surface);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
body {
    padding-top: 166px;
}
.admin-bar header.site-header {
    top: 32px;
}
header.site-header .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
nav.main-nav {
    background-color: var(--white);
    border-radius: 99px;
    max-width: 670px;
    flex: 1;
}
.logo img {
    transition: var(--transition);
    width: 100%;
    max-width: 220px;
    height: auto;
}
/* header.site-header.sticky .logo img {
    max-width: 180px;
} */
.logo a,
.logo a img {
    display: block;
}
nav.main-nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding:12px 20px;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}
nav.main-nav ul li {
    position: relative;
}
nav.main-nav ul li.only-mobile {
	display: none;
}
nav.main-nav ul li.menu-item-has-children>a {
    display: flex;
    align-items: center;
    gap: 2px;
    width: fit-content;
}
nav.main-nav ul li.menu-item-has-children>a::after {
    content: "\f078";
    display: inline-block;
    color: var(--Main_Color_Blue);
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 12px;
}
nav.main-nav ul.sub-menu {
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px;
    background-color: var(--white);
    padding: 20px;
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
nav.main-nav ul.sub-menu li a {
    color: #5E7088;
}
nav.main-nav ul.sub-menu li.current-menu-item>a,
nav.main-nav ul.sub-menu li a:hover {
    color: var(--Main_Color_Blue);
}
nav.main-nav li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
nav.main-nav ul li a {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: var(--regular);
    position: relative;
}
.gform_wrapper.gravity-theme a,
footer ul li a,
footer p a {
    position: relative;
    transition: var(--transition);
}
.gform_wrapper.gravity-theme a::before,
footer ul li a::before,
footer p a::before,
.footer-menu li a::before,
nav.main-nav ul li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}
.footer-menu li a::before,
footer p a::before,
footer ul li a::before {
    background-color: var(--white);
}
footer ul li a:hover span,
.footer-menu li a:hover,
footer p a:hover,
footer ul li a:hover {
    color: var(--white) !important;
}
.gform_wrapper.gravity-theme a:hover:before,
footer ul li a:hover:before,
footer p a:hover:before,
.footer-menu li a:hover:before,
nav.main-nav ul li a:hover:before{
    transform-origin: left;
    transform: scaleX(1);
}
.header-icons a,
.header-icons,
.header-actions {
    display: flex;  
    align-items: center;
    gap: 40px;
}
.header-icons a>svg {
    width: 1em;
    height: 1em;
    font-size: 17px;
}
.header-icons .popup-section-container a>svg path {
    stroke: var(--Main_Color_Blue);
}
.header-icons {
    gap: 24px;
    margin-right: -16px;
}
header .mobile-menu-toggle,
.header-icons a {
    gap: 0;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-color: var(--white);
    border-radius: 50%;
    color: var(--Main_Color_Blue);
    position: relative;
}
.menu-close svg path,
header .mobile-menu-toggle svg path {
    stroke:var(--Main_Color_Blue)
}
span.user-fav-count {
    position: absolute;
    background: #183254;
    color: #fff;
    border-radius: 99px;
    font-size: 14px;
    letter-spacing: 1px;
    bottom: -4px;
    right: -5px;
    width: 25px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.user-fav-count.active {
    opacity: 0;
    visibility: hidden;
}
div.elementor-element.left_half {
    max-width: 667px;
    margin-left: auto;
}
/* footer */
.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 3;
    /* column-gap: 70px; */
    margin-bottom: -40px;
    display: flex;
    flex-wrap: wrap;
    margin-inline:-36px ;
}
.footer-menu li {
    margin-bottom: 40px;
    width: 33.33%;
    padding-inline:36px ;
}
.footer-menu li a {
    color: var(--Main_Color_Beige);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    font-weight: var(--regular);
}
/* Gallery slider */
.post-gallery-section {
    overflow: hidden;
    position: relative;
    background: #F3EFEA;
    background: linear-gradient(180deg, rgba(243, 239, 234, 1) 50%, rgba(236, 229, 222, 1) 50%);
    padding-inline: 64px;
}
/* .post-gallery-section .swiper, */
div.product-slider,
.product-slider .slick-list,
.gallery_slider .elementor-widget-container .swiper {
    overflow: visible;
    position: relative;
}
/* .post-gallery-section .swiper::before, */
div.product-slider::before,
.product-slider .slick-list::before,
.gallery_slider .elementor-widget-container .swiper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 100vw;
    background-color: var(--surface);
    z-index: 55;
}
.product-slider::after {
    content: "";
    position: absolute;
    bottom: 73px;
    left: -58px;
    width: 80px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./assets/img/gallery_net.svg');
    z-index: 55;
}
.post-gallery-section .product-slider::after {
    content: none;
}
.post-gallery-section .swiper::before {
    background: #F3EFEA;
    background: linear-gradient(180deg, rgba(243, 239, 234, 1) 50%, rgba(236, 229, 222, 1) 50%);
}
.gallery_slider .elementor-widget-container .swiper .swiper-slide-inner {
    position: relative;
    height: 692px;
    overflow: hidden;
    border-radius: 4px;
}
.gallery_slider .elementor-widget-container .swiper .swiper-slide-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.single-products .gallery_slider .elementor-widget-container .swiper::before {
    background-color: var(--bg);
}
.gallery_slider .elementor-widget-container .swiper .swiper-slide {
    transition: var(--transition);
}
.gallery_slider .elementor-widget-container .swiper .swiper-slide.swiper-slide-active {
    width: 610px !important;
    transition: var(--transition);
}
.custom-navigation-arrow>div,
.gallery_slider.elementor-element .swiper .elementor-swiper-button {
    position: static;
    transform: none;
    width: 40px;
    height: 40px;
    border: 1px solid var(--border);
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    transition: var(--transition);
    margin-top: 50px;
    cursor: pointer;
}
.custom-navigation-arrow>div:hover,
.gallery_slider.elementor-element .swiper .elementor-swiper-button:hover {
    background-color: var(--Main_Color_Blue);
    border-color: var(--Main_Color_Blue);
}
.custom-navigation-arrow>div:hover svg path {
    stroke: var(--white);
}
div.gallery_slider.elementor-element .swiper .elementor-swiper-button:hover svg {
    fill: var(--Main_Color_Beige);
}
.gallery_slider.elementor-element .swiper .elementor-swiper-button.elementor-swiper-button-prev {
    margin-right: 20px;
}
/* post grid */
.three-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 18px;
    grid-row-gap: 60px;
    transition: var(--transition);
}
.elementor-shortcode:has(.post-categories ul li.has-sub-menu a.active) .three-posts-grid {
    padding-top: 32px;
}
.about-left,
.product-featured-image,
.document-image,
.post-image {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    border-radius: 4px;
    padding-bottom: 89%;
    margin-bottom: 20px;
    background-color: var(--border);
}
.related-products-grid .post-image,
#products-list .post-image { 
    padding-bottom: 100%;
}
div.about-left img,
div.product-featured-image img,
div.document-image img,
.post-item .post-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;	
    object-position: top;
    transition: var(--transition);
}
.post-item .post-image:hover img {
    transform: scale(1.1);
}
.post-item {
    display: flex;
    flex-direction: column;
}
.post-item h5,
.post-item p,
.post-item h4 {
    margin:0 17px 16px;
}
div.post-item h5 {
    margin-bottom: 8px;
}
div.post-item h5 a {
    letter-spacing: 1px;
    font-family: var(--bodyfont);
    font-weight: 500;
    font-size: 16px;
}
div.post-item .elementor-button {
    width: fit-content;
    margin: 0 17px;
    margin-top: auto;
    padding-inline: 30px;
} 
.read-more {
    margin-top: auto;
}
.related-products-grid div.post-item .elementor-button,
#products-list div.post-item .elementor-button {
    padding-inline: 20px;
}
.hover_box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-title {
    transition: var(--transition);
}
.elementor div.hover_grid div.e-con-inner .hover_box::before {
    opacity: 0.4;
    transition: var(--transition);
}
.elementor div.hover_grid div.e-con-inner .hover_box:hover:before {
    opacity: 0.6;
}
.hover_box:hover .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-title {
    margin-bottom: 15px;
}
.hover_box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description {
    height: 0;
    overflow: hidden;
}
.load-more-container,
.load-more-wrapper {
    text-align: center;
    margin-top: 60px;
}
body .load-more-container button,
body .load-more-wrapper button {
    background-color: var(--Main_Color_Blue);
    border-color: var(--Main_Color_Blue);
    color: var(--Main_Color_Beige);
    cursor: pointer;
}
body .load-more-container button:hover,
body .load-more-wrapper button:hover {
    background-color: transparent;
    color: var(--Main_Color_Blue);
    border-color: var(--border);
}
/* post single  */
main {
    padding: 0 64px 100px;
}
.post-content-wrapper {
    max-width: 1030px;
    margin-inline: auto;
}
body .post-content-wrapper .is-layout-flex {
    justify-content: space-between;
    align-items: center !important;
}
.wp-block-columns>.wp-block-column:first-child:not(:has(img)) {
    flex-basis: calc(50% - 100px) !important;
}
.wp-block-columns>.wp-block-column:nth-child(2):not(:has(img)) {
    flex-basis: calc(50% - 100px) !important;
    margin-left: auto;
}
.feature-image-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 486px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 92px;
    color: var(--white);
    margin-bottom: 100px;
    position: relative;
}
.feature-image-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000000;
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 50%, rgba(0, 0, 0, 0) 100%); */
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(0, 0, 0, 0) 100%);
}
.feature-image-section h1.entry-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 800px;
}
/* search result */
.search-result-wrapper {
    background-color:var(--bg);
}
.search-form-container .container {
    max-width: 530px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}
.search-form-container form label {
    width: 100%;
}
.no-result-message,
.no-result-section {
    grid-column: 4 / 1;
    text-align: center;
}
.search-form-container form input {
    width: 100%;
    background-color: #DDDDDB;
    border: none;
    border-radius: 99px;
    padding: 10px;
    min-height: 52px;
    padding-left: 60px;
    color: var(--Main_Color_Blue);
    letter-spacing: 1px;
    font-weight: 300;
}
.search-form-container form input:focus {
    outline: none;
    box-shadow: none;
    border: none;
}
.search-form-container form input::placeholder {
    color: var(--Main_Color_Blue);
    opacity: 1;
    letter-spacing: 1px;
}
.search-form-container button.search-submit {
    font-size: 0;
    position: absolute;
    padding: 0;
    border: none;
    width: 32px;
    height: 32px;
    background-color: var(--Main_Color_Blue);
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 10px;
    top: 26px;
}
.search-form-container form input[type="search"]::-webkit-search-cancel-button {
  appearance: none;
}
.search-results-header {
    text-align: center;
    margin-bottom: 100px;
}
div.search-results-header h1 {
    margin-bottom: 30px;
    font-size: 50px;
}
.post-item .elementor-button, 
.post-item .result-excerpt {
    margin-inline: 17px;
}
.bg_left_overflow {
    position: relative;
}
div.bg_left_overflow::before {
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    bottom: 0;
    right: 100%;
    background-color: var(--Main_Color_Blue);
    width: 100vw;
}
.error-area {
    background-color: var(--bg);
    margin-top: 100px;
    text-align: center;
}
div.bg-shape {
    margin-top: -140px;
}
div.bg-shape img {
    width: 80px;
}
div.bg-shape,
.error-area h1 {
    margin-bottom: 30px;
}
.error-area p {
    margin-bottom:40px;
}
.button-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 69px;
    flex-wrap: wrap;
}
header .button-section {
    gap: 20px;
}
header .button-section>a {
    width: 100%;
    height: auto;
}
/* a.search.active>svg, */
.gform_heading,
nav .lang-selector,
span.close-search {
    display: none;
}
div.popup-search {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    top: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
div.popup-search.active {
    top: 176px;
    opacity: 1;
    visibility: visible;
}
body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--white);
    z-index: 4;
    visibility: hidden;
    opacity: 0;
}
body:has(.popup-search.active)::before {
    visibility: visible;
    opacity: 0.01;
    z-index: 8;
}
body:has(nav.main-nav.active),
body:has(.popup-search.active) {
    overflow: hidden;
}
.search-form-container.popup-search form input {
    box-shadow: 0px 15px 45px 0px #0000001A;
    background-color: var(--white);
}
/* blog filter  */
body .select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
}
span.select2-results {
    padding: 0;
    border-radius: 6px;
    background-color: var(--white);
    z-index: -1;
    overflow: hidden;
    border-radius: 16px;
    width: 100%;
    min-width: 100%;
}
body .select2-container--open .select2-dropdown--below {
    border-radius: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: var(--white);
}
body .select2-container--open .select2-dropdown--above {
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--white);
}
body .mobile-category-select .select2-container--default .select2-selection--single .select2-selection__rendered,
body .select2-results__option[aria-selected], 
body .select2-container--default .select2-results__option[aria-selected=true], 
body .select2-container--default .select2-results__option .select2-results__option {
    padding: 7.38px 18px 6px !important;
    border-radius: 25px;
    letter-spacing: 1px;
    font-size: 14px;
    background-color: var(--white);
    position: relative;
    min-width: max-content;
    font-weight: var(--regular);
}
body:has(.site-header .lang-selector .select2-container--open) .select2-container--default .select2-results>.select2-results__options,
body:has(.site-header .lang-selector .select2-container--open) .select2-container--open .select2-dropdown--below,
body:has(.site-header .lang-selector .select2-container--open) span.select2-results,
body:has(.site-header .lang-selector .select2-container--open) .select2-results__option[aria-selected] {
    padding: 0 !important;
    border-radius: 0;
    background-color: transparent;
    overflow: visible;
    max-height: inherit;
}
body:has(.site-header .lang-selector .select2-container--open) .select2-container--default .select2-results>.select2-results__options {
    padding-top: 5px !important;
}
body:has(.site-header .lang-selector .select2-container--open) .select2-container--default .select2-results>.select2-results__options li:not(:last-child) {
    margin-bottom: 6px;
}
body .mobile-category-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.4;
    padding-right: 28px !important;
}
body .mobile-category-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: var(--Main_Color_Blue);
}
body .mobile-category-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
    right: 12px;
}
body .mobile-category-select .select2-container--default.select2-container--below .select2-selection--single[aria-expanded="true"] .select2-selection__rendered {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
body .mobile-category-select .select2-container--default.select2-container--above .select2-selection--single[aria-expanded="true"] .select2-selection__rendered {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--Main_Color_Beige);
    background-color: var(--Main_Color_Blue);
}
.blog-post-category-section .post-categories span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection__rendered[tite="Todos"],
.blog-post-category-section .post-categories span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single[aria-expanded="true"] .select2-selection__rendered,
.product-category-section span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single[aria-expanded="true"] .select2-selection__rendered {
    background-color: var(--white) !important;
    color: var(--Main_Color_Blue) !important; 
}
.blog-post-category-section .post-categories span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single[aria-expanded="true"] .select2-selection__arrow,
.product-category-section span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single[aria-expanded="true"] .select2-selection__arrow {
    color: var(--Main_Color_Blue);
}
.post-category-section {
    display: flex;
    gap: 100px;
    align-items: center;
    margin-bottom: 80px;
}
.post-categories ul li ul.sub-menu,
.post-categories ul {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.post-categories ul li {
    position: static;
    width: fit-content;
}
.post-categories ul li:hover {
    z-index: 55;
}
.post-categories ul li a {
    padding: 7.38px 20px 6px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    transition: var(--transition);
    background-color: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    z-index: 5;
    min-width: max-content;
    font-weight: var(--regular);
}
.post-categories ul li a.toggled {
    z-index: 555;
}
.post-categories ul li ul.sub-menu {
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 5;
    transition: var(--transition);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    row-gap: 20px;
}
.select2-results ul li:not(:last-child),
.post-categories ul li ul.sub-menu li:not(:last-child) {
    margin-bottom: 2px;
}
.post-categories ul li:has(a.active) ul.sub-menu {
    opacity: 1;
    visibility: visible;
}
.post-categories ul li:has(ul.sub-menu)>a.toggled::after {
    content: "\f106";
}
.post-categories ul li ul.sub-menu li a {
    color: #5E7088;
}
.post-categories ul li:has(.sub-menu li a.active)>a,
.post-categories ul li ul.sub-menu li a:hover,
.post-categories ul li ul.sub-menu li a.active,
.post-categories ul li a.active {
    background-color: var(--Main_Color_Blue);
    color: var(--white);
}
/* .post-categories ul li:has(.sub-menu li a.active)>a {
    background-color: #4b617e;
} */
.post-categories ul li:hover>a {
    justify-content: space-between;
}
div.post-title-section h4 {
    margin: 0;
}
.post-categories ul li:has(ul.sub-menu)>a::after {
    content: "\f107";
    display: block;
    font-family: 'FontAwesome';
    transition: var(--transition);
}
header .mobile-menu-toggle svg {
    width: 1em;
    height: 1em;
}
header .mobile-menu-toggle {
    font-size: 26px;
    display: none;
    cursor: pointer;
}
/* favorites */ 
.custom-favorite-item {
    display: flex;
    align-items: center;
    position: relative;
    gap: 60px;
    border-bottom:1px solid var(--border)
}
.custom-favorite-item:not(:has(button.active)) {
    display: none;
}
.custom-favorite-item:first-child {
    padding-top: 0;
}
.custom-favorite-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.favorites_page .custom-favorites-container div.custom-favorite-item button.simplefavorite-button {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./assets/img/cross.svg');
    top: 50%;
    transform: translateX(-50%);
    right: 110px;
}
.favorites_page .custom-favorite-item img {
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 4px;
}
.favorites_page .custom-favorites-container div.custom-favorite-item button.simplefavorite-button i {
    display: none;
}
.banner-right,
.post-item {
    position: relative;
}
div.favorite-details h5 {
    font-weight: 500;
    font-size: 16px;
    font-family: var(--bodyfont);
    margin: 0;
}
body .simplefavorite-button.preset:focus,
body .simplefavorite-button.preset {
    position: absolute;
    top: 11px;
    right: 11px;
    padding: 9.5px 16px;
    border: none;
    box-shadow: none;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    border: none;
    background-color: var(--white);
    color: var(--Main_Color_Blue);
}
body.safari .simplefavorite-button.preset {
    gap: 5px;
}
body.safari.e--ua-webkit .simplefavorite-button.preset {
    gap: 5px;
}
body .simplefavorite-button.preset p {
    font-size: 14px;
    margin: 0;
    letter-spacing: 1px;
    font-weight: var(--light);
}
body .simplefavorite-button.preset i {
    font-size: 15px;
    margin-left: 1px;
    left: auto;
    position: relative;
    min-width: 15px;
    height: 15px;
}
body .post-item .simplefavorite-button.preset::after {
    content: "Pedir Amostra";
    font-size: 14px;
    /* color: var(--Main_Color_Blue); */
    letter-spacing: 1px;
    font-weight: var(--light);
}
:lang(en-US) body .post-item .simplefavorite-button.preset::after {
    content: "Request a sample";
}
:lang(fr-FR) body .post-item .simplefavorite-button.preset::after {
    content: "Demander un échantillon";
}
body .simplefavorite-button.preset.active,
body .simplefavorite-button.preset:hover {
    background-color: var(--Main_Color_Blue);
    border: none;
    box-shadow: none;
    outline: none;
    color: var(--white);
}
body .sf-icon-favorite:before {
    /* content: "\f005";
    font-family: 'Font Awesome 6 Free';
    font-weight: 400; */
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-image: url(./assets/img/buy-blue.svg);
    position: absolute;
    top: 0;
    left: 0;
}
body .simplefavorite-button.preset.active i::before,
body .simplefavorite-button.preset:hover i::before {
    filter: brightness(0) saturate(100%) invert(95%) sepia(100%) saturate(0%) hue-rotate(133deg) brightness(105%) contrast(105%);
}
body .simplefavorite-button.preset.active .sf-icon-favorite:before,
.simplefavorite-button.preset:hover .sf-icon-favorite:before {
    font-weight: 600;
    color: var(--Main_Color_Blue);
}
.favorites-list>div,
.product-list {
    position: relative;
}
.product-list::before {
    content: "";
    position: absolute;
    background-image: linear-gradient(180deg, #ECE5DE00 50%, var( --e-global-color-8d0e56c ) 50%);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
body.page-id-1608 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-1606 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-2846 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-2844 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-1590 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-1577 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-2422 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-2442 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-2848 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-2444 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-2447 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-2851 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-127 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-734 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-719 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-755 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-808 footer .trevo-custom-footer div.elementor>div.elementor-element,
body.page-id-817 footer .trevo-custom-footer div.elementor>div.elementor-element {
    background-color: transparent;
}
/* documnetos */
#documents-list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 22px;
    grid-row-gap:22px;
}
.document-image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: calc(1.3*91%);
    background-color: #E8E5E2;
    margin: 0;
}
.document-image img.default-image {
    object-fit: contain;
    width: 74px;
    left: 50%;
    transform: translateX(-50%);
}
.document-content {
    padding: 9px 20px;
    background-color: var(--Main_Color_Blue);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: var(--Main_Color_Beige);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    min-height: 62px;
    position: relative;
    z-index: 2;
    margin-top: -1px;
}
.document-content>span {
    font-size: 14px;
    letter-spacing: 1px;
}
.document-content>span:first-child {
    width: 100%;
    max-width: 180px;
}
body.e--ua-mac .document-content>span {
    max-width: 170px;
}
.document-category-section:first-child {
    margin-bottom: 30px;
    position: relative;
    z-index: 55;
}
.post-categories ul li ul.sub-menu li a,
.document-sub-category-section ul li a {
    color: #9BA3AE;
    border-color: var(--border);
    background-color: transparent;
    border: 1px solid ;
    text-transform: none;
    padding-inline: 10px;
}
.post-categories ul li ul.sub-menu li a:hover,
.post-categories ul li ul.sub-menu li a.active,
.document-sub-category-section ul li a:hover,
.document-sub-category-section ul li a.active {
    color: var(--Main_Color_Blue);
    border-color: var(--Main_Color_Blue);
    background-color: transparent;
}
.single-post-section .post-content-wrapper h2 {
    margin-bottom: 50px;
}
div.trevo-slick-slider .slick-slide img,
.single-post-section .post-content-wrapper img {
    border-radius: 4px;
}
.related-post-section h2 {
    text-align: center;
    margin-bottom: 50px;
}
.related-post-section {
    background-color: var(--bg);
}
.no-post-message {
    text-align: center;
}
ul.no-favorites {
    padding: 0;
	text-align: center;
}
/* document slider  */
.trevo-slick-slider .slick-list {
    margin-inline: -15px;
}
div.trevo-slick-slider .slick-slide {
    gap: 100px;
    display: flex;
    align-items: center;
    padding-inline: 15px;
}
.strevo-control-wrapper {
    margin-top: 30px;
}
.strevo-control-wrapper>div,
.strevo-control-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}
.strevo-control-wrapper>div {
    justify-content: center;
    gap: 0;
    width: 40px;
    height: 40px;
    border:1px solid var(--border);
    border-radius: 99px;
    transition: var(--transition);
    cursor: pointer;
}
.strevo-control-wrapper>div:hover {
    background-color: var(--Main_Color_Blue);
    border-color: var(--Main_Color_Blue);
}
.strevo-control-wrapper>div:hover svg path {
    stroke: var(--white);
}
.slider-content-section {
    width: 80%;
    overflow: hidden;
}
.slider-image-section {
    width: 35%;
    min-width: 241px;
}
.slider-content-section p {
    max-width: 560px;
    margin-bottom: 30px;
}
.image-slider-section,
.slider-image-section {
    overflow: hidden;
}
.live-on-title {
    max-width: 1030px;
    width: 100%;
    margin-inline: auto;
    padding-right: 42px;
}
.live_section {
    overflow-x: clip;
}
.live-on-slider {
    min-height: 489px;
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
}
.progress-bar-section {
    max-width: 1030px;
    width: 100%;
    margin: auto;
    position: relative;
}
.progress {
    display: block;
    width: 4px;
    background-color: rgba(24, 50, 84, 0.5);
    transition: .4s ease-in-out;
    position: absolute;
    right: -4px;
    width: 5px;
    height: 489px;
    bottom: 0;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(24, 50, 84);
    border: 0;
}
.post-categories {
    display: flex;
    gap: 5px;
    position: relative;
    z-index: 55;
    margin-bottom: 10px;
}
.post-categories span {
    color: var(--white); 
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
}

/* product gallery slider  */
.custom-navigation-arrow {
    display: flex;
    align-items: center;
    gap: 20px;
}
div.product-slider::before {
    background-color: var(--bg);
}
.product-slider .swiper-wrapper .swiper-slide {
    transition: var(--transition);
    height: 692px;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}
.product-slider .swiper-wrapper .swiper-slide.swiper-slide-active {
    width: 620px !important;
}
.product-slider .swiper-wrapper .swiper-slide img {
    width: 620px !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 4px;
    transition: var(--transition);
}
/* body .elementor-element.blog_list::before,
body .elementor-element.Product_list::before {
    top: auto;
    height: 800px;
    bottom: 0;
}
body .elementor-element.blog_list::before {
    height: 1150px;
} */
/* product single */
.specification-column.half-width {
    width: 38%;
}
.about-section .container,
.single-banner-section .container {
    display: flex;
    gap: 100px;
}
.banner-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.about-left,
.single-banner-section .container>div {
    width:calc(45% - 50px);
}
.about-right,
.single-banner-section .container>div.banner-right {
    width:calc(55% - 50px);
}
div.product-featured-image {
    border-radius: 0;
    padding-bottom: 100%;
    margin: 0;
}
.icon-image-wrapper {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    row-gap: 12px;
    margin-bottom: 30px;
}
.icon-image-wrapper>div {
    width: 60px;
    height: 60px;
    /*border: 1px solid var(--border);
    border-radius: 99px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.icon-image-wrapper>div img {
    // width: 36px;
	width: 100%;
    height: auto;
}
.icon-title-wrapper {
    position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%) translateY(2em);
    background-color: var(--Main_Color_Blue);
	border-radius: 100px;
    padding: 4px 8px;
    padding-top: 5px;
    font-size: 12px;
    color: var(--white);
    white-space: nowrap;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
.icon-image-wrapper>div:hover .icon-title-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
div.banner-left h1 {
    margin: 0 0 10px;
    max-width: 370px;
}
div.banner-left h2 {
    margin-bottom: 10px;
}
.product-categories {
    margin-bottom: 20px;
}
.banner-left .product-categories {
    font-size: 14px;
    font-weight: var(--regular);
    letter-spacing: 2px;
    text-transform: uppercase;
}
.e--ua-mac .banner-left .product-categories {
    font-weight: var(--light);
}
.feature-doc-section h3,
.specification-section h3 {
    margin-bottom: 40px;
}
.specification-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}
.document-right ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.document-right ul li>span,
.specification-content {
    width: 38%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(24, 50, 84, 0.2);
}
.half-width .specification-content {
    width: 100%;
}
.document-right ul li:last-child {
    margin-bottom: 0;
}
.document-right ul li>span,
.feature-left .specification-content {
    width: 100%;
    justify-content: flex-start;
    gap: 10px;
}
.document-right ul li:nth-last-child(2)>span,
.feature-left .specification-content:last-child,
.specification-section .specification-content:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
}
.feature-doc-section .container {
    display: flex;
    justify-content: space-between;
}
.feature-doc-section .container>div {
    width: 38%;
}
.specification-section .specification-content span:first-child {
    font-weight: 500;
}
.specification-section .specification-content span:last-child {
    text-align: right;
}
.specification-content span {
    letter-spacing: 1px;
}
.related-product-section,
.about-section,
.image-slider-section,
.cta-section,
.feature-doc-section {
    background-color: var(--bg);
}
.half-width .specification-content:not(:last-child),
.document-right ul li:not(:nth-last-child(2)),
.feature-left .specification-content:not(:last-child) {
    margin-bottom: 20px;
}
.cta-section .container {
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
}
.cta-title-wrapper {
    text-align: center;
}
div.cta-image-wrapper {
    position: relative;
    overflow: visible;
}
div.cta-image-wrapper img {
    width: 100%;
    border-radius: 4px;
}
div.cta-image-wrapper img.secondary-image {
    position: absolute;
    bottom: 33px;
    right: -15px;
    width: 440px;
    height: 168px;
    object-fit: cover;
    box-shadow: 0px 15px 45px 0px #00000040;
}
.about-left {
    padding-bottom: 44%;
    margin: 0;
}
.product-description ul {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}
.product-description ul li {
    position: relative;
    padding-left: 36px;
}
.product-description ul li:not(:last-child) {
    margin-bottom: 20px;
}
.product-description ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 23px;
    height: 23px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./assets/img/list-icon.svg');
}
.about-section .container {
    align-items: center;
}
.related-product-section h2 {
    text-align: center;
    margin-bottom: 50px;
}
.product-slider .slick-list::before {
    background-color: var(--bg);
}
.favorites-list>div {
    padding-inline: 120px;
    border-bottom: 1px solid var(--border);
}
.favorites-list>div:last-child {
    border: none;
}
div.trevo-slick-slider .slick-slide .slider-image-section img {
    width: 100%;
    height: 345px;
    object-fit: cover;
}
/* floating buttons */
.trevo-floating-button {
    position: relative;
    z-index: 99;
}
.floating_button .elementor-icon-list-items {
    position: fixed;
    top: 65%;
    right: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;	
  	will-change: transform;
  	/* transition: transform 0.2s ease-out; */
}
.floating_button .elementor-icon-list-items li a {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 99px;
    background-color: var(--Main_Color_Blue);
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: row;
    padding: 0 14px 0 15px !important;
    gap: 13px;
    margin-left: auto;
    overflow: hidden;
}
/* :lang(pt-pt) .floating_button .elementor-icon-list-items li a {
    padding: 0 14px  !important;
} */
.floating_button .elementor-icon-list-text {
    z-index: 99;
    padding: 0;
    padding-inline-start: 0 !important;
    min-width: max-content;
    margin-left: 2px;
}
div.floating_button.elementor-widget .elementor-icon-list-icon svg {
    display: block;
    margin: 0;
}
.floating_button .elementor-icon-list-items li a::before {
    content: none;
}
/* mini pop up */
header div .favorites-list  {
    margin-bottom: 40px;
    margin-left: -42px;
    padding-left: 42px;
    max-height: 265px;
    overflow-y: auto;
}
body header .favorites-list .simplefavorite-button.preset {
    position: absolute;
    left: -25px;
    top: 50%;
    right: auto;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    z-index: 555;
    font-size: 0;
    padding: 0;
}
body header .favorites-list .simplefavorite-button.preset p {
    font-size: 0;
    display: none;
}
body header .favorites-list .simplefavorite-button.preset::before {
    width: 100%;
    height: 100%;
    filter: brightness(0) saturate(100%) invert(11%) sepia(2%) saturate(833%) hue-rotate(331deg) brightness(101%) contrast(95%);
    opacity: 0.2;
}
header .favorites-list .custom-favorite-item {
    gap: 0;
    align-items: center;
}
header .favorites-list .custom-favorite-item .content {
    padding-left: 11px;
}
header .favorites-list .custom-favorite-item img {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 4px;
}
header .favorites-list .custom-favorite-item a {
    width: auto;
    height: auto;
    border-radius: inherit;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    color: var(--Main_Color_Blue);
    opacity: 0.5;
}
header .favorites-list .custom-favorite-item p {
    margin-bottom: 0;
}
header .favorites-list .custom-favorite-item h3 {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}
body header .favorites-list li p,
body header .favorites-list li,
body header .favorites-list li:not(:last-child) {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    border: none;
}
div#popup-bar {
    position: absolute;
    right: -22px;
    top: 110%;
    opacity: 0;
    visibility: hidden;
    padding-top: 20px;
    z-index: 555;
    transition: var(--transition);
} 
.popup-wrapper {
    background-color: #fff;
    box-shadow: -3px 3px 10px 0px #00000033;
    padding: 29px 42px;
    border-radius: 10px;
    width: 100%;
    max-width: 310px;
}
.popup-wrapper span.h4 {
	display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.189;
    letter-spacing: 1px;
	margin: 0 0 10px;
    text-align: center;
}
.popup-wrapper>p {
    font-size: 12px;
    font-weight: var(--light);
    letter-spacing: 1px;
    color: var(--Main_Color_Blue);
    opacity: 0.4;
    text-align: center;
    margin-inline: -10px;
}
.popup-section-container {
    position: relative;
}
header div#popup-bar.active,
.popup-section-container:hover div#popup-bar {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
div#popup-bar .favorites-list>div {
    padding: 0;
    margin: 0;
    border: none;
}
div#popup-bar .favorites-list>div:not(:last-child) {
    margin-bottom: 26px;
}
.header-icons {
    position: relative;
}
.enquiry-button-section {
    display: flex;
    gap: 19px;
    flex-wrap: wrap;
}
div.enquiry-button-section>a.elementor-button {
    padding-inline: 40px;
    width: fit-content;
}
.post-item,
.aos-animate {
    transition-delay: inherit !important;
}
/* language selector */
body .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: "\f078";
    position: absolute;
    right: 0;
    top: 5px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 10px;
}
body .select2-container--default .select2-results__option[aria-selected=true],
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--Main_Color_Blue);
    color: var(--white);
}
body .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
body .select2-results__option,
body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--Main_Color_Blue);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: var(--regular);
    font-size: 14px;
    line-height: 1;
}
body:has(.document-sub-category-section .select2-container--open) .select2-results__option {
    text-transform: none;
}
body .select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow::before {
    transform: scale(-1);
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
}
body .select2-container--default .select2-results__option[aria-disabled=true],
body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px;
    right: 5px;
    width: 12px;
}
body header .select2-container--default .select2-selection--single .select2-selection__arrow,
body .language-selector-mobile .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    top: -6px;
    bottom: auto;
}
body .select2-dropdown {
    border: none;
    overflow: hidden;
    background-color: transparent;
}
#search-results .elementor-button {
    width: fit-content;
    padding-inline: 20px;
}
div.elementor-element.width_fit {
    width: fit-content;
    margin-inline: auto;
}
@media (min-width:1025px) {
    div.elementor-element.width_fit {
        min-width: 627px;
    }
}
.three-posts-grid .slick-list {
    margin: 0 -15px;
}
.three-posts-grid .slick-list .slick-slide {
    padding: 0 15px;
}
.elementor-widget-text-editor p:not(:first-child) strong {
    margin-top: 30px;
}
.elementor-widget-n-tabs .e-n-tab-title {
    cursor: pointer;
}
/* Mobile document category dropdown */
body .mobile-filter-section .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 30px 8.5px 18px;
    display: block;
    height: auto;
}
/* body:has(.select2-selection__rendered[title="Todos"]) .mobile-filter-section .select2-container--default .select2-selection--single,
body .mobile-filter-section .select2-container--default .select2-selection--single:has(.select2-selection__rendered[title="Todos"]) {
    background-color: var(--Main_Color_Blue);
    color: var(--white);
} */
.select2-container .select2-results .select2-results__options .select2-results__option {
    color: rgba(24, 50, 84, 0.7);
}
.select2-container .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected="true"],
.select2-container .select2-results .select2-results__options .select2-results__option[aria-selected="true"] {
    color: var(--white);
    background-color: var(--Main_Color_Blue);
}
body:has(.site-header .select2-container--open) .select2-container .select2-results .select2-results__options .select2-results__option,
body:has(.site-header .select2-container--open) .select2-container .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted,
body:has(.site-header .select2-container--open) .select2-container .select2-results .select2-results__options .select2-results__option[aria-selected="true"] {
    color: var(--Main_Color_Blue);
}
.select2-container .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: transparent;
}
.category-select-wrapper span.select2-container--open {
    width: 140px !important;
}
.document-category-section span.select2-container--open {
    width: 151px !important;
}
.document-sub-category-section span.select2-container--open {
    width: 232px !important;
}
body .type-buttons .mobile-filter-section .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid var(--Main_Color_Blue);
}
body .mobile-filter-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    color: var(--Main_Color_Blue);
    height: auto;
    right: 12px;    
}
body .select2-container .select2-selection--single {
    height: auto;
}
body .document-sub-category-section .mobile-filter-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-transform: none;
}
body .select2-container--default .select2-results__group {
    display: none;
}
body .select2-results__option[aria-selected],
body .select2-container--default .select2-results__option[aria-selected=true],
body .select2-container--default .select2-results__option .select2-results__option {
    letter-spacing: 1px;
    line-height: 1.3;
}
.mobile-filter-section .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .mobile-filter-section .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.mobile-filter-section .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.mobile-filter-section .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.mobile-filter-section .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, 
.mobile-filter-section .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
body .select2-container--open .select2-dropdown--below {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
body .select2-container--open .select2-dropdown--above {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.post-categories span.select2-container--default,
.post-categories span.select2-container--above,
.post-categories span.select2-container--below {
    /* width: 220px !important; */
    min-width: fit-content;
}
/* body .document-category-section .post-categories span.select2-container--default,
body .document-category-section .post-categories span.select2-container--above,
body .document-category-section .post-categories span.select2-container--below {
    width: 180px !important;
} */
/* .mobile-category-select  span.select2-container--default, 
.mobile-category-select  span.select2-container--above, 
.mobile-category-select  span.select2-container--below {
    width: 148px !important;
} */
.product-category-section .mobile-category-select,
.document-sub-category-section .mobile-filter-section,
.document-category-section .mobile-filter-section { 
    display: none;
}
body .favorites-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
body .favorites-list li {
    position: relative;
    border: none;
    padding: 0 121px;
}
.favorites-list li::before {
    content: none;
}
.favorites-list .custom-favorite-item img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 4px;
}
.custom-favorite-item h3 {
    margin: 0 0 10px;
}
.custom-favorite-item p a {
    font-size: 16px;
    font-weight: var(--medium);
    letter-spacing: 1px;
}
.favorites-list .custom-favorite-item:not(:last-child) {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid var(--border);
}
body .favorites-list .simplefavorite-button.preset {
    top: 50px;
    right: 121px;
    background-color: transparent;
}
body .favorites-list .simplefavorite-button.preset i {
    display: none;
}
body .favorites-list .simplefavorite-button.preset::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('./assets/img/cross.svg');
    width: 18px;
    height: 18px;;
}
.custom-favorite-item p:not(:last-child),
.custom-favorite-item p {
    margin-bottom: 0;
}
/* Inspiration animated on scroll section */
.slider-content-wrapper .static-bg img {
    width: 100%;
    height: 586px;
    object-fit: cover;
    border-radius: 4px;
}
.slider-content-wrapper .static-bg img.bg-image {
    object-position: 0 -155px;
}
.slider-content-wrapper .static-bg img.slider-absolute-image {
    position: absolute;
    width: 80px;
    height: auto;
    left: 105px;
    bottom: -33px;
}
.pinned-slider-section {
  position: relative;
  padding-top: 190px !important;
}
.slider-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
  flex-direction: column;
}
.static-bg {
  flex: 1;
  position: relative;
  width: 100%;
}
.main-title {
  font-size: 4rem;
  line-height: 1;
}
.bg-image {
  width: 100%;
  height: auto;
}
.text-slider {
  flex: 1;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  gap: 40px;
  position: absolute;
  width: 100%;
  right: 45px;
  bottom: 45px;
}
.text-slide {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 100%;
    opacity: 0;
    will-change: transform, opacity;
    transform: translate(0%, 50%);
}
.text-slide {
    position: absolute;
    width: 100%;
    text-align: right;
    opacity: 0;
    will-change: transform, opacity;
}
.text-slider-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 30px;
  position: relative;
  position: absolute;
  right: 0;
  bottom: 8px;
  top: 0;
  padding: 45px;
  width: 100%;
}
.progress-bar-section {
  width: 1px;
  height: 100%;
  background-color: rgba(24, 50, 84, 0.5);
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
}
.progress {
    position: absolute;
    top: 0;
    height: 0%;
    background-color: var(--Main_Color_Blue);
    transition: height 0.2s ease;
    right: -2px;
    width: 2px;
}
body h2.main-title {
    position: absolute;
    font-size: 270px;
    left: 100px;
    top: -173px;
    line-height: 0.8518518518518519em;
}
.text-slider .text-slide h4 {
    margin: 0;
    font-size: 40px;
    letter-spacing: 2px;
}
/* Gravity form style */
body .elementor-shortcode div.gform_wrapper input[type=color], 
body .elementor-shortcode div.gform_wrapper input[type=date], 
body .elementor-shortcode div.gform_wrapper input[type=datetime-local], 
body .elementor-shortcode div.gform_wrapper input[type=datetime], 
body .elementor-shortcode div.gform_wrapper input[type=email], 
body .elementor-shortcode div.gform_wrapper input[type=month], 
body .elementor-shortcode div.gform_wrapper input[type=number], 
body .elementor-shortcode div.gform_wrapper input[type=password], 
body .elementor-shortcode div.gform_wrapper input[type=search], 
body .elementor-shortcode div.gform_wrapper input[type=tel], 
body .elementor-shortcode div.gform_wrapper input[type=text], 
body .elementor-shortcode div.gform_wrapper input[type=time], 
body .elementor-shortcode div.gform_wrapper input[type=url], 
body .elementor-shortcode div.gform_wrapper input[type=week], 
body .elementor-shortcode div.gform_wrapper select, 
body .elementor-shortcode div.gform_wrapper textarea {
    padding: 12px 20px;
    border-radius: 25px;
    border: 1px solid var(--border);
    outline: none;
    box-shadow: none;
    color: var(--Main_Color_Blue);
    font-family: var(--bodyfont);
    font-size: 14px;
    font-weight: var(--light);
    letter-spacing: 1px;
    width: 100%;
}
body .elementor-shortcode div.gform_wrapper input::placeholder,
body .elementor-shortcode div.gform_wrapper select::placeholder,
body .elementor-shortcode div.gform_wrapper textarea::placeholder {
    color: var(--Main_Color_Blue);
    opacity: 1;
}
div .gform_wrapper.gravity-theme .gfield_label,
body .elementor-shortcode div.gform_wrapper .gfield_label,
body .elementor-shortcode div.gform_wrapper label {
    color: var(--Main_Color_Blue);
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: var(--regular);
    font-family: var(--bodyfont);
    margin: 0 0 16px;
}
body .elementor-shortcode div.gform_wrapper .gfield_required {
    color: var(--Main_Color_Blue);
}
body .elementor-shortcode div.gform_wrapper .gform_fields {
    grid-row-gap:30px;
    grid-column-gap:20px;
}
body footer .elementor-shortcode div.gform_wrapper .gform_fields {
    grid-row-gap: 16px;
}
.elementor-editor-active div.gform_wrapper .gfield {
    margin-bottom: 30px;
}
.elementor-editor-active div.gform_wrapper .gfield label {
    margin-bottom: 16px;
    display: block;
}
body .elementor-shortcode div.gform_wrapper .gfield textarea.large,
body .elementor-shortcode div.gform_wrapper .gfield textarea {
    height: 88px;
    border-radius: 4px;
    padding: 10px 20px;
}
body .elementor-shortcode div.gform_wrapper input[type="checkbox"] {
  display: none;
}
body .elementor-shortcode div.gform_wrapper .gfield--type-choice label {
    position: relative;
    padding-left: 30px;
    display: block;
}
body.e--ua-mac .elementor-shortcode div.gform_wrapper .gfield--type-choice label {
    font-weight: var(--extra_light);
}
body .elementor-shortcode div.gform_wrapper .gfield--type-choice label::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: 1px solid var(--Main_Color_Blue);
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: border-color 300ms ease;
}
body footer .elementor-shortcode div.gform_wrapper .gfield--type-choice label::before {
    border-color: var(--Main_Color_Beige);
}
body .elementor-shortcode div.gform_wrapper .gfield--type-choice label::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: var(--Main_Color_Blue);
  border: 1px solid var(--Main_Color_Blue);
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scale(0);
  transition: transform 300ms ease;
}
body footer .elementor-shortcode div.gform_wrapper .gfield--type-choice label::after {
    background-color: var(--Main_Color_Beige);
    border-color: var(--Main_Color_Beige);
}
body .elementor-shortcode div.gform_wrapper .gfield--type-choice input[type="checkbox"]:checked + label::before {
  border-color: var(--Main_Color_Blue);
}
body footer .elementor-shortcode div.gform_wrapper .gfield--type-choice input[type="checkbox"]:checked + label::before {
    border-color: var(--Main_Color_Beige);
}
body .elementor-shortcode div.gform_wrapper .gfield--type-choice input[type="checkbox"]:checked + label::after {
  transform: translateY(-50%) scale(0.55);
}
.gform_wrapper .gfield select {
    appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('assets//img/form_down_arrow.svg') no-repeat right 14px center;
  background-size: 14px;
  
}
/* footer privacy menu */
.privacy_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: flex-end;
}
.privacy_menu ul li a {
    color: var(--Main_Color_Beige);
    font-size: 14px;
}

/* footer newsletter */
footer .elementor-shortcode div.gform_wrapper {
	position: relative;
}
footer .gform_wrapper.gravity-theme .gform_validation_errors {
    display: none;
}
footer .elementor-shortcode div.gform_wrapper input[type=email] {
	background: transparent;
    padding: 0 10px;
	padding-right: 118px;
    border-radius: 100px;
    border: 0.5px solid rgba(255,255,255,0.5);
    outline: none;
    box-shadow: none;
    color: var(--Main_Color_Beige);
    font-family: var(--bodyfont);
    font-size: 12px;
    font-weight: var(--light);
    letter-spacing: 1px;
    width: 100%;
	height: 38px;
}

footer .elementor-shortcode div.gform_wrapper input::placeholder {
    color: var(--Main_Color_Beige);
    opacity: 1;
}

footer .elementor-shortcode div.gform_wrapper .gform_footer {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    padding: 0 15px;
	border-radius: 100px;
    background-color: var(--white);
}
.gform_wrapper.gravity-theme .gform-loader {
    border-block-end: 1.1em solid var(--Main_Color_Blue);
    border-block-start: 1.1em solid #fff;
    border-inline-end: 1.1em solid #fff;
    border-inline-start: 1.1em solid var(--Main_Color_Blue);
}
footer .elementor-shortcode div.gform_wrapper .gform_footer input[type=submit] {
    margin: 0;
    background: var(--white);
	color: var(--Main_Color_Blue);
	font-size: 12px;
	line-height: 36px !important;
    padding: 0;
    border-color: var(--white);
}
footer .elementor-shortcode div.gform_wrapper label {
	font-size: 12px;
}
footer .elementor-shortcode div.gform_wrapper .gfield--type-choice label::before {
    width: 15px;
    height: 15px;
}
body footer .elementor-shortcode div.gform_wrapper .gfield--type-choice label a,
body footer .elementor-shortcode div.gform_wrapper .gfield--type-choice label {
    color: var(--white);
    font-weight: var(--light);
}
footer .gform_confirmation_message {
    color: var(--white);
}
/* end footer newsletter */

.dark-bg .video-container {
	width: 100% !important;
}
.dark-bg .video-container video {
	width: 100% !important;
	height: auto !important;
}

@media (min-width:1600px) {
    .home .elementor div.elementor-element>.elementor-widget-spacer>.elementor-widget-container {
        padding: 0 0 82% 0;
    }
}
@media (max-width:1600px) {
    .container-fluid, header.site-header .header-content,
    div.elementor-element.container_fluid>div.e-con-inner {
        max-width: 1334px;
    }
}
/* responsive */
@media (max-width:1450px) {
    div#popup-bar {
        left: auto;
        right: -80px;
        transform: none;
    }
}
@media (min-width:768px) {
    .swiper-pagination {
        display: none !important;
    }
}
@media (max-width:1470px) and (min-width:1200px) {
    .logo img {
        max-width: 200px;
    }
    header.site-header {
        padding-inline: 32px;
    }
    nav.main-nav ul {
        gap: 10px;
    }
    header.site-header .header-content {
        gap: 20px;
    }
}
@media (max-width:1300px) and (min-width:1201px) {
    .header-icons a, .header-icons, .header-actions {
        gap: 15px;
    }
    .header-icons {
        gap: 10px;
        margin-right: 0;
    }
}
@media (max-width:1200px) {
    .main-nav::before {
        content: "";
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 50px;
        height: 65px;
        width: 197px;
        background-image: url('./assets/img/menu-shape.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    span.menu-close {
        display: none;
    }
    body header .mobile-menu-toggle span.menu-close svg {
        width: 1em;
        height: 1em;
        font-size: 16px;
    }
    .mobile-menu-toggle.active span.menu-close {
        display: block;
    }
    .mobile-menu-toggle.active>svg {
        display: none;
    }
    nav.main-nav ul.sub-menu {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        padding: 0 10px;
        margin: 20px 0;
        height: 0;
        overflow: hidden;
        flex-direction: column;
        align-items: flex-start;
    }
    nav.main-nav ul.sub-menu li {
        width: 100%;
    }
    span.user-fav-count {
        font-size: 12px;
        bottom: -5px;
        width: 22px;
        height: 16px;
        line-height: 1;

    }
    span.user-fav-count {
        font-size: 12px;
    }
    .header-icons a, .header-icons, .header-actions {
        gap: 25px;
    }
    .header-icons {
        gap: 15px;
    }
    header .mobile-menu-toggle {
        display: flex;
    }
    header .mobile-menu-toggle {
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background-color: var(--Main_Color_Blue);
        position: relative;
        z-index: 999;
    }
    header .mobile-menu-toggle svg path {
        stroke: var(--white);
    }
    header .mobile-menu-toggle svg rect {
        fill: var(--Main_Color_Blue);
    }
    body header .mobile-menu-toggle svg {
        font-size: 30px;
    }
    nav.main-nav {
        position: fixed;
        top: 45px;
        right: 15px;
        border-radius: 0;
        width: 100%;
        max-width: 276px;
        padding: 80px 30px;
        z-index: 9;
        transform: translateX(100%) scale(0);
        transition: 0.4s ease-in-out;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0px 15px 45px 0px #0000001A;
        border-radius: 4px;
        padding-bottom: 110px;
        transform-origin: top right;
    }
    nav.main-nav.active {
        transform: translateX(0) scale(1);
        opacity: 1;
        visibility: visible;
    }  
    .admin-bar nav.main-nav {
        top: 75px;
    }
    nav.main-nav ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        padding: 20px 0;
    }
    nav.main-nav ul li a {
        text-transform: unset;
        font-size: 20px;
        font-weight: var(--medium);
    }
}
@media (max-width:1024px) {
	.popup-wrapper span.h4 {
		font-size: 18px;
	}
    .privacy_menu ul {
        gap: 30px;
    }
    .slider-content-wrapper .static-bg img.bg-image {
        object-position: bottom;
    }
    .slider-content-wrapper .static-bg img.slider-absolute-image {
        left: 50px;
    }
    .text-slider .text-slide h4 {
        font-size: 32px;
        max-width: calc(100% - 140px);
    }
    body h2.main-title {
        font-size: 150px;
    }
    .footer-menu {
        margin-inline: -10px;
    }
    .footer-menu li {
        padding-inline: 10px;
    }
    .favorites-list>div {
        padding-inline: 60px;
    }
    body .favorites-list .simplefavorite-button.preset {
        right: 45px;
    }
    nav.main-nav {
        top: 25px;
    }
    header.site-header.sticky nav.main-nav {
        top: 3px;
    }
    body:has(header.site-header.sticky) {
        overflow: hidden;
    }
    .admin-bar nav.main-nav {
        top: 55px;
    }
    div.popup-search.active {
        top: 120px;
    }
    .product-slider .swiper-wrapper .swiper-slide {
        height: 550px;
    }
    .post-gallery-section {
        padding-inline: 32px;
    }
    .product-slider .swiper-wrapper .swiper-slide.swiper-slide-active {
        width: 420px !important;
    }
    div.search-results-header h1 {
        margin-bottom: 20px;
        font-size: 40px;
    }
    .gallery_slider .elementor-widget-container .swiper .swiper-slide-inner,
    .gallery_slider .elementor-widget-container .swiper .swiper-slide-inner p {
        height: 500px;
    }
    .gallery_slider .elementor-widget-container .swiper .swiper-slide.swiper-slide-active {
        width: 410px !important;
    }
    .icon-image-wrapper {
        gap: 12px;
    }
    .about-section .container, .single-banner-section .container {
        gap: 64px;
    }
    .about-left, .single-banner-section .container>div {
        width: calc(50% - 32px);
    }
    .feature-doc-section .container>div,
    .document-right ul li>span, .specification-content {
        width: 45%;
    }
    .document-right ul li>span {
        width: 100%;
    }
    .slider-content-section {
        width: 60%;
    }
    .slider-image-section {
        width: 40%;
    }
    div.trevo-slick-slider .slick-slide {
        gap: 64px;
    }
    .feature-image-section {
        padding: 0 64px;
        min-height: 400px;
    }
    .section-padding {
        padding-inline: 32px;
    }
    header.site-header {
        padding: 40px 32px;
    }
    body {
        padding-top: 126px;
    }
    .header-icons a, .header-icons, .header-actions {
        gap: 20px;
        margin-right: 0;
    }
    .search-results-header,
    .post-category-section {
        margin-bottom: 64px;
    }
    .post-category-section {
        gap: 64px;
    }
    .elementor-widget .elementor-icon-list-items.elementor-inline-items {
        gap: 15px;
    }
    #documents-list {
        grid-template-columns: repeat(3, 1fr);
    }
    .post-categories ul {
        gap: 25px;
    }
    footer div.elementor-element br {
        display: none;
    }
}
@media (max-width:800px) {
    .three-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-menu li {
        width: 50%;
    }
}
@media (max-width:767px) {
    body .related-product-section .simplefavorite-button.preset {
        right: 30px;
    }
    body .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        min-height: inherit;
        line-height: 1;
    }
    .privacy_menu ul {
        gap: 30px;
        justify-content: flex-start;
    }
    nav.main-nav {
        padding-bottom: 130px;
    }
    nav.main-nav.active:has(.select2-container--open) {
        padding-bottom: 160px;
    }
    nav.main-nav ul {
        padding-bottom: 30px;
    }
	nav.main-nav ul li.only-mobile {
		display: block;
	}
    body:has(.mobile-category-select .select2-container--open) .select2-results__option,
    body:has(.document-category-section .mobile-filter-section .select2-container--open) .select2-results__option {
        text-transform: uppercase;
    }
    body:has(.language-selector-mobile .lang-selector .select2-container--open) span.select2-results,
    body:has(.language-selector-mobile .lang-selector .select2-container--open) .select2-results__option {
        padding: 0 !important;
        border-radius: 0;
        background-color: transparent;
        color: var(--Main_Color_Blue);
    }
    body:has(.language-selector-mobile .lang-selector .select2-container--open) .select2-results__option:not(:last-child) {
        margin-bottom: 6px;
    }
    .text-slide {
        right: -30px;
    }
    .slider-content-wrapper .static-bg img.slider-absolute-image {
        left: -10px;
        bottom: 37px;
    }
    .pinned-slider-section {
        padding-top: 38px !important;
    }
    .text-slide {
        bottom: 0;
    }
    .text-slider-wrapper {
        padding: 22px;
    }
    .text-slider .text-slide h4 {
        font-size: 20px;
    }
    .slider-content-wrapper .static-bg img {
        height: 440px;
    }
    body h2.main-title {
        font-size: 90px;
        left: 20px;
        top: -43px;
    }
    body .mobile-filter-section .select2-container--default .select2-selection--single[aria-expanded="true"] {
        background-color: var(--white);
        border-color: transparent;
    }
    .elementor-widget .elementor-icon-list-items.elementor-inline-items {
        gap: 30px;
    }
    .mobile-category-select,
    nav .language-selector-mobile .lang-selector {
        display: block;
    }
    body .favorites-list .simplefavorite-button.preset::before {
        width: 12px;
        height: 12px;
    }
    body .favorites-list .simplefavorite-button.preset {
        right: -17px;
        top: 16px;
    }
    .favorites-list .custom-favorite-item:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    body .custom-favorite-item h3 {
        font-size: 20px;
        margin: 0 0 5px;
    }
    .custom-favorite-item p a {
        font-size: 14px;
        font-weight: var(--light);
    }
    .favorites-list>div {
        padding-inline: 0;
    } 
    .custom-favorite-item {
        gap: 16px;
    }
    .favorites-list .custom-favorite-item img {
        width: 71px;
        height: 71px;
    }
    .mobile-menu-toggle.active span.menu-close {
        display: flex;
    }
    body header .mobile-menu-toggle span.menu-close svg {
        font-size: 10px;
    }
    .specification-list {
        flex-direction: column;
    }
    .specification-column.half-width,
    div.elementor-element.width_fit {
        width: 100%;
    }
    .specification-column.half-width:first-child {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--border);
    }
    .icon-image-wrapper>div {
        width: 58px;
        height: 58px;
    }

    .elementor div.elementor-element .elementor-widget-button .elementor-button,
    .error-area .button-section .elementor-button {
        background-color: var(--Main_Color_Blue);
        color: var(--Main_Color_Beige);
        border-color: var(--Main_Color_Blue);
    }
    .elementor div.elementor-element .elementor-widget-button .elementor-button:hover,
    .error-area .button-section .elementor-button:hover {
        background-color: transparent;
        color: var(--Main_Color_Blue);
        border-color: var(--border);
    }
    .document-sub-category-section .mobile-filter-section,
    .document-category-section .mobile-filter-section {
        display: block;
    }
    .document-sub-category-section .post-categories>ul, 
    .document-category-section .post-categories>ul {
        display: none;
    }
    .elementor div.elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {
        width: fit-content;
        margin-inline: auto;
    }
    .elementor-widget-text-editor p:not(:first-child) strong {
        margin-top: 20px;
    }
    body .specification-section .specification-content:nth-last-child(2) {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--border);
    }
    .specification-content {
        gap: 10px;
    }
    .live-on-title {
        max-width: 300px;
        padding-right: 50px;
        margin-left: auto;
        margin-right: 0;
    }
    body {
        padding-top: 120px;
    }
    .progress-bar-section,
    .lang-selector {
        display: none;
    }
    .icon_list_slider .slick-list .slick-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px;
    }
    .hover_box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description {
        height: auto;
        overflow: visible;
    }
    div.product-slider, .product-slider .slick-list, .gallery_slider .elementor-widget-container .swiper {
        overflow-x: clip;
    }
    .slider-content-section {
        text-align: center;
    }
    .cta-image-wrapper,
    .product-slider .swiper-wrapper .swiper-slide,
    .gallery_slider .elementor-widget-container .swiper .swiper-slide-inner,
    div.trevo-slick-slider .slick-slide .slider-image-section {
        position: relative;
        height: 0;
        overflow: hidden;
        border-radius: 4px;
        padding-bottom: calc(1.15*100%);
        width: calc(100% - 50px);
        margin-inline: auto;
    }
    .product-slider .swiper-wrapper .swiper-slide {
        padding-bottom: 100%;
    }
    .cta-image-wrapper img,
    .product-slider .swiper-wrapper .swiper-slide img,
    .gallery_slider .elementor-widget-container .swiper .swiper-slide-inner img,
    div.trevo-slick-slider .slick-slide .slider-image-section img {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .gallery_slider .elementor-widget-container .swiper .swiper-slide-inner img {
        object-position: -22px 0;
    }
    div.about-right .elementor-button,
    div.trevo-slick-slider .slick-slide .elementor-button {
        background-color: var(--Main_Color_Blue);
        border-color: var(--Main_Color_Blue);
        color: var(--Main_Color_Beige);
    }
    div.about-right .elementor-button {
        display: block;
        width: fit-content;
        margin-inline: auto;
    }
    div.about-right .elementor-button:hover,
    div.trevo-slick-slider .slick-slide .elementor-button:hover {
        background-color: transparent;
        border-color: var(--border);
        color: var(--Main_Color_Blue);
    }
    .post-gallery-section {
        padding-inline: 25px;
    }
    .error-area {
        margin-top: 64px;
    }
    div.bg-shape {
        margin-top: -103px;
    }
    .error-area p,
    div.bg-shape, .error-area h1 {
        margin-bottom: 20px;
    }
    .button-section {
        gap: 40px;
    }
    div.search-results-header h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .custom-navigation-arrow>div, .gallery_slider.elementor-element .swiper .elementor-swiper-button {
        margin-top: 20px;
    }
    .gallery_slider.elementor-element .swiper .elementor-swiper-button {
        display: none;
    }
    body .swiper-pagination,
    body .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, 
    body .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .slick-slider ul.slick-dots,
    .gallery_slider.elementor-element .swiper .swiper-pagination {
        margin-top: 30px;
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 100% !important;
        transform: none;
    }
    .slick-slider ul.slick-dots li {
        width: auto;
        height: auto;
        margin: 0;
    }
    body div.swiper-pagination>span,
    body .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic>span, 
    body .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic>span,
    .slick-slider ul.slick-dots li button,
    .gallery_slider.elementor-element .swiper .swiper-pagination>span {
        margin: 0;
        width: 6px;
        height: 6px;
        background-color: rgba(24, 50, 84, 0.4);
        transition: var(--transition);
        border-radius: 0;
        padding: 0;
        margin: 0;
    }
    body .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, body .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
    }
    .icon_list_slider.slick-slider ul.slick-dots li button {
        background-color: rgba(230, 221, 210, 0.4);
    }
    .slick-slider ul.slick-dots li button::before {
        content: none;
    }
    body .swiper-pagination>span.swiper-pagination-bullet-active,
    body .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic>span.swiper-pagination-bullet-active, 
    body .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic>span.swiper-pagination-bullet-active,
    .slick-slider ul.slick-dots li.slick-active button,
    .gallery_slider.elementor-element .swiper .swiper-pagination>span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--Main_Color_Blue);
    }
    .icon_list_slider.slick-slider ul.slick-dots li.slick-active button {
        background-color: var(--Main_Color_Beige);
    }
    .cta-image-wrapper,
    .gallery_slider .elementor-widget-container .swiper .swiper-slide-inner {
        padding-bottom: 100%;
        height: 100%;
        width: 100%;
    }
    body .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    .gallery_slider .elementor-widget-container .swiper .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }
    .wp-block-columns>.wp-block-column:has(img) {
        order: 1;
    }
    .wp-block-columns>.wp-block-column:not(:has(img)) {
        order: 2;
    }
    body .post-content-wrapper .is-layout-flex {
        gap: 20px;
    }
    .related-product-section h2,
    .feature-doc-section h3, .specification-section h3,
    .related-post-section h2,
    .single-post-section .post-content-wrapper h2 {
        margin-bottom: 30px;
    }
    .wp-block-image {
        margin: 0 ;
    }
    .error-area p,
    .search-results-header {
        margin-bottom: 40px;
    }
    .feature-image-section {
        padding: 0 25px;
        min-height: 345px;
    }
    .post-categories {
        justify-content: center;
        margin: 0;
        z-index: 88;
    }
    .feature-image-section {
        margin-bottom: 60px;
        gap: 10px;
    }
    .post-content-wrapper>p:first-child,
    .post-content-wrapper>p:nth-child(2) {
        text-align: center;
    }
    .wp-block-spacer {
        height: 12px !important;
    }
    .section-padding {
        padding: 60px 25px;
        padding-inline: 25px;
    }
    .section-padding.search-form-container {
        padding-bottom: 30px;
    }
    .footer-menu {
        column-count: 2;
    }
    .post-category-section {
        margin-bottom: 40px;
        gap: 20px;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        position: relative;
        z-index: 88;
    }
    .document-sub-category-section.post-category-section,
    .document-category-section.post-category-section {
        flex-direction: row;
    }
    .document_list_section .post-category-section {
        flex-direction: row;
        align-items: center;
        gap:0;
    }
    .load-more-container, .load-more-wrapper {
        margin-top: 40px;
    }
    .logo img {
        max-width: 180px;
    }
    header.site-header {
        padding-inline: 25px;
    }
    body header div.header-actions>.button-filled {
        display: none;
    }
    header .mobile-menu-toggle, .header-icons a {
        width: 40px;
        height: 40px;
    }
    header .mobile-menu-toggle svg, .header-icons a svg {
        width: 1em;
        height: 1em;
        font-size: 16px;
    }
    .header-icons a, .header-icons, .header-actions {
        gap: 16px;
    }
    .footer-menu li {
        margin-bottom: 20px;
    }
    .post-categories ul {
        gap: 15px;
    }
    .about-section .container, .single-banner-section .container,
    div.trevo-slick-slider .slick-slide {
        gap: 25px;
        flex-direction: column-reverse;
    }
    .single-banner-section .container {
        gap: 60px;
        align-items: center;
    }
    div.trevo-slick-slider .slick-slide {
        gap: 40px;
    }
    .about-section .container,
    .feature-doc-section .container {
        flex-direction: column;
        gap: 25px;
    }
    .feature-doc-section .container {
        gap: 60px;
    }
    .feature-doc-section .container>div, .document-right ul li>span, .specification-content,
    .about-right, .single-banner-section .container>div.banner-right,
    .about-left, .single-banner-section .container>div,
    .slider-content-section,
    .slider-image-section {
        width: 100%;
    }
    .strevo-control-wrapper {
        display: none;
    }
    .banner-left {
        gap: 16px;
        text-align: center;
        align-items: center;
    }
    div.cta-image-wrapper img.secondary-image {
        width: 50%;
        height: auto;
        min-width: 228px;
        top: auto;
        left: auto;
    }
    .about-section .container,
    .cta-section .container {
        gap: 40px;
    }
    .product-slider .swiper-wrapper .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }
    .product-description ul,
    .slider-content-section p {
        margin-bottom: 40px;
    }
    div.popup-search.active {
        top: 100px;
    }
    .slider-content-section h2.slider-title {
        margin-bottom: 20px;
    }
    .custom-navigation-arrow {
        gap: 10px;
        display: none;
    }
    .icon-image-wrapper,
    .product-categories {
        margin-bottom: 14px;
    }
    .enquiry-button-section {
        align-items: center;
        gap: 40px;
        justify-content: center;
    }
    .icon-image-wrapper {
        gap: 6px;
        margin-bottom: 34px;
    }
    .about-left {
        padding-bottom: 77%;
    }
   body .about-right h2 {
        margin-bottom: 16px;
    }
    .product-slider::after {
        bottom: 18px;
        left: auto;
        right: 24px;
    }
    .feature-image-section h1.entry-title {
        text-align: center;
    }
    header.site-header .header-content {
        gap: 20px;
        justify-content: space-between;
    }
    .popup-wrapper {
        min-width: inherit;
        max-width: fit-content;
    }
    div#popup-bar {
        position: fixed;
        top: 60px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 100%;
        max-width: 310px;
    }
    header div#popup-bar.active, .popup-section-container:hover div#popup-bar {
        top: 45px;
    }

}
@media (max-width:576px) {
    .favorite-limit-notification {
        left: 20px;
        max-width: 100% !important;
    }
    .icon-image-wrapper>div:last-child .icon-title-wrapper {
        left: auto;
        right: 0;
        transform: translateY(2em);
    }
    .icon-image-wrapper>div:last-child:hover .icon-title-wrapper {
        transform: translateY(0);
    }
    .elementor-shortcode:has(.post-categories ul li.has-sub-menu a.active) .three-posts-grid {
        padding-top: 120px;
    }
    .elementor-shortcode:has(.product-category-section .post-categories ul li.has-sub-menu a.active) .three-posts-grid {
        padding-top: 60px;
    }
    .post-categories ul li ul.sub-menu {
        top: calc(100% + 30px);
        justify-content: center;
        gap: 20px;
        right: 0;
        row-gap: 18px;
        width: 100%;
        max-width: 250px;
        margin-inline: auto;
    }
    .product-category-section .post-categories ul li ul.sub-menu {
        gap: 14px;
        max-width: 100%;
    }
    body .mobile-filter-section .select2-container--default .select2-selection--single {
        padding: 7px 26px 7px 12px;
    }
    body .select2-results__option, body .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
        letter-spacing: 1px;
    }
    .document-category-section span.select2-container--default,
    .document-sub-category-section span.select2-container--default {
        width: 212px !important;
    } 
    body .document-sub-category-section .mobile-filter-section .select2-container--default .select2-selection--single {
        padding: 7px 20px 6px 10px;
    }
    body .mobile-filter-section .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 8px;
    }
    #catalog .post-categories span.select2-container--default,
    #catalog .post-categories span.select2-container--above,
    #catalog .post-categories span.select2-container--below {
        min-width: fit-content;
    }
    body .mobile-filter-section .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: normal;
    }
    .post-categories ul li:nth-child(even) ul.sub-menu {
        left: 0;
        right: 0;
    }
    .slider-content-wrapper .static-bg img.bg-image {
        object-position: 28% 0;
    }
    .post-categories ul {
        gap: 15px;
    }
    header.site-header.sticky .logo img,
    .logo img {
        max-width: 165px;
    }
    div.about-left img {
        object-position: 0 74%;
    }
    .footer-menu {
        column-count: 1;
    }
    .three-posts-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap:30px;
        position: relative;
        z-index: 1;
        transition: var(--transition);
    }
    .footer-menu li {
        margin-bottom: 25px;
    }
    #documents-list {
        grid-template-columns: repeat(1, 1fr);
        max-width: 241px;
        margin-inline: auto;
        grid-row-gap: 30px;
    }
    .document-content {
        min-height: auto;
    }
    .post-categories ul {
        justify-content: space-between;
        row-gap: 40px;
    }
    h2.wp-block-heading br,
    .duplicate-slide {
        display: none !important;
    }
    .footer-menu li {
        width: 100%;
    }
    .single-post-section .post-content-wrapper h2 {
        max-width: 300px;
    }
    body .select2-results__option[aria-selected], body .select2-container--default .select2-results__option[aria-selected=true],
    body .select2-results__option[aria-selected],
    .post-categories ul li a,
    body .select2-results__option, body .select2-container--default .select2-selection--single .select2-selection__rendered {
        letter-spacing: 1px;
        font-size: 13px;
    }
    .text-slider .text-slide h4 {
        max-width: calc(100% - 85px);
    }
    body .elementor-shortcode div.gform_wrapper .gform_fields {
        grid-row-gap: 20px;
    }
    body .elementor-shortcode div.gform_wrapper .gfield_label, body .elementor-shortcode div.gform_wrapper label {
        margin: 0 0 10px;
    }
    .category-select-wrapper span.select2-container--default {
        width: 137px !important;
    }
    
	footer .elementor-shortcode div.gform_wrapper input[type=email] {
		padding-right: 98px;
		font-size: 10px;
	}
	
	footer .elementor-shortcode div.gform_wrapper .gform_footer {
		padding: 0 10px;
	}
	
	footer .elementor-shortcode div.gform_wrapper .gform_footer input[type=submit] {
		font-size: 10px;
		line-height: 36px !important;
	}
	footer .elementor-shortcode div.gform_wrapper label {
		font-size: 10px;
	}
}
@media (max-width:375px) {
    .icon-image-wrapper {
        margin-inline: -7px;
    }
    .icon-image-wrapper>div {
        width: 50px;
        height: 50px;
    }
    .icon-image-wrapper>div img {
        // width: 32px;
    }
}