:root {
	--bg-color: #DE9797;
	--bg-color-rad: linear-gradient(90deg, #ff93f6 0%, #fce1e4 100%);
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
}

@font-face {
	font-family: 'Poppins-Black';
	src: url('../fonts/Poppins/Poppins-Black.ttf');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
}

body{
	font-family: 'Poppins-Regular';
	position: relative;
	min-height: 100%;
	background-color: #f3f3f3;
}

#headbar {
	padding: 5px 30px;
	background-color: var(--bg-color);
	color: #fff;
}

#headbar h5 {
	font-weight: 500;
	font-size: 12px;
	line-height: 28px;
	margin-right: 30px;
	margin-bottom: 0px;
}

#headbar .content {
	width: 100%;
}

#headbar .social-media a{
	color: #fff;
	margin-left: 10px;
}

#headbar .social-media a svg {
	width: 16px;
	margin-left: 20px;
}

#navmenu {
	padding: 0px 50px;
}

#navmenu .divider {
	border-left: 1px solid var(--bg-color);
	height: 40px;
}

#navmenu .navbar-nav.menu-side{
	margin-left: auto;
	margin-bottom: 0.5rem;
	margin-right: 1rem;
}

#navmenu .navbar-nav.user-side{
	margin-left: 1rem;
	margin-bottom: 0.5rem;
	margin-right: 1rem;
}

nav.bg-navbar {
	background-color: #fff;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3);
}

a.navbar-brand img {
	width: 115px;
}

nav ul li.nav-item {
	margin-right: 10px;
}

nav ul li.nav-item a {
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #555555;
	border-bottom: 5px solid transparent;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

nav ul li.nav-item a.btn-daftar {
	background: var(--bg-color);
	border-radius: 15px;
	color: #fff;
	border-bottom: 0px solid transparent;
}

nav ul li.nav-item a.btn-daftar:hover {
	border-bottom: 0px solid transparent;
	color: #fff;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

nav ul li.nav-item a:hover {
	color: #555555;
}

nav ul li.nav-item a:hover {
	border-bottom: 5px solid var(--bg-color);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

nav ul li.nav-item a:focus {
	border-bottom: 5px solid var(--bg-color);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

nav ul li.nav-item a.active {
	border-bottom: 5px solid var(--bg-color);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.dropdown-toggle::after {
	content: none !important;
}

nav ul li.dropdown ul.dropdown-menu {
	border-radius: 6px;
	padding: 0;
}

nav ul li.dropdown ul.dropdown-menu li {
	border-bottom: 1px solid #eee;
	border-radius: 6px;
}

nav ul li.dropdown ul.dropdown-menu li a:hover {
	background-color: var(--bg-color);
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #fff;
}

nav ul li.dropdown ul.dropdown-menu li a:focus {
	background-color: var(--bg-color);
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #fff;
}

nav ul li.dropdown ul.dropdown-menu li a.active {
	background-color: var(--bg-color);
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #fff;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(214,24,124, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.navbar-toggler {
	border: none !important;
}

.navbar-toggler:focus {
	box-shadow: none !important;
}

#footer {
	padding: 15px 30px;
	letter-spacing: 0;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3);
	background-color: #fff;
}

#footer .content {
	display: flex;
}

#footer .profile {
	width: 50%;
	margin-right: 30px;
}

#footer .perusahaan {
	width: 25%;
	margin-right: 30px;
}

#footer .kontak {
	width: 25%;
	margin-right: 30px;
}

#footer .gabung {
	width: 20%;
	margin-right: 30px;
}

#footer .marketplace {
	width: 20%;
	margin-right: 30px;
}

#footer img {
	width: 168px;
}

#footer h6 {
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	color: #555555;
	text-align: justify;
	margin-top: 5px;
}

#footer .social-media a img {
	width: 32px;
	margin: 20px 15px 0 0;
}

#footer .social-media-footer a{
	text-decoration: none;
}

#footer .social-media-footer a svg {
	width: 32px;
	margin: 20px 15px 0 0;
	color: var(--bg-color);
}

#footer h2 {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #282828;
	margin: 20px 0;
}

#footer ul.footer-list {
	padding-left: 0px;
	margin-top: 25px;
}

#footer ul.footer-list li {
	list-style: none;
	margin-bottom: 10px;
}

#footer ul.footer-list li a.footer-item {
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	color: #555555;
}

#footer p.email {
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	color: #555555;
}

#footer p.phone {
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	color: #555555;
}

#footer a.footer-link {
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	color: #555555;
}

#copyright {
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	color: #FFFFFF;
	background-color: var(--bg-color);
	padding: 12px 0;
}

#banner-static {
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3);
}

#banner-static #image{
	display: flex;
	justify-content: end;
}

