/* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&family=Playfair+Display:wght@400;500;600&family=Syne:wght@400;500;600;700&display=swap');


/* ===================================================== */
/* ================= GLOBAL STYLES ===================== */
/* ===================================================== */

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    padding-top:70px;
    background:#ffff;
    font-family:'Montserrat',sans-serif;
    overflow-x:hidden;
}



/* REMOVE DEFAULT THEME HEADER */
header,
.site-header,
.main-header,
#masthead{
    display:none !important;
}
/* 
/* REMOVE RANDOM ICONS */
/* i,
svg{
    display:none !important;
} */


/* ===================================================== */
/* ================= CUSTOM CURSOR ===================== */
/* ===================================================== */

.zara-cursor{
    position:fixed;
    width:14px;
    height:14px;
    border:1px solid #111;
    border-radius:50%;
    pointer-events:none;
    transform:translate(-50%,-50%);
    z-index:99999;
    transition:.12s ease;
}


/* ===================================================== */
/* ================= HEADER ============================ */
/* ===================================================== */

.zara-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#2f2f2f;
    z-index:9999;
    padding:9px 35px !important;
    transition:.4s ease;
    box-sizing:border-box;
}

/* .zara-header.scrolled{
    background:rgba(0,0,0,.92);
    backdrop-filter:blur(10px);
    padding:18px 70px;
} */

.zara-header-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.zara-header-logo{
    font-size:16px;
    letter-spacing:8px;
    font-weight:300;

    color:#ffffff !important;

    opacity:1 !important;

    -webkit-text-fill-color:#ffffff !important;

    text-shadow:0 0 1px rgba(255,255,255,.2);

    transition:.3s ease;
}

.zara-header-logo:hover{
    letter-spacing:10px;
}

.zara-header-menu a{
    position:relative;
    color:#fff !important;
    text-decoration:none;
    margin-left:40px;
    font-size:11px;
    letter-spacing:4px;
    transition:.3s ease;
}

.zara-header-menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:1px;
    background:#fff;
    transition:.3s ease;
}

.zara-header-menu a:hover::after{
    width:100%;
}

.zara-header-menu a:hover{
    opacity:.7;
}




/* 
=========================================
   ZARA CONTACT SECTION
========================================= 
 */
.zara-contact-wrap{

    max-width:1400px;

    margin:0 auto;

    padding:140px 7vw;

    display:grid;

    grid-template-columns:.95fr 1.05fr;

    gap:8vw;

    background:#fff;
}

/* LEFT */

.zara-contact-left{

    padding-top:20px;
}

.zara-contact-mini{

    display:block;

    margin-bottom:35px;

    font-family:'Montserrat',sans-serif;

    font-size:12px;

    letter-spacing:9px;

    text-transform:uppercase;
	  font-weight:700;

    color:#9b9b9b;
}

.zara-contact-left h2{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:110px;

    line-height:.88;

    font-weight:500;

    letter-spacing:-4px;

    color:#111;
}

.zara-contact-left p{

    margin-top:40px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    line-height:2;

    font-weight:300;

    color:#666;
}

/* RIGHT */

.zara-contact-right{

    width:100%;
}

/* FIELD */

.zara-field{

    margin-bottom:55px;
}

.zara-field label{

    display:block;

    margin-bottom:18px;

    font-family:'Montserrat',sans-serif;

    font-size:11px;

    font-weight:500;

    letter-spacing:6px;

    text-transform:uppercase;

    color:#8d8d8d;
}

/* INPUT */

.zara-field input,
.zara-field textarea{

    width:100%;

    border:none;

    border-bottom:1px solid #d8d8d8;

    background:transparent;

    outline:none;

    padding:0 0 16px;

    font-family:'Montserrat',sans-serif;

    font-size:18px;

    font-weight:400;

    color:#111;

    transition:.4s ease;
}

.zara-field textarea{

    resize:none;
}

/* FOCUS */

.zara-field input:focus,
.zara-field textarea:focus{

    border-color:#111;
}

/* BUTTON */

.zara-send-btn{

    margin-top:20px;

    border:none;

    background:none;

    padding:0;

    cursor:pointer;

    font-family:'Montserrat',sans-serif;

    font-size:12px;

    font-weight:500;

    letter-spacing:5px;

    text-transform:uppercase;

    color:#111;

    transition:.35s ease;
}

.zara-send-btn:hover{

    letter-spacing:7px;
}

/* NOTE */

.zara-contact-note{

    margin-top:70px;

    font-family:'Montserrat',sans-serif;

    font-size:11px;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#a1a1a1;
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:991px){

    .zara-contact-wrap{

        grid-template-columns:1fr;

        gap:70px;

        padding:100px 8vw;
    }

    .zara-contact-left h2{

        font-size:62px;

        letter-spacing:-2px;
    }

    .zara-contact-left p{

        font-size:14px;

        line-height:1.8;
    }

    .zara-field{

        margin-bottom:45px;
    }

    .zara-field input,
    .zara-field textarea{

        font-size:16px;
    }
}
/* ===================================================== */
/* ================= FOOTER ============================ */
/* ===================================================== */

.zara-footer{
    background:#2f2f2f;
    padding:50px 0 50px;
    position:relative;
    overflow:hidden;
}

.zara-footer::before{
    content:"";
    position:absolute;
    top:0;
    left:10%;
    width:80%;
    height:2px;
    background:rgba(255,255,255,.06);
}

.zara-footer .vc_row{
    max-width:1100px;
    margin:0 auto;
}

.zara-footer .vc_column_container{
    padding:0 30px;
}

/* TITLE */
.zara-title{
    font-size:28px;
    letter-spacing:9px;
    font-weight:300;
    color:#fff;
    margin-bottom:16px;
}

/* SUBTEXT */
.zara-sub{
    font-size:11px;
    letter-spacing:4px;
    color:rgba(255,255,255,.55);
    line-height:2.1;
}

/* MENU */
.zara-menu a{
    display:inline-block;
    font-size:11px;
    letter-spacing:5px;
    color:#fff !important;
    text-decoration:none;
    margin-bottom:14px;
}

/* CONTACT */
.zara-contact{
    font-size:11px;
    letter-spacing:4px;
    color:rgba(255,255,255,.5);
    line-height:2.2;
    text-align:right;
}

/* COPYRIGHT */
.zara-footer-bottom{
    background:#000;
    padding:20px 0 8px;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.06);
}

.zara-copy{
    font-size:10px;
    letter-spacing:3px;
    color:rgba(255,255,255,.4);
	margin:0 !important;
    padding:0 !important;

    line-height:normal !important;
   
  transform:translateY(2px);
    display:flex;
    align-items:center;
    justify-content:center;
}


/* ===================================================== */
/* ================= ANIMATIONS ======================== */
/* ===================================================== */

/* ===================================================== */
/* ================= RESPONSIVE ======================== */
/* ===================================================== */

@media(max-width:768px){

    body{
        padding-top:100px;
    }

    .zara-header{
        padding:8px 15px;
    }

    .zara-header-inner{
        flex-direction:column;
        gap:10px;
    }

    .zara-contact-page{
        padding:110px 20px;
    }

    

   

    .zara-wa-form{
        width:90%;
    }

    .zara-footer .vc_row{
        display:flex !important;
        flex-direction:column !important;
        align-items:center;
    }

    .zara-footer .vc_column_container{
        width:100% !important;
        text-align:center !important;
        padding:20px 0 !important;
    }

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


/* ========================================
   HERO SECTION
======================================== */

.zara-hero-section{
    overflow:hidden;
}

/* ROW */
.zara-hero-section .vc_row{
    display:flex !important;
    
}

/* COLUMNS */
.zara-hero-section .vc_column_container{
    width:50%;
    
}

/* REMOVE GAP */
.zara-hero-section .vc_column-inner{
    padding:0 !important;
}

.zara-hero-section .wpb_wrapper{
    margin:0 !important;
}

/* MEDIA */
.zara-about-media{
    position:relative;
    height:70vh;
    overflow:hidden;
}

/* IMG + VIDEO */
.zara-about-media img,
.zara-about-media video,
.zara-about-media iframe{
    width:100% !important;
    height:70vh !important;
    object-fit:cover;
    display:block;
}

/* DARK OVERLAY FIXED */

.zara-about-media{
    position:relative;
}

.zara-about-media:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

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

    z-index:1;
    pointer-events:none;
}

/* KEEP MEDIA ABOVE NORMAL */
.zara-about-media img,
.zara-about-media video,
.zara-about-media iframe{
    position:relative;
    z-index:0;
}

/* TEXT ABOVE OVERLAY */
.zara-hero-text{
    z-index:5;
}
/* HERO TEXT */
.zara-hero-text{
    position:absolute;
    left:70px;
    bottom:60px;
    z-index:5;
    color:#000;
	
}

