.logo-turned-white img{
	filter: brightness(0) invert(1);
}
.hfe-site-logo-container{
	display: flex;
}
.product-banner__cataloge-btn{
    margin-top: 20px;
}
.soranzo-hero{
    position:relative;
    overflow:hidden;
}
.soranzoSwiper .swiper-slide{
    height: auto !important;
}
.no-specs .link-loop-btn{
width: 100%;
}
.soranzo-hero{
    height: 100vh;
}
.soranzoSwiper{
    height:100%!important;
}
.soranzoSwiper .swiper-wrapper{
   align-items: stretch;
}
.banner-sec{
	padding-top: 230px;
    padding-bottom: 150px;
        height: 100%;
    align-items: center;
    display: flex;
}
.w-100{
    width: 100%!important;
}

.slide-bg{
    position:absolute;
    inset:0;
}

.slide-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.slide-overlay{
    position:absolute;
    inset:0;
    /*background:
    linear-gradient(
        180deg,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.45) 45%,
        rgba(0,0,0,.10) 100%
    );*/
}
.main-menu-wrap nav > ul > li > a{
   text-shadow: 0 0px 2px black;
}
.swiper-slide .container{
    position:relative;
    z-index:2;

    max-width:1400px;
    height:100%;

    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.slide-content{
    max-width:600px;
    color:#fff;
    margin: auto;
    text-align: center;
}

.subtitle{
    display:block;
    font-size:20px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#fff;
      text-shadow: 0 5px 4px black;
}

.slide-content h1{
    font-size:50px;
    line-height:1;
    margin:20px 0;
    font-weight:700;
      text-shadow: 0 5px 4px black;
}

.slide-content p{
    font-size:24px;
    line-height:1.5;
    margin-bottom:30px;
        margin-top: 15px;
         text-shadow: 0 5px 4px black;
}

.slider-btn{
    display:inline-flex;
    align-items:center;
    padding:18px 40px;
    border:1px solid #d5b27f;
    color:#fff;
    text-decoration:none;
}



.swiper-pagination-bullet{
    width:auto;
    height:auto;
    background:none;
    color:#fff;
    opacity:.4;
    font-size:14px;
}

.swiper-pagination-bullet-active{
  color: var(--e-global-color-primary)!important;
  opacity: 1 !important;
}
.custom-container{
	display: block !important;
}
.slider-controls{
    position:absolute;
    bottom:40px;
    left:80px;
    z-index:20;

    display:flex;
    align-items:center;
    gap:25px;
}

.slider-progress{
    width:180px;
    height:2px;
    background:rgba(255,255,255,.2);
    position:relative;
    overflow:hidden;
}

.slider-progress span{
    position:absolute;
    left:0;
    top:0;

    width:0%;
    height:100%;

    background:#fff;
}

.slider-pause{
width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    background: none;
    color: #fff;
    cursor: pointer;
    padding: 8px !important;
}

.swiper-pagination{
    position:relative !important;
    width:auto !important;
    bottom:auto !important;
}

.swiper-pagination-bullet{
    width:auto !important;
    height:auto !important;
    background:none !important;
    color:#fff;
    opacity:1!important;
    margin-right:18px !important;
    font-size:14px;
}

.swiper-pagination-bullet-active{
     color:#fff;
}
.ehf-header #masthead {
    z-index: 9999;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
     
    transition:all .5s ease;

    background:transparent;
}
.top-bar-menu-wrap ul li{
    height: 100%;
}
.top-bar-menu-wrap ul li.current-menu-item a{
    font-weight: 500!important;
}
.top-bar-menu-wrap ul li a{
height: 100%;
}
.top-bar-menu-wrap ul{
    align-items: center;
}
.main-menu-wrap nav > ul > li > a{
  justify-content: flex-start!important;
}
.main-menu-wrap nav > ul > li{
    flex: none !important;
    display: flex;
}
.main-menu-wrap nav > ul > li:not(:first-child){
margin-left: auto;
}
.main-menu-wrap nav > ul{
    width: 100%;
}
.top-bar-social .elementor-icon{
background-color: transparent!important;
}
.elementor-button{
        background-color: var(--e-global-color-secondary) !important;
        box-shadow: rgba(255, 255, 255, 1) 4px 4px 0 0, var(--e-global-color-secondary) 4px 4px 0 1px!important;
}
.elementor-button:hover{
    background-color: #d5b27f !important;
}
.swiper-button-prev, .swiper-button-next{
  width:50px !important;
    height:50px !important;

   background-color: var(--e-global-color-secondary);  
   top:50% !important;
    transform:translateY(-50%);
border-radius: 4px;
    margin-top:0 !important;
}
.soranzo-hero .swiper-button-next, .soranzo-hero .swiper-button-prev{
width:50px !important;
    height:50px !important;
opacity: 1 !important;
cursor: pointer!important;
pointer-events: auto!important;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.15);

    transition:.3s ease;

    top:50% !important;
    transform:translateY(-50%);

    margin-top:0 !important;
}
.soranzo-hero .swiper-button-next:after, .soranzo-hero .swiper-button-prev:after, 
.swiper-button-prev:after, .swiper-button-next:after{
   font-size:18px !important;
    font-weight:300;
    color:#fff;
}
.soranzo-hero .swiper-button-next:hover, .soranzo-hero .swiper-button-prev:hover,
.swiper-button-prev:hover, .swiper-button-next:hover{
  background:#c89f65;
    border-color:#c89f65;
}
/* Left */

.soranzo-hero .swiper-button-prev{
    left:0 !important;
    border-radius:0 8px 8px 0;
}
.recommended-products .swiper-button-next{
right: -70px;
}
.recommended-products .swiper-button-prev{
    left: -70px;
}
/* Right */