#banner-static h2 {
	font-family: 'Poppins-Black';
	padding: 10px 50px;
	font-weight: 800;
	font-size: 42px;
	line-height: 67.5px;
	color: #D78383;
}

#banner-static h6 {
	padding: 10px 50px;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #393939;
}

#banner-static .btn-daftar{
	border-radius: 30px;
	background-color: var(--bg-color);
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 10px;
	width: 20%;
	margin-left: 50px;
}

#services {
	text-align: center;
	background: #DE97972E;
	padding: 0px 50px;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3);
}

#services .category-list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	padding: 30px 5px;
}

#services .category-list .category{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32%;
	height: 215px;
	background-color: #D59292;
	border-radius: 15px;
	margin: 0 5px;
}

#services .category-list .category .text{
	width: 60%;
}

#services .category-list .category .image {
	width: 40%;
	height: 100%;
	border-radius: 0 15px 15px 0px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

#services .category-list .category .text h6{
	font-weight: 400;
	font-size: 28px;
	color: #fff;
}

#services .category-list .category .text h4{
	font-weight: 700;
	font-size: 28px;
	color: #fff;
}

#services .category-list .category .text .btn-buat {
	background-color: #fff;
	color: #D78383;
	padding: 10px 30px;
	border-radius: 25px;
}

#services h4 {
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
	color: #555555;
}

#services h6 {
	margin-top: 20px;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #555555;
}

#services .service-list {
	padding: 15px 0px;
}

#fitur {
	text-align: center;
	background: #fff;
	padding: 30px;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3);
}

#fitur h4{
	font-family: 'Poppins-Black';
	font-size: 28px;
	font-weight: 700;
	color: #D59292;
}

#fitur .fitur-list{
	margin-top: 1.5rem!important;
	align-items: stretch;
  	justify-content: space-around;
}

#fitur .fitur-item{
	border: 3px solid #D59292;
	border-radius: 15px;
	margin: 5px;
	min-height: 100%;
}

#fitur .fitur-item .item{
	justify-content: center;
	align-items: center;
	padding: 1.5rem;
}

#fitur .box{
	padding: 10px;
}

#fitur .fitur-item h4.fitur-title{
	font-family: 'Poppins-Regular';
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	color: #D59292;
}

#fitur .fitur-item h6 {
	font-family: 'Poppins-Regular';
	font-size: 16px;
	text-align: left;
	margin-top: 15px;
}

#template-design {
	text-align: center;
	background: #F9ECEC;
	padding: 30px;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3);
}

#template-design h4 {
	font-family: 'Poppins-Black';
	font-size: 28px;
	font-weight: 700;
	color: #D59292;
}

#template-design .template-item{
	padding: 20px;
}

#template-design .template-item img{
	width: 388px;
}

#template-design .template-item .button-area{
	background: #D78383;
	border-radius: 20px;
}

#template-design .template-item .button-area .text h6{
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
}

#template-design .template-item .button-area .button .btn-demo{
	border-radius: 25px;
	border: 3px solid #fff;
	color: #fff;
	font-size: 12px;
}

#template-design .template-item .button-area .button .btn-order {
	border-radius: 25px;
	background-color: #fff;
	border: 3px solid #fff;
	color: #D78383;
	font-size: 12px;
}

#howto {
	text-align: center;
	background: #fff;
	padding: 30px;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3);
}

#howto h4 {
	font-family: 'Poppins-Black';
	font-size: 28px;
	font-weight: 700;
	color: #D59292;
}

#howto .box{
	padding: 15px 10px;
}

#howto .fitur-item {
	border: 3px solid #D59292;
	border-radius: 15px;
	margin: 5px;
	margin-top: 25px;
	min-height: 100%;
}

#howto .fitur-item h4.fitur-title {
	font-family: 'Poppins-Regular';
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	color: #D59292;
}

#howto .fitur-item h6 {
	font-family: 'Poppins-Regular';
	font-size: 16px;
	text-align: left;
	margin-top: 15px;
}

#howto .fitur-item .title {
	width: 30%;
	background: #D59292;
	padding: 10px;
	border-radius: 25px;
	font-size: 24px;
	letter-spacing: 5px;
	font-family: 'Poppins-Black';
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	bottom: 28px;
	left: 13px;
}

#howto .fitur-item .howto {
	padding: 0 1.5rem 1.5rem 1.5rem;
}

#testimoni{
	text-align: center;
	background-image: url(../images/bg-testi.png);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding: 30px;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3)
}

#testimoni h4 {
	font-family: 'Poppins-Black';
	font-size: 26px;
	font-weight: 500;
	color: #D59292;
}

#testimoni h6{
	padding: 20px 30px;
}

#testimoni .testimoni-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	padding: 60px 5px;
}

