/* Desktop or laptop view */
@media only screen and (min-width: 1024px) {
	.about__us__content {
		background-color: #FFFFFF;
	}
	.about__us__content .title__area {
		padding-top: 8.5vh;
	}
	.about__us__content .page__title {
		text-align: center;
		font-size: 1.82vw;
	}
	/* video */
	#about__us__video__wrapper {
		width: 100vw;
	}
	#about__us__video__wrapper > video {
		width: 100%;
	}
/* The Company Section*/
	#the__company {
		padding-top: 9.17vh;
	}
	.au__section__title {
		font-family: "BT Beau Sans Bold";
		font-size: 3.13vw;
		color: #4A3BF1;
		text-align: center;
	}
	.about__us__content section {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#company__content {
		background-color: #FFFFFF;
		width: 66.67vw;
		font-size: 1.04vw;
	}
	#company__content span {
		color: var(--tertiary);
	}
	#company__content > div > div:first-child { 
		font-family: "BT Beau Sans Bold";
		font-size: 2.08vw;
		color: var(--primary-title);
		margin-bottom: 2.51vh;
		text-align: justify;
	}
	#company__content > div > div {
		margin-top: 3.7vh;
	}

	.hr {
		margin-top: 11.57vh;
		margin-bottom: 11.57vh;
		width: 66.67vw;
	}
	.hr hr {
		width: 10.42vw;
		margin-left: -2.6vw;
		border: 1px solid #4A3BF1;
	}

	#section__body {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#section__body > div {
		width: 66.67vw;
		padding-left: 7vw;
		padding-right: 7vw;
	}
	#section__body .subtitle {
		font: normal 2.08vw 'BT Beau Sans Bold';
		color: #4A3BF1;
	}
	#section__body .content {
		font: normal 1.04vw 'BT Beau Sans Regular';
		margin-top: 2.78vh;
	}
	#section__body p {
		font: normal 1.04vw 'BT Beau Sans Regular';
	}
	#section__body span {
		color: #736BD1;
		font: normal 1.04vw 'BT Beau Sans Regular';
	}
/* Cards Middle Section */
	#cards__mid {
		background: transparent linear-gradient(331deg, #F2F0FF 0%, var(---ffffff) 100%) 0% 0% no-repeat padding-box;
		background: transparent linear-gradient(331deg, #F2F0FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
		padding-bottom: 225px;
	}
	#au__roots, #au__bridge {
	}
	#au__roots .box__overlay, #au__bridge .box__overlay {
		border: 1px solid var(--tertiary);
		padding-left: 75px;
		padding-right: 75px;
		padding-bottom: 75px;
		padding-top: 52px;
		max-width: 845px;
	}
	#au__bridge .box__overlay {
		padding-top: 105.5px;
	}
	#img__roots {
		background-image: url('../images/roots.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 172px;
		height: 172px;
		position: relative;
		top: 86px;
	}
	#img__bridge {
		background-image: url('../images/bridge.svg');
		background-repeat: no-repeat;
		background-size: auto 172px;
		background-position: center;
		height: 172px;
		position: relative;
		top: 86px;
	}
	#cards__mid .title {
		font-family: "BT Beau Sans Bold";
		font-size: 40px;
		color: var(--secondary);
		padding-bottom: 2.42vh;
	}
	#cards__mid .sub__title {
		font-family: "BT Beau Sans Bold";
		font-size: 24px;
		margin-bottom: 2.79vh;
	}
	.content span {
		color: var(--tertiary);
		font-size: 20px;
	}
	.content > p {
		font-size: 20px;
	}

	/* The Team Section */
	#the__team {
		padding-bottom: 13.39vw;
		padding-left: 7vw;
		padding-right: 7vw;
		margin-top: 52.31vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#team__content {
		display: flex;
		justify-content: space-around;
		width: 100%;
		margin-top: 9.26vh;
	}

	/* floating button */
	#footer__about__us {
		background-color: #736BD191;
		width: 35%;
		position: fixed;
		bottom: 1.85vh;
		right: 0px;
		z-index: 2;
		border-top-left-radius: 2.5vw;
		border-bottom-left-radius: 2.5vw;
	}
	#footer__about__us div {
		display: flex;
		align-items: center;
		gap: 20px;
		color: #FFFFFF;
		padding-top: 0.92vh;
		padding-bottom: 0.92vh;
		padding-left: 0.52vw;
	}
	#footer__about__us .contact__us {
		display: inline-block;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		padding: 0.92vh 1.72vw;
		font-family: 'BT Beau Sans Bold';
		font-size: 1.04vw;
		border-radius: 1.5vw;
		letter-spacing: 0.8px;
		cursor: pointer;
		background-color: #77CEB8;
		border: 1px solid #FFFFFF;
	}
	#footer__about__us .contact__us a {
		color: #FFFFFF;
		text-decoration: none;
	}

	#footer__about__us button {
		background-color: #77CEB8;
		border: 1px solid #FFFFFF;
	}
}

