.Text.v-anti[data-v-d2f0ebd2],
 .Text.v-medium[data-v-d2f0ebd2],
 .Text.v-pro[data-v-d2f0ebd2],
 .Text.v-small[data-v-d2f0ebd2],
 .Text[data-v-d2f0ebd2] {
  font-family:Maisonneue Book,sans-serif;
  font-weight:400;
  line-height:1.7em
 }
 .Text.v-anti[data-v-d2f0ebd2] {
  color:#505050
 }
 .Text.v-pro[data-v-d2f0ebd2] {
  color:#fff
 }
 .Text.v-pro[data-v-d2f0ebd2] a {
  color:#fff;
  text-decoration:underline
 }
 .Text.v-medium[data-v-d2f0ebd2] {
  font-size:1.8rem;
  margin-bottom:1.5rem
 }
 .Text.v-small[data-v-d2f0ebd2] {
  font-size:13px;
  margin-bottom:1rem
 }
 .Text.v-aInherits[data-v-d2f0ebd2] a {
  color:inherit;
  text-decoration:inherit
 }
 .Text[data-v-d2f0ebd2]:last-child {
  margin-bottom:0
 }
 .PageMethodRow[data-v-e6831f52] {
  margin-bottom:6rem
 }
 .PageMethodRow-leftCtn-img[data-v-e6831f52] {
  width:100%
 }
 .PageMethodRow-topWrapper[data-v-e6831f52] {
  -webkit-border-radius:23px;
  -moz-border-radius:23px;
  border-radius:23px;
  overflow:hidden;
  width:60rem
 }
 .PageMethodRow-rightCtn[data-v-e6831f52] {
  -webkit-align-self:center;
  -ms-grid-row-align:center;
  align-self:center
 }
 .PageMethodRow-iconCtn[data-v-e6831f52] {
  width:8rem;
  height:8rem;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  background-color:#eaf3ff;
  padding:1.5rem;
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-moz-inline-box;
  display:inline-flex;
  margin-bottom:3rem;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -moz-box-pack:center;
  justify-content:center
 }
 .PageMethodRow-directionLeft[data-v-e6831f52]:first-of-type {
  display:-ms-grid;
  display:grid;
  -webkit-box-pack:end;
  -webkit-justify-content:end;
  -moz-box-pack:end;
  justify-content:end;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  align-items:center
 }
 .PageMethodRow-directionRight[data-v-e6831f52]:nth-of-type(2) {
  -ms-grid-column:1;
  grid-column-start:1;
  -ms-grid-row:1;
  grid-row-start:1
 }
 @media(max-width:767px) {
  .PageMethodRow[data-v-e6831f52] {
   text-align:center;
   max-width:60rem;
   margin:0 auto 6rem
  }
  .PageMethodRow-topWrapper[data-v-e6831f52] {
   max-width:60rem;
   width:100%
  }
  .PageMethodRow-directionLeft[data-v-e6831f52]:nth-of-type(2) {
   -ms-grid-column:1;
   grid-column-start:1;
   -ms-grid-row:1;
   grid-row-start:1
  }
  .PageMethodRow-leftCtn[data-v-e6831f52],
  .PageMethodRow-rightCtn[data-v-e6831f52] {
   -ms-grid-column-align:center;
   justify-self:center
  }
  .PageMethodRow-leftCtn[data-v-e6831f52] {
   margin-top:3rem
  }
  .PageMethodRow-topWrapper[data-v-e6831f52] {
   margin-bottom:6rem
  }
 }
 .PageMethodCard-subText[data-v-7f68e722] {
  font-family:Circularstd Book,sans-serif;
  color:#131840;
  font-size:2rem;
  font-weight:400;
  margin-bottom:2rem;
  line-height:1.35;
  letter-spacing:0
 }
 .PageMethodCard[data-v-7f68e722] {
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:10px;
  padding:49px;
  background-color:rgba(97,119,238,.1)
 }
 .PageMethodCard-subText[data-v-7f68e722] {
  font-size:17px;
  letter-spacing:-.32px;
  opacity:.8;
  margin-bottom:0
 }
 @media(max-width:767px) {
  .PageMethodCard[data-v-7f68e722] {
   margin-bottom:3rem
  }
 }

 .Container{
  display: flex;
  flex-direction: row;
  background-color: transparent;
  position: relative;
  z-index: auto;
}
.itemCard{
  width: 238px;
  height: 150px;
  background-color: transparent;
  margin: auto;
  border-radius: 12px;
  /* transform: skewX(45deg) skewY(30deg) rotate(0.9turn); */
  transform: skewX(40deg) skewY(30deg) rotate(-33deg);
  position: absolute;
  box-shadow: 1px 1px 30px 0 rgba(0,0,0,.2),-1px -1px 200px 0px rgba(0,0,0,.1);
  z-index: 1;
}
#itemCard1{
  position: absolute;
  top: 250px;
  left: 120px;
  border:1px solid rgba(32, 78, 152, 1);
  background-color: transparent;
  opacity: 0.8;
}
#itemCard2{
  position: absolute;
  top: 185px;
  border:1px solid rgba(32, 78, 152, 1);
  left: 120px;
  background-color: transparent;
  opacity: 0.7;
}
#itemCard3{
  position: absolute;
  top: 120px;
  border:1px solid rgba(32, 78, 152, 1);
  left: 120px;
  background-color: transparent;
  opacity: 0.6;
}
.PageMethodsSec-videoWrapper[data-v-53c96b9e] {
  margin-top:-4.5rem;
  margin-bottom:12rem
 }
 .PageMethodsSec-mainWrapper[data-v-53c96b9e] {
  overflow:hidden
 }
 .PageMethodsSec-headingCtn[data-v-53c96b9e] {
  text-align:center;
  max-width:70rem;
  margin:0 auto 6rem
 }
 .PageMethodsSec-methodWrapper-one[data-v-53c96b9e] {
  margin-bottom:12rem
 }
 .PageMethodsSec-smallWrapper[data-v-53c96b9e] {
  padding-top:3rem
 }
 .PageMethodsSec-smallWrapper-heading[data-v-53c96b9e] {
  text-align:center;
  padding-bottom:6rem
 }
 .PageMethodsSec-wrapperOne[data-v-53c96b9e] {
  padding-bottom:15rem
 }
 .PageMethodsSec-wrapperTwo[data-v-53c96b9e] {
  padding-bottom:9rem
 }
 .PageMethodsSec-slotCtn[data-v-53c96b9e] {
  margin-bottom:3rem
 }
 .PageMethodsSec-slotWrapper[data-v-53c96b9e] {
  position:relative
 }
 .PageMethodsSec-bg[data-v-53c96b9e] {
  background:-webkit-gradient(linear,left bottom,left top,from(rgba(104,135,240,.15)),color-stop(50%,rgba(104,135,240,0)));
  background:-webkit-linear-gradient(bottom,rgba(104,135,240,.15),rgba(104,135,240,0) 50%);
  background:-moz-linear-gradient(bottom,rgba(104,135,240,.15) 0,rgba(104,135,240,0) 50%);
  background:-o-linear-gradient(bottom,rgba(104,135,240,.15) 0,rgba(104,135,240,0) 50%);
  background:linear-gradient(0deg,rgba(104,135,240,.15),rgba(104,135,240,0) 50%)
 }
 .PageMethodsSec-card[data-v-53c96b9e] {
  max-width:15.9rem;
  -webkit-box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  -moz-box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  position:relative
 }
 .PageMethodsSec-ctn[data-v-53c96b9e] {
  display:inline-block;
  position:relative
 }
 .PageMethodsSec-kisiCard[data-v-53c96b9e] {
  position:relative;
  max-width:8.9rem;
  left:25%;
  -webkit-box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  -moz-box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  box-shadow:10px 20px 40px 0 rgba(50,57,94,.2)
 }
 .PageMethodsSec-extraImg[data-v-53c96b9e] {
  position:absolute;
  max-width:4rem;
  top:0;
  left:0
 }
 .PageMethodsSec-landscapeTablet[data-v-53c96b9e] {
  max-width:8.9rem;
  -webkit-box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  -moz-box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  box-shadow:10px 20px 40px 0 rgba(50,57,94,.2)
 }
 .PageMethodsSec-floatingBtn[data-v-53c96b9e] {
  position:absolute;
  bottom:0;
  left:15%;
  -webkit-transform:translateY(25%);
  -moz-transform:translateY(25%);
  -o-transform:translateY(25%);
  transform:translateY(25%);
  width:193%
 }
 .PageMethodsSec-tablet[data-v-53c96b9e] {
  max-width:5.6rem;
  -webkit-box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  -moz-box-shadow:10px 20px 40px 0 rgba(50,57,94,.2);
  box-shadow:10px 20px 40px 0 rgba(50,57,94,.2)
 }
 .PageMethodsSec-faceIcon[data-v-53c96b9e] {
  position:absolute;
  left:50%;
  top:50%;
  opacity:0;
  -webkit-transform:translateY(-50%) translateX(-50%);
  -moz-transform:translateY(-50%) translateX(-50%);
  -o-transform:translateY(-50%) translateX(-50%);
  transform:translateY(-50%) translateX(-50%)
 }
 @media(max-width:767px) {
  .PageMethodsSec-smallWrapper[data-v-53c96b9e] {
   max-width:60rem;
   margin:0 auto;
   padding-top:0
  }
  .PageMethodsSec-faceIcon[data-v-53c96b9e] {
   width:50%
  }
 }
 .VideoPlayer-loading[data-v-43b89650],
 .VideoPlayer-play[data-v-43b89650] {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
 }
 @-webkit-keyframes dotFade-data-v-43b89650 {
  0% {
   opacity:0
  }
  50% {
   opacity:1
  }
  to {
   opacity:0
  }
 }
 @-moz-keyframes dotFade-data-v-43b89650 {
  0% {
   opacity:0
  }
  50% {
   opacity:1
  }
  to {
   opacity:0
  }
 }
 @-o-keyframes dotFade-data-v-43b89650 {
  0% {
   opacity:0
  }
  50% {
   opacity:1
  }
  to {
   opacity:0
  }
 }
 @keyframes dotFade-data-v-43b89650 {
  0% {
   opacity:0
  }
  50% {
   opacity:1
  }
  to {
   opacity:0
  }
 }
 .VideoPlayer-screen[data-v-43b89650] {
  position:relative;
  background-color:#000;
  padding-top:56%
 }
 .VideoPlayer-videoCtn[data-v-43b89650] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden
 }
 .VideoPlayer-video[data-v-43b89650] {
  position:absolute;
  top:-1px;
  left:-1px;
  width:100%;
  width:-webkit-calc(100% + 2px);
  width:-moz-calc(100% + 2px);
  width:calc(100% + 2px);
  height:100%;
  height:-webkit-calc(100% + 2px);
  height:-moz-calc(100% + 2px);
  height:calc(100% + 2px)
 }
 .VideoPlayer-thumbnail[data-v-43b89650] {
  height:100%;
  background:50%/cover no-repeat;
  -webkit-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  transition:all .2s ease-out;
  -webkit-transition-property:opacity;
  -o-transition-property:opacity;
  -moz-transition-property:opacity;
  transition-property:opacity;
  cursor:pointer
 }
 .VideoPlayer-play[data-v-43b89650] {
  width:15rem;
  max-width:30%;
  -webkit-border-radius:9999px;
  -moz-border-radius:9999px;
  border-radius:9999px;
  overflow:hidden;
  -webkit-box-shadow:1px 1px 15px rgba(0,0,0,.3);
  -moz-box-shadow:1px 1px 15px rgba(0,0,0,.3);
  box-shadow:1px 1px 15px rgba(0,0,0,.3);
  cursor:pointer;
  -webkit-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  transition:all .2s ease-out;
  -webkit-transition-property:opacity,-webkit-transform,-webkit-box-shadow;
  transition-property:opacity,-webkit-transform,-webkit-box-shadow;
  -o-transition-property:opacity,box-shadow,-o-transform;
  -moz-transition-property:transform,opacity,box-shadow,-moz-transform,-moz-box-shadow;
  transition-property:transform,opacity,box-shadow;
  transition-property:transform,opacity,box-shadow,-webkit-transform,-moz-transform,-o-transform,-webkit-box-shadow,-moz-box-shadow
 }
 .VideoPlayer-loading[data-v-43b89650] {
  display:-ms-grid;
  display:grid;
  grid-auto-flow:column;
  grid-gap:1.5rem;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -moz-box-pack:center;
  justify-content:center;
  -webkit-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  transition:all .2s ease-out;
  -webkit-transition-property:opacity,-webkit-transform;
  transition-property:opacity,-webkit-transform;
  -o-transition-property:opacity,-o-transform;
  -moz-transition-property:transform,opacity,-moz-transform;
  transition-property:transform,opacity;
  transition-property:transform,opacity,-webkit-transform,-moz-transform,-o-transform
 }
 .VideoPlayer-loadingDot[data-v-43b89650] {
  width:12px;
  height:12px;
  -webkit-border-radius:9999px;
  -moz-border-radius:9999px;
  border-radius:9999px;
  background-color:#fff;
  -webkit-animation:dotFade-data-v-43b89650 1s ease-in-out infinite;
  -moz-animation:dotFade-data-v-43b89650 1s ease-in-out infinite;
  -o-animation:dotFade-data-v-43b89650 1s ease-in-out infinite;
  animation:dotFade-data-v-43b89650 1s ease-in-out infinite
 }
 .VideoPlayer-loadingDot[data-v-43b89650]:nth-child(2) {
  -webkit-animation-delay:.2s;
  -moz-animation-delay:.2s;
  -o-animation-delay:.2s;
  animation-delay:.2s
 }
 .VideoPlayer-loadingDot[data-v-43b89650]:nth-child(3) {
  -webkit-animation-delay:.4s;
  -moz-animation-delay:.4s;
  -o-animation-delay:.4s;
  animation-delay:.4s
 }
 .VideoPlayer .fade-enter[data-v-43b89650],
 .VideoPlayer .fade-leave-to[data-v-43b89650] {
  opacity:0
 }
 @media(min-width:991px) {
  .VideoPlayer-play[data-v-43b89650]:hover,
  .VideoPlayer-thumbnail:hover~.VideoPlayer-play[data-v-43b89650] {
   -webkit-transform:translate(-50%,-50%) scale(1.05);
   -moz-transform:translate(-50%,-50%) scale(1.05);
   -o-transform:translate(-50%,-50%) scale(1.05);
   transform:translate(-50%,-50%) scale(1.05);
   -webkit-box-shadow:1px 1px 20px rgba(0,0,0,.5);
   -moz-box-shadow:1px 1px 20px rgba(0,0,0,.5);
   box-shadow:1px 1px 20px rgba(0,0,0,.5)
  }
 }
 .BrowserFrame[data-v-391a05c8] {
  -webkit-box-shadow:6px 6px 15px 0 rgba(19,24,64,.25),-1px -1px 7px 0 rgba(19,24,64,.05);
  -moz-box-shadow:6px 6px 15px 0 rgba(19,24,64,.25),-1px -1px 7px 0 rgba(19,24,64,.05);
  box-shadow:6px 6px 15px 0 rgba(19,24,64,.25),-1px -1px 7px 0 rgba(19,24,64,.05);
  -webkit-border-radius:9px;
  -moz-border-radius:9px;
  border-radius:9px;
  overflow:hidden
 }
 .BrowserFrame-bar[data-v-391a05c8] {
  display:-ms-grid;
  display:grid;
  /* -ms-grid-columns:(1.5rem)[3]; */
  grid-template-columns:repeat(3,1.5rem);
  grid-gap:.75rem;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  align-items:center;
  padding:1.5rem;
  background-color:#fff
 }
 .BrowserFrame-btn[data-v-391a05c8] {
  padding-top:100%;
  -webkit-border-radius:9999px;
  -moz-border-radius:9999px;
  border-radius:9999px;
  background-color:#00f
 }
 .BrowserFrame-btn[data-v-391a05c8]:first-child {
  background-color:#ff605c
 }
 .BrowserFrame-btn[data-v-391a05c8]:nth-child(2) {
  background-color:#ffbd44
 }
 .BrowserFrame-btn[data-v-391a05c8]:nth-child(3) {
  background-color:#00ca4e
 }