body{font-family: 'Poppins', sans-serif; }
a{text-decoration: none;}
.logo{max-height: 40px}
.bg-info{background-color: #d6fff5 !important;}
.btn-info{background-color: #69e8ed !important; border-color: #69e8ed !important}
.text-info{color: #4fd4d9 !important;}
.text-pink{color: #e43677 !important;}

.ico-lg{font-size: 48px !important}
.ico-md{font-size: 36px !important}
.ico-sm{font-size: 18px !important}
.ico-menu{font-size: 30px !important}

.navbar .nav-link {color: #000; font-weight:500;}
.main-head{font-weight: 700}
.border-thick-y{border-bottom: 5px solid #fdd860}
.border-thick-o{border-bottom: 5px solid #ffab59}
.border-thick-v{border-bottom: 5px solid #b780f0}
.border-thick-g{border-bottom: 5px solid #63e3a5}
.border-thick-r{border-bottom: 5px solid #fc6161}
.border-thick-p{border-bottom: 5px solid #f874ad}
.border-thick-y:hover, .border-thick-v:hover, .border-thick-o:hover, .border-thick-g:hover, .border-thick-r:hover, .border-thick-p:hover {border-bottom: 5px solid #4fd4d9; cursor: pointer;}
.sub-text{font-size: 15px; color: #212121; font-weight: 400}

.social a:hover{background:#ba1d60; color: #fff; border-radius:50%;}
.one-line {display: block; padding-right: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.two-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.three-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.four-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

*:focus {outline: none !important; box-shadow: none !important;}
.blog-head{background-color: #7176cb; border-radius: 18px; left:0; bottom:-100px; }
.banner{background-image: url('../img/bg-banner.jpg'); background-repeat: repeat-x; background-position: bottom left; display: block;}

.package1{background-color: #d5fdff; border-radius: 18px; height: 100%; color: #000; border:1px solid #a0f4f7;}
.package2{background-color: #f0f9ff; border-radius: 18px; height: 100%; color: #000; border:1px solid #c9e9ff;} 
.package3{background-color: #fff7e1; border-radius: 18px; height: 100%; color: #000; border:1px solid #ffecb9;} 
.package4{background-color: #9f4bd5; border-radius: 18px; height: 100%; color: #fff}

.form-label{position: absolute; top: -10px; left: 10px; background: #fff; font-size: 13px; padding: 2px 6px}

.form-error span{color: #dc3545}
.form-error .form-control{border-color: #dc3545 !important}

@media only screen and (min-width: 1024px) {
 .table-responsive{overflow: visible;}
 .lg-hide{display: none !important;}
 .border-blog{border-right: 1px solid #eee}
}

@media only screen and (max-width: 700px) {
	.sm-hide{display: none;}
	.lead{font-size: 17px}
	.navbar-nav{min-height: 90vh; padding: 30px 15px}
	.navbar-nav .nav-link {font-size: 22px; margin-bottom: 6px}
	.text-footer{font-size: 13px}

	.card-group .card{width: 20%; float: left;}
}