.mrc-header, .mrc-header-shadow-holder-page {
	z-index: 10;
}

.hrblizz-page
{
	overflow-x:hidden;
}

/*section 1 css */

.section1-hrblizz {
	padding: 6rem 0 5rem 0;
	max-width: 1190px;
	margin: 0 auto;
} 
	

.hrblizz-overview-sec1
{
    width: 100%;
    max-width:  988px;
	margin: 0 auto;
	padding-inline: 4%;
   
}

.hrblizz-overview-sec1 h1
{
	text-align: center;
	font: normal normal bold 100px/88px Source Sans Pro;
	letter-spacing: 0px;
	color: #EFF0F2;
	padding-bottom: 0.5rem;
}

.hrblizz-overview-sec1 h2
{
	text-align: center;
    font: normal normal 900 28px/36px Source Sans Pro;
    letter-spacing: 0px;
    padding-top: 2rem;
    color: #001738;
}

.hrblizz-overview-sec1 h1 span
{
	text-align: center;
	font: normal normal 900 48px/50px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
	max-width: 720px;
	margin:0 auto;
	margin-top: -30px;
	display:block;
}

.hrblizz-overview-sec1 p {
	text-align: left;
	font: normal normal normal 20px/25px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
	margin-top:1.5rem;
}

.portal-feature-grid
{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 3%;
}

.portal-feature-grid ul
{
	text-align: left;
    font: normal normal normal 18px/23px Source Sans Pro;
    letter-spacing: 0px;
    color: #001738;
}

.portal-feature-grid ul li {
    padding: 0.4rem 0;
}

.hrblizz-overview-sec1 p span
{

	text-align: left;
	font: normal normal 600 20px/25px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
	margin-top:2rem;
}

.hrblizz-overview-sec1-image
{
	background: #FEE5DB 0% 0% no-repeat padding-box;
    border-radius: 24px;
    text-align: center;
}
.hrblizz-overview-sec1-image img {
	width: 1130px;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
	border-radius:12px;
}

.mss-service
{
	text-align: left;
    font: normal normal bold 20px/25px Source Sans Pro;
    letter-spacing: 0px;
    color: #FF5F1F;
    margin-top: 1.5rem;
	padding-bottom:0.4rem;
}

.video-holder-background
{
	    background: #FEE5DB 0% 0% no-repeat padding-box;
    border-radius: 24px;
    text-align: center;
	    position: relative;
}

.video-background-holder
{
	width: 1130px;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
	border-radius:12px;
	
}

.play-section13
{
	 margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
#video-button
{
	background: transparent;
    border: none;
}

.video-iframe
{
	background: #FEE5DB 0% 0% no-repeat padding-box;
border-radius: 24px;
	margin-top:0px !important;
	text-align: center;
	 height: 100% !important;
   max-width:1190px;
    width: 100%;
}

.why-mercans-video, .mrc-video-block iframe
{
	   width: 1246px !important;
	max-width:100% !important;
	 height: 516px;
	padding:3%;
}

.overview-sub-heading h2
{
	text-align: center;
font: normal normal 900 28px/36px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	padding-bottom:3rem;
	padding-inline:4%;
}

@media only screen and (max-width: 768px)
{
	.portal-feature-grid
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.overview-sub-heading h2
	{
	font-size: 24px !important;
    line-height: 31px !important;
    max-width: 380px;
    width: 100%;
    margin: 0 auto;
	padding-top: 2rem;
    padding-bottom: 1rem;
	}
	.portal-feature-grid ul li
	{
		padding: 0.3rem 0 !important;
	}
	.portal-feature-grid ul
	{
	font-size:16px  !important;
		line-height:20px !important;
	}
	
}


@media only screen and (max-width: 552px)
{
	.why-mercans-video, .mrc-video-block iframe
	{
		height:180px;
	}
}


@media only screen and (max-width: 1160px) {
.video-background-holder {
	margin: 0px;
	padding: 0.7vw;
	border-radius: 0px;
	}
}


@media only screen and (min-width: 552px) and (max-width: 786px)
{
	.why-mercans-video, .mrc-video-block iframe
	{
		height:340px;
	}
}

@media only screen and (max-width: 768px)
{
#video-button {
    display: block !important;
}
	
}

@media only screen and (min-width: 786px) and (max-width: 992px)
{
	.why-mercans-video, .mrc-video-block iframe
	{
		height:312px;
	}
	#video-button {
    display: flex !important;
}
	#video-button img {
    width: auto;
}

	.watch-video-section13 {
    font-size: 28px;
    line-height: 36px;
	margin-left: 12px;
	 margin-top: 9%;
}
}



