/* POSITION STATES */
.avatr-content.is-left   { justify-content:flex-start; }
.avatr-content.is-right  { justify-content:flex-end; }
.avatr-content.is-center { justify-content:center; }
.avatr-content.is-top    { align-items:flex-start; }
.avatr-content.is-bottom { align-items:flex-end; }

/* ALIGNMENT STATES */
.avatr-content.align-is-start  { text-align:left; }
.avatr-content.align-is-center { text-align:center; }
.avatr-content.align-is-end    { text-align:right; }

/* CONTENT STATES */
.avatr-content:not(.has-button) .contentOns-link {
  display:none;
}

.position-left   { justify-content:flex-start; }
.position-right  { justify-content:flex-end; }
.position-center { justify-content:center; }

.position-top    { align-items:flex-start; }
.position-bottom { align-items:flex-end; }

/* Responsive */
@media (max-width:1024px){
  .position-tablet-center { justify-content:center; }
}

@media (max-width:767px){
  .position-mobile-center { justify-content:center; }
}




/* ZOOM SCROLL EFFECT css start */

.avatr-grow-section{
  font-family:Arial !important;
/*   height:220vh; */
	height:100vh;
  position:relative;
}

/* STICKY */
.avatr-sticky{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
/*   background:#000; */
}

/* IMAGE CONTAINER */
/*.avatr-media{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%, 40%);
  width:50vw;
  height:50vh;
  overflow:hidden;
  will-change:transform,width,height;
}*/

.avatr-media{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%, 40%);
  width:40vw;        /* 👈 smaller start */
  height:40vh;       /* 👈 smaller start */
  overflow:hidden;
  will-change:transform,width,height;
}


/* IMAGE */
/*.avatr-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}*/


.avatr-media img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}


/* CONTENT */
.avatr-content{
  position:absolute;
  inset:0;

  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-align:center;
  opacity:0;
  transform:translateY(40px);
  /*pointer-events:none;*/
}

.grow-image-wrapper {
    max-width: 1520px;
    margin: 0 auto;
    height: 100%;
    text-align: left;
    padding: 99px 15px;
}


/* NEXT SECTION */
.avatr-grow-section .next-section{
  height:100vh;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}


.grow-image-contentBox{
  max-width: 700px;
}
.position-center .grow-image-contentBox{
	margin: 0 auto;
    text-align: center;
}

.position-right .grow-image-contentBox {   
    text-align: right;
    margin-left: auto;
}

.position-bottom .grow-image-wrapper {  
    display: flex;
    /* justify-content: center; */
    align-items: flex-end;
}



.grow-image-contentBox .tittle{
  color:#fff;
  font-size:48px;
/*   text-transform:uppercase; */
  font-weight:700;
  margin:0 0 22px;
}
.grow-image-contentBox p{
  font-size:20px;
  color:#FFFFFF;
  font-weight:400;
  line-height:1.2;
  margin:15px 0 0;
}


.contentOns-link {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    padding: 10px 22px;
    line-height: 1;
    border-radius: 50px;
    margin:36px 0 0;
	transition:all 0.55s ease;

}
.contentOns-link:hover{
	background:#fff;
	color:#1e293b;
}


/* MOBILE */
@media(max-width:768px){
  .avatr-title{ font-size:36px; }
  .avatr-subtitle{ font-size:16px; }

  .avatr-media{
    width:85vw;
    height:50vh;
  }
}

/* ZOOM SCROLL EFFECT css end */