/* #region page common */

.page-banner {
	height: 300px;
	position: relative;
}

.page-banner-content {
	position: relative;
	z-index: 1;
}

.page-banner-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gradient-banner.page-banner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 100%);
}

.page-banner .page-banner-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.page-banner-text {
	font-size: 38px;
	color: #000;
	padding-left: 80px;
	font-weight: 200;
	margin-top: 20px;
}

.page-banner-content .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.page-banner-heading {
	font-size: 35px;
	text-transform: uppercase;
	color: #fff;
	/* text-align: right; */
	z-index: 1;
}

.page-content-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.page-cols {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.page-col {
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
}

/* #endregion page common */

/* #region contact page */

.contact-banner-content {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

.contact-banner-text {
	font-size: 18px;
}

.contact-page-view {
	background-color: #fff;
	display: flex;
	border-radius: 6px;
	margin-top: 50px;
}

.contact-page-left {
	width: 370px;
	background-color: #3f1a8e;
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: 30px;
	border-radius: 6px;
}

.contact-page-form {
	flex: 0 0 50%;
	margin-bottom: 50px;
}

.contact-left-title {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 15px;
}

.contact-left-text {
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 30px;
	line-height: 1.5;
}

.contact-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 15px;
}

.contact-grid-col {
	border: 1px solid #dadada;
	padding: 15px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

.contact-address-label {
	font-size: 20px;
	margin-bottom: 10px;
	padding-left: 0;
	min-height: 2.4em;
}

.contact-left-links {
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.contact-left-links li {
	display: flex;
	margin-bottom: 15px;
}

.contact-left-links .contact-address-row {
	margin-bottom: auto;
}

.contact-left-links .contact-address-row + li {
	margin-top: 15px;
}

.contact-left-links li:last-child {
	margin-bottom: 0;
}

.contact-link-icon {
	margin-right: 7px;
	margin-top: 1px;
	height: 100%;
	font-size: 20px;
	color: var(--theme-text-color);
}

.contact-link-label {
	font-size: 15px;
	font-weight: 100;
	line-height: 1.5;
}

.contact-page-right {
	flex: 1 1 auto;
	padding-left: 50px;
	margin-bottom: 50px;
}

.career-page-right {
	flex: 1 1 auto;
	padding: 30px 50px;
}

.contact-form-title {
	font-size: 30px;
	padding: 0 10px;
	margin-bottom: 10px;
}

.contact-form-row {
	display: flex;
}

.contact-form-col {
	width: 50%;
}

.contact-form-wide-col {
	width: 100%;
}

.contact-form-group {
	margin-bottom: 10px;
	padding: 10px;
}

.contact-form-label {
	font-size: 14px;
	color: #333;
	font-weight: 500;
}

.contact-form-input {
	display: block;
	width: 100%;
	border-bottom: 2px solid #e0e0e6;
	padding: 7px 0;
	transition: ease 0.3s border-color;
}

textarea.contact-form-input {
	resize: vertical;
	min-height: 100px;
}

.contact-form-group label.error {
	color: red;
	font-size: 0.85em;
	margin-top: 5px;
}

.contact-form-file {
	display: block;
	width: 100%;
	padding: 13px 0;
}

.contact-form-input:focus {
	border-color: var(--theme-bg-color);
}

.contact-from-actions {
	text-align: right;
	padding: 10px;
}

.contact-form-btn {
	display: inline-block;
	padding: 12px 25px;
	/* box-shadow: inset 0 0 0 2px var(--theme-bg-color); */
	background-color: var(--theme-bg-color);
	color: var(--theme-fore-color);
	font-weight: 500;
	cursor: pointer;
	transition: ease 0.5s color;
	position: relative;
	transition: ease 0.4s background-color;
}

.contact-form-btn span {
	position: relative;
	z-index: 1;
}

/* .contact-form-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--theme-bg-color);
	z-index: 0;
	transform: scaleX(0);
	transition: ease 0.5s transform;
	transform-origin: right;
} */

.contact-form-btn:hover {
	background-color: var(--theme-dark-color);
}

/* .contact-form-btn:hover::before {
	transform: scaleX(1);
	transform-origin: left;
} */

/* #endregion contact page */

/* #region career page */

.career-page,
.career-modal {
	color: #333;
}

.career-content {
	padding-top: 60px;
	padding-bottom: 60px;
}

.career-banner-text {
	font-size: 18px;
	margin-bottom: 1em;
}

.career-listings {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 50px;
	gap: 20px;
}

.career-option {
	border: 1px solid #dadada;
	padding: 30px;
}

.career-option-title {
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 10px;
	color: var(--theme-text-color);
}

.career-option-desc {
	margin-bottom: 15px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.career-option-actions {
	text-align: right;
}

.career-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100vh;
	z-index: 50;
	place-items: center;
	padding: 10px;
	display: none;
	overflow-y: auto;
}

.career-modal-active {
	overflow: hidden;
}

.career-modal-active .career-modal {
	display: grid;
}

.career-modal-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	transition: ease 0.25s opacity;
}

.career-modal-visible .career-modal-bg {
	opacity: 0.4;
}

.career-modal-container {
	background: #fff;
	box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2);
	width: 1040px;
	max-width: 100%;
	position: relative;
	z-index: 1;
	opacity: 0;
	transform: translateY(100px);
	transition: ease 0.3s;
	transition-property: opacity, transform;
}

.career-modal-visible .career-modal-container {
	opacity: 1;
	transform: none;
}

.career-modal-header {
	padding: 10px 20px;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}

.career-modal-heading {
	font-size: 22px;
	font-weight: 500;
	padding-right: 30px;
}

.career-modal-btn {
	position: absolute;
	top: 50%;
	right: 10px;
	padding: 7px;
	line-height: 0.5;
	background-color: transparent;
	transform: translate(0, -50%);
	font-size: 22px;
	color: #666;
	font-weight: 300;
	cursor: pointer;
}

.career-modal-body {
	display: flex;
	padding: 20px;
}

.career-modal-info {
	width: 50%;
	padding-right: 30px;
	max-height: 470px;
	overflow-y: auto;
}

.career-modal-title {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}

.career-modal-description {
	font-size: 15px;
	font-weight: 300;
	white-space: pre-line;
	line-height: 1.6;
	color: #666;
}

.career-modal-form {
	width: 50%;
}

.career-form-actions {
	text-align: right;
	padding: 0px 10px;
}

/* #endregion career page */

/* #region who we are */

.page-about-col .section-header,
.page-col-img .section-title {
	text-align: left;
	margin-bottom: 30px;
}

.page-about-col .section-small-title,
.page-col-img .section-small-title {
	text-align: left;
}

.page-about-col .section-title-divider,
.page-col-img .section-title-divider {
	margin-left: 0;
}

.page-about-grid-section {
	background-color: var(--light-bg);
}

.page-about-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.page-about-grid-col {
	background-color: #fff;
	box-shadow: 0 5px 40px rgb(0 0 0 / 10%);
	border-radius: 10px;
	overflow: hidden;
	padding: 30px;
}

.page-about-grid-title {
	font-size: 20px;
	font-weight: 600;
	color: var(--theme-text-color);
	margin-bottom: 0.5em;
}

.page-about-grid-list {
	list-style: circle;
	list-style-position: outside;
	padding-left: 0;
}

.about-page-text {
	margin-bottom: 1em;
	line-height: 1.4;
	/* text-align: justify; */
}

.about-text-group {
	margin-bottom: 20px;
}

.about-text-section {
	font-size: 20px;
	font-weight: 600;
	color: var(--theme-text-color);
	margin-bottom: 0.5em;
}

.about-text-list {
	list-style: circle;
	list-style-position: outside;
	padding-left: 1.7em;
}

.page-section-illustration {
	box-shadow: 0 5px 40px rgb(0 0 0 / 10%);
	border-radius: 10px;
	overflow: hidden;
}

.page-col-img {
	width: 45%;
	margin-bottom: auto;
}

.page-circle-img img {
	border-radius: 1000px;
}

.page-about-top {
	width: 60%;
	display: flex;
	align-items: center;
}

.page-about-top-col {
	margin-left: 15px;
	margin-right: 15px;
	width: 50%;
}

.page-about-top-col-row {
	margin-bottom: 30px;
	background-color: var(--theme-fore-color);
	position: relative;
	overflow: hidden;
	box-shadow: 6px 5px 30px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
}

.page-about-top-col-row::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--theme-bg-color);
	transition: ease 0.5s transform;
	transform: translateY(calc(100% - 3px));
}

