main {
    overflow: visible;
}

/*section 1 css */

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

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

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

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

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


@media only screen and (max-width: 768px)
{
	.solution-overview-sec1 h1 span
	{
		font-size: 38px !important;
          line-height: 42px !important;
		  margin-top: -40px !important;
		max-width:340px;
		width:100%;
		margin:0 auto;
	}
	.solution-overview-sec1 h1
	{
		font-size: 70px !important;
	}
	.solution-overview-sec1
	{
		padding-bottom:1rem;
	}
	.solution-overview-sec1 p span
	{
		font-size: 16px !important;
          line-height: 20px !important;
	}
	.solution-overview-sec1 p
	{
		font-size: 16px !important;
          line-height: 20px !important;
		width:100%;
	}
}

/*section 2 css */

.section2-solution
{
	width:100%;
	   padding-bottom:1rem;
	margin: 0 auto;
	 max-width: 1190px;
} 
	

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

.solution-overview-sec2 h2
{
text-align: center;
	font: normal normal 900 28px/36px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
	padding-bottom:1rem;
	max-width:666px;
	width:100%;
	margin:0 auto;
}


.solution-overview-sec2 p
{
	text-align: left;
font: normal normal normal 20px/25px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	padding-top:0.9rem;
}

.section2-solution-grid
{
	display: grid;
    padding-top: 1rem;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2%;
    align-items: center;
    justify-content: center;
    max-width: 1320px;
    margin: 0 auto;
	padding-bottom:5rem;
	width:100%;
}

.solution-grid-box
{
	background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 16px #0000001A;
border-radius: 12px;
	padding:2rem;
	position:relative;
	height:474px !important;
	
}

.solution-grid-box img
{
	margin:0 auto;
	   display: block;
	background: #F4F6F8 0% 0% no-repeat padding-box;
border-radius: 237px;
	padding: 1.2rem;
}

.solution-grid-box h2
{
	text-align: center;
font: normal normal 900 28px/25px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	padding-top:0.9rem;
}
.solution-grid-box span
{
	text-align: center;
font: normal normal normal 20px/25px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	margin: 0 auto;
    display: block;
}

.solution-grid-box p
{
	text-align: center;
font: normal normal normal 20px/25px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	padding-top:0.8rem;
}

.solution-grid-box a
{
	text-decoration:none;
	text-align: center;
font: normal normal normal 18px/23px Source Sans Pro;
letter-spacing: 0px;
color: #FF5F1F;
	margin: 0 auto;
	 display: block;
	position: absolute;
    width: 100%;
    bottom: 3rem;
    left: 50%;
    margin-bottom: 1.2rem;
    transform: translateX(-50%);
	background: #FEE5DB 0% 0% no-repeat padding-box;
	border-radius: 21px;
	width: 120px !important;
    height: 35px !important;
	 display: inline-grid;
    align-items: center;
    justify-content: center;
}

.solution-grid-box a:hover{
	color: #FF5F1F;
	background: #fee5db 0% 0% no-repeat padding-box;
	border-radius: 21px;
	width: 120px !important;
    height: 35px !important;
	display: inline-grid;
    align-items: center;
    justify-content: center;
}

.slick-dots
{
	bottom:0;
}
.slick-dots
	{
		margin-left:0rem !important;
	}

@media only screen and (max-width: 986px)
{
	.solution-grid-box a
	{
		    bottom: 1rem;
		font-size:18px !important;
		line-height:23px !important;
	}
	
	

}

@media only screen and (min-width: 986px)
{
	.section2-solution-grid
	{
		padding-inline:1rem;
	}
}

@media only screen and (max-width: 364px)
{
	
	.slick-slide.slick-current.slick-active.slick-center {
		width: 260px !important;
		height: 390px !important;
	}
	.slick-slide:not(.slick-active)
	{
		height: 390px !important;
	}
		.section2-solution-grid {
    padding-inline: 0px;
}

}

@media only screen and (min-width: 364px) and (max-width: 576ppx) {
	.slick-slide.slick-current.slick-active.slick-center {
		width: 340px !important;
	}
		.section2-solution-grid {
    padding-inline: 0px;
    padding-left: 0.9rem;
}
}

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

{
	.slick-slide.slick-current.slick-active.slick-center  {
		width: 428px !important;
	}
	.section2-solution-grid
	{
		    grid-template-columns: repeat(2, 1fr);
	}


}

@media only screen and (max-width: 576px)
{
	.section2-solution-grid
	{
		    grid-template-columns: repeat(1, 1fr);
	}
}

