TaborgMain/public/assets/css/demo/start-hub-4/start-hub-4.css

/* ***** Banner ***** */
.banner .module-inner {
	padding: 7% 0;
}

.banner .module-shape-1 {
	left: 14%;
}

.banner .module-shape-2 {
	right: 13%;
}

.banner .module-shape-3 {
	right: 14%;
}

@media (max-width: 1199px) {
	.banner {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.banner .module-shape-1 {
		top: 14%;
	}

	.banner .module-shape-2 {
		top: 40%;
	}

	.banner .module-shape-3 {
		top: 13%;
	}

	.banner .module-shape-1 {
		left: 4%;
	}

	.banner .module-shape-2 {
		right: 4%;
	}

	.banner .module-shape-3 {
		right: 7%;
	}
}

@media (max-width: 767px) {
	.banner {
		padding: 15px;
	}

	.banner .module-btn {
		margin-bottom: 30px;
	}

	.banner .module-inner {
		padding: 15% 5% 20% 5%;
	}

	.banner .btn-solid {
		margin-bottom: 20px;
	}

	.banner .module-client {
		margin-bottom: 20px;
	}

	.banner .module-shape-1 {
		width: 110px;
		max-width: 110px;
		z-index: 0;
	}

	.banner .module-shape-2 {
		top: 31%;
		z-index: 0;
	}

	.banner .module-shape-3 {
		top: 8%;
	}

	.banner .module-shape-1 {
		left: -10%;
	}

	.banner .module-shape-2 {
		right: -17%;
	}

	.banner .module-shape-3 {
		right: -12%;
	}
}

/* ***** Banner Navigation ***** */
.banner-navigation .lqd-fancy-menu>.reset-ul>li>a:hover,
.banner-navigation .lqd-fancy-menu li.is-active>a {
	background: #F7F7F7;
	color: #000000;
}

/* ***** Business Solutions ***** */
.business-solutions .module-iconbox-1:hover path,
.business-solutions .module-iconbox-1:hover .lqd-iconbox-heading {
	fill: #C45B42;
	color: #C45B42;
}

.business-solutions .module-iconbox-2:hover path,
.business-solutions .module-iconbox-2:hover .lqd-iconbox-heading {
	fill: #42C46A;
	color: #42C46A;
}

.business-solutions .module-iconbox-3:hover path,
.business-solutions .module-iconbox-3:hover .lqd-iconbox-heading {
	fill: #8F72ED;
	color: #8F72ED;
}

.business-solutions .module-iconbox-4:hover path,
.business-solutions .module-iconbox-4:hover .lqd-iconbox-heading {
	fill: #DBBC32;
	color: #DBBC32;
}

.business-solutions .module-iconbox-5:hover path,
.business-solutions .module-iconbox-5:hover .lqd-iconbox-heading {
	fill: #C44284;
	color: #C44284;
}

.business-solutions .module-iconbox-6:hover path,
.business-solutions .module-iconbox-6:hover .lqd-iconbox-heading {
	fill: #2FB2BB;
	color: #2FB2BB;
}

@media (max-width: 767px) {
	.business-solutions .lqd-iconbox-scale {
		margin-bottom: 10px;
	}
}

/* ***** Select Projects ***** */
@media (max-width: 1199px) {
	.select-projects {
		padding-top: 0;
		padding-bottom: 30px;
	}
}

/* ***** Case Studies ***** */
.case-studies .lqd-progressbar-inner {
	box-shadow: 0 0 0 1px rgba(112, 112, 112, 0.15) inset;
}

/* ***** How It Work ***** */
.how-it-work .fit-aspect-ratio {
	padding-bottom: 177.8%;
}

@media (max-width: 767px) {
	.how-it-work .flex-box-text .iconbox {
		padding: 0 0 20px 0;
	}
}

/* ***** New Features ***** */
.new-features .border-1:hover {
	background-color: rgba(103, 93, 225, 0.16);
	border-style: solid;
	border-color: rgba(103, 93, 225, 0);
}

.new-features .ld-fh-element:hover,
.new-features .ld-fh-element:hover a {
	color: #675DE1;
}

/* ***** Contact ***** */
.contact .module-shape-3 {
	--float-animate-from: -25%;
	--float-animation-ease: ease-in-out;
}

.contact .module-shape-3 {
	right: 9%;
}

.contact .module-shape-2 {
	left: 7%;
}

.contact .lqd-contact-form {
	--inputs-margin: 0 0 35px 0;
	--input-margin-bottom: 35px;
}

@media (max-width: 1199px) {
	.contact .module-shape-2 {
		left: 6.898%;
	}

	.contact .module-shape-3 {
		right: 9.1%;
	}
}

@media (min-width: 768px) {
	.contact .module-form {
		width: 625px;
	}
}

/* ***** Digital Solution ***** */
.digital-solution .ld-fancy-heading .txt-rotate-keywords {
	--visible-words: 7;
	color: #d0d2e2;
}

.digital-solution .ld-fancy-heading .txt-rotate-keywords-inner {
	--lqd-color-start: #84F0B2;
	--lqd-color-stop: #5F91A7;
}

@media (max-width: 767px) {
	.digital-solution .module-content {
		padding: 50px 30px;
	}

	.digital-solution .module-shape {
		top: -42%;
	}

	.digital-solution .module-shape {
		left: -50%;
	}

	.digital-solution .lqd-lottie {
		width: 100vw;
	}

	.digital-solution .module-title h2 {
		font-size: 12vw;
		margin: 0 0 0.25em 0;
	}

	.digital-solution .ld-fancy-heading p {
		margin-bottom: 1em;
	}

	.digital-solution .module-text-rotate h2 {
		font-size: 10vw;
	}
}

/* ***** Footer ***** */
.main-footer .link-badge {
	font-size: 10px;
}

@media (max-width: 767px) {
	.main-footer>section {
		padding-top: 70px;
	}

	.main-footer .module-text {
		padding-bottom: 20px;
	}
}