kintcare-customization/public/assets/css/demo/insurance.css

/* ***** Global ***** */
:root {
	--lqd-container-width-md: 970px;
	--lqd-container-width-sm: 750px;
	
	--lqd-color-primary: #005153;
	--lqd-color-gradient-start: #274caf;
	--lqd-color-gradient-stop: #274caf;
	--lqd-color-link: #005153;
	--lqd-color-link-hover: #274caf;
	--lqd-color-dark: #333333;
	--lqd-color-gray-700: #374151;
	--lqd-color-blue-900: #232a3b;
	--lqd-color-green-300: #7ad19e;
	--lqd-color-green-500: #0f5a64;
	--lqd-color-green-700: #094048;
	--lqd-color-green-50: #f0f7f3;
	--lqd-color-gray-100: #f8f8f8;
	--lqd-color-slate-500: #64748b;
	--lqd-color-slate-700: #334155;
	--lqd-color-green-100: rgba(7, 124, 88, 0.11);
	--lqd-color-green-200: rgba(15, 90, 100, 0.13);
	--lqd-body-text-color: #707376;

	--lqd-mobile-sec-height: 0;
	--lqd-sticky-header-height: 75px;

	--lqd-row-gutter-x: 30px;
	--lqd-row-gutter-y: 0;

	--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
	--lqd-body-font-size: 17px;
	--lqd-body-font-weight: 400;
	--lqd-body-line-height: 1.47em;

	--lqd-heading-font-family: var(--lqd-body-font-family);
	--lqd-h1-font-family: 'Averia Serif Libre', cursive;
	--lqd-h2-font-family: var(--lqd-h1-font-family);

	--lqd-heading-line-height: 1.2em;
	--lqd-h1-line-height: 1.05em;
	--lqd-h3-line-height: 1.05em;

	--lqd-heading-color: #0f5a64;
	--lqd-heading-font-weight: 500;
	--lqd-h1-font-weight: 400;
	--lqd-h2-font-size: 40px;
	--lqd-h2-font-weight: 400;
	--lqd-h3-font-size: 23px;
	--lqd-h4-font-size: 25px;
	--lqd-h6-font-size: 18px;
}

hr {
	margin: 0;
	border: none;
	border-bottom: 1px solid #e6e6e6;
}

.font-body {
	font-family: var(--lqd-body-font-family);
}

.font-title {
	font-family: var(--lqd-h1-font-family);
}

/* ***** Button ***** */
.btn-primary:hover {
	background-color: var(--lqd-color-green-500);
	color: #ffffff;
}

.btn-primary:hover .btn-icon {
	background-color: #ffffff;
	color: var(--lqd-color-green-500);
}

