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

    	h1,
    	h2,
    	h3,
    	h4,
    	h5,
    	h6 {
    		font-family: 'Nunito', sans-serif;
            font-weight: 800;
    	}

    	a:active {
    		text-decoration: none;
    	}

    	a:visited,
    	a:hover,
    	a:link {
    		text-decoration: none;
    	}

    	.error {
    		color: #F00;
    		margin-bottom: 0;
    	}

    	.form-control:focus {
    		border-color: inherit;
    		-webkit-box-shadow: none;
    		box-shadow: none;
    		border-bottom: 1px solid #B8B8B8;
    	}

    	.form-control {
    		margin-top: -5px;
    		font-size: 1rem;
    		font-weight: bold;
    	}

    	.font-title {
    		font-size: 1.1rem;
    	}

    	.primary {
    		background-color: #B8B8B8;
    	}

    	.primary:focus {
    		background-color: #267A6A;
    	}

    	.text-bottom {
    		display: block;
    		font-weight: normal;
    		font-size: .8rem;
    	}

    	.text-custom {
    		color: #267A6A;
    	}

    	.my-text:focus {
    		border-color: inherit;
    		-webkit-box-shadow: none;
    		box-shadow: none;
    		outline: none;
    	}

    	/* Bottom Navbar Setting CSS */
    	.list-inline {
    		display: flex;
    	}

    	.list-inline li {
    		flex: 1;
    		text-align: center;
    	}

    	.custom-color {
    		background: #267A6A;
    	}

    	/* .header-shadow{
          background-image: url('_assets/img/icon/wave.svg');
      } */

    	/* login CSS */
    	.teks {
    		border: 0px;
    		border-bottom: 1px solid #CCCCCC;
    		padding: 0px;
    		color: #000;
    	}

    	.login-form {
    		width: 360px;
    		margin: 0 auto;
    		padding: 30px 0;
    	}

    	.login-form form {
    		border-radius: 5px;
    		margin-bottom: 20px;
    		background: #fff;
    		padding: 40px;
    	}

    	.login-form a {
    		color: #267A6A;
    	}

    	.login-form h2 {
    		color: #267A6A;
    		text-align: center;
    		font-size: 34px;
    		margin: 10px 0 15px;
    	}

    	.login-form .hint-text {
    		color: #999;
    		text-align: center;
    		margin-bottom: 20px;
    	}

    	.login-form .form-group {
    		margin-bottom: 20px;
    	}

    	.login-form .btn {
    		font-size: 18px;
    		line-height: 26px;
    		font-weight: bold;
    		text-align: center;
    	}

    	.login-form .small {
    		font-size: 13px;
    	}

    	.custom-btn {
    		background: #267A6A;
    		text-align: center;
    		transition: all 0.4s;
    	}

    	.custom-btn:hover {
    		background: #e0e0e0;
    		opacity: 0.8;
    	}

    	.or-seperator {
    		margin: 50px 0 15px;
    		text-align: center;
    		border-top: 1px solid #e0e0e0;
    	}

    	.or-seperator b {
    		padding: 0 10px;
    		width: 40px;
    		height: 40px;
    		font-size: 16px;
    		text-align: center;
    		line-height: 40px;
    		background: #fff;
    		display: inline-block;
    		border: 1px solid #e0e0e0;
    		border-radius: 50%;
    		position: relative;
    		top: -22px;
    		z-index: 1;
    	}