.zara-mini-title{
    font-size:15px;
    letter-spacing:6px;
    margin-bottom:20px;
	  font-weight:100;
    font-family:'Montserrat',sans-serif;
	  
		
}

.zara-hero-text h1{
    font-family:'Cormorant Garamond',serif;
    font-size:100px;
    line-height:.70;
    margin:0;
    font-weight:500;
	  color:#2f2f2f;
}

.zara-hero-text p{
    margin-top:24px;
    font-size:15px;
    letter-spacing:4px;
	  font-weight:100
    font-family:'Montserrat',sans-serif;
}

/* MOBILE */
@media(max-width:768px){

    .zara-hero-section .vc_row{
        flex-wrap:nowrap !important;
    }

    .zara-hero-section .vc_column_container{
        width:50% !important;
    }

    .zara-hero-text{
        left:20px;
        bottom:25px;
    }

    .zara-hero-text h1{
        font-size:40px;
    }

    .zara-mini-title{
        font-size:7px;
        letter-spacing:3px;
    }

    .zara-hero-text p{
        font-size:7px;
        letter-spacing:2px;
    }
}
.zara-hero-section .vc_column-inner{
    display:flex;
}

/* =========================================
   ZARA PREMIUM BRAND SECTION
========================================= */

.zara-brand-section{
    background:#fff;
    padding:120px 90px 110px;
    overflow:hidden;
}

/* ROW */
.zara-brand-section .vc_row{
    display:flex;
    align-items:flex-start;
}

/* LEFT LABEL */
.zara-brand-label{
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    letter-spacing:6px;
    text-transform:uppercase;
    color:#9a9a9a;

    margin-top:18px;
}

/* MAIN TEXT */
.zara-brand-text{
    font-family:'Playfair Display',serif;

    font-size:110px;
    line-height:.9;
    letter-spacing:-4px;

    color:#111;
    font-weight:500;

    max-width:950px;
}

/* EACH LINE */
.zara-brand-line{
    display:block;
    margin-bottom:-8px;
}

/* SMALL SUBTEXT */
.zara-brand-sub{
    margin-top:40px;

    max-width:520px;

    font-family:'Montserrat',sans-serif;

    font-size:12px;
    line-height:2;
    letter-spacing:2px;

    color:#7a7a7a;
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .zara-brand-section{
        padding:70px 24px 70px;
    }

    .zara-brand-section .vc_row{
        display:block;
    }

    .zara-brand-label{
        margin-bottom:24px;

        font-size:8px;
        letter-spacing:4px;
    }

    .zara-brand-text{
        font-size:62px;
        line-height:.92;
        letter-spacing:-2px;
    }

    .zara-brand-line{
        margin-bottom:-2px;
    }

    .zara-brand-sub{
        margin-top:26px;

        font-size:10px;
        line-height:1.8;
        letter-spacing:1px;
    }
}

/* /* ========================================
   COMPACT ZARA INTRO STRIP
======================================== */

.zara-hero-intro{
    background:#fff !important;

    padding:22px 70px 16px !important;

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

    gap:50px;

    margin:0 !important;
    border:none !important;
}

/* LEFT LABEL */

.zara-hero-label{
    font-family:'Montserrat',sans-serif;
    font-size:13px;
    letter-spacing:5px;
	  font-weight:500;
    text-transform:uppercase;

    color:#a4a4a4;

    white-space:nowrap;

    margin:0 !important;
}

/* RIGHT TEXT */

.zara-hero-line{
   font-family:'Montserrat',sans-serif;

    font-size:23px;
    line-height:0.95;

    font-weight:300;

    letter-spacing:-1.0px;

    color:#2f2f2f;

    max-width:680px;

    margin:0 !important;

    text-align:right;
}
/* REMOVE GAP BELOW */

.zara-hero-section{
    margin-top:0 !important;
    padding-top:0 !important;
}

.zara-hero-section .vc_row,
.zara-hero-section .vc_column_container,
.zara-hero-section .vc_column-inner{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* REMOVE IMAGE LINE GAP */

.zara-about-media{
    display:block;
    line-height:0;
}

/* MOBILE */

@media(max-width:768px){

    .zara-hero-intro{
        padding:20px 24px 14px !important;

        flex-direction:column;
        align-items:flex-start;

        gap:14px;
    }

    .zara-hero-line{
        font-size:34px;
        line-height:1;
        text-align:left;
        max-width:100%;
    }

    .zara-hero-label{
        font-size:8px;
        letter-spacing:4px;
    }
}
/* =========================
   ZARA EDITORIAL BLOCK
========================= */

.mm-zara-row{
    background:#f5f4f1 !important;
    padding:70px 7vw 10px !important;
}

/* FLEX */

.mm-zara-editorial{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:120px;
}

/* SMALL LABEL */

.mm-zara-label{
    min-width:220px;

    font-size:11px;
    letter-spacing:8px;
    text-transform:uppercase;
    color:#a4a4a4;

    padding-top:16px;

  
	
    transform:translateY(25px);

    animation:mmFadeLuxury 1s ease forwards;
}

/* BIG TITLE */

.mm-zara-title{
    font-family:"Cormorant Garamond", serif;

    font-size:clamp(17px, 5vw, 55px);

    line-height:.70em;

    font-weight:300;

    letter-spacing:-2.5px;

    color:#111;

    max-width:900px;

    text-align:left;

    
    transform:translateY(40px);

    animation:mmFadeLuxury 1.2s ease forwards;

    animation-delay:.2s;
}

/* ANIMATION */

@keyframes mmFadeLuxury{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* MOBILE */

@media(max-width:768px){

.mm-zara-editorial{
    flex-direction:column;
    gap:24px;
}

.mm-zara-row{
    padding:55px 28px !important;
}

.mm-zara-title{
    line-height:1em;
}

}
.zara-hero-section,
.zara-hero-section .vc_column-inner,
.zara-hero-section .wpb_wrapper{
    background:#ffffff !important;
}

/* remove unwanted spacing */

.zara-hero-section{
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.zara-hero-section{
    padding-left:80px !important;
    padding-right:80px !important;
    background:#fff !important;
}

@media(max-width:991px){
    .zara-hero-section{
        padding-left:36px !important;
        padding-right:36px !important;
    }
}

@media(max-width:767px){
    .zara-hero-section{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}



/* =========================================
   CINEMATIC STORYTELLING SECTION
========================================= */

.storytelling-about-row{
    position:relative;
    overflow:hidden;
}

/* DARK CINEMATIC OVERLAY */

.storytelling-about-row:before{
    content:'';
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.70),
        rgba(0,0,0,.20),
        rgba(0,0,0,.15)
    );

    z-index:1;
}

/* CONTENT WRAPPER */

.storytelling-about-wrapper{
    position:relative;
    z-index:2;

    min-height:100vh;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    padding:90px 6vw;

    animation:luxuryFade 1.4s ease;
}

/* SMALL LABEL */

.storytelling-label{
    font-size:11px;
    letter-spacing:7px;
    text-transform:uppercase;

    color:rgba(255,255,255,.72);

    margin-bottom:26px;

    font-family:'Montserrat',sans-serif;
    font-weight:400;
}

/* MAIN TITLE */

.storytelling-title{
    font-family:'Cormorant Garamond',serif;

    font-size:55px; /* reduced */
    line-height:.95;

    font-weight:400;

    color:#fff;

    max-width:1100px;

    letter-spacing:-1.8px;

    margin-bottom:35px;
}

/* DESCRIPTION */

.storytelling-text{
    max-width:720px;

    font-size:15px;
    line-height:2;

    color:rgba(255,255,255,.78);

    font-family:'Montserrat',sans-serif;
    font-weight:300;
}

/* SMOOTH FADE */

@keyframes luxuryFade{

    from{
        opacity:0;
        transform:translateY(60px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* SUBTLE ZARA FEEL */

.storytelling-title em{
    font-style:italic;
    font-weight:300;
}

/* MOBILE */

@media(max-width:991px){

.storytelling-about-wrapper{
    padding:70px 40px;
}

.storytelling-title{
    font-size:40px;
    line-height:1;
}

}

@media(max-width:767px){

.storytelling-about-wrapper{
    padding:60px 24px;
}

.storytelling-title{
    font-size:42px;
    line-height:1.05;
    letter-spacing:-1px;
}

.storytelling-text{
    font-size:14px;
    line-height:1.9;
}

.storytelling-label{
    letter-spacing:5px;
}

}

/* =========================================================
   MAYURMAGICZ ULTRA CINEMATIC INSTAGRAM EXPERIENCE
========================================================= */

#sb_instagram{

    position:relative;
    overflow:hidden;

    padding:0px 0 50px 0 !important;

    background:#fff
    

}

/* CINEMATIC LIGHT */

#sb_instagram::before{

    content:'';

    position:absolute;

    top:-300px;
    left:-200px;

    width:700px;
    height:700px;

    background:radial-gradient(
        circle,
        rgba(255,255,255,0.95),
        rgba(255,255,255,0)
    );

    filter:blur(90px);

    pointer-events:none;

}

/* TRACK */

#sb_instagram #sbi_images{

    display:flex !important;
    flex-wrap:nowrap !important;

    overflow-x:auto;
    overflow-y:hidden;

    gap:34px !important;

    padding:40px 8vw 70px 8vw !important;

    scroll-snap-type:x mandatory;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    cursor:grab;

    scrollbar-width:none;

}

#sb_instagram #sbi_images::-webkit-scrollbar{
    display:none;
}

/* ITEM */

#sb_instagram .sbi_item{

    flex:0 0 auto !important;

    width:58vw !important;
    max-width:920px !important;

    scroll-snap-align:center;

    transition:
    transform .9s cubic-bezier(.19,1,.22,1),
    opacity .7s ease,
    filter .7s ease;

    transform:scale(.84);

    opacity:.28;

    filter:
    blur(2px)
    grayscale(.12);

    position:relative;

}

