.custom-menu-header nav.tahefobu-nav-menu-container ul li a{
   position: relative; 
}
.outsideh2{
        font-family: "Klavika", Sans-serif!important;
    font-weight: 400!important;
    text-transform: uppercase!important;
    color: var(--e-global-color-74a04c6)!important;
}
.e-n-accordion-item-title{
    transition: all .4s;
}
.not-found-h3 span, .color-match, .fabricasto-single-product-gallery .swiper-button-prev, .fabricasto-single-product-gallery .swiper-button-next{
  
    color: var(--e-global-color-accent);
}
.values-box .elementor-image-box-img img{
filter: invert(56%) sepia(69%) saturate(563%) hue-rotate(49deg) brightness(92%) contrast(89%);
}
.values-box .elementor-image-box-content{
    border-top: 1px solid black;
}
.mv-box .elementor-icon-box-wrapper{
    position: relative;
}
/*.mv-box .elementor-icon-box-description{
    position: absolute;
    left: 20px;
    right: 20px;
    margin-top: 10px;
}*/
.mv-box .elementor-icon-box-title{
margin-top: 0 !important;
}
.terms-menu-box ul li:last-child > a{
border: 0 !important;
}
.list-contact-footer .elementor-icon-list-icon{
background-color:var(--e-global-color-accent);
width: 40px !important;
    height: 40px !important;
border-radius: 50%;
align-items: center;
justify-content: center;
margin-right: 15px !important;
}
.list-contact-footer .elementor-icon-list-icon svg{
    margin-right: 0 !important;
}
.values-box{
position: relative;
}
.values-box:after{
    position: absolute;
    content: '';
    background-color:var(--e-global-color-accent);
    height: 5px;
    width: 40px;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
}
.fabricasto-product-main-slider{
    overflow: visible;
    padding: 80px 0 40px;
}

.fabricasto-single-product-gallery{
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 50px;
    border-top: 1px solid black;
}
.fabricasto-single-product-category i{
     color: var(--e-global-color-accent);
        margin-right: 10px;
}
.border-cstm-btn{
        background-color: #63A73100 !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: black;
    margin-left: 20px;
    color: black !important;
}
.btn-cstm{
    border: 1px solid black!important;
}
.fabricasto-tabs-nav {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.fabricasto-tabs-nav li {
    padding: 15px 25px;
    cursor: pointer;
}

.fabricasto-tabs-nav li.active {
    border-bottom: 2px solid #000;
}

/* Tab Content */

.elementor-row.specification-panel {
    display: none;
}

.specification-panel.active {
    display: flex;
}

.specification-left,
.specification-right {
    width: 50%;
    flex: 0 0 50%;
}

.specification-right img {
 width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* Mobile */

@media (max-width: 767px) {

    .specification-panel.active {
        flex-direction: column;
    }

    .specification-left,
    .specification-right {
        width: 100%;
        flex: 0 0 100%;
    }

}
.border-cstm-btn i{
    margin-left: 10px;
}
.small-desc-head{
    font-size: 38px !important;
        font-weight: 300 !important;
}
.product-faq-sec{
    background-color: black;
}
body.single-fabricasto_product h2.color-white{
    color: white !important;
}
.related-sec{
    background-color: #fafafa;
}

.fabricasto-product-main-slider .swiper-slide{
    width: 850px;
    transition: all .4s ease;
    opacity:.4;
}

.fabricasto-product-main-slider .swiper-slide-active{
    opacity:1;
}

.fabricasto-product-main-slider img{
    width:100%;
    height:600px;
    object-fit:cover;
    border-radius:15px;
    display:block;
}
.cat-desc-box{
    margin-bottom: 50px;
text-align: left;
box-shadow: 0 0 4px 0  rgba(0, 0, 0, 0.4);
background-color: whites;
border-radius: 10px;
padding: 40px;
border-left: 5px solid var(--e-global-color-accent);
}
.fabricasto-logo-carousel .swiper-slide img{
width: 160px;
}
.vision-mission-section{
    position:relative;
    overflow:hidden;

    background:
        url("../images/front-view-modern-skyscrapers-office-buildings-removebg-preview.png"),
        url("../images/blue-print.jfif"),
        radial-gradient(
            circle at top left,
            rgba(99,167,49,.08),
            transparent 40%
        ),
        radial-gradient(
            circle at bottom right,
            rgba(99,167,49,.06),
            transparent 35%
        ),
        #fff;

    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;

    background-position:
        left center,
        right top,
        center,
        center,
        center;

    background-size:
        32% auto,
        35% auto,
        cover,
        cover,
        cover;
}
.vision-mission-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.78);
    z-index:1;
}

.vision-mission-section > *{
    position:relative;
    z-index:2;
}
.fabricasto-chevron{
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.4s ease;
    flex-shrink:0;
}

.fabricasto-chevron svg{
    transition:.4s ease;
}

.each-tab.active .fabricasto-chevron{
    border-color:#fff;
}

.each-tab.active .fabricasto-chevron svg{
    transform:rotate(180deg);
}
.turbo-header-template{
        position: fixed!important;
    top: 0;
    width: 100%;
    left: 0;
    transition: 1000ms cubic-bezier(0.19,1,0.22,1)!important;
}
.turbo-header-template.mast-scroll{
   background-color: black; 
}
.logo-header-white, .turbo-header-template.mast-scroll .logo-header-black{
  
      transition: all .4s;
}
.turbo-header-template.mast-scroll .logo-header-white{
    display: block;
}
.turbo-header-template.mast-scroll .header-btn a{
background-color: white!important;
color: black!important;
}
.specs-sec{
    margin-top: 80px;
    margin-bottom: 80px;
}
.specs-sec table{
    margin-bottom: 0 !important;
}
.fabricasto-tabs-nav{
    display:flex;
    list-style:none;
    padding:0;
    margin:0 0 30px;
    border-bottom:1px solid #ddd;
    border-top: 1px solid #ddd;
}
.product-specification-img-box{
    height: 100%;
}
.key-feature-box h3{
font-size: 22px !important;
}
.key-feature-box{
        border-width: 1px;
    border-style: solid;
    border-color: rgb(232, 232, 232);
    border-image: initial;
    padding: 20px;
    transition: 0.3s;
    border-radius: 10px;
}
.mb-0{
    margin-bottom: 0 !important;
}
.key-feature-box:hover{
    border-color: #5eaa3d;
}
.key-feature-box img{
    width: 80px;
}
.product-specification-img-box img{
  width: 100%;
  height: 100%;
    object-fit: cover;
    object-position: center;
}