/* Mobile view */
@media only screen and (max-width: 1023px) {
	.about__us__content {
		background-color: #FFFFFF;
	}
	.about__us__content .title__area {
		padding-top: 11.85vh;
	}
	.about__us__content .page__title {
		text-align: center;
		font-size: 24px;
		font-family: "BT Beau Sans Bold";
	}

	/* The Company Section */
	#the__company {
		padding-top: 9.17vh;
		/* padding-top: 11.85vh; */
	}
	.au__section__title {
		font-family: "BT Beau Sans Bold";
		font-size: 30px;
		color: #4A3BF1;
	}
	.about__us__content section {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#company__content {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 30px 30px;
	}
	#company__content span {
		color: var(--tertiary);
	}
	#company__content > div > div:first-child { 
		font-family: "BT Beau Sans Bold";
		/* font-size: 24px; */
		font-size: 6.15vw;
		color: var(--primary-title);
		margin-bottom: 3.55vh;
	}
	#company__content > div { 
		/* font-size: 16px; */
		font-size: 4.1vw;
		text-align: left;
	}
	#company__content > div > div:last-child { 
		padding-top: 3.39vh;
	}

	.subtitle {
		font-size: 6.15vw;
		color: #4A3BF1;
		padding-bottom: 2.82vh;
	}
	.content {
		font-size: 4.1vw;
	}
	section > div {
		margin: 30px 30px;

	}

	/* Cards Middle Section */
	#cards__mid {
		display: flex;
		flex-wrap: wrap;
		padding-left: 7vw;
		padding-right: 7vw;
		background: transparent linear-gradient(331deg, #F2F0FF 0%, var(---ffffff) 100%) 0% 0% no-repeat padding-box;
		background: transparent linear-gradient(331deg, #F2F0FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
		padding-top: 100px;
		padding-bottom: 225px;
		row-gap: 11.03vh;
	}
	#au__roots, #au__bridge {
		position: relative;
	}
	#au__roots .box__overlay , #au__bridge .box__overlay {
		border: 1px solid var(--tertiary);
		padding-top: 32px;
		padding-left: 25px;
		padding-right: 25px;
	}
	#img__roots {
		background-image: url('../images/roots.svg');
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: 126px;
		position: absolute;
		top: 60px;
		width: 100%;
		height: 100%;
	}
	#au__bridge {
		height: 100%;
	}
	#img__bridge {
		background-image: url('../images/bridge.svg');
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: 166.37px 105.8px;
		position: absolute;
		top: 34px;
		width: 100%;
		height: 100%;
	}
	#cards__mid .title {
		font-family: "BT Beau Sans Bold";
		font-size: 24px;
		color: var(--secondary);
		padding-bottom: 3.65vh;
	}
	#cards__mid .sub__title {
		font-family: "BT Beau Sans Bold";
		font-size: 16px;
		margin-bottom: 3.55vh;
	}
	#au__roots .content {
		padding-bottom: 93px;
	}
	#au__bridge .content {
		padding-bottom: 102px;
	}
	.content span {
		color: var(--tertiary);
	}
	.content > p {
		margin-bottom: 2.79vh;
		font-size: 4.1vw;
	}

	/* The Team Section */
	#the__team {
		padding-top: 73px;
		padding-bottom: 13.39vw;
		padding-left: 7.69vw;
		padding-right: 7.69vw;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		font-size: 16px;
	}
	#team__content {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: 100%;
		padding-top: 70px;
	}
	#footer__about__us {
		display: none;
	}
	/* video */
	#about__us__video__wrapper {
		width: 100vw;
		padding-top: 7.11vh;
	}
	#about__us__video__wrapper > video {
		width: 100%;
	}
	.hr {
		width: 40vw;
	}
	.hr hr {
		width: 100vw;
		width: 100%;
		border: 1px solid #4A3BF1;
	}
}


#exit__intent__about {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 650px;
	height: 650px;
}