@media only screen and (max-width: 1160px) {
.video-holder-background {
	margin: 0px;
	padding: 2vw;
	border-radius: 0px;
	}
	.video-iframe
	{
		border-radius: 0px;
	}
}

@media only screen and (max-width: 768px) {
	
			.watch-video-section13
	{

		font-size:14px !important;
	}

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

		.watch-video-section13
	{
		margin-top: 7%;
		font-size:14px !important;
		line-height: 15px !important;
	}


}

@media only screen and (max-width: 1160px) {
.hrblizz-overview-sec1-image img {
	margin: 0px;
	padding: 2vw;
	border-radius: 0px;
	}
	.hrblizz-overview-sec1-image
	{
		border-radius: 0px;
	}
}

@media only screen and (max-width: 1160px) {
.hrblizz-overview-sec1-image img {
	margin: 0px;
	padding: 2vw;
	border-radius: 0px;
	}
}
@media only screen and (max-width: 568px) {
.hrblizz-overview-sec1-image {
	border-radius: 0px;		
	}
.hrblizz-overview-sec1-image img {
	border-radius: 12px;
	}
}


@media only screen and (max-width: 768px) {
	.hrblizz-overview-sec1 h1 {
		  font-size: 70px !important;
	}
	.hrblizz-overview-sec1 h1 span {
		  font-size: 38px !important;
          line-height: 42px !important;
		  margin-top: -40px !important;
		max-width:380px;
	}
	
	.hrblizz-overview-sec1 p, .hrblizz-overview-sec1 p span {
		  font-size: 16px !important;
          line-height: 20px !important;
	}
	.section1-hrblizz
{
	padding: 10rem 0 3rem 0;

}
}

/*section 2 css */

.section2-hrblizz
{

	width:100%;
	margin: 0 auto;
}

.hrbliz-holder-points
{
	padding-bottom: 0rem;
}

.section2-hrblizz h2 {
	text-align: center;
	font: normal normal 900 28px/36px Source Sans Pro;
	letter-spacing: 0px;
	padding-bottom:2rem;
	color: #001738;
}

.section2-hrblizz img
{
	max-width:1364px;
	width:100%;
	margin:0 auto;
	display:block;
}

/*section 3 css */

.tab-image {
	background: #FEE5DB 0% 0% no-repeat padding-box;
	border-radius: 50%;
	padding: 3.8rem;
}

.tab-grid {
	max-width: 910px;
    margin: 0 auto;
	grid-template-columns: 3fr 1fr;
}

