/* width */
::-webkit-scrollbar {
	width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
	background-color: #e0c374;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #822826;
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #822826;
}

.screenshot-2023-09-21-at-4401 {
	border-radius: var(--br-5xs);
	width: 920px;
	height: 405px;
	object-fit: cover;
}

.explore-our-services-container {
	border-radius: var(--br-2xs);
	background-color: var(--color-darkkhaki-400);
	box-shadow: 0 12px 6px rgba(0, 0, 0, 0.1);
	border: 0.5px solid var(--color-darkkhaki-200);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-7xl) var(--padding-16xl);
	font-size: var(--font-size-lg);
	width: 254px;
	margin-top: 50px;
}

.dragons-health-is1 {
	font-family: var(--font-montserrat);
	display: flex;
	align-items: center;
	width: 389.55px;
	height: 101.57px;
	margin-bottom: 10px;
}

.homepage-child {
	margin: 25px 0;
	width: 113.66px;
	height: 2px;
}

.our-team1 {
	position: relative;
	line-height: 104.3%;
	font-size: 24px;
}

.our-team-container {
	position: absolute;
	top: 1699.91px;
	left: 64.44px;
	border-bottom: 1px solid var(--color-darkkhaki-200);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-3xs);
	font-size: var(--font-size-5xl);
}
.rectangle-parent6{
	margin: 20px 0 0 0;
}

.group-child6 {
	width: 298.06px;
	height: 267.17px;
	object-fit: cover;
}

.head-of-721 {
	position: relative;
	font-family: var(--font-montserrat);
	color: var(--color-gray-100);
	font-size: 13px;
	text-align: center;
}

.team-group {
	position: relative;
	/* bottom: 67.18px; */
	background: linear-gradient(90.09deg, #a8944d, #efd387 99.99%);
	width: 298.06px;
	height: 67.18px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 8.249994277954102px 24.749982833862305px;
	box-sizing: border-box;
	gap: 2.36px;
}

.group-child9 {
	position: absolute;
	top: 0;
	left: 0;
	width: 298.06px;
	height: 267.17px;
	object-fit: cover;
}

.rectangle-parent9 {
	position: relative;
	width: 298.06px;
	height: 267.54px;
}

.frame-parent7,
.group-parent1 {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 37.71px;
}

.frame-parent7 {
	position: absolute;
	top: 1795.91px;
	left: 64.44px;
	flex-direction: column;
	gap: 80.14px;
	font-size: 17.21px;
	color: var(--color-brown-100);
}

.fluentdesign-ideas-24-filled1,
.streamlineinterface-favorite-1 {
	position: absolute;
	top: 1404.5px;
	left: 465.87px;
	width: 24px;
	height: 24px;
	overflow: hidden;
}

.streamlineinterface-favorite-1 {
	top: 1419px;
	left: 1137.87px;
	width: 14px;
	height: 14px;
}

.your-mission-is1 {
	line-height: 118.3%;
	text-transform: uppercase;
	display: inline-block;
	background: linear-gradient(-90deg, #9d2a27, #a8944d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: 468.58px;
}

.logo-72-dragons-health-51,
.logo-72-dragons-health-61 {
	width: 49.92px;
	height: 40px;
	object-fit: cover;
}

.logo-72-dragons-health-61 {
	top: 50px;
	left: 240.5px;
	width: 48.83px;
}

.your-mission-is-our-calling-parent {
	width: 474.52px;
	height: 94px;
	font-size: var(--font-size-21xl);
	font-family: var(--font-ibm-plex-sans);
}

.our-vision-container {
	border-bottom: 1px solid var(--color-darkkhaki-200);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10.296188354492188px;
	width: fit-content;
}

.our-vision-container1 {
	border-bottom: 1px solid var(--color-darkkhaki-200);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10.296188354492188px;
	width: fit-content;
}

.as-our-company1 {
	position: relative;
	font-size: 16.07px;
	font-family: var(--font-montserrat);
	display: flex;
	align-items: center;
	height: 102px;
	flex-shrink: 0;
	padding: 10px 0;
}

.fluent-mdl2website-icon2 {
	position: relative;
	width: 29.86px;
	height: 29.86px;
	overflow: hidden;
	flex-shrink: 0;
}

.fluent-mdl2website-container {
	height: 130px;
	width: 210px;
	border-radius: 8.24px;
	background-color: var(--color-gray-200);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 14.41px;
}

.iconamoonprofile-fill1 {
	position: relative;
	width: 24.71px;
	height: 24.71px;
	overflow: hidden;
	flex-shrink: 0;
}

.brand-strategy {
	position: relative;
}

.frame-parent10 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 36.04px;
	font-size: 16.47px;
	place-items: center;
}

.frame-parent9 {
	flex-direction: column;
	gap: 14.41px;
}

.frame-inner {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 36.04px;
	background: linear-gradient(89.94deg,
			rgba(168, 148, 77, 0.2) 6.77%,
			rgba(168, 148, 77, 0));
	width: 1186.12px;
	height: 491.13px;
}

.frame-child1 {
	position: relative;
	border-radius: 36.04px;
	width: 556px;
	height: 364.49px;
	object-fit: cover;
	z-index: 0;
}

.rectangle-div {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 154.44px;
	background-color: var(--color-darkkhaki-300);
	width: 71.71px;
	height: 71.71px;
}

.group-child14 {
	position: absolute;
	top: 18.15px;
	left: 24.63px;
	width: 33.01px;
	height: 35.41px;
}

.rectangle-parent16 {
	position: absolute;
	margin: 0 !important;
	top: 146.39px;
	left: 211.77px;
	width: 71.71px;
	height: 71.71px;
	z-index: 1;
}

.rectangle-parent15 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	gap: var(--gap-3xs);
}