#testimoni .testimoni-list .testimoni {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 0%;
	background-color: #fff;
	border: 10px solid #D59292;
	border-radius: 20px;
	margin: 60px 10px 10px 10px;
}

#testimoni .testimoni-list .testimoni .image{
	margin-bottom: -65px;
}

#testimoni .testimoni-list .testimoni .text .quotes{
	margin-bottom: 15px;
	width: auto;
	display: inline-block;
}

#testimoni .testimoni-list .testimoni .star .bi-star-fill{
	margin: 0px 2px;
}

#testimoni .testimoni-list .testimoni .star .yellow{
	color: #ffd233;
}

#testimoni .testimoni-list .testimoni .image .profile-photo{
	object-fit: cover;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	position: relative;
	border: 10px solid #fff;
	bottom: 70px;
}

#paket_undangan {
	text-align: center;
	background: #fff;
	padding: 30px;
	box-shadow: 0px 0px 6px rgba(112, 144, 176, 0.3);
}

#paket_undangan h4 {
	font-family: 'Poppins-Black';
	font-size: 28px;
	font-weight: 700;
	color: #D59292;
}

#paket_undangan .paket-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: start;
	padding: 60px 5px;
}

#paket_undangan .paket-list .paket {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25%;
	background-color: #fff;
	border: 5px solid #D59292;
	border-radius: 20px;
	margin: 0 15px;
}

#paket_undangan .paket-list .paket .title{
	padding: 10px 50px;
	position: relative;
	bottom: 55px;
	background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

#paket_undangan .paket-list .paket .title h4{
	font-family: 'Poppins-Regular';
	font-size: 25px;
	font-weight: 500;
	color: #515151;
}

#paket_undangan .paket-list .paket .title h6.price{
	font-family: 'Poppins-Regular';
	font-size: 37px;
	font-weight: 500;
	color: #D78383;
	margin-left: -20px;
}

#paket_undangan .paket-list .paket .title h6 span.currency{
	font-family: 'Poppins-Regular';
	font-size: 21px;
	position: relative;
    bottom: 20px;
    left: 12px;
}

#paket_undangan .paket-list .paket .title h6.disc{
	font-family: 'Poppins-Regular';
	font-size: 18px;
	font-weight: 700;
	color: #D01818;
}

#paket_undangan .paket-list .paket .list .list-services{
	text-align: left;
	font-size: 16px;
	font-weight: 400;
}

#paket_undangan .paket-list .paket .list .list-services li.include{
	list-style-image: url('../images/include.png');
}

#paket_undangan .paket-list .paket .list .list-services li.exclude{
	list-style-image: url('../images/exclude.png');
}

#login-user{
	background: linear-gradient(to bottom right, #de979700, #de979791);
}

.login-form img.logo{
	width: 132px;
	margin-left: auto;
	margin-right: auto;
}

.login-form p.text-grey{
	font-size: 14px;
    color: #afafaf;
}

.login-form .btn-login{
	width: 100%;
	background-color: #D78383;
	color: #fff;
	border-radius: 15px;
}

.login-form .forgot-password{
	color: #de979763;
    text-decoration: none;
	float: right;
}

#login-user .card{
	border: 0px;
	border-radius: 15px;
}

.login-form input{
	border-radius: 15px;
}

.login-form input:focus{
	border-color: #D78383;
	box-shadow: 0 0 0 .25rem #de979763;
}

.login-form .form-check-input:checked {
    background-color: #D78383;
    border-color: #de979763;
}

.login-form .register{
	color: #de979763;
    text-decoration: none;
}

.breadcrumb-item a{
	text-decoration: none;
	color: #D59292;
}

.project-item .card{
	border-radius: 15px;
    box-shadow: none;
    border: none;
}

.project-item .card .card-body h6{
	color: #D78383;
}

.project-item .card .card-body .btn-edit{
	width: 100%;
	border-radius: 15px;
	background-color: #D78383;
	color: #fff;
}

.project-item .card .card-body .btn-preview{
	width: 100%;
	border-radius: 15px;
	border-color: #D78383;
}

#projects .title{
	display: flex;
    gap: 2em;
    align-items: center;
}

.btn-add-project{
	background-color: #D78383;
	color: #fff;
	border-radius: 30px;
}

.select-template img{
	width: 75px;
}

.upload-image{
	margin: auto;
	min-width: 169px;
	max-width: 169px;
	min-height: 169px;
	max-height: 169px;
	object-fit: contain;
}

.btn-upload{
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.btn-upload input{
	position: absolute;
	font-size: 50px;
	opacity: 0;
	right: 0;
	top: 0;
}

.icon:not(.icon-c-s):not(.icon-custom-size) {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}
.icon {
    display: inline-block;
    color: inherit;
    text-align: center;
    vertical-align: -0.125rem;
    fill: currentcolor;
}