.phone-screen{position:relative;}
.section{position:relative; padding-top:8%; padding-bottom:8%;}
.section.cc-placeholder{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; min-height:90vh; padding-top:0%; padding-bottom:0%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; background-color:#ebebeb;}
.phone-mock_border{position:absolute; left:0%; top:0%; right:0%; bottom:0%; z-index:1; border-style:solid; border-width:12px; border-color:#cacaca; border-radius:2em;}
.position-relative{position:relative;}
.sticky-img_wrapper{position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:80%; height:100vh; margin-right:auto; margin-left:auto; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;}
.h3{margin-top:0px; margin-bottom:0.4em; font-size:2rem; line-height:1.2; font-weight:400;}
.phone-mock{position:relative; overflow:hidden; width:70%; max-width:300px; margin-right:auto; margin-left:auto; padding:12px; border-radius:2em; background-color:#cacaca; box-shadow:0 20px 50px 0 rgba(0, 0, 0, 0.06);}
.paragraph-l{font-size:1.125rem;}
.paragraph-l.cc-sm-small.mb-0{margin-bottom:0px;}
.paragraph-l.cc-sm-small.mb-0.text-dark{display:block;}
.sticky-container{position:-webkit-sticky; position:sticky; top:0px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; height:100vh;}
.circle-number{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:60px; height:60px; margin-top:-16px; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; border-radius:50%; background-color:#fff; font-size:1.6rem; line-height:1; text-align:center;}
.phone-screen_wrapper{position:relative; overflow:hidden; width:100%; height:100%; border-radius:1.5em;}
.phone-mock_tab{position:absolute; left:0%; top:0%; right:0%; bottom:auto; width:50%; height:6%; margin-right:auto; margin-left:auto; border-bottom-left-radius:1em; border-bottom-right-radius:1em; background-color:#cacaca;}
.stick-text_detail{overflow:hidden; -webkit-transform-origin:50% 0%; -ms-transform-origin:50% 0%; transform-origin:50% 0%; /* height:auto !important; */}
.sticky-trigger{position:absolute; left:0%; top:0%; right:0%; bottom:auto; z-index:1;}
.sticky-trigger._40{top:40%;}
.sticky-trigger._60{top:60%;}
.sticky-trigger._80{top:80%;}
.sticky-trigger._20{top:20%;}
.overflow-hidden{overflow:hidden;}
.sticky-text_wrapper{position:relative; display:block; margin-top:8vh; margin-bottom:8vh; color:#363636; text-decoration:none;}
.sticky-text_wrapper.steps{display:-ms-grid; display:flex; margin-top:4vh; margin-bottom:4vh; grid-auto-columns:1fr; grid-column-gap:36px; grid-row-gap:36px; -ms-grid-columns:60px 1fr; grid-template-columns:60px 1fr; -ms-grid-rows:auto; grid-template-rows:auto;}
.sticky-text_wrapper.steps.fourth{margin-bottom:0vh;}
.sticky-triggers{position:absolute; left:0%; top:0%; right:0%; bottom:0%;}
.sticky-wrapper{position:relative; width:100%; height:400vh;}
.phone-screen_img{width:100%; height:100%; -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; background-image:url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position:50% 50%; background-size:cover; background-repeat:no-repeat; -o-object-fit:cover; object-fit:cover;}
.phone-screen_img.third{position:absolute; left:0%; top:0%; right:0%; bottom:0%;}
.phone-screen_img.fourth{position:absolute; left:0%; top:0%; right:0%; bottom:0%;}
.phone-screen_img.second{position:absolute; left:0%; top:0%; right:0%; bottom:0%;}
.container{display:block; width:90%; max-width:1300px; margin-right:auto; margin-left:auto;}
.phone-mock_wrapper{position:relative; width:100%; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto;}
.sticky-center{position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch; -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.sticky-grid{display:-ms-grid; display:block; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; grid-auto-columns:1fr; grid-column-gap:16px; grid-row-gap:16px; -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; -ms-grid-rows:auto; grid-template-rows:auto;}
@media screen and (max-width:991px){.phone-mock_border{border-width:8px; border-radius:1.5em;}
 .phone-mock{width:90%; padding:8px; border-radius:1.5em;}
 .circle-number{margin-top:0px; margin-bottom:24px;}
 .phone-screen_wrapper{border-radius:1.2em;}
 .phone-mock_tab{height:3vw;}
 .sticky-text_wrapper.steps{margin-top:3vh; margin-bottom:3vh;}
}

@media screen and (max-width:767px){
 .section{padding-top:10%; padding-bottom:10%;}
 .sticky-img_wrapper{width:100%;}
 .h3{font-size:1.7rem;}
 .phone-mock{width:150%; box-shadow:none;}
 .paragraph-l{font-size:1.1rem;}
 .paragraph-l.cc-sm-small{font-size:1.3rem;}
 .sticky-container{height:auto;}
 .circle-number{font-size:1.1rem;}
 .circle-number.steps2{width:40px; height:40px; margin-bottom:12px;}
 .circle-number.steps1{width:40px; height:40px; margin-bottom:16px;}
 .circle-number.steps4{width:40px; height:40px; margin-bottom:12px;}
 .circle-number.steps3{width:40px; height:40px; margin-bottom:12px;}
 .phone-mock_tab{height:29px; border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em;}
 .sticky-text_wrapper.steps{grid-column-gap:20px; grid-row-gap:20px; -ms-grid-columns:40px 1fr; grid-template-columns:40px 1fr;}
 .container{width:100%; padding-right:28px; padding-left:28px;}
 .phone-mock_wrapper{position:absolute; left:auto; right:-28px; overflow:hidden;}
}

@media screen and (max-width:479px){
  .section{padding-top:75px; padding-bottom:75px;}
 .phone-mock_border{border-width:5px;}
 .h3{font-size:1.4rem;}
 .phone-mock{width:170%; padding:6px;}
 .circle-number.steps2{display:none;}
 .circle-number.steps1{display:none;}
 .circle-number.steps4{display:none;}
 .circle-number.steps3{display:none;}
 .phone-mock_tab{height:5vw;}
 .sticky-text_wrapper.steps{-ms-grid-columns:1fr; grid-template-columns:1fr;}
 .container{padding-right:28px; padding-left:28px;}
}


.sticky-grid{background:none; padding:30px 0; max-width:1120px; padding:0 40px; margin:0 auto;}
.sticky-wrapper{height:300vh;}
.about-page .container.tcl-area{max-width:1634px; width:100%; margin-top:-200px; position:relative; top:-60vh; margin-bottom:-60vh;}
.sticky-container{background:#FFC70B; /*top:100px; height:calc(100vh - 200px);*/ height:auto; padding:126px 0 103px;}
.position-relative{text-align:center; max-width:1120px; width:90%; margin:0 auto; padding:0 20px;}
.position-relative a{pointer-events:none;}
.position-relative h2{font-size:28px; color:#1E1C1C; line-height:1.44; margin-bottom:40px; font-family:'Archivo', sans-serif; font-weight:900;}
.paragraph-l{font-size:26px; color:#1E1C1C; line-height:2.155; margin-bottom:40px; font-family:'Archivo', sans-serif; font-weight:400; margin-top:0;}
.small.cc-sm-small{text-align:center; font-size:18px; line-height:1.2;}
.steps.third{justify-content:center;}

.paragraph-l.cc-sm-small.mb-0{margin-bottom:50px;}
.paragraph-l.cc-sm-small.mb-0:nth-child(2n){max-width:1040px; margin-left:auto; margin-right:auto;}
.paragraph-l.cc-sm-small.mb-0:last-child{margin-bottom:0px !important;}




@media(max-width:1550.5px){
  .about-page .container.tcl-area{margin-top:-120px;}
  .sticky-container{top:15px; height:auto; padding:90px 0 90px;}
  .position-relative h2 {font-size:26px;}
  .paragraph-l{font-size:24px; line-height:2;}
  .paragraph-l.cc-sm-small.mb-0{margin-bottom:30px;}
}

@media(max-width:1200.5px){
  .position-relative h2{font-size:26px; line-height:1.34;}
  .paragraph-l {font-size:24px; line-height:1.9;}
.about-page .container.tcl-area{margin-top:-100px;}
}

@media(max-width:991.5px){
  .position-relative h2{font-size:23px; line-height:1.15;}
  .paragraph-l{font-size:22px; line-height:1.75;}
  .small.cc-sm-small{font-size:17px;}
}

@media screen and (max-width:767px){
  .sticky-grid{padding:0 30px;}
  
  h2.paragraph-l.cc-sm-small {font-size:24px; line-height:1.5;}
  .paragraph-l.cc-sm-small {font-size:19px; line-height:1.6;}
  .small.cc-sm-small{font-size:16px; line-height:1.25;}

  .sticky-container{padding:60px 0 60px;}
  .paragraph-l.cc-sm-small.mb-0{margin-bottom:20px;}
  .position-relative{padding:0 10px;}
}

@media screen and (max-width:575px){
  .sticky-grid{padding:0 20px;}
  
  h2.paragraph-l.cc-sm-small {font-size:4.3vw; line-height:1.2;}
  .paragraph-l.cc-sm-small {font-size:3.9vw; line-height:1.4;}
  .small.cc-sm-small{font-size:3.2vw; line-height:1.1;}
}

@media screen and (max-width:479px){
.sticky-grid {padding:0 15px;}
h2.paragraph-l.cc-sm-small{font-size:4.5vw;}
.paragraph-l.cc-sm-small{font-size:4.5vw; line-height:1.3;}
.small.cc-sm-small{font-size:3.8vw; line-height:1;}
}