.esg-blue-background {background: #C8D9E8;}
.events_static-hero{height:76vh}

.events_static-hero,.events_static-hero .events_img-container{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}

.events_static-hero .events_img-container{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;
}

.events_static-hero .events_picture-bg{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%;z-index:-1}

.events_static-hero .events_picture-bg img{height:auto;width:100%;object-fit:cover;object-position:bottom;}

.events_static-hero  .h1-contain {width:75vw;position:absolute;top: 30%;-webkit-transform:translateY(-50%);transform:translateY(20%)}

.events_static-hero  .esg-h1 {font-size: 24px; line-height: 35px; color: #fff; text-align: center;
letter-spacing: 4px;}

.events_static-hero  .esg-hero-p {font-size: 40px;color: #fff; text-align: center;line-height: 40px;
letter-spacing: 4px; }

.events_static-hero .events_img-container,.events_master-brand-home .events_img-container {visibility:visible}

.events_static-hero .events_img-container{
	display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;position:relative}


.events_static-hero .events_img-container .events_scroll-down-btn{
	background:linear-gradient(90deg,#f5f5f5 50%,transparent 0);background-position:100% 100%;background-size:200% 100%;border-radius:50%;color:#f5f5f5;transition:all 0.5s ease;width:37px;height:37px}


.events_static-hero .events_img-container .events_scroll-down-btn svg{
	vertical-align:bottom}

.events_static-hero .events_img-container .events_vertical-line{
	height:28px;border-left:1px solid #f5f5f5}
	

@media only screen and (max-width:1200px){
	.events_static-hero  .h1-contain {position:absolute;top: 15%;-webkit-transform:translateY(-50%);transform:translateY(10%)}

.events_static-hero  .esg-h1 {font-size: 24px; line-height: 35px; }

.events_static-hero  .esg-hero-p {font-size: 36px;line-height: 38px;}
}

@media only screen and (max-width:992px){
	.events_static-hero{height:88vh}
		.events_static-hero  .h1-contain {width:90vw;position:absolute;top: 15%;-webkit-transform:translateY(-50%);transform:translateY(10%)}

.events_static-hero  .esg-h1 {font-size: 24px; line-height: 35px; }

.events_static-hero  .esg-hero-p {font-size: 32px;line-height: 35px;}
}

@media only screen and (max-width:768px){
	

		.events_static-hero  .h1-contain {position:absolute;top: 15%;-webkit-transform:translateY(-50%);transform:translateY(5%)}

.events_static-hero  .esg-h1 {font-size: 20px; line-height: 30px; }

.events_static-hero  .esg-hero-p {font-size: 30px;line-height: 32px;}
	}
	

@media only screen and (max-width:576px){
	
	.events_master-brand-home .events_img-container .events_scroll-down-btn{width:30px;height:30px}
	
	.events_master-brand-home .events_img-container .events_vertical-line{height:20px}
	
	.events_static-hero{height:88vh}
		.events_static-hero  .h1-contain {position:absolute;top: 15%;-webkit-transform:translateY(-50%);transform:translateY(1%)}

.events_static-hero  .esg-h1 {font-size: 16px; line-height: 24px; }

.events_static-hero  .esg-hero-p {font-size: 28px;line-height: 33px; padding-top:20px;}
	}
@media only screen and (max-width:438px){
	.events_static-hero  .h1-contain {width:77vw;position:absolute;top: 15%;-webkit-transform:translateY(-50%);transform:translateY(1%)}
.events_static-hero  .esg-hero-p {font-size: 24px;line-height: 26px;}
}

@media only screen and (max-width:350px){
	.events_static-hero  .h1-contain {position:absolute;top: 15%;-webkit-transform:translateY(-50%);transform:translateY(1%)}
.events_static-hero  .esg-hero-p {font-size: 22px;line-height: 26px;}
}
.esg_button_outline{display: block;white-space: nowrap;background-color:transparent; background-image:none; border:1px solid;border-radius:2px;color:#fff;font-size:14px;font-weight:800;letter-spacing:2px;margin-top:20px;padding:5px 20px;text-align:center;transition:background-color 0.2s ease}

.esg_button_outline:hover{background-color:#f5f5f5; border:1px solid #f5f5f5;}

.esg-background {background: rgb(11,93,154);
background: -moz-linear-gradient(184deg, rgba(11,93,154,1) 0%, rgba(14,107,164,1) 53%, rgba(116,146,182,1) 100%);
background: -webkit-linear-gradient(184deg, rgba(11,93,154,1) 0%, rgba(14,107,164,1) 53%, rgba(116,146,182,1) 100%);
background: linear-gradient(184deg, rgba(11,93,154,1) 0%, rgba(14,107,164,1) 53%, rgba(116,146,182,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b5d9a",endColorstr="#7492b6",GradientType=1);}