@media only screen and (max-width: 1200px)
{
	.solution-grid-box
	{
		margin-left:0.2rem;
		margin-right:0.2rem;
	}
}

@media only screen and (max-width: 768px)
{
		.slick-list.draggable
	{
		padding-left:0.5rem !important;
	}
	.solution-grid-box
	{
		width:100%;
		height: 360px !important;
		margin: 0 auto;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		padding:1rem;
	}
	
	.solution-overview-sec2 h2
	{
		font-size:24px !important;
		margin:0 auto;
		max-width:380px;
		
	}
	.solution-grid-box h2
	{
		font-size:20px !important;
		line-height:25px !important;
	}
	.solution-grid-box span
	{
		font-size:20px !important;
		line-height:25px !important;
	}
	.solution-grid-box p
	{
		font-size:16px !important;
		line-height: 20px !important;
	}

	.solution-overview-sec2 p
	{
		font-size: 16px !important;
    line-height: 20px !important;
		width:100%;
	}
	
}


/*section 3 css */

.section3-solution
{
	margin:0 auto;
	width:100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	padding-top: 2rem;
	padding-bottom:7rem;
}
.section3-solution h2
{
	text-align: center;
		max-width: 1260px;
	margin:0 auto;
	font: normal normal 900 28px/36px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
	padding-top:3rem;
	padding-bottom:1rem;
	padding-inline:4%;
}
.solution-section3-graphics
{
	text-align: center;
}


.solution-section3-graphics svg
{
	width: 1176px;
    height: auto;
    margin-top: 2vw;
    margin-bottom: 2vw;
    max-width: 100%;
}


@media only screen and (min-width: 768px)
{
	.solution-section3-graphics-mobile
	{
		display:none;
	}
	.section3-solution
	{
		padding-inline:4%;
	}
}

@media only screen and (max-width: 767px) {
.solution-section3-graphics {
		display:none;
	}
}
@media only screen and (max-width: 768px) {

	.solution-section3-graphics-mobile {
		text-align:center;
	}
	.solution-section3-graphics-mobile svg {
		width: 100%;
		height: auto;
		margin-top: 2vw;
		margin-bottom: 2vw;
		max-width: 100%;
	}
	.section3-solution h2 {
		font-size:24px !important;
		line-height:31px !important;
		max-width:380px;
		width:100%;
		margin:0 auto;
	}
}

/*section 4 css */

.section4-solution
{
	width:100%;
	margin: 0 auto;
	background: #001738 0% 0% no-repeat padding-box;
	   padding-bottom:5rem;
	padding-top:3rem;
} 

.section4-contact-information
{
	width: 100%;
    max-width: 666px;
	margin: 0 auto;
}

.section4-contact-information h2
{
	text-align: left;
font: normal normal 900 48px/60px Source Sans Pro;
letter-spacing: 0px;
color: #FFFFFF;
}

.section4-contact-information p
{
	text-align: left;
font: normal normal 900 20px/25px Source Sans Pro;
letter-spacing: 0px;
color: #FF5F1F;
}

.solution-section4-grid
{
	display: grid;
    padding-top: 1rem;
        grid-template-columns: 0.2fr 1fr;
    grid-column-gap: 2%;
    align-items: center;
    justify-content: center;
      max-width: 798px;
    margin: 0 auto;
}

.button-section4
{
	text-align:left;
}

.button-section4 a
{
	text-decoration:none;
	background: #FC6541 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 16px #0000001A;
border-radius: 33px;
	text-align: center;
font: normal normal normal 20px/25px Source Sans Pro;
letter-spacing: 0px;
color: #FFFFFF;
	width: 220px !important;
    height: 65px !important;
	display: inline-grid;
    align-items: center;
    justify-content: center;
}

.button-section4 a:hover{
	background: #E5541B;
	color: #FFFFFF !important;
}

.hrblizz-tollfree-section
{
	margin: 0 auto;
    display: grid;
    max-width: 320px;
  grid-template-columns: 0.5fr 1fr;
    align-items: center;
    grid-row-gap: 8px;
	text-align:left;
}

.contact-icon
{
	text-align:center;
}

.hrblizz-tollfree-section a {
    text-decoration: none;
    color: white;
    font: normal normal normal 24px/50px Source Sans Pro !important;
}

.hrblizz-tollfree-section a:hover{
	color:#ff5f1f;
}

@media only screen and (max-width: 568px)
{
	.hrblizz-tollfree-section
	{
		margin-left:1rem !important;
	}
}

