.home-items {
	position:relative;
	z-index:2;
}
.home-items:after {
	position:absolute;
	content:'';
	border-radius: 8rem 0 0 8rem;
	background: #FFF;
	top:0;
	bottom:0;
	right:-6.6rem;
	left:-2.7rem;
	z-index:-1;
}
.homeCard-button .elementor-button{
	padding-right: 1.2rem;
  padding-left: 3rem;
}

.homeCard-button  .elementor-button-content-wrapper {
  gap: 2.2rem;
}
.homeCard-button  .e-con-inner {
	padding:0 !important;
}
@media(max-width:1200.88px){
.home-items:after {
	border-radius: 4rem 0 0 4rem;
	
}	
	
}
@media(max-width:1080px){
.home-items:after {
	right:-1.5rem;
	left:-0.5rem;
}	
	
}












/**********/


.article-l{
    height: 51.8rem;
    overflow: hidden;
    border-radius: 10rem 10rem 26rem 10rem   ;
}



@media (min-width: 768px)  {
    .article-l {
        transition: none !important;
    }
    .article-l > div {
        border-radius: 10rem 10rem 24rem 10rem  ;
    }
 .article-r{
    position: relative;
    /*height: 200vh;*/
    justify-content: space-between;
}
.article-r-1 {
  /*position: absolute;*/
  /*top: 50%;*/
  /*height: 100vh;*/
/*   padding-top: 12rem; */
}

.article-r-3 {
    height: 30vh;
    min-height: 580px;
}
/*.article-r-1 > div {*/
/*    margin-top: -12rem;*/
/*}*/
.article-r-2 {
  /*position: absolute;*/
  /*top: 100%;*/
  /*height: 100vh;*/
}
.article-r-2 > div {
    /*margin-top: -12rem;*/
}
/*.article-r-3 {*/
  /*position: absolute;*/
  /*top: 100%;*/
  /*height: 100vh;*/
/*}  */
/*.article-r-3 > div {*/
/*    transform: translateY(-12rem);*/
/*}*/

.article-l-2,
.article-l-3{
    position: absolute;
    top: 100%;
}
.article-l > div {
    overflow: hidden;
}
.pin-spacer {
    flex-shrink: 0 !important;
}
	.article-l-2 , .article-l-3{
		position:absolute;
		top: 0px;
	}
}
 
@media (min-width: 2000px) {
	.article-r-1, .article-r-2, .article-r-3 {
/*     justify-content: start;
    height: 70vh; */
}
  .article-r-1 {
height: 20vh !important;
    padding-top: 14rem !important;
    margin-bottom: 25rem;
  }
}
@media (min-width: 768px)  and  (max-width: 1200px){
    
 .article-l{
    height: 40rem;
}
  .article-r-1, .article-r-2, .article-r-3 {
    justify-content: start;
	  padding-top: 9rem !important;
      height: 27vh;
  }	
.article-r-3 {
    min-height: 460px;
    align-items: center;
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
	
}
@media (min-width: 768px) and (max-width: 1024px) {
  .article-r-1, .article-r-2, .article-r-3 {
    height: 45vh;
  }
}



@media (min-height: 900px) {
#article-home {
  margin-top: auto;
  margin-bottom: auto;
}
}