.rectangle-parent18 {
	position: absolute;
	margin: 0 !important;
	top: 146.21px;
	left: 212.1px;
	width: 71.71px;
	height: 71.71px;
	z-index: 1;
}

.mingcutedown-line-icon1 {
	position: relative;
	width: 49.42px;
	height: 49.42px;
	overflow: hidden;
	flex-shrink: 0;
}

.frame-parent12 {
	position: absolute;
	top: 62.81px;
	left: 43.24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 51px;
}

.rectangle-parent14 {
	position: relative;
	width: 1186.12px;
	height: 491.13px;
}

.frame-parent11,
.frame-parent8 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.frame-parent11 {
	width: 1311px;
	gap: 51.48px;
}

.frame-parent8 {
	margin-top: 65px;
	padding: 0 65px;
	gap: 65px;
	font-size: 24.71px;
}

.write-to-us1 {
	color: #E0C374;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	/* font-weight: 600; */
	line-height: normal;
}

.write-to-us2 {
	color: #E0C374;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	/* font-weight: 600; */
	line-height: normal;
}

.write-to-us-info72dragonsco-container {
	/* border: 2px solid yellow; */
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	font-family: var(--font-montserrat);
}

.vector-icon2,
.vector-icon3 {
	position: relative;
	width: 28px;
	height: 27px;
}

.vector-icon3 {
	width: 27px;
	height: 26px;
}

.frame-parent13,
.social-media-group {
	/* border: 2px solid blue; */
	display: flex;
	flex-direction: row;
	align-items: center;
}

.social-media-group {
	justify-content: center;
	gap: var(--gap-3xl);
	font-family: var(--font-montserrat);
}

.frame-parent13 {
	/* border: 2px solid red; */
	display: flex;
	height: 75px;
	align-items: center;
	justify-content: space-between;
	padding: 0 64px;
	box-sizing: border-box;

	color: var(--color-darkkhaki-100);
	font-family: var(--font-montserrat);
}

.frame-child3 {
	position: relative;
	width: 1278px;
	height: 172px;
	z-index: 0;
}

.logo-72-dragons-health-21 {
	position: absolute;
	margin: 0 !important;
	top: 32.8px;
	left: 64.44px;
	width: 114.1px;
	height: 105.96px;
	object-fit: cover;
	z-index: 1;
}

.services-solutions-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: var(--padding-5xs) 0;
}

.newlink {
	color: #a8944d;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
}

.newlink:hover {
	color: #9F392D;
}

.contactUSPAGE:hover {
	color: #A8944D;
}

#contact-us-container:hover {
	border-radius: 11px;
	background: radial-gradient(182.31% 82.67% at 46.39% 50%, rgba(170, 61, 61, 0.56) 0%, rgba(112, 32, 32, 0.00) 100%), #702020;
	box-shadow: 7px 4px 9px 0px rgba(131, 42, 42, 0.35);
	color: #A8944D;
}

#glow {
	color: white;
}

.mingcutedown-line-icon2 {
	position: relative;
	width: 24px;
	height: 24px;
	overflow: hidden;
	flex-shrink: 0;
	display: none;
}

.frame-parent15,
.health-articles-group {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.health-articles-group {
	align-items: center;
	padding: var(--padding-5xs) 0;
	gap: var(--gap-3xs);
}

.frame-parent15 {
	align-items: flex-start;
	gap: var(--gap-31xl);
	margin-top: 12px;
}

.contact-us-container {
	margin-top: 12px;
	border-radius: var(--br-2xs);
	background-color: var(--color-brown-300);
	height: 47px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-7xl) var(--padding-16xl);
	box-sizing: border-box;
	font-size: var(--font-size-lg);
	font-family: var(--font-fraunces);
}

.frame-parent14,
.rectangle-parent19 {
	position: absolute;
	display: flex;
	align-items: center;
}