.fabricasto-tabs-nav li{
    padding:15px 30px;
    cursor:pointer;
    font-weight:600;
    border-bottom:3px solid transparent;
    font-family: 'Klavika';
    text-transform: uppercase;
}

.fabricasto-tabs-nav li.active{
    border-color:#5eaa3d;
}

.fabricasto-tab-pane{
    display:block;
}
.custom-menu-header nav.tahefobu-nav-menu-container ul li a:after {
    background-color: white;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: 1000ms  cubic-bezier(0.19, 1, 0.22, 1);
    width: 0;
}
.fabricasto-whatsapp-btn{
    position:fixed;
    right:30px;
    bottom:110px;
    width:65px;
    height:65px;
    border-radius:50%;
    background:#25D366;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    font-size:34px;
    z-index:9999;
    text-decoration:none;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:.3s;
    animation:fabricastoWhatsappPulse 2s infinite;
}

.fabricasto-whatsapp-btn:hover{
    transform:translateY(-5px);
    color:#fff;
}

@keyframes fabricastoWhatsappPulse{

    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.6);
    }

    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }

}
.custom-menu-header nav ul li a:hover:after, .custom-menu-header nav ul li.current-menu-item a:after{
width: 100%;
}
.btn-spl-button a{
	position: relative;
}
.btn-spl-button a .elementor-button-content-wrapper{
position: relative;
z-index: 1;
}
.btn-spl-button a:before{
    content: "";
    height: 100%;
    position: absolute;
  background-color: var(--e-global-color-accent);
    left: 0;
    right: unset;
    width: 0;
   transition: 1000ms  cubic-bezier(0.19, 1, 0.22, 1);
 top: 0;
 border-radius: 10px;
}
.btn-spl-button a:hover:before {
    width: 100%;
}
.footer-custom-menu ul li{
display: block!important;
margin: 0 0 21px 0!important;
}
.footer-custom-menu ul li:last-child{
margin: 0 0 0px 0!important;
}
.footer-custom-menu ul li a{
    padding: 0 !important;
}
.chimp-wrapper > p:last-of-type{
    display: none!important;
}
.newletter-wrapper{
    display: flex;
    align-items: center;
    position: relative;
}
.newletter-wrapper p{
    margin-bottom: 0 !important;
}
.input-p{
    width: 100%;
}
.newletter-wrapper input[type=email]{
    background-color: transparent !important;
    border-radius: 0 !important;
    border-bottom: 1px solid white !important;
    width: 100%;
    border: 0;
    color: white !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.newletter-wrapper .submit-p{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.newletter-wrapper .submit-p input{
    background-color: transparent !important;
    border-radius: 0 !important;
     border: 0;
     padding-right: 0 !important
}
.logo-custom-slider .trad-carousel{
min-height: 100%!important;
background: transparent!important;
}
.logo-custom-slider .trad-carousel img, .logo-caro .swiper-slide-inner img{
    transition: all .4s;
    width: 70px;
}

.fabricasto-team-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.fabricasto-team-item{
    display:flex;
    flex-direction:column;
}

.fabricasto-team-image img{
    width:100%;
    height:450px;
    object-fit:cover;
    display:block;
    border-radius: 10px !important;
    margin-bottom: 20px;
}

.fabricasto-team-content{
      padding: 20px;
    background-color: white;
    border-radius: 10px;
    text-align: center;
}

.fabricasto-team-content h3{
    margin:0px !important;
    font-size: 26px !important;
    color: black;
}

.fabricasto-team-content .designation{
    margin-bottom:15px;
}

.fabricasto-blog-readmore a{
    text-decoration:none;
}
.logo-custom-slider .trad-carousel img:hover, .logo-caro .swiper-slide-inner img:hover{
    filter: grayscale(0);
}
.gallery-car-wrapper .content-image img{
height: 500px;
object-fit: cover;
object-position: center center;
}
/* SWIPER WRAPPER */
.gallery-car-wrapper .swiper-wrapper {
    display: flex;
}

/* SLIDES */
.gallery-car-wrapper .swiper-slide {
    width: 20% !important;
    overflow: hidden;
    transition: all 0.5s ease;
    position: relative;
    cursor: pointer;
}

/* IMAGE */
.gallery-car-wrapper .swiper-slide img {
    transition: all 0.5s ease;
    z-index: 0!important;
}

/* HOVER EXPAND */
.gallery-car-wrapper .swiper-slide:hover {
    width: 45% !important;
}

/* SHRINK OTHERS */
/*.gallery-car-wrapper:hover .swiper-slide:not(:hover) {
    width: 13.75% !important;
}
*/
/* OPTIONAL DARK OVERLAY */
.gallery-car-wrapper .swiper-slide .content-image a{
    position: relative;
    display: flex;
}
.gallery-car-wrapper .swiper-slide .content-image a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.25);
    transition: all 0.4s ease;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.gallery-car-wrapper .swiper-slide:hover::before {
    background: rgba(0,0,0,0.05);
}
.gallery-car-wrapper .swiper-navigation-button:after{
display: none!important;
}
.elementor-row{
    display: flex;
    flex-wrap: wrap;
}
.custom-col{
    padding-left: 10px;
    padding-right: 10px;
    display: block!important;
}
.fabricasto-product-content h3{
            color: black;
    font-size: 24px!important;
}
.fabricasto-product-text{
        color: #333;
}
.fabricasto-product-content{
    text-align: center;
}
.fabricasto-product-image{
    background-color: white;
    padding: 15px;
    display: flex;

}





.fabricasto-testimonial-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.fabricasto-testimonial-box h3{
    letter-spacing:3px;
    margin:0;
    text-transform:uppercase;
}

.fabricasto-testimonial-box span{
    display:block;
    margin-top:10px;
    letter-spacing:3px;
    text-transform:uppercase;
    opacity:0.8;
}



.fabricasto-project-box:hover .fabricasto-project-overlay{
    background:rgba(0,0,0,0.15);
}
.p-0{
    padding: 0 !important;
}



/* Prevent flicker */
.reveal-bottom,
.reveal-left,
.reveal-right{
    overflow:hidden;
}

/* Lenis Smooth Scroll */

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}


