.top-content,
h1 {
	font-family: 'Proxima Nova Bl'
}
.text-indent{
	text-indent:-9999px;
}
.section-head,
.top-content {
	white-space: nowrap;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #ebe9ea;
	color: #fff
}
.glob-box h2{
	margin-bottom: 20px
}
.location-information li{
    display:flex;
}
.top-line:before,
h1 {
	background-color: #e01321
}
.case-study .container {
	max-width: 1290px
}
/* banner */
.banner {
	margin-top:75px;
	padding:40px 0 33px;
	overflow: hidden;
  }
  
  .banner-sec {
	position: relative;
	border-bottom: 4px solid #14151b;
  }
  
  .banner-left {
	max-width: 390px;
	padding-right: 12px
  }
  
  .banner-information {
	padding: 20px 0 57px 0;
	position: relative
  }
  
  .banner-right {
	padding-left: 20px
  }
  
  .top-content,
  h1 {
	font-family: 'Proxima Nova Bl'
  }
  
  .section-head,
  .top-content {
	white-space: nowrap;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #ebe9ea;
	color: #fff
  }
  
  .top-content {
	font-size:4.4rem;
	line-height: 1
  }
  
  .glob-box h2,
  .location-information li {
	margin-bottom: 20px
  }
  
  .location-information li strong,
  .month-date {
	font-weight: 600;
	font-family: 'Proxima Nova Lt'
  }
  
  .location-information li:last-child,
  .oriented-features:last-child,
  .save-box:last-child {
	margin-bottom: 0
  }
  
  .location-information li strong {
	display: block;
	text-transform: uppercase;
	margin-right: 3px;
	font-size: 1.4rem;
	color: #999aa1
  }
  
  .location-information li span {
	font-size: 1.4rem;
    font-weight: 600;
    margin-left: 7px;
  }
  
  .canis-rating img,
  .full-img img,
  .gallery-overlap img,
  .right-img img {
	display: block;
	width: 100%
  }
  
  /* summary-section */
  .summary-section{
	padding:36px 0;
  }
  /* .summary-content {
	max-width: 1045px
  } */
  
  .client-asked h2,
  .client-detail strong,
  .glob-box h2,
  .process-para,
  .process-value,
  .productivity-text {
	font-family: 'Proxima Nova Th'
  }
  
  .glob-box,
  .oriented-features {
	margin-bottom: 40px
  }
  
  .glob-box-pra {
	margin-bottom: 10px;
	font-weight:400;
	color:#14151B;
  }
  .glob-box-pra strong{
	font-weight:700;
  }
  .glob-box h2 {
	font-weight: 700
  }
  
  .glob-box p {
	line-height: 1.45
  }
  
  .section-head {
	display: block;
	letter-spacing: -2px;
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 10px;
	font-family: 'Proxima Nova Bl';
  }
  /* .technology-feature{
	overflow:hidden;
  } */
  .testimonial-ex {
	display: flex;
	flex-wrap: wrap;
	background: #FFFFFF;
    box-shadow: 0px 12px 23px rgb(0 0 0 / 10%);
    padding: 30px 20px;
  }
  
  .user-detail {
	align-items: flex-end;
	margin-bottom: 28px;
	padding-top:18px
  }
  
  .user-detail img {
	display: block;
	width: 90px;
	height: 90px;
	margin-right: 12px
  }
  
  .full-gallery,
  .left-border,
  .solution-section,
  .top-line {
	position: relative
  }
  
  .top-line:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width:90px;
	height: 4px
  }
  
  .top-line:before,
  h1 {
	background-color: #e01321
  }
  
  .client-detail,
  .left-border:after,
  .left-border:before,
  .process-value {
	background-color: #14151b
  }
  
  .client-detail {
	padding: 12px
  }
  
  .client-detail span {
	color: #fff;
	font-size: 1.4rem;
	display: block;
	margin-bottom: 2px
  }
  
  .client-detail strong {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700
  }
  
  .client-speak {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
  }
  
  /* Our Solutions */
  .features {
	display: flex;
	flex-direction: column;
	background-color: #ffeeee;
	padding: 30px 20px 30px 20px;
  }
  
  .admin {
	margin-bottom: 20px;
	position: relative;
  }
  
  .admin-listing li,
  .user-listing li {
	position: relative;
	padding-left: 10px;
  }
  
  .admin-listing li::after,
  .user-listing li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #000;
  }
  
  .admin li,
  .user li {
	font-family: 'Proxima Nova Lt';
	font-style: normal;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 34px;
  }
  .features h4{
  	position:relative;
  	margin-bottom: 30px;
	font-weight:700;
  }
 .features h4:after {
	content: "";
	position: absolute;
	left: 0;
	bottom:-10px;
	background-color: #e01321;
	width: 40px;
	height: 4px;
  }
  
  .user {
	padding-top: 20px;
	border-top: 2px dotted #14151b;
  }
  
  .user-speak {
	font-size: 1.8rem;
	line-height: 1.3;
	margin-bottom: 55px
  }
  
  /* --------------------------- */
  
  .casestudy-testimonial,
  .client-blog {
	box-shadow: 0 34px 37.92px 10.08px rgba(0, 0, 0, .08)
  }
  
  .feature-list li,
  .hightlight-list li {
	letter-spacing: .1px;
	position: relative
  }
  
  .case-study .container {
	max-width: 1392px
  }
  
  h1 {
	display: block;
	color: #fff;
	font-size: 4.8rem;
	width: 200px;
	width: 144px;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin-bottom: 19px
  }
  .banner-left h1 img {
	max-width: 63%;
  }
  
  .month-date {
	font-size: 1.6rem;
	border: 2px solid #000;
	padding: 7px 10px 6px 7px
  }
  
  .feature-wrap,
  .stack-block {
	border-left: 4px solid #14151b
  }
  
  .explaine-project {
	font-size: 2rem;
	line-height: 1.3;
	margin-bottom: 30px;
	font-weight: 700;
	letter-spacing: -.5px
  }
  
  .client-blog {
	background-color: #fff;
	padding: 30px 15px;
	margin-bottom: 70px
  }
  
  .client-asked h2 {
	margin-bottom: 22px;
	padding-right: 30px;
	font-weight: 700
  }
  
  .analysi-para,
  .asked-for,
  .process-wrapper h3 {
	margin-bottom: 30px
  }
  
  .asked-for li {
	font-size: 1.6rem;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative
  }
  
  .asked-for li:after,
  .feature-list li:before,
  .hightlight-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 5px;
	height: 5px;
	background-color: #dad4d6
  }
  
  .speak-wrap {
	padding-top: 22px;
	border-top: 2px dotted #14151b
  }
  
  .final-execution {
	display: block;
	font-size: 2rem;
	margin-bottom: 27px;
	padding-top: 22px;
	line-height: 1.3;
	letter-spacing: -.9px
  }
  
  .solution-box {
	max-width: 695px;
	margin-bottom: 40px
  }
  
  .cycle-analysis {
	padding: 20px 0;
	position: relative;
	z-index: 1
  }
  
  .process-list li {
	padding: 20px 15px;
	margin-bottom: 20px;
	border-radius: 1px;
	position: relative;
	border: 2px solid #d8d4d6
  }
  
  .process-value {
	padding: 6px 8px 3px;
	color: #fff;
	font-size: 1.3rem;
	margin-bottom: 15px;
	height: 100%;
	letter-spacing: 1.5px;
	border-radius: 1px
  }
  
  .process-para {
	max-width: 700px;
	width: 100%;
	letter-spacing: -.3px
  }
  
  .productivity-analysis h3 {
	margin-bottom: 18px
  }
  
  .productivity-wrap {
	overflow-x: scroll;
	padding-bottom: 10px
  }
  
  .productivity-box {
	background-color: #e3dee0;
	flex: 0 0 71%;
	margin-right: 15px;
	display: flex;
	align-items: center;
	min-height: 130px;
	padding: 20px 15px;
	border-radius: 1px
  }
  
  .productivity-logo {
	width: 54px;
	height: 54px
  }
  
  .productivity-text {
	width: calc(100% - 54px);
	padding-left: 21px;
	font-size: 1.6rem;
	line-height: 1.1
  }
  
  .computation-productivity {
	background-color: #fba186;
	width: 65%;
	margin-right: 0
  }
  
  .computation-productivity strong {
	display: block;
	font-size: 2rem;
	margin-bottom: 12px;
	font-family: 'Proxima Nova Bl'
  }
  
  .feature-head,
  .fz-h4,
  .save-box span {
	font-family: 'Proxima Nova Th'
  }
  
  .computation-productivity span {
	font-size: 1.7rem
  }
  
  .gallery-overlap {
	max-width: 1047px;
	width: 90%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
  }
  
  .tech-feature {
	padding: 40px 0
  }
  
  .feature-head {
	margin-bottom: 25px;
	font-weight: 700
  }
  .feature-list span{
	font-size: 1.6rem;
	color: #14151b;
  }
  .stack-block {
	padding-left: 15px
  }
  
  .fz-h4 {
	font-size: 1.8rem;
	margin-bottom: 20px
  }
  
  .feature-list {
	margin-bottom:25px
  }
  
  .feature-list li {
	font-size: 1.6rem;
	padding-left: 20px;
	margin-bottom: 10px
  }
  
  .main-feature {
	width: 240px;
	padding-left: 15px
  }
  
  .feature-parts {
	padding-left: 20px;
	overflow: hidden
  }
  
  .left-border:before {
	content: "";
	position: absolute;
	right: 100%;
	width: 100%;
	top: 11px;
	height: 2px
  }
  
  .left-border:after {
	content: "";
	position: absolute;
	right: 100%;
	width: 9px;
	height: 9px;
	top: 7px;
	border-radius: 50%
  }
  
  .pd-left {
	padding-left: 15px
  }
  
  .casestudy-testimonial {
	background-color: #fff;
	padding: 30px 15px;
	margin-bottom: 20px
  }
  
  .result-section {
	padding-bottom: 40px
  }
  
  .txt-hightlights {
	font-size: 2rem;
	margin-bottom: 32px
  }
  
  .hightlight-list li {
	font-size: 1.6rem;
	padding-left: 15px;
	margin-bottom: 14px
  }
  
  .result-right {
	padding-top: 17px
  }
  
  .saving-sec {
	margin-bottom: 38px
  }
  
  .save-box {
	background-color: #e01321;
	padding: 25px 20px;
	margin-bottom: 20px;
	display: inline-block
  }
  
  .save-box span {
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.3;
	letter-spacing: -.5px
  }
  
  .grow-section {
	background-color: #14151b;
	padding: 25px 0 20px
  }
  
  .grow-box {
	height: 100%;
	padding: 15px 0;
	align-items: center;
	position: relative
  }
  
  .grow-figure {
	width: 100px
  }
  
  .grow-content h3 {
	color: #fff;
	font-size: 2.2rem;
	line-height: 1;
	margin-bottom: 10px
  }
  
  .grow-content {
	width: calc(100% - 100px);
	padding-left: 15px
  }
  
  .grow-content p {
	color: #fff;
	margin-bottom: 0
  }
  
  .btn-grow {
	color: #fff;
	font-size: 1.6rem;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	padding: 16px 26px;
	border-radius: 2px;
	transition: .5s;
	background-color: #02789e;
	border: 2px solid #02789e
  }
  
  .btn-grow:hover {
	background-color: transparent
  }
  
  .sdlc-phase {
	border: 2px solid #d8d4d6;
	padding: 20px 3px;
	max-width: 1256px;
	position: relative;
	z-index: 1;
	background-color: #fff
  }
  
  .phase-wrapper {
	margin-bottom: 30px
  }
  
  .step {
	background-color: #14151b;
	padding: 7px 20px;
	color: #fff;
	font-size: 1.2rem;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 20px 20px
  }
  
  .development-phase {
	padding-left: 20px
  }
  
  .development-phase h4 {
	font-size: 1.6rem;
	font-family: 'Proxima Nova Rg';
	font-weight: 800;
	margin-bottom: 10px
  }
  
  .development-phase p {
	font-family: 'Proxima Nova Rg';
	font-weight: 400
  }
  
  .gift-summary {
	margin-bottom: 50px;
	padding-top: 20px
  }
  
  .gift-content {
	max-width: 1111px
  }
  
  .gift-head {
	color: #fff;
	font-size: 4.8rem;
	white-space: nowrap;
	letter-spacing: -2px;
	line-height: 1;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #ebe9ea;
	font-family: 'Proxima Nova Bl';
	margin-bottom: 10px;
	display: block
  }
  
  .gift-box {
	margin-bottom: 40px
  }
  
  .sm-text {
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: 20px
  }
  
  .gift-content p {
	margin-bottom: 20px
  }
  
  .gift-wrapper {
	box-shadow: 0 0 18.9px 2.1px rgba(0, 0, 0, .04), 0 34px 37.92px 10.08px rgba(0, 0, 0, .08);
	background-color: #fff;
	border-radius: 1px;
	padding: 40px 20px;
	position: relative;
	z-index: 1
  }
  
  .gift-info {
	position: relative;
	margin-bottom: 40px
  }
  
  .gift-info::before {
	content: "";
	background-color: #e01321;
	height: 4px;
	width: 45px;
	position: absolute;
	top: -9px;
	left: 0
  }
  
  .color-wrapper {
	display: flex;
	flex-wrap: wrap
  }
  
  .color-wrapper p {
	font-size: 1.5rem
  }
  
  .color-palette {
	border: 2px solid #d8d4d6;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fff
  }
  
  .color-image {
	margin-bottom: 20px
  }
  
  .color-image img {
	width: 86%;
	display: block
  }
  
  .typography p {
	margin-bottom: 20px
  }
  
  .typography p:last-child {
	margin-bottom: 0
  }
  
  .typography {
	border: 2px solid #d8d4d6;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fff
  }
  
  .heading-ltl {
	background-color: #14151b;
	margin-bottom: 20px;
	padding: 10px;
	display:inline-block;
  }
  
  .heading-ltl .head-font {
	color: #fff;
	display: block;
	font-size: 5.1rem;
	margin-bottom: 5px;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	text-transform: uppercase
  }
  
  .heading-ltl .display {
	color: #e38a29;
	font-size: 1.6rem;
	font-family: 'Proxima Nova Rg';
	font-weight: 400
  }
  
  .result-ltl {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin-bottom: 80px;
  }
  
  .result-ltl .head-font {
	background-color: #14151b;
	color: #fff;
	display: block;
	font-size:3.2rem;
	margin-bottom: 5px;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 25px
  }
  
  .result-head {
	display: block;
	font-size: 1.5rem;
	margin-top: 5px;
	font-weight:600;
  }
  
  .layout-section {
	margin-bottom:30px;
  }
  
  .food-layout {
	margin-bottom: 50px;
	padding-top: 70px;
	background-image: url(../images/mask-group.png);
	background-color: #FFC8C8;
  }
  
  .ui-img {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
  }
  
  .stack-flex {
	display: flex;
	justify-content: space-between;
  }
  
  .technology-stack {
  	padding-top: 30px;
	border-top: 4px solid #14151b;
  }
  
  .result-pra {
	padding:30px 15px;
	box-shadow: 0 34px 37.92px 10.08px rgba(0, 0, 0, .08);
  }
  
  .result-section {
	margin-bottom: 60px;
  }
  
  .heading-ltl .head-font {
	font-size:3rem;
	margin-bottom: 0;
  }
  
  .result-pra p {
  	font-weight: 600;
	line-height:1.5;
  }
  @media all and (min-width:768px) {
  
	/* banner */
	.banner-sec {
	  margin-top:-30px
	}
  
	.banner-right {
	  position: absolute;
	  right: 0;
	  bottom: -19px;
	  width: 50%;
	  border-left: none;
	  padding-left: 0
	}
  
	.top-content {
	  font-size:11rem
	}
  
	/* summary-section */
	.section-head {
	  font-size: 8.5rem
	}
  
	/* Our Solutions */
	.features-sec,
	.result-right {
	  width: 65%
	}
  
	.features {
	  display: flex;
	  flex-direction: row;
	  justify-content: space-between;
	  padding:40px;
	}
  
	.admin {
	  border-right: 2px dotted #14151b;
	}
  
	.user h4,
	.admin h4 {
	  margin-bottom: 30px;
	}
  
	.user {
	  padding-top: 0;
	  border-top: 0;
	}
  
	.user::after {
  
	  top: 22px;
  
	}
  
	/* --------------------------- */
	h1 {
	  width: 250px;
	  height: 130px;
	  font-size: 5.8rem
	}
  
	.client-blog {
	  padding: 40px 25px;
	  margin-bottom: 50px
	}
  
	.client-asked {
	  width: 36%;
	  padding-right: 15px
	}
  
	.speak-wrap {
	  width: 62%;
	  padding-top: 22px;
	  padding-left: 30px;
	  border: none;
	  background: url(../images/contact-seprater.svg) left top/2px repeat-y
	}
  
	.solution-img {
	  text-align: right
	}
  
	.productivity-wrap {
	  overflow: visible;
	  padding-bottom: 0;
	  flex-wrap: wrap
	}
  
	.productivity-box {
	  flex: 0 0 auto;
	  width: 48%;
	  margin: 0 0 25px;
	  padding: 25px
	}
  
	.tech-stack {
	  width: 30%
	}
  
	.main-feature {
	  padding-left: 0;
	  padding-right: 10px
	}
  
	.feature-head {
	  min-height: 56px
	}
  .feature-list h5{
	font-size: 1.8rem;
	margin-bottom: 10px;
  }
	.feature-wrap {
	  border: none;
	  padding-left: 0
	}
  
	.feature-parts {
	  border-left: 2px solid #14151b
	}
  
	.resutl-sec,
	.saving-sec {
	  justify-content: space-between
	}
  
	.result-left {
	  width: 30%;
	  padding-right: 15px
	}
  
	.save-box {
	  width: 48%;
	  margin-bottom: 0
	}
  
	.save-box span {
	  font-size: 2.2rem;
	  line-height: 1.1
	}
  
	.grow-figure {
	  width: 155px
	}
  
	.grow-content {
	  width: calc(100% - 155px);
	  padding-left: 30px
	}
  
	.grow-content h3 {
	  color: #fff;
	  font-size: 2.4rem;
	  line-height: 1;
	  margin-bottom: 10px
	}
  
	.grow-content p {
	  color: #fff;
	  font-size: 2rem;
	  margin-bottom: 0
	}
  
	.btn-sec {
	  width: 35%
	}
  
	.best-practice {
	  width: 50%;
	}
  
	.sdlc-phase {
	  padding: 20px
	}
  
	.phase-wrapper {
	  margin-bottom: 54px
	}
	.phase-wrapper:last-child{
		margin-bottom: 0;
	}
  
	.step {
	  font-size: 1.3rem
	}
  
	.development-phase h4 {
	  font-size:2.2rem
	}
  
	.development-phase p {
	  font-size: 1.8rem
	}
  
	.development-phase {
	  padding-left: 17px;
	}
  
	.color-palette {
	  margin: 0 20px 0 0;
	  width: 47%;
	  max-height: 525px
	}
  
	.typography {
	  width: 47%;
	  max-height: 525px;
	  margin-bottom: 0
	}
  
	.technology-stack {
	  border-top: 0;
	  border-left: 4px solid #14151b;
	  padding-left: 71px;
	}
	.food-layout {
		height:490px;
	}
	.result-pra{
		padding: 40px 20px;
	}
	.result-pra p{
		font-size:2rem;
	}
  }
  
  @media all and (min-width:992px) {
  
	
	/* summary-section */
	.summary-section {
		overflow:hidden;
	}
	.section-head {
	  font-size: 11.5rem
	}
  
	.testimonial-ex {
		padding:35px 20px;
		align-items:end;
	}
  
	.testimonial-speek {
	  width: 70%;
	  font-size:2rem;
	}
	.user-detail{
		margin-bottom: 0;
	}
	/* Our Solutions */
	/* --------------------------- */
	.casestudy-testimonial,
	.client-blog {
	  padding: 45px
	}
  
	.asked-for li {
	  font-size: 1.8rem;
	  margin-bottom: 15px
	}
  
	.final-execution {
	  font-size: 2.4rem
	}
  
	.solution-box {
	  width: 50%;
	  padding-right: 15px
	}
  
	.solution-img {
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 54%
	}
  
	.process-list li {
	  padding: 30px;
	  margin-bottom: 30px;
	  display: flex;
	  align-items: center;
	  justify-content: space-between
	}
  
	.process-value {
	  margin-bottom: 0
	}
  
	.process-para {
	  font-size: 1.8rem;
	  line-height: 1.2;
	  border-left: 2px solid #e01321;
	  padding-left: 30px
	}
  
	.productivity-box {
	  width: 30%;
	  margin: 0 0 35px
	}
  
	.computation-productivity {
	  width: 65%
	}
  
  
	.hightlight-list li {
	  font-size: 1.8rem;
	  margin-bottom: 17px
	}
  
	.saving-sec {
	  justify-content: flex-start
	}
  
	.save-box {
	  width: 35%;
	  margin-right: 30px
	}
  
	.save-box:last-child {
	  width: 46%;
	  margin-right: 0
	}
	.features{
		padding:60px;
	}
	.admin,.user{
		width:42%;
	}
	.user h4, .admin h4{
		font-size:1.8rem;
	}
	
	/* Our working */
	.sdlc-phase{
		display:flex;
		flex-wrap: wrap;
		justify-content:space-between;
		align-items:flex-start;
	}
	.phase-wrapper {
		width:48%;
		display:flex;
		align-items:center;
	}
	.step {
		margin: 0 11px 0 0;
	}
	.development-phase {
		width:365px;
		border-left: 2px solid #e01321;
	}
	.step {
		padding: 7px 12px;
	}
	/* Our working  close*/
	/* layout */
	.food-layout {
		height: 550px;
	}
	/* layout close */
  }
  
  @media all and (min-width:1024px) {
  
	/* banner */
	.banner-right {
	  width: 54%;
	  bottom: -27px
	}
  
	/* Our Solutions */
	/* --------------------------- */
	p {
	  font-size: 1.8rem
	}
  
	.grow-content h3 {
	  color: #fff;
	  font-size: 3.6rem;
	  line-height: 36px;
	  margin-bottom: 10px
	}
  
	.grow-content p {
	  color: #fff;
	  font-size: 2.6rem;
	  margin-bottom: 0
	}
  
	.development-phase {
	  width: 365px
	}
  
	.color-wrapper p {
	  font-size: 1.5rem
	}
  
	.color-image {
	  margin-bottom: 44px;
	  width: 430px
	}
  }
  
  @media all and (min-width:1200px) {
  
	/* banner */
	.banner {
	  margin-top:65px
	}
  
	.top-content {
	  font-size: 25rem
	}
  
	.client-speak,
	.testimonial-speek {
	  font-size: 2rem
	}
  
	/* summary-section */
	.testimonial-ex {
		padding: 56px 47px;
	}
	/* summary-section close */
	/* Our Solutions */
	.features-sec {
	  width: 60%
	}
  
	/* --------------------------- */
	.cycle-analysis {
	  background-color: #fff;
	  padding: 50px 50px 20px;
	  box-shadow: 0 34px 37.92px 10.08px rgba(0, 0, 0, .08)
	}
  
	.casestudy-testimonial,
	.client-blog {
	  padding: 55px
	}
  
	.tech-stack {
	  width: 35%
	}
  
	.feature-head {
	  min-height: auto;
	  margin-bottom: 55px
	}
  
	.feature-parts {
	  width: 410px;
	  padding-left: 70px;
	  border-left: 2px solid #14151b
	}
  
	.full-img {
	  margin-top: -50px
	}
  
	/* .result-section {
	  padding-top:50px
	 } */
	.btn-sec {
	  width: 28%
	}
  
	.color-palette {
	  width: 49%;
	  padding: 62px 56px
	}
	/* layout */
	.food-layout {
		height: 600px;
	}
	/* layout  close*/
  }
  
  @media all and (min-width:1280px) {
  
	/* banner */
	.banner-right {
	  width: 60%;
	  bottom: -39px
	}
  
	.banner-information {
	  padding: 25px 0 57px 0;
	}
  
	.location-information li {
	  margin-bottom: 25px
	}
  
	/* summary-section */
	/* Our Solutions */
	.features {
		padding: 60px 120px 60px 120px;
	}
  
	.admin li,
	.user li {
	  font-family: 'Proxima Nova Lt';
	  font-style: normal;
	  font-weight: 400;
	  font-size: 18px;
	  line-height: 34px;
	}
	.user-speak {
	  font-size: 1.8rem;
	  line-height: 1.3;
	  margin-bottom: 55px
	}
  
	/* --------------------------- */
	.case-study .container {
	  padding: 0 3%
	}
  
	h1 {
	  font-size: 6.8rem;
	  width: 280px;
	  height: 160px
	}
  
	.client-asked {
	  width: 30%
	}
  
	.speak-wrap {
	  width: 65%;
	  padding-left: 45px
	}
  
	.productivity-text {
	  font-size: 1.8rem
	}
  
	.sdlc-phase {
	  margin-left: 10px;
	  padding: 78px 78px 22px
	}
  
	.step {
	  padding: 4px 11px;
	  font-size: 1.8rem;
	}
  
	.development-phase h4 {
	  font-size: 2rem
	}
  
	.development-phase {
	  padding-left: 27px;
	  width: 393px
	}
	.gift-summary {
	  padding-top: 85px
	}
  
	.gift-content {
	  padding: 0
	}
  
	.gift-head {
	  font-size: 20rem;
	  letter-spacing: -4px;
	  margin-bottom: -9px
	}
  
	.gift-summary .solution-wrapper p {
	  font-size: 1.6rem;
	  line-height: 1.2;
	  padding-right: 37px
	}
  
	.color-wrapper p {
	  font-size: 1.8rem;
	  line-height: 1.5
	}
  
	.color-wrapper {
	  padding-left: 7px
	}
  
	.typography {
	  padding: 62px 65px;
	  width: 49%
	}
  
	.typography p {
	  margin-bottom: 28px
	}
  
	.layout-section {
	  margin-bottom: 110px;
	}
  
	.food-layout {
	  margin-bottom: 110px;
	  height: 641px;
	  width: 100%;
	}
  
	.head-wrap .heading-ltl {
	  padding: 24px 24px;
	  margin-right: 30px;
	  margin-bottom: 0
	}
	.heading-ltl .head-font {
		font-size: 5.1rem;
	}
	.head-wrap {
	  margin-bottom: 30px
	}
  
	.heading-ltl .display {
	  font-size: 1.5rem
	}
  
	.heading-ltl .display {
	  font-size: 2rem
	}
  
	.stack-blog h4 {
	  margin-bottom: 25px;
	}
  
	.result {
	  margin-bottom: 50px;
	}
  
	.technology-feature {
	  margin-bottom: 90px;
	}
	.stack-bloglt h2{
		font-size: 3.6rem;
	}
  }
  
  @media all and (min-width:1440px) {
  
	/* banner */
  
	.banner-sec {
	  margin-top: -74px;
	  left: 12px;
	}
  
	.banner-information {
	  padding: 27px 0 268px 0;
	}
  
	.banner-right {
	  right: -5px;
	  bottom: -45px;
	  width: 100%;
	  max-width: 868px
	}
  
	.top-content {
	  letter-spacing: -7px;
	  font-size: 23rem
	}
  
	.location-information li {
	  margin-bottom: 28px
	}
  
	/* summary-section */
	
	.our-solutions {
	  margin-bottom: 110px;
	}
	.summary-section{
		padding-bottom: 110px
	}
	.glob-box h2 {
	  margin-bottom: 26px
	}
  
	.glob-box-pra {
	  margin-bottom: 30px;
	}
	.result-ltl .head-font {
		font-size: 4rem;
	}
	.result-head {
		font-size: 2rem;

	}
	.glob-box {
	  margin-bottom: 73px
	}
  
	.section-head {
	  font-size: 20rem;
	  letter-spacing: -4px;
	  margin-bottom: 0
	}
  
	.user-detail {
	  margin-bottom:0;
	}
  
	.user-detail img {
	  width:106px;
	  height:106px;
	  margin-right: 12px
	}
	.top-line:before {
		width:106px;
	}
	.testimonial-detail {
	  width: 31%
	}
	.client-detail span {
		font-size: 2rem;
	}
	.client-detail strong {
	  font-size: 2.2rem
	}
  
	.client-speak {
	  font-size: 1.8rem;
	  line-height: 1.5;
	  padding-right: 10px
	}
  
	.testimonial-speek {
	  width: 65%;
	  font-size: 2.6rem;
      font-weight: 600;
	}
  
	/* Our Solutions */
	.features-sec {
	  width: 724px
	}
  
	.oriented-features {
	  margin-bottom: 81px
	}
  
	/* --------------------------- */
	.case-study .container {
	  padding: 0 15px
	}
  
	h1 {
	  font-size: 7.2rem;
	  width: 196px;
	  min-height: 136px
	}
  
	.explaine-project {
	  font-size: 2rem;
	  line-height: 1.55;
	  margin-bottom: 39px
	}
  
	.client-blog {
	  padding: 76px 104px 93px 59px;
	  margin-bottom: 70px
	}
  
	.client-asked {
	  width: 28%;
	  padding-right: 52px
	}
  
	.client-asked h2 {
	  margin-bottom: 51px;
	  padding-right: 30px
	}
  
	.asked-for li {
	  margin-bottom: 17px;
	  padding-left: 23px
	}
  
	.speak-wrap {
	  width: 72%;
	  padding-top: 0;
	  padding-left: 63px
	}
  
	.final-execution {
	  font-size: 2.6rem;
	  margin-bottom: 27px;
	  padding-top: 22px;
	  line-height: 26px
	}
  
	.gallery-overlap,
	.solution-box {
	  width: 100%
	}
  
	.solution-img {
	  max-width: 722px;
	  width: 100%;
	  top: -46px
	}
  
	.cycle-analysis {
	  padding: 62px 60px 20px
	}
  
	.process-wrapper h3 {
	  margin-bottom: 45px
	}
  
	.process-list li {
	  padding: 37px 93px 39px 50px;
	  margin-bottom: 48px
	}
  
	.feature-list li,
	.hightlight-list li {
	  padding-left: 22px
	}
  
	.process-para {
	  max-width: 874px;
	  width: 100%;
	  padding-left: 53px;
	  letter-spacing: normal
	}
  
	.analysi-para {
	  margin-bottom: 39px
	}
  
	.productivity-box {
	  min-height: 142px;
	  padding: 32px 30px 32px 50px;
	  margin-bottom: 50px
	}
  
	.productivity-text {
	  font-size: 2rem;
	  letter-spacing: -.9px
	}
  
	.full-img {
	  margin-top: -71px
	}
  
	.tech-feature {
	  padding: 56px 0
	}
  
	.feature-head {
	  margin-bottom: 67px
	}
  
	.stack-block {
	  padding-left: 20px
	}
  
	.tech-stack {
	  width: 355px
	}
  
	.fz-h4 {
	  font-size: 2rem;
	  margin-bottom: 32px
	}
  
	.feature-list {
	  margin-bottom: 25px
	}
  
	.feature-list li {
	  font-size: 1.8rem;
	  margin-bottom: 17px
	}
  
	.main-feature {
	  width: 240px;
	  padding: 0
	}
  
	.feature-parts {
	  width: 461px;
	  padding: 0 0 0 110px;
	  overflow: hidden;
	  border-left: 2px solid #14151b
	}
  
	.casestudy-testimonial {
	  padding: 92px;
	  margin-bottom: 20px
	}
  
  
	.btn-sec,
	.save-box {
	  width: 35%
	}
   
	.result-para {
	  max-width: 1045px
	}
  
	.save-box {
	  padding: 34px 29px;
	  margin-right: 48px;
	  display: inline-block
	}
  
	.save-box:last-child {
	  width: 46%
	}
  
	.save-box span {
	  font-size: 3rem;
	  line-height: 30px;
	  letter-spacing: -1.5px
	}
  }