.page-about-top-col-row:hover::before {
	transform: translateY(0);
}

.page-about-top-item {
	position: relative;
	z-index: 2;
	padding: 50px 20px;
	text-align: center;
}

.page-about-top-icon {
	font-size: 40px;
	color: var(--theme-bg-color);
	margin-bottom: 20px;
}

.page-about-top-icon img {
	width: 50px;
	height: 50px;
	object-fit: contain;
	display: inline-block;
}

.page-about-top-title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--theme-dark-color);
}

.page-about-top-col-row,
.page-about-top-icon,
.page-about-top-title {
	transition: ease 0.5s color;
}

.page-about-top-col-row:hover,
.page-about-top-col-row:hover .page-about-top-icon,
.page-about-top-col-row:hover .page-about-top-title {
	color: var(--theme-fore-color);
}

/* #endregion who we are */

/* #region workforce */

.pricing-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.pricing-col {
	width: 33%;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

.pricing-col-content {
	background-color: var(--theme-fore-color);
	border-radius: 6px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	min-height: 350px;
}

.pricing-col-head {
	padding: 40px 15px;
	background-color: var(--theme-dark-color);
	color: var(--theme-fore-color);
	background-image: url(../img/pricing-bg1.png);
	background-position: bottom;
	background-size: cover;
	margin-bottom: 30px;
}

.pricing-title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
}