.tab-section1 {
	max-width: 700px;
	text-align: left;
	font: normal normal normal 18px/25px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
{
	    max-width: 1410px !important;
}

.slick-prev, .slick-next
{
	display:none;
}

@media only screen and (max-width: 768px) {
.sec4-grid-item .tab-image {
    width: 102px;
	height: 102px;
	max-width: 102px;
	max-height: 102px;
}
.hrbliz-holder-points .wocs-profile-img {
		padding: 0px;
		width:40px;
		height:40px;
	}
	
	
	.sec4-grid-item-list
	{
		font-weight: 400;
	}
	.sec4-grid-item-list
	{
		margin-top:1rem;
	}
	.sec4-mobile, .sec4-mobile .slick-slide
	{
		margin-top:2rem;
		min-height: 400px;
	}
	.hrbliz-holder-points {
		padding-top: 2rem !important;
	}
}
@media only screen and (max-width: 576px) {
	.tab-image {
		padding:2rem;
		max-width: 194px !important;
	}
}

@media only screen and (min-width: 567px) and (max-width: 1064px) {
	.tab-image {
		max-width: 202px !important;
	}
}

@media only screen and (max-width: 1064px)
{
	.sec4-grid-col-image img
	{
		border-radius: 0px !important;
	}
}

/*section 4 css */

.hrblizz-sec4 {
    
	max-width: 1468px;
    margin: 0 auto;
    margin-bottom: 5rem;
    width: 100%;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.sec4-grids-holder {
    max-width: 1410px;
    margin: 0 auto;
    padding-bottom: 4rem;
	padding-inline:1%;
}

.sec4-grid {
    display: grid;
    grid-template-columns: auto 696px;
    align-items: center;
    padding-bottom: 4.5rem;
	margin-top:2rem;
	grid-column-gap: 5%;
}
@media only screen and (max-width: 1200px) {
	.sec4-grid {
    grid-template-columns: 1fr 1.2fr;
	}
}
@media only screen and (max-width: 768px) {
.sec4-grid {
	padding-bottom: 3rem;
}
}
.sec4-grid-col-text {
    max-width: 650px;
    direction: initial;
	
}

.sec4-grid-col-image {
    position: relative;
}

.sec4-grid:nth-child(even) {
    direction: rtl !important;
}


.hrblizz-sec4 h2
{
	text-align: left;
font: normal normal 900 28px/36px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	padding-inline:4%;
}

.hrblizz-sec4 h3 {
	text-align: left;
	font: normal normal bold 20px/25px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
	padding-inline:4%;
}

.hrblizz-sec4 .sec4-grid-col-text ul {
	text-align: left;
	font: normal normal normal 18px/23px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
}
@media only screen and (min-width: 769px) {
	.hrblizz-sec4 .sec4-grid-col-text ul, .hrblizz-sec4 .sec4-grid-col-text a {
		    padding-left:3.4rem;
	}
}
	
	
.hrblizz-sec4 .sec4-grid-col-text a {
	color: #FF5F1F;
	font-weight: bold;
}
.hrblizz-sec4 ul li
{
	padding:0.8rem 0;
}

.hrblizz-sec4 a
{
	text-decoration:none;
	text-align: left;
font: normal normal bold 16px/20px Source Sans Pro;
letter-spacing: 0px;
color: #FF5F1F;
	padding-left:2rem;
}

.hrblizz-sec4 a:hover
{
	color: #FF5F1F;
}

.sec4-grid-col-image .circle {
    position: absolute;
}

.sec4-grid:nth-child(odd) .circle {
    right: 0;
    top: 0;
}


.sec4-grid .circle {
    background: #FF5F1F 0% 0% no-repeat padding-box;
    border-radius: 237px;
    opacity: 1;
    float: right;
    height: 70px;
    margin-bottom: -50px;
	margin-top:-30px;
	margin-right:-30px;
    width: 70px;
}

.sec4-grid-col-image img {
    position: relative;
    z-index: 4;
    background: #FEE5DB 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 16px #00000029;
    border-radius: 12px !important;
}



.sec4-grid img {
    padding:10px;
}

.sec4-grid:nth-child(even) .circle {
    background: #001738 0% 0% no-repeat padding-box;
    left: 0 !important;
    bottom: 10px !important;
	    margin-left: -30px;
}

@media only screen and (min-width: 764px)
{
	.sec4-grids-holder
{
	display:block;
}
	.sec4-grids-holder-mobile
	{
		display:none;
	}
}

@media only screen and (max-width: 764px)
{
	.hrblizz-sec4 h3
	{
		padding-bottom:2rem;
		font-size:18px !important;
		line-height:23px !important;
	}
	.hrblizz-sec4 h2
	{
		font-size:24px !important;
		line-height:31px !important;
	}
	.sec4-grid:nth-child(even) .circle
	{
		bottom: 70px !important;
	}
	.sec4-grid-col-image img
	{
		border-radius: 0px !important;
	}

.sec4-grids-holder
{
	display:none;
}
	.hrblizz-sec4 ul
	{
		font-size:16px  !important;
		line-height:20px !important;
	}
	.sec4-grids-holder-mobile
	{
		display:block;
	}
	.sec4-grid
	{
		grid-template-columns: 1fr;
	}
	
	.sec4-grids-holder
	{
		padding-bottom:0rem !important;
	}
	.hrblizz-sec4
	{
		padding-bottom:1rem !important;
	}
	.sec4-grid-col-image
	{
		padding-bottom:3rem;
	}
}

/*section 5 css */

.hrblizz-section5
{
	width:100%;
	margin:0 auto;
	background: #FEE5DB 0% 0% no-repeat padding-box;
	    padding-inline: 4%;
}

.hrblizz-section5 h2
{
	text-align: center;
font: normal normal 900 48px/60px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	padding-top:4rem;
	padding-bottom:2rem;
	max-width: 820px;
    margin: 0 auto;
}

.hrblizz-section5-image {
	width: 1130px;
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.hrblizz-section5 h2 {
		padding-top: 2rem;
	}
	.hrblizz-section6 h2
	{
		max-width:441px !important;
		font-size:38px !important;
		line-height:38px !important;
	}
	.hrblizz-section5 h2
	{
		max-width:380px;
		font-size:24px !important;
		line-height:31px  !important;
	}
}

/*section 6 css */

.hrblizz-section6
{
	width:100%;
	margin:0 auto;
	background: repeating-linear-gradient( #001738,  #001738 69.9%, #fff 30.1%, #fff 100%);
}

.hrblizz-section6 h2
{
	text-align: center;
font: normal normal 900 48px/60px Source Sans Pro;
letter-spacing: 0px;
color: #46556B;
		padding-top:4rem;
	max-width: 780px;
    margin: 0 auto;
	padding-inline: 4%;
}

.hrblizz-section6-image {
	 width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
@media only screen and (min-width: 769px) {
	.hrblizz-section6-image {
	margin-top: -30px;
	}
}

/*section 7 css */

.hrblizz-section7
{
	width:100%;
	margin:0 auto;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	padding-bottom:5rem;
}

.hrblizz-section7 h2
{
	text-align: center;
font: normal normal 900 100px/125px Source Sans Pro;
letter-spacing: 0px;
color: #FEE5DB;
}

.hrblizz-section7 h2 span
{
	text-align: center;
font: normal normal 900 48px/60px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
margin-top: -60px;
	display:block;
}



.arrow
{
	
	width:80px;
	margin:0 auto;
}

.arrow a:hover img{
	background: #001738 0% 0% no-repeat padding-box;
	width: 68px;
	padding: 1.4rem;
	padding-right: 0.2rem;
	transition: 0.6s;
}

.arrow img
{
	background: #fff 0% 0% no-repeat padding-box;
border-radius: 237px;
	 display: block;
	 height: 58px;
	width: 58px;
	padding: 1.2rem;
	    margin-bottom: -110px;
    margin-top: 2rem;
	 box-shadow: 0px 6px 16px #00000029;
}

.hover-text
{
	display:none;

}
.arrow a + .hover-text {
		display: none;
}

.arrow a:hover + .hover-text {
		display: initial;
		color: #E5541B;
		transition: 2s !important;
}
.arrow a:hover + .hover-text {
    display: block;
    text-align: left;
	font: normal normal 900 18px/23px Source Sans Pro;
	letter-spacing: 0px;
	margin-left: -180px;
    margin-top: 65px;
	margin-bottom: -88px !important;
}


@media only screen and (max-width: 767px)
{
	.arrow a:hover + .hover-text {
      display: none;
	}
	.hrblizz-section7 h2 span
	{
		font-size: 40px !important;
    	line-height: 40px !important;
		margin-top: -22px;
	}
	
.hrblizz-section7 h2
	{
		font-size: 70px !important;
    line-height: 70px !important;
	}

	.arrow
	{
		    margin-bottom: -100px;
	}
}

@media only screen and (max-width: 576px)
{
	.hrblizz-sec14
	{
		margin-top:5rem;
	}
}



/*Additional section css */

.hrbliz-additional-section
{
    margin: 0 auto;
	padding-top:3rem;
    width: 100%;
	 padding-inline: 4%;
	padding-bottom:3rem;
}

.hrbliz-additional-section h2
{
	text-align: center;
	font: normal normal 900 100px/100px Source Sans Pro;
	letter-spacing: 0px;
	color: #D9D9D9;
	max-width: 1066px;
    margin: 0 auto;
}

.hrbliz-additional-grid
{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 3%;
    align-items: start;
    justify-content: center;
    margin-right: 1rem;
    margin-left: 1rem;
    max-width: 1510px;
    width: 100%;
	padding-top:2rem;
    margin: 0 auto;
	margin-top: -50px;
}

.hrbliz-additional-section h3
{
	text-align: left !important;
    font: normal normal 900 20px/25px Source Sans Pro !important;
    letter-spacing: 0px !important;
    color: #001738 !important;
    padding-top: 15px;
    margin: 0 auto;
    padding-bottom: 0.5rem;
}

.hrbliz-additional-section p
{
	text-align: left !important;
    font: normal normal normal 18px/23px Source Sans Pro !important;
    letter-spacing: 0px !important;
    color: #001738 !important;
	max-width:318px;
}


.hrbliz-additional-section img
{
	    padding-left: 1.5rem;
}

@media only screen and (max-width: 552px)
{
	.hrbliz-additional-grid
	{
		    grid-template-columns: repeat(1, 1fr);
	}
}
@media only screen and (min-width: 552px) and (max-width: 786px)
{
	.hrbliz-additional-grid
	{
		    grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (min-width: 786px) and (max-width: 1064px)
{
	.hrbliz-additional-grid
	{
		    grid-template-columns: repeat(3, 1fr);
		    grid-column-gap: 5%;
	}
}

@media only screen and (min-width: 1064px) and (max-width: 1600px)
{
	.hrbliz-additional-grid
	{
		    grid-template-columns: repeat(4, 1fr);
		    grid-column-gap: 5%;
	}
}

@media only screen and (max-width: 786px)
{
	.hrbliz-additional-section h2
	{
	font: normal normal 900 50px/60px Source Sans Pro !important;

	}
	.hrbliz-additional-section p, .hrbliz-additional-section h3
	{
		text-align:center !important;
		max-width:100%;
	}
	.hrbliz-additional-section img
	{
		text-align:center;
		display:block;
		margin:0 auto;
		padding-left: 0rem;
	}
}