@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700;800&display=swap');
 
@font-face {
  font-family: Verdana-Bold;
  src: url('../fonts/Verdana Bold.ttf');
}

body {
	font-family: 'Hanken Grotesk', sans-serif;
}

.banner {
	font-family: 'Hanken Grotesk', sans-serif;
	background: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.6)), url(../images/banner.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 170px;
}

.banner_left, .banner_right {
	background-color: white;
	height: 170px;
	width: 50%;
}

.banner_left {
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  float: left;
  shape-outside: polygon(0 0, 100% 100%, 0 100%);
}

.banner_right {
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, 0 100%);
}

.banner figure {
	text-align: center;
	margin-bottom: 40px;
}

.banner img {
	max-width: 540px;
}

.banner .container {
	max-width: 1100px;
}

.banner h1 {
	text-align: center;
	line-height: 1.3;
	font-weight: 800;
	font-size: 80px;
	color: #fff;
	margin-top: 0px;
}

.banner h1 span {
	color: #0097d8;
}
/*.custom-shape-divider-bottom-1694582510 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1694582510 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 102px;
}

.custom-shape-divider-bottom-1694582510 .shape-fill {
    fill: #FFFFFF;
}*/

.unleashing_leadership {
	padding-top: 50px;
	padding-bottom: 100px;
	text-align: center;
	font-family: 'Hanken Grotesk', sans-serif;
} 

.unleashing_icons figure {
	margin-bottom: 0; 
}

.unleashing_icons, .unleashing-icon {
	position: relative;
	text-align: center;
}

.unleashing-icon figure img {
	max-width: 100px;
	text-align: center;
}

.unleashing-icon h4 {
	font-size: 20px;
	text-transform: uppercase;
	color: #000;
}

.unleashing-content a {
	text-decoration: none;
}

.unleashing_icons .unleashing-icon:nth-child(1) .unleashing-content {
	top: 60%; 
	position: absolute;
	left: 40%;
}

.unleashing_icons .unleashing-icon:nth-child(2) .unleashing-content {
	top: -20px;
	position: relative;
}

.unleashing_icons .unleashing-icon:nth-child(3) .unleashing-content {
	top: 60%; 
	position: absolute;
	right: 40%;
}

.unleashing_icons .unleashing-icon:nth-child(4) .unleashing-content,
.unleashing_icons .unleashing-icon:nth-child(6) .unleashing-content {
	position: absolute;
	top: 40%;
}

.unleashing_icons .unleashing-icon:nth-child(6) .unleashing-content {
	right: 0;
}

.unleashing_icons .unleashing-icon:nth-child(7)  .unleashing-content{
	bottom: 60%; 
	position: absolute;
	left: 40%;
}

.unleashing_icons .unleashing-icon:nth-child(8) .unleashing-content {
	bottom: -20px;
	position: relative;
}

.unleashing_icons .unleashing-icon:nth-child(9)  .unleashing-content{
	bottom: 60%; 
	position: absolute;
	right: 40%;
}

.unleashing_leadership h1 {
	font-size: 80px;
	line-height: 1.3;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 30px;
	margin-top: 100px;
}

.unleashing_leadership p {
	font-size: 20px;
	line-height: 1.6;
	font-weight: 300;
	color: #000;
}

.unleashing_leadership .row {
	max-width: 900px;
	margin: 0 auto;
}

.reduce_cost {
	background: #000;
	padding-top: 60px;
	/*padding-bottom: 100px;*/
}

.reduce_cost .accordion-header .accordion-icon {
	position: relative;
	text-align: center;
}

.reduce_cost .accordion-header .accordion-icon::after {
	position: absolute;
	content: '';
	margin: 0 auto;
	left: 0;
	right: 0px;
	bottom: 64px;
	border-right: 5px dotted #fff;
	display: inline-table;
	height: 100%;
}

.border_side {
	border-left: 5px dotted #fff;
	height: 48%;
	text-align: center;
	margin: 0 auto;
	display: table;
}

.reduce_cost .accordion-item:nth-child(1) .border_side,
.reduce_cost .accordion-item:nth-child(7) .border_side ,
.reduce_cost .accordion-item:nth-child(8) .border_side {
	height: 38%;
}

.reduce_cost .accordion-item:nth-child(1)  .accordion-header .accordion-icon::after {
	display: none;
}

.reduce_cost .accordion-item:nth-child(odd) .accordion-header .accordion-icon::after,
.reduce_cost .accordion-item:nth-child(even) .accordion-header .border_side {
	border-color: #0097d8;
}

.border_small_side {
	border-left: 5px dotted #fff;
	/*height: 18%;*/
	text-align: center;
	margin: 0 auto;
	display: table;
}

.reduce_cost .accordion-header {
	/*padding-top: 50px;
	padding-bottom: 50px;*/

	padding-top: 0;
	padding-bottom: 0;

	overflow: hidden;
	font-family: 'Hanken Grotesk', sans-serif;
}

.reduce_cost .accordion-header figure {
	width: 200px;
	height: 200px;
	background: #fff;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	margin-bottom: 0;
	z-index: 1;
	position: relative;
}

.reduce_cost .accordion-header img {
	margin: 0 auto;
	max-width: 100px;
}

