/* Helper.css */
/* width */
::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent; 
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #c5c5c5; 
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #c6c6c6; 
}
body{
	background: #f6f6f7;
	font-family: 'Poppins', sans-serif;
	--bs-body-font-size: 15px;
}
.font-poppins{
	font-family: 'Poppins', sans-serif;
}
.font-geologica{
	font-family: 'Geologica', sans-serif;
}
a{
	text-decoration: none;
}
.mt-6{ margin-top: 3.5rem !important; }
.mt-7{ margin-top: 4rem !important; }
.mt-8{ margin-top: 4.5rem !important; }
.mt-9{ margin-top: 5rem !important; }
.mb-6{ margin-bottom: 3.5rem !important; }
.mb-7{ margin-bottom: 4rem !important; }
.mb-8{ margin-bottom: 4.5rem !important; }
.mb-9{ margin-bottom: 5rem !important; }
/* Spinner */
.spinner{
	animation: spinner 1.5s linear infinite; 
}
@keyframes spinner{
	to{ transform: rotate(360deg); }
}
.navbar{
	--bs-navbar-active-color: #60c471;
}
.nav-link{
	--bs-nav-link-font-size: 16px;
	--bs-nav-link-font-weight: 600;
	--bs-nav-link-color: #7B7B7B;
	line-height: 20px;
	padding: 10px 18px !important;;
}
.navbar-nav .nav-link.active{
	position: relative;
}
.navbar-nav .nav-link.active:before{
	content: '';
    width: 20px;
    height: 4px;
    position: absolute;
    background: #60c471;
    bottom: 0px;
    border-radius: 5px;
}
.navbar-brand img{
	height: 40px;
}
input:focus{
	background-color: #e6e6e6 !important;
	outline: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
}
form .btn.disabled{
	pointer-events: all;
}
.cursor-pointer{
	cursor: pointer;
}
/* Loader Starts */
#app-loader{ display: none; position: fixed; width: 100%; height: 100%; background: #ffffffb5; top: 0px; left: 0px; z-index: 111111; }
#app-loader svg{ left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; position: absolute; -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; }
#app-loader svg circle{ fill: white; -webkit-animation: circle_color 2s linear infinite; -moz-animation: circle_color 2s linear infinite; animation: circle_color 2s linear infinite; }
#app-loader img{ left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; position: absolute; width: 35px; z-index: 11; }
#app-loader.shown{
	display: block;
}
@-webkit-keyframes rotating { 
	from{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
	to{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } 
}
@-webkit-keyframes circle_color { 
	50%{ stroke: #bcf7c5; stroke-dasharray: 225px; stroke-widths: 1px; }
}
/* Loader Ends */
.text-site{
	color: #60c471;
}
.btn-site{
	background: #60c471;
	font-size: 14px;
	font-weight: 500;
}
.btn-site-lg{
	background: #60c471;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 0px;
    color: #000;
}
.btn-site:hover{
	background: #60c471;
}
.btn-site:hover, .btn-site:focus{
	background: #59b068;
}
.btn-outline-site{
	color: #41854D;
	border: 2px solid #41854D;
	font-size: 14px;
	font-weight: 500;
}
.btn-outline-site:hover{
	color: #41854D;
	border: 2px solid #41854D;
}
.btn-login{
	font-weight: 700;
}
.btn-signup, .btn-yellow{
	background: #febd30;
	font-weight: 700;
}
.btn-signup:hover, .btn-yellow:hover{
	background: #febd80;
}
.heading-1{
	font-size: 50px;
	color: #242429;
	font-weight: 600;
}
.heading-2{
	font-size: 80px;
	font-weight: 600;
}
.heading-3{
	font-size: 16px;
	font-weight: 500;
	color: #7B7B7B;
	line-height: 30.88px;
	letter-spacing: 1px;
}
.home-banner{
	height: 80vh;
	background-position: right;
    background-repeat: no-repeat;
	background-size: contain;
}
.feature-content{
	color: #5a5a5a;
	letter-spacing: 1px;
    line-height: 30px;
	margin-top: 36px;
}
.bg-dashboard-grey{
	background: #E2E2E2;
}
.logged-user-name{
	color: #4E4F4E;
    font-size: 16px;
    font-weight: 600;
}
.empty:empty{ display: none;}
.help-block.with-errors{
    color: #dc3a61;
    margin-top: 10px;
    padding: 6px 30px 5px 10px;
    border: 2px solid #dc3a61;
    border-left-width: 4px;
    position: relative;
    border-radius: 6px;
    font-size: 14px;
    background: linear-gradient(270deg, #ffdfe7 0, #ffffff 100%) !important;
}
.help-block.with-errors ul, .help-block.with-errors p{
	margin-bottom: 0px;
	padding-left: 20px;
}
.help-block.with-errors.empty:before {
    content: "\eca1";
    font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
    left: 10px;
}