/* COLOR PICKER */
/* E3E5F0 #HEADER */
nav.navbar.navbar-inverse.navbar-expand-lg.header-nav.fixed-top.light-header {
	background-color: #ffffff;
}

nav.navbar.navbar-inverse.navbar-expand-lg.header-nav.fixed-top.light-header a {
	color: #696279;
}

.header-nav .navbar-nav>li a::after {
	background: #696279;

}

.d-mobile {
	display: none !important;
}

/* Slider */
.carousel-item img {
	height: 100vh !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.carousel-caption {
	position: absolute;
	top: 40% !important;
}

.text-slider-h {
	font-size: 45px;
}

/* HERO SECTION */
section.hero-area.circle-wrap {
	/*background-image: linear-gradient(#5a02b4, rgba(255, 255, 255, 0.5)), url(../img/bg-header.jpg);*/
	background-image: linear-gradient(#5a02b4, rgba(255, 255, 255, 0.5)), url(../img/header_dcn1.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

section.hero-area-2.circle-wrap {
	/*background-image: linear-gradient(#5a02b4, rgba(255, 255, 255, 0.5)), url(../img/hero-2.jpg);*/
	background-image: linear-gradient(#5a02b4, rgba(255, 255, 255, 0.5)), url(../img/hero_dcn1.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

/* section.hero-area-2.pages-wrap {
	/*background-image: linear-gradient(#5a02b4, rgba(255, 255, 255, 0.5)), url(../img/hero-2.jpg);*/
	background-image:  linear-gradient(#fff, rgba(255, 255, 255, 0.5)), url(https://fiber.net.id:443/assets/youlink/assets/img/about/ab-left-big-shape-1.png);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
} */

a.btn.btn-default.animated-btn.rounded-pill {
	border-radius: 30px;
}

span.rounded-circle {
	background-color: #13072E;
	padding: 10px;
	margin-left: 10px;
	margin-right: -20px;
	color: #fff;
}

.single-pricing.text-center.m-10px-tb {
	border-radius: 30px;
}

.pricing-head-text .package-price {
	margin: 0;
	padding: 0;
	border-right: 1px solid #ffffff;

	border-bottom: none;
}

.package-price .col-md-7 {
	/* float: right; */

}

.pricing-head {
	height: 150px;
}

ul {
	list-style: none;
}

.single-pricing.text-center.m-10px-tb ul li:before {
	content: '✓ ';
}

.badge-pojok {
	position: absolute;
	top: 30px;
	left: 30px;
	border-radius: 20px;
	padding: 5px 15px;
	margin-bottom: 20px;
}

.how-it-box.text-center.p-15px-lr.p-50px-tb.m-10px-t.m-10px-b {
	background: linear-gradient(to right bottom, #6509e2 40%, #5a02b4 70%);
	background-color: #5a02b4;
	color: #fff;
	border-radius: 30px;
}

.card-collaps {
	margin-bottom: 10px;
	color: #fff;
	background: linear-gradient(#6104c130, rgb(255 255 255 / 40%)), #49078d;
}

.btn-link {
	font-weight: 400;
	color: #ffffff;
	background-color: transparent;
}

.btn-link:hover {
	color: #b5babe;
	text-decoration: none;
	background-color: transparent;
	border-color: transparent;
}

.box-dukungan {
	border-radius: 30px;
	background: linear-gradient(to right bottom, #6509e2 40%, #5a02b4 70%);
}

p.ratings.testi i {
	font-size: 20px;
	color: #efe803;
}

.service-box.text-left.p-60px.lg-p-40px.md-p-30px.sm-p-20px.m-10px-t.m-10px-b {
	background: linear-gradient(to right bottom, #6509e2 40%, #5a02b4 70%);
	background-color: #5a02b4;
	color: #fff;
	border-radius: 30px;
}

footer#footer {
	border-radius: 80px 80px 0 0;
	background: linear-gradient(#b2aeb7, rgb(219 219 219 / 50%)), #fff;
	color: #32076c;
}

.header-social {
	position: absolute;
	right: 50px;
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

input.form-control.form-custome {
	border-radius: 20px;
}

button.btn.btn-outline-secondary.rounded-pill.custome-rounded {
	border-radius: 50px;
	position: absolute;
	right: 5px;
	top: 4px;
	background-color: #27282e;
}

input.form-control.form-custome {
	height: calc(2.25rem + 10px);
}

ul.menu li a {
	color: #000;
	margin-left: -39px;
}

.navbar-toggler i {
	color: #582a2a !important;
}

@media (max-width: 993px) {
	.header-social {
		position: relative;
		display: block;
		margin-left: 25px;
		right: 0;
	}

	.header-social a {
		padding: 6px;
		background: #eee;
	}
}

@media (max-width:767px) {
	.rounded-circle {
		margin-right: 0.2px !important;
		border-radius: 50% !important;
	}

	a.btn.btn-default.animated-btn.rounded-pill {
		margin-bottom: 5px;
	}

	.carousel-item img {
		height: 50vh !important;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.carousel-caption {
		position: absolute;
		top: 30% !important;
	}

	.text-slider-h {
		font-size: 20px;
	}

	.text-slider-title {
		font-size: 10px;
	}
}



@media (max-width:1200px) {
	.bulan {
		left: 145px !important;
	}
}

@media (max-width:430px) {
	section#testimonials {
		padding-top: 10px;
	}

	.rotate-heading {
		position: relative !important;
		width: 100% !important;
		margin-bottom: 30px;
		margin: 30px 0 30px -10px !important;
	}

	button.btn.btn-link.collapsed {
		font-size: 15px;
	}

	i.icofont-plus.float-right.mt-1.collapsed {
		font-size: 17px;
		margin-top: 10px !important;
	}

	button.btn.btn-link {
		font-size: 15px;
	}

	.row.align-items-center.layanan {
		padding: 10px 20px !important;
	}

	h2.clients-review {
		color: #fff !important;
		position: relative;
		text-align: center;

	}

	.carousel-item img {
		height: 100vh !important;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.d-desktop {
		display: none !important;
	}

	.d-mobile {
		display: inline-block !important;
	}

	.carousel-caption {
		position: absolute;
		top: 30% !important;
	}

	.text-slider-h {
		font-size: 15px;
	}

	.text-slider-title {
		font-size: 10px;
	}
}