.pricing-icon {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 1px solid var(--theme-bg-color);
	background-color: var(--theme-fore-color);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -60px;
}

.pricing-col-body {
	padding: 20px;
}

.pricing-col-body .about-page-text {
	text-align: center;
}

.collapse-heading {
	padding: 20px 15px;
	background-color: var(--theme-fore-color);
	border: 1px solid #eaeaea;
	margin-top: 20px;
	margin-bottom: 0;
	position: relative;
	padding-right: 50px;
}

.ui-accordion-header-icon {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	font-size: 18px;
	height: 20px;
	transform: translate(-50%, -50%);
	transition: ease 0.5s transform;
	transform-origin: center;
	width: 1em;
	text-align: center;
}

.ui-state-active .ui-accordion-header-icon {
	transform: translate(-50%, -50%) rotate(180deg);
}

.ui-accordion-header-icon::before {
	content: "\f107";
	font-family: FontAwesome;
}

.about-collapse-content {
	padding: 15px;
	background-color: var(--theme-fore-color);
}

.page-about-animated-img {
	margin: auto;
}

.page-about-animated-img img {
	/* animation: sway-vert 2.5s ease-in-out infinite alternate; */
}

select.enquiry-form-input {
	color: #7a7a7a;
}

.justify-p {
	text-align: justify;
}

.page-ul {
	list-style-type: disc;
	padding-left: 1.3em;
}

ol.page-ul {
	list-style: decimal;
}

@keyframes sway-vert {
	0%,
	100% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(10%);
	}

	75% {
		transform: translateY(-10%);
	}
}

/* #endregion workforce */

/* #region blogs */

/* .blog-page-row {
	display: flex;
} */

.blog-content {
	padding-top: 30px;
}

.blog-main-content {
	/* width: 75%; */
	/* margin-right: 20px; */
	padding: 30px 25px;
	border-radius: 10px;
	background-color: var(--theme-fore-color);
	box-shadow: 6px 5px 30px rgba(0, 0, 0, 0.1);
	margin-bottom: 50px;
	clear: both;
}

.blog-main-content::after {
	content: " ";
	display: table;
	clear: both;
}

.blog-page-img {
	/* width: auto; */
	/* min-width: 350px; */
	/* max-width: 520px; */
	/* float: left; */
	/* clear: both; */
	/* margin-right: 20px; */
	width: 100%;
	margin-bottom: 15px;
}

.blog-page-content-body {
	position: relative;
}

.blog-page-body h1 {
	font-size: 2em;
	margin-bottom: 0.3rem;
}

.blog-page-body h2 {
	font-size: 1.5em;
	margin-bottom: 0.3rem;
}

.blog-page-body h3 {
	font-size: 1.173em;
	margin-bottom: 0.3rem;
}

.blog-page-body h4 {
	font-size: 1em;
	margin-bottom: 0.3rem;
}

