@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");

body {
	font-family: "Poppins", sans-serif;
	color: #121212;
	font-size: 16px;
}

a,
a:hover {
	text-decoration: none;
}

/*Placeholder Color Start*/
::-webkit-input-placeholder {
	/* Edge */
	color: #cfd0de !important;
	font-weight: 400 !important;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #cfd0de !important;
	font-weight: 400 !important;
}

::placeholder {
	color: #cfd0de !important;
	font-weight: 400 !important;
}

/*Placeholder Color Start*/
.header-custom-kf {
	position: relative !important;
	background: #f35f31 !important;
}

.navbar-toggler {
	padding: 4px 8px;
	font-size: 16px;
	line-height: 1;
	background-color: white;
	border: 1px solid #f46e2b;
	border-radius: 5px;
}

.navbar-light .navbar-toggler {
	color: inherit;
	border-color: #f46e2b;
	outline: 0;
}

.hidden {
	display: none;
}

#navbar-close {
	padding: 4px 2px;
	font-size: 16px;
	line-height: 1;
	background-color: white;
	border: 0;
	border-radius: 5px;
	color: #0385ff;
}

/*Header Start*/
.header-custom {
	position: absolute;
	z-index: 600;
	width: 100%;
}

.home-banner {
	display: block;
	position: relative;
	padding: 0;
	position: relative;
}

.home-banner-bg {
	background: url("../img/kota-factory/home-banner-1.png") no-repeat;
	background-position: bottom;
	background-size: cover;
}

.home-banner-bg-cover {
	padding: 140px 0 140px 0;
	/*display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;*/
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
	opacity: 0.5;
}

a.registration-htab {
	border: 1px solid #eff2ff;
	color: #eff2ff;
	padding: 8px 22px;
	display: block;
}

a.registration-htab:hover,
a.registration-htab:active,
a.registration-htab:focus {
	color: #eff2ff !important;
}

/*Header End*/
blockquote p {
	position: relative;
}

blockquote:before {
	position: absolute;
	content: open-quote;
	font-size: 53px;
	color: #f3652e;
	margin-left: -0.6em;
	margin-top: -10px;
}

blockquote:after {
	position: absolute;
	content: close-quote;
	font-size: 50px;
	color: #f3652e;
	margin-right: -0.6em;
	margin-top: -10px;
}

blockquote p {
	display: inline;
}

.navbar-nav.menuBorder-custom li.nav-item:before {
	content: "";
	position: absolute;
	top: 50%;
	background: #fff;
	height: 14px;
	width: 2px;
	z-index: 1;
	-webkit-transform: translateY(-42%);
	-ms-transform: translateY(-42%);
	transform: translateY(-42%);
}

.navbar-nav.menuBorder-custom li:first-child.nav-item:before {
	content: none;
}

.bannerListing .media {
	margin-bottom: 10px;
}

/*padding Start*/
.ptb70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.ptb120-xs {
	padding-top: 120px;
	padding-bottom: 120px;
}

.available-platforms-ptb {
	padding-top: 150px;
	padding-bottom: 55px;
}

.ptb80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.pt80 {
	padding-top: 80px;
}

/*padding End*/