.soranzo-hero .swiper-button-next{
    right:0 !important;
    border-radius:8px 0 0 8px;
}
.top-top-wrap{
   transition:
        opacity .4s ease,
        transform .4s ease;

    opacity:1;
    transform:translateY(0);
}
.ehf-header #masthead.mast-scroll .top-top-wrap{
 opacity:0;
    transform:translateY(-30px);
    pointer-events:none;
}
.ehf-header #masthead.mast-scroll{
    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,1) 0%,
        var(--e-global-color-secondary) 100%
    );
    height: 92px;
    transform: translateY(-28px);
}
.main-menu-wrap{
     transition:all .5s ease;
}
.ehf-header #masthead.mast-scroll .main-menu-wrap{
    transform:translateY(-26px);
}
.ehf-header #masthead.mast-scroll .main-menu-wrap > .elementor-widget-container{
  border: 0 !important;
}
.under-line-heading .elementor-heading-title{
position: relative;
}
.under-line-heading .elementor-heading-title:after{
    position: absolute;
    content: '';
      bottom: -10px;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #ffffff40;
}
.value-box .elementor-image-box-img img{
filter: invert(72%) sepia(24%) saturate(712%) hue-rotate(355deg) brightness(91%) contrast(87%);
}
.elementor-row{
display: flex;
flex-wrap: wrap;
}
.custom-col{
    display: block!important;
    padding-left: 10px;
    padding-right: 10px;
}
.under-line-heading.under-line-heading.under-line-center .elementor-heading-title:after{
 left: 50%;
 transform: translateX(-50%);
}

.under-line-heading-differ .elementor-heading-title:after{
   background-color: var(--e-global-color-primary);
}
.card-icon{
    width: 50px;
    position: relative;
    top: -69px;
    height: 50px;
    /* overflow: hidden; */
    left: 10px;
    z-index: 1;
}
.card-icon img{
   filter: brightness(0) invert(1);
}
.soranzo-categories-grid{

    display:grid;

    grid-template-columns:
    repeat(4,minmax(0,1fr));

    gap:30px;
}

.soranzo-category-card{

    display:block;

    text-decoration:none;

    border:1px solid var(--e-global-color-secondary);
padding: 20px;
    overflow:hidden;

    position:relative;

    transition:.4s ease;
}

.soranzo-category-card:before{

    content:'';

    position:absolute;

    left:0;
    top:0;

    width:0;

    height:3px;

    background:#cfa15b;

    transition:.4s;
}
.soranzo-category-card:hover:before{

    width:100%;
}
.card-image{

    height:200px;

    overflow:hidden;

    position:relative;
}
.card-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s ease;
}
.soranzo-category-card:hover
.card-image img{

    transform:scale(1.12);
}
.card-image:after{

    content:'';

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:100%;

    background:

    linear-gradient(
        to top,
        rgba(0,0,0,.8),
        rgba(0,0,0,.15)
    );
}
.card-content{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:20px 0 0 0;
    margin-top: 25px;

    border-top:
    1px solid var(--e-global-color-secondary);
}
.card-content h3{

    margin:0;

    color:var(--e-global-color-secondary);

    font-size:18px;

    font-weight:700;

    line-height:1.2;
}
.card-arrow{

    color:var(--e-global-color-secondary);

    font-size:20px;

    line-height:1;
transform: rotate(-32deg);
    transition:.3s;
}
.soranzo-category-card:hover
.card-arrow, .design-view-tab:hover .card-arrow, .colours-tab:hover .card-arrow{
transform: rotate(0deg);
    color:#cfa15b;
}

.product-tabs{

    display:flex;
    gap:40px;

    margin-bottom:40px;

    border-bottom:1px solid #ddd;
    overflow-x: auto;
    overflow-y: hidden;
    
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #b58b3b #f3f3f3;
}
/* Chrome */
.product-tabs::-webkit-scrollbar{
    height:8px;
}
.design-gallery video{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  
}

.product-tabs::-webkit-scrollbar-track{
    background:#f3f3f3;
    border-radius:50px;
}

.product-tabs::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,#8f6a2b,#c89d46,#8f6a2b);
    border-radius:50px;
    transition:.3s;
}

.product-tabs::-webkit-scrollbar-thumb:hover{
    background:#9c742d;
}

.product-tab{

    background:none;
    border:none;

    font-size:14px;
    font-weight:600;

    cursor:pointer;

    padding-bottom:15px;

    position:relative;
}

.product-tab.active:after{

    content:'';

    position:absolute;

    left:0;
    bottom:-1px;

    width:100%;
    height:2px;

    background:#d7a85d;
}

.tab-content{
    display:none;
}

.tab-content.active{
    display:block;
}

.product-card{
    background:#fff;
    height:100%;
    padding-bottom: 20px;
}
.text-center{
    text-align: center!important;
}
.product-tab{
    background-color: transparent!important;
    padding: 0 0 15px 0 !important;
    color: var(--e-global-color-secondary)!important;
    border: 0 !important;
    font-weight: 700 !important;
}
.product-image{
margin-bottom:12px ;
    text-align:center;
    overflow: hidden;
}
.product-title-wrap{
    border-top: 1px solid var(--e-global-color-secondary);
    border-bottom: 1px solid var(--e-global-color-secondary);
}
.no-specs .product-title-wrap{
    border-bottom: 0!important;
}

.product-image img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
}
.product-loop-title{
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom:6px ;
        margin-top: 15px;
}

.spec-box{
    background: #f4f4f4;
       padding: 0px 20px 35px 20px;
    margin-top: 20px;
    margin-bottom: -28px;
}

.spec-box div{

    padding:12px 0;

    border-bottom:1px solid #ddd;
}

.spec-box div:last-child{
    border-bottom:none;
}

.spec-box span{

    display:block;

    color:#777;

    font-size:13px;
}

.spec-box strong{

    display:block;
font-size: 14px;
    margin-top:5px;
}
.link-all{
    margin-left: auto;
        margin-bottom: 20px;
}
.news-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;
}
.news-item{

    background:#f8f8f8;

    min-height:220px;

    display:flex;
}
.news-content{

    padding:35px;
background-color: black;
    flex:1;
}
.news-date{

    font-size:12px;
    color:#888;

    text-transform:uppercase;

    display:block;

    margin-bottom:20px;
}
.news-item > div{
    width: 50%;
}
.news-content h3{

    font-size:14px;
    line-height:1.4;

    margin-bottom:30px;
}