.blog-page-body h5 {
	font-size: 0.83em;
	margin-bottom: 0.3rem;
}

.blog-page-body h6 {
	font-size: 0.67em;
	margin-bottom: 0.3rem;
}

.blog-page-title {
	font-size: 30px;
	font-weight: 600;
	color: var(--theme-dark-color);
	margin-bottom: 0.1em;
}

.blog-page-meta {
	color: #7d94b0;
	font-size: 14px;
	margin-bottom: 0.5em;
}

.blog-page-body p {
	margin-bottom: 0.5em;
}

.blog-page-body ul,
.blog-page-body ol {
	padding-left: 1.5em;
	margin-bottom: 0.5em;
}

.blog-page-body ul {
	list-style: circle;
}

.blog-page-body ol {
	list-style: decimal;
}

.page-other-blogs,
.blogs-list {
	padding: 30px 25px;
	border-radius: 10px;
	background-color: var(--theme-fore-color);
	box-shadow: 6px 5px 30px rgba(0, 0, 0, 0.1);
	clear: both;
}

.page-other-blogs .section-title {
	font-size: 24px;
	margin-bottom: 15px;
	/* width: 25%; */
}

.page-other-blogs .section-header {
	margin-bottom: 30px;
}

.other-blogs-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.side-blog-card {
	display: flex;
}

.side-blog-img {
	width: 200px;
	height: 150px;
	margin-right: 15px;
	object-fit: cover;
}

.side-blog-details {
	flex: 1 1 auto;
	width: 0;
}

.side-blog-title {
	font-size: 22px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--theme-text-color);
	font-weight: 600;
}

.side-blog-date {
	font-size: 14px;
	margin-bottom: 0.5em;
}

.side-blog-preview {
	line-height: 1.4;
	margin-bottom: 0.5em;
}

.blogs-list {
	display: grid;
	gap: 30px;
}

.blog-pagination {
	text-align: center;
}

.blog-pagination-link {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 4px;
	background-color: var(--theme-bg-color);
	color: var(--theme-fore-color);
	font-weight: 500;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 2px;
}

/* #endregion blogs */

/* #region gallery */

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 30px;
}

.gallery-grid-sm {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 20px;
}

.gallery-card {
	padding: 10px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}

.gallery-card-img {
	position: relative;
	margin-bottom: 10px;
}

.gallery-media-img {
	/* margin-bottom: 0; */
}

.gallery-card-img::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 75%;
}

.gallery-card-img img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-caption {
	font-weight: 500;
	text-align: center;
	font-size: 18px;
}

.sl-overlay {
	background-color: #000;
}

.sl-wrapper .sl-close {
	font-size: 2.8em;
	top: 15px;
	right: 15px;
}

.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-close {
	color: var(--theme-fore-color);
}

.sl-wrapper .sl-image .sl-caption {
	text-align: center;
}

.sl-wrapper .sl-image {
	position: relative;
	transform: translateX(0);
}

/* #endregion gallery */

/* #region responsive */

