/*== Our Story css ===*/
/*-- (2) OS-message section --*/
.OS-message-section {
	margin-top: 150px;
	color: var(--fontcolor-secondary);
}
.OS-message-section .message-image {
	text-align: center;
}
.OS-message-section .message-image img {
	height: 270px;
	width: auto;
}
.OS-message-section .heading{
	display: block;
	text-align: center;
	font-size: 72px;
	margin-top: 21px;
	font-family: var(--fontfamily-caveat-brush);
	/*var(--fontfamily-secondary);
	*/
	line-height: 1.4;
	font-weight: 400;
}
.OS-message-section .heading-mobile {
	display: none;
}
.OS-message-section .sub-heading{
	display: block;
	text-align: center;
	font-size: 18px;
	width: 70%;
	margin: 0 auto;
	line-height: 1.4;
}
.OS-message-section .sub-heading-mobile {
	display: none;
}
/*-- OS val section --*/
.OS-val {
	margin-top: 120px;
	margin-bottom: 12px;
}
.val-wrapper {
	padding: 96px 12px 60px 12px;
	margin-left: 9px;
	margin-right: 9px;
	background: linear-gradient(180deg, rgb(216,233,246), RGB(245,249,252));
}
.val-headline {
	font-size: 42px;
	color: black;
	font-weight: 600;
	text-align: center;
	font-family: var(--fontfamily-tertiary);
	margin-bottom: 30px;
}
.val-headline .line-1 {
	font-size: 24px;
	line-height: 1;
	font-weight: 400;
}
.val-headline .line-2 {
	line-height: 1;
}
.val-body {
	width: 600px;
	text-align: center;
	margin-bottom: 60px;
}
.val-icon {
	width: 100px;
	height: 100px;
}
.val-icon img {
	width: 100%;
	height: 100%;
}
/*-- (3) OS-values--*/
.OS-values {
}
.OS-values .heading {
	text-align: center;
	font-size: 48px;
	font-family: var(--fontfamily-tertiary);
	line-height: 1.2;
	margin-bottom: 48px;
}
.OS-values .heading .part-1 {
	color: var(--fontcolor-tertiary);
}
.OS-values .heading .part-2 {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	white-space: nowrap;
	color: black;
}
.values-wrapper {
	display: flex;
	justify-content: space-between;
	margin-left: -9px;
	margin-right: -9px;
	margin-bottom: 18px;
}
.values-wrapper .left {
	width: 33.3%;
	margin: 0 9px;
	height: 472px;
	border-radius: 18px;
}
.values-wrapper .middle {
	width: 33.3%;
	margin: 0 9px;
	height: 472px;
	border-radius: 18px;
}
.values-wrapper .right {
	width: 33.3%;
	margin: 0 9px;
	height: 472px;
	border-radius: 18px;
}
.OS-values-icon {
	height: 140px;
	width: 140px;
	margin-bottom: 36px;
}
.OS-values-header {
	text-align: center;
	padding: 0 24px;
	font-size: 36px;
	/*48px;
	*/
	line-height: 1.0;
	font-family: var(--fontfamily-caveat-brush);
}
.OS-values-tagline {
	text-align: center;
	padding: 24px;
	font-size: 16px;
	line-height: 1.4;
	width: 80%;
	opacity: 0.85;
}

