.skw-pages{overflow:hidden;position:relative;height:100vh}
.skw-page{position:absolute;left:0;top:0;width:92vw;margin-left:8vw;transition:transform 1s;height:100vh}

.skw-pages:before{content:"";position: fixed;width: 8vw;height: 100vh;background: var(--primary);left: 0;z-index: 50;}
.skw-page-1{z-index:10;}
.skw-page-2{z-index:9;}
.skw-page-3{z-index:8;}
.skw-page-4{z-index:7;}
.skw-page-5{z-index:6;}
.skw-page-6{z-index:5;}
.skw-page.active{}

.Jadva_box.skwbox_two{display:grid;grid-template-columns: 40% 60%;}
.Jadva_box.skwbox_two .sk_right{display: flex;gap: 12px;}
.Jadva_box.skwbox_two .sk_right .item{display:flex;flex-direction: column;align-items: center;}
.Jadva_box.skwbox_two .sk_right .item a{display:flex;flex-direction: column;align-items: center;gap: 5px;}
.Jadva_box.skwbox_two .sk_right .item a span{color:var(--primary);font-size: max(1.3 * (1vw + 1vh) / 2, 16px);}
.Jadva_box .article{color:var(--primary);font-weight:400;line-height:1.8;margin:7vh 0 8vh;font-size:18px;overflow:hidden;height:103px;text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:90%}

.skw-page.active .sk_left, .skw-page.active .sk_right, .skw-page.active .sk_center{transform: translate3d(0, 0%, 0);}
.skwbox_two.colorstyle01 .sk_left{display:flex;width: 100%;height: 100%;background: var(--primary);padding: 0;}
.skwbox_two.colorstyle01 .sk_right{height:100%;}
.skwbox_two.colorstyle01 .sk_right:before{content:"";position: absolute;display: flex;width: 100%;height: 30vh;background: var(--primary);bottom: 0;}

.skw-page.footerpage{display: flex;flex-direction: column;justify-content: flex-end;padding: 0;}

@media (min-width:981px){
  .skw-page.active.inactive{transform: translate3d(0vh, -100vh, 0);opacity: 1;}
.skw-page .skimgbox{height: 100vh;display: flex;flex-direction: column;}
.skw-page .skimgbox img{height:100%;}
.skwbox_two{display:grid;grid-template-columns: repeat(2,1fr);background: white;align-items: center;height: 100vh;width: 100%;}
.skw-page .sk_left{transform: translate3d(-55vw, 0%, 0);transition: transform 1s;padding: 3vw;}
.skw-page .sk_right{position: relative;transform: translate3d(55vw, 0%, 0);transition: transform 1s;}
.skw-page .sk_center{position: absolute;width: 26vw;left: 34vw;bottom: 5vh;transform: translate3d(0vw, 15vw, 0);transition: transform 1s;}
  
  
}
@media (max-width:1024px){
  .Jadva_box.skwbox_two .sk_right{display:grid;grid-template-columns:repeat(2,1fr);height: 100vh;align-items: center;}
  .Jadva_box.skwbox_two .sk_right .item img{aspect-ratio: 14/15;object-fit: cover;}
}
@media (max-width:980px){
  .skw-page{width:100%;margin-left: 0;position: relative;height: auto;}
  .skw-pages{height:auto;}
  .skw-pages:before{display:none;}
  .Jadva_box.skwbox_two{display:flex;flex-direction: column;}
  .Jadva_box.skwbox_two .sk_left{padding: 40px;width: 90%;margin: 0px auto;}
  .skw-page-1 ,.skw-page-2 ,.skw-page-3,.skw-page-4,.skw-page-5,.skw-page-6,.skw-page-7{z-index:10;}
  .Jadva_box .article{width:100%;font-size: 16px;height: 88px;margin: 25px 0 40px;}
  .Jadva_box.skwbox_two .sk_right{height:auto;width: 90%;margin: 20px auto;}
}
@media (max-width:640px){
  .Jadva_box.skwbox_two .sk_left{padding: 20px 20px;}
  .Jadva_box.skwbox_two .sk_right .item img{aspect-ratio: 14 / 22;}
}