*{
	font-family: Open Sans;
	font-size: 14px;
}


.circle-info{
	width: 10px; height: 10px; top: 6px; position:relative; border-radius: 50px;
}
.bg1{left: -100px; top: 0;}
.bg2{right: 0; bottom: 0;}
.bg3{left: -100px;}
.bg4{right: 0; z-index: -1}

.rounded-custom{
	border-radius: 20px;
}
.navbar{
	font-size: 14px;
}
.prim-btn{
	color: #fff;
	background: #37738D;
}
.sec-btn{
	margin: auto;
	color: #37738D;
	background: transparent;
	border: 1px solid #37738D;
}
.prim-btn:hover{
	color: #fff;
	background: #2a5d73;
}
.sec-btn:hover{
	color: #fff;
	background: #37738D;
}
.bg-lightv2{
	background: #f8f9fb;
}
.nav-logo-img{
	height: 50px;
}
.logo-head{
	height: 120px;
}
.logo-prov{
	height: 45px;
}
.logo-position{
	justify-content: flex-end;
}
.head-background{
	height: 100vh;
	width: 100%;
	background-image: url('../img/handicraft.jpg');
	background-position:center center;
	background-size:cover;
	background-repeat: no-repeat;
}
.overlay-black{
  	background:rgba(0, 0, 0, .5);  
  	width:100%;
  	height:100%; 
  	top: 0;
 	 left: 0;
}
.p-10-em{
	padding-bottom: 10rem;
}
.menu-fitur{
	top: -60px;	
}
.fitur-logo{
	width: 80px;
	font-size: 60px;
	color: #68aac5;
}
.btn-style-rounded {
	border-radius: 50px !important;
	padding: 5px 20px;	
}
.btn-style-box {
	border-radius: 5px;
	padding:8px 50px;
}
.btn-anim span {
	position: relative;
	transition: 0.2s ease-in-out all;
}
.btn-anim span.icon{
	left: -10px;
	opacity: 0;
	color: ;
}
.btn-anim span.text-purple{
	left: 10px;
	bottom: 2px;
	text-align: center;
}
.btn-anim:hover span.icon{
	left: 5px;
	opacity: 1;
}
.btn-anim:hover span.text-purple{
	left: 0;
}
.btn-anim-grad:hover{
	background-position: right center;
	transition: 0.5s;		
}
.cstm-rounded{
	border-radius: 1.3rem;
}
.text-purple{
	color: #37738d;
	font-size: 14px;
}
.icon-purple{
	color: #37738d;
}
.search-bar form{
  	padding-right: 52px;
}
.inp{
  	height:35px;
  	border-radius: 50px 0px 0px 50px !important;
  	font-size: 13px;
}
.but{
  	position:absolute;
  	right:0;
  	width:52px;
  	height:35px;
  	background: #37738d;
  	color:white;
  	border-style:none;
  	border-radius: 0px 50px 50px 0px;
}
.object-cover{
	object-fit: cover;
}
a{
	text-decoration: none !important;
	color: black;
}
.news:hover img{
	transform: scale(1.1);
}
.news img{
	transition: 0.5s; 
}
.bankLink{
	padding: 0 8px 16px 8px;
}
.bankLink a{
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 50px;
    margin: 0 auto;
    max-width: 100px;
    text-align: center;
    transition: all 0.2s;
}
.thumb-post img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 200px;
  margin-bottom: 1rem;
}
.p-circle{
	padding: 8px 12px 8px 12px;
}
.page-item.actived .page-link {
    z-index: 1;
    background: #37738d;
	color: #fff;
    border-color: #37738d;
}
.h5-post{
	color: #000;
}
.h5-post:hover{
	color: #37738d;
}
@media only screen and (max-width: 950px) {
	.logo-position{
		justify-content: center;
	}
}

@media only screen and (max-width: 650px){
	.bg3{display: none;}
	.bg4{display: none;}
}