/* ACTIVE LOOK */

#sb_instagram .sbi_item:hover{

    transform:
    scale(1)
    translateY(-12px);

    opacity:1;

    filter:none;

    z-index:8;

}

/* STAGGERED LUXURY FLOW */

#sb_instagram .sbi_item:nth-child(2n){

    margin-top:70px;

}

#sb_instagram .sbi_item:nth-child(3n){

    margin-top:-40px;

}

/* WRAPPER */

#sb_instagram .sbi_photo_wrap{

    overflow:hidden;

   

    position:relative;

    background:#ece8df;

    box-shadow:
    0 25px 80px rgba(0,0,0,.10),
    0 8px 30px rgba(0,0,0,.06);

}

/* IMAGE */

#sb_instagram .sbi_photo{
       background-repeat:no-repeat !important;
    background-position:center center !important;
	width:100%;

    aspect-ratio:16/9;

    background-size:cover !important;
    transition:
    transform 1.3s cubic-bezier(.19,1,.22,1),
    filter .8s ease;

}

/* IMAGE MOTION */

#sb_instagram .sbi_item:hover .sbi_photo{

    transform:scale(1.04);

    filter:
    saturate(1.03)
    contrast(1.02);

}

/* CINEMATIC OVERLAY */

#sb_instagram .sbi_photo_wrap::after{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.22),
        rgba(0,0,0,0)
    );

    opacity:.45;

    transition:.6s ease;

}

#sb_instagram .sbi_item:hover .sbi_photo_wrap::after{

    opacity:.12;

}

/* REMOVE INSTAGRAM STUFF */

#sb_instagram .sb_instagram_header,
#sb_instagram #sbi_load,
#sb_instagram .sbi_follow_btn{

    display:none !important;

}

/* ARROWS */

.insta-arrow{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:82px;
    height:82px;

    border-radius:999px;

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

    backdrop-filter:blur(18px);

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

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

    color:#111;

    font-size:38px;

    cursor:pointer;

    z-index:99;

    box-shadow:
    0 12px 35px rgba(0,0,0,.10);

    transition:.4s ease;

}

.insta-arrow:hover{

    background:#111;

    color:#fff;

    transform:
    translateY(-50%)
    scale(1.08);

}

.insta-prev{
    left:26px;
}

.insta-next{
    right:26px;
}

/* EDGE FADES */

#sb_instagram::after{

    content:'';

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
    linear-gradient(
        to right,
        #f8f6f1 0%,
        transparent 10%,
        transparent 90%,
        #f8f6f1 100%
    );

}

/* ======================
   TABLET
====================== */

@media(max-width:1024px){

#sb_instagram{

    padding:90px 0 !important;

}

#sb_instagram #sbi_images{

    gap:24px !important;

    padding:30px 40px 50px 40px !important;

}

#sb_instagram .sbi_item{

    width:78vw !important;

}


}

/* ======================
   MOBILE
====================== */

@media(max-width:767px){

#sb_instagram{

    padding:55px 0 !important;

}

#sb_instagram #sbi_images{

    gap:16px !important;

    padding:20px 18px 30px 18px !important;

}

#sb_instagram .sbi_item{

    width:88vw !important;

    transform:none !important;

    opacity:1 !important;

    filter:none !important;

    margin-top:0 !important;

}




.insta-arrow{

    width:32px;
    height:32px;

    font-size:24px;

}

.insta-prev{
    left:6px;
}

.insta-next{
    right:6px;
}

}

/* =========================================
   MOBILE HERO FIX
========================================= */

@media(max-width:767px){

    /* HERO SECTION */

    .zara-hero-section{
        padding-left:0 !important;
        padding-right:0 !important;
        overflow:hidden;
    }

    /* ROW STACK */

    .zara-hero-section .vc_row{
        display:block !important;
    }

    .zara-hero-section .vc_column_container{
        width:100% !important;
        display:block !important;
    }

    /* 16:9 HERO MEDIA */

    .zara-about-media{
        position:relative;

        width:100%;
        height:auto !important;

        aspect-ratio:16/9;

        overflow:hidden;
    }

    .zara-about-media img,
    .zara-about-media video,
    .zara-about-media iframe{

        width:100% !important;
        height:100% !important;

        object-fit:cover;
        object-position:center center;

        display:block;
    }

    /* DARK OVERLAY */

    .zara-about-media:before{
        background:rgba(0,0,0,.28);
    }

    /* TEXT POSITION */

    .zara-hero-text{

        left:22px !important;
        bottom:22px !important;

        max-width:85%;
    }

    /* MINI LABEL */

    .zara-mini-title{

        font-size:8px !important;
        letter-spacing:3px !important;

        margin-bottom:10px !important;

        color:rgba(255,255,255,.78);
    }

    /* MAIN TITLE */

    .zara-hero-text h1{

        font-size:42px !important;
        line-height:.9 !important;

        letter-spacing:-1px;

        color:#fff !important;
    }

    /* SUBTEXT */

    .zara-hero-text p{

        font-size:9px !important;
        letter-spacing:2px !important;

        margin-top:12px !important;

        color:rgba(255,255,255,.75);
    }

}

/* =========================================
   MAYURMAGICZ — CLEAN LUXURY HERO
========================================= */

.zara-hero-text{

    position:absolute;

    left:6vw;
    bottom:5vw;

    z-index:20;

    animation:luxFade 1.4s ease;
}

/* =========================================
   MONOGRAM LOGO
========================================= */

.mm-monogram{

    margin:0;

    display:flex;

    align-items:flex-start;

    gap:0;

    font-family:'Cormorant Garamond', serif;

    color:#fff;

    line-height:.8;

    text-rendering:geometricPrecision;
}

/* BIG MA */

.mm-monogram .big-m{

    font-size:13vw;

    line-height:.72;

    font-weight:500;

    color:#fff;

    letter-spacing:-0.07em;

    margin-right:-1vw;

    text-shadow:
    0 2px 18px rgba(0,0,0,.14);

    opacity:.98;
}

/* AYUR + GICZ */

.mm-monogram .mm-text{

    display:block;

    margin-top:.7vw;

    font-size:5.0vw;

    line-height:.78;

    font-weight:350;

    letter-spacing:-0.04em;

    color:#fff;

    text-shadow:
    0 2px 18px rgba(0,0,0,.14);
}

/* =========================================
   SUBTEXT
========================================= */

.zara-hero-text p{

    margin-top:14px;

    margin-left:.4vw;

    font-family:'Montserrat',sans-serif;

    font-size:11px;

    font-weight:400;

    letter-spacing:5px;

    text-transform:uppercase;

    color:rgba(255,255,255,.9);

    line-height:1.6;

    white-space:nowrap;

    text-shadow:
    0 1px 10px rgba(0,0,0,.14);
}

/* =========================================
   FADE ANIMATION
========================================= */