/* TAB */
.each-tab{
    padding:15px 0;
    border-bottom:1px solid #ddd;
    cursor:pointer;
    margin-right: 20px;
}

/* TITLE */
.each-tab .title{
    font-size:32px;
    transition:0.4s ease;
}



/* CONTENT */
.tab-content{
    display:none;
    margin-top:15px;
    font-size:16px;
    line-height:1.8;
 color: #fff;
}
.fabricasto-product-btn span {
    margin-right: 12px;
}
.fabricasto-product-btn{
    float: right;
}
/* FIRST ACTIVE */
.each-tab.active .tab-content{
    display:block;
}
.vertical-tab-content{
    display:none;
}

.vertical-tab-content.active{
    display:block;
    height: 100%;
}
.fabricasto-product-tab-box{
    height: 100%;
}
.sidebarwrap{
    position: relative;
}
#sidebar{
    position: sticky;
    top: 0;
    height: 100%;
}

.title-wrap h3{
    font-weight: 300!important;
}
.each-tab *{
    color: white;
}

.each-tab .tab-content a i{
font-family: "Font Awesome 5 Free" !important;
font-weight: 700;
}

/* TAB */
.each-tab{
    position:relative;
    overflow:hidden;
    z-index:1;
    transition:0.4s ease;
}

/* WHITE BACKGROUND */
.each-tab::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0%;
    background:#fff;
    transition:height 0.5s cubic-bezier(.77,0,.18,1);
    z-index:-1;
}

/* HOVER EFFECT */
.each-tab:hover::before{
    height:100%;
}
.each-tab:hover .fabricasto-chevron{
background-color: black;
margin-right: 20px;
}
.each-tab.active .fabricasto-chevron{
    background-color: white;
}
.each-tab.active .fabricasto-chevron svg path{
filter: invert(1);
}
.each-tab:not(.active):hover h3{
    color: black;
    padding-left: 20px;
}
.choose-box .elementor-icon-box-title{
margin-top: 0 !important
}
.choose-box .elementor-icon-box-icon{
transform: rotate(45deg);
border: 1px solid var(--e-global-color-primary);
margin-top: 15px;
}
.choose-box .elementor-icon-box-icon svg{
    transform: rotate(-45deg);
}
.footer-social-box .e-fab-facebook-f{
fill: #1877F2 !important;
}
.footer-social-box .e-fab-youtube{
fill: #FF0033 !important;
}
.footer-social-box .e-fab-linkedin-in{
fill: #0a66c2 !important;
}
.footer-social-box .e-fab-instagram{
fill: #db1926 !important;
}

.each-tab.active:hover:before{
height: 0;
}

/* TITLE */
.each-tab .title{
    position:relative;
    z-index:2;
    transition:0.4s ease;
        display: flex;
    justify-content: space-between;
    align-items: center;
}

/* CONTENT */
.each-tab .tab-content{
    position:relative;
    z-index:2;
}


h3:not(.elementor-heading-title):not(.elementor-icon-box-title){
    font-weight: 300!important;
}
.mv-box .elementor-icon{
    position: relative;
}

.mv-box .elementor-icon:before{
position: absolute;
    content: '';
    background-color: #63a7311c;
    left: auto;
    right: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border-radius: 50%;
    top: -10px;
}

.chimp-wrapper2 .submit-p input{
color: black!important;
}
/* Allow slides to stretch based on the tallest one */
.swiper-slide {
  height: auto !important;
}

/* Ensure the content inside the slide fills the height */
.swiper-slide > div {
  height: 100%;
}

.fabricasto-product-image-slider{
    position:relative;
    overflow:hidden;
}

.fabricasto-product-image-slider .swiper-slide{
   height: auto;
   display: flex;
}