.news-content h3 a{
font-weight: 600;
    color:#fff;
    text-decoration:none;
}
.news-link{

 font-size: 10px !important;
 padding: 12px 20px !important;
}
.news-image{

    height:100%px;
}
.product-banner__title.blog-detail-title{
    font-size: 28px !important;
}

.news-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}

.news-item{

    transition:.3s ease;
}

.news-item:hover{

    transform:translateY(-5px);
}

.news-item:hover img{

    transform:scale(1.05);
}

.news-image{

    overflow:hidden;
}

.news-image img{

    transition:.5s ease;
}

.product-card{
    position:relative;
    overflow:hidden;
    border: 1px solid var(--e-global-color-secondary);
    padding: 20px;
        display: flex;
    flex-wrap: wrap;
}

.link-loop-btn-wrap{
    margin-top: auto;
}

.product-card .product-image img{
    transition:all .4s ease;
}

.product-card:hover .product-image img{
    transform:
        translateY(-10px)
        scale(1.05);
}
.border-div{
    border: 1px solid var(--e-global-color-primary);
    padding: 15px;
    height: 100%;
}
.news-content, .col-stylish{
    position: relative;
        -webkit-transition: all .25s cubic-bezier(.42, .09, .25, .91);
    -moz-transition: all .25s cubic-bezier(.42,.09,.25,.91);
    transition: all .25s cubic-bezier(.42, .09, .25, .91);
}

.news-content:after, .col-stylish:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 11px;
    bottom: 11px;
    left: 11px;
    right: 11px;
    display: block;
    border-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px;
        -webkit-transition: all .25s cubic-bezier(.42, .09, .25, .91);
    -moz-transition: all .25s cubic-bezier(.42,.09,.25,.91);
    transition: all .25s cubic-bezier(.42, .09, .25, .91);
}
.news-inner, .col-stylish > *{
    position: relative;
    z-index: 2;
}
.h-100{
    height: 100%!important;
}
.fabricasto-breadcrumb a{
    color: white;
}
.fabricasto-breadcrumb i{
    padding: 0 10px;
    font-size: 12px;
}
.news-item:hover .news-content:after, .col-stylish:hover:after {
    top: 22px;
    left: 22px;
    right: 22px;
    bottom: 22px;
    -webkit-transition: all .25s cubic-bezier(.42, .09, .25, .91);
    -moz-transition: all .25s cubic-bezier(.42,.09,.25,.91);
    transition: all .25s cubic-bezier(.42, .09, .25, .91);
}
.featured-project-layout{

    display:grid;

    grid-template-columns:2fr 1fr;

    min-height:650px;

    overflow:hidden;

    border-radius:12px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.12);
}
.project-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s;
}
.video-box, .video-box .e-hosted-video{
    height: 100%;
}
.video-box:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
 background:
    linear-gradient(
    90deg,
    #06152e,
    #00000050
    );
}
.project-content{

    background:
    linear-gradient(
    90deg,
    var(--e-global-color-secondary),
    #000
    );

    color:#fff;

    padding:60px;

    display:flex;

    flex-direction:column;

    justify-content:center;
}

.project-products{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:25px 0;
}

.project-products span{

    background:
    rgba(255,255,255,.08);

    padding:10px 15px;

    border-radius:4px;
}

.featured-navigation{
position: relative;
    display:flex;
    gap:10px;
        justify-content: flex-end;
            margin-bottom: 20px;
}
.featured-navigation:after{
    position: absolute;
    content: '';
    width: calc(100% - 125px);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: .1px;
    background-color: #ddd;
}
.featured-prev,
.featured-next{

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    border:1px solid #ddd;

    transition:.3s;
}

.featured-prev:hover,
.featured-next:hover{

    background:#cda05b;
    color:#fff;
}
.swiper-slide-active .project-image img{

    transform:scale(1.08);
}
.project-type, .sytems-heading{
    color: #cda05b;
    font-weight: 200;
}
.project-btn{
    margin-top: 20px;
}
.newsletter-form form > p{
display: flex;
align-items: center;
gap: 20px;
}
.newsletter-form form .input-type{
    background-color: black;
    color: white!important;
    border-color: var(--e-global-color-primary) !important;
    margin-bottom: 0 !important;
}
.newsletter-form form .input-type::placeholder{
    color: white !important;
}
.w-100{
    width: 100% !important;
}

.product-banner{
    position:relative;
    height:100vh;
}
.banner-detail-wrap{
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  
}
.product-banner__slider, .post-banner__slider{
    position: absolute!important;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}
.technical-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:40px;
    max-width:340px;
    margin-left: auto;
}

.technical-toggle span{
    font-size:17px;
    color:#111;
    line-height:1;
}

.switch{
    position:relative;
    display:inline-block;
    width:50px;
    height:28px;
    flex-shrink:0;
}

.switch input{
    opacity:0;
    width:0;
    height:0;
}

.slider{
    position:absolute;
    inset:0;
    cursor:pointer;
    background:#d8d8d8;
    border-radius:50px;
    transition:.35s ease;
}

.slider:before{
    content:'';
    position:absolute;
    width:22px;
    height:22px;
    left:3px;
    top:3px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 3px 10px rgba(0,0,0,.18);
    transition:.35s cubic-bezier(.4,0,.2,1);
}

.switch input:checked + .slider{
    background:#C79D5B;
}

.switch input:checked + .slider:before{
    transform:translateX(22px);
}
.slider-box{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}
.product-banner__slider,
.product-banner__slider .swiper-wrapper,
.product-banner__slider .swiper-slide, .post-banner__slider{
    height:100%;
}

.slider-box:before{
    position:absolute;
    inset:0;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

/*    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.65) 0%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.15) 100%
        );*/
}


