@charset "utf-8";
/* CSS Document */
html , body{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}
a{
	text-decoration: none;
	cursor: pointer;
}

/* bg */
.bg-img{
	background: rgb(244,244,244);
	background: linear-gradient(90deg, rgba(244,244,244,1) 0%, rgba(255,255,255,0) 19%);
}
.height-10{
	height: 10px;
}
.progress{
	height: 20px;
    border-radius: 0px;
}
.shadow-blue {
    box-shadow: 0 .5rem 1rem #0d6efd4a;
}
.bg-blue{
	background-color: #3F8CFF;
	
}
.bg-light-blue{
	background-color: #f4f9fd;
}
.nav-link{
	color: #0A1629;
	cursor: pointer;
}
.nav-link.active{
	border-radius: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
.modal-footer{
	justify-content: center;
}
.w-90 {
    width: 90%!important;
}

/* text */
.text-10{
	font-size: 10px;
}
.text-12{
	font-size: 12px;
}
.text-16{
	font-size: 16px;
}
.text-24{
	font-size: 24px;
}
.text-green{
	color: limegreen
}

/* form */
.btn-block {
    display: block;
    width: 100%;
}
.btn-close:hover{
	color: #fff !important;
	background-color: red;
}
.bg-pw-icon{
	background-image: url("file:///F:/smr/Beehive/29-5-2023/img/pw-icon.svg");
	background-position: 95%;
	background-repeat: no-repeat;
}
.required:after {
    content:" *";
    color: red;
}
.drop-zone {
	height: 200px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23333' stroke-width='1' stroke-dasharray='10%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.drop-zone--over {
	border-style: solid;
}
.drop-zone__input {
	display: none;
}
.drop-zone__thumb {
    width: 26%;
    height: 50%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: contain;
    position: relative;
    margin: auto;
}
.drop-zone__thumb::after {
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	text-align: center;
}
.option:hover{
	background-color: #f4f9fd;
	border-radius: 12px;
}

/* border */
.border-radius-12{
	border-radius: 12px;
}
.border-radius-30{
	border-radius: 30px;
}

/* list */