body {
	font-family: 'Poppins', sans-serif;
}

html {
	scroll-behavior: smooth;
}

.header {
	font-family: 'Poppins', sans-serif;
}

.header-middle {
	padding: 2.5rem 0;
}

.main-nav > .menu > li > a {
	text-transform: none;
	font-size: 1.6rem;
	font-weight: 500 !important;
	text-align: center;
}

.header-middle .main-nav {
	margin: 0;
}

.header-middle .main-nav a {
	text-decoration: unset;
}
.header-left a {
	text-decoration: unset;
}

.footer {
	margin-top: 63px;
}

.visi-misi-section .misi > * {
	padding-left: 15px;
	margin-top: 5px;
}

.mobile-menu-toggle {
	width: unset;
	height: unset;
}

.countdown-type3 .countdown-section {
	width: fit-content;
}

.countdown-type3 .countdown-2 {
	background-image: unset;
}

.statistik-count .count-to {
	color: #303030;
}

.sticky-content.fixed.fix-top {
	/* background-color: #009922 !important; */
	background-color: #0000007a !important;
}

.btn.btn-primary:hover {
	background-color: #1f67cb;
}

.btn-dark {
	border: 1px solid;
}

.count-to {
	font-size: 4rem;
}

.cta-simple .banner-text h4 {
	font-size: 2.5em;
}

.cta-simple .btn-primary:active, .cta-simple .btn-primary:focus {
	background-color: #1f67cb;
}

.grid-item1 > .banner-content > h3 {
	font-size: 3.4rem;
}

.reorder-section .height-x2 {
	height: 500px;
}

.reorder-section .height-x1 {
	height: 250px;
}

.home-sosmed-div {
	justify-content: space-evenly;
}

.home-text-wisata {
	line-height: 1.2;
}

.statistik-parallax .parallax-background {
	background-position: center !important;
}

.faq .accordion .card {
	border-radius: unset;
	box-shadow: unset;
}

.faq .page-header {
	height: 28.3rem;
}

.faq .card-header .collapse {
	color: #3dc13f;
}

.faq .card-header a:hover{
	color: #3dc13f;
}

.faq .accordion-boxed .card-header a {
	padding-right: 3rem;
}

.statistik-detail-desa {
	color: black;
}

.struktur-pemerintahan h2 {
	font-size: 2.8rem;
}

.statistik-detail-desa td{
	font-size: 1.8rem;
	font-weight: 400;
	color: white;
	vertical-align: top;
}

.statistik-detail-desa .tengah{
	width: 60px;
}

.about-us .counter {
	box-shadow: 0px 7px 14px 0px rgb(0 0 0 / 50%); 
	border-radius: 9px
}

.table-bordered thead td, .table-bordered thead th {
	font-weight: 600 !important;
	vertical-align: middle;
	padding: 0.4rem !important;
	background-color: skyblue;
	border: 1px solid #9e9e9e;
}

.table-bordered td, .table-bordered th {
	text-align: center;
}

.menu>li:not(.link).active, .menu>li:not(.link):hover {
	background-color: unset !important;
}

.owl-nav-arrow .owl-nav .owl-next, .owl-nav-arrow .owl-nav .owl-prev {
	/* color: white; */
	color: #08da12;
}

.product-section .owl-nav-arrow .owl-nav .owl-prev {
	margin-left: 4rem;
}

.product-section .owl-nav-arrow .owl-nav .owl-next {
	margin-right: 4rem;
}

footer p {
	word-break: break-word;
}

.post-media {
	margin: 0;
}

.main-nav > .menu > .active > a {
	font-weight: 600 !important;
}

.main-nav > .menu > li {
	margin: 0 0 0 7px;
	padding: 7px;
}

.home img {
	min-height: unset;
}

.bg-primary {
	background-color: green !important;
}

.container {
	max-width: 1270px !important;
	/* height: max-content; */
	height: auto !important;
}

.row {
	height: fit-content;
}

.container-fluid {
	padding-left: 33px;
	padding-right: 33px;
	max-width: 1350px !important;
}

.intro-slider .banner {
	height: auto !important;
}

.intro-slider .banner-content {
	max-width: unset !important;
}

