/* 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;
	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:#222D3A;
}
/*Banner*/
.work-page-section .container{
  max-width:1060px;
}
.work-sec-banner{
  padding:8rem 0 0 0;
 /*  min-height:100vh; */
}
.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{
  padding-top:8rem;
}
.sec-1-bottom-seperator{
  padding:3.6rem 0 0 0;
  margin:0 0 8rem 0;
  border-bottom:1px solid #ADB5BF;
}
.sec-1-left-list-title{
  margin:0 0 1.6rem 0;
  font-family: Manrope;
font-weight:600;
  font-size:2.4rem;
  line-height:3.2rem;
}
.sec-1-left-list-item{    
  margin:0 0 2.4rem 0;
  font-family: Manrope;
font-weight:600;
}
.sec-1-content{
  justify-content: space-between;
  align-items: flex-start;
}
h2.work-sec-title{
  margin:0 0 3.2rem 0;
  font-family: 'Manrope-Bold';
  font-size:5.6rem;
  line-height:7.2rem;
}
.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;
font-weight:600;
  font-size:2.4rem;
  line-height:3.2rem
}
.sec-content-block h3,.sec-content-block p{
  margin:0 0 2.4rem 0;
}
.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:4rem;
}
.sec-2a-right-item{
  margin:0 0 1.6rem 0;
  padding:8rem 4rem;
  display:flex;
  flex-wrap:wrap;
  width:100%;
  align-items: center;
  justify-content: flex-start;
}
.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;
}
/*Section 2A*/
/*Section 2B*/
.sec-2b{
  margin:8rem 0;
}
.sec-2b-top-block{
  max-width:1060px;
  margin:0 auto;
}
.sec-2b-top-content{
  max-width:700px;
}
.sec-2b-cards-block{
  margin:6rem 0 0 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 50px;
  max-width:50px;
  font-size:5.2rem;
  line-height:5.2rem;
  font-family: 'Manrope-Bold';
}
.sec-2b-card-text{
  flex:0 0 calc(100% - 50px);
  max-width:calc(100% - 50px);
  font-size:2.1rem;
  line-height:2.7rem;
  letter-spacing: -0.457px;
}
.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{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
	grid-column-gap:2rem; 
  width:100%;    
}
.sec-2b-card-row-2{
  transform: translateX(100%);
}
.sec-2b-card-row-2 .sec-2b-cards-block{
  padding:2rem;  
}
/*Section 2B*/
/*Section 3*/
.sec-3{
  margin:8rem 0;
}
.sec-3-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-end;
}
.sec-3-top-content{  
  max-width:815px;  
}
.sec-3-image-block,.sec-4-image-block,.sec-5-image-block,.sec-6-image-block{
  margin:2.4rem 0 0 0;
}
.sec-image-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
	grid-column-gap:2rem;  
}
.sec-3-image-row-1,.sec-3-image-row-2,.sec-3-image-row-3{
  margin:0 0 3.2rem 0;
}
.sec-image-2{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
	grid-column-gap:2rem; 
}
/*Section 3*/
/*Section 4,5,6*/
.sec-4,.sec-5,.sec-6{
  margin:8rem 0;
}
.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: flex-end;
}
.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{
  margin:8rem 0;
}
.sec-7-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-end;
}
.sec-7-top-content{  
  max-width:815px;  
}
/*Section 7*/
/*Section 8*/
.sec-8{
  padding:8rem 0;
  background:#f9f9f9;
}
.sec-8-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-start;
}
.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;
}
/*Section 8*/
/*Section 9*/
.sec-9{
  margin:8rem 0 0 0;  
}
.sec-9-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-end;
}
.sec-9-top-content{  
  max-width:815px;  
}
.sec-9-image-block{
  max-width:1060px;
  margin:2.4rem auto 0 auto;
}
.sec-9-image-row-1,.sec-9-image-row-2{
  margin:0 0 3.2rem 0;
}
/*Section 9*/
/*Section 10*/
.sec-10{
  padding:6rem 0 0 0;
  margin:0 0 4rem 0;
}
.sec-10-top-block{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-end;
}
.sec-10-top-content{  
  max-width:815px;  
}
.sec-10-bottom-seperator{  
  max-width: 1060px;
  margin: 0 auto 4rem auto;
  padding:0 0 4rem 0;
  border-bottom:1px solid #ADB5BF;
}
/*Section 10*/
/*Section 11*/
.sec-11{
  padding:0 0 8rem 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:4rem;
}
.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%;
}
.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;
}
.work-testimonial-text{
  margin:0 0 3.2rem 0;
}
.work-testimonial-name{
  font-family: Manrope;
font-weight:600;
}
/*Section Testimonial*/
/*Center aligned banner style*/
.work-sec-banner.work-sec-banner-center{
  padding:6rem 0 0 0;
}
.wsbc-content-block{
  max-width:725px;
}
.wsbc-title{
  margin:0 0 0.8rem 0;
  font-size:5.2rem;
  line-height:7rem;
  font-weight: 700;
  letter-spacing: -0.752px;
}
.wsbc-text{
  font-size:2.8rem;
  line-height:4rem;
}
.wsbc-center-img{
  margin:0 auto;
  max-width:100%;
}
.wsbc-banner{
  margin:4rem 0 0 0;
  text-align:center;
}
/*Center aligned banner style*/
/*Clients page*/
.clients-sec-1{
  padding:0 0 4.8rem 0;
  color:#222D3A;
}
.clients-sec-1 h1{
  /* max-width:940px; */
  margin:0;
  font-size:72px;
  line-height:80px;  
  font-family: Manrope;
font-weight:600;
  font-weight: 600;
	font-style: normal;
  letter-spacing: -0.752px;
}
.clients-sec-1-text{
  font-size:2.4rem;
  line-height:4rem;
  letter-spacing: -0.186px;
}
.client-sec-2{
  padding:6rem 0 35rem 0;
  background:#F0F2F6
}
.client-sec-slider-block{
  margin:0 0 3.2rem 0;
  align-items: center;
  justify-content: space-between;
}
.client-slider-sec-left{
  flex:0 0 25%;
  max-width:25%;
}
.client-slider-sec-left h3{
  font-size:2.4rem;
  line-height:3.2rem;
  font-weight:600;
  color: #222D3A;
}
.client-slider-sec-right{
  position:relative;
  flex:0 0 70%;
  max-width:70%;
}
.slider-btn{
  border:0px none;
  background:transparent;
}
.client-slider-sec-right .slider-btn{
  position:absolute;
  top:50%;
  transform: translate(-50%, -50%);
}
.client-slider-sec-right .slider-btn:nth-child(1){
  left:0;
}
.client-slider-sec-right .slider-btn:nth-child(2){
  right:0;
}
.client-slider-item{
  text-align:center;
}
.client-item-img{
  max-width:100%;
  margin:0 auto;
}
.client-slider-sec-right .slick-track{
  display:flex;
  align-items: center;
  justify-content: center;
}
.client-sec-3{
  padding:6rem 0;
  background:#008BD1;
}
.client-testimonial-slider-block{
  margin-top: 0;
  padding:0;
  background:transparent;
}