@media only screen and (max-width: 768px)
{
	.hrblizz-tollfree-section
	{
		max-width:220px !important;
	}
	
	.button-section4
	{
		padding-top:2rem;
	}
	.section4-contact-information h2
	{
		font-size:38px !important;
		padding-bottom:1.2rem;
		text-align:center;
		line-height:47px !important;
	}
	.section4-contact-information p
	{
		text-align:center;
		max-width:380px;
		width:100%;
		margin:0 auto;
		padding-bottom:1.2rem;
		font-size:18px;
		line-height:23px;
		padding-inline:4%;
	}
	.button-section4
	{
		margin:0 auto;
	}
	.contact-information
	{
		 grid-column-start: 1;
    grid-row-start: 1;
	}
	.solution-section4-grid
	{
		    grid-template-columns: repeat(1, 1fr);
		    grid-row-gap: 8%;
		padding-bottom:4rem;
	}
	.hrblizz-tollfree-section a
	{
		font-size:18px !important;
		line-height:50px !important;
	}
}

/*POP up css css */

.overlay 
{ 
	position: fixed; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	background: #97A0ACCC 0% 0% no-repeat padding-box;
	transition: opacity 500ms; 
	visibility: hidden; 
	opacity: 0; 
	z-index: 9999;
}

.overlay:target 
{ 
	visibility: visible; 
	opacity: 1;
}

.pop-up-circle-box
{
	    position: relative;
    background: #FEE5DB 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 16px #0000001a;
    border-radius: 12px;
	    padding-top: 3rem;
    padding-bottom: 2rem;
	margin-bottom:-5rem;
	padding-inline:4%;
	max-width:1362px;
}

#saas-popup .saas-popup , #fully-managed-popup .fully-managed-popup ,#co-managed-popup .co-managed-popup
{
	margin: 0px auto; 
	background: #fff; 
	border-radius: 12px 0px 0px 12px;
	height: auto; 
	width:95%; 
	max-width:1848px; 
	position: relative;    
	text-align: center;
	top: 54% !important;    
	transform: translateY(-50%);
	right: 0px; 
	left: 0;
		overflow-y: scroll !important;
	max-height: 90%;
}

#saas-popup .saas-popup h2 , #fully-managed-popup .fully-managed-popup h2 ,#co-managed-popup .co-managed-popup h2
{
	text-align: left;
font: normal normal 900 48px/50px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
}

#saas-popup .saas-popup .close , #fully-managed-popup .fully-managed-popup .close  ,#co-managed-popup .co-managed-popup .close 
{
	
	text-decoration: none;   
	border-radius: 237px; 
	cursor: pointer;  
	float: right;  
	height: 40px;  
	width: 40px;  
	    display: inline-grid;
    align-items: center;
    justify-content: center;
	background: #303D63 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
	color:#fff;
	font-size:23px;
	font-weight:800;

}

#saas-popup .popup-top-grid, #fully-managed-popup .popup-top-grid  ,#co-managed-popup .popup-top-grid 
{
	    display: grid;
    padding-top: 1rem;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2%;
    align-items: center;
    justify-content: center;
    max-width: 1330px;
    margin: 0 auto;
	padding-top:2rem;
	padding-bottom: 2rem;
	    padding-inline: 4%;
}

#dialog
{
	border-top: 2px solid #0000001A;
	padding-top:3rem;
}

#saas-popup .saas-popup .popup-top-grid .top-heading h2 , #fully-managed-popup .fully-managed-popup .popup-top-grid .top-heading h2, #co-managed-popup .co-managed-popup .popup-top-grid .top-heading h2
{
	text-align: left;
font: normal normal bold 24px/31px Source Sans Pro !important;
letter-spacing: 0px;
color: #001738;
	margin:0 auto;
}


#saas-popup .saas-popup .close:hover ,#fully-managed-popup .fully-managed-popup .close:hover  ,#co-managed-popup .co-managed-popup .close:hover 
{
	color: #FF5F1F !important;
}


.popup-section h3
{
	text-align: left;
font: normal normal 900 30px/50px Source Sans Pro;
letter-spacing: 0px;
color: #FF5F1F;
}

.popup-section
{
	width:100%;
	margin:0 auto;
	max-width:1130px;
	background-repeat: no-repeat !important;
	background-position: right top !important;
	padding-inline: 4%;
}

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

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

.section2-graphics
{
	width:100%;
	margin:0 auto;
	max-width:1130px;
}

#saas-popup .saas-popup .section2-graphics h2, #fully-managed-popup .fully-managed-popup .section2-graphics h2 ,#co-managed-popup .co-managed-popup .section2-graphics h2
{
	text-align: center;
font: normal normal 900 30px/50px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
}