@keyframes luxFade{

    from{

        opacity:0;
        transform:translateY(40px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media(max-width:767px){

    .zara-hero-text{

        left:7vw;
        bottom:14vw;
    }

    .mm-monogram{

        line-height:.82;
    }

    .mm-monogram .big-m{

        font-size:26vw;

        margin-right:-1.5vw;
    }

    .mm-monogram .mm-text{

        font-size:11vw;

        margin-top:1vw;

        line-height:.82;
    }

    .zara-hero-text p{

        font-size:8px;

        letter-spacing:3px;

        line-height:1.5;

        margin-top:12px;

        white-space:normal;
    }

}

/* =========================================
   GLOBAL COLOR OVERRIDE
========================================= */

.zara-header,
.zara-footer,
.zara-footer-bottom{
    background:#2f2f2f !important;
}

/* TEXT COLORS */

body,
h1,h2,h3,h4,h5,h6,
p,
span,
a,
div{
    color:#2f2f2f;
}

/* FORCE ALL BLACK TEXT TO GREY */

[class*="title"],
[class*="label"],
[class*="description"],
[class*="text"],
[class*="sub"],
[class*="contact"],
[class*="value"],

}



/* UNDERLINES */

.production-btn:after,
.event-btn:after,
.interior-btn:after,
.furniture-btn:after{
    background:#2f2f2f !important;
}


/* =========================================
   MAYURMAGICZ — ZARA CINEMATIC GRID
========================================= */


/* =========================================
   ROW
========================================= */

.zara-cinematic-row{

    position:relative;

    padding:140px 5vw !important;

    overflow:hidden;

    background:#f5f4f1;
}

/* SUBTLE TEXTURE */

.zara-cinematic-row::before{

    content:'';

    position:absolute;

    inset:0;

    background-image:
    url("https://www.transparenttextures.com/patterns/asfalt-light.png");

    opacity:.025;

    pointer-events:none;
}


/* =========================================
   COLUMN
========================================= */

.zara-cinematic-column{

    position:relative;

    z-index:2;
}


/* =========================================
   FILTER NAVIGATION
========================================= */

.zara-cinematic-column .haru-filter{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:60px;

    margin-bottom:110px;

    flex-wrap:wrap;
}

.zara-cinematic-column .haru-filter a{

    font-family:'Montserrat',sans-serif;

    font-size:16px;

    font-weight:400;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#2f2f2f;
    
    transition:.4s ease;

    position:relative;
}

.zara-cinematic-column .haru-filter a:hover{

    color:#111;

    transform:translateY(-2px);
}

.zara-cinematic-column .haru-filter .active{

    color:#111;
}

.zara-cinematic-column .haru-filter .active::after{

    content:'';

    position:absolute;

    left:0;
    bottom:-12px;

    width:100%;
    height:1px;

    background:#111;
}


/* =========================================
   VIDEO GRID
========================================= */

.zara-cinematic-column .haru-list-video{

    display:grid !important;

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

    gap:130px 34px;
}


/* TABLET */

@media(max-width:1100px){

.zara-cinematic-column .haru-list-video{

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

    gap:90px 24px;
}

}

/* MOBILE */

@media(max-width:767px){

.zara-cinematic-row{

    padding:90px 22px !important;
}

.zara-cinematic-column .haru-list-video{

    grid-template-columns:1fr;

    gap:70px;
}

}


/* =========================================
   STAGGER LAYOUT
========================================= */

.zara-cinematic-column .haru-video-item:nth-child(2n){

    margin-top:65px;
}

.zara-cinematic-column .haru-video-item:nth-child(3n){

    margin-top:-35px;
}

@media(max-width:767px){

.zara-cinematic-column .haru-video-item:nth-child(2n),
.zara-cinematic-column .haru-video-item:nth-child(3n){

    margin-top:0;
}

}


/* =========================================
   VIDEO CARD
========================================= */



.zara-cinematic-column .haru-video-item:nth-child(2){
    animation-delay:.08s;
}

.zara-cinematic-column .haru-video-item:nth-child(3){
    animation-delay:.16s;
}

.zara-cinematic-column .haru-video-item:nth-child(4){
    animation-delay:.24s;
}

.zara-cinematic-column .haru-video-item:nth-child(5){
    animation-delay:.32s;
}


/* =========================================
   THUMBNAIL
========================================= */

.zara-cinematic-column .haru-video-thumbnail{

    position:relative;

    overflow:hidden;

    aspect-ratio:16/9;

    background:#000;
}

/* IMAGE */

.zara-cinematic-column .haru-video-thumbnail img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
    transform 1.4s cubic-bezier(.19,1,.22,1),
    filter .7s ease;
}

/* DARK OVERLAY */

.zara-cinematic-column .haru-video-thumbnail::after{

    content:'';

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.34),
        rgba(0,0,0,0)
    );

    opacity:.55;

    transition:.6s ease;
}


/* =========================================
   HOVER
========================================= */

.zara-cinematic-column .haru-video-item:hover{

    transform:translateY(-10px);
}

.zara-cinematic-column .haru-video-item:hover img{

    transform:scale(1.08);

    filter:brightness(.95);
}

.zara-cinematic-column .haru-video-item:hover
.haru-video-thumbnail::after{

    opacity:.15;
}


/* =========================================
   REMOVE PLAY ICONS
========================================= */

.zara-cinematic-column .jp-video-play-icon,
.zara-cinematic-column .mejs-overlay-button,
.zara-cinematic-column .haru-video__play,
.zara-cinematic-column .video-icon{

    display:none !important;
}


/* =========================================
   TITLE
========================================= */

.zara-cinematic-column .haru-video-title{

    margin-top:28px !important;

    text-align:center;

    font-family:'Cormorant Garamond',serif;

    font-size:40px;

    line-height:.95;

    font-weight:400;

    letter-spacing:-1px;

    color:#171717;

    transition:.4s ease;
}

.zara-cinematic-column .haru-video-item:hover
.haru-video-title{

    color:#000;
}


/* =========================================
   CATEGORY
========================================= */

.zara-cinematic-column .haru-video-category{

    margin-top:18px;

    text-align:center;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:400;

    letter-spacing:5px;

    text-transform:uppercase;

    color:#8a8a8a;
}


/* =========================================
   ANIMATION
========================================= */

@keyframes luxReveal{

    from{

        opacity:0;

        transform:
        translateY(70px)
        scale(.96);
    }

    to{

        opacity:1;

        transform:
        translateY(0)
        scale(1);
    }
}


/* =========================================
   APPLE TV SMOOTHNESS
========================================= */

.zara-cinematic-column img{

    backface-visibility:hidden;

    transform:translateZ(0);
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

.zara-cinematic-column .haru-filter{

    gap:24px;

    margin-bottom:70px;
}

.zara-cinematic-column .haru-filter a{

    font-size:10px;

    letter-spacing:2px;
}

.zara-cinematic-column .haru-video-title{

    font-size:28px;
}

.zara-cinematic-column .haru-video-category{

    font-size:9px;

    letter-spacing:3px;
}

}


/* =========================================
   CURSOR
========================================= */

.zara-cinematic-column .haru-video-item{

    cursor:pointer;
}

/* =========================================
   GLOBAL MOBILE OPTIMIZATION
========================================= */

@media(max-width:767px){

    /* BODY */

    body{
        overflow-x:hidden !important;
    }

    /* GLOBAL ROW SPACING */

    .vc_row{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    /* REMOVE HUGE SECTION PADDING */

    .luxury-production-row,
    .luxury-interior-row,
    .luxury-event-row,
    .storytelling-about-wrapper,
    .zara-brand-section,
    .mm-zara-row{

        padding:55px 20px !important;
    }

    /* STACK COLUMNS */

 

    .vc_column_container{
        width:100% !important;
    }
/* FIX IMAGE HEIGHTS */

.luxury-production-media img,
.luxury-interior-media img,
.luxury-event-media img,
.luxury-furniture-media img{

    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    display:block;
}
	
    /* REMOVE HUGE CONTENT PADDING */ 

    .luxury-production-content,
    .luxury-interior-content,
    .luxury-event-content,
    .luxury-furniture-content{

        padding:15px 0 0 0 !important;
    }

    /* TITLES */

    .production-title,
    .interior-title,
    .event-title,
    .furniture-title,
    .storytelling-title,
    .zara-brand-text,
    .mm-zara-title{

        font-size:38px !important;
        line-height:1.08 !important;

        letter-spacing:-1px !important;

        word-break:break-word;
    }

    /* LABELS */

    .production-label,
    .interior-label,
    .event-label,
    .furniture-label,
    .storytelling-label,
    .zara-brand-label,
    .mm-zara-label{

        font-size:9px !important;
        letter-spacing:3px !important;

        line-height:1.6 !important;
    }

    /* PARAGRAPHS */

    .production-description,
    .interior-description,
    .event-description,
    .furniture-description,
    .storytelling-text,
    .zara-brand-sub{

        font-size:13px !important;
        line-height:1.8 !important;

        letter-spacing:.4px !important;
    }

    /* HERO TEXT */

    .zara-hero-text{
        max-width:90% !important;
    }

    .zara-hero-text h1{
        font-size:38px !important;
        line-height:.95 !important;
    }

    .zara-hero-text p{
        font-size:8px !important;
        letter-spacing:2px !important;
    }

    /* INTRO STRIP */

    .zara-hero-intro{
        padding:18px 20px !important;
    }

    .zara-hero-line{

        font-size:28px !important;
        line-height:1.1 !important;

        letter-spacing:-.5px !important;
    }

    /* FIX OVERLAPPING TEXT */

    h1,h2,h3,h4,h5,h6,p,span{
        overflow-wrap:break-word;
    }

    /* BUTTONS */

    .production-btn,
    .interior-btn,
    .event-btn,
    .furniture-btn{

        font-size:9px !important;
        letter-spacing:2px !important;
    }

    /* INSTAGRAM SECTION */

    #sb_instagram{
        padding:0px 0 !important;
    }

    #sb_instagram .sbi_photo{
        height:240px !important;
    }

    /* FOOTER */

    .zara-footer{
        padding:50px 20px 30px !important;
    }

    .zara-footer-bottom{
        height:auto !important;
        padding:25px 15px !important;
    }

    .zara-copy{
        font-size:9px !important;
        letter-spacing:2px !important;

        text-align:center !important;

        line-height:1.8 !important;
    }

}