.cts-item-block{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.cts-item-block-left{
  flex:0 0 415px;
  max-width:415px;
  aspect-ratio: 1/1;
}
.cts-item-block-left-img{
  display: block;
  width:100%;
  height:100%;
}
.cts-item-block-right{
  flex:0 0 calc(100% - 450px);
  max-width:calc(100% - 450px);
  display: flex;
  flex-direction: column;
}
/* .cts-item-block-right-text{  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.cts-item-block-right-text p{
  display: contents;
}
.cts-item-block-right-text p:after{
  content: "\A";
  white-space:pre;
} */
 .cts-item-block-right-text p{
  color:#283749
 }
.cts-item-block-right-readmore{
  margin:1.6rem 0;
}
.cts-item-block-right-readmore a,.cts-item-block-right-readmore a:hover,
.cts-item-block-right-readmore a:focus,.cts-item-block-right-readmore a:active{
  display:inline-block;
  color:#222D3A;
  font-weight:700;
  text-decoration:none;
  outline:none;
}
.cts-item-block-right-readmore a span{
  display:inline-block;
  margin-right:0.8rem;
}
.cts-item-block-right-name{
  margin-top: auto;
}
.cts-item-block-right-name h3{
  font-size:2.4rem;
  font-weight:600;
}
.client-testimonial-slider-block{
  position:relative;
}
.client-testimonial-slider-controls .slider-btn{
  position:absolute;
  bottom:4rem;
  transition:all 0.2s ease-in;
}
.client-testimonial-slider-controls .slider-btn:hover svg circle{
  fill:#008BD1
}
.client-testimonial-slider-controls .slider-testimonial-prev{
  left:475px;
}
.client-testimonial-slider-controls .slider-testimonial-next{
  left:515px;
}
.client-testimonial-swiper .swiper-wrapper {
    align-items: stretch;
}

.client-testimonial-swiper .swiper-slide {
    height: auto;
}

.client-testimonial-swiper .swiper-slide .cts-item,
.client-testimonial-swiper .swiper-slide .cts-item-block {
    height: 100%;
}
.client-testimonial-cta-block{
  text-align:center;
  margin:6rem auto 0 auto;
}
.client-testimonial-cta{
  display:inline-block;
  padding:1.6rem;
  text-align:center;
  color:#fff;
  font-size:2.4rem;
  line-height:3.2rem;
  font-weight:600;
  border:1px solid #fff;
  border-radius:1.6rem;
  text-decoration:none;  
}

/*Clients page*/



/* count css */
.count_title
{
  margin:0;
  font-family: 'Manrope-Bold';
  color: #222D3A;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px; /* 128.571% */
  letter-spacing: -0.752px;
  
}
.count_text
{
  font-family: 'Manrope-Bold';
  color: #222D3A;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.752px;
}
.title_paragraph
{
  color: #28323E;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 166.667% */  
}
.clients-sec-margin
{
  margin-top: 35px;
  margin-bottom: 25px;
}
/* count css */


/* founder css */

.founder_title
{
  margin:0;
  color: #222D3A;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.913px;
  
}
.founder_text
{
  color: #28323E;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin:16px 0;
}
.founder_a
{
  color: #28323E;
  font-size: 16px;
  font-family: 'Manrope-Bold';
  font-style: normal;
  font-weight: normal;
  line-height: 24px; /* 150% */
  text-decoration: none;
  /* margin-top: 20px!important; */

}
.founder_a svg{
  margin-left:8px;
}
.fa-chevron-right
{
  color: #28323E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  text-decoration: none;
}
.box
{
  border-radius: 16px;
  border: 1px solid #CFD2D8;
  padding: 20px;
  margin-top: 65px;
  margin-bottom: 50px;
}
.box_text
{
  color: #28323E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
}
.title_capabilities
{ 
  padding:0 0 1.6rem 0;
  color: #222D3A;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 128.571% */
  letter-spacing: -0.913px;
}
.cap_title
{
  margin:0;
  color: #222D3A;
  font-family: Manrope;
font-weight:600;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.696px;
}
.cap_ul
{
  list-style-type: none;
  padding-left: 0px;
  padding-top: 16px;
}
.cap_ul li{
  color: #28323E;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 1.6rem;
}
.client-sec-padding
{
  padding-bottom: 250px!important;
}
/* founder css*/

/* skill css */
.skill_title
{
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 128.571% */
  letter-spacing: -0.913px;
  margin-top: 70px;
  margin-bottom: 32px;
}
.skill_h5
{
  color: #FFF;
  font-size: 24px;
  font-family: Manrope;
font-weight:600;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.186px;
  margin-bottom: 16px;
}
.skill_p
{
  color: #E6F3FA;
  font-size: 16px;
  font-style: normal; 
  line-height: 24px; /* 150% */
}
/* skill css */
.about-banner-section{
  position: relative;
}
.about-banner-section:before {
    content: '';
    position: absolute;
    width: 1089px;
    height: 600px;
    background: url('https://demo.webshowcase-india.com/bokaapdesign/wp-content/uploads/2026/02/Ellipse-4-1.png');
    background-position: center;
    background-size: cover;
    z-index: -1;
    right: 0;
    top: 0;
}
.about-banner-section{
    padding-top: 96px;
}
.about-banner-image{
  height: 460px;
  width: 100%;
  object-fit: cover;
}
.client-logo-wrapper-inner img{
  max-height:40px;
  max-width: 120px;
  width: auto;
}