.mv-wrapper{
    display:flex;
    gap:60px;
    align-items:flex-start;
}

.mv-left{
    width:300px;
    position:sticky;
    top:100px; /* adjust for Flatsome header */
    align-self:flex-start;
}


.mv-left .left-big {
    font-size:2em;
}

.mv-small-title{
    font-size:13px;
    letter-spacing:2px;
	margin-bottom: 10px;
	margin-top: 40px;
}

.mv-tabs{
    list-style:none;
    margin:0;
    padding:0;
}

.mv-tab{
    position: relative;
    cursor: pointer;
    padding: 7px 10px;
    transition: all .3s ease;
    border-left: 2px solid #e6ddd4;
	font-family: 'Cinzel', sans-serif;
}

.mv-tab:hover{
    color: #f26a00;
    background: #f7f2ed;
    border-left-color: #f26a00;
}

.mv-tab.active{
    color: #f26a00;
    background: #f7f2ed;
    border-left-color: #f26a00;
}



.mv-right{
    flex:1;
}

.mv-main-box{
    display:flex;
    gap:40px;
    border:1px solid #eee;
    padding:40px;
    margin-bottom:40px;
}

.mv-main-image{
    width:300px;
}

.mv-main-image img{
    width:100%;
    height:auto;
}

.mv-main-content{
    flex:1;
}

.mv-type{
    color:#d27b34;
    text-transform:uppercase;
}

.mv-main-content h2{
    margin:15px 0;
}

.mv-main-content h5{
	color:#d27b34;
}

.mv-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.mv-card{
    position: relative;
    border:1px solid #f2ce73;
    padding:30px;
    cursor:pointer;
    transition:.3s;
}

.mv-card:hover{
    border-color:#f26a00;
}

.mv-card.active{
    border-color:#f26a00;
}

.mv-card:hover:after{
    content:'';
    position:absolute;
    right:25px;
    bottom:25px;
    width:8px;
    height:8px;
    background:#f2b280;
    border-radius:50%;
}


.mv-card.active:after{
    content:'';
    position:absolute;
    right:25px;
    bottom:25px;
    width:8px;
    height:8px;
    background:#f26a00;
    border-radius:50%;
}


.mv-card-type{
    color:#d27b34;
    display:block;
    margin-bottom:15px;
}

.mv-details{
    display:inline-block;
    margin-top:20px;
    font-size:.8em;
    line-height:1;
}






.mv-main-image{
    position:relative;
    overflow:hidden;
}

.mv-main-image img{
    display:block;
    width:100%;
    transition:0.4s ease;
}

.mv-main-image:hover img{
    transform:scale(1.05);
}

.mv-type{
    position:absolute;
    bottom:20px;
    left:20px;
	color: #d7d7d7;
    font-size:14px;
    text-transform:uppercase;
    z-index:2;
}


@media(max-width:768px){

    .mv-wrapper{
        flex-direction:column;
    }

    .mv-main-box{
        flex-direction:column;
    }

    .mv-grid{
        grid-template-columns:1fr;
    }
	
	.mv-left{
		width:100%;
		position:static;
		top:auto;
	}
}