/* =====================================================
   ZARA EDITORIAL AWARDS
===================================================== */

body{

    background:#fff !important;

    color:#111;

    overflow-x:hidden;
}

/* =========================================================
   MAYURMAGICZ — PREMIUM AWARDS EDITORIAL
   FINAL CLEAN VERSION
========================================================= */

body{

    background:#ffffff !important;

    overflow-x:hidden;

    color:#111;

    font-family:'Montserrat',sans-serif;
}

/* =========================================================
   MAIN HERO SECTION
========================================================= */

.zara-award-editorial{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:6vw;

    padding:7vw 5vw 5vw;

    min-height:100vh;

    background:#fff;
}

/* =========================================================
   TOP LABEL
========================================================= */

.award-label{

    position:absolute;

    top:3vw;

    left:5vw;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:400;

    letter-spacing:7px;

    text-transform:uppercase;

    color:#8f8f8f;

    line-height:2;
}

/* =========================================================
   IMAGE SIDE
========================================================= */

.zara-award-image{

    width:58%;

    position:relative;

    overflow:hidden;
}

.zara-award-image img{

    width:100%;

    height:88vh;

    object-fit:cover;

    display:block;

    transition:transform 1.8s ease;

    filter:contrast(1.02) saturate(.92);
}

.zara-award-image:hover img{

    transform:scale(1.02);
}

/* =========================================================
   TEXT SIDE
========================================================= */

.zara-award-floating{

    width:32%;

    padding-top:3vw;
}

/* YEAR */

.award-year{

    display:block;

    font-size:10px;

    letter-spacing:7px;

    text-transform:uppercase;

    color:#8d8d8d;

    margin-bottom:22px;
}

/* ORG */

.award-org{

    display:block;

    font-size:12px;

    letter-spacing:9px;

    text-transform:uppercase;

    color:#3e3e3e;

    margin-bottom:42px;

    font-weight:500;
}

/* HUGE TITLE */

.zara-award-floating h1{

    font-family:'Cormorant Garamond',serif;

    font-size:6vw;

    line-height:.88;

    font-weight:300;

    letter-spacing:-2px;

    color:#111;

    margin:0;
}

/* DIVIDER */

.award-line{

    width:72px;

    height:1px;

    background:#111;

    margin:34px 0;
}

/* PROJECT NAME */

.zara-award-floating p{

    font-size:10px;

    letter-spacing:8px;

    text-transform:uppercase;

    color:#757575;

    margin:0;
}

/* =========================================================
   LUXURY SPACING
========================================================= */

section{

    position:relative;
}

/* =========================================================
   SMOOTH FADE
========================================================= */

.zara-award-editorial{

    animation:luxFade 1.2s ease;
}