.frame-parent14 {
	margin: 0 !important;
	top: 62.28px;
	/* left: 822px; */
	flex-direction: row;
	justify-content: flex-start;
	gap: var(--gap-19xl);
	z-index: 2;
	right: 64.44px;
}

.rectangle-parent19 {
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	/* background: linear-gradient(180deg, #121212, rgba(112, 32, 32, 0.43));
  height: 172px; */
	flex-direction: column;
	justify-content: flex-end;
	gap: var(--gap-3xs);
	font-family: var(--font-montserrat);
	/* position: fixed; */
	z-index: 9;
	/* border-bottom: solid rgba(168, 148, 77, 0.15); */
}

.homepage {
	position: relative;
	/* background: linear-gradient(180deg, #121212 0%, #702020 111.22%); */
	background: linear-gradient(109deg, #131313 60.82%, #281515 83.07%);
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	font-size: 15px;
	color: var(--color-darkkhaki-200);
	font-family: var(--font-fraunces);
}

.section_1 {
	/* justify-content: center; */
	display: flex;
	padding: 65px;
	gap: 60px;
	margin-top: 120px;
}

.section_2 {
	/* display: flex;
  justify-content: center; */
	padding: 0 65px;
}

.section_3 {
	/* display: grid;
  justify-content: center; */
	padding: 65px;
}

.section_3 .container {
	width: 100%;
}

.section_4 {
	padding: 0 65px;
	/* display: grid;
  justify-content: center; */
}

.team_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));
	margin-top: 40px;
	place-items: center;
	gap:20px;
}

.webbody {
	max-width: 1600px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.hammenu {
	display: none;
	position: absolute;
	top: 75px;
	right: 64px;
	z-index: 9;
}

.bar {
	margin-top: 4px;
	display: flex;
	height: 8px;
	width: 60px;
	background-color: var(--color-darkkhaki-200);
	border-radius: 20px;
}

.mid {
	width: 40px;
	justify-content: right;
	margin-left: 20px;
}

.close {
	position: absolute;
	color: #fff;
	right: -20px;
	top: 85px;
	z-index: 9;
	transition: 0.4s ease;
	display: none;
}

.footer-container {
	width: 100%;
	height: 75px;
}

@media (max-width: 1100px) {
	.section_1 {
		display: block;
	}

	.screenshot-2023-09-21-at-4401 {
		margin-top: 64px;
	}
}

@media (max-width: 1024px) {
	.hammenu {
		display: block;
		transition: 0.4s ease;
		/* position: fixed; */
	}

	.frame-parent15 {
		display: none;
	}

	.frame-parent15 {
		position: absolute;
		top: 50%;
		right: 60px;
		transform: translateY(-50%);
	}

	.frame-parent14 {
		position: absolute;
		background: var(--color-gray-100);
		top: 0;
		right: 0;
		width: 0px;
		height: 100vh;
		transition: 0.4s ease;
		z-index: 10;
	}

	.contact-us-container {
		position: relative;
		bottom: -150px;
		width: 180px;
		right: -60px;
		display: none;
		transition: 0.4s ease;
	}
}

@media (max-width: 650px) {
	.frame-parent13 {
		flex-direction: column;
		height: unset;
	}

	.footer-container {
		height: 106px;
	}
}

@media (max-width: 550px) {
	.your-mission-is-our-calling-parent {
		width: unset;
		font-size: var(--font-size-5xl);
		height: unset;
	}

	.your-mission-is1 {
		width: unset;
		height: unset;
	}

	.dragons-health-is1 {
		width: unset;
		word-break: break-all;
	}

	.section_4 {
		padding: 0px;
	}

	.our-vision-container1 {
		padding: 10px 0px;
		margin-left: 3rem;
	}

	.screenshot-2023-09-21-at-4401 {
		object-fit: contain;
		height: unset;
	}

	.section_1 {
		padding: 65px 20px;
	}
}

@media (max-width: 450px) {
	.dragons-health-is1 {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.explore-our-services-container {
		width: unset;
		margin-top: 40px;
		padding: var(--padding-2xl) var(--padding-3xl);
	}

	.as-our-company1 {
		height: unset;
		padding: 15px;
		font-size: 15px;
	}

	.write-to-us1 {
		font-size: 14px;
	}

	.write-to-us2 {
		font-size: 14px;
	}

	.footer-container {
		height: 93px;
	}

	.frame-parent13 {
		padding: 0px;
	}

	.logo-72-dragons-health-21 {
		left: 20.44px;
		top: 50px;
	}

	.hammenu {
		right: 40px;
	}
}




/*Force responsiveness and applied fixes*/

.recent-video-box {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}


html,
body {
	min-height: calc(100vh - 172px) !important;
}

@media (max-width: 550px) {
	.section_2 {
		padding: 10px;
	}

	.section_3 {
		padding: 10px;
	}
}