/*Margin Start*/
.mb15 {
	margin-bottom: 15px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mt46-xs {
	margin-top: 46px;
}

/*Margin End*/

/*Font Weight Start*/
.w300-light {
	font-weight: 300;
}

.w400-regular {
	font-weight: 400;
}

.w500-medium {
	font-weight: 500;
}

.w600-semibold {
	font-weight: 600;
}

.w700-bold {
	font-weight: 700;
}

.w800-extrabold {
	font-weight: 800;
}

/*Font Weight End*/

/*Color Start*/
.grey-color {
	color: #747474;
}

.black-color {
	color: #000000;
}

.white-text,
a.white-text,
.white-text a {
	color: #fff;
}

.orange-color {
	color: #f3662e;
}

/*BG*/
.orange-color-bg {
	background-color: #f3662e;
}

/*Color End*/

/*Testimonial*/
.testimonial_subtitle {
	color: #0aaa7a;
	font-size: 12px;
}

.testimonial_btn {
	background-color: #373d4b !important;
	color: #fff !important;
}

.seprator {
	height: 2px;
	width: 56px;
	background-color: #0aaa7a;
	margin: 7px 0 10px 0;
}

.ptb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.testimonial_btn {
	background-color: #fe4c1c !important;
	color: #fff !important;
}

.testimonial_para {
	line-height: 1.6;
	color: #071d38;
}

.imgProfile-slider {
	border-radius: 100px !important;
}

.testimonial_subtitle {
	color: #0079fc;
	font-size: 12px;
}

/*Testimonial*/

/*Border After Heading*/
.heading-border {
	width: 126px;
	border-top: 2px solid #f3662e;
	margin: 0 auto;
}

/*Line Height*/
.lh26px {
	line-height: 26px;
}

.width100 {
	width: 100%;
}

.prelative {
	position: relative;
}

.form-control.formHeight40 {
	height: 40px;
	border-radius: 0;
}

.form-control.formHeight50 {
	height: 50px;
	border-radius: 5px;
}

.submitForm-banner {
	position: relative;
}

.submitForm-banner label {
	font-size: 14px;
	color: #747474;
}

.submitForm-banner a {
	display: block;
	font-size: 12px;
	color: #747474;
}

.submitForm-banner .form-design {
	width: 343px;
	background: #fff;
	border-radius: 5px;
	padding: 24px 25px;
}

.submitForm-banner img {
	position: absolute;
	top: 82px;
	right: 0px;
	overflow: hidden;
}

/*buttons Start*/
.submitBtn-form {
	color: #ffffff;
	width: 100%;
	background: #354eeb;
	font-weight: 600;
	padding: 12px;
}

/*buttons End*/

/*Wonder Box Start*/
.wonder_box {
	position: relative;
	margin-bottom: 60px;
	display: table;
}

.wonder_box_left {
	background-color: #fdf3f3;
	padding: 0% 6% 0% 10%;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	height: 226px;
	max-height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.wonder_box_left_icon {
	position: absolute;
	top: 45px;
	left: -75px;
}

.wonder_box.wonder_box_right70 {
	right: 70px;
}

.wonder_box_right {
	background-color: #fdf3f3;
	padding: 0% 10% 0% 6%;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	height: 226px;
	max-height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.wonder_box_right_icon {
	position: absolute;
	top: 45px;
	right: -75px;
}

/*Wonder Box End*/

/*Available Platform Start*/
ul.availablePlatform-box {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.availablePlatform-box li {
	display: inline-block;
	padding-right: 30px;
}

ul.availablePlatform-box li:last-child {
	padding-right: 0;
}

/*Available Platform End*/

.f-left-xs {
	text-align: left;
}

.f-right-xs {
	text-align: right;
}

.float-left-xs {
	float: left;
}

.float-right-xs {
	float: right;
}

/*Footer Start*/
.footer-bg {
	color: #ffffff;
	background-color: #380804;
	padding-top: 33px;
	padding-bottom: 32px;
}

/*Social Icons Start*/
ul.socialLinksListing {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.socialLinksListing li {
	display: inline-block;
	margin-right: 25px;
}

ul.socialLinksListing li a {
	position: relative;
	display: block;
	text-align: center;
	color: rgba(255, 255, 255);
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

ul.socialLinksListing li a i {
	font-size: 27px;
	vertical-align: middle;
}

ul.socialLinksListing li:last-child {
	margin-right: 0;
}

/*Social Icons End*/

.homeImg-media {
	padding-top: 30px;
	position: absolute;
	top: -78px;
}

.logo-mobile-xs {
	width: 330px;
}

.navbar {
	background-color: transparent;
}

/*Footer End*/

/*Sticky Header Start*/
.sticky-banner {
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
}

.sticky-header {
	background-color: #ffffff;
}

.fixed-header {
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),
		0 3px 1px 0 rgba(20, 23, 28, 0.1);
}

/*Transparent Header*/
.sticky-transparent {
	background: transparent;
}

.transparent-sticky-header {
	background: #ffffff !important;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),
		0 3px 1px 0 rgba(20, 23, 28, 0.1);
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.animated-header {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.breadcrumbCustom {
	background: transparent;
	padding: 0;
	margin-bottom: 0;
}

.breadcrumbCustom li a {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
}

.breadcrumbCustom .breadcrumb-item.active {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
}

.breadcrumbCustom .breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	color: #ffffff;
	content: "-";
}

/*tabs Course Page Start*/
.tabgroup {
	position: relative;
	display: inline-block;
	width: 100%;
}

.tabgroup__item {
	-webkit-appearance: none;
	-moz-appearance: none !important;
	left: -99999px;
	padding: 0;
	height: 0;
	width: 0;
	z-index: -100;
	outline: 0;
}

.tabgroup__item:checked+.tab {
	background-color: #f35f31;
	color: white;
	position: relative;
}

.tabgroup__item--1:checked~.panel--1,
.tabgroup__item--2:checked~.panel--2 {
	display: block;
}

.tabgroup .tab {
	float: left;
	width: 100%;
	display: block;
	background-color: #fff;
	color: #ff7346;
	border: 1px solid #ff7346;
	padding: 15px;
	cursor: pointer;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

.tabgroup .panel {
	background-color: #f9f9f9;
	min-height: 200px;
	padding: 25px;
	display: none;
	width: 100%;
}

.table .thead-red th {
	color: #fff;
	background-color: #f52c1c;
	border-color: #ce0f00;
}

.table .thead-orange th {
	color: #fff;
	background-color: #ff7d23;
	border-color: #fb6700;
}

.table.courseTable td,
.table.courseTable th {
	padding: 25px 20px;
	font-size: 18px;
}

@media screen and (min-width: 768px) {
	.tabgroup .tab {
		display: inline-block;
		float: none;
		width: auto;
	}
}

/*tabs Course Page End*/
.light-blue-bg {
	background-color: #f6faff;
}

/*Enrollment Start*/
ul.projectListing {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-around;
}

ul.projectListing li {
	display: inline-block;
}

.light-blue-ball {
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: #00a5a6;
	text-align: center;
	bottom: -8px;
	z-index: 9;
}

.orange-ball {
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: #ff9d70;
	text-align: center;
	bottom: -8px;
	z-index: 9;
}

.blue-ball {
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: #007aff;
	margin: 0 auto;
	text-align: center;
	bottom: -8px;
	z-index: 9;
}

.green-ball {
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: #30d108;
	margin: 0 auto;
	text-align: center;
	bottom: -8px;
	z-index: 9;
}

.projectBorderLiner {
	border-bottom: 2px solid #d7d7d7;
}

.para-color {
	color: #9b9a9b;
}

.course-title {
	font-size: 40px;
	font-weight: 600;
	margin-right: 3%;
}

/*Enrollment End*/
ul.course-listing {
	list-style: circle;
	padding-left: 80px;
}

ul.course-listing li {
	margin-bottom: 10px;
}

/*Student View Steps Start*/
.student-view-bg {
	background: url(../img/student-view-banner.png) #2d71ff no-repeat;
	background-size: cover;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
}

.student_view_box {
	position: relative;
	color: #000000;
	font-family: "Roboto", sans-serif;
	width: 512px;
	border-radius: 5px;
	padding: 35px 40px;
	margin-bottom: 15px;
	background-color: rgb(255, 255, 255);
	/*box-shadow: 0px 0px 80px 0px rgba(11, 74, 224, 0.68);*/
}

.student_view_box .inside-img-1 {
	position: absolute;
	top: 0px;
	left: 0;
}

.student_view_box .inside-img-2 {
	position: absolute;
	bottom: 0px;
	right: 0;
}

.student_view_box .close-img-1 {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 35px;
	cursor: pointer;
}

.student_view_box .outside-img-1 {
	position: absolute;
	top: 0px;
	left: -52px;
}

.student_view_box .outside-img-2 {
	position: absolute;
	right: -47px;
	bottom: -25px;
}

.student-view-title-pd70 {
	line-height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.form-wrapper {
	font-weight: 400;
	color: #000000;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	position: relative;
}

.form-wrapper label {
	font-weight: 400;
	width: 32.92%;
}

.form-wrapper .formInputBox {
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 1px 0px rgba(11, 74, 224, 0.004);
	width: 67.08%;
	height: 50px !important;
	display: block;
	border: 1px solid #c2d2f7;
	background: none;
	color: #000;
}

.form-wrapper .formInputBox option {
	font-size: 16px;
}

.modalBottom0 {
	margin-bottom: 0;
}

.btn-student-submit {
	display: table;
	padding: 15px;
	width: 67.08%;
	font-weight: 700;
	color: #ffffff;
	border-radius: 5px;
	background-image: -moz-linear-gradient(0deg,
			rgb(1, 151, 255) 0%,
			rgb(55, 105, 255) 100%);
	background-image: -webkit-linear-gradient(0deg,
			rgb(1, 151, 255) 0%,
			rgb(55, 105, 255) 100%);
	background-image: -ms-linear-gradient(0deg,
			rgb(1, 151, 255) 0%,
			rgb(55, 105, 255) 100%);
}

.btn-student-submit:hover {
	opacity: 0.9;
}

/*Media Queries*/
@media (min-width: 240px) {
	.xs14 {
		font-size: 14px;
	}

	.xs16 {
		font-size: 16px;
	}

	.xs18 {
		font-size: 18px;
	}

	.xs19 {
		font-size: 19px;
	}

	.xs20 {
		font-size: 20px;
	}

	.xs22 {
		font-size: 22px;
	}

	.xs24 {
		font-size: 24px;
	}

	.xs26 {
		font-size: 26px;
	}

	.xs28 {
		font-size: 28px;
	}

	.xs30 {
		font-size: 30px;
	}

	.xs32 {
		font-size: 32px;
	}

	.xs34 {
		font-size: 34px;
	}

	.xs36 {
		font-size: 36px;
	}

	.xs38 {
		font-size: 38px;
	}

	.xs40 {
		font-size: 40px;
	}

	.xs42 {
		font-size: 42px;
	}

	.xsmt0 {
		margin-top: 0;
	}

	.xsmt1 {
		margin-top: 1%;
	}

	.xsmt2 {
		margin-top: 2%;
	}

	.xsmt3 {
		margin-top: 3%;
	}

	.xsmt4 {
		margin-top: 4%;
	}

	.xsmt5 {
		margin-top: 5%;
	}

	.xsmt6 {
		margin-top: 6%;
	}

	.xsmt7 {
		margin-top: 7%;
	}

	.xsmt8 {
		margin-top: 8%;
	}

	.xsmt9 {
		margin-top: 9%;
	}

	.xsmt10 {
		margin-top: 10%;
	}

	.xsmb0 {
		margin-bottom: 0;
	}

	.xsmb1 {
		margin-bottom: 1%;
	}

	.xsmb2 {
		margin-bottom: 2%;
	}

	.xsmb3 {
		margin-bottom: 3%;
	}

	.xsmb4 {
		margin-bottom: 4%;
	}

	.xsmb5 {
		margin-bottom: 5%;
	}

	.xsmb6 {
		margin-bottom: 6%;
	}

	.xsmb7 {
		margin-bottom: 7%;
	}

	.xsmb8 {
		margin-bottom: 8%;
	}

	.xsmb9 {
		margin-bottom: 9%;
	}

	.xsmb10 {
		margin-bottom: 10%;
	}
}

@media (min-width: 768px) {
	.sm18 {
		font-size: 18px;
	}

	.sm19 {
		font-size: 19px;
	}

	.sm20 {
		font-size: 20px;
	}

	.sm22 {
		font-size: 22px;
	}

	.sm24 {
		font-size: 24px;
	}

	.sm26 {
		font-size: 26px;
	}

	.sm28 {
		font-size: 28px;
	}

	.sm30 {
		font-size: 30px;
	}

	.sm32 {
		font-size: 32px;
	}

	.sm34 {
		font-size: 34px;
	}

	.sm36 {
		font-size: 36px;
	}

	.sm38 {
		font-size: 38px;
	}

	.sm40 {
		font-size: 40px;
	}

	.sm42 {
		font-size: 42px;
	}

	.sm44 {
		font-size: 44px;
	}

	.sm46 {
		font-size: 46px;
	}

	.sm47 {
		font-size: 47px;
	}

	.sm48 {
		font-size: 48px;
	}

	.sm70 {
		font-size: 70px;
	}

	.mt0 {
		margin-top: 0;
	}

	.mt1 {
		margin-top: 1%;
	}

	.mt2 {
		margin-top: 2%;
	}

	.mt3 {
		margin-top: 3%;
	}

	.mt4 {
		margin-top: 4%;
	}

	.mt5 {
		margin-top: 5%;
	}

	.mt6 {
		margin-top: 6%;
	}

	.mt7 {
		margin-top: 7%;
	}

	.mt8 {
		margin-top: 8%;
	}

	.mt9 {
		margin-top: 9%;
	}

	.mt10 {
		margin-top: 10%;
	}

	.mb0 {
		margin-bottom: 0;
	}

	.mb1 {
		margin-bottom: 1%;
	}

	.mb2 {
		margin-bottom: 2%;
	}

	.mb3 {
		margin-bottom: 3%;
	}

	.mb4 {
		margin-bottom: 4%;
	}

	.mb5 {
		margin-bottom: 5%;
	}

	.mb6 {
		margin-bottom: 6%;
	}

	.mb7 {
		margin-bottom: 7%;
	}

	.mb8 {
		margin-bottom: 8%;
	}

	.mb9 {
		margin-bottom: 9%;
	}

	.mb10 {
		margin-bottom: 10%;
	}

	.navbar-expand-lg.navbar {
		height: 110px;
	}

	.orange-line {
		border-left: 2px solid #ff9d70;
		height: 26px;
		margin: 0 auto;
		position: absolute;
		left: 201px;
		text-align: center;
		bottom: 18px;
	}

	.blue-line {
		border-left: 2px solid #007aff;
		height: 26px;
		margin: 0 auto;
		position: absolute;
		right: 199px;
		text-align: center;
		bottom: 18px;
	}

	.green-line {
		border-left: 2px solid #30d108;
		height: 26px;
		margin: 0 auto;
		position: absolute;
		right: 344px;
		text-align: center;
		top: 33px;
	}
}

@media (max-width: 767px) {
	.logo-mobile-xs {
		width: 185px;
	}

	.f-right-xs,
	.f-left-xs {
		text-align: center;
	}

	.wonder_box_left_icon,
	.wonder_box_right_icon {
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
	}

	.wonder_box_left_icon img,
	.wonder_box_right_icon img {
		width: 90px;
	}

	.wonder_box_left,
	.wonder_box_right {
		height: auto;
		display: table;
		border-radius: 0;
		padding: 15px 15px;
		text-align: center;
		margin-top: 10px;
	}

	.wonder_box_right70 {
		right: 0 !important;
	}

	.submitForm-banner .form-design {
		width: 100%;
	}

	.navbar-nav.menuBorder-custom li.nav-item:before {
		content: none;
	}

	blockquote:before {
		left: 20px;
		right: 0;
	}

	blockquote:after {
		left: 0;
		right: 0;
		bottom: -30px;
		margin-right: 0;
	}

	.float-right-xs,
	.float-left-xs {
		float: none;
	}

	.student_view_box {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
	}

	li.nav-item.button-signup,
	li.nav-item.button-signup-whiteBg {
		width: 50%;
		text-align: center;
	}
}

@media (max-width: 991px) and (min-width: 320px) {
	.navbar {
		padding: 0.95rem 1rem;
		background-color: #f3672e !important;
	}

	.navbar-expand-lg.navbar {
		height: auto;
	}
}

@media (min-width: 992px) {
	.md18 {
		font-size: 18px;
	}

	.md19 {
		font-size: 19px;
	}

	.md20 {
		font-size: 20px;
	}

	.md22 {
		font-size: 22px;
	}

	.md24 {
		font-size: 24px;
	}

	.md26 {
		font-size: 26px;
	}

	.md28 {
		font-size: 28px;
	}

	.md30 {
		font-size: 30px;
	}

	.md32 {
		font-size: 32px;
	}

	.md34 {
		font-size: 34px;
	}

	.md35 {
		font-size: 35px;
	}

	.md36 {
		font-size: 36px;
	}

	.md38 {
		font-size: 38px;
	}

	.md40 {
		font-size: 40px;
	}

	.md42 {
		font-size: 42px;
	}

	.md44 {
		font-size: 44px;
	}

	.md46 {
		font-size: 46px;
	}

	.md48 {
		font-size: 48px;
	}

	.md50 {
		font-size: 50px;
	}

	.md86 {
		font-size: 86px;
	}

	.mt0 {
		margin-top: 0;
	}

	.mt1 {
		margin-top: 1%;
	}

	.mt2 {
		margin-top: 2%;
	}

	.mt3 {
		margin-top: 3%;
	}

	.mt4 {
		margin-top: 4%;
	}

	.mt5 {
		margin-top: 5%;
	}

	.mt6 {
		margin-top: 6%;
	}

	.mt7 {
		margin-top: 7%;
	}

	.mt8 {
		margin-top: 8%;
	}

	.mt9 {
		margin-top: 9%;
	}

	.mt10 {
		margin-top: 10%;
	}

	.mb0 {
		margin-bottom: 0;
	}

	.mb1 {
		margin-bottom: 1%;
	}

	.mb2 {
		margin-bottom: 2%;
	}

	.mb3 {
		margin-bottom: 3%;
	}

	.mb4 {
		margin-bottom: 4%;
	}

	.mb5 {
		margin-bottom: 5%;
	}

	.mb6 {
		margin-bottom: 6%;
	}

	.mb7 {
		margin-bottom: 7%;
	}

	.mb8 {
		margin-bottom: 8%;
	}

	.mb9 {
		margin-bottom: 9%;
	}

	.mb10 {
		margin-bottom: 10%;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 25px;
		padding-right: 25px;
		font-size: 18px;
		font-weight: 400;
	}

	.homeImg-media {
		padding-top: 30px;
		position: absolute;
		top: -30px;
	}

	.orange-line {
		border-left: 2px solid #ff9d70;
		height: 44px;
		margin: 0 auto;
		position: absolute;
		left: 286px;
		text-align: center;
		bottom: 18px;
	}

	.blue-line {
		border-left: 2px solid #007aff;
		height: 44px;
		margin: 0 auto;
		position: absolute;
		right: 286px;
		text-align: center;
		bottom: 18px;
	}

	.green-line {
		border-left: 2px solid #30d108;
		height: 44px;
		margin: 0 auto;
		position: absolute;
		right: 94px;
		text-align: center;
		top: 33px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}

	.lg20 {
		font-size: 20px;
	}

	.lg22 {
		font-size: 22px;
	}

	.lg24 {
		font-size: 24px;
	}

	.lg26 {
		font-size: 26px;
	}

	.lg28 {
		font-size: 28px;
	}

	.lg30 {
		font-size: 30px;
	}

	.lg32 {
		font-size: 32px;
	}

	.lg33 {
		font-size: 33px;
	}

	.lg34 {
		font-size: 34px;
	}

	.lg36 {
		font-size: 36px;
	}

	.lg38 {
		font-size: 38px;
	}

	.lg40 {
		font-size: 40px;
	}

	.lg42 {
		font-size: 42px;
	}

	.lg44 {
		font-size: 44px;
	}

	.lg46 {
		font-size: 46px;
	}

	.lg48 {
		font-size: 48px;
	}

	.mt0 {
		margin-top: 0;
	}

	.mt1 {
		margin-top: 1%;
	}

	.mt2 {
		margin-top: 2%;
	}

	.mt3 {
		margin-top: 3%;
	}

	.mt4 {
		margin-top: 4%;
	}

	.mt5 {
		margin-top: 5%;
	}

	.mt6 {
		margin-top: 6%;
	}

	.mt7 {
		margin-top: 7%;
	}

	.mt8 {
		margin-top: 8%;
	}

	.mt9 {
		margin-top: 9%;
	}

	.mt10 {
		margin-top: 10%;
	}

	.mb0 {
		margin-bottom: 0;
	}

	.mb1 {
		margin-bottom: 1%;
	}

	.mb2 {
		margin-bottom: 2%;
	}

	.mb3 {
		margin-bottom: 3%;
	}

	.mb4 {
		margin-bottom: 4%;
	}

	.mb5 {
		margin-bottom: 5%;
	}

	.mb6 {
		margin-bottom: 6%;
	}

	.mb7 {
		margin-bottom: 7%;
	}

	.mb8 {
		margin-bottom: 8%;
	}

	.mb9 {
		margin-bottom: 9%;
	}

	.mb10 {
		margin-bottom: 10%;
	}

	.homeImg-media {
		padding-top: 30px;
		position: absolute;
		top: -78px;
	}

	.orange-line {
		border-left: 2px solid #ff9d70;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		left: 346px;
		text-align: center;
		bottom: 18px;
	}

	.blue-line {
		border-left: 2px solid #007aff;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		right: 346px;
		text-align: center;
		bottom: 18px;
	}

	.green-line {
		border-left: 2px solid #30d108;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		right: 115px;
		text-align: center;
		top: 33px;
	}
}

@media (min-width: 1300px) {
	.container {
		max-width: 1170px;
	}

	.mt0 {
		margin-top: 0;
	}

	.mt1 {
		margin-top: 1%;
	}

	.mt2 {
		margin-top: 2%;
	}

	.mt3 {
		margin-top: 3%;
	}

	.mt4 {
		margin-top: 4%;
	}

	.mt5 {
		margin-top: 5%;
	}

	.mt6 {
		margin-top: 6%;
	}

	.mt7 {
		margin-top: 7%;
	}

	.mt8 {
		margin-top: 8%;
	}

	.mt9 {
		margin-top: 9%;
	}

	.mt10 {
		margin-top: 10%;
	}

	.mb0 {
		margin-bottom: 0;
	}

	.mb1 {
		margin-bottom: 1%;
	}

	.mb2 {
		margin-bottom: 2%;
	}

	.mb3 {
		margin-bottom: 3%;
	}

	.mb4 {
		margin-bottom: 4%;
	}

	.mb5 {
		margin-bottom: 5%;
	}

	.mb6 {
		margin-bottom: 6%;
	}

	.mb7 {
		margin-bottom: 7%;
	}

	.mb8 {
		margin-bottom: 8%;
	}

	.mb9 {
		margin-bottom: 9%;
	}

	.mb10 {
		margin-bottom: 10%;
	}

	.homeImg-media {
		padding-top: 30px;
		position: absolute;
		top: -78px;
	}

	.orange-line {
		border-left: 2px solid #ff9d70;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		left: 335px;
		text-align: center;
		bottom: 18px;
	}

	.blue-line {
		border-left: 2px solid #007aff;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		right: 335px;
		text-align: center;
		bottom: 18px;
	}

	.green-line {
		border-left: 2px solid #30d108;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		left: 568px;
		text-align: center;
		top: 33px;
	}
}

@media (min-width: 1440px) {
	.container {
		max-width: 1170px;
	}

	.mt0 {
		margin-top: 0;
	}

	.mt1 {
		margin-top: 1%;
	}

	.mt2 {
		margin-top: 2%;
	}

	.mt3 {
		margin-top: 3%;
	}

	.mt4 {
		margin-top: 4%;
	}

	.mt5 {
		margin-top: 5%;
	}

	.mt6 {
		margin-top: 6%;
	}

	.mt7 {
		margin-top: 7%;
	}

	.mt8 {
		margin-top: 8%;
	}

	.mt9 {
		margin-top: 9%;
	}

	.mt10 {
		margin-top: 10%;
	}

	.mb0 {
		margin-bottom: 0;
	}

	.mb1 {
		margin-bottom: 1%;
	}

	.mb2 {
		margin-bottom: 2%;
	}

	.mb3 {
		margin-bottom: 3%;
	}

	.mb4 {
		margin-bottom: 4%;
	}

	.mb5 {
		margin-bottom: 5%;
	}

	.mb6 {
		margin-bottom: 6%;
	}

	.mb7 {
		margin-bottom: 7%;
	}

	.mb8 {
		margin-bottom: 8%;
	}

	.mb9 {
		margin-bottom: 9%;
	}

	.mb10 {
		margin-bottom: 10%;
	}

	.homeImg-media {
		padding-top: 30px;
		position: absolute;
		top: -96px;
	}

	.orange-line {
		border-left: 2px solid #ff9d70;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		left: 346px;
		text-align: center;
		bottom: 18px;
	}

	.blue-line {
		border-left: 2px solid #007aff;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		right: 346px;
		text-align: center;
		bottom: 18px;
	}

	.green-line {
		border-left: 2px solid #30d108;
		height: 50px;
		margin: 0 auto;
		position: absolute;
		right: 115px;
		text-align: center;
		top: 33px;
	}
}