@keyframes luxFade{

    from{

        opacity:0;

        transform:translateY(50px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }
}

/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media(max-width:991px){

    .zara-award-editorial{

        display:flex;

        flex-direction:column;

        align-items:flex-start;

        gap:0;

        padding:12vw 0 12vw;

        min-height:auto;
    }

    /* LABEL */

    .award-label{

        position:relative;

        top:auto;

        left:auto;

        padding:0 7vw;

        margin-bottom:8vw;

        font-size:9px;

        letter-spacing:5px;

        line-height:1.8;
    }

    /* IMAGE */

    .zara-award-image{

        width:100%;
    }

    .zara-award-image img{

        width:100%;

        height:68vh;

        object-fit:cover;
    }

    /* TEXT */

    .zara-award-floating{

        width:100%;

        padding:10vw 7vw 0;
    }

    /* YEAR */

    .award-year{

        font-size:9px;

        letter-spacing:5px;

        margin-bottom:18px;
    }

    /* ORG */

    .award-org{

        font-size:10px;

        letter-spacing:6px;

        margin-bottom:28px;
    }

    /* TITLE */

    .zara-award-floating h1{

        font-size:13vw;

        line-height:.9;

        letter-spacing:-1px;
    }

    /* LINE */

    .award-line{

        width:60px;

        margin:24px 0;
    }

    /* PROJECT */

    .zara-award-floating p{

        font-size:9px;

        letter-spacing:6px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:600px){

    .zara-award-image img{

        height:60vh;
    }

    .zara-award-floating h1{

        font-size:19vw;
    }

    .award-label{

        font-size:8px;

        letter-spacing:4px;
    }
}

/* =========================================
CONTACT ROW
========================================= */

.mm-contact-row{

    padding:70px 5vw 90px !important;

    background:#fff !important;
}

/* REMOVE WPBAKERY GAP */

.mm-contact-row .vc_column-inner{

    padding-top:0 !important;
}

/* =========================================
LEFT COLUMN
========================================= */

.mm-contact-col-left{

    display:flex;

    align-items:flex-start;
}

/* LEFT CONTENT */

.mm-contact-left{

    max-width:540px;
}

/* MINI TEXT */

.mm-contact-mini{

    display:block;

    margin-bottom:24px;

    font-size:11px;

    letter-spacing:8px;

    text-transform:uppercase;

    color:#9b9b9b;

    font-family:'Montserrat',sans-serif;
}

/* SMALLER TITLE */

.mm-contact-left h2{

    margin:0 0 24px;

    font-family:'Cormorant Garamond',serif;

    font-size:72px;

    line-height:.88;

    font-weight:500;

    letter-spacing:-2px;

    color:#111;
}

/* TEXT */

.mm-contact-left p{

    margin:0;

    max-width:400px;

    font-size:15px;

    line-height:1.9;

    color:#666;

    font-family:'Montserrat',sans-serif;
}

/* =========================================
RIGHT COLUMN
========================================= */

.mm-contact-col-right{

    display:flex;

    justify-content:flex-end;
}

/* FORM WIDTH */

.mm-contact-right{

    width:100%;

    max-width:520px;
}

/* FIELD */

.mm-cf7-field{

    margin-bottom:24px;
}

/* LABEL */

.mm-cf7-field label{

    display:block;

    margin-bottom:10px;

    font-size:10px;

    letter-spacing:5px;

    text-transform:uppercase;

    color:#8d8d8d;

    font-family:'Montserrat',sans-serif;
}

/* PHONE FLEX */

.mm-phone-wrap{

    display:flex;

    gap:12px;
}

/* COUNTRY CODE */

.mm-phone-wrap select{

    width:140px;

    height:62px;

    border:none;

    background:#f5f7fb;

    padding:0 14px;

    outline:none;

    font-size:14px;

    font-family:'Montserrat',sans-serif;
}

/* INPUT */

.mm-cf7-field input,
.mm-cf7-field textarea{

    width:100% !important;

    border:none !important;

    background:#f5f7fb !important;

    padding:18px 20px !important;

    box-sizing:border-box !important;

    outline:none !important;

    font-size:15px !important;

    font-family:'Montserrat',sans-serif !important;

    color:#111 !important;
}

/* INPUT HEIGHT */

.mm-cf7-field input{

    height:60px !important;
}

/* MESSAGE BOX */

.mm-cf7-field textarea{

    min-height:120px !important;

    height:120px !important;

    resize:none !important;
}

/* BUTTON */

.mm-cf7-btn input{

    width:260px;

    height:68px;

    border:1px solid #111 !important;

    background:transparent !important;

    color:#111 !important;

    font-size:11px !important;

    letter-spacing:5px !important;

    text-transform:uppercase;

    font-family:'Montserrat',sans-serif !important;

    cursor:pointer;

    transition:.35s ease;
}

/* HOVER */

.mm-cf7-btn input:hover{

    background:#111 !important;

    color:#fff !important;
}

/* NOTE */

.mm-contact-note{

    margin-top:24px;

    font-size:10px;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#a0a0a0;

    font-family:'Montserrat',sans-serif;
}

/* REMOVE SPINNER */

.wpcf7-spinner{

    display:none !important;
}

/* MOBILE */

@media(max-width:768px){

    .mm-contact-row{

        padding:50px 20px 60px !important;
    }

    .mm-contact-col-right{

        justify-content:flex-start;
    }

    .mm-contact-left h2{

        font-size:54px;
    }

    .mm-phone-wrap{

        flex-direction:column;
    }

    .mm-phone-wrap select{

        width:100%;
    }

    .mm-cf7-btn input{

        width:100%;
    }

}

/* REMOVE DIVIDER LINE BELOW BUTTON */
.zara-contact-page::after{
    display:none !important;
}
/* ===================================================== */
/* ===== CONTACT PAGE — FINAL CLEAN VERSION =========== */
/* ===================================================== */

.zara-contact-page{
    padding:80px 20px 80px !important;
    text-align:center !important;
    background:#f5f4f1!important;
}

.zara-contact-page::after{
    display:none !important;
    content:none !important;
    pointer-events:none !important;
}



.zara-contact-page p{
    font-size:11px !important;
    letter-spacing:6px !important;
    color:#b3b3b3 !important;
    -webkit-text-fill-color:#b3b3b3 !important;
    margin-bottom:60px !important;
 
}

.zara-contact-block{
    margin-bottom:40px !important;
}

.zara-contact-label{
    font-size:10px !important;
    letter-spacing:5px !important;
    color:#b3b3b3 !important;
    -webkit-text-fill-color:#b3b3b3 !important;
}

.zara-contact-value{
    font-family:'Playfair Display',serif !important;
    font-size:19px !important;
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
    margin-top:12px !important;
    transition:.3s ease !important;
}

.zara-contact-value:hover{
    opacity:.6 !important;
}



.zara-contact-page *{
    pointer-events:auto;
}
/* ===== FINAL CONTACT FIX ===== */

.zara-contact-page-row{
    position:relative;
    z-index:1;
    background:#f5f4f1;
    padding:0 !important;
}

.zara-contact-page{
    position:relative;
    z-index:2;
    pointer-events:auto !important;
}

.zara-contact-btn-wrap{
    position:relative;
    z-index:9999;
}


.zara-contact-page::before,
.zara-contact-page::after{
    display:none !important;
}
/* ===== FORCE CONTACT VISIBILITY ===== */

.zara-contact-page,
.zara-contact-page *{
    opacity:1 !important;
    visibility:visible !important;
}


.zara-contact-page p,
.zara-contact-block{
    animation:none !important;
    transform:none !important;
}

.zara-contact-page{
    display:block !important;
    position:relative !important;
    z-index:999 !important;
}

/* REMOVE THEME FADE */

body{
    animation:none !important;
}

/* FORCE CONTACT SECTION ABOVE EVERYTHING */

.zara-contact-page{
    position:relative !important;
    z-index:999999 !important;
}


/* ===== SAFE FINAL FIX ===== */

.zara-contact-page,
.zara-contact-page *{
    opacity:1 !important;
    visibility:visible !important;
}

/* REMOVE ONLY CONTACT ANIMATIONS */




/* ===== CLEAN CONTACT SECTION ===== */

.new-contact-row{
    background:#f5f4f1;
    padding:80px 20px !important;
}

.new-contact-row .zara-contact-page{
    text-align:center;
}

.new-contact-row .zara-contact-grid{
    display:flex;
    justify-content:center;
    gap:70px;
    flex-wrap:wrap;

    margin:50px 0;
}

.new-contact-row .zara-contact-label{
    display:block;

    font-size:10px;
    letter-spacing:5px;
    color:#999;

    margin-bottom:12px;
}

.new-contact-row .zara-contact-value{
    font-family:'Playfair Display',serif;
    font-size:22px;
    color:#111;
}

/* ===== FINAL CONTACT SECTION FIX ===== */

.zara-contact-page{
    background:#f5f4f1;
    padding:90px 30px;
    text-align:center;
}



.zara-contact-sub{
    font-size:11px;
    letter-spacing:7px;
    color:#b3b3b3;
    margin-bottom:90px;
    text-transform:uppercase;
	  font-weight:700;
}

.zara-contact-grid{
    display:flex;
    justify-content:center;
    gap:120px;
    flex-wrap:wrap;
	  font-weight:700;
}

.zara-contact-block{
    text-align:center;
}

.zara-contact-label{
    display:block;
    font-size:10px;
    letter-spacing:6px;
    color:#b3b3b3;
    margin-bottom:18px;
}

.zara-contact-value{
    font-family:'Playfair Display',serif;
    font-size:22px;
    color:#111;
}

/* BUTTON */


.zara-map-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:420px;
    height:95px;

    border:1px solid #111;

    color:#111;
    text-decoration:none;

    font-size:12px;
    letter-spacing:10px;
    text-transform:uppercase;

    transition:.35s ease;
}

.zara-map-btn:hover{
    background:#111;
    color:#fff;
}

/* MOBILE */

@media(max-width:768px){

.zara-contact-page h1{
    font-size:44px;
}

.zara-contact-grid{
    flex-direction:column;
    gap:45px;
}

.zara-map-btn{
    width:90%;
    height:72px;
    letter-spacing:5px;
}
}
.zara-contact-page h1{
    font-family:'Playfair Display',serif;
    
    font-size:clamp(42px, 8vw, 90px);

    line-height:1.08 !important;

    font-weight:500;

    margin:0 auto 30px;

    color:#111;

    text-align:center;

    max-width:1200px;

    letter-spacing:1px;

    word-break:break-word;
}

/* ===== CONTACT PAGE FINAL FIX ===== */

.zara-contact-page {
    background: #f5f4f1!important;
    padding: 35px 30px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 10 !important;
    display: block !important;
}

.zara-contact-mini {
    display: block !important;
    font-size: 11px !important;
    letter-spacing: 8px !important;
    text-transform: uppercase !important;
    color: #b3b3b3 !important;
    margin-bottom: 25px !important;
    font-family: 'Montserrat', sans-serif !important;
}

.zara-contact-page h1 {
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(26px, 4vw, 50px) !important;
    line-height: 1.08 !important;
    font-weight: 500 !important;
    color: #111 !important;
    margin: 0 auto 30px !important;
    letter-spacing: 1px !important;
}

.zara-contact-sub {
    font-size: 11px !important;
    letter-spacing: 7px !important;
    color: #b3b3b3 !important;
    margin-bottom: 40px !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif !important;
}

.zara-contact-grid {
    display: flex !important;
    justify-content: center !important;
    gap: 120px !important;
    flex-wrap: wrap !important;
    margin-bottom: 0 !important;
}

.zara-contact-block {
    text-align: center !important;
}

.zara-contact-label {
    display: block !important;
    font-size: 10px !important;
    letter-spacing: 6px !important;
    color: #b3b3b3 !important;
    margin-bottom: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
}

.zara-contact-value {
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    color: #111 !important;
    text-decoration: none !important;
    display: block !important;
    transition: opacity .3s ease !important;
}

.zara-contact-value:hover {
    opacity: 0.6 !important;
}

/* BUTTON */

.zara-contact-btn-wrap {
    margin-top: 30px !important;
    position: relative !important;
    z-index: 999 !important;
}

.zara-map-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 320px !important;
    max-width: 90% !important;
    height: 75px !important;
    border: 1px solid #111 !important;
    color: #111 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    letter-spacing: 10px !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    transition: all .35s ease !important;
    background: transparent !important;
}

.zara-map-btn:hover {
    background: #111 !important;
    color: #fff !important;
}

/* MOBILE */

@media (max-width: 768px) {

    .zara-contact-page {
        padding: 60px 20px !important;
    }

    .zara-contact-grid {
        flex-direction: column !important;
        gap: 45px !important;
        align-items: center !important;
    }

    .zara-map-btn {
        width: 90% !important;
        height: 72px !important;
        letter-spacing: 5px !important;
        font-size: 10px !important;
    }

}

.zara-contact-btn-wrap {
    text-align: center !important;
}

.zara-map-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 420px !important;
    max-width: 90% !important;
    height: 95px !important;
    border: 1px solid #111 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 12px !important;
    letter-spacing: 10px !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all .35s ease !important;
}

.zara-map-btn:hover {
    background: #111 !important;
    color: #fff !important;
}

@media (max-width: 768px) {
    .zara-map-btn {
        width: 90% !important;
        height: 72px !important;
        letter-spacing: 5px !important;
        font-size: 10px !important;
    }
}



/* HEADER LOGO */

.zara-logo-wrap{
    display:flex;
    align-items:center;
    gap:22px;

    text-decoration:none !important;
}

/* LOGO IMAGE */

.zara-logo-wrap img{
    width:40px;
    height:40px;

    object-fit:contain;

    display:block;
}

/* TEXT */

.zara-logo-wrap span{

    font-size:16px;

    letter-spacing:10px;

    font-weight:300;

    color:#fff;

    font-family:'Montserrat',sans-serif;

    transition:.3s ease;
}

.zara-logo-wrap:hover span{
    letter-spacing:12px;
}

/* =========================================
   MAYURMAGICZ — PRODUCTION SECTION
========================================= */

.mm-production-row{

    background:#f5f4f1;
    padding:40px 0 40px  !important;

    overflow:hidden;
}

/* =========================================
   IMAGE
========================================= */

.mm-production-image{

    width:100%;

    display:flex;

    justify-content:center;

 
}

/* IMAGE */