.reduce_cost .accordion-item {
	background: transparent;
	border: 0;
/*	padding-top: 70px;
	padding-bottom: 70px;*/
	font-family: 'Hanken Grotesk', sans-serif;
}

.reduce_cost .accordion-item .accordion-button {
	background: transparent;
	border: 0;
	box-shadow: none;
	max-width: 1000px;
	margin: auto;
}

.border_bottom {
	border-bottom: 5px dotted #fff;
	max-width: 76%;
	margin: 0 auto;
	margin-top: 70px;
	position: relative;
}

.reduce_cost .accordion-item:nth-child(even) .accordion-header .border_bottom {
	border-color: #0097d8;
}

.border_bottom::after {
	position: absolute;
	border-left: 5px dotted #fff;
	content: '';
	height: 100vh;
	right: 2px;
	top: 6px;
}

.reduce_cost .accordion-item:nth-child(even) .border_bottom::after { 
	right: unset;
	left: 2px; 
	border-color: #0097d8;
}

.reduce_cost .accordion-button:focus { 
	border-color: unset; 
	box-shadow: none;
}

.reduce_cost .accordion-header h1 {
	font-size: 86px;
	font-weight: 800;
	color: #0097d8; 
}

.reduce_cost .accordion-header h3 {
	font-size: 40px;
	font-weight: 800;
	color: #fff; 
}

.reduce_cost .accordion-header h3 span {
	display: block;
}


.accordion-button::after {
	/*content: '\f0d7';
	background-image: none !important;
	font-family: "Font Awesome 6 Free Solid";
	width: auto;
	color: #fff;
	font-size: 40px;
	height: auto;*/
	display: none;
}

.reduce_cost .accordion-header .fa-caret-down {
	color: #fff;
	font-size: 40px; 
	transition: 0.3s ease-in-out;  
}

.accordion-button:not(.collapsed) .fa-caret-down { 
	transform: rotate(180deg);
	transition: 0.3s ease-in-out;
}

.reduce_cost .accordion-item:nth-child(even) .accordion-header h1 { 
	text-align: right;
	color: #fff;
}  

.reduce_cost .accordion-item:nth-child(even) .accordion-header h3 {
	text-align: right;
	color: #0097d8;
}

.reduce_cost .accordion-item:nth-child(even) .accordion-button:not(.collapsed) .fa-caret-down,
.reduce_cost .accordion-item:nth-child(even) .accordion-header .fa-caret-down {
	display: table;
	margin-left: auto;
}

.reduce_cost .accordion-collapse .accordion-body {
	padding: 0;
	border-top: 5px dotted #fff;
	border-bottom: 5px dotted #fff;
}

.reduce_cost .accordion-item:nth-last-child(1) .accordion-header {
	padding-bottom: 50px;
}

.reduce_cost .accordion-item:nth-last-child(1) .accordion-body {
	border-bottom: 0;
}

.reduce_cost .collapse-banner {
	background: #000;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.reduce_cost .accordion-item:nth-child(2n) .collapse-banner {
	background: #0097d8;
}

.container_960 {
	max-width: 960px;
}

.reduce_cost .collapse-banner figure {
	width: 165px;
	height: 165px;
	background: #fff;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	margin-bottom: 60px;
}

.reduce_cost .collapse-banner figure img {
	margin: 0 auto;
	max-width: 100px;
}

.reduce_cost .collapse-banner h1 {
	font-size: 86px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 20px;
}

.reduce_cost .accordion-item:nth-child(2n) .collapse-banner h1 { 
	color: #fff; 
}

.reduce_cost .collapse-banner h3 {
	font-size: 60px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.3;
}

.reduce_cost .accordion-item:nth-child(2n) .collapse-banner h3 {
	color: #000;
}

.reduce_cost .collapse-banner h4 {
	font-size: 27px;
	font-weight: 800;
	color: #fff;
	line-height: 1.5;
}

.reduce_cost .revenue {
	background: #fff;
	text-align: center;
	padding-bottom: 100px;
} 

.reduce_cost .revenue figure {
	width: 140px;
	height: 140px;
	background: #000;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	margin-bottom: 30px;
	margin-top: 100px;
}

.reduce_cost .revenue figure img {
	margin: 0 auto;
	max-width: 80px;
}

.reduce_cost .accordion-body .h1_title {
	font-size: 60px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 40px;
}

.reduce_cost .accordion-body .h2_title {
	font-size: 45px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 20px;
}

.reduce_cost .accordion-body .h3_title {
	font-size: 28px;
	color: #fff;
	line-height: 1.5;
	font-weight: 300;
	margin-bottom: 60px;
}

.reduce_cost .accordion-body p {
	font-size: 20px;
	font-weight: 300;
	color: #000;
	line-height: 1.5;
}