.product-banner__breadcrumb{
    margin-bottom:20px;
    color:#fff;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    padding: 20px;
    max-width: 700px!important;
    border-left: 4px solid var(--e-global-color-primary);
}
.single-soranzo_product .product-banner__breadcrumb{
background-image: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(255, 255, 255, 0));
}

.product-banner__title{
    color:#fff;
    font-size:72px !important;
    line-height:1.1;
    margin:0 0 15px;
      text-shadow: 0 5px 4px black;
}

.product-banner__subtitle{
    color:#fff;
    font-size:22px;
    max-width:700px;
      text-shadow: 0 5px 4px black;
}

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

.product-share__toggle{

    width:64px;
    height:64px;

    border:0;

    cursor:pointer;
border-color: white !important;
 background: transparent !important;
    color: #fff !important;
    font-size: 22px;
    padding: 0 !important;

}
.container-new{
    align-items: center;
}
.product-share{
    position: relative;
}
.product-share__menu{

  position: absolute;

    width:64px;

    opacity:0;
    visibility:hidden;

    transform:translateY(-15px);

    transition:.35s ease;

}

.product-share:hover .product-share__menu{

    opacity:1;
    visibility:visible;

    transform:translateY(0);

}

.product-share__menu a,
.product-share__menu button{

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:transparent!important;

    border:1px solid white;

    color:white!important;

    text-decoration:none;
padding: 0 !important;
    cursor:pointer;

    transition:.3s;

}

.product-share__menu a:hover,
.product-share__menu button:hover{

    background:#001e5a;
    color:#fff;

}
.feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.feature-card{
    border:1px solid #0F1E44;
    padding:20px;
}
.feature-card h3{
    border-bottom: 1px solid #0F1E44;
    padding-bottom: 20px;
}
.feature-grid{
    margin-top: 40px;
}
.feature-card img{
    width: 65px;
}
.product-scrollspy{

    position:absolute;

    bottom:0;
    left:0;

    width:100%;

    z-index:20;

    background:rgba(0,0,0,.4);

    backdrop-filter:blur(8px);

}
.contact-li{
    padding-left: 20px;
    padding-right: 20px;
}

.product-scrollspy__list{

    display:flex;
justify-content: center;
    align-items:center;

    margin:0;
    padding:0;

    list-style:none;

}



.product-scrollspy__link{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff!important;

    text-decoration:none;

    padding:30px 20px;

    position:relative;

    transition:.3s;

}

.product-scrollspy__link:hover{

    color:#fff;

}

.product-scrollspy__icon{

    display:flex;

    align-items:center;

    justify-content:center;

}
.scroll-spywrap{
    padding-left: 20px;
    padding-right: 20px;
}
.product-scrollspy__icon img{

    width:auto;
    height:30px;

    object-fit:cover;

    filter:brightness(0) invert(1);

}

.product-scrollspy__text{

    font-size:16px;
    font-weight:500;

}

.product-scrollspy__link.active::after{

    content:'';

    position:absolute;

    left:20px;
    right:20px;

    bottom:0;

    height:3px;

    background:#fff;

}

