@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Questrial&family=Quicksand:wght@300;400;500;600;700&display=swap');

body {
	font-family: 'Quicksand', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22.28px;
	color: #2D384A;
}

/* NAVBAR */
.smk-navbar {
	border-top: 10px solid #FFBE2E !important;
}

.nav-hover {
	color: #fff !important;
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}

.nav-hover:hover {
	color: #FFBE2E !important;
}

.nav-hover.active {
	color: #FFBE2E !important;
	border-bottom: 6px solid #FFBE2E;
}

.nav-hover.special {
	border: 1px solid #FFBE2E;
	border-radius: 0.25rem !important;
}

.smk-dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #fff;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.smk-dropdown-item:hover {
	color: #FFBE2E !important;
}

.smk-dropdown-item.active {
	color: #FFBE2E !important;
}

/* .NAVBAR */

/* SLIDER */
.rounded-top-slider {
	border-top-left-radius: 1rem !important;
	border-top-right-radius: 1rem !important;
	opacity: 0.9;
}

.title-slider {
	font-family: Poppin, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 25.676px;
	line-height: 35px;

	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.link-slider {
	text-decoration: none;
	color: #FFBE2E;
	font-weight: bold;
}

.link-slider:hover,
.link-slider:focus {
	color: #ffae00;
	font-weight: bold;
}

.image-slider {
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-layer {
	width: 100%;
	background: rgb(0, 3, 27);
	background: linear-gradient(0deg, rgba(0, 3, 27, 1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}

.w-30 {
	width: 30% !important;
}

/* .SLIDER */

/* Heading */
.smk-heading-1 {
	font-style: normal;
	font-weight: bold;
	font-size: 28.3021px;
	line-height: 31px;
	color: #05285E;
}

.smk-heading-content {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

/* .Heading */

/* Testimoni */
.step-circle {
	border-radius: 50% !important;
	margin: auto !important;
	text-align: center !important;
	font-weight: bolder !important;
	color: #fff;
	width: 4rem;
	height: 4rem;
}

.bg-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.customPrevBtn,
.customNextBtn {
	transition: 1s;
	color: #aaaaaa;
}

.customPrevBtn:hover,
.customNextBtn:hover {
	transform: scale(1.3);
	transition: 1s;
	color: #003961;
}

/* .Testimoni */

/* BG-COLOR */
.smk-bg-primary {
	background-color: #003961 !important;
}

.smk-bg-secondary {
	background-color: #FFBE2E !important;
}

.smk-bg-dark {
	background-color: #071D3F !important;
}

.smk-bg-dark-2 {
	background-color: #1E2F3C !important;
	color: #fff;
}

.smk-bg-light {
	background-color: #F3F3F3 !important;
}


.smk-bullet {
	background-color: #003961;
	border-color: #003961;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 9px;
	padding-bottom: 9px;
	color: #fff;
	border-radius: 0.5rem;
}

ul li {
	background-color: transparent !important;
}

/* .BG-COLOR */

/* Text */
.smk-text-primary {
	color: #05285E;
}

.smk-text-secondary {
	color: #aaaaaa;
}

.smk-text-warning {
	color: #FFBE2E;
}

.smk-text-info {
	color: #00BCD4;
}

/* .Text */

/* Link */
.smk-link {
	display: block;
	color: #003961;
	font-weight: bold;
	text-decoration: none;
}

.smk-link:hover {
	color: #FFBE2E !important;
}

.smk-btn {
	background-color: #003961;
	border-color: #05285E;
	border-radius: 0.5rem;
}

.smk-btn:hover {
	background-color: #FFBE2E;
	border-color: #FFBE2E;
}

.smk-btn-warning {
	background-color: #FB5F1D;
	border-color: #FB5F1D;
	color: #fff;
	border-radius: 0.5rem;
}

.smk-btn-warning:hover {
	background-color: #e44a08;
	border-color: #e44a08;
	color: #fff;
}

.smk-btn-light {
	background-color: #F4F4F4;
	border-color: #F4F4F4;
	color: #003961;
	border-radius: 0.5rem;
}

.smk-btn-light:hover {
	background-color: #e0e0e0;
	border-color: #e0e0e0;
	color: #003961;
}

.page-item.active .page-link {
	background-color: #05285E;
	border-color: #05285E;
}

.page-item .page-link {
	color: #05285E;
}

/* .Link */

/* Footer */
.smk-footer {
	background-color: #003961;
	color: #fff;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .Footer */

/* owlCarousel */
.owl-dot span {
	background-color: #003961 !important;
}

.owl-dot.active span {
	background-color: #FFBE2E !important;
}

/* .owlCarousel */

/* Form input */
.smk-form {
	border-radius: 2rem;
	background-color: #F4F4F4;
}

.smk-form-2 {
	border-radius: 0.8rem;
	background-color: #F4F4F4;
}
/* .Form input */

/* Progress bar */
.smk-progress {
	background-color: #BDBDBD;
	border-color: #BDBDBD;
	color: #fff;
	z-index: 1000;
	width: 2rem;
	height: 2rem;
	border-radius: 50rem;
}

.smk-progress.active {
	background-color: #00BCD4;
	border-color: #00BCD4;
	color: #fff;
}

.smk-progress:hover {
	background-color: #00BCD4;
	color: #fff;
}

.start-25 {
	left: 25% !important;
}

.start-75 {
	left: 75% !important;
}

.start-90 {
	left: 90% !important;
}
/* .Progress bar */

.text-justify {
	text-align: justify !important;
	text-justify: inter-word !important;
}