.section2-graphics p
{
	text-align: left;
font: normal normal normal 20px/25px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	max-width:898px;
	width:100%;
	margin:0 auto;
	padding: 0.6rem 0;
}


.pop-up-overview-grid
{
	 display: grid;
    padding-top: 1rem;
    grid-template-columns: 0.2fr 1fr 2fr;
    grid-column-gap: 2%;
    max-width: 1098px;
    margin: 0 auto;
	padding-bottom: 2rem;
	  grid-row-gap: 2%;
	padding-top:3rem;
}

.over-view-title
{
	text-align: left;
font: normal normal 900 20px/50px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	align-items: end;
    vertical-align: bottom;
}

.img-icon img
{
	    float: left;
}

.overview-content
{
	padding-top:1rem;
	padding-bottom:1rem;
}

.overview-content p
{
	text-align: left;
font: normal normal normal 20px/25px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	max-width:782px;
	width:100%;
}

#saas-popup .saas-popup .pop-up-close-button, #fully-managed-popup .fully-managed-popup .pop-up-close-button ,#co-managed-popup .co-managed-popup .pop-up-close-button
{
	cursor: pointer;
	text-decoration: none;
	    transition: all 200ms;
	text-align: center;
font: normal normal normal 20px/25px Source Sans Pro;
letter-spacing: 0px;
color: #FFFFFF;
	margin-top:3rem;
	margin-bottom:5rem;
	border: 2px solid #fff;
	width: 150px !important;
    height: 45px !important;
	    display: inline-grid;
	align-items: center;
    justify-content: center;
	border-radius: 33px;
}

#saas-popup .saas-popup .pop-up-close-button:hover, #fully-managed-popup .fully-managed-popup .pop-up-close-button:hover ,#co-managed-popup .co-managed-popup .pop-up-close-button:hover
{
	background:#fff;
	color:#FC6541 ;
	border: 2px solid #FC6541;
}

#saas-popup .saas-popup .section4-contact-information h2, #fully-managed-popup .fully-managed-popup .section4-contact-information h2, #co-managed-popup .co-managed-popup .section4-contact-information h2
{
	text-align: left;
    font: normal normal 900 48px/60px Source Sans Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
	padding-top: 4rem;
}

@media only screen and (max-width: 1440px)
{
	.pop-up-circle-box
	{
		    margin-bottom: -3rem;
	}
	
}
@media only screen and (max-width: 1290px)
{
	.section2-graphics
	{
		overflow:hidden;
	}
}
@media only screen and (max-width: 768px)
{
#saas-popup .saas-popup .section4-contact-information h2, #fully-managed-popup .fully-managed-popup .section4-contact-information h2, #co-managed-popup .co-managed-popup .section4-contact-information h2
	{
		text-align:center;
	}
}

@media only screen and (max-width: 1064px)
	
{
	
	#saas-popup .saas-popup .popup-section h2, #fully-managed-popup .fully-managed-popup .popup-section h2, #co-managed-popup .co-managed-popup .popup-section h2
	{
		font-size:38px !important;
		line-height:38px !important;
	}
	.popup-section h3
	{
		font-size:20px !important;
		line-height:21px !important;
	}
	
	.popup-section
	{
		background:none !important;
		padding-bottom: 1rem;
	}
.circle-top, .circle-bottom
	{
		display:none;
	}
	
	.pop-up-overview-grid
	{
		grid-template-columns: 1fr;
		display: inline-block;
		padding-top: 1.3rem;
		
	}
	.over-view-title
	{
		padding-left:4rem;
		line-height:25px;
	}
	
	.pop-up-circle-box
	{
		margin: 0 auto;
	}

.pop-up-circle-box h2
	{
		font-size:24 !important;
		line-height:31x !important;
		max-width:380px;
		width:100%;
		margin:0 auto;
		padding-bottom:0.6rem;
	}
	.overview-content p
	{
		font-size:16px;
		line-height:20px;
	}
	.img-icon
	{
		padding-bottom:1rem;
	}
	.section2-graphics p
	{
		font-size:16px;
		line-height:20px;
	}
}
.solution-overview-sec1 p:nth-child(2) {
		font-weight: 700;
	}
.solution-section3-graphics svg, .solution-section3-graphics-mobile svg {
	max-width: 100%;
}

@media only screen and (min-width: 578px) and (max-width: 768px) {
	.solution-grid-box a {
		bottom: 0rem !important;
	}

}

@media only screen and (max-width: 386px)
{
	
	.overview-content p
	{
		padding-top:1rem;
	}
}

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