/* Fonts Initialisation */
@font-face {
	font-family: 'Manrope';
	src: url('../../fonts/Manrope-Regular.eot');
	src: url('../fonts/Manrope-Regular.woff2') format('woff2'),
		url('../fonts/Manrope-Regular.woff') format('woff'),
		url('../fonts/Manrope-Regular.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope-Light';
	src: url('../fonts/Manrope-Light.eot');
	src: url('../fonts/Manrope-Light.woff2') format('woff2'),
		url('../fonts/Manrope-Light.woff') format('woff'),
		url('../fonts/Manrope-Light.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope-Bold';
	src: url('../fonts/Manrope-Bold.eot');
	src: url('../fonts/Manrope-Bold.woff2') format('woff2'),
		url('../fonts/Manrope-Bold.woff') format('woff'),
		url('../fonts/Manrope-Bold.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope-Medium';
	src: url('../fonts/Manrope-Medium.eot');
	src: url('../fonts/Manrope-Medium.woff2') format('woff2'),
		url('../fonts/Manrope-Medium.woff') format('woff'),
		url('../fonts/Manrope-Medium.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope-SemiBold';
	src: url('../fonts/Manrope-SemiBold.eot');
	src: url('../fonts/Manrope-SemiBold.woff2') format('woff2'),
		url('../fonts/Manrope-SemiBold.woff') format('woff'),
		url('../fonts/Manrope-SemiBold.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
html{
  font-size:10px;
}

body {
	position:relative;
  margin:0;
  padding:0;
  width:100%;
	font-family: 'Manrope';
  font-size:1.6rem;
  line-height:2.4rem;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	overflow-x: hidden;
  color:#283749;
}
p{
  color:#525252;
}
.block-1060{
  max-width:1060px;
  margin:0 auto;
  padding-left:7.5px;
  padding-right:7.5px;
}
.block-1240{
  max-width:1240px;
  margin:0 auto;
  padding-left:7.5px;
  padding-right:7.5px;
}
.block-1260{
  max-width:1260px;
  margin:0 auto;  
}
.block-1320{
  max-width:1320px;
  margin:0 auto;
  padding-left:7.5px;
  padding-right:7.5px;
}
section{
  position: relative;
  z-index: 1;
  background:#fff;
}
.d-flex{
  display:flex;
}
.flex-wrap{
  flex-wrap: wrap;
}
.w-100{
  width:100%;
}
/*Banner*/
.full-width-img{
  width:100%;
  max-width:100%;
}
.work-page-section .container{
  max-width:1060px;
}
.work-sec-banner{
  padding:12rem 0 0 0;
 /*  min-height:100vh; */
}
.work-sec-title-block{
  padding:3.2rem 0;
}
.work-sec-whatwedid{
  display:none;
  margin:0 0 0.8rem 0;
  color: #7888A8;  
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.work-sec-workname h1{
  margin:0 0 1.6rem 0;
  color: #283749;
  font-family: 'Manrope-semibold';
  font-size: 5.6rem;
  font-weight: normal;
	font-style: normal;
  line-height: 7.2rem; 
  letter-spacing: -0.913px;
}
.work-sec-workintro{
  color: #283749;
  font-family: 'Manrope-SemiBold';
  font-size: 2.4rem;
  font-style: normal;
  font-weight: normal;
  line-height: 3.2rem; 
  letter-spacing: -0.186px;
}
.work-banner-content{
  justify-content: space-between;
  align-items: flex-end;
}
.wbc-left{
  flex:0 0 48%;
  max-width:48%;  
}
.wbc-right{
  flex:0 0 48%;
  max-width:48%;
}
.wbc-logo-block{
  margin:0 0 6rem 0;
}
.work-client-logo{
  max-width:195px;
}
.work-client-banner{
  max-width:100%;
}
.wbc-title{
  margin:0 0 3.6rem 0;
}
.wbc-title h1{
  font-family: 'Manrope-Bold';
  font-size:11rem;
  line-height:12rem; 
}
.wbc-description{
  padding-bottom:12rem;
  font-size:1.6rem;
  line-height:3.2rem;
}
/*Banner*/
/*Section 1*/

.sec-1-bottom-seperator{
  padding:4rem 0 0 0;  
  border-bottom:1px solid #ADB5BF;
}
.sec-1-left-list-title{
  margin:0 0 1.6rem 0;
  font-family: 'Manrope-SemiBold';
  font-size:3.6rem;
  line-height:4.4rem;
}
.sec-1-left-list-item{    
  margin:0 0 1.8rem 0;
  font-family: 'Manrope-SemiBold';
}
.sec-1-content{
  justify-content: space-between;
  align-items: flex-start;
}
h2.work-sec-title{
  margin:0 0 1.6rem 0;
  font-family: 'Manrope-Bold';
  font-size:3.6rem;
  line-height:4.4rem;
  letter-spacing: -0.913px;
}
.sec-1-left{
  flex:0 0 30%;
  max-width:30%;
}
.sec-1-right{
  flex:0 0 68%;
  max-width:68%;
}
.sec-content-block h3{
  font-family: 'Manrope-SemiBold';
  font-size:2.4rem;
  line-height:3.2rem
}
.sec-content-block h3,.sec-content-block p{
  margin:0 0 1.6rem 0;
}
.sec-content-block p{
  line-height:2.4rem;
}
.sec-content-block p:last-child,* > p:last-child{
  margin:0;
}
.sec-content-block ul{
  margin:0 0 2.4rem 0;
  padding:0 0 0 1.6rem;
}
.sec-content-block ul li{
  margin:0 0 0.8rem 0;
}
/*Section 1*/
/*Section 2A*/
.sec-2a-content{
  justify-content: space-between;
  align-items: flex-start;
}
.sec-2a-left,.sec-2a-right{
  flex:0 0 48%;
  max-width:48%;
}
.sec-2a-left{
  position:sticky;
  top:12rem;
}
.sec-2a-right-item{
  font-family: 'Manrope-SemiBold';
  margin:0 0 1.6rem 0;
  padding:8rem 4rem;
}
.sec-2a-right-item-title{
  margin:0 0 1.6rem 0;  
  text-transform: uppercase;
}
.sec-2a-right-item-content{
  font-size:2.4rem;
  line-height:3.2rem;
}
.sec-2a-right-item-content p,.sec-2b-card-text p{
  color:inherit
}
/*Section 2A*/
/*Section 2B*/
.sec-2b-top-block{
  max-width:1060px;
  margin:0 auto;
}
.sec-2b-top-content{
  max-width:700px;
}
.sec-2b-top-block{
  margin:0 0 6rem 0;
}
.sec-2b-card-item{
  display:inline-block;  
  max-width:525px; 
}
.sec-2b-card-item-content{
  display:flex;
  flex-wrap:wrap;
  /* width:100%; */
  padding:2.4rem; 
  justify-content: flex-start;
  align-items:flex-start;  
}
.sec-2b-card-number{
  flex:0 0 60px;
  max-width:60px;
  font-size:5.2rem;
  line-height:5.2rem;
  font-family: 'Manrope-Bold';
}
.sec-2b-card-text{
  font-family: 'Manrope-SemiBold';
  flex:0 0 calc(100% - 60px);
  max-width:calc(100% - 60px);
  font-size:2.1rem;
  line-height:2.7rem;
  letter-spacing: -0.457px;
}
.sec-2b-card-text p{
  margin:0;
}
.sec-2b-3-cards-block{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
	grid-column-gap:2rem;  
}
.sec-2b-card-row-1{
  text-align:right;
}
.sec-2b-card-row-1 .sec-2b-card-item{
  text-align:left;
}
.sec-2b-card-row-2 .sec-2b-cards-block,
.sec-2b-card-row-3 .sec-2b-cards-block,
.sec-2b-card-row-6 .sec-2b-cards-block,
.sec-2b-card-row-9 .sec-2b-cards-block
.sec-2b-card-row-12 .sec-2b-cards-block
.sec-2b-card-row-15 .sec-2b-cards-block
.sec-2b-card-row-18 .sec-2b-cards-block
.sec-2b-card-row-21 .sec-2b-cards-block{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
	grid-column-gap:2rem; 
  width:100%;    
} 
.sec-2b-card-row-2,.sec-2b-single-row-block{
  transform: translateX(100%);
}
.sec-2b-card-row-1 > .block-1320 > .sec-2b-cards-block > .sec-2b-card-item{
  margin:0 0 3.2rem 0;
}
.sec-2b-cards-block{
  padding:0 0 3.2rem 0;  
}
/*Section 2B*/
/*Section 3*/
.sec-3-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.sec-3-top-content{  
  max-width:815px;  
}
.sec-3-image-block,.sec-4-image-block,.sec-5-image-block,.sec-6-image-block{
  margin:6.4rem 0 0 0;
}
.sec-image-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
	grid-column-gap:2rem;  
 /*  grid-row-gap:3.2rem */
}
.sec-3-image-row-1,.sec-3-image-row-2,.sec-3-image-row-3,section .casestudy-banner-video {
  margin:0 0 3.2rem 0;
}

/* section .casestudy-banner-video:last-of-type{
  margin:0;
}
section .casestudy-banner-video:first-of-type{
  margin:0 0 3.2rem 0;
} */
.sec-image-2{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
	grid-column-gap:2rem; 
 /*  grid-row-gap:3.2rem */
}
/*Section 3*/
/*Section 4,5,6*/
.sec-4 .container,.sec-5 .container,.sec-6 .container{
  max-width:1230px
}
.sec-4-top-block,.sec-5-top-block,.sec-6-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.sec-5-top-block{
  justify-content: center;
}
.sec-4-top-content,.sec-5-top-content,.sec-6-top-content{  
  max-width:815px;  
}
.sec-4-image-row-1,.sec-4-image-row-2,
.sec-5-image-row-1,.sec-5-image-row-2,
.sec-6-image-row-1,.sec-6-image-row-2{
  margin:0 0 3.2rem 0;
}
/*Section 4,5,6*/
/*Section 7*/
.sec-7-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.sec-7-top-content{  
  max-width:815px;  
}
/*Section 7*/
/*Section 8*/
.sec-8{
  background:#f9f9f9;
}
.sec-8-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
/* .sec-8-top-content{  
  max-width:815px;  
} */
.sec-8-image-block{
  max-width:1060px;
  margin:2.4rem auto 0 auto;
}
.sec-8-image-row-1,.sec-8-image-row-2{
  margin:0 0 3.2rem 0;
}
.sec-8-image-row-2.sec-image-2 img:nth-child(3),.sec-8-image-row-2.sec-image-2 img:nth-child(4){
  margin-top:2rem;
}
/*Section 8*/
/*Section 9*/
.sec-9{
  padding:4rem 0 0 0;  
}
.sec-9-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.sec-9-top-content{  
  max-width:815px;  
  margin:0 0 4rem 0;
}
.sec-9-image-block{
  max-width:1060px;
  margin:2.4rem auto 0 auto;
}
/* .sec-9-image-row-1,.sec-9-image-row-2{
  padding:0 0 3.2rem 0;
} */
/*Section 9*/
/*Section 10*/
.sec-10-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.sec-10-top-content{  
  max-width:815px;  
}
.sec-10-bottom-seperator{  
  max-width: 1060px;
  margin: 0 auto;
  padding:0 0 4rem 0;
  border-bottom:1px solid #ADB5BF;
}
/*Section 10*/
/*Section 11*/
.sec-11{
  padding:4rem 0;
}
.sec-11-content{
  justify-content: space-between;
  align-items: flex-start;
}
.sec-11-content-block-1{
  flex:0 0 45%;
  max-width:45%;
  position:sticky;
  top:12rem;
}
.sec-11-content-block-2{
  flex:0 0 24%;
  max-width:24%;
}
.sec-11-content-block-3{
  flex:0 0 24%;
  max-width:24%;
}
.sec-11-img-block{
  margin:0 auto;
  text-align:center;
}
.sec-11-img{
  max-width:100%;
  margin:2rem 0;
}
.sec-11-content-block-2{
  padding-top:25rem;
}
/*Section 11*/
/*Section Collab*/
.sec-collab{
  padding:8rem 2rem;
  background:#F0F2F6;
  text-align:center;
}
.collab-title{
  margin:0 0 2.4rem 0;
  font-size:1.8rem;
  line-height:3.6rem;
}
.collab-logo{
  display:inline-block;
  margin:0 2rem;
  max-width:200px
}
/*Section Collab*/
/*Section Testimonial*/
.sec-work-testimonial{
  /* padding:8rem 0;   */
  padding:0;
}
.work-testimonial-block{
  max-width:1024px;
  margin:0 auto;
  padding:6rem 0;
  border-top:1px solid #ADB5BF;
  border-bottom:1px solid #ADB5BF;
  text-align:center;
}
.work-testimonial-text, .work-testimonial-name{  
  font-size:2.4rem;
  line-height:4rem;
  letter-spacing: -0.696px;
}
.work-testimonial-text{
  margin:0 0 3.2rem 0;
}
.work-testimonial-name{
  font-family: 'Manrope-SemiBold';
}
/*Section Testimonial*/
.casestudy-banner-video{
  width:100%;
  height:calc(100vh-110px);
}
.casestudy-banner-image{
  width:100%;
}
/*Section Spacings*/
.sec-1{
  padding-top:8rem;
  padding-bottom:4rem;
}
.sec-2a,.sec-3,.sec-work-testimonial,.sec-4,.sec-5,.sec-6,.sec-7,.sec-9,.sec-10{
  padding-top:4rem;
  padding-bottom:4rem;
}
.sec-2b{
  padding:4rem 0 0 0;
}
.sec-8{
  padding-top:8rem;
  padding-bottom:8rem;
}
/*Section Spacings*/
.sec-1-left-list-item a{
  position:relative;
  padding-right:16px;
  font-family: 'Manrope-Bold';
  font-weight:normal;
  color:#283749;
}
.sec-1-left-list-item a:after{
  content:'';
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:10px;
  height:16px;
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M1.9209 0.928932L9.08301 8L1.9209 15.0711L0.32932 13.4997L5.89985 8L0.32932 2.50028L1.9209 0.928932Z" fill="%2328323E"/></svg>') no-repeat right center;
}
.sec-1-left-list-item a:hover,.sec-1-left-list-item a:focus,.sec-1-left-list-item a:active{
  color:#283749;
  text-decoration:underline;
}