:root {
    --theme-color: #ffc107;
}
			
body {
background:#fff;
color: #242424;
font-size: 14px;
line-height: 24px;
font-weight:300;
font-family: 'Poppins', sans-serif;
}

.clr {
	clear: both;
}
ul {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none!important;
	color:var(--theme-color);
}
a:hover {
color:#417A37;	
	}
p {
 color: #666;
    font-size: 14px;
    line-height: 24px;
}

h1 {
font-weight:700;
color: #242424;
font-size:40px;
text-transform:uppercase;
	}	
h2 {
	  color: #2f2e2d;
	  font-size:27px;
	  margin-bottom:15px;

	}	
h3 {
font-weight:700;
	font-size:25px;	
	color:#253D4E;
	}	
h4 {
  font-size: 20px;
  color: #312f28;
  font-weight: 600;
}
		
h5{
font-size:16px;
color:#333;
font-weight:500;
margin-bottom:0;
	}
body,html {
height:100vh;
	}	
	
.btn {
padding:10px;
font-size:18px;

	}	
.splash {
background-size: contain !important;
background: url(../images/bg2.png) 50% 100% no-repeat;
	}
.loginsection {
background: url(../images/bg3.jpg) 50% 100% no-repeat;
background-size: cover;	
	}
.back {
color:var(--theme-color);
font-size:22px;	
	}
.or:after {
  background: #c9cfc1;
  height: 4px;
  right: 0;
  width: 44%;
  position: absolute;
  content: "";
  margin-top: 11px;
}
.form-control,.form-select {
background-color: #fff;
color:#424242;
padding:10px 15px;
font-size: 14px;
font-weight: 300;
	}
	
.form-control:focus{
box-shadow:none;
	}
.form-control::placeholder {
color:#a09c99;	
	}	
.heading {
color:#000;
font-size:20px;
font-weight:700;	
	}
.main-section {
padding-top:80px !important; 	
	}
.menu {
padding-right:15px;
font-size:30px;
color:#000;	
	}	
.offcanvas {
max-width: 80%;	
	}
.usermg {
  height: 70px;
  width: 70px;
  object-fit: cover;
}
.btn-close {
color:#fff !important;	
	}
.userimg {
border-radius:100px;
width:100px;
height:100px;
object-fit: cover;
border: solid 5px #fff;
box-shadow: 0 4px 1px #ddd;	
	}	
.form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}
.otp {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 700;
  background: #fff;
  border:solid 1px #bdbbbb;
}
.otpsection {
max-width:600px;	
	}
.otp:focus,.otp:focus-visible {
box-shadow:0 0 5px var(--theme-color);
border-color:var(--theme-color);	
	}

.headeruser {
height:38px;
width:38px;
border-radius:100px;
border:solid 2px var(--theme-color);
  object-fit: cover;	
	}
#bannercarousel .owl-dots {
 margin-top: -21px;
 position: relative;
}
.badge-section {
background:url(../images/badebg.png) 100% 100% no-repeat;
background-size:contain;	
padding:15px;
border-radius: 15px;
border: dashed 1px #697b4b;
	}
.listcause ul {
list-style:none;
padding:0;
margin:0;	
	}
.listcause ul li {
border: dashed 1px #aaa;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  width: 30%;
  margin: 1%;
}
.listcause ul li img {
height:60px;
margin-bottom:15px;	
	}
.listcause ul li p {
  font-size: 12px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bounce {
animation: MoveUpDown 5s linear infinite;	
	}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 300px;
  }
}

.navbar-nav {
float:left;	
	}
.navbar-nav .nav-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  border-bottom: solid 1px #d9dbd6;
  padding: 15px;
  box-shadow: 0 3px 1px #627352;
}
.btn-small {
background:#dee1d6;
padding:5px 10px;
border-radius:5px;
color:#878167;
border:none;	
	}
.box-error{
  border: 2px solid red;
}