.product-scrollspy.is-fixed{

    position:fixed;

    top:64px;
bottom: auto;
    left:0;

    width:100%;

    z-index:999;

}
.pb-80{
    padding-bottom: 80px;
}
.pt-80{
    padding-top: 80px;
}
.global-h2-title{
    padding-bottom: 30px;
}
.global-h2-title h2{
    text-transform: uppercase;
    color: var(--e-global-color-secondary)!important;
}
.desc-width-s-2{
   background-color: white;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.desc-width-s-3{
    margin-top: 20px;
}
.section-header{
    padding-bottom: 20px;
    border-bottom: 1px solid #0f1e44db;
    margin-bottom: 30px;
    position: relative;
}
.pb-40{
    padding-bottom: 40px;
}
.pt-40{
    padding-top: 40px;
}
.pb-20{
    padding-bottom: 20px;
}

.pt-20{
    padding-top: 20px;
}
.heading-watermark{

    position:absolute;

    top:-5px;

    left:0;

    font-size:90px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:8px;

    color:#000;

    opacity:.035;

    white-space:nowrap;

    user-select:none;

    pointer-events:none;

    line-height:1;

}

.design-panel,
.design-gallery{
    display:none;
}

.design-panel.active,
.design-gallery.active{
    display:block;
}



.designSwiper img{
    width:100%;
    display:block;
}

.design-layout{

    display:grid;

    grid-template-columns:550px minmax(0,1fr);

    gap:80px;

    align-items:flex-start;

}

.design-left{

    display:flex;

    flex-direction:column;

}

.design-view-tab, .colours-tab{
color: var(--e-global-color-secondary)!important;
   display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70% !important;
    padding: 24px 16px !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid var(--e-global-color-secondary) !important;
    text-align: left;
    cursor: pointer !important;
    font-size: 22px;
    font-weight: 600 !important;
    border-radius: 0 !important;

}
.design-panel{
    margin-top: 50px;
}
.design-view-tab:last-child, .colours-tab:last-child{

    border-bottom:1px solid var(--e-global-color-secondary)!important;

}

.design-view-tab.active, .colours-tab.active{

    color:var(--e-global-color-primary) !important;

}

.design-right{

    min-width:0;

}

.design-gallery{

    display:none;

}

.design-gallery.active{

    display:block;

}

.designSwiper img{

    width:100%;

    height:440px;

    object-fit:cover;

}

.designSwiper{

    position:relative;

}


.design-view-tab.active i, .colours-tab.active i{
    color: var(--e-global-color-primary) !important;
}
.design-main-tab.active{
background-color: var(--e-global-color-primary) !important;;
}
.back-sec-color{
    background-color: #ddd!important;
}
.design-gallery{
    position:relative;
}
.design-gallery.design-gallery2:after{
background:#ddd;
}
.design-gallery::before,
.design-gallery::after{

    content:'';

    position:absolute;

    top:20px;
    right:0px;
left: -20px;
    width:100%;
    height:100%;

    background:#e9e9e9;

    z-index:1;
}

.design-gallery::after{

    top:40px;
    right:0px;
left: -40px;
    z-index:0;
     background:#fff;
}

.designSwiper .swiper-wrapper{

    position:relative;
    z-index:2;
}

.performance-item{

    margin-bottom:25px;

}

.performance-toggle{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:28px 35px;

    background:#4f5a66;

    border:none;

    color:#fff;

    cursor:pointer;

    font-size: 20px;

    font-weight:600;

}
.lastes-img-blog-wrap{
    padding: 20px;
    border: 1px solid var(--e-global-color-primary);
}
.small-latest-content{
    margin-top: 15px;
}
.performance-content{

    display:none;

    background:#fff;
    margin-top: 20px;

}
.performance-content table{
margin-block-end: 0px;
}
.performance-item-img{
    object-fit: cover;
    object-position: center;
}

.performance-content.active{

    display:block;

}

.performance-icon{

    font-size:40px;

    line-height:1;

}
.certification-sec{
    margin-top: 50px;
}
.colours-layout{
display: grid;
    grid-template-columns: 470px minmax(0, 1fr);
    gap: 50px;

}
.colours-tab{
    width: 100% !important;
}
.colours-left{

    display:flex;
    flex-direction:column;

}



.colours-tab:last-child{

    border-bottom:1px solid #d9d9d9;

}

.colours-tab.active{

    color:#0066d9;

}

.colours-panel{

    display:none;

}

.colours-panel.active{

    display:block;

}

.colours-grid{

    display:grid;



    gap:30px;

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

.colours-swatches{

    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:10px;
    align-items: flex-start;

}

.colour-swatch{

 padding: 0 !important;
    border: 2px solid transparent !important;
    background: none;
    cursor: pointer!important;
    background: transparent !important;
    border-radius: 0 !important;

}

.colour-swatch.active{

    border-color:var(--e-global-color-primary) !important;

}

.colour-swatch img{

    width:100%;

    height:80px;

    object-fit:cover;

    display:block;

}

.preview-image{

    width:500px;
height: 500px;
    display:block;

}
.soranzoSwiper .swiper-button-lock{
    display: flex;
}

.preview-title{

    margin-top:30px;

    font-size:32px;

}

.preview-subtitle{

    color:#777;

}
.about-right-col img{

    clip-path:polygon(
        13% 0,
        100% 0,
        100% 100%,
        1% 100%
    );
    transition: all .4s;

}
.about-right-col:hover img{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.testimonial-nav{
position: relative;
    display:flex;
justify-content: flex-end;
margin-bottom: 50px;
    gap:12px;

}

.testimonial-prev,
.testimonial-next{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#1e1e1e;

    color:#fff;

    cursor:pointer;

    transition:.3s;

}

.testimonial-prev:hover,
.testimonial-next:hover{

    background:#b38b48;

}

.testimonialSwiper{

    overflow:visible;

}

.testimonial-card{

    background:#181818;

    color:#fff;

    position:relative;

    overflow:hidden;

    height:100%;

    display:flex;

    flex-direction:column;

    transition:.35s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 67% 89%, 0 100%);

}

.testimonial-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}

.testimonial-content{

    position:relative;

    padding:45px;

    flex:1;

}

.quote{

    position:absolute;

    top:10px;

    left:25px;

    font-size:120px;

    color:var(--e-global-color-primary);

    line-height:1;

    font-family:Georgia, serif;

}

.testimonial-content p{

    position:relative;

    z-index:2;

   margin: 35px 0 0 0;

    font-size:14px;

    line-height:1.5;

    color:#d9d9d9;

}

.testimonial-author{

    display:flex;

    align-items:center;

    gap:18px;

    padding:0 45px 85px;

}

.testimonial-author img{

    width:72px;

    height:72px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid var(--e-global-color-primary);

}

.testimonial-author h4{

    margin:0 0 5px;

    font-size:20px;

    color:#fff;

}

.testimonial-author span{

    display:block;

    color:#b38b48;

    font-size:15px;

    margin-bottom:4px;

}
/* Gold Line */

.testimonial-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:var(--e-global-color-primary);

}

/* Swiper */

.testimonialSwiper .swiper-slide{

    height:auto;

}
.testimonial-nav:after {
      position: absolute;
    content: '';
    width: calc(100% - 150px);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background-color: var(--e-global-color-primary);
}

/*-----------------------------------
Card
-----------------------------------*/

.team-card{

    background:#fff;

    border:1px solid #ececec;

    transition:.4s;

    position:relative;

    overflow:hidden;

    height:100%;

}

.team-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

/* Gold top line */

.team-card:before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#b38b48;

    transform:scaleX(0);

    transition:.45s;

}

.team-card:hover:before{

    transform:scaleX(1);

}

/*-----------------------------------
Image
-----------------------------------*/

.team-image{

    overflow:hidden;

    height:420px;

    background:#f4f4f4;
    position: relative;

}

.team-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;

}

.team-card:hover .team-image img{

    transform:scale(1.08);

}

/*-----------------------------------
Content
-----------------------------------*/

.team-content{

    padding:35px;

}

.team-header h3{

    margin:0;

    font-size:28px;

    font-weight:600;

    color:#111;

}
.team-header{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
      background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 100%;
}

.team-header h4{

    margin:10px 0 0px;

    font-size:15px;

    color:var(--e-global-color-primary);

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:500;

}