/* ***** BG Loader ***** */
.bg-loader {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-inline-start: -30px;
	opacity: .5;
	transition-property: opacity, visibility;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

/* ***** Main Header ***** */
.main-header .main-nav {
	--lqd-menu-items-top-padding: 0;
	--lqd-menu-items-right-padding: 12px;
	--lqd-menu-items-bottom-padding: 0;
	--lqd-menu-items-left-padding: 12px;
}

.main-header .current-menu-item>a {
	color: rgba(0, 0, 0, .6);
}

.main-header .solid-row .btn-solid:hover {
	background-color: #077c58;
	border-color: #077c58;
	color: #ffffff;
}

.main-header .solid-row .btn-solid:hover .btn-icon {
	background-color: #ffffff;
	color: var(--lqd-color-green-500);
}

.main-header .btn-sm {
	--btn-pt: 0.65em;
	--btn-pe: 1.5em;
	--btn-pb: 0.65em;
	--btn-ps: 1.5em;

}

/* ***** Stickybar Right ***** */
.main-header .lqd-stickybar-right {
	padding-bottom: 80px;
}

.main-header .lqd-stickybar-right .btn.no-rotate {
	transform: rotate(180deg) translateX(-40%);
	text-align: start;
}

.main-header .lqd-stickybar-wrap .lqd-head-col>.module-button .btn.no-rotate {
	transform: rotate(180deg) translateX(-12%);
	box-shadow: 0px 0px 20px 0px rgba(65, 94, 148, 0.08);
}

.main-header .lqd-stickybar-right .btn:hover {
	color: #ffffff;
	background-color: var(--lqd-color-green-500);
}

.main-header .lqd-stickybar-right .btn:hover .btn-icon {
	background-color: rgba(255, 255, 255, 0.08);
}

@media (min-width: 1200px) {
	.is-stuck .lqd-head-sec-wrap {
		background: #fff;
	}
}

/* ***** Lity Modal ***** */
.lity-modal .ld-fancy-heading span {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
}

.lity-modal .lqd-contact-form {
	--input-margin-bottom: 13px;
	--inputs-margin: 0 0 var(--input-margin-bottom) 0;
}

.lity-modal input:focus,
.lity-modal select:focus,
.lity-modal textarea:focus,
.lity-modal .ui-button.ui-selectmenu-button:hover {
	border-color: rgb(0, 0, 0);
}

.lity-modal .lqd-contact-form input:focus {
	color: #000000;
}

@media (max-width: 991px) {
	.lity-modal .ld-fancy-heading h2 {
		font-size: 48px;
		line-height: 0.75em;
	}
}

/* ***** Carousels ***** */
.carousel-items> :not([class*=col-]):not(.has-width) {
	flex: 1 0 100%;
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}

.lqd-fb .ld-slideelement-hidden {
	opacity: 0;
	transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
}

.lqd-fb:hover .ld-slideelement-hidden {
	opacity: 1;
}

.flickity-button {
	padding: 0;
	background-color: transparent;
}

/* ***** Banner ***** */
.banner {
	background-position: 60% 50%;
}

@media (max-width: 991px) {
	.banner .ld-fancy-heading h1 {
		font-size: 80px;
	}
}

@media (max-width: 575px) {
	.banner .ld-fancy-heading h1 {
		font-size: 47px;
	}
}

/* ***** Under Banner ***** */
@media (max-width: 991px) {
	.under-banner .ld-fancy-heading {
		margin-bottom: 15px;
	}
}

/* ***** About */
.about .iconbox-icon-container>svg {
	max-height: unset;
}

.carousel-nav.carousel-nav-sm .flickity-button {
	width: 16px;
	height: 16px;
}

.about .module-carousel:hover {
	box-shadow: 0 20px 50px 0 rgba(65, 94, 148, 0.09);
	background-color: #ffffff;
}

@media (max-width: 991px) {
	.about {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.about .module-bottom {
		padding-top: 30px;
	}
}

@media (max-width: 767px) {
	.about .carousel-items {
		margin-inline-start: -15px;
		margin-inline-end: -15px;
	}

	.about .carousel-item {
		padding-inline-start: 15px;
		padding-inline-end: 15px;
	}
}

/* ***** Companies ***** */
@media (max-width: 991px) {
	.companies {
		padding-bottom: 40px;
	}
}

/* ***** Counters ***** */
.counters .ld-fancy-heading .h1 {
	font-size: 62px;
}

/* ***** Services ***** */
.services .carousel-items {
	margin-inline-start: -8px;
	margin-inline-end: -8px;
}

.services .carousel-item {
	padding-inline-start: 8px;
	padding-inline-end: 8px;
}

.services .lqd-fb-style-1 .lqd-fb-bg {
	height: 100%;
	transform: translateY(0);
}

@media (max-width: 991px) {
	.services {
		padding-top: 70px;
		padding-bottom: 30px;
	}

	.services .module-bottom {
		padding-top: 35px;
	}
}

/* ***** Text Image Naked ***** */
@media (max-width: 991px) {
	.text-image-naked {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.text-image-naked .ld-fancy-heading h2 {
		font-size: 40px;
	}

	.text-image-naked .lqd-column-top-ontablet {
		margin-bottom: 30px;
	}
}

/* ***** Tab Items ***** */
.tab-items .lqd-tabs-nav li a.active {
	color: #103a40;
}

@media (max-width: 991px) {
	.tab-items {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.tab-items .ld-fancy-heading h2 {
		font-size: 40px;
	}
}

/* ***** Testimonials ***** */
.testimonials .module-testimonials {
	padding-right: 12%;
	padding-left: 12%;
}

.testimonials .carousel-nav.carousel-nav-sm .flickity-button {
	font-size: 20px;
	width: 35px;
	height: 35px;
}

@media (max-width: 1199px) {
	.testimonials .module-testimonials {
		padding-right: 7%;
		padding-left: 7%;
	}
}

@media (max-width: 991px) {
	.testimonials {
		padding-right: 15px;
		padding-left: 15px;
	}

	.testimonials .module-title h2 {
		font-size: 40px;
	}

	.testimonials .module-testimonials {
		padding: 35px 20px;
	}
}

@media (max-width: 767px) {
	.testimonials .module-testimonials .ld-fancy-heading h2 {
		font-size: 40px;
	}
}

/* ***** Help ***** */
@media (max-width: 991px) {
	.help {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/* ***** Contact***** */
@media (max-width: 991px) {
	.contact .module-first {
		padding: 45px 20px;
	}

	.contact .ld-fancy-heading h2 {
		font-size: 40px;
	}
}

/* ***** Main Footer ***** */
.main-footer .ld-sf input[type="email"],
.main-footer .ld-sf input[type="text"] {
	background: rgba(15, 90, 100, 0.06);
	color: rgba(16, 58, 64, 0.55);
}

.main-footer .ld-sf button[type="submit"] {
	background: rgba(15, 90, 100, 0.15);
	color: #0f5a64;
}

.main-footer .ld-sf .submit-text+.submit-icon {
	margin-inline-start: 0;
}

@media (max-width: 575px) {
	.main-footer .ld-sf--button-inside:not(.ld-sf--button-naked) [type=submit] {
		position: relative;
		top: auto;
		left: auto;
	}
}