.case-study .container {
	max-width: 1290px
}
.banner {
	margin-top: 110px;
	padding: 5px 0 30px;
	overflow: hidden
}
.top-content {
	color: #fff;
	white-space: nowrap;
	letter-spacing: -2px;
	font-size: 5.6rem;
	font-family: 'Proxima Nova Bl';
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #ebe9ea;
	line-height: 1
}
.banner-sec {
	position: relative;
	margin-top: -26px
}
.banner-left {
	max-width: 425px;
	margin-bottom: 36px
}
.lifewell-logo {
	background-color: #e01321;
	width: 200px;
	min-height: 100px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center
}
.lifewell-logo img {
	width: 80%
}
.feature-packaged {
	background-color: #14151b;
	padding: 15px;
	width: 92%
}
.feature-packaged p {
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.25
}
.month-date {
	margin-left: 30px;
	border: 2px solid #14151b;
	font-size: 1.6rem;
	padding: 13px 26px;
	font-weight: 600;
	font-family: 'Proxima Nova Lt'
}
.location-information {
	padding: 40px 0 0 30px
}
.location-information li {
	margin-bottom: 20px
}
.location-information li strong {
	display: block;
	text-transform: uppercase;
	margin-bottom: 6px;
	font-size: 1.4rem;
	color: #999aa1;
	font-weight: 600;
	font-family: 'Proxima Nova Lt'
}
.location-information li span {
	font-size: 1.4rem
}
.summary-section {
	margin-bottom: 50px;
	padding-top: 20px
}
.summary-content {
	max-width: 1050px
}
.section-head {
	display: block;
	color: #fff;
	white-space: nowrap;
	letter-spacing: -2px;
	font-size: 4.8rem;
	line-height: 1;
	margin-bottom: 10px;
	font-family: 'Proxima Nova Bl';
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #ebe9ea
}
.glob-box {
	margin-bottom: 40px
}
.glob-box h2 {
	margin-bottom: 20px;
	font-family: 'Proxima Nova Th';
	font-weight: 700
}
.glob-box p {
	line-height: 1.45
}
.requirments-msg {
	margin-bottom: 30px
}
.requirments-msg p {
	margin-bottom: 28px
}
.requirments-msg p:last-child {
	margin-bottom: 0
}
.client-blog {
	background-color: #fff;
	padding: 30px 15px 5px;
	box-shadow: 0 34px 37.92px 10.08px rgba(0,0,0,.08)
}
.client-asked {
	border-bottom: 2px dotted #14151b
}
.expectation-head {
	max-width: 685px;
	margin-bottom: 30px;
	font-family: 'Proxima Nova Th';
	font-weight: 700
}
.asked-for {
	margin-bottom: 30px
}
.asked-for li {
	font-size: 1.6rem;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative
}
.asked-for li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 5px;
	height: 5px;
	background-color: #dad4d6
}
.speak-wrap {
	padding-top: 22px
}
.final-execution {
	display: block;
	font-size: 1.8rem;
	margin-bottom: 27px;
	line-height: 26px;
	font-family: 'Proxima Nova Th'
}
.top-line {
	position: relative
}
.top-line::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 77px;
	height: 4px;
	background-color: #e01321
}
.user-speak {
	margin-bottom: 20px
}
.parts-type {
	color: #e01321
}
.platform-wrapper {
	padding-top: 20px
}
.platform-sec {
	margin-bottom: 22px
}
.flex-direction {
	flex-direction: row-reverse
}
.platform-box {
	margin-bottom: 20px
}
.decimal-number {
	display: block;
	color: #a0999c;
	line-height: 1;
	text-align: right;
	margin-bottom: 16px;
	border-bottom: 4px solid #14151b;
	font-size: 5.8rem;
	font-family: 'Proxima Nova Bl'
}
.platform-box h3 {
	font-size: 1.8rem;
	margin-bottom: 11px;
	font-family: 'Proxima Nova Bl'
}
.platform-box p {
	line-height: 1.3
}
.platform-gallery {
	max-width: 355px
}
.platform-gallery img {
	width: auto
}
.travell-gallery {
	margin-left: -7px
}
.shopwell-gallery {
	padding-top: 18px
}
.solution-box {
	max-width: 1038px
}
.solution-box p {
	margin-bottom: 20px
}
.solution-gallery {
	max-width: 1680px;
	margin: 0 auto;
	padding-right: 15px
}
.product-development {
	padding-top: 30px
}
.product-head {
	margin-bottom: 25px
}
.product-wrap {
	margin-bottom: 30px;
	overflow-x: scroll;
	padding-bottom: 10px
}
.product-box {
	flex: 0 0 85%;
	margin-right: 15px;
	padding: 20px 15px;
	border-radius: 1px;
	border: 2px solid #d8d4d6
}
.product-box p {
	position: relative;
	padding: 10px 0 0 15px;
	line-height: 1.5
}
.product-box p:before {
	content: "";
	width: 70px;
	height: 2px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #e01321
}
.ever-head {
	margin-bottom: 15px
}
.specialized-para {
	margin-bottom: 28px
}
.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;
	font-family: 'Proxima Nova Th'
}
.technology-feature {
	padding: 25px 0 15px
}
.feature-head {
	margin-bottom: 28px;
	font-family: 'Proxima Nova Th';
	font-weight: 700
}
.feature-list {
	margin-bottom: 30px
}
.feature-list li {
	font-size: 1.6rem;
	position: relative;
	margin-bottom: 12px;
	padding-left: 20px
}
.feature-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 5px;
	height: 5px;
	background-color: #dad4d6
}
.stack-blog {
	border-left: 4px solid #14151b;
	padding-left: 18px
}
.stack-blog h4 {
	font-size: 1.8rem;
	margin-bottom: 26px;
	font-family: 'Proxima Nova Th'
}
.features-section {
	background-color: #f9f8f8;
	padding-bottom: 30px
}
.feature-gallery {
	text-align: right;
	margin-bottom: 30px
}
.features-head {
	margin-bottom: 45px
}
.features-head h2 {
	margin-bottom: 19px
}
.tab-menu {
	margin-bottom: 55px
}
.tab-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.tab-list li {
	margin-right: 30px
}
.tab-list li:last-child {
	margin-right: 0
}
.tab-list li a {
	color: #999aa1;
	position: relative;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: -1px;
	font-family: 'Proxima Nova Th'
}
.tab-list li a.active {
	color: #14151b
}
.tab-list li a:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 10px;
	width: 0;
	height: 3px;
	background-color: #e01321;
	transition: width .3s ease
}
.tab-list li a.active::after {
	width: 100%;
	transition: width .3s ease
}
.tab-box {
	display: none
}
.tab-detail {
	overflow-x: scroll;
	padding-bottom: 10px
}
.tab-detail li {
	flex: 0 0 85%;
	margin-right: 15px
}
.logo-head {
	display: flex;
	align-items: center;
	margin-bottom: 18px
}
.web-logo {
	width: 32px
}
.logo-head h4 {
	width: calc(100% - 40px);
	font-size: 1.8rem;
	letter-spacing: -.3px;
	padding-left: 21px;
	margin-bottom: 0;
	line-height: 1.1;
	font-family: 'Proxima Nova Th'
}
.challenges-section {
	padding: 45px 0 30px
}
.challenges-block {
	margin-bottom: 40px
}
.challenges-block h2 {
	margin-bottom: 20px
}
.challenges-testimonial {
	background-color: #fff;
	padding: 30px 15px;
	margin-bottom: 20px;
	box-shadow: 0 34px 37.92px 10.08px rgba(0,0,0,.08)
}
.challenges-execution {
	display: block;
	font-size: 2rem;
	font-family: 'Proxima Nova Rg';
	padding-top: 20px;
	line-height: 1.3;
	letter-spacing: -.9px;
	margin-bottom: 40px
}
.challenge-info {
	display: flex;
	flex-wrap: wrap
}
.challenge-detail {
	padding-top: 20px;
	align-items: flex-end;
	margin-bottom: 22px
}
.challenge-detail img {
	display: block;
	width: 106px;
	height: 106px;
	margin-right: 12px
}
.pm-detail {
	background-color: #14151b;
	padding: 12px
}
.pm-detail span {
	color: #fff;
	font-size: 1.4rem;
	display: block;
	margin-bottom: 2px
}
.pm-detail strong {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: 'Proxima Nova Th'
}
.challenge-speak {
	font-size: 1.6rem;
	line-height: 1.3;
	padding-right: 10px;
	font-weight: 700
}
.result-wrapper {
	padding-bottom: 50px
}
.result-wrap {
	background-color: #fff;
	padding: 10px 15px 20px;
	box-shadow: 0 34px 37.92px 10.08px rgba(0,0,0,.08)
}
.color-info {
	background-color: #e01321;
	color: #fff;
	padding: 0 6px;
	margin-bottom: 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: all .5s;
	background-color: #02789e;
	border: 2px solid #02789e
}
.btn-grow:hover {
	background-color: transparent
}
@media all and (min-width: 375px) {
	.top-content {
		font-size: 6.6rem
	}
	.section-head {
		font-size: 5.8rem
	}
}
@media all and (min-width: 576px) {
	.section-head {
		font-size: 8rem
	}
	.platform-sec {
		margin-bottom: 22px;
		display: flex
	}
	.platform-box {
		width: 213px;
		margin-bottom: 0
	}
	.platform-gallery {
		width: 240px
	}
	.product-box {
		flex: 0 0 55%
	}
	.productivity-box {
		flex: 0 0 45%
	}
	.tab-list li {
		margin-right: 70px
	}
	.tab-detail {
		overflow: visible;
		padding-bottom: 0;
		flex-wrap: wrap
	}
	.tab-detail li {
		flex: 0 0 auto;
		width: 50%;
		padding-right: 25px;
		margin-right: 0;
		margin-bottom: 45px
	}
}
@media all and (min-width: 768px) {
	.top-content {
		font-size: 13.2rem
	}
	.lifewell-logo {
		width: 250px;
		min-height: 130px
	}
	.banner-sec {
		margin-top: -65px
	}
	.banner-left {
		max-width: 340px;
		margin-bottom: 0
	}
	.mylife-banner {
		position: absolute;
		right: -23px;
		bottom: 0;
		width: 45%
	}
	.section-head {
		font-size: 11rem
	}
	.client-blog {
		padding: 40px 25px
	}
	.expectation-head {
		margin-bottom: 40px
	}
	.client-asked {
		width: 36%;
		height: 100%;
		padding: 0 15px 70px 0;
		border: none;
		background: url(../images/contact-seprater.svg);
		background-position: right top;
		background-repeat: repeat-y;
		background-size: 2px;
		position: sticky;
       top: 140px;
	}
	.asked-for {
		margin-bottom: 0
	}
	.speak-wrap {
		width: 62%;
		padding-top: 0;
		padding-left: 30px
	}
	.platform-sec {
		display: block
	}
	.platform-box {
		width: auto;
		margin-bottom: 25px
	}
	.product-box {
		flex: 0 0 45%
	}
	.productivity-wrap {
		overflow: visible;
		padding-bottom: 0;
		flex-wrap: wrap
	}
	.productivity-box {
		flex: 0 0 auto;
		width: 48%;
		margin: 0 0 25px 0;
		padding: 25px
	}
	.best-practice {
		width: 50%
	}
	.feature-list li {
		margin-bottom: 18px
	}
	.technology-stack {
		width: 40%
	}
	.tab-menu {
		margin-bottom: 75px
	}
	.tab-list li a {
		font-size: 3rem;
		line-height: 28px
	}
	.tab-detail li {
		padding-right: 70px
	}
	.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%
	}
}
@media all and (min-width: 992px) {
	.mylife-banner {
		width: 50%;
		right: -30px
	}
	.top-content {
		font-size: 16.5rem
	}
	.section-head {
		font-size: 13.5rem
	}
	.client-blog {
		padding: 45px 35px
	}
	.expectation-head {
		margin-bottom: 60px
	}
	.asked-for li {
		font-size: 1.8rem;
		margin-bottom: 15px
	}
	.speak-wrap {
		width: 64%
	}
	.platform-sec {
		display: flex
	}
	.platform-box {
		width: 213px;
		margin-bottom: 0
	}
	.platform-gallery {
		width: 230px
	}
	.product-wrap {
		overflow: visible;
		padding-bottom: 0
	}
	.product-box {
		flex: 0 0 auto;
		width: 30%;
		margin-right: 0
	}
	.productivity-box {
		width: 30%;
		margin: 0 0 35px 0
	}
	.feature-gallery {
		margin-bottom: 60px
	}
	.tab-list li {
		margin-right: 100px
	}
	.tab-detail li {
		width: 33%
	}
	.challenges-testimonial {
		padding: 45px
	}
	.challenge-info {
		flex-wrap: initial
	}
	.challenge-speak {
		width: 62%
	}
	.result-wrap {
		padding: 45px
	}
}
@media all and (min-width: 1024px) {
	.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
	}
}
@media all and (min-width: 1200px) {
	p {
		font-size: 1.8rem
	}
	.top-content {
		font-size: 20.2rem
	}
	.location-information li {
		margin-bottom: 30px
	}
	.mylife-banner {
		width: 60%;
		right: -36px;
		top: 0
	}
	.section-head {
		font-size: 16rem
	}
	.client-blog {
		padding: 55px
	}
	.client-asked {
		width: 30%
	}
	.speak-wrap {
		padding-left: 50px
	}
	.product-development {
		background-color: #fff;
		padding: 50px 50px 15px;
		margin-top: -100px;
		position: relative;
		z-index: 1;
		box-shadow: 0 34px 37.92px 10.08px rgba(0,0,0,.08)
	}
	.product-head {
		margin-bottom: 40px
	}
	.product-box {
		padding: 30px
	}
	.product-box p {
		padding: 20px 0 0 20px
	}
	.product-wrap {
		margin-bottom: 60px
	}
	.specialized-para {
		margin-bottom: 40px
	}
	.technology-feature {
		padding: 55px 0 50px
	}
	.feature-head {
		margin-bottom: 55px
	}
	.tab-detail li {
		width: 25%;
		padding-right: 50px
	}
	.challenges-section {
		padding: 60px 0 30px
	}
	.challenges-testimonial {
		padding: 55px
	}
	.challenges-execution {
		font-size: 2.4rem;
		margin-bottom: 70px
	}
	.challenge-speak {
		font-size: 2rem
	}
	.result-wrapper {
		padding-bottom: 90px
	}
	.btn-sec {
		width: 28%
	}
}
@media all and (min-width: 1280px) {
	.case-study .container {
		padding: 0 3%
	}
}
@media all and (min-width: 1366px) {
	.mylife-banner {
		right: -70px
	}
	.platform-sec {
		margin-bottom: 40px
	}
	.client-asked {
		padding: 0 15px 100px 0
	}
	.tab-detail li {
		margin-bottom: 60px
	}
	.challenge-speak {
		width: 71%
	}
}
@media all and (min-width: 1400px) {
	.mylife-banner {
		right: -88px
	}
}
@media all and (min-width: 1440px) {
	.case-study .container {
		padding: 0 15px
	}
	.banner {
		padding: 5px 0 30px
	}
	.top-content {
		letter-spacing: -6px;
		font-size: 25rem
	}
	.banner-sec {
		margin-top: -100px
	}
	.banner-left {
		max-width: 425px;
		padding-right: 23px
	}
	.lifewell-logo {
		width: 292px;
		min-height: 180px;
		margin-bottom: 45px
	}
	.lifewell-logo img {
		width: auto
	}
	.feature-packaged {
		padding: 14px 38px 13px 20px
	}
	.feature-packaged p {
		color: #fff;
		font-size: 1.8rem;
		letter-spacing: -.2px
	}
	.location-information {
		padding: 47px 0 0 58px
	}
	.location-information li {
		margin-bottom: 27px
	}
	.mylife-banner {
		width: 836px;
		right: -170px;
		top: -21px
	}
	.summary-section {
		margin-bottom: 60px;
		padding-top: 27px
	}
	.section-head {
		letter-spacing: -4px;
		font-size: 20rem;
		margin-left: -9px
	}
	.glob-box {
		margin-bottom: 73px
	}
	.glob-box h2 {
		margin-bottom: 26px
	}
	.client-blog {
		padding: 76px 85px 77px 59px
	}
	.expectation-head {
		margin-bottom: 48px
	}
	.client-asked {
		width: 28%;
		padding: 0 52px 143px 0
	}
	.client-asked {
		width: 28%;
		padding: 0 52px 147px 0
	}
	.asked-for li {
		margin-bottom: 16px;
		padding-left: 23px
	}
	.speak-wrap {
		width: 72%;
		padding: 0 2px 0 54px
	}
	.user-speak {
		line-height: 1.5;
		margin-bottom: 27px
	}
	.platform-wrapper {
		padding-top: 17px;
		padding-right: 33px
	}
	.platform-sec {
		margin-bottom: 6px
	}
	.platform-box {
		padding-top: 91px
	}
	.decimal-number {
		font-size: 7.2rem
	}
	.platform-box h3 {
		font-size: 2rem
	}
	.platform-box p {
		line-height: 1.2
	}
	.platform-gallery {
		width: 355px
	}
	.travell-box {
		margin-right: 124px;
		padding-top: 85px
	}
	.travell-gallery {
		margin-left: -7px
	}
	.shopwell-box {
		margin-left: 4px;
		padding-top: 103px
	}
	.shopwell-gallery {
		padding-top: 18px
	}
	.solution-gallery {
		padding-right: 30px
	}
	.solution-box p {
		margin-bottom: 30px
	}
	.product-development {
		margin-top: -136px;
		padding: 62px 60px 11px
	}
	.product-head {
		margin-bottom: 45px
	}
	.product-wrap {
		margin-bottom: 79px
	}
	.product-box {
		padding: 41px 33px
	}
	.product-box p {
		padding: 15px 0 0 20px
	}
	.ever-head {
		margin-bottom: 15px
	}
	.specialized-para {
		margin-bottom: 41px
	}
	.productivity-box {
		width: 30%;
		min-height: 142px;
		padding: 32px 30px 32px 50px;
		margin: 0 0 50px 0
	}
	.productivity-text {
		padding-left: 25px;
		font-size: 2rem;
		letter-spacing: -.9px
	}
	.technology-feature {
		padding: 75px 0
	}
	.feature-head {
		margin-bottom: 67px
	}
	.technology-sec {
		margin-top: -21px
	}
	.best-practice {
		width: 653px
	}
	.feature-list {
		margin-bottom: 54px
	}
	.feature-list li {
		margin-bottom: 16px;
		padding-left: 22px
	}
	.technology-stack {
		width: 506px
	}
	.stack-blog h4 {
		font-size: 2rem;
		margin-bottom: 32px
	}
	.feature-list li {
		font-size: 1.8rem;
		padding-left: 22px;
		margin-bottom: 16px
	}
	.features-section {
		padding-bottom: 47px
	}
	.feature-gallery {
		margin-bottom: 61px
	}
	.features-head {
		margin-bottom: 73px
	}
	.features-head h2 {
		margin-bottom: 19px
	}
	.features-head p {
		font-size: 1.6rem;
		letter-spacing: .91px
	}
	.tab-menu {
		margin-bottom: 86px
	}
	.tab-list li {
		margin-right: 103px
	}
	.tab-detail li {
		width: 25%;
		padding-right: 35px;
		margin-bottom: 52px
	}
	.logo-head {
		margin-bottom: 22px
	}
	.logo-head h4 {
		font-size: 2rem
	}
	.tab-detail li p {
		font-size: 1.6rem
	}
	.challenges-section {
		padding: 70px 0
	}
	.challenges-block {
		margin-bottom: 52px
	}
	.challenges-block h2 {
		margin-bottom: 30px
	}
	.challenges-block p {
		line-height: 1.5
	}
	.challenges-testimonial {
		padding: 76px 58px;
		margin-bottom: 20px
	}
	.challenges-execution {
		font-size: 2.6rem;
		padding-top: 20px;
		line-height: 31px;
		letter-spacing: -.5px;
		padding-right: 12px;
		margin-bottom: 53px
	}
	.challenge-detail {
		width: 30%;
		padding-top: 34px;
		margin-bottom: 0
	}
	.pm-detail strong {
		font-size: 1.6rem
	}
	.challenge-speak {
		width: 67%;
		font-size: 1.8rem;
		line-height: 1.5
	}
	.result-wrapper {
		padding-bottom: 120px
	}
	.result-wrap {
		padding: 92px
	}
	.btn-sec {
		width: 35%
	}
}
@media all and (min-width: 1680px) {
	.mylife-banner {
		right: -202px
	}
}
@media all and (min-width: 1920px) {
	.mylife-banner {
		right: -322px
	}
	.solution-gallery {
		max-width: 1920px
	}
	.features-section {
		max-width: 1920px;
		margin: 0 auto;
		position: relative
	}
}