.team-content p{

    margin:0;

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/*-----------------------------------
Social
-----------------------------------*/

.team-social{

    margin-top:30px;

    display:flex;
padding: 20px 0;
    gap:12px;
    border-top: 1px solid var(--e-global-color-primary);
    border-bottom: 1px solid var(--e-global-color-primary);

}

.team-social a{

    width:42px;

    height:42px;

    border:1px solid #ddd;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#222;

    transition:.35s;

    text-decoration:none;

}

.team-social a:hover{

    background:#171717;

    border-color:#171717;

    color:#fff;

}
.teamSwiper{

    overflow:visible;

}
/* Vertical line */

.col-heading::before{

    content:"";

    position:absolute;

    left:6px;

    top:20px;

    width:1px;

    height:calc(100% - 20px);

    background:linear-gradient(
        to bottom,
        #c8a05a 0%,
        #c8a05a 65%,
        rgba(200,160,90,.45) 85%,
        rgba(200,160,90,0) 100%
    );

}

/* Circle */

.col-heading::after{

    content:"";

    position:absolute;

    left:0px;

    top:0;

    width:13px;

    height:13px;

    border-radius:50%;

    background:var(--e-global-color-primary);

}
.faq-now .e-n-accordion-item{
border-radius: 8px!important;
background-color: white;
}
.faq-now  .e-n-accordion-item-title-header{
    border-left:1px solid var(--e-global-color-primary);
    padding-left: 20px;
}
.faq-box .elementor-icon{
    position: relative;
}
.faq-box .elementor-icon:before{
    position: absolute;
    content: '';
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    border-radius: 50%;
    border: 1px solid var(--e-global-color-primary);
    left: -12px;
    top: -12px;
}
.box-xon .elementor-icon-box-title{
    position: relative;
    margin-top: 0 !important;
}
.box-xon .elementor-icon-box-title:after{
position: absolute;
    content: '';
    bottom: -12px;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: var(--e-global-color-primary);
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, 
input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, select:focus, textarea:focus,
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], 
input[type=tel], input[type=text], input[type=time], input[type=url], select, textarea{
    border-color: var(--e-global-color-primary)!important;
}
input[type=date], input[type=email], input[type=number], input[type=password], 
input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], select, textarea{
    color: black!important;
    margin-bottom: 20px!important;
}
.input-type::placeholder{
    color: black !important;
}
/*--------------------------------------------------------------
# Latest Posts
--------------------------------------------------------------*/


/*--------------------------------*/
.blog-banner{
    height: 500px!important;
}
.blog-banner .product-share__menu a, .blog-banner .product-share__menu button, .blog-banner .product-share__toggle{
border: 1px solid black!important;
}
.blog-box img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.blog-detail-wrap{
    padding-top: 80px;
}
.blog-content-box{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.detail-meta-content{
    margin-bottom: 20px;
        padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.category-btn.active{

    background:#111;

    color:#fff;

    border-color:#111;

}

.category-btn.active .card-arrow{

    color:#fff;

}

.category-btn.active:hover{

    background:#111;

    color:#fff;

}
.latest-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);
margin-top: 20px;
    gap:35px;

}
.value-box .elementor-image-box-content{
border-top: 1px solid #00000017;
padding-top: 10px;
}
.cat-product-banner{
    height: 500px!important;
}
.grid-product-cat{
    display: flex;
    flex-wrap: wrap;
}
.cat-icon-wrap{
    margin-right: 45px;
}
.cat-icon-wrap img{
    width: 120px;
    filter: brightness(0) invert(1);
}
.pagination-wrapper{
    display: flex;
    margin-top: 50px;
    justify-content: center;
}
.page-numbers{
    position: relative;
    display: block;
    padding: 10px;
    
    color: var(--e-global-color-primary)!important;
    background-color: transparent;
    border: 1px solid #ddd;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.page-numbers.current{
    color: white!important;
    background-color: var(--e-global-color-primary)!important;
}
.technical-specs{

    display:none;

    margin-top:25px;

    opacity:0;

    transition:.35s ease;

}

.product-card.show-specs .technical-specs{

    display:block;

    opacity:1;

}
/*--------------------------------*/

.latest-card{

    display:flex;

    gap:20px;

    align-items:flex-start;
        flex-wrap: wrap;
}
.cat-cta-wrap{
    flex: auto!important;
}

/*--------------------------------*/

.latest-card>a{

    flex:0 0 170px;

}
.breadcumb-differ .fabricasto-breadcrumb a {
    color: black;
}
.breadcumb-differ .fabricasto-breadcrumb span{
    color: var(--e-global-color-primary);
}
.latest-card img{

    width:170px;

    height:170px;

    object-fit:cover;

    display:block;

    transition:.45s;

}

.latest-card:hover img{

    transform:scale(1.05);

}

/*--------------------------------*/

.latest-content{

    flex:1;

}

/*--------------------------------*/

.latest-content span, .blog-date{

    display:block;

    font-size:12px;

    font-weight:600;

    color:#111;

    margin-bottom:12px;

}
.blog-date{
    display: inline-block!important;
    margin-left: 10px;
}
.blog-card-content{
    margin-top: 20px;
}
.blog-card{
    margin-top: 20px;
}
.read-more{
        display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid black;
    padding-top: 20px;
}

/*--------------------------------*/

.latest-content h3{

    margin:0;

    font-size:16px;

    line-height:1.35;

    font-weight:600;

}

.latest-content h3 a{

    color:#111;

    text-decoration:none;

    transition:.3s;

}

.latest-content h3 a:hover{

    color:#c8a05a;

}

/*--------------------------------*/
.category-btn .card-arrow{
    margin-left: 20px;
}
.latest-category{

    display:inline-block;

    padding:4px 12px;

    margin-bottom:0px;
font-weight: 500!important;
    background:#8b8b8b;

    color:#fff!important;

    font-size:11px;

    text-transform:uppercase;

    letter-spacing:1px;

    text-decoration:none;

    transition:.3s;

}

.latest-category:hover{

    background:#c8a05a;
    color: white!important;

}

.category-btn{
      display: flex;
    padding: 12px 20px;
    border: 1px solid black;
    justify-content: space-between;
    min-width: 128px;
    align-items: center;
    transition: all .4s;
}
.category-btn:hover .card-arrow{
    transform: rotate(0deg);
        color: rgb(207, 161, 91);
}
.category-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}
.blog-grid.soranzo-categories-grid{
grid-template-columns:repeat(3, 1fr);
}