@media (min-width: 761px) {
	.industries-img-col .industries-content-title,
	.infrastructure-img .infrastructure-content-title,
	.page-banner-content .resp-break,
	.product-active-category,
	.product-nav {
		display: none;
	}

	.page-about-col {
		flex: 1 1 40%;
		padding-left: 60px;
		margin-bottom: auto;
	}

	.page-about-img {
		width: 45%;
		margin-bottom: auto;
	}

	.page-cols-alt {
		flex-direction: row-reverse;
	}

	.page-cols-alt .page-about-col {
		padding-left: 0;
		padding-right: 60px;
	}

	.page-about-grid-section + .page-about-grid-section {
		padding-top: 30px;
	}

	.page-about-grid-2-col {
		grid-column: 1 / 3;
	}

	.page-about-grid-2-col .page-about-grid-list {
		column-count: 2;
	}

	.career-option-title {
		height: calc(1.3em * 2);
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.career-option-desc {
		height: calc(1.5em * 3);
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.resp-col-img {
		display: none;
	}
}

@media (max-width: 760px) {
	/* #region page common */
	.page-banner {
		height: 120px;
	}

	.page-banner-text {
		padding: 0;
		font-size: 18px;
		margin: 0;
		padding-right: 13px;
		font-weight: 400;
	}

	.company-details-section.company-pattern-invert {
		min-height: 140px;
		padding-top: 20px;
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.page-banner-heading {
		font-size: 20px;
	}

	.page-content-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/* #endregion page common */

	/* #region overview */

	.company-overview-section {
		padding-top: 60px;
	}

	.company-details-section {
		padding-top: 60px;
		margin-bottom: 40px;
	}

	/* #endregion overview */

	/* #region career page */

	.career-content {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	.career-banner-text {
		font-size: 16px;
		margin-bottom: 0.8em;
		line-height: 1.6;
	}

	.career-listings {
		margin-top: 20px;
		grid-template-columns: auto;
	}

	.career-option {
		padding: 14px;
	}

	.career-option-desc {
		margin-bottom: 10px;
		color: #666;
	}

	.contact-form-btn {
		padding: 8px 14px;
	}

	.career-option-title {
		font-size: 20px;
	}

	.career-modal-body {
		flex-direction: column;
	}

	.career-modal-container {
		width: auto;
	}

	.career-modal-info {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.career-modal-form {
		width: 100%;
	}

	/* #endregion career page */

	/* #region contact page */

	.contact-banner-text {
		font-size: 14px;
	}

	.contact-page-view {
		flex-direction: column;
	}

	.contact-page-form {
		flex: 1 1 100%;
		margin-bottom: 20px;
	}

	.contact-page-right {
		padding-left: 0;
	}

	.contact-address-label {
		font-size: 18px;
	}

	.contact-link-label {
		font-size: 14px;
		width: 100%;
	}

	/* #endregion contact page */

	/* #region who we are */

	.page-about-img {
		margin-bottom: 30px;
	}

	.page-about-grid {
		grid-template-columns: 1fr;
	}

	.resp-col-img {
		margin-bottom: 30px;
	}

	.page-col-img {
		display: none;
	}

	.page-col-img,
	.page-col {
		width: 100%;
	}

	.page-about-top {
		width: 100%;
		flex-wrap: wrap;
	}

	.page-about-top-col {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.page-about-top-col-row {
		margin-bottom: 20px;
	}

	.page-about-top-item {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	/* #endregion who we are */

	/* #region workforce */

	.pricing-col {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.pricing-col:not(:last-child) {
		margin-bottom: 20px;
	}

	.page-col {
		padding-left: 0;
		padding-right: 0;
	}

	.feature-col-content {
		padding-left: 25px;
		padding-right: 25px;
	}

	/* #endregion workforce */

	/* #region blogs */

	.blog-page-title {
		font-size: 22px;
	}

	.blog-page-body {
		font-size: 14px;
		line-height: 1.6;
	}

	.page-other-blogs,
	.blogs-list {
		background-color: transparent;
		box-shadow: none;
		padding: 0;
		display: block;
	}

	.side-blog-card {
		flex-wrap: wrap;
		background-color: var(--theme-fore-color);
		box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
		padding: 15px;
		margin-bottom: 30px;
	}

	.side-blog-details {
		width: 100%;
		text-align: center;
	}

	.side-blog-img {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	.blog-main-content {
		padding: 15px;
	}

	.blog-page-img {
		float: none;
		width: 100%;
		min-width: auto;
	}

	.other-blogs-grid {
		display: block;
	}

	/* #endregion blogs */

	/*  */
}

/* #endregion responsive */

/*  */

/* #region docs */

.docs-content {
	font-size: 1.1rem;
}

.docs-content h1,
.docs-content h2,
.docs-content h3,
.docs-content h4,
.docs-content h5,
.docs-content h6 {
	margin-bottom: 0.5rem;
	margin-top: 1em;
}

.docs-content h1 {
	font-size: 2em;
}

.docs-content h2 {
	font-size: 1.7em;
}

.docs-content h3 {
	font-size: 1.5em;
}

.docs-content h4 {
	font-size: 1.25em;
}

.docs-content h5 {
	font-size: 1.1em;
}

.docs-content h6 {
	font-size: 1em;
}

.docs-content p,
.docs-content ul {
	margin-bottom: 1rem;
}

.docs-content ul {
	padding-left: 2em;
	list-style: disc;
}

.docs-content a {
	text-decoration: underline;
	color: #1a0dab;
}

@media (max-width: 768px) {
}

/* #endregion docs */