/* founder message section*/
.founder-msg {
	margin-top: 120px;
	margin-bottom: 12px;
}
.msg-wrapper {
	padding: 60px 12px 96px 12px;
	margin-left: 9px;
	margin-right: 9px;
	/*background: linear-gradient(180deg, rgb(210,128,131), RGB(242,221,224));
	*/
	background: linear-gradient(180deg, rgb(41,219,216), RGB(20,26,107));
}
.msg-heading {
	font-size: 36px;
	margin-top: 30px;
	margin-bottom: 24px;
	font-family: var(--fontfamily-tertiary);
}
.msg-name {
	color: rgba(41,219,216, 0.8);
	font-weight: 400;
	text-align: left;
	font-family: var(--fontfamily-tertiary);
	align-self: flex-start;
	margin-top: 60px;
}
.msg-name .line-1 {
	font-size: 18px;
	/*24 px*/
	line-height: 1.1;
}
.msg-name .line-2 {
	line-height: 1;
	font-size: 16px;
	/*18 px*/
}
.msg-body {
	width: 600px;
	text-align: left;
	color: white;
	font-family: var(--fontfamily-lato);
	font-style: Italic;
	font-weight: 600;
	font-size: 21px;
}
.msg-icon {
	width: 100px;
	height: 100px;
}
.msg-icon img {
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 768px) {
	/*-- (2) PC-message section --*/
	.OS-message-section {
		margin-top: 96px;
	}
	.OS-message-section .heading{
		display: none;
	}
	.OS-message-section .heading-mobile {
		display: block;
		text-align: center;
		margin-top: 30px;
		font-family: var(--fontfamily-caveat-brush);
		line-height: 1.1;
		font-size: 54px;
		margin-bottom: 18px;
	}
	.OS-message-section .sub-heading {
		display: none;
	}
	.OS-message-section .sub-heading-mobile{
		display: block;
		text-align: center;
		font-size: 16px;
		width: 90%;
		line-height: 1.4;
		margin: 0 auto;
	}
	/*-- (3) OS-values section --*/
	/*-- OS val section --*/
	.OS-val {
		margin-top: 120px;
		margin-bottom: 12px;
		background: linear-gradient(180deg, rgb(216,233,246), RGB(245,249,252));
	}
	.val-wrapper {
		padding: 96px 12px 48px 12px;
		margin-left: -9px;
		margin-right: -9px;
		background: none;
	}
	.val-headline {
		font-size: 36px;
		margin-bottom: 30px;
	}
	.val-headline .line-1 {
		font-size: 22px;
	}
	.val-headline .line-2 {
	}
	.val-body {
		width: 96%;
		margin-bottom: 60px;
	}
	.val-icon {
		width: 80px;
		height: 80px;
	}
	.val-icon img {
	}
	.OS-values {
	}
	.OS-values .heading {
		font-size: 36px;
		margin-bottom: 48px;
	}
	.values-wrapper {
		flex-direction: column;
	}
	.values-wrapper .left {
		width: 100%;
		height: 500px !important;
		margin: 0px 0px 9px 0px;
		background-color: blue;
	}
	.values-wrapper .middle {
		width: 100%;
		height: 500px !important;
		margin: 9px 0px 9px 0px;
	}
	.values-wrapper .right {
		width: 100%;
		height: 500px !important;
		margin: 9px 0px 0px 0px;
	}
	.OS-values-header {
		font-size: 42px;
		line-height: 1.0;
		padding: 0 24px;
	}
	.OS-values-tagline {
		font-size: 18px;
		line-height: 1.4;
		padding: 12px;
		width: 80%;
		opacity: 0.85;
	}
	/* founder message section*/
	.founder-msg {
		margin-top: 120px;
		margin-bottom: 12px;
		background: linear-gradient(180deg, rgb(41,219,216), RGB(20,26,107));
	}
	.msg-wrapper {
		padding: 48px 12px 96px 12px;
		margin-left: -9px;
		margin-right: -9px;
		background: none;
	}
	.msg-name {
	}
	.msg-name .line-1 {
		font-size: 18px;
		line-height: 1.2;
	}
	.msg-name .line-2 {
		font-size: 16px;
	}
	.msg-body {
		width: 96%;
		/*margin-bottom: 60px;
		*/
		font-weight: 500;
		font-size: 18px;
		margin-top: 12px;
		line-height: 1.4;
	}
	.msg-icon {
		width: 80px;
		height: 80px;
	}
}