@charset "utf-8";
/* CSS Document */
.dateandtime{color: #000000;}

.r{
	padding-right: 20px;
	padding-left: 20px;
}

.scrollbar{
	position: absolute;
	left: 45%;
	bottom: 20px;
	z-index: 1;
	width:200px;
}

.d-flexa{display:flex!important}
.d-flexb{display:flex!important}
.m-6{
	margin-top: 6rem;
	margin-right: 10rem;
	margin-bottom: 6rem;
	margin-left: 10rem;
}
.logo{
	width: 320px;
}

.font-color-green{
	color: #9cc487;
	text-transform: uppercase;
}
.font-color-greens{
	color: #679e4d;
	text-transform: uppercase;
}


.font-color-yellow{
	color: #ffc600;
}
.font-color-grey{
	color: #333333;
	font-weight: normal;
}
.font-color-black{
	color: #000000;
	font-weight: normal;
}
.title-custom {
	border-radius: var(--border-radius-large);
	color: #333;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.55em;
	transition: all 0.3s;
	background-color: #FFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	max-width: 180px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	margin-top: 0px;
	margin-bottom: 0px;
}

.con{
	font-size: 18px;
	line-height: 2em;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width:1170px;
}


.eml{
	float: left;
	width: 48%;
	margin-right: 2%;
}


@media (max-width:1440px){
.m-6{
	margin-top: 4rem;
	margin-right: 10rem;
	margin-bottom: 4rem;
	margin-left: 10rem;
}
}

@media (max-width:1280px){
.eml{
	float: left;
	width: 100%;
	margin-right: 0%;
}

.logo{
	width:240px;
}

.m-6{margin-top: 3rem;
	margin-right: 4rem;
	margin-bottom: 3rem;
	margin-left: 4rem;}
.d-flexa{display:flex;flex-direction: column!important}
.d-flexb{display:flex;flex-direction: column-reverse;!important}
}

@media (max-width:767px){
.w-50{
	width: 100%!important;
	float: left;
}	
.logo{
	width:200px;
}

.scrollbar{
	position: absolute;
	left: 42%;
	bottom: 20px;
	z-index: 1;
	width:125px;
}


.m-6{
	margin-top: 2;
	margin-right: 20px;
	margin-bottom: 2;
	margin-left: 20px;
}
.con{
	font-size: 18px;
	line-height: 1.75em;
	font-weight: normal;
	color: #FFF;
	text-align: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width:100%;
	text-align:justify;
}

}
@media (max-width:480px){
.scrollbar{
	position: absolute;
	left: 36%;
	bottom: 20px;
	z-index: 1;
	width:125px;
}}