.galleryMainSwiper{

    width:100%;

    overflow:visible;

    position:relative;

}
.warpper-2inone-slider{
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.galleryMainSwiper .swiper-wrapper{

    align-items:center;

}





.galleryThumbSwiper .swiper-slide{
display: flex!important;
}
.f-button{
    padding: 10px !important;
    width: auto!important;
    height: auto!important;
}

.f-thumbs.is-modern .f-thumbs__slide:not(.is-selected) button{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.galleryMainSwiper img{

    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:12px;

}

.gallery-image{

    position:relative;

    display:block;

}

.gallery-zoom{

    position:absolute;

    top:30px;

    right:30px;

    width:60px;

    height:60px;

    background:rgba(0,0,0,.55);

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    transition:.35s;

}

.gallery-image:hover .gallery-zoom{

    opacity:1;

}

.gallery-prev,
.gallery-next{

    width:60px;

    height:60px;

    background:#111;

    color:#fff;

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    z-index:10;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer;

}

.gallery-prev{

    left:25px;

}

.gallery-next{

    right:25px;

}

.galleryThumbSwiper{

    margin-top:25px;

}

.galleryThumbSwiper .swiper-slide{

    opacity:.45;

    cursor:pointer;

    border:2px solid transparent;

    transition:.3s;

}

.galleryThumbSwiper .swiper-slide-thumb-active{

    opacity:1;

    border-color:#C79D5B;

}

.galleryThumbSwiper img{

    width:100%;

    height:110px;

    object-fit:cover;

}
.blog-card .blog-card-image img{
max-height: 100%!important;
height: 240px;
}
.product-category-pills{

display:flex;
align-items: center;

gap:18px;

margin-bottom:60px;

overflow:auto;

padding-bottom:10px;

}

.category-pill{

padding:2px 0px;

font-size:18px;

font-weight:500!important;

transition:.35s;

white-space:nowrap;

}

.category-pill:hover, .category-pill.active{

border-bottom: 2px solid var(--e-global-color-primary);

}
.category-pill:hover img{
    filter: brightness(0) invert(1);
}
.icon-product-cat{
    width: 22px;
    margin-right: 10px;

filter: brightness(0) invert(1);

}
.blog-layout{
    display:flex;
    gap:60px;
    align-items:flex-start;
}

.blog-sidebar{
    width:320px;
    position:sticky;
    top:120px;
}

.blog-content-box{
    flex:1;
}

.sidebar-widget{
    margin-bottom:40px;
    padding-bottom:30px;
    border-bottom:1px solid #ececec;
}

.sidebar-widget h3{
    font-size:22px;
    margin-bottom:20px;
    font-weight:600;
}

.sidebar-categories,
.sidebar-recent-posts{
    list-style:none;
    margin:0;
    padding:0;
}

.sidebar-categories li{
    display:flex;
    justify-content:space-between;
    margin-bottom:14px;
}

.sidebar-categories li a{
    color:#222;
    text-decoration:none;
}

.sidebar-categories li a:hover{
    color:#B8722B;
}

.sidebar-recent-posts li{
    margin-bottom:18px;
}

.sidebar-recent-posts a{
    display:flex;
    gap:15px;
    text-decoration:none;
    color:#222;
}

.sidebar-recent-posts img{
    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:8px;
}

.sidebar-recent-posts span{
    display:block;
    font-size:14px;
    line-height:1.5;
    font-weight:600;
}

.sidebar-recent-posts small{
    color:#888;
    margin-top:5px;
    display:block;
}

.sidebar-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.sidebar-tags a{
    padding:8px 14px;
    background:#f5f5f5;
    color:#222;
    font-size: 14px;
    border-radius:30px;
    text-decoration:none;
    transition:.3s;
}

.sidebar-tags a:hover{
    background:#B8722B;
    color:#fff;
}

.search-form{
    display:flex;
}

.search-field{
    width:100%;
    padding:12px;
    border:1px solid #ddd;
}

.search-submit{
    padding:12px 18px;
    border:none;
    background:#B8722B;
    color:#fff;
    cursor:pointer;
}

/* Gallery Item */
.gallery-wrapper .gallery-item{
    overflow:hidden;
    position:relative;
    border-radius:8px;
}

/* Image */
.gallery-wrapper .gallery-item img{
    width:100%;
    display:block;
    transition:.5s ease;
}

/* Overlay */
.gallery-wrapper .gallery-item .gallery-icon{
    position:relative;
    overflow: hidden;
}

.gallery-wrapper .gallery-item .gallery-icon a::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
        rgba(0,0,0,.55),
        rgba(0,0,0,.15));
    opacity:0;
    transition:.4s;
    z-index:2;
}

/* Icon */
.gallery-wrapper .gallery-item .gallery-icon a::after{
    content:"+";
    font-weight:900;

    position:absolute;
    top:50%;
    left:50%;

    width:58px;
    height:58px;

    border:2px solid #C79D5B;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:18px;

    background:rgba(0,0,0,.45);

    transform:translate(-50%,-50%) scale(.7);

    opacity:0;

    transition:.35s ease;

    z-index:3;
}

/* Hover */
.gallery-wrapper .gallery-item:hover img{
    transform:scale(1.08);
}

.gallery-wrapper .gallery-item:hover .gallery-icon a::before{
    opacity:1;
}