.mm-production-image img{

    width:99% !important;

    display:block;

    margin:0 auto !important;

    height:auto !important;

    max-height:950px !important;

    object-fit:contain !important;

   
    transition:transform 1s ease;
}

/* HOVER */

.mm-production-image:hover img{

    transform:scale(1.01);
}


/* REMOVE WPBAKERY WIDTH LIMIT */

.mm-production-content .wpb_wrapper{

    width:100% !important;

    max-width:none !important;
}




/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .mm-production-row{

       padding:24px 0 34px !important;
    }

    .mm-production-image{

        margin-bottom:45px !important;
    }

    .mm-production-image img{

        width:92% !important;
    }

  
/* TEXT VISUAL ALIGNMENT */

.production-label,
.production-title,
.production-description,
.production-btn{

    max-width:88%;
}
}
	
	/* =========================================
   INTERIOR EDITORIAL SECTION
========================================= */

.luxury-interior-row{

    background:#ffffff;

     padding:40px 0 40px !important;

    overflow:hidden;
}

/* TEXT */

.mm-zara-editorial{

    width:96%;

    margin:0 auto 18px auto;

    position:relative;

    z-index:5;
}



/* IMAGE */

.mm-interior-image{

    width:100%;

    display:flex;

    justify-content:center;
}

.mm-interior-image img{

    width:99% !important;

    display:block;

    margin:0 auto !important;

    height:auto !important;

    object-fit:cover !important;

   

    transition:transform 1.2s ease;
}

/* HOVER */

.mm-interior-image:hover img{

    transform:scale(1.01);
}

/* MOBILE */

@media(max-width:767px){

    .luxury-interior-row{

        padding:24px 0 34px !important;
    }

    .mm-zara-editorial{

        width:92%;

        margin-bottom:14px;
    }

    .mm-zara-label{

        font-size:8px;

        letter-spacing:4px;

        line-height:1.7;
    }

    .mm-interior-image img{

        width:92% !important;
    }
	

}

	/* =========================================
   Event EDITORIAL SECTION
========================================= */

.luxury-event-row{

    background:#ffffff;

     padding:40px 0 40px !important;

    overflow:hidden;
}

/* TEXT */

.mm-zara-editorial{

    width:96%;

    margin:0 auto 18px auto;

    position:relative;

    z-index:5;
}



/* IMAGE */

.mm-event-image{

    width:100%;

    display:flex;

    justify-content:center;
}

.mm-event-image img{

    width:99% !important;

    display:block;

    margin:0 auto !important;

    height:auto !important;

    object-fit:cover !important;

    box-shadow:
    0 35px 90px rgba(0,0,0,.08);

    transition:transform 1.2s ease;
}

/* HOVER */

.mm-event-image:hover img{

    transform:scale(1.01);
}

/* MOBILE */

@media(max-width:767px){

    .luxury-event-row{

        padding:24px 0 34px !important;
    }

    .mm-zara-editorial{

        width:92%;

        margin-bottom:14px;
    }

    .mm-zara-label{

        font-size:8px;

        letter-spacing:4px;

        line-height:1.7;
    }

    .mm-event-image img{

        width:92% !important;
    }
	

}

/* =========================================
   Furniture SECTION
========================================= */

.luxury-furniture-row{

    background:#ffffff;
    padding:40px 0 !important;

    overflow:hidden;
}

/* TEXT */

.mm-zara-editorial{

    width:96%;
    margin:0 auto 18px auto;

    position:relative;
    z-index:5;
}

/* IMAGE COLUMN */

.mm-furniture-image{

    width:100% !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;
}



.mm-furniture-image img{

    width:99% !important;

    display:block !important;

    margin:0 auto !important;

    height:auto !important;

    object-fit:cover !important;

    box-shadow:0 35px 90px rgba(0,0,0,.08);

    transition:transform 1.2s ease;
}

/* HOVER */

.mm-furniture-image:hover img{

    transform:scale(1.01);
}

/* MOBILE */

@media(max-width:767px){

    .luxury-furniture-row{

        padding:24px 0 34px !important;
    }

    .mm-zara-editorial{

        width:92%;
        margin-bottom:14px;
    }

    .mm-furniture-image img{

        width:92% !important;
    }

}
.mm-event-image img,
.mm-furniture-image img,
.mm-interior-image img,
.mm-production-image img,
.a_video video{

    width:99% !important;

    aspect-ratio:16/9 !important;

    height:auto !important;

    object-fit:cover !important;

    display:block !important;

    margin:0 auto !important;

    overflow:hidden !important;

    box-shadow:0 35px 90px rgba(0,0,0,.08);
}


/* =========================================
   FINAL VIDEO FIX
========================================= */

.a_video{
    width:100% !important;

    max-width:100% !important;

    overflow:hidden !important;

    padding:0 !important;

    margin:0 auto !important;

    display:flex !important;

    justify-content:center !important;
}

.a_video video{

    width:99% !important;

    max-width:99% !important;

    display:block !important;

    margin:0 auto !important;

    aspect-ratio:16/9 !important;

    height:auto !important;

    object-fit:cover !important;

    background:#f5f4f1 !important;
	 box-shadow:
    0 35px 90px rgba(0,0,0,.08);

    
}

/* FORCE REMOVE INLINE WIDTH */

.a_video video[style]{
    width:99% !important;
    max-width:99% !important;
}

/* MOBILE */

@media(max-width:767px){

    .a_video{
        line-height:0 !important;
        overflow:hidden !important;
        background:#fff !important;
    }

    .a_video video,
    .a_video video[style]{

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

        display:block !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;

        vertical-align:top !important;
    }
}
/* .video-row .wpb_wrapper,
.video-row .wpb_raw_html{

    margin-bottom:40px !important;
} */
/* =========================================
   SYNE TAGLINES
========================================= */

.mm-syne-tagline{

     font-family:'Montserrat',sans-serif;

    font-size:20px;

    font-weight:400;

    letter-spacing:4px;

    line-height:2.0;

    text-transform:uppercase;

    color:#2f2f2f;

    width:100%;
	text-align:center;

}

/* MOBILE */

@media(max-width:767px){

    .mm-syne-tagline{

        width:92%;

        font-size:11px;

        letter-spacing:2px;

        line-height:1.5;

        margin-bottom:17px;
			 padding-left:0;
			text-align:left
    }
}
.video-row{
	background:#f5f4f1;
	padding:40px 0 !important;
}
@media(max-width:767px){

    .zara-header-menu{

        display:flex !important;

        justify-content:center !important;

        align-items:center !important;

        gap:22px !important;

        flex-wrap:nowrap !important;
    }

    .zara-header-menu a{

        margin-left:0 !important;

        font-size:10px !important;

        letter-spacing:3px !important;

        display:inline-block !important;
    }

}

.trailer{
	padding-left:80px;
	padding-right:80px;
}

@media(max-width:767px){
	.trailer{
		padding-left:0px;
		padding-right:0px;
	}
}
/* MOBILE VIDEO STRIP FIX */

@media(max-width:767px){

    .zara-about-video{
        line-height:0 !important;
        overflow:hidden !important;
        background:#fff !important;
    }

    .zara-about-video video{

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

        display:block !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;

        vertical-align:top !important;
    }

}
@media(max-width:767px){

    .zara-about-video iframe,
    .zara-about-video video{
        aspect-ratio:auto !important;
    }

}
/* MOBILE HERO VIDEO STRIP FIX */

@media(max-width:767px){

    .zara-hero-section,
    .zara-hero-section .vc_row,
    .zara-hero-section .vc_column_container,
    .zara-hero-section .vc_column-inner,
    .zara-hero-section .wpb_wrapper{

        padding:0 !important;
        margin:0 !important;

        line-height:0 !important;

        height:auto !important;
        min-height:unset !important;

        background:#fff !important;
    }

    .zara-about-video,
    .zara-about-video video{

        display:block !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        vertical-align:top !important;

        object-fit:cover !important;
    }

}
/* ULTIMATE MOBILE STRIP REMOVE */

@media(max-width:767px){

    .zara-hero-section,
    .zara-hero-section *{
        background:#fff !important;
    }

    .zara-about-media{

        aspect-ratio:auto !important;

        height:auto !important;

        min-height:unset !important;

        line-height:0 !important;

        overflow:hidden !important;

        display:block !important;
    }

    .zara-about-media video,
    .zara-about-media iframe,
    .zara-about-media img{

        width:100% !important;

        height:auto !important;

        min-height:unset !important;

        aspect-ratio:auto !important;

        display:block !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;

        vertical-align:top !important;
    }

    /* REMOVE ALL EXTRA COLUMN HEIGHT */

    .zara-hero-section .vc_column-inner,
    .zara-hero-section .wpb_wrapper,
    .zara-hero-section .vc_column_container{

        height:auto !important;
        min-height:unset !important;

        padding-bottom:0 !important;
        margin-bottom:0 !important;

        line-height:0 !important;
    }

}
/* PERFECT MOBILE HERO FIX */

