* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
p {
	margin-bottom: 0;
}
.m-gif-combo {
	position: relative;
	width: 100%;
	z-index: 2;
}

.m-gif-combo img {
	width: 100%;
}
.extended-banner img {
	position: relative;
	width: 100%;
}
.process-section-bg>img{
	width: 100%;
	height: auto;
}
.extended-banner>img{
	height: auto
}
.process-section{
	height: 535px;
	position: relative;
}
.process-section-bg{
	height: auto;
	position: absolute;
	bottom: 0;
}
.m-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	width: 100%;
	justify-content: center;
}
.m-content-inner-1 {
	margin-right: 70px;
	margin-top: 80px;
}
.m-content-inner-1 {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}
.m-content-inner-1 img {
	width: 60%;
}
.m-content-inner-3 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.m-content-inner-3 img {
	width: 60%;
}
.m-content-inner-2 {
	display: flex;
	justify-content: center;
	margin-left: 5%;
	align-items: center;
}
.m-content-inner-2 img {
	width: 80%;
	height: 100%;
}
.m-content-inner-3 {
	margin-left: 70px;
	margin-top: 80px;
}
.extended-banner{
	position: relative;
	height: auto;
}
.extended-banner-content {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%,-0%);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.extend-flex-container {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: flex-start;
	padding-top: 40px;
}
.ex-fl {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.ex-fl img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}
.ex-fl p {
	color: rgba(255, 255, 255, 0.80);
	font-size: 10px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 1px;
	text-align: center;
}
.vertical-seperation{
	background:#ECEFFF;
	position: relative;
	top: 10px;
	opacity: 0.5;
	width:2px;
	height:40px;
}
.extend-3 p {
	color: #8E94D5;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.72px;
	padding-top: 40px;
}
.extend-1-heading,
.extend-1-context {
	text-align: center;
}
.extend-1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: center;
	padding-bottom: 25px;
	padding-top: 12px;
}
.extend-2 img {
	width: 80px;
	height: 80px;
	object-fit: contain;
}
.extend-0 img {
	width: 150px;
}
.extend-1-heading {
	color: #FFF;
	font-size: 33px;
	font-weight: 400;
	letter-spacing: 1.84px;
}
.extend-1-context {
	color: #C6CBFF;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	opacity: 0.8;
}
.waves-bg img {
	width: 100%;
}
.flex-div-1,.flex-div-2,.flex-div-3 {
	display: flex;
	align-items: center;
}
.flex-content-container {
	display: flex;
    gap: 40px;
}
.flex-content-container>div{
    width: 345px;
}
.flex-content-container>div {
	display: flex;
	gap: 15px;
	align-items: center;
	width: max-content;
}
.process-heading{
    color: #A7ABE0;
	font-size: 28px;
	margin-left: 140px;
	font-weight: 400;
	line-height: 150%; /* 57px */
	padding-bottom: 40px ;
}
.flex-div-2{
	margin-left: 100px;
}
.flex-div-2 .flex-content-container{
	gap: 100px;
}
.flex-div-1,.flex-div-2,.flex-div-3{
    padding: 10px 20px;
    border: 1px solid #7C86FA;
    border-radius: 16px;
    width: max-content;
    margin-bottom: 40px;
	gap: 40px;
}
.flex-div-3{
    float: right;
}
.dot-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    width: max-content;
    margin-right: 20px;
}
.flex-content-container p{
    color: #A7ABE0;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px; 
}
.dot-container p{
    color: #99A0F4;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px; 
}
.blue-frame {
	width: 100%;
	background: url('https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/maunda/bg-frame-c.png') , linear-gradient(108deg, #24016E 0%, #48018B 100%);
	background-repeat: repeat;
}
.custom-container {
	width: 80%;
	max-width: 1400px;
	margin: auto;
}
.ceo-section {
	padding-top: 100px;
}
.ceo-inner {
	position: relative;
	border-radius: 36px;
	border: 3px solid var(--button, #A3ABFF);
	height: 212px;
	display: flex;
	justify-content: space-evenly;
	padding: 20px;
	align-items: center;
}
.ceo-detail {
	display: flex;
	gap: 30px;
	justify-content: center;
	align-items: center;
}
.ceo-detail>img {
	width: 120px;
	height: 120px;
}
.ceo-name {
	color: #A7ABE0;
	font-size: 22px;
	font-weight: 600;
	line-height: 40px;
}
.ceo-ceo {
	color: #A7ABE0;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.vertical-ceo-line {
	position: relative;
	display: inline-block;
	width: 2px;
	height: 40%;
	background-color: #A5ACF3;
	opacity: 0.2;
}
.ceo-quotes {
	position: absolute;
	top: 16%;
	right: 3%;
}
.ceo-quotes img {
	width: 30px;
	height: 27px;
	opacity: 0.8;
}
.ceo-feedback p {
	color: #8E95E4;
	font-size: 23px;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: -0.8px;
}
.design-heading {
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	opacity: 0.8;
}
.design-tools-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.product-design-1,
.programming-1 {
	display: flex;
	gap: 100px;
	padding-bottom: 60px;
}
.product {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.product p {
	text-align: center;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.2px;
}
.product-design-2 .product,
.programming-2 .product {
	align-items: flex-start;
}
.product-heading {
	padding: 64px 0px 54px 0px;
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 10px;
	opacity: 0.5;
}
.streak-images {
	display: flex;
	right: 11%;
	gap: 35px;
	justify-content: flex-start;
	top: -125px;
	position: relative;
	width: max-content;
	margin: auto;
	overflow-x: scroll;
}
.streak-images img {
	width: 230px;
}
.streak-container-inner {
	position: relative;
	z-index: 3;
}
.streak-container {
	position: relative;
	padding: 100px 0px;
}
.rectangle-bg {
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.20);
	box-shadow: 10px 10px 80px 0px rgba(249, 249, 249, 0.20);
	width: 90%;
	margin: auto;
	height: 450px;
	position: absolute;
	max-width: 1400px;
	top: 50%;
	z-index: 2;
	left: 50%;
	transform: translate(-50%, -50%);
}
.nature-container {
	position: relative;
	z-index: 2;
	padding-bottom: 100px;
}
.nature-vector-bg {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 1;
}
.nature-vector-bg img {
	width: 100%;
}
.nature-collection {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 3;
}
.nature-collection img {
	width: 100%;
}
.nature-collection-1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 60px;
}
.nature-collection-1 img:nth-child(1) {
	width: 80%;
	left: 5%;
	position: relative;
}
.meditation-flex {
	display: flex;
	justify-content: center;
	gap: 30px;
	position: relative;
	z-index: 3;
	top: -125px;
	overflow-x: scroll;
	left: 11%;
}
.meditation-flex img {
	width: 230px;
}
.meditation-container {
	position: relative;
	padding: 150px 0px 100px 0px;
}
.meditation-rectangle-bg {
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.20);
	box-shadow: 10px 10px 80px 0px rgba(249, 249, 249, 0.20);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 100%;
	height: 400px;
}
.meditation-heading {
	color: #FFF;
	font-size: 38px;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 30px;
}
.meditation-context-c {
	color: #8E94D5;
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
}
.left-girl-flex .girl-point:nth-child(1){
	margin-left: -25px;
}
.left-girl-flex .girl-point:nth-child(3){
	margin-left: 20px;
}
.girl-point {
	display: flex;
	gap: 15px;
	justify-content: center;
	padding-bottom: 75px;
	align-items: center;
}
.girl-point>span:nth-child(1) {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF10;
	border: 2px solid #5C619C;
	box-shadow: 10px 10px 40px 0px #00000005;
	color: #CAD6FF;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.24px;
}
.girl-point-context {
	color: #8E94D5;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.18px;
}
.girl-container {
	padding: 100px 0px;
}
.girl-container-inner {
	display: flex;
	justify-content: center;
	align-items: center;
}
.girl-image img {
	width: 350px;
}
.journal-container-inner {
	display: flex;
	justify-content: center;
}
.journal-container-inner img {
	width: 80%;
}
.font-1-inner1 p:nth-child(1) {
	color: #B5BBFF;
	font-size: 26px;
	font-weight: 400;
}
.font-1-inner1 p:nth-child(2) {
	color: #B4B9FF;
	font-size: 26px;
	font-weight: 700;
}
.font-1 div,
.font-2 div,
.font-3 div {
	width: 300px;
}
.font-2-inner1 img {
	width: 100%;
}
.font-2 {
	display: flex;
	flex-direction: column;
	gap: 45px;
}
.font-3 {
	display: flex;
	flex-direction: column;
	gap: 45px;
}
.font-3-inner1 img {
	height: 100%;
	width: 24%;
}
.font-1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 70px;
}
.journal-container{
	padding-top: 100px;
}
.meditation-rectangle-bg{
	width: 80%;
	max-width: 1400px;
}
.color-div {
	height: 100px;
	width: 300px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.18px;
}
.f-color-1 {
	background: var(--button, #A3ABFF);
}
.f-color-2 {
	background: var(--theme-color, #C6CAFD);
	color: #24283E;
}
.f-color-3 {
	background: #24283E;
	color: var(--theme-color, #C6CAFD);
}
.font-context {
	color: #B8BDF4;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.18px;
	padding-top: 15px;
}
.font-container-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.points-1,.points-2 {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
}
.m-point {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.m-point>span:nth-child(1) {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 36px;
	position: relative;
}
.m-color1 {
	background-color: #FFCC3F;
}
.m-color2 {
	background-color: #3894FF;
}
.m-color3 {
	background-color: #FF7B1C;
}
.m-color4 {
	background-color: #1AB44F;
}
.meditate-points {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 50px;
	padding-top: 30px;
}
.m-point>span:nth-child(2) {
	color: rgba(255, 255, 255, 0.60);
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
}
.meditate-context {
	color: #8E94D5;
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
}
.meditation-heading {
	color: #A7ABE0;
	font-size: 33px;
	font-weight: 700;
	line-height: 150%;
}
.native-heading {
	color: #FFF;
	font-size: 33px;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 30px;
}
.react-native-two img {
	width: 700px;
}
.react-native-inner {
	display: flex;
	justify-content: center;
	align-content: center;
	position: relative;
}
.react-native {
	margin: 150px 0px;
}
.circles-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.circles-bg img {
	width: 800px;
}
.react-native-one,
.react-native-two {
	position: relative;
	width: 50%;
	z-index: 3;
}
.flow-chart-outer-container {
	position: relative;
}
.flow-left-cut-div {
	position: absolute;
    left: -17%;
    top: 10%;
    z-index: -1;
}
.flow-left-cut-div img {
	width: 350px;
}
.content-circle{
	z-index: 2;
	position: relative;
}
.roundedd-ellipsee{
	z-index: 1;
	position: relative;
	left: -65%;
    top: 70px;
    width: 429px;
}
.flow-heading {
	color: #A7ABE0;
	font-size: 33px;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 50px;
}
.flow-context {
	color: #8E94D5;
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
}
.pme-section {
	position: relative;
	margin-bottom: 100px;
}
.circles-ellipses {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.pme-inner {
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pme-heading {
	color: #A7ABE0;
	font-size: 33px;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 50px;
}
.pme-context {
	color: #8E94D5;
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
}
.pme-dot {
	position: absolute;
	top: 2%;
	left: 0;
}
.circles-ellipses img {
	width: 800px;
}
.pme-dot img {
	width: 100px;
	height: 100px;
}
.connect-section-inner {
	display: flex;
	gap: 110px;
}
.iphones-stack {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.iphones-stack img {
	width: 250px;
}
.iphones-stack img:nth-child(1) {
	position: relative;
	top: -100px;
}
.iphones-stack img:nth-child(3) {
	position: relative;
	top: 100px;
}
.connect-heading {
	color: #A7ABE0;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	padding-bottom: 30px;
	margin-left: -38px;
}
.connect-heading .icon {
	padding-right: 15px;
	width: 33px;
	float: left;
}
.connect-heading .content{
	width: calc(100% - 33px);
	float: left;
}
.connect-context-inner {
	color: #8E94D5;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}
.iphone-top {
	width: 30%;
}
.iphone-top img {
	width: 250px;
	z-index: 3;
	position: relative;
}
.connect-context {
	width: 70%;
}
.iphone-top {
	position: relative;
}
.white-shade {
	border-radius: 488px;
	opacity: 0.8;
	background: linear-gradient(235deg, #C6CAFD 10.54%, #7C86FA 99.69%);
	filter: blur(127.5px);
	width: 300px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.connect-section {
	padding-top: 50px;
	padding-bottom: 80px;
}
.pme-one {
	width: 55%;
}
.pme-two {
	width: 40%;
}
.pme-two img {
	width: 120%;
	width: 120%;
	margin-top: 15%;
}
.flow-inner-two {
	padding-top: 50px;
}
.flow-inner-two img {
	width: 100%;
}
.flow-inner-one {
    width: 80%;
    margin-left: auto;
}
.flow-chart-container {
	position: relative;
	z-index: 3;
	padding-top: 90px;
}
.flaw-heading {
	color: #A7ABE0;
	font-size: 33px;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 30px;
}
.flaw-context {
	color: #8E94D5;
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
}
.flawless-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}
.falwless-one {
	width: 50%;
}
.flawless-two img {
    width: auto;
    position: relative;
    right: -60px;
    height: 625px;
}
.wireframe-heading {
	color: #A7ABE0;
	font-size: 33px;
	font-weight: 400;
	line-height: 150%;
}
.wireframe-heading span {
	font-weight: 700;
}
.wire-rect {
	border-radius: 35px;
	background: rgba(255, 255, 255, 0.10);
	backdrop-filter: blur(7.7155561447143555px);
	width: 80%;
	max-width: 1400px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.wire-images {
	position: relative;
	padding: 0px 0px 150px 0px;
}
.wire-flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	position: relative;
	top: 140px;
	margin: auto;
	overflow-x: scroll;
	left: 15%;
}
::-webkit-scrollbar {
    display: none;
}
.wire-flex img {
	width: 200px;
}
.smooth-flow-chart img {
	width: 90%;
}
.flawless-container{
	padding-top: 70px;
	position: relative;
	width: max-content;
	margin: auto;
	max-width: 1400px;
	left: 5%;
}
.smooth-flow{
	padding-top: 50px;
}
.smooth-flow-heading {
	color: #A7ABE0;
	font-size: 33px;
	font-weight: 400;
	line-height: 46px;
	padding-bottom: 30px;
	text-align: center;
}
.smooth-flow-context {
	color: #8E94D5;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.18px;
}
.smooth-flow-chart{
	padding-top: 100px;
}
.research-container{
	padding-top: 50px;
}
.research-heading {
	color: #A7ABE0;
	font-size: 33px;
	font-weight: 400;
	line-height: 46px;
	padding-bottom: 30px;
}
.research-context {
	color: #8E94D5;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.18px;
}
.research-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.research-flex div {
	width: 50%;
}
.research-flex div img {
	width: 100%;
}
.user-details {
	border-radius: 40px;
	background: linear-gradient(185.92deg, #5422BF 33.08%, #643BBD 81.25%);
	padding: 20px;
	width: max-content;
}
.user-heading {
	color: #DBD4FF;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	opacity: 0.3;
}
.aud-1 .user-heading{
	padding: 20px 0px;

}
.user-details-inner p {
	color: #B8C3FF;
	font-size: 18px;
	font-weight: 400;
	line-height: 38px;
}
.goals-heading,
.frus-heading,
.motive-heading {
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
}
.goals-heading p,
.frus-heading p,
.motive-heading p {
	color: #9CAAF8;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.48px;
	left: -25px;
	position: relative;
}
.goals {
	width: max-content;
	padding: 20px 10px;
	border-radius: 40px;
	background: linear-gradient(185.92deg, #5422BF 33.08%, #643BBD 81.25%);
	box-shadow: 10px 10px 80px 0 #F9F9F933;
}

.goals-details p,
.frus-details p,
.motive-context p {
	color: #B5BAFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
	margin-left: 20px;
}
.frustration, .motive {
	border-radius: 40px;
	background: linear-gradient(185.92deg, #5422BF 33.08%, #643BBD 81.25%);
	box-shadow: 10px 10px 80px 0 #F9F9F933;
	width: max-content;
	padding: 20px;
}

.review-container-inner {
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
}
.user-details-inner{
	padding-top: 20px;
}
.review-container {
	border-radius: 40px;
	background: #7C86FA;
	width: max-content;
	padding: 100px 20px 40px 20px;
}

.audience-heading {
	color: #FFF;
	text-align: center;
	font-size: 33px;
	font-weight: 400;
	letter-spacing: 0.76px;
	padding-bottom: 100px;
}

.aud-1,
.aud-2,
.aud-3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.linear-bg-blue {
	padding-bottom: 120px;
	background: linear-gradient(180deg, #1F2567 6.83%, rgba(40, 45, 101, 0.257737) 73.26%, rgba(40, 45, 101, 0) 100%);
}

.audience-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
.process-inner-details{
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -0%);
	display: flex;
	justify-content: center;
	padding-bottom: 100px;
}
.cut-shape img{
	width: 100%;
	top: 85px;
	position: relative;
}
.flex-div-1:hover, .flex-div-2:hover, .flex-div-3:hover{
	background-color: #9498F050;
	color: #fff;
	box-shadow: 10px 10px 40px 0px #0000000D;
}
.flex-div-1:hover p, .flex-div-2:hover p, .flex-div-3:hover p{
	color:#fff;
}
@media screen and (min-width:1700px){
	.blue-frame{
	background-size: cover;

	}
	.streak-images{
		right: 0;
	}
	.meditation-flex{
		left: 0;
	}
	.wire-flex{
		left: 0;
		width: max-content;
	}
	.flawless-container{
		left: 0;
	}
}
@media screen and (max-width:1240px){
	.iphones-stack img{
		top: 0 !important;
	}

}
@media screen and (max-width:999px){
	.process-section-bg>img,.extended-banner>img,.process-section,.process-section-bg,.extended-banner{
		height: auto;
	}
	.process-section{
		max-height: max-content;
	}
	.ceo-section {
		padding-bottom: 80px;
	
	}
	.extended-banner>img{
		display: none;
	}
	.flawless-inner{
		gap: 20px;
	}
	.flawless-container{
		max-width: 100%;
	}
	.flawless-two{
		width: 50%;
	}
	.flaw-context br{
		display: none;
	}
	.react-native-inner{
		flex-direction: column-reverse;
	}
	.flawless-two img{
		width: 100%;
	}
	.react-native-one, .react-native-two{
		width: 100%;
	}
	.react-native-two img{
		width: 100%;
	}
	.meditate-context br{
		display: none;
	}
	.design-tools-flex{
		flex-wrap: wrap;
	}
	.cut-shape img{
		top:20px;
	}
	.ceo-detail>img{
		width: 90px;
		height: 90px;
	}
	.ceo-quotes{
		top:11%;
	}
	.vertical-ceo-line{
		width: 300px;
		height: 2px;
	}
	.ceo-inner{
		flex-direction: column;
		justify-content: flex-start
		;
		height: auto;
		gap:15px;
		align-items: flex-start;
	}
	.ceo-feedback p br{
		display: none;
	}
	.ceo-feedback p{
		font-size: 20px;
	}
	.girl-point{
		padding-bottom: 30px;
	}
	.girl-container-inner{
		flex-direction: column;
	}
	.meditation-context{
		padding-bottom: 50px;
	}
	.meditation-flex{
		justify-content: flex-start;
		width: auto;
	}
	.streak-images{
		width: auto;
		justify-content: flex-start;

	}
	.extended-banner-content{
		width: 100%;
	}
	.extend-3 p{
		padding-top: 0px;
	}
	.extend-1{
		padding: 10px;
	}
	.font-container-inner{
		flex-wrap: wrap;
		gap: 30px;
	}
	.flow-left-cut-div img{
		width: 250px;
	}
	.extend-flex-container{
		padding-top: 20px;
	}
	.flex-div-2{
		margin-left: 0px;
	}
	.process-container{
		width: 90%;
		margin: auto;
	}
	.flex-div-2 .flex-content-container{
		gap: inherit;
	}
	.process-heading{
		margin-left: 0px;
	}
	
	.flex-div-1, .flex-div-2, .flex-div-3{
		gap: 10px;
		margin-bottom: 20px;
		width: auto;
		
	}
	
	.audience-section{

		padding-top: 50px;
	}
	.iphone-top img{
		width: 200px;
	}
	.iphones-stack img{
		width: 200px;

	}
	.iphones-stack img:nth-child(1){
		top: -50px;
	}
	.iphones-stack img:nth-child(3){
		top:50px;
	}
	.pme-heading br{
		display: none;
	}
	.pme-context br{
		display: none;
	}
	.audience-heading{
		padding-bottom: 50px;
	}
	.audience-container{
		flex-direction: column;
		padding-bottom: 50px;

	}
	.research-context br{
		display: none;
	}
	.aud-2, .aud-3{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.research-flex{
		flex-direction: column;
		padding-top: 50px;
		align-items: flex-start;
	}
	
	.extended-banner-content{
		position: relative;
		padding: 50px 0;
	}
	.process-section-bg{
		background: transparent;
		padding: 50px 0;
	}
	.process-section-bg>img{
		display: none;
	}
	.connect-context-inner{
		line-height: 18px;
	}
	.process-inner-details{
		position: relative;
		padding-bottom: 0;
	}
	.wire-flex{
		width: auto;
	}
	.iphones-stack{
		position: relative;
		top: 30px;
	}
	.extend-0 img{
		width: 120px;
	}
	.iphones-stack img{
		top: 0 !important;
	}
	.flawless-inner{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: auto;
	}
	.falwless-one,.flawless-two{
		width: auto;
	}
	.blue-frame{
		margin-top: 75px;
	}
	.connect-section{
		width: 90%;
		margin: auto;
		
	}
	.connect-section-inner,.connect-section-inner-two{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap:50px;
	}
	.iphone-top,.connect-context{
		width: auto;

	}
	.flawless-container{
		left: 0;
	}
}
@media screen and (max-width:860px){
	.process-flex-container{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.flex-content-container{
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.flex-div-1, .flex-div-2, .flex-div-3{
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 30px;
		width: 60%;
	}
	.research-flex div{
		width: 90%;
		margin: auto;
	}
}
@media screen and (max-width: 768px){
	.custom-container{
		width: 90%;
	}
	.iphones-stack{
		justify-content: center;
		flex-wrap: wrap;
	}
	.pme-inner{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.pme-one,.pme-two{
		width: auto;
	}
}
@media screen and (max-width:576px){
	.flawless-inner{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: auto;
	}
	.flawless-two,.falwless-one{
		width: auto;
	}
	.iphones-stack{
		flex-wrap: wrap;
	}
	.extended-banner{
		width: 90%;
		margin: auto;
	}
	.extend-1-heading{
		font-size: 22px;
	}
	.extend-1-context{
		font-size: 14px;
	}
	.flow-left-cut-div{
		display: none;
	}
	.streak-images img{
		width: 160px;
	}
	.extend-3 p br{
		display: none;
	}
	.meditation-flex img{
		width: 160px;

	}
	.meditation-heading{
		font-size: 22px;
	}
	.design-tools{
		padding-top: 100px;
	}
	.streak-container{
		padding: 0;
	}
	.meditation-flex{
		top:0;
		width: auto;
		justify-content: flex-start;
	}
	.streak-images{
		top:0;
		justify-content: flex-start;

		width: auto;
	}
	.design-tools-flex{
		flex-direction: column;
	}
	.product-design-1, .programming-1{
		gap: 40px;
		padding-bottom: 40px;
	}
	.vertical-ceo-line{
		width: 200px;
		height: 3px;
	}
	.m-banner-container{
		margin-top: 70px;
	}
	.ceo-inner{
		height: auto;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap:16px
	}
	.ceo-quotes{
		top: 8%;
		right: 5%;
	}
	.cut-shape img{
		top:12px;
	}
	.ceo-feedback p{
		font-size: 14px;
		line-height: 27px;
	}
	.ceo-feedback p br{
		display: none;
	}
	.ceo-detail>img{
		width: 80px;
		height: 80px;
	}
	.pme-inner{
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: auto;
	}
	.pme-one,.pme-two{
		width: auto;
	}
	.iphone-top,.connect-context{
		width: auto;
	}
	
	.connect-section-inner{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 50px;
	}
	.iphones-stack img{
		top: 0 !important;
	}
	.flex-div-1, .flex-div-2, .flex-div-3{
		width: 90%;
	}
	.audience-heading br {
		display: none;
	}
	.process-heading,.research-heading,.smooth-flow-heading,.wireframe-heading,.flaw-heading,.pme-heading,.flow-heading,.native-heading{
		font-size: 22px;
	}
	.flex-content-container p,.research-context,.smooth-flow-context,.flaw-context,.pme-context,.flow-context,.meditate-context{
		font-size: 14px;
	}
	.dot-container p,.user-details-inner p,.goals-details p, .frus-details p, .motive-context p,.m-point>span:nth-child(2),.girl-point-context,.meditation-context-c{
		font-size: 14px;
	}
	.audience-heading,.font-1-inner1 p:nth-child(2){
		font-size: 22px;
	}
	.meditate-points{
		flex-wrap: wrap;
	}
	.color-div{
		width: 240px;
		height: 70px;
	}
}
.navbar-light .navbar-nav .nav-link{
	color: #fff;
}
@media screen and (max-width:380px){
	.ceo-name{
		font-size: 18px;
	}
	.ceo-quotes img{
		width: 19px;
		height: 19px;

	}
	.ceo-detail{
		gap: 15px;
	}
}
.chart-mob-info{
	display: none;
}
@media screen and (min-width: 320px) and (max-width: 767px){
	.m-banner-container {
        margin-top: 0;
    }
	.chart-mob-info{
        display: block;
        text-align: right;
        box-shadow: 10px 10px 80px 0px #F9F9F90D;
        width: 196px;
		height: 196px;
        margin-left: auto;
	}
	.chart-mob-info img{
		height: 100%;
		height: 100%;
	}
	.blue-frame {
        margin-top: 0;
    }
	.aud-1, .aud-2, .aud-3, .review-container, .motive, .frustration, .goals, .user-details{
		width: 100%;
	}
	.process-section-bg{
		position: relative;
		padding: 0;
	}
	.audience-section {
        padding-top: 60px;
    }
	.process-section{
		padding-bottom: 45px;
	}
	.flex-div-1, .flex-div-2, .flex-div-3 {
        width: 100%;
        border: 0;
        padding: 0;
		gap: 15px;
    }
	.flex-content-container{
		width: 100%;
	}
	.flex-content-container > div{
		border: 1px solid #7C86FA;
		width: 100%;
		border-radius: 100px;
        padding: 10px;
	}
	.flex-content-container > div img{
		width: 30px;
		height: 30px;
	}
	.flex-content-container p br, .audience-heading br,
	.pme-heading br{
		display: none;
	}
	.flex-content-container {
		gap: 15px;
	}
	.audience-heading, .font-1-inner1 p:nth-child(2) {
        font-size: 18px;
    }
	.audience-heading {
        padding-bottom: 15px;
    }
	.goals-heading, .frus-heading, .motive-heading {
		justify-content: flex-start;
	}
	.linear-bg-blue {
		padding-bottom: 0;
	}
	.review-container-inner {
		text-align: center;
	}
	.review-container-inner br, .smooth-flow-context br{
		display: none;
	}
	.review-container {
		padding: 100px 30px;
	}
	.research-container {
		padding-top: 15px;
	}
	.smooth-flow-chart {
		padding-top: 60px;
		width: 100%;
		overflow: auto;
	}
	.smooth-flow-chart img {
		width: 630px;
	}
	.wire-rect {
		width: 100%;
		top: 42%;
		left: 57%;
	}
	.flawless-two img {
        height: 350px;
        width: auto;
        right: -45px;
    }
	.pme-inner {
        width: 100%;
    }
	.connect-heading {
		font-size: 16px;
		margin-left: 0;
	}
	.meditate-points {
		gap: 20px;
	}
	.m-point>span:nth-child(1) {
		width: 26px;
		height: 26px;
		font-size: 12px;
	}
	.connect-context-inner {
        padding-left: 80px;
        font-size: 12px;
    }
	.iphone-top {
        position: absolute;
        left: -24px;
        top: 86px;
    }
	.m-point {
		gap: 10px;
	}
	.connect-section-inner{
		position: relative;
	}
	.iphone-top img {
        width: auto;
        height: 193px;
    }
	.iphones-stack {
        flex-direction: row;
        display: flex;
        width: 100%;
    }
	.iphones-stack img {
        width: auto;
        height: 180px;
    }
	.circles-ellipses img {
		width: 320px;
	}
	.circles-ellipses {
		top: 25%;
		left: 50%;
	}
	.pme-dot {
		top: -50%;
	}
	.pme-dot img {
		width: 75px;
		height: 75px;
	}
	.pme-heading {
		padding-bottom: 30px;
	}
	.process-heading, .research-heading, .smooth-flow-heading, .wireframe-heading, .flaw-heading, .pme-heading, .flow-heading, .native-heading {
        font-size: 18px;
    }
	.research-flex {
		padding-top: 30px;
        flex-direction: column-reverse;
    }
	.smooth-flow {
		padding-top: 30px;
	}
	.smooth-flow-heading, .flaw-heading{
		padding-bottom: 15px;
	}
	.pme-section {
		margin-bottom: 0;
	}
	.flow-chart-container {
		padding-top: 60px;
	}
	.flow-inner-one {
		width: 100%;
	}
	.flow-heading {
		padding-bottom: 30px;
	}
	.flow-inner-two {
		overflow: auto;
		width: 100%;
	}
	.flow-inner-two img {
		width: 790px;
	}
	.react-native-two{
		position: absolute;
		bottom: -45px;
		right: -18px;
		width: auto;
	}
	.d-none-mob{
		display: none !important;
	}
	.react-native-two img {
        width: auto;
        height: 200px;
    }
	.points-1, .points-2 {
		gap: 20px;
	}
	.circles-bg img {
		width: 270px;
	}
	.react-native {
		margin: 60px 0;
	}
	.journal-container-inner img {
		width: 100%;
	}
	.journal-container {
		padding-top: 60px;
	}
	.girl-container {
		padding: 60px 0;
	}
	.left-girl-flex .girl-point:nth-child(1) ,
	.left-girl-flex .girl-point:nth-child(3) {
		margin-left: 0;
	}
	.nature-collection-2, .nature-collection-1{
		display: none;
	}
	.nature-collection img{
		height: 511px;
	}
	.custom-container.nature-container-fluid{
		width: 100%;
	}
	.girl-point {
		justify-content: flex-start;
	}
	.meditation-container {
		padding: 60px 0 90px 0;
	}
	.meditation-rectangle-bg {
		top: 50%;
		left: 54%;
		width: 100%;
		height: 200px;
	}
	.fix-mobile-layout{
		display: flex;
	}
	.product-design-1, .programming-1 {
        gap: 20px;
        padding-bottom: 0;
    }
	.product-heading {
		padding: 45px 0 31px;
		font-size: 14px;
	}
	.product{
		gap: 10px;
		justify-content: flex-start;
	}
	.product img{
		height: 40px;
	}
	.product p {
		font-size: 12px;
	}
	.product-design-2, .programming-2{
		padding-left: 20px;
	}
	.meditation-flex {
        left: 90px;
    }
	.nature-collection-1 img:nth-child(1) {
		width: 100%;
	}
	.rectangle-bg {
		width: 100%;
		height: 220px;
		left: 45%;
	}
	.streak-images img {
        width: 120px;
    }
	.m-gif-combo img {
		object-fit: cover;
		height: 224px;
	}
	.extend-1-heading {
        font-size: 16px;
    }
	.extend-1-context {
        font-size: 12px;
        line-height: 19px;
        margin-top: 5px;
    }
	.extend-1 {
        padding: 10px 0 30px;
    }
	.extend-2 img {
		width: 60px;
		height: 60px;
	}
	.extend-3{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.process-heading{
		text-align: center;
	}
	.flex-div-1:hover, .flex-div-2:hover, .flex-div-3:hover{
		background-color: transparent;
		box-shadow: none;
		color: #A7ABE0;
	}
	.font-container-inner {
        flex-wrap: initial;
        gap: 15px;
        align-items: flex-start;
    }
	.font-1.font-1-name{
		width: 60%;
	}
	.font-3.font-3-style{
		width: 40%;
	}
	.font-3-inner1 img {
		height: auto;
		width: 40%;
	}
	.font-fluid-details{
		padding-top: 45px;
	}
	.font-1-inner1 p:nth-child(1) {
		font-size: 18px;
	}
	.font-1-inner1 p:nth-child(2) {
		font-size: 18px;
	}
	.font-container{
		width: 100%;
	}
	.font-2.font-2-text{
		margin: 25px 0 30px;
	}
	.font-2-inner1{
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        color: #ACB2F6;
        letter-spacing: 6px;
	}
	.font-container-mobile{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.font-container-mobile .font-1,
	.font-container-mobile .font-2-inner2,
	.font-container-mobile .font-3-inner2{
		width: 100px;
	}
	.font-1 div, .font-2 div, .font-3 div, .color-div{
		width: 100%;
	}
	.color-div{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 12px;
	}
	.font-context {
		font-size: 14px;
		padding-top: 10px;
		text-align: center;
	}
	.flawless-container {
		padding-top: 45px;
	}
	.flawless-inner {
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px){
.extend-3 p {font-size: 10px;padding-top: 20px}
.extend-1-context {font-size: 14px}
.extend-1 {padding-bottom: 15px}
.extend-2 img {width: 60px;height: 60px}
.process-section {height: auto}
.linear-bg-blue {padding-bottom: 60px;padding-top: 60px}
.flex-div-1, .flex-div-2, .flex-div-3 {padding: 10px 15px;margin-bottom: 30px;gap: 15px;width: 100%;flex-direction: row;align-items: center;justify-content: flex-start}
.flex-content-container {flex-direction: row}
.dot-container {gap: 10px;margin-right: 10px}
.dot-container p {font-size: 14px;line-height: 26px}
.flex-content-container {gap: 20px}
.flex-content-container>div {gap: 10px}
.flex-content-container p {font-size: 14px}
.flex-div-2 .flex-content-container {gap: 30px}
	.native-heading, .meditation-heading, .flow-heading, .pme-heading,
	.flaw-heading, .extend-1-heading, .audience-heading {font-size: 26px}
	.pme-heading br, .extend-3 p br, .meditate-context br, .native-heading br,
	.pme-context br, .flaw-context br, .flaw-heading br, .ceo-feedback p br,
	.girl-point-context br, .product p br{display: none}
	.flawless-two{width: 100%}
	.meditation-flex img {width: 160px}
	.product-design-1, .programming-1 {gap: 75px}
	.pme-dot {top: 0}
	.pme-heading {padding-bottom: 20px}
	.pme-dot img {width: 80px;height: 80px}
	.meditate-points {gap: 20px}
	.m-point>span:nth-child(2) {font-size: 14px}
	.font-1 div, .font-2 div, .font-3 div {width: 200px}
	.girl-image img {width: 250px}
	.product p{font-size: 14px}
	.girl-point {gap: 10px;padding-bottom: 50px}
	.girl-point-context {font-size: 14px;width: calc(100% - 35px)}
	.ceo-inner {border-radius: 24px;height: 160px;padding: 0}
	.ceo-detail {gap: 15px}
	.ceo-feedback{width: 58%}
	.ceo-quotes {top: 8%;right: 2%}
	.ceo-feedback p {font-size: 18px}
	.cut-shape img {top: 76px}
	.process-section-bg {padding-top: 0;position: relative}
	.flex-div-2 {margin-left: 50px}
	.extend-3{padding: 0 24px}
	.connect-section-inner, .connect-section-inner-two {flex-direction: row}
	.flow-chart-container {padding-top: 0}
	.pme-section {margin-bottom: 20px}
	.meditation-flex {top: -20px}
	.meditation-rectangle-bg {top: 40%;left: 45%}
	.react-native-two img {width: 420px}
	.font-1 {gap: 45px}
}
@media screen and (min-width: 1020px) and (max-width: 1200px){
	.pme-heading {padding-bottom: 30px}
	.process-section-bg {padding-top: 0}
	.linear-bg-blue{padding-top: 90px}
	.flex-div-2 .flex-content-container {gap: 70px}
	.flex-div-1, .flex-div-2, .flex-div-3 {width: auto}
	.flawless-two{width: 60%}
	.falwless-one {width: 40%}
	.react-native-two img {width: 500px}
	.flow-inner-one {width: 75%}
	.flawless-two img {height: 480px}
	.process-section {height: auto}
	.extend-0 img {width: 100px}
	.font-1 div, .font-2 div, .font-3 div {width: 250px}
	.girl-image img {width: 300px}
	.girl-point {gap: 10px;padding-bottom: 50px}
	.meditation-flex img {width: 185px}
	.get-quote-mobile{display: none !important}
	.font-1-inner1, .font-2-inner1, .font-3-inner1{min-height: 90px}
	.font-1 {gap: 45px}
}
@media (max-width: 1020px) {
    #mobile_nav {display: none !important}
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    .pme-heading br, .extend-3 p br, .meditate-context br{display: none}
	.meditate-points {gap: 30px}
	.audience-container {gap: 20px}
	.linear-bg-blue{padding-bottom: 60px}
	.streak-images img {width: 200px}
	.rectangle-bg {width: 85%;height: 360px;left: 48%}
  }