.fabricasto-product-image-slider img, .fabricasto-product-featured-image img, .fabricasto-product-featured-image img{
    width:100%;
    display:block;
    height: 100%!important;
    object-fit: cover;
    object-position: center;
}
.fabricasto-product-tab-image{
    position: relative;
    height: 100%;
}
.fabricasto-product-image-slider, .fabricasto-product-featured-image{
    height: 100% !important;
}
.fabricasto-product-image-slider .swiper-wrapper {
  align-items: stretch!important;
  height: 100% !important;
}
.btn-abs{
    position: absolute!important;
    bottom: 0;
    right: 0;
    z-index: 2;
    border-radius: 0 !important;
}
.hover-col:hover:before, .hover-col:hover:after{
        animation: shine 1.2s alternate;
}
@keyframes shine{
    100% {
    left: 125%;
}
}
.hover-col:before, .hover-col:after {
    position: absolute;
    top: 0;
    left: -80%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

/* ARROWS */
.fabricasto-product-image-slider .swiper-button-next,
.fabricasto-product-image-slider .swiper-button-prev{
    width:50px;
    height:50px;
    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(10px);
    transition:0.4s ease;
}

.fabricasto-product-image-slider .swiper-button-next:hover,
.fabricasto-product-image-slider .swiper-button-prev:hover{
    transform:scale(1.08);
}

.fabricasto-product-image-slider .swiper-button-next::after,
.fabricasto-product-image-slider .swiper-button-prev::after{
    font-size:18px;
    color:#111;
    font-weight:700;
}
.down-animate{
        animation: leftdown1 2s infinite alternate;
}
@keyframes leftdown1{
    0% {
    transform: translateX(-7px);
}
100% {
    transform: translateX(7px);
}
}
.up-animate{
    animation: updown1 2s infinite alternate;
}
@keyframes updown1{
0% {
    transform: translateY(-5px);
}
100% {
    transform: translateY(5px);
}
}

.small-icon-box:hover{
transform: translateY(-5px);
}
.two-way-heading .elementor-heading-title{
       position: relative;
    display: inline-block;
    padding: 0 16px;
}
.two-way-heading .elementor-heading-title:before{

    left: 0;
    transform: translate3d(-100%, 0, 0);
}
.two-way-heading .elementor-heading-title:after{
        right: 0;
    transform: translate3d(100%, 0, 0);
}
.two-way-heading .elementor-heading-title:before, .two-way-heading .elementor-heading-title:after{
    position: absolute;
    content: '';
    top: calc(50% - 2px);
    height: 1px;
    width: 100vw;
    background: #d7d7d7;
}
.two-way-heading{
        position: relative;
    overflow: hidden;
    width: 100%;
}
.process-counting-heading{
    width: 60px;
    height: 60px;
}

.process-counting-heading .elementor-heading-title{
height: 100%;
line-height: 60px;
position: relative;
}
.process-counting-heading .elementor-heading-title:before{
  content: '';
    position: absolute;
    width: 12px;
    height: 100%;
    background-color: #E9E9E9;
    top: 0;
    right: -12px;
    z-index: 1;
}
.process-counting-heading .elementor-heading-title:after{
     content: '';
    position: absolute;
    width: calc(100% + 12px);
    height: 12px;
    background-color: #E9E9E9;
    left: 0;
    bottom: -12px;
    z-index: 1;
}
.process-outer-wrapper{
    position: sticky!important;
    top: 0;
}
.mask-wrapper{
        -webkit-mask-image: url(../images/h3__process.png);
    -webkit-mask-size: cover;
    -webkit-mask-position: 79% -2%;
    -webkit-mask-repeat: no-repeat;
    position: relative!important;
   
}
.help-box{
  backdrop-filter: blur(10px);
}
.process-image{
    inset: 0;
    opacity: 0;
    visibility: hidden;
}
.process-image.active{
    opacity: 1;
    z-index: 2!important;
       visibility: visible;
}
.hover-wrapper:hover .process-counting-heading{
background-color: var(--e-global-color-primary)!important;
}
.fabricasto-testimonial-box{
    background:#f5f5f5;
    padding:30px;
    border-radius:6px;
    position:relative;
    transition:0.4s ease;
    height:100%;
}

.fabricasto-testimonial-box:hover{
    transform:translateY(-5px);
}

/* TOP AREA */
.fabricasto-testimonial-avatar{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:35px;
    position:relative;
}

.fabricasto-testimonial-avatar img{
    width:80px;
    height:80px !important;
    border-radius:50% !important;
    object-fit:cover !important;
}
.avatar-img-wrap{
    position: relative;
    width: 80px;
}
.avatar-content-wrap{
    width: 217px;
}

/* NAME */
.fabricasto-testimonial-avatar h3{
    font-size:16px!important;
    line-height:1.2;
    margin:0;
    font-weight:600;
    color:#000;
}

/* DESIGNATION */
.fabricasto-testimonial-avatar span{
    display:block;
    margin-top:6px;
    font-size:14px;
    color:#5f6783;
    font-weight: 300;
}

/* QUOTE ICON */
.fabricasto-testimonial-quote{
    position:absolute;
       bottom: 1px;
    right: -8px;
    width: 30px;
    height: 30px;
    border-radius:50%;
    background:var( --e-global-color-primary );
    color:#000;
       font-size: 19px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
}

/* CONTENT */
.fabricasto-testimonial-content{
    padding-left:0;
}

.fabricasto-testimonial-text{
    font-size:16px;
    line-height:1.5;
    color:var( --e-global-color-secondary );
}

.fabricasto-testimonial-text p{
    margin:0;
}

.counter-wrap-differ:hover .elementor-icon svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.counter-wrap-differ .elementor-icon svg {
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.fabricasto-project-filters{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:60px;
}

.fabricasto-project-filters button{
    border:none;
    background:none;
    font-size:18px;
    font-weight:600;
    padding:18px 28px;
    cursor:pointer;
    transition:0.3s ease;
}

.fabricasto-project-filters button.active{
    background:var(--e-global-color-primary);
    color:white;
}

.fabricasto-project-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.fabricasto-project-item{
    position:relative;
    overflow:hidden;
}

.fabricasto-project-item img{
    width:100%;
    height:450px!important;
    object-fit:cover;
    transition:0.5s ease;
}

.fabricasto-project-item:hover img{
    transform:scale(1.08);
}

.fabricasto-project-overlay h3{
    margin:0;
    font-size:24px!important;
    color: black;
}

.fabricasto-project-overlay span{
    width:65px;
    height:65px;
    background:var(--e-global-color-primary)!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:28px;
    color:black!important;
}
.fabricasto-project-item{
    position:relative;
    overflow:hidden;
}
/* DARK OVERLAY */
.fabricasto-project-item::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);

    opacity:0;
    visibility:hidden;

    transition:0.5s ease;
    z-index:1;
}
/* OVERLAY SHOW */
.fabricasto-project-item:hover::before{
    opacity:1;
    visibility:visible;
}
.fabricasto-project-overlay{
    position:absolute;
    left:30px;
    right:30px;
    bottom:30px;

    background:#fff;
    padding:30px;

    display:flex;
    justify-content:space-between;
    align-items:center;
 transform:translateY(40px);
    opacity:0;
    visibility:hidden;
    transition:0.5s ease;
    z-index:2;
}

/* Hover Effect */
.fabricasto-project-item:hover .fabricasto-project-overlay{
    opacity:1;
    visibility:visible;
    transform:translateY(0px);
}
.fabricasto-project-grid{
    transition:0.4s ease;
}

.fabricasto-project-grid.loading{
    opacity:0.3;
    filter:blur(3px);
    transform:scale(0.98);
    pointer-events:none;
}

.fabricasto-blog-slider{
    overflow:hidden;
}

.fabricasto-blog-box{
    display:block;
    text-decoration:none;
    position:relative;
    overflow:hidden;
}

/* IMAGE */
.fabricasto-blog-image{
    overflow:hidden;
    position:relative;
}

.fabricasto-blog-image img{
    width:100%;
    height:340px!important;
    object-fit:cover;
    transition:0.7s ease;
    display:block;
}

/* CONTENT */
.fabricasto-blog-content{
    background:white;
    margin-left:20px;
    margin-right:20px;
    margin-top:-35px;

    padding:75px 35px 20px;

    position:relative;
    z-index:2;

    transition:0.5s ease;
}