@media(max-width:767px){

    .zara-about-media{

        position:relative !important;

        width:100% !important;

        height:260px !important;

        overflow:hidden !important;

        line-height:0 !important;

        background:#fff !important;
    }

    .zara-about-media img,
    .zara-about-media video,
    .zara-about-media iframe{

        width:100% !important;

        height:260px !important;

        object-fit:cover !important;

        display:block !important;

        margin:0 !important;
        padding:0 !important;

        vertical-align:top !important;
    }

    /* REMOVE WPBAKERY EXTRA SPACE */

    .zara-hero-section .vc_column-inner,
    .zara-hero-section .wpb_wrapper,
    .zara-hero-section .vc_column_container{

        padding:0 !important;
        margin:0 !important;

        line-height:0 !important;

        height:auto !important;
        min-height:unset !important;
    }

}
/* ===== FINAL FILTER FIX ===== */

.video-filter{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    gap:60px !important;

    list-style:none !important;

    padding:0 !important;
    margin:0 0 100px !important;

    flex-wrap:wrap !important;
}

/* LI */

.video-filter li{
    margin:0 !important;
    padding:0 !important;
}

/* LINKS */

.video-filter .filter-item{

    font-family:'Montserrat',sans-serif !important;

    font-size:14px !important;

    font-weight:400 !important;

    letter-spacing:4px !important;

    text-transform:uppercase !important;

    color:#2f2f2f !important;

    text-decoration:none !important;

    background:none !important;

    border:none !important;

    box-shadow:none !important;

    position:relative !important;

    padding:0 !important;

    transition:.3s ease !important;
}

/* HOVER */

.video-filter .filter-item:hover{
    opacity:.6 !important;
}

/* ACTIVE */

.video-filter .selected{
    color:#111 !important;
}

/* UNDERLINE */

.video-filter .selected{

    border-bottom:2px solid #111 !important;

    padding-bottom:8px !important;
}
/* =========================================
   MOBILE FILTER RESPONSIVE
========================================= */

@media(max-width:767px){

    .video-filter{

        gap:22px !important;

        margin:0 0 55px !important;

        justify-content:center !important;

        flex-wrap:wrap !important;

        padding:0 12px !important;
    }

    .video-filter .filter-item{

        font-size:10px !important;

        letter-spacing:2px !important;

        line-height:1.4 !important;

        white-space:nowrap !important;
    }

    .video-filter .selected::after{

        bottom:-6px !important;

        height:1px !important;
    }

}
/* =========================================
   VIDEO TITLES
========================================= */

.video-title{
    margin-top:28px !important;

    text-align:center !important;
}

.video-title a{

    font-family:'Montserrat',sans-serif !important;

    font-size:20px !important;

    line-height:.95 !important;

    font-weight:400 !important;

    letter-spacing:-1px !important;

    color:#2f2f2f !important;

    text-decoration:none !important;

    transition:.35s ease !important;
}

/* HOVER */

.video-title a:hover{

    opacity:.65 !important;
}


/* =========================================
   REMOVE CATEGORY / TAGS
========================================= */

.video-category{
    display:none !important;
}
@media(max-width:767px){

    .video-title a{

        font-size:16px !important;

        line-height:1.02 !important;
    }

}
.video-title{
    max-width:90%;
    margin-left:auto !important;
    margin-right:auto !important;
}

.mm-about-brief{

     font-family:'Montserrat',sans-serif;

    font-size:14px;

    font-weight:300;

    letter-spacing:1px;

    line-height:1;

 

    color:#2f2f2f;

    width:96%;
	
/* 	padding-left:80px; */

/*     margin:0 auto 34px auto; */

    text-align:justify;
}

/* MOBILE */

@media(max-width:767px){

    .mm-about-brief{

        width:92%;

        font-size:11px;

        letter-spacing:2px;

        line-height:1.5;

        margin-bottom:17px;
			 padding-left:0;
			text-align:justify;
			padding-right:0;
    }
}
.mm-about-briefing{

     font-family:'Montserrat',sans-serif;

    font-size:14px;

    font-weight:300;

    letter-spacing:1px;

    line-height:1;

   

    color:#2f2f2f;

    width:96%;


    text-align:justify;
}

/* MOBILE */

@media(max-width:767px){

    .mm-about-briefing{

        width:92%;

        font-size:11px;

        letter-spacing:2px;

        line-height:1.5;

        margin-bottom:17px;
			 padding-left:0;
			text-align:justify
    }
}

.mm-about-title{

     font-family:'Playfair Display',serif;

    font-size:35px;

    font-weight:700;

    letter-spacing:2px;

    line-height:2;

    text-transform:uppercase;

    color:#2f2f2f;

    width:96%;
	padding-top:60px;


    text-align:center;
}

/* MOBILE */

@media(max-width:767px){

    .mm-about-title{

        width:92%;

        font-size:22px;

        letter-spacing:1.5px;

        line-height:1.2;
			padding-top:30px;

   
			text-align:center
    }
}
.mm-slider-content h2{

     font-family:'Playfair Display',serif;

    font-size:40px;

    font-weight:700;

    letter-spacing:5px;

    line-height:1.5;

    text-transform:uppercase;

    color:#2f2f2f;

    width:100%;
	padding-bottom:0px;
	padding-top:0px;



    text-align:center;
}
.mm-slider-content p{   
     font-family:'Montserrat',sans-serif;

    font-size:15px;

    font-weight:400;

    letter-spacing:4px;

    line-height:1;

    text-transform:uppercase;

    color:#2f2f2f;

    width:100%;
    text-align:center;
	padding-bottom:0px;
	padding-top:0px;
}

/* MOBILE */

@media(max-width:767px){

  .mm-slider-content h2{

        width:92%;

        font-size:22px;

        letter-spacing:1.5px;

        line-height:1.2;
			padding-top:30px;
		   padding-left:30px;

   
			text-align:center
    }
	.mm-slider-content p{

        width:92%;

        font-size:10px;

        letter-spacing:1.5px;

        line-height:1.2;
			padding-top:10px;
		padding-bottom:0px;
		padding-left:30px;

   
			text-align:center
    }
}
/* =========================================
   FILTER SPACING FIX
========================================= */

.zara-cinematic-row{

    padding-top:60px !important;

    padding-bottom:60px !important;
}

/* FILTER */

.video-filter{

    margin-top:0px !important;

    margin-bottom:45px !important;
}

@media(max-width:767px){

    .zara-cinematic-row{

        padding-top:35px !important;

        padding-bottom:35px !important;
    }

    .video-filter{

        margin-bottom:28px !important;
    }

}
/* =========================================
   MOBILE LOGO ALIGNMENT FIX
========================================= */

@media(max-width:767px){

    .zara-header-inner{

        flex-direction:column !important;

        align-items:center !important;

        justify-content:center !important;

        gap:14px !important;
    }

    /* LOGO WRAP */

    .zara-logo-wrap{

        width:100% !important;

        display:flex !important;

        justify-content:left !important;

        align-items:left!important;

        gap:14px !important;

        text-align:left!important;
			padding-right:55px;
    }

    /* LOGO IMAGE */

    .zara-logo-wrap img{

        width:35px !important;

        height:35px !important;

        margin:0 !important;
    }

    /* LOGO TEXT */

    .zara-logo-wrap span{

        font-size:15px !important;

        letter-spacing:6px !important;

        line-height:1!important;
    }

}
.custom-site-footer{
    width:100%;
    background:#2f2f2f;
    color:#d6d6d6;
    text-align:center;
    padding:20px 20px;
    font-size:11px;
    letter-spacing:3px;
    text-transform:uppercase;
    border-top:1px solid rgba(255,255,255,0.08);
}

.zara-about-media .vc_single_image-wrapper.vc_box_border_grey{
    width:100% !important;
    max-width:none !important;
    display:block !important;
}

.zara-about-media .vc_single_image-wrapper.vc_box_border_grey img{
    width:100% !important;
    max-width:none !important;
    display:block !important;
}

@media (max-width: 768px){

    .zara-about-media{
        height:auto !important;
    }

    .zara-about-media img,
    .zara-about-media video,
    .zara-about-media iframe{
        height:auto !important;
        width:100% !important;
    }

    .zara-hero-section .vc_row{
        flex-wrap:wrap !important;
    }

    .zara-hero-section .vc_column_container{
        width:100% !important;
    }
}

.zara-hero-section .vc_row{
    display:flex;
    align-items:stretch;
}

.zara-right-image{
    width:100%;
    height:70vh;
    overflow:hidden;
}

.zara-right-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.zara-about-video{
    height:70vh;
}

.zara-about-video video{
    width:100%;
    height:100%;
    object-fit:cover;
}
@media (max-width:768px){

   
   .zara-right-image{
    width:100%;
    height:24vh;
    overflow:hidden;
}

.zara-right-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

}