.header-transparent .fixed {
	background: #454545;
}

.banner1,
.card {
	background-color: #fff;
	box-shadow: rgb(0 0 0 / 19%) 0px 7px 17px 5px;
	border-radius: 17px;
}

.banner1:hover {
	background-color: #092;
}

.banner1:hover .banner-title {
	color: #f3faf5;
}

.banner1:hover .icon-custom {
	filter: invert(92%) sepia(15%) saturate(100%) hue-rotate(82deg) brightness(524%) contrast(102%);
}

.banner1 .banner-content {
	background: none;
}

.banner1 .banner-title {
	color: #666;
	font-size: 2.1em;
	text-align: center;
}

.logo-text {
	margin-left: 7px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.logo-text > p {
	margin: 1px;
	color: white;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: inherit;
}

.error-section {
	height: 494px !important;
}

.logo-text > .nama-desa {
	font-weight: 500 !important;
	font-size: 1.8rem !important;
}

.menu li:hover > a:not(.menu-title),
.menu .active > a:not(.menu-title) {
	color: white;
	font-weight: 600 !important;
}

.vector-gambar {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* .vector-gambar > img {
	max-width: none;
	width: fit-content;
} */

.intro-welcome1 {
	height: 700px;
}

.welcome-text {
	font-size: 5em !important;
}

.welcome2 {
	display: none;
}

.welcome2 p {
	color: #595959 !important;
	text-align: center;
	font-size: 1.2em;
}

.main-home .grid .grid-item {
	padding: 2rem;
}

.main-home .banner-fixed > .banner-content {
	position: inherit;
	width: fit-content;
}

.cta-simple .banner-content {
	padding: 1.4rem;
}

.post-mask::before {
	background: none !important;
}

.post-mask .post-details {
	transform: none;
}

.post-media {
	margin: 10px auto;
}

.post-list .post-details {
	padding: 2rem 1.5rem !important;
}

.post .post-title:hover {
	color: #a6c76c;
}

.post .post-title span {
	color: white;
}

footer p {
	line-height: 1.3;
}

.tag {
	padding: 0.2rem 1rem;
}

#bar-chart,
#item-chart,
#3d-pie-chart,
#stacked-bar-chart,
.highcharts-container,
.highcharts-root {
	height: 100% !important;
	max-height: 430px !important;
}

.post-mask .post-details {
	left: 3rem !important;
	right: 3rem !important;
	bottom: 2.7rem !important;
}

.btn-pemodal {
	background-color: #26e419;
	border-radius: 27px;
}

.btn-primary-digidesa {
	background-color: #009923;
	border-color: #009923;
}

#btn-pemodal-link:hover {
	background-color: #d39c00 !important;
}
.swal2-popup {
  font-size: 1.4rem !important;
}

.btn-selengkapnya {
	background-color: #009823; 
	border-color: #009823;
}

.btn-selengkapnya:hover {
	background-color: #39aa52; 
	border-color: #39aa52;
}

.btn-outline:hover {
	background-color: #3dc03f;
	/* border-color: #3dc03f; */
}


/* Progress Bar */
.progress {
	width: 110px;
	height: 110px;
	background: none;
	position: relative;
}

.progress::after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 15px solid #eee;
	position: absolute;
	top: 0;
	left: 0;
}

.progress > span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}

.progress .progress-left {
	left: 0;
}

.progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 15px;
	color: #092;
	border-style: solid;
	position: absolute;
	top: 0;
}

.progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}

.progress .progress-right {
	right: 0;
}

.progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}

.progress .progress-value {
	position: absolute;
	top: 0;
	left: 0;
}
/* End Progress Bar */

/* MIN WIDTH */

@media only screen and (min-width: 992px) {
	.bar-container .col-lg-4 {
		padding-right: 1.5rem !important;
	}
	.bar-container .col-lg-8 {
		padding-left: 1.5rem !important;
	}
	.footer-middle .widget-mid {
		text-align: center;
	}
}

/* MAX WIDTH */

@media only screen and (max-width: 1266px) {
	.vector-gambar {
		/* display: flex; */
		flex-direction: row;
		/* justify-content: center; */
	}
}