.gallery-wrapper .gallery-item:hover .gallery-icon a::after{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
}
.mobile-only{
    display: none!important;
}
.contact-info-box .elementor-icon-box-description{
word-break: break-all;
}
.project-content-detail .project-type{
font-size: 24px;
font-weight: 400;
}
.excerpt-content{
    color: white;
    max-width: 600px;
}
.project-banner .banner-detail-wrap{
padding-top: 80px;
}
.project-overview-sec .project-products span{
background-color: rgba(0, 0, 0, 0.3);
    line-height: 2;
}
.color-brown{
    color: #cda05b;
}
.image-gall-wrap, .image-gall-wrap img, .project-gallery-slider{
    height: 100%;
}
.image-gall-wrap img{
    object-fit: cover;
    object-position: center;
}
.gall-slider-navigation .gall-nav-prev, .gall-slider-navigation .gall-nav-next{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 9;
    background-color: #ffffff50;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.gall-slider-navigation .gall-nav-prev{
    left: 0;
}
.gall-slider-navigation .gall-nav-next{
    right: 0;
}
.project-detail-box{
        background-color: #ffffff50;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 10px 10px 10px;
    max-width: 200px;
    border-radius: 10px;
    box-shadow: 0 0 4px #ccc;
    height: 100%;
}
.detail-proect-sec .elementor-col-33{
    margin-top: 20px;
}
.project-detail-box i {
     color: #cda05b;
     font-size: 38px; 
     margin-bottom: 20px;
}
@media (max-width: 1200px) {
.recommended-products .swiper-button-prev {
    left: 15px;
}
.recommended-products .swiper-button-next {
    right: 15px;
}
.banner-detail-wrap{
  max-width: 800px;
        margin-left: auto;
        margin-right: auto;
}
.product-scrollspy__link{
        flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.blog-banner .banner-detail-wrap, .cat-product-banner .banner-detail-wrap{
  max-width: 100%;
}

}

@media (max-width: 1024px) {
.latest-posts, .blog-categories, .blog-list, .product-features, .product-design, .product-performance, .product-colours,
.product-gallery, .blog-banner,.blog-content-wrap, .related-posts, .cate-sec, .cat-product-banner, .other-cats-sec{
    padding-right: 10px;
    padding-left: 10px;
}
.latest-grid{
   gap: 10px;
}
}

@media(max-width:991px){

.blog-layout{
    flex-direction:column;
}

.blog-sidebar{
    width:100%;
    position:relative;
    top:auto;
    order:2;
}

.blog-content-box{
    width:100%;
}

}
@media (max-width: 880px) {
.soranzo-categories-grid {
  
    grid-template-columns: repeat(2, minmax(0, 1fr));
  
}
.latest-grid{
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.product-banner__title{
    font-size: 40px !important;
}
.blog-content-box{
    max-width: 100%;
}
    .banner-detail-wrap {
        max-width: 590px;
        margin-left: auto;
        margin-right: auto;
    }
    .product-scrollspy__text {
    font-size: 12px;
}
.heading-watermark{
    font-size: 55px;
}
.design-layout{
    grid-template-columns: 350px minmax(0, 1fr);
        gap: 60px;
}
.colours-layout{
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 30px;
}
.product-scrollspy__link{
    padding: 10px 10px;
        gap: 8px;
}
.news-grid{
        grid-template-columns: 1fr;
}
.project-content{
    padding: 33px;
}
.featured-project-layout{
    grid-template-columns: 2fr 2fr;
}
.blog-grid.soranzo-categories-grid {
    grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 767px) {
.mobile-only{
    display: block!important;
}
.latest-grid{
  grid-template-columns: 1fr;

}
.blog-grid.soranzo-categories-grid {
    grid-template-columns: 1fr;
}
.latest-content h3{
    font-size: 13px;
}
.pb-80{
    padding-bottom: 40px;
}
.pt-80{
    padding-top: 40px;
}
.top-top-wrap{
   transition:
        opacity .4s ease,
        transform .4s ease;

    opacity:1;
    transform:translateY(0);
}
.ehf-header #masthead.mast-scroll .top-top-wrap{
 opacity:1;
    transform:translateY(0px);
    pointer-events:auto;
}
.ehf-header #masthead.mast-scroll{
    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,1) 0%,
        var(--e-global-color-secondary) 100%
    );
    height: 92px;
    transform: translateY(0px);
}
.main-menu-wrap{
     transition:all .5s ease;
}
.ehf-header #masthead.mast-scroll .main-menu-wrap{
    transform:translateY(0px);
}
.slide-content h1{
    font-size: 36px;
}
.subtitle{
        font-size: 16px;
}
.slider-controls {
  
    left: 0px;
    gap: 5px;
}
.swiper-pagination-bullet{
    margin-right: 10px !important;
}
.slider-progress{
    width: 80px;
}
.slider-pause{
    width: 30px !important;
    height: 30px!important;
    padding: 4px !important;
}
.soranzo-hero .swiper-button-next, .soranzo-hero .swiper-button-prev{
    width: 35px !important;
    height: 35px !important;
}
    .soranzo-categories-grid {
        grid-template-columns: 1fr;
    }
    .news-item > div {
    width: 100%;
}
.news-item{
    flex-direction: column;
}
    .featured-project-layout {
        grid-template-columns: 1fr;
    }
    .newsletter-form form > p{
        flex-direction: column;
    }
        .heading-watermark {
        font-size: 22px;
            top: 14px;
    }
    .product-share__toggle{
            width: 50px;
    height: 50px;
    margin-top: 20px;
    }
    .banner-detail-wrap{
        flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 3 !important;
    }
    .product-banner .swiper-button-prev, .product-banner .swiper-button-next{
            width: 40px !important;
    height: 40px !important;
        top: 76% !important;
        z-index: 999;

    }
    .product-banner .swiper-button-prev{
            left: auto;
    right: 56px;
    }
        .design-layout, .colours-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .preview-image {
    width: 97%;
    height: 430px;
    display: block;
}
.product-banner__slider, .post-banner__slider{
    z-index: auto!important;
}
.product-scrollspy{
    z-index: 2!important;
    overflow: scroll;
        width: 100%;
}
.design-view-tab, .colours-tab, .warpper-2inone-slider{
    width: 100% !important;
}
.warpper-2inone-slider{
    max-width: 100%;
}
.galleryMainSwiper img{
    height: 280px;
}
.galleryThumbSwiper img{
        height: 40px;
}
.product-share__menu a, .product-share__menu button{
    border: 1px solid black;
    color: black !important;
}
.product-scrollspy.is-fixed{
    top: 92px;
        z-index: 999 !important;
}
.product-scrollspy__list{
    justify-content: flex-start;
}
.scroll-spywrap {
    padding-left: 0px;
    padding-right: 0px;
}
.blog-banner {
    height: auto !important;
    padding-bottom: 40px !important
}
.blog-layout{
    gap: 15px;
}
}