.the_solution {
	background: linear-gradient(#fff 15%, black 15%) no-repeat;
	text-align: center;
	padding-top: 10px;
}

.solution_box {
	background: #0097d8;
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px;
	text-align: center;
}

.solution_box h1 {
	font-size: 77px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 20px;
}

.solution_box h3 {
	font-size: 40px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 20px;
}

.solution_box h4 {
	font-size: 30px;
	font-weight: 800;
	color: #000;
	line-height: 1.5;
}

.unique_way {
	margin-top: 100px;
	max-width: 1000px;
} 
 
.unique_way h3 {
	font-size: 35px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 20px;
}

.reduce_cost .demonstrate {
	background: #fff;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 50px;
}

.demonstrate .form-box {
	max-width: 450px;
	margin: 0 auto;
}

.spread_too {
	max-width: 550px;
	margin: 0 auto;
}

.reduce_cost .mistakes {
	background: #fff;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 100px;
}

.reduce_cost .mistakes .mis-hire-costs {
	max-width: 600px;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
}

.mis-hire-costs h3 {
	font-size: 60px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: table;
	margin: 0 auto;
	padding: 4px 25px;
	font-weight: 800;
}

.mis-hire-costs h1 {
	font-size: 160px !important;
	color: #0097d8 !important;
	text-transform: uppercase;
	font-weight: 800 !important;
	margin: 0 !important;
	line-height: 1;
}

.mis-hire-costs h2 {
	font-size: 70px;
	color: #000;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0;
	line-height: 1;
	text-align: left;
}

.mis-hire-costs h4 {
	font-size: 52px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	line-height: 1;
	font-weight: 800;
	margin: 0;
}

.reduce_cost .suitability {
	background: #ebebeb;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
} 

.strengths_interviewing {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
}

.reduce_risk {
	margin-top: 100px;
	margin-bottom: 100px;
}

.reduce_risk figure {
	width: 114px;
	height: 114px;
	background: #fff;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	align-items: center; 
}

.reduce_risk figure img {
	margin: 0 auto;
	max-width: 70px;
}

.strengths_interviewing .form-box {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 80px;
}

.strengths_interviewing .form-group {
	margin-bottom: 15px;
}

.reduce_cost .accordion-body .form-box label {
	color: #fff;
	font-size: 20px;
	text-align: left;
	line-height: 1.5;
	padding: 0;
}

.reduce_cost .accordion-body .form-box input {
	background: #e5e5e5;
	border: 0;
	border-radius: 0;
	padding: 15px;
}

.costly_challenge {
	background: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}

.new_hires { 
	margin-top: 50px;
	margin-bottom: 50px;
}

.new_hires h1 {
	font-family: Verdana-Bold;
	font-size: 453px;
	font-weight: 800;
	color: #0097d8;
	line-height: 70%;
}

.new_hires h2 {
	font-size: 113px;
	font-weight: 800;
	color: #000;
	line-height: 70%;
	text-transform: uppercase;
	letter-spacing: 10px;
}

.new_hires h2 span {
	color: #0097d8;
}

.new_hires h3 {
	font-size: 93px;
	font-weight: 800;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	background: #000;
	padding: 10px 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: table;
	text-align: center;
	letter-spacing: 3px;
}

.new_hires h4 {
	font-size: 173px;
	font-weight: 800;
	color: #0097d8;
	line-height: 70%;
	text-transform: uppercase;
	letter-spacing: 16px;
}

.new_hires h5 {
	font-size: 125px;
	font-weight: 800;
	color: #000;
	line-height: 1;
}

.onboarding_tools {
	background: #0097d8;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.gallup {
	background: linear-gradient(to right,#e5e5e5 50%, #fff 50%);
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}

.gallup_box {
	max-width: 570px;
  	margin-left: auto;
  	margin-right: auto;
}

.gallup_box h2 {
	font-size: 27px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 20px;
} 

.gallup_box figure {
	width: 142px;
	height: 142px;
	background: #fff;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	margin-bottom: 50px;
}

.gallup_box figure img {
	margin: 0 auto;
	max-width: 80px;
}

figure.team_integration {
	background: #0097d8;
}

.the_result {
	text-align: center;
	padding-top: 90px;
	padding-bottom: 100px;
}

.the_result .form-box  {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
} 

.the_challenge {
	background: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.research_pinpoints {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 90px;
}

.research_pinpoints h4 {
	font-size: 37px;
	font-weight: 800;
	margin-bottom: 0;
	color: #000;
	text-transform: uppercase;
}

.research_pinpoints h1 {
	font-size: 180px;
	font-weight: 800;
	color: #0097d8;
	line-height: 1;
}

.research_pinpoints h3 {
	font-size: 41px;
	font-weight: 800;
	margin-bottom: 0;
	color: #0097d8;
	text-transform: uppercase;
}

.research_pinpoints h3 span {
	display: block;
}

.research_pinpoints h2 {
	font-size: 51px;
	font-weight: 800;
	margin-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	background: #000;
	padding: 10px;
}

.reach_solution {
	background: #e5e5e5;
	padding-top: 90px;
	padding-bottom: 70px;
	text-align: center;
}

.currently_storming {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 130px;
}

.currently_storming .form-box {
	max-width: 700px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.key_insight {
	padding: 50px;
	border: 2px solid #fff;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}

.key_insight .h2_title {
	padding-bottom: 40px;
}

.exponentially {
	background: #fff;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}

.the_reach_tools {
	background: #e5e5e5;
	padding: 50px;
	margin-top: 80px;
	margin-bottom: 80px;
}

.the_reach_tools h4 {
	font-size: 27px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 20px;
}

.the_reach_tools figure {
	width: 142px;
	height: 142px;
	background: #000;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

.the_reach_tools figure img {
	margin: 0 auto;
	max-width: 80px;
}

.interview_companion_cover {
	max-height: 325px;
}

.personal_strengths {
	margin-top: 75px;
}

.strengths_search {
	/*background: linear-gradient(#fff 15%, #0097d8 15%) no-repeat;*/
	background: #0097d8;
	text-align: center;
	padding-bottom: 100px;
	padding-top: 100px;
}

.flow_state {
	/*margin-top: 100px;*/
}

.flow_state h1 {
	font-size: 240px;
	font-weight: 800;
	color: #000;
	margin-bottom: 0;
	line-height: 75%;
}

.flow_state h5 {
	font-size: 61px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0;
	text-transform: uppercase;
}

.flow_state h2 {
	font-size: 121px;
	font-weight: 800;
	color: #000;
	margin-bottom: 0;
	text-transform: uppercase;
}

.flow_state h3 {
	font-size: 73px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0;
	text-transform: uppercase;
	text-align: right;
}

.flow_state h4 {
	font-size: 72px;
	font-weight: 800;
	color: #000;
	text-transform: uppercase;
	background: #fff;
	margin: 20px auto;
	width: auto;
	padding: 6px 30px;
}

.productivity {
	text-align: center;
	padding-top: 140px;
	padding-bottom: 140px;
}

.productivity .form-box {
	margin-top: 50px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.potential_feedback {
	background: #fff;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}

.improves_performance {
	margin-top: 60px;
	margin-bottom: 40px;
}

.improves_performance h1 {
	font-size: 211px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 0;
	text-align: right;
}

.improves_performance h2 {
	font-size: 57px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 0;
	text-transform: uppercase;
	text-align: left;
}

.improves_performance h3 { 
	font-size: 53px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	background: #000;
	display: table;
	margin: 0 auto;
	padding: 10px 30px; 
}

.leader_effectiveness {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
	background: #e5e5e5;
}

.two_way_feedback {
	text-align: center;
	padding-top: 140px;
	padding-bottom: 140px;
} 

.two_way_feedback .form-box {
	margin-top: 50px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.continuous_development {
	text-align: center;
	background: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
}

.key_insights {
	background: #e5e5e5;
	padding: 50px;
	max-width: 750px;
	margin: 90px auto;
}

.check_ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: table; 
}

.key_insights .check_ul {
	margin-top: 40px;
}

.check_ul li {
	font-size: 20px;
	font-weight: 300;
	color: #000;
	line-height: 1.5;
	margin-bottom: 25px;
	position: relative;
	padding-left: 40px;
	text-align: left;
}

.check_ul li::after {
	position: absolute;
	content: '';
	background: url('../images/check.png') no-repeat;
	width: 25px;
	height: 25px;
	left: 0;
	top: 0;
}

.unique_tools {
	background: #0097d8;
	padding-top: 100px;
	padding-bottom: 70px;
	text-align: center;
}

.dashboards_achieve {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 50px;
}

.dashboards_achieve h2 {
	font-size: 79px;
	color: #0097d8;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0;
}

.dashboards_achieve h3 {
	font-size: 64px;
	color: #0097d8;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0;
}

.dashboards_achieve h4 {
	font-size: 53px;
	color: #0097d8;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0;
}

.dashboards_achieve h1 {
	font-size: 257px;
	color: #0097d8;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0;
	line-height: 90%;
}

.dashboards_achieve h5 {
	font-size: 57px;
	color: #000;
	text-transform: uppercase;
	font-weight: 800;
	background: #fff;
	padding: 10px 30px;
	display: table;
	margin: 10px auto;
}

.dashboards_achieve h6 {
	font-size: 45px;
	color: #0097d8;
	font-weight: 800;
} 

.dashboards_achieve ul li {
	color: #fff;
	text-align: center;
}

.dashboards_achieve ul {
	margin-top: 100px;
	margin-bottom: 100px;
}

.rating__wrapper {
	display: flex;
	justify-content: space-between;
	max-width: 650px;
	margin: 0 auto;
}

.rating__wrapper .rating__item {
	width: 42px;
	height: 42px;
	background: #e5e5e5;
	text-align: center;
	border-radius: 100px;
	font-size: 20px;
	color: #000;
	line-height: 1.5;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	cursor: pointer;
}

.rating__wrapper .rating__item:hover {
	background: #0097d8;
	color: #fff;
}

.millenials {
	border: 2px solid #fff;
	padding: 50px;
	max-width: 800px;
	margin: 100px auto;
}

.millenials {
	border: 2px solid #fff;
	padding: 70px;
	max-width: 800px;
	margin: 100px auto;
}

.millenials .h2_title {
	margin-bottom: 50px !important;
}

.dashboards_achieve figure {
	margin-bottom: 80px;
}

.understanding_engagement {
	background: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.understanding_engagement figure {
	width: 142px;
	height: 142px;
	background: #000;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

.understanding_engagement figure img {
	margin: 0 auto;
	max-width: 80px;
}

.understanding_engagement h4 {
	font-size: 27px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 20px;
} 

.dedicated_team {
	background: #e5e5e5;
	padding-top: 100px;
	padding-bottom: 50px;
	text-align: center;
}

.your_workforce {
	background: linear-gradient(#e5e5e5 30%, black 30%) no-repeat;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 100px;
}

.your_workforce .form-box {
	max-width: 500px;
	margin: 0 auto;
	margin-top: 70px;
}

.your_workforce .form-box .form-group {
	margin-bottom: 15px;
}

.the_problem {
	text-align: center;
	background: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
}

.competitive_advantage {
	text-align: center;
	background: #e5e5e5;
	padding-top: 50px;
}

.formalised_succession {
	text-align: center;
	background: #0097d8;
	padding-top: 100px;
	padding-bottom: 100px;
}


.formalised_succession select {
	max-width: 300px;
	margin: 0 auto;
	border: 0;
	border-radius: 0;
}

.search_module {
	text-align: center;
	background: #000;
	padding-top: 100px;
	padding-bottom: 100px;
}

.search_module figure {
	margin-bottom: 80px;
}

.search_module h4 {
	font-size: 27px;
	color: #0097d8;
	font-weight: 800;
	margin-top: 40px;
}

.separation_surveys {
	background: #fff;
	padding-top: 100px;
	padding-bottom: 50px;
	text-align: center;
}

.separation_surveys .regrettable {
	display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  margin-bottom: 15px;
  margin-top: 15px;
}

.reduce_cost .accordion-body .form-check {
	font-size: 20px;
	line-height: 1.5;
}

.regrettable_working {
	text-align: left;
	margin: 15px auto;
	display: table;
}

.talent_leak {
	text-align: center;
	background: #e5e5e5;
	padding-top: 80px;
	padding-bottom: 50px;
}

.reach_look_like {
	text-align: center;
	background: #0097d8;
	padding-top: 70px;
	padding-bottom: 70px;
}

.reach_look_like .form-box .form-group {
	margin-bottom: 15px;
}

.reach_look_like .form-box input {
	background: #fff;
	border: 0;
	border-radius: 0;
	padding: 15px;
}

.reach_look_like .form-box label {
	color: #fff;
	font-size: 20px;
	text-align: left;
	line-height: 1.5;
	padding: 0;
}

.reach_look_like h2 {
	font-size: 45px;
	font-weight: 800;
	margin-bottom: 40px;
}

.upload_logo {
	display: flex;
	gap: 20px;
	align-items: center;
}

.upload_logo input {
	width: 100%;
	padding: 0 !important;
}

.upload_logo input[type=file]::file-selector-button {
  margin-right: 20px;
  border: 1px solid #fff;
  background: #000;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

.upload_logo input[type=file]::file-selector-button:hover {
  background: #fff;
  color: #000;
}

.upload_logo button {
	background: #000;
	border: 0;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 16px;
	transition: background .2s ease-in-out;
}

.upload_logo button:hover {
	background: #0884b9;
}

.thank_you {
	padding-top: 140px;
	padding-bottom: 120px;
	text-align: center;
}

.thank_you h1 {
	font-size: 103px;
	font-weight: 800;
	color: #0097d8;
	text-align: center;
}

.thank_you h3 {
	font-size: 64px;
	text-align: center;
	font-weight: 800;
	color: #000;
	margin-bottom: 20px;
}

.thank_you img {
	max-width: 720px;
}



.succession_feedback {
	background: #fff;
	padding-top: 80px;
	padding-bottom: 40px;
}

.succession_feedback h1 {
	font-size: 330px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 0;
	text-align: right;
	line-height: 90%;
}

.succession_feedback h2 {
	font-size: 54px;
	font-weight: 800;
	color: #000;
	margin-bottom: 0;
	text-transform: uppercase;
	text-align: left;
	line-height: 110%;
}

.succession_feedback h2 span {
	color: #0097d8;
	font-size: 80px;
}

.succession_feedback h4 {
	font-size: 150px;
	line-height: 90%;
	font-weight: 800;
	color: #000;
	text-transform: uppercase;
	text-align: left;
}

.succession_feedback h3 {
	font-size: 53px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	background: #000;
	margin: 0 auto;
	padding: 10px 30px;
	letter-spacing: 10px;
	text-align: center;
}

.succession_feedback h3 span { 
	color: #0097d8; 
}

.leadership_development {
	background: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.leadership_development h4 {
	font-size: 20pt;
	color: #000;
	text-align: center;
	line-height: 1.5;
}

.organizations_leadership_development {
	padding-top: 50px;
	padding-bottom: 50px;
}

.research_shows {
	background: #e5e5e5;
	padding-top: 80px;
	padding-bottom: 60px;
	text-align: center;
}

.research_shows h4 {
	font-size: 27px;
	font-weight: 800;
	color: #000;
	margin-bottom: 20px;
}

.leader-led {
	margin-top: 70px;
}

.good-quality {
	font-size: 30px !important;
}

.currently-rate {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}

.rate-leadership-development {
	padding-top: 60px;
}

select {
	border: 0 !important;
	border-radius: 0 !important;
}



/* reachlx business case landing page */
.your_current_numbers {
	background: #000;
	padding-top: 70px;
	padding-bottom: 70px;
}

.your_current_numbers  h1 {
	font-size: 80px;
	font-weight: 800;
	color: #0097d8;
	margin-bottom: 20px;
	text-align: center;
}

.your_current_numbers .h2_title {
	color: #fff;
	font-size: 45px;
	font-weight: 800;
	margin-bottom: 20px;
	text-align: center;
}

.your_current_numbers p {
	font-size: 20px;
	text-align: center;
	color: #fff;
	line-height: 1.5;
}

.your_current_numbers_box {
	padding-top:30px;
	padding-bottom:30px;
}

.your_current_numbers_box .form-box {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 50px;
}

.your_current_numbers_box .form-box.single-field {
	max-width: 300px;
}

.your_current_numbers_box  .form-group {
	margin-bottom: 15px;
}

.your_current_numbers_box .form-box label {
	color: #fff;
	font-size: 20px;
	text-align: left;
	line-height: 1.5; 
}

.your_current_numbers_box  .form-box input {
	background: #fff;
	border: 0;
	border-radius: 0;
	padding: 15px;
}

.your_current_numbers_box select {
	border: 0;
	border-radius: 0;
	padding: 15px;
	max-width: 300px;
	margin: 0 auto;
	margin-top: 50px;
}

/* reachlx business case landing page end*/




@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner {
	padding-top: 100px;
	padding-bottom: 100px;
}

.banner h1 {
	font-size: 50px;
}

.banner_left, .banner_right {
	height: 100px;
}

.unleashing_leadership h1 {
	font-size: 50px;
}

.unleashing_leadership p,
.reduce_cost .accordion-body p {
	font-size: 18px;
}

.reduce_cost .accordion-header figure {
	width: 150px;
	height: 150px;
}

.reduce_cost .accordion-header img {
	max-width: 80px;
}

.reduce_cost .accordion-header h1 {
	font-size: 70px;
}

.reduce_cost .accordion-header h3 {
	font-size: 30px;
}

.reduce_cost .accordion-item:nth-child(1) .border_side, 
.reduce_cost .accordion-item:nth-child(7) .border_side, 
.reduce_cost .accordion-item:nth-child(8) .border_side {
	height: 54%;
}

.border_side {
	height: 62%;
}

.border_bottom::after {
	top: 3px;
}

.reduce_cost .collapse-banner h1 {
	font-size: 58px;
}

.reduce_cost .collapse-banner h3 {
	font-size: 40px;
}

.solution_box h3 {
	font-size: 32px;
}

.solution_box h4 {
	font-size: 22px;
}

.new_hires h1 {
	font-size: 350px;
}

.new_hires h2 {
	font-size: 70px;
}

.new_hires h3 {
	font-size: 70px;
	letter-spacing: 3px;
	margin: 15px auto;
}

.new_hires h4 {
	font-size: 112px;
}

.new_hires h5 {
	font-size: 100px;
	margin-top: 20px;
}

.gallup_box {
	padding: 10px;
}

.gallup {
	padding-top: 50px;
	padding-bottom: 40px;
}

.reduce_cost .accordion-body .h1_title {
	font-size: 40px;
}

.reduce_cost .accordion-body .h2_title {
	font-size: 36px;
}

.the_reach_tools {
	padding: 50px 20px;
}

.flow_state h1 {
	font-size: 200px;
}

.dashboards_achieve h2 {
	font-size: 70px;
}

.dashboards_achieve h3 {
	font-size: 57px;
}

.dashboards_achieve h4 {
	font-size: 47px;
}

.dashboards_achieve h1 {
	font-size: 224px;
}

.dashboards_achieve h5 {
	font-size: 45px;
}

.dashboards_achieve h6 {
	font-size: 40px;
}

.understanding_engagement h4 {
	font-size: 20px;
}

.reach_look_like .form-box {
	padding: 20px;
}

.thank_you h3 {
	font-size: 50px;
}

.personal_strengths {
	margin-top: 35px;
}

.interview_companion_cover {
	max-height: 250px;
}

.reach_look_like h2 {
	font-size: 36px; 
}

.reduce_cost .accordion-item:nth-last-child(1) .accordion-header {
	padding-bottom: 30px;
}


.succession_feedback h1 {
	font-size: 260px; 
}

.succession_feedback h2 {
	font-size: 40px; 
}

.succession_feedback h2 span { 
	font-size: 66px;
}

.succession_feedback h4 {
	font-size: 112px; 
}

.succession_feedback h3 { 
	letter-spacing: 0px; 
  display: table;
}  




 
.your_current_numbers h1 {
	font-size: 58px; 
}

.your_current_numbers .h2_title {
	font-size: 36px;
}

.your_current_numbers p{
	font-size: 18px;
} 

}



@media only screen and (min-width: 0) and (max-width: 767px) {
.banner img {
	max-width: 230px;
}

.banner figure {
	text-align: center;
	margin-bottom: 20px;
}

.banner {
	padding-top: 50px;
	padding-bottom: 50px;
}	

.banner h1 {
	font-size: 25px;
	margin: 0;
}

.banner_left,
.banner_right {
	display: none;
}

.unleashing-content {
	position: unset !important;
}

.unleashing-icon {
	flex: 0 0 auto;
	width: 50%;
}

.unleashing-icon figure img {
	max-width: 70px;
}

.unleashing-icon h4 {
	font-size: 15px;
}

.unleashing_leadership {
	padding-top: 30px;
	padding-bottom: 30px;
}

.unleashing_leadership h1 {
	font-size: 25px;
	margin-top: 30px;
}

.reduce_cost .accordion-header h1 {	
	font-size: 30px;
}

.reduce_cost .accordion-header h3 ,
.reduce_cost .accordion-header .fa-caret-down {
	font-size: 22px;
}

.reduce_cost .accordion-header h1,
.reduce_cost .accordion-header h3,
.reduce_cost .accordion-item:nth-child(2n) .accordion-header h3,
.reduce_cost .accordion-item:nth-child(2n) .accordion-header h1 {
	text-align: center;
}

.reduce_cost .accordion-header .fa-caret-down {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.unleashing_leadership p,
.reduce_cost .accordion-body p {
	font-size: 15px;
}

.unleashing_leadership .row {
	max-width: 400px;
}

.reduce_cost .accordion-header {
	padding-top: 10px;
	padding-bottom: 10px;
}

.accordion-icon {
	display: none;
}

.reduce_cost .accordion-item .accordion-button {
	padding: 10px;
}  

.reduce_cost {
	padding-top: 20px;
	padding-bottom: 20px;
}

.border_bottom, 
.border_side {
	display: none;
}

.reduce_cost .accordion-collapse .accordion-body {
	border-top: 2px dotted #fff;
	border-bottom: 2px dotted #fff;
}

.reduce_cost .collapse-banner {
	padding-top: 30px;
	padding-bottom: 30px;
}

.reduce_cost .collapse-banner figure {
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
}

.reduce_cost .collapse-banner figure img {
	max-width: 50px;
}

.reduce_cost .collapse-banner h1,
.reduce_cost .accordion-body .h1_title {
	font-size: 30px;
	margin-bottom: 20px;
}

.reduce_cost .collapse-banner h3,
.reduce_cost .accordion-body .h2_title  {
	font-size: 23px;
}

.reduce_cost .accordion-body .h3_title {
	font-size: 20px;
	margin-bottom: 20px;
}

.reduce_cost .collapse-banner h4 {
	font-size: 20px;
}
 
.reduce_cost .revenue figure {
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
	margin-top: 40px;
}

.reduce_cost .revenue figure img {
	max-width: 50px;
}
 
.reduce_cost .revenue {
	padding-bottom: 20px;
} 

.solution_box {
	padding: 30px;
}

.solution_box h1 {
	font-size: 30px;
}

.solution_box h3 {
	font-size: 20px;
}

.solution_box h4 {
	font-size: 15px;
}

.unique_way {
	margin-top: 30px;
}

.unique_way h3 {
	font-size: 23px;
}

.reduce_cost .demonstrate {
	padding-top: 30px;
	padding-bottom: 5px;
}

.reduce_cost .mistakes,
.reduce_cost .suitability ,
.strengths_interviewing ,
.costly_challenge ,
.onboarding_tools,
.the_result ,
.the_challenge,
.reach_solution,
.currently_storming ,
.exponentially ,
.productivity ,
.potential_feedback ,
.leader_effectiveness ,
.two_way_feedback,
.continuous_development ,
.unique_tools,
.dashboards_achieve,
.understanding_engagement ,
.dedicated_team ,
.your_workforce ,
.the_problem ,
.formalised_succession ,
.search_module ,
.separation_surveys ,
.talent_leak  ,
.reach_look_like {
	padding-top: 30px;
	padding-bottom: 30px;
}

.reduce_cost .mistakes .mis-hire-costs,
.reduce_risk {
	margin-top: 20px;
	margin-bottom: 30px;
}

.mis-hire-costs h3 {
	font-size: 30px;
	padding: 4px 10px;
}

.mis-hire-costs h1 {
	font-size: 130px !important;
}

.mis-hire-costs h2 {
	font-size: 45px;
	text-align: center;
}

.mis-hire-costs h4 {
	font-size: 24px;
}

.reduce_cost .reduce_risk figure,
.gallup_box figure {
	width: 100px;
	height: 100px;
	margin-bottom: 20px; 
}

.reduce_cost .reduce_risk figure img,
.gallup_box figure img {
	max-width: 50px;
}

.strengths_interviewing .form-box {
	margin-top: 0;
	max-width: 400px;
}

.reduce_cost .accordion-body .form-box label {
	font-size: 15px;
	margin-bottom: 10px;
	text-align: center;
}

.new_hires h1 {
	font-size: 100px;
}

.new_hires {
	margin-top: 0;
	margin-bottom: 30px;
}

.new_hires h2 {
	font-size: 60px;
	line-height: 100%;
	letter-spacing: 0;
}

.new_hires h3 {
	font-size: 44px;
	padding: 10px 10px;
	margin: 10px auto;
}

.new_hires h4 {
	font-size: 88px;
	letter-spacing: 5px;
}

.new_hires h5 {
	font-size: 28px;
}

.gallup {
	background: #e5e5e5;
	padding-top: 10px;
	padding-bottom: 10px;
}
 
.gallup_box h2 {
	font-size: 20px;
}

.gallup_box {
	padding: 10px;
}

.the_result .form-box {
	max-width: 400px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.research_pinpoints {
	max-width: 400px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.research_pinpoints h4 {
	font-size: 25px;
}

.research_pinpoints h1 {
	font-size: 150px;
	margin: 0;
}

.research_pinpoints h3 {
	font-size: 21px;
	margin-bottom: 10px;
}

.research_pinpoints h2 {
	font-size: 20px;
}

.key_insight {
	padding: 20px;
	margin-top: 0px;
}

.key_insight .h2_title {
	padding-bottom: 0px;
}

.key_insight .h3_title {
	font-size: 16px !important;
	margin-bottom: 0px !important;
}

.the_reach_tools {
	padding: 30px 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.the_reach_tools figure {
	margin-top: 10px;
	margin-bottom: 10px;	
	width: 100px;
	height: 100px;
}

.the_reach_tools figure img {
	max-width: 50px;
} 

.personal_strengths {
	margin-top: 0;
}

.the_reach_tools h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.strengths_search {
	padding-bottom: 30px;
	padding-top: 40px;
}

.flow_state h5 {
	font-size: 28px;
}

.flow_state h2 {
	font-size: 47px;
}

.flow_state h3 {
	font-size: 60px;
	text-align: center;
}

.flow_state h1 {
	font-size: 120px;
}

.flow_state h4 {
	font-size: 29px;
	padding: 6px 15px;
}

.improves_performance {
	max-width: 400px;
	margin: 0 auto;
}

.improves_performance h1 {
	font-size: 150px;
	text-align: center;
	line-height: 1;
}

.improves_performance h2 {
	font-size: 31px;
	text-align: center;
}

.improves_performance h3 {
	font-size: 20px;
	margin: 4px auto;
	padding: 10px 13px;
}

.key_insights {
	padding: 15px;
	margin: 10px auto;
}

.check_ul li {
	font-size: 15px;
}

.key_insights .check_ul {
	margin-top: 0;
}

.dashboards_achieve h2 {
	font-size: 30px;
}

.dashboards_achieve h3 {
	font-size: 25px;
}

.dashboards_achieve h4 {
	font-size: 21px;
}

.dashboards_achieve h1 {
	font-size: 97px;
}

.dashboards_achieve h5 {
	font-size: 18px;
	padding: 10px 9px;
}

.dashboards_achieve h6 {
	font-size: 20px;
}

.dashboards_achieve ul {
	margin-top: 30px;
	margin-bottom: 30px;
}

.rating__wrapper {
	max-width: 400px;
}

.rating__wrapper .rating__item {
	width: 35px;
	height: 35px;
	border-radius: 0;
	font-size: 14px;
	border: 1px solid #000;
}

.millenials {
	padding: 20px;
	margin: 30px auto;
}

.millenials .h2_title {
	margin-bottom: 20px !important;
}

.millenials .h3_title {
	font-size: 16px !important;
	margin-bottom: 0px !important;
}

.dashboards_achieve figure {
	margin-bottom: 50px;
}

.understanding_engagement figure { 
	margin-bottom: 20px;  
	margin-top: 10px;	
	width: 100px;
	height: 100px;
}

.understanding_engagement figure img {
	max-width: 50px;
}

.understanding_engagement h4 {
	font-size: 20px;
}

.your_workforce {
	background: linear-gradient(#e5e5e5 10%, black 10%) no-repeat; 
}

.your_workforce .form-box {
	max-width: 400px;
	margin-top: 0;
}

.competitive_advantage .row {
	flex-direction: column-reverse;
}

.search_module figure {
	margin-bottom: 20px;
}

.search_module h4 {
	font-size: 20px;
	margin-top: 40px;
}

.thank_you {
	padding-top: 40px;
	padding-bottom: 40px;
}

.thank_you h1 {
	font-size: 50px;
}

.thank_you h3 {
	font-size: 20px;
}

.thank_you img {
	max-width: 220px;
}

.reach_solution figure img {
	max-width: 300px;
} 

.reach_look_like h2 {
	font-size: 36px; 
}

.reach_look_like .form-box label { 
	font-size: 15px;
	text-align: center; 
}

.reduce_cost .accordion-item:nth-last-child(1) .accordion-header {
	padding-bottom: 10px;
}


.succession_feedback,
.leadership_development,
.research_shows { 
	padding-top: 30px;
	padding-bottom: 30px;
}

.succession_feedback h1 {
	font-size: 150px;
	text-align: center;
}

.succession_feedback h2,
.succession_feedback h2 span,
.succession_feedback h4 {
	font-size: 37px; 
	text-align: center; 
}

.succession_feedback h3 {
	font-size: 20px; 
	padding: 10px 20px;
	letter-spacing: 0; 
	display: table;
}

.leader-led {
	margin-top: 30px;
}

.good-quality {
	font-size: 20px !important;
}

.organizations_leadership_development {
	padding-top: 10px;
	padding-bottom: 10px;
}




.your_current_numbers h1 {
    font-size: 30px; 
  }

 .your_current_numbers .h2_title {
    font-size: 23px;
  }

.your_current_numbers p{
    font-size: 15px;
  } 
.your_current_numbers_box { 
	padding-bottom: 10px;
}

.your_current_numbers_box .form-box label {
    font-size: 15px; 
text-align: center;
  }

.your_current_numbers_box .form-box {
	max-width: 400px; 
	margin-top: 20px;
}

.your_current_numbers_box select {
	max-width: 300px;
	margin-top: 20px;
}

}