@media only screen and (max-width: 991px) {
	.idm-info > * {
		text-align: center;
	}

	.idm-info {
		justify-content: center;
	}

	.idm-info > img {
		max-height: 70px !important;
	}

	.vector-gambar > img {
		max-height: 493px !important;
		/* height: 70%; */
	}

	.lebih-lanjut {
		margin-top: 0px !important;
	}

	.wide-text {
		display: none;
	}

	.welcome-text {
		text-align: center;
		font-size: 5.5em !important;
	}

	.welcome2 {
		display: block;
	}

	.intro-welcome1 {
		background-image: none !important;
		background: linear-gradient(180deg, rgba(60, 185, 88, 1) 42%, rgba(0, 153, 34, 1) 100%) !important;
		min-height: 385px;
		height: auto;
	}

	.container {
		height: auto !important;
	}

	/* Chart Container */
	.bar-container .col-lg-4 {
		padding-bottom: 1.5rem !important;
	}

	.bar-container .col-lg-8 {
		padding-top: 1.5rem !important;
	}
	/* End Chart Container */
}

@media only screen and (max-width: 767px) {
	.big-card-news {
		display: none !important;
	}
	.card-custom {
		flex-direction: row !important;
	}

	.card-feature .grid-item {
		height: 160px;
	}

	.banner1 {
		padding-left: 75px !important;
		padding-right: 75px !important;
	}

	.banner1 .banner-title {
		font-size: 2.7em;
		/* margin: 0 23px !important; */
		margin: 0 0 0 23px !important;
		text-align: left;
		word-break: break-word;
	}

	/* Pelayanan Administrasi */
	.pelayanan-administrasi-section h1 {
		text-align: center;
	}

	.pelayanan-administrasi-section .pelayanan-adm-pict {
		max-height: 415px;
		width: unset !important;
	}

	.pelayanan-administrasi-section .wide-pict {
		display: none !important;
	}

	.pelayanan-administrasi-section .mobile-pict {
		display: inherit !important;
		margin: 0 auto;
	}

	.pelayanan-administrasi-section .btn-image {
		width: 100% !important;
		max-width: 200px;
	}

	.pelayanan-administrasi-section h2 {
		font-size: 3rem !important;
		text-align: center;
	}

	.pelayanan-administrasi-section p {
		font-size: 1.8rem !important;
		margin-top: 11px;
		text-align: center;
	}

	.pelayanan-administrasi-section h1 {
		font-size: 5rem !important;
	}

	.pelayanan-administrasi-section .col-md-7 {
		padding: 0 2.5rem 2.5rem 2.5rem !important;
	}
	.home-download-icon {
		justify-content: center;
	}
	/* End Pelayanan Administrasi */

	/* .banner-fixed>.banner-content {
    margin-left: 45px;
  } */
	.visi-misi-section h2 {
		font-size: 2.7rem;
	}
	.visi-misi-section h4 {
		text-align: center;
	}
	/* .visi-misi-section .visi-misi-image {
		display: none;
	} */
}

@media only screen and (max-width: 575px) {
	.cta-simple .banner-title {
		font-size: 4em;
	}
	.cta-simple .banner-subtitle {
		font-size: 3em;
	}
	.cta-simple .banner-text h4 {
		font-size: 4em;
	}
	.faq .page-title {
		font-size: 4rem;
	}
	.statistik-detail-desa td{
		font-size: 1.5rem;
	}
	.statistik-parallax h1 {
		font-size: 2.8rem !important;
	}
}

@media only screen and (max-width: 503px) {
	.banner1 {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
}

@media only screen and (max-width: 471px) {
	/* .banner1 .banner-title {
		font-size: 3em;
	} */
	.idm-info {
		flex-direction: column;
	}
	.grid-item1 > .banner-content > h3 {
		font-size: 3rem;
	}
	.statistik-detail-desa .tengah{
		width: unset;
	}
}

@media only screen and (max-width: 421px) {
	.banner1 .banner-title {
		font-size: 2.5em;
	}
	.container-fluid {
		padding: 0 20px;
	}
	footer h4 {
		font-size: 2rem;
	}
	.lanjutan-tentang-desa {
		font-size: 1.5rem !important;
	}
}