/*
Theme Name: Alpha X Theme Framework
Author: MW
Author URI: https://webcastle.ae/
Description: Custom Theme Framework by MW
Version: 1.0
*/

/* Container Classes */
.mw-container, .mw-container-sm, .mw-container-md, .mw-container-lg, .mw-container-xl, .mw-container-xxl,.mw-container-xxxl, .mw-container-fluid {
    max-width: clamp(17.7778rem, calc(88.8889vw), 42.6111rem);
    margin: auto ;
}

.hide{
	display: none;
}

:root{
	--red: #E5472E;
	--dark-red: #D23A22;
	--beige: #F9EDE1;
	--black: #111111;
	--white: #fff;
	--grey: #555555;
	--para: #555555;
	--heading: #111111;
	--body: #FDF7F2;
	--dark-grey: #303331;
}
.reveal-content {
   opacity: var(--progress);
}
.scale #reveal-mask {
    opacity: 0.5;
    scale: 1.5;
    background-color: teal;
}
.reveal-mask{
	position:absolute;
	inset:0;
}


@media only screen and (min-width: 992px){
 .mw-container, .mw-container-sm, .mw-container-md, .mw-container-lg, .wp-block-cover__inner-container {
     max-width: clamp(57.8667rem, calc(93.3333vw), 112rem);
 }
}


html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.mw-excellence-grp .mw-about-building-grp>.wp-block-group__inner-container{
	position:relative;
}
.mw-about-building-col {
    z-index: 2;
    background-color: var(--body);
	--progress : 0;
}




.mw-about-building-grp.slide .scroll-reveal-sec-col-block-right {
    transform: translateX(-70rem);
}
.mw-about-building-grp.slide .scroll-reveal-sec-col-block-left {
    transform: translateX(70rem);
}
.mw-about-building-grp .scroll-reveal-sec-col-block-left,.mw-about-building-grp .scroll-reveal-sec-col-block-right {
    transition: all 1s ease-in-out;
}

.mw-excellence-grp .mw-about-red-badge-grp {
	margin: 0 0 auto auto;
	z-index: 2;
	background-color: var(--red);
	margin-top: 4rem;
	opacity: clamp(0, calc(1 - (var(--progress) * 10)), 1);	
	zoom: clamp(1, calc(1 + var(--progress)), 1.5);
}
.reveal-wrap{
	position:relative !important;
	margin-top: calc(-1 * (clamp(4.4444rem, 22.2222vw, 10.6528rem) + 7.842rem + 4rem));
	z-index:3;
    height:150vh
}
.mw-excellence-grp{
	padding-bottom:clamp(4.4444rem, calc(22.2222vw), 10.6528rem);

}

.reveal-content {
   opacity: var(--progress);
}
.scale #reveal-mask {
    opacity: 0.5;
    scale: 1.5;
    background-color: teal;
}
.reveal-mask{
	position:absolute;
	inset:0;
}



.translate-left,
.translate-right{
	will-change: transform;
}
.reveal-wrap.scale-grp-parent>div{
	position: sticky;
	top: 1rem;
	--progress : 0;
}
.mw-video-mask-group .wp-block-group__inner-container{
	height: 50vh;
}