/* DATE */
.fabricasto-blog-date{
    position:absolute;
    top:1px;
    left:0;

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

    padding:12px 32px;

    font-size:15px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px;
}

/* META */
.fabricasto-blog-meta{
    display:flex;
    gap:25px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.fabricasto-blog-meta span{
    font-size:15px;
    color:black;
    display:flex;
    align-items:center;
    gap:8px;
}

.fabricasto-blog-meta i{
    color:var(--e-global-color-primary);
}

/* TITLE */
.fabricasto-blog-content h3{
    font-size:24px !important;
    line-height:1.35;
    color:#000;
    margin:0 0 20px;
    font-weight:600;
    transition:0.4s ease;
}

/* READ MORE */
.fabricasto-blog-readmore a{
    display:flex;
    align-items:center;
    gap:12px;
font-family: "Klavika", Sans-serif!important;
    color:#000;
    font-size:16px;
    font-weight:300;
    letter-spacing:1px;
        align-items: center;
    justify-content: center;
}

.fabricasto-blog-readmore .arrow{
    width:28px;
    height:28px;
    border-radius:50%;
    background:var(--e-global-color-primary);
    color:#000;

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

    font-size:16px;
}

.fabricasto-blog-box:hover .fabricasto-blog-content{
    transform:translateY(-8px);
}

.blog-plus {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 59%);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
}
.fabricasto-blog-box:hover .blog-plus {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    cursor: pointer;
}
.blog-plus::before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.blog-plus::after {
    content: "";
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    width: 2px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* TEAM IMAGES */
.fabricasto-team-images{
    position:relative;
    width:650px;
    height:520px;
    margin:auto;
}

/* CARD */
.fabricasto-team-card{
    position:absolute;
    width:260px;
    height:430px;
    overflow:hidden;
    border-radius:10px;
    transition:0.5s ease;
}

.fabricasto-team-card img{
    width:100%;
    height:100%!important;
    object-fit:cover;
}

/* LEFT */
.fabricasto-team-card.left{
       left: 250px;
    top: 7px;
    transform:rotate(-10deg);
    z-index:1;
}

/* CENTER */
.fabricasto-team-card.center{
    left:50%;
    top:0;
    transform:translateX(-50%);
    z-index:3;
    border:3px solid var(--e-global-color-primary);
}

/* RIGHT */
.fabricasto-team-card.right{
  right: 250px;
    top: 5px;
    transform:rotate(8deg);
    z-index:1;
}

/* LABEL */
.fabricasto-team-label{
    position:absolute;
    display:flex;
    align-items:center;
    gap:18px;
    z-index:5;
    flex-direction: column;
}

/* DOT */
.fabricasto-team-label .dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--e-global-color-primary);
    flex-shrink:0;
}

/* LINE */
.fabricasto-team-label .line{
   width: 1px;
    border-right: 1px dashed rgb(22 21 21);
    height: 140px;
}

/* TEXT */
.fabricasto-team-label .text{
    background:#fff;
    color:var(--e-global-color-primary);
    padding:22px 35px;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    white-space:nowrap;
}
.page-id-1415 .fabricasto-team-label .text{
padding: 10px 26px;
}

/* -------------------------
   LEFT CARD LABELS
------------------------- */

.fabricasto-team-label-left-top{
      left: 25%;
    bottom: -10px;
}

.fabricasto-team-label-left-bottom{
   left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

/* -------------------------
   RIGHT CARD LABELS
------------------------- */



.fabricasto-team-label-right-top{
      right: 25%;
    bottom: -10px;
}

.fabricasto-team-label-right-bottom{
    right:28%;
    bottom:10px;
}

.fabricasto-team-wrapper{
    position: relative;
    min-height:100% !important;
}
.footer-custom-menu ul li a{
position: relative;
padding-left: 20px!important;
}
.footer-custom-menu ul li a:before{
    display: inline-block;
   font-family: FontAwesome;
          content: "\f054";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        color:var(--e-global-color-primary);
        font-size: 10px;
}
.address-box h3{
    margin-top: 0 !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{
    border: 0 !important;
    border-radius: 0 !important;
    padding: 15px !important;
  
}
.wpcf7-spinner{
    position: absolute;
}
.quote-form-wrapper input, .quote-form-wrapper textarea, .quote-form-wrapper select{
  margin-top: 15px!important;
}
textarea{
    height: 150px !important;
}
input[type=submit]{
    width: 100%;
    border: 0 !important;
    border-radius: 0 !important;
}
.quote-icon-box .elementor-icon{
border-color: rgba(0, 0, 0, 0.1) !important;
}
.fabricasto-project-overlay > div{
    width: 212px;
}

.text-center{
    text-align: center!important;
}
.banner-innpage-heading{
    color: white;
      font-weight: 400 !important;
    text-transform: uppercase;
    margin: 0!important;
}
.fabricasto-breadcrumb{
    color: white;
    text-align: center;
}
.fabricasto-breadcrumb a{
    color: black!important;
    margin-right: 10px;
}
.fabricasto-breadcrumb span{
margin-left: 10px;
}

.about-p-wrapper ul{
padding: 0 !important;
list-style: none;
}
.about-p-wrapper ul li:before{
content: '';
    width: 8px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    background-color: var(--e-global-color-primary);
    display: inline-block;
    margin-right: 17px;
    border-radius: 50%;
}
.about-p-wrapper ul li{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 25px;
}
.about-p-wrapper ul li i{
    display: none !important;
}
.h-100{
    height: 100% !important;
}

.fabricasto-team-title{
    font-size: 18px!important;
}
.fabricasto-team-popup{
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

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

.fabricasto-team-popup-overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
}

.fabricasto-team-popup-inner{
    position: relative;
    max-width: 600px;
    margin: 100px auto;
    background: #fff;
    padding: 40px;
    z-index: 2;
    border-radius: 20px;
}

.fabricasto-team-popup-close{
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    background: none;
    font-size: 30px;
    cursor: pointer;
}
.about-box-img:before, .about-box-img:after{
content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    z-index: 3;
    transition-duration: 1.3s !important;
    background: rgb(255, 255, 255);
}
.about-box-img:before{
    right: 0px;
    opacity: 1;
    top: 0px;
}
.about-box-img:after{
        bottom: 0px;
    opacity: 0.7;
    left: 0px;
}
.about-box:hover .about-box-img:before{
    height: 100%;
    width: 100%;
    opacity: 0;
}
.about-box:hover .about-box-img:after{
        height: 100%;
    width: 100%;
    opacity: 0;
}
.about-box:hover .about-box-img img{
        transform: scale(1.001) rotate(0deg);
}
.about-box{
    overflow: hidden!important;
}
.about-box-img img{
    transform: scale(1.05) rotate(0.5deg);
    transition: transform 1.2s cubic-bezier(0.4, 0.01, 0.14, 0.99);
}
.step-number .elementor-heading-title{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.step-number {
    height: 70px;
}
.steps-box:hover .elementor-icon svg{
        transition: 1s;
}
.steps-box:hover .elementor-icon svg{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.steps-box{
    width: calc(50% - 5px) !important  ;
}
.maps-wrapper .elementor-custom-embed, .maps-wrapper iframe{
height: 100%!important;
}

.fabricasto-blog-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.fabricasto-pagination{
        text-align: left;
    display: inline-flex;
    margin: 50px 0 0 0;
}
.page-numbers.current, .page-numbers:hover{
    background-color: black;
    color: white;
}
.page-numbers{
      font-size: 20px;
    color: black;
    min-width: 60px;
    min-height: 60px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 20px;
    background-color: #eee;
        margin-right: 15px;
}
.category-sidebar-wrap h5{
display: none !important;
}
.category-sidebar-wrap ul li{
   padding: 5px 0;
}
.category-sidebar-wrap ul li a{
display: block;
    padding: 9px 23px;
    position: relative;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    position: relative;
        margin-top: 15.6px;
            transition: all 0.3s ease 0s;
            color: black;
}
.category-sidebar-wrap ul li a:hover, .category-sidebar-wrap ul li.current-cat a{
    background-color: var(--e-global-color-primary);
    color: white;
    border-color: var(--e-global-color-primary);
}
.category-sidebar-wrap ul li a:hover:after, .category-sidebar-wrap ul li.current-cat a:after{
    color: white;
}
.category-sidebar-wrap ul li a:after{
        content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 29px;
    font-weight: 700;
    line-height: 1;
}
ul{
    list-style: none;
    padding: 0 !important;
}
.sider-bar-wrap-col{
    position: sticky!important;
    top: 0;
}
.pt-120{
    padding-top: 120px;
}
.pb-120{
    padding-bottom: 120px;
}
.custom-container {
    display: block !important;
}
.new-contact-wrap-side{
    margin-top: 30px;
}
.fabricasto-blog-grid{
    padding-right: 10px;
    margin-top: 30px;
    padding-top: 50px;
    border-top: 1px solid black;
}
.wrap-30{
    padding-left: 10px;
}
.blog-section{
    background-color: #fafafa;
}
.site-header+.elementor {
    min-height: 100%!important;
}

.fabricasto-single-image img{
    width:100%;
    display:block;
}

.fabricasto-single-meta{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin:30px 0 20px;
}

.fabricasto-single-meta span{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
}

.fabricasto-single-title{
    font-size:42px;
    line-height:1.2;
    margin-bottom:30px;
}

.fabricasto-single-content{
    margin-bottom:50px;
}

.fabricasto-single-bottom{
    display:flex;
    justify-content:space-between;
    gap:30px;
    padding-top:30px;
    border-top:1px solid #ddd;
    margin-top:40px;
    flex-wrap:wrap;
}

.fabricasto-single-tags,
.fabricasto-single-share{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}

.fabricasto-single-tags a,
.fabricasto-single-share a{
    text-decoration:none;
}

.fabricasto-comments-wrap{
    margin-top:70px;
}
.fabricasto-single-meta i{
    color: var(--e-global-color-accent);
}

.fabricasto-recent-posts{
    margin-top:30px;
}
.recent-post-title{
    font-size: 22px !important;
}

.fabricasto-sidebar-title{
      font-size: 28px !important;
    font-family: klavika !important;
    font-weight: 300 !important;
    text-transform: uppercase;
    color: black;
}

.fabricasto-recent-post-item{
    display:flex;
    align-items:center;
    gap:18px;
    padding:16px;
    border:1px solid #e4e4e4;
    margin-bottom:18px;
    border-radius:6px;
    transition:.3s;
    background:#fff;
}

.fabricasto-recent-post-item:hover{
    transform:translateY(-3px);
}

.fabricasto-recent-post-image{
    width:90px;
    min-width:90px;
}

.fabricasto-recent-post-image img{
    width:100%;
    height:90px;
    object-fit:cover;
    border-radius:4px;
    display:block;
}

.fabricasto-recent-post-content{
    flex:1;
}

.fabricasto-recent-post-content h4{
    font-size:24px;
    line-height:1.4;
    margin:0 0 12px;
    font-weight:600;
}

.fabricasto-recent-post-content h4 a{
    text-decoration:none;
    color:#1d2b53;
}

.fabricasto-recent-post-date{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    color:#1d2b53;
}

.fabricasto-recent-post-date i{
    color: var(--e-global-color-accent);
}
.fabricasto-breadcrumb > a + a{
    margin-left: 10px;
}
.p-0{
    padding: 0 !important;
}
.fabricasto-products-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.fabricasto-product-card{
    text-align:center;
      border:1px solid #e8e8e8;
      padding: 20px;
      transition: all .3s;
}

.fabricasto-product-card-image{
    padding:20px;
    margin-bottom:12px;
    transition:.3s;
    background:#fff;
      overflow:hidden;
}
.fabricasto-product-card:hover .fabricasto-product-card-image img{
    transform:scale(1.08);
}
.fabricasto-product-card:hover{
    border-color:var(--e-global-color-primary);
}

.fabricasto-product-card-image img{
    width:100%;
    height:220px!important;
    object-fit:cover;
    object-position: center;
    display:block;
    transition:.3s;
}

.fabricasto-product-card-content h3{
    font-size:18px !important;
    line-height:1.4;
    font-weight:500;
    margin:0;
}

.fabricasto-product-card-content h3 a{
    text-decoration:none;
    color:black;
    transition:.3s;
       font-weight:500!important;
}

.fabricasto-product-card-content h3 a:hover{
    color:var(--e-global-color-primary);
}
.cat-heading{
        font-family: "Klavika", Sans-serif!important;
    font-size: 28px!important;
    font-weight: 300!important;
    text-transform: uppercase;
    color: var(--e-global-color-74a04c6);
    margin-top: 0!important;
}

.fabricasto-single-product-gallery img{
    width:100%;
    display:block;
}

.fabricasto-product-thumb-slider{
    margin-top:20px;
}

.fabricasto-product-thumb-slider .swiper-slide{
    cursor:pointer;
    opacity:.6;
}

.fabricasto-product-thumb-slider .swiper-slide-thumb-active{
    opacity:1;
}

.fabricasto-single-product-category{
    margin-bottom:15px;
}

.fabricasto-single-product-category a{
    text-decoration:none;
}

.fabricasto-single-product-title{
    font-size:52px;
    line-height:1.2;
    margin-bottom:30px;
}

.fabricasto-single-product-description{
    margin-top:30px;
}

.fabricasto-related-products{
    margin-top:0px;
    padding-left: 10px;
    padding-right: 10px;
}

.fabricasto-related-title{
    margin-bottom:40px;
    font-size:42px;
}
.single-fabricasto_product .elementor-lightbox{
display: none!important;
}
.fabricasto-product-main-slider .swiper-slide img{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
}
.fabricasto-product-main-slider .swiper-slide a{
        border: 1px solid #e8e8e8;
    padding: 20px;
    display: block;
}

.fabricasto-product-thumb-slider .swiper-slide img{
    width:100%;
    height:120px;
    object-fit:cover;
    display:block;
}
.f-button{
    padding: 10px !important;
    width: auto!important;
    height: auto!important;
}
.f-thumbs.is-modern .f-thumbs__slide button{
    width: 100%!important;}
.f-thumbs.is-modern .f-thumbs__slide:not(.is-selected) button{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.single-fabricasto_product h2:not(.elementor-heading-title), .single-project_fab h2:not(.elementor-heading-title){
    font-family: klavika!important;
    color: black !important;
}
#fabricasto-load-more{
    border:0!important;
    margin-top: 30px;
}
.fabricasto-single-project-top{
    position:relative;
    margin-bottom:120px;
}

.fabricasto-single-project-image img{
    width:70%;
    display:block;
    object-fit:cover;
    object-position: center;
}

.fabricasto-single-project-box{
    position:absolute;
    right:40px;
    bottom:-80px;
    background:#fff;
    max-width:500px;
    width:100%;
    padding:60px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    border-bottom: 5px solid var(--e-global-color-primary);
}

.fabricasto-project-info-item{
    margin-bottom:20px;
        background-color: #e8e8e8;
    padding: 20px;
}

.fabricasto-project-info-item:last-child{
    margin-bottom:0;
}

.fabricasto-project-info-item h3{
      font-size: 24px !important;
    margin-bottom: 15px;
    line-height: 1.2;
    font-family: 'Klavika' !important;
    font-weight: 400 !important;
}

.fabricasto-project-info-item div{
    font-size:18px;
    line-height:1.8;
}

.fabricasto-single-project-content{
    max-width:900px;
    margin:auto;
    margin-bottom:100px;
}

.fabricasto-project-gallery{
  columns: 230px;
  margin: 0;
  padding: 0;
}
.fabricasto-project-gallery .masonry-item{
     display: flex;
  width: 100%;
  margin-block: 0.5rem;
  transition: all .3s;
}
.fabricasto-project-gallery .masonry-item img{
    transition: all .3s;
}

.masonry-item:hover .blog-plus {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    cursor: pointer;
}

.masonry-item:hover img{
    transform:scale(1.08);
}
.col-with-border{
    padding-bottom: 80px;
    border-bottom: 2px solid #e8e8e8;
}
.single-project_fab .fabricasto-single-bottom{
border: 0;
}
.cusrom-pointer a {
    cursor: pointer;
}
.btn-cstm{
    padding:16px 40px;
    background:#000;
    color:#fff !important;
    border:none;
    cursor:pointer;
    transition:.3s;
}

.btn-cstm:hover{
    background:#4CAF50;
}

.fabricasto-quote-popup{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.4s;
    padding:40px 20px;
}
.fabricasto-quote-popup-inner .input-type, .fabricasto-quote-popup-inner .submit-type{
    margin-top: 30px;
}

.fabricasto-quote-popup-inner{
    position:relative;
    background:#fff;
    max-width:650px;
    width:100%;
    padding:60px;
    z-index:2;
 max-height: calc(100vh - 80px);
    overflow-y:auto;
       overscroll-behavior: contain;
}
.fabricasto-quote-popup.active{
    opacity:1;
    visibility:visible;
}

.fabricasto-quote-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.7);
}



.fabricasto-popup-close{
    position:absolute;
    top:15px;
    right:20px;
    font-size:32px;
    cursor:pointer;
}

.fabricasto-quote-popup-inner{
    background-color: #eee;
}
.title-wrap h3{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 26px !important;
}




@media (max-width:1200px) {
.fabricasto-project-item img{
        height: 400px !important;
}
.fabricasto-project-overlay{
        padding: 20px;
}
}

@media (max-width: 1024px) {
.each-tab{
    margin-right: 60px;
}
.pt-120{
    padding-top: 80px;
}
.pb-120{
    padding-bottom: 80px;
}
.fabricasto-testimonial-box{
    padding: 15px;
}
.avatar-img-wrap{
    width: 60px;
}
.fabricasto-testimonial-avatar img{
        width: 60px;
    height: 60px !important;
}
.fabricasto-testimonial-box h3, .fabricasto-testimonial-box span{
    letter-spacing: 1px;
}
.fabricasto-testimonial-quote{
        width: 22px;
    height: 22px;
    line-height: 32px;
}
    .fabricasto-project-item img {
        height: 325px !important;
    }
    .fabricasto-project-overlay h3{
        font-size: 18px !important;
    }
    .fabricasto-project-overlay span{
            width: 50px;
    height: 50px;
    font-size: 20px;
    }
    .fabricasto-team-card.right{
        right: 180px;
    }
    .fabricasto-team-card.left{
        left: 180px;
    }
    .fabricasto-team-label .text{
            padding: 20px;
    font-size: 18px;
    }
    .fabricasto-blog-meta{
        gap: 15px;
    }
    .fabricasto-blog-content{
            padding: 75px 10px 20px;
    }
    .fabricasto-blog-grid{
    padding-right: 0px;
}
.wrap-30{
    padding-left: 0px;
}
.fabricasto-blog-grid{

    padding-top: 30px;

}
  .fabricasto-products-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .fabricasto-related-products  .fabricasto-products-grid{
            grid-template-columns:repeat(3,1fr); 
    }
    .fabricasto-related-products{
        margin-top: 80px;
    }
    .fabricasto-single-project-content{
        margin-bottom: 80px;
    }
}

@media (max-width: 880px) {
    .fabricasto-project-overlay {
        padding: 10px;
    }
    .fabricasto-project-filters{
        gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 40px;
    }
    .fabricasto-project-grid{
        gap: 10px;
    }
    .fabricasto-project-overlay{
        left: 10px;
    right: 10px;
    bottom: 10px;
    }
    .fabricasto-team-card{
        height: 350px;
    }
        .fabricasto-team-card.right {
        right: 50px;
    }
        .fabricasto-team-card.left {
        left: 50px;
    }
    .fabricasto-team-label-right-top {
    right: 17%;
    bottom: 75px;
}
.fabricasto-team-label-left-bottom{
    bottom: 65px;
}
.fabricasto-team-label-left-top {
    left: 17%;
    bottom: 75px;
}
.step-number {
    height: 50px;
}
   .fabricasto-blog-grid{
        grid-template-columns:repeat(2,1fr);
        gap: 10px;
    }
    .category-sidebar-wrap ul li a{
        margin-top: 0 !important;
        padding: 9px 10px;
        font-size: 14px;
    }
.category-sidebar-wrap ul li a:after{
    right: 10px;
}
.fabricasto-sidebar-title{
    font-size: 24px !important;
}

.fabricasto-recent-post-item{
            flex-direction: column;
        align-items: flex-start;
}
.cat-heading{
    font-size: 24px!important;
}
.fabricasto-product-main-slider .swiper-slide img{
    height: 400px;
}
.fabricasto-product-thumb-slider .swiper-slide img{
    height: 80px;
}
.fabricasto-single-project-box{
    right: 10px;
}
}

@media (max-width: 768px) {
    .each-tab {
        margin-right: 20px;
            padding: 15px 0;
    }
    .fabricasto-product-image-slider img, .fabricasto-product-featured-image img{
        height: 300px !important;
    }
}

@media (max-width: 767px) {
.top-left-bar .elementor-icon-list-item:after{
display: none!important;
}
.footer-custom-menu .tahefobu-mobile-nav-menu-container{
display: none!important;
}
.footer-custom-menu .tahefobu-nav-menu-container{
display: block!important;
}
.pt-120{
    padding-top: 40px;
}
.elementor-row{
    flex-wrap: wrap;
}
.pb-120{
    padding-bottom: 40px;
}
 .each-tab {
        margin-right: 10px;
            padding: 20px 0;
    }
    .fabricasto-products-tabs{
        display:block;
    }

    .sidebarwrap{
        display:none;
    }
    .maps-wrapper iframe{
        height: 300px !important;
    }

    .vertical-tab-content{
        width:100%;
        margin-top:20px;
    }

.process-counting-heading .elementor-heading-title:before{
        width: 10px;
            right: -10px;
}
.process-counting-heading .elementor-heading-title:after{
        bottom: -10px;
            width: calc(100% + 10px);
    height: 10px;
}
.fabricasto-testimonial-avatar img{
        width: 54px;
    height: 54px !important;
}
.fabricasto-project-grid{
    grid-template-columns: repeat(1, 1fr);
}
.fabricasto-team-card{
    position: static;
    width: 100%;
    transform: translateX(0)!important;
    margin-bottom: 20px;
}
.fabricasto-team-label{
    position: static;
    margin-bottom: 20px;
}
.fabricasto-team-wrapper{
    padding: 0 10px;
    min-height: 100%;
}
.fabricasto-team-label-left-bottom{
  transform: translateX(0)!important;
}
.top-social-bar ul{
margin-inline: 0 !important;
}
.h-box-wrapper{
    height: auto!important;
}
.fabricasto-team-popup{
    padding: 0 10px;
}
.fabricasto-team-popup-inner{
        padding: 20px;
}
.fabricasto-team-popup-close{
        padding: 6px 16px !important;
}
    .fabricasto-blog-grid{
        grid-template-columns:1fr;
        gap: 20px;
    }
    .fabricasto-recent-post-item{
            flex-direction: row;
        align-items: center;
}
.fabricasto-single-bottom{
    margin-bottom: 30px;
}
.fabricasto-sidebar-title{
    text-align: center!important;
}
  .fabricasto-products-grid{
        grid-template-columns:1fr;
    }
    .fabricasto-product-main-slider .swiper-slide img{
    height: 300px;
}
    .fabricasto-product-thumb-slider .swiper-slide img {
        height: 70px;
    }
    .fabricasto-single-product-content, .fabricasto-related-products{
        margin-top: 40px;
    }
    .fabricasto-single-product-title, .fabricasto-related-title{
        margin-bottom: 20px;
    }
    .fabricasto-single-product-description{
        margin-top: 10px;
    }
        .fabricasto-related-products .fabricasto-products-grid {
        grid-template-columns: 1fr;
    }
    .fabricasto-single-project-image img{
        height: 400px;
        width: 100%;
    }
    .fabricasto-single-project-box{
       position: static;
       padding: 20px;
    }
    .fabricasto-single-project-top{
        margin-bottom: 40px;
    }
        .fabricasto-single-project-content {
        margin-bottom: 0px;
    }
    .col-with-border{
        padding-bottom: 40px;
    }
    .fabricasto-quote-popup-inner{
        padding: 20px;
    }
    .fabricasto-quote-popup-inner .input-type, .fabricasto-quote-popup-inner .submit-type {
    margin-top: 15px;
}
.fabricasto-product-tabs{
    margin-top:40px;
    margin-bottom:40px;
}
.fabricasto-team-wrapper {
  
    grid-template-columns: 1fr;
  
}

}