@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

@font-face {
  font-family: Comicise;
  src: url(../fonts/Comicise.ttf);
}

body {
 	font-family: 'Nunito', sans-serif !important; 
 	font-weight: normal;
 	color: #31344b;
}

html {
	scroll-behavior: smooth;
}

.progress {
	background: linear-gradient(to right,#de2e34 0%, #f8dc23 30vw, #15924a 70vw, #1b7dc6 100vw);
	background-repeat: no-repeat;
	position: fixed;
	width: var(--scroll);
	top: 0;
	left: 0;
	height: 4px;
	z-index: 99;
}

.topBar_new {
	background: #fbfbfb;
	padding-bottom: 5px;
	display: none;
}

.topBar_Btns {
	list-style: none;
	padding: 0;
	text-align: center;
	margin: 0;
}

.topBar_Btns li {
	display: inline-block;
	color: #31344b;
	padding-right: 2px;
	position: relative;
	font-size: 0.8rem;
}

.topBar_Btns li a {
	color: #31344b;
}

.topBar_Btns li .btn {
	background: #fbfbfb;
	transition: all .2s ease;
	font-size: 0.8rem;
	border: 0px solid #d1d9e6;
	box-shadow: 3px 3px 6px rgba(184, 185, 190, 0.43),-3px -3px 6px #fff;
	padding: .3rem .75rem;
	color: #31344b;
	border-radius: 0 0px 5px 5px;
}

.topBar_Btns li .btn:hover {
	color: #31344b;  
	box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;
}

.topBar_Btns .dropdown-menu li {
	display: block;
	padding-right: 0px;
}

.topBar_Btns .dropdown-menu { 
	border: 1px solid rgb(226, 247, 255); 
}

.topBar_Btns .dropdown-item:focus, 
.topBar_Btns .dropdown-item:hover { 
	background-color: #f3fcff;
}

.menu_new {
	padding-top: 18px;
	background: #fff;
	box-shadow: 9px 9px 12px rgba(17, 12, 91, 0.05);
	padding-bottom: 12px;
}

.menu_new {
	padding-bottom: 15px;
}

.menu_new .logo figure {
	margin: 0;
}

.MenuPL {
	padding-left: 0;
	display: flex;
	margin-top: 22px;
	border-top: 1px solid #f2f2f2;
	padding-top: 15px;
}

.MenuPL.menuDec2022 {
	margin-top: 22px;
	border-top: 1px solid #f2f2f2;
	padding-top: 15px;
}

.menu_new .navbar {
	padding-top: 0;
	padding-bottom: 0; 
	margin: 0 auto;
	min-height: unset;
}

.menu_new .navbar-dark .navbar-nav .nav-link {
	color: #000000;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	padding-right: .0rem;
	padding-left: .0rem;
	padding-top: 0;
	padding-bottom: 0;
}

.menu_new .navbar-dark .navbar-nav .nav-link:focus, 
.menu_new .navbar-dark .navbar-nav .nav-link:hover {
	color: #3A4ACE;
	background: transparent;
}
 
.menu_new .navbar-dark .nav-item {
	display: inline-block;
	list-style: outside none none;
	margin: 0em 0.6em;
	padding: 0;
} 

.menu_new .navbar-dark .nav-item a::before,
.menu_new .navbar-dark .nav-item a::after {
  content: '';
  height: 10px;
  width: 10px;
  position: absolute;
  transition: all .35s ease;
  opacity: 0;
}

.menu_new .navbar-dark .nav-item a::before {
	content: '';
	right: -10px;
	top: 0px;
	border-top: 2px solid #3A4ACE;
	border-right: 2px solid #3A4ACE;
	transform: translate(-100%, 50%);
}

.menu_new .navbar-dark .nav-item a::after {
	content: '';
	left: -10px;
	bottom: 0;
	border-bottom: 2px solid #3A4ACE;
	border-left: 2px solid #3A4ACE;
	transform: translate(100%, -50%);
}

.menu_new .navbar-dark .nav-item a:hover:before,
.menu_new .navbar-dark .nav-item a:hover:after{
  transform: translate(0,0);
  opacity: 1;
}

.navbar-brand figure {
	margin-bottom: 0;
} 

.navbar-toggler {
	padding: 0;
}

.navbar-toggler .fa-bars {
	color: #000;
}
 

@media (min-width: 992px) {
.navbar-brand {
	display: none;
}
}

.MenuSignIn {
	list-style: none;
	padding: 0;
	text-align: right;
	margin: 0;
}

.MenuSignIn li {
	display: inline-block; 
	color: #31344b;
	padding-left: 2px; 
	font-size: 0.8rem;
	color: #31344b;
}

.MenuSignIn .dropdown-menu li {
	display: block;
	padding-right: 0px;
}

.MenuSignIn .dropdown-menu { 
	border: 1px solid rgb(226, 247, 255); 
}

.MenuSignIn .dropdown-item:focus, 
.MenuSignIn .dropdown-item:hover { 
	background-color: #f3fcff;
}

.MenuSignIn li a {
	color: #31344b;
}

.sm-SignIn {
	display: none; 
}

.sm-SignIn a {
	background: #fff;
	transition: all .2s ease;
	font-size: 0.8rem;
	border: 1px solid #d1d9e6;
	box-shadow: 3px 3px 6px #b8b9be,-3px -3px 6px #fff;
	text-transform: uppercase;
	padding: .35rem .7rem;
}

.MenuSignIn li .btn {
	background: #fff;
	transition: all .2s ease;
	font-size: 0.8rem;
	border: 1px solid #d1d9e6;
	box-shadow: 3px 3px 6px rgba(184, 185, 190, 0.43),-3px -3px 6px #fff;
	padding: .4rem .6rem;
	line-height: 1.3;
	color: #31344b;
}

.MenuSignIn li .btn:hover {
	color: #31344b; 
	border-color: #e6e7ee;
	box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;
}

.MenuSignIn li .btn i {
	margin-right: 5px;
}

.innerBanner_dark_blue {
	background: #042251;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 300px;
	align-items: center !important;
	display: flex;
	text-align: center;
	overflow: hidden;
}

.innerBanner_dark_blue h1 {
	font-size: 65px;
	line-height: 1.5;
	font-weight: 600;
	color: #fff;
}

.innerBanner_dark_blue h2 {
	text-align: left;
	color: #fff;
	font-size: 38px;
	text-transform: uppercase;
	line-height: 1.5;
	font-weight: 600;
}

.innerBanner_dark_blue h4 {
	font-size: 35px;
	line-height: 1.5;
	font-weight: 400;
	color: #fff;
}

.teams_excel {
	padding-top: 70px;
	padding-bottom: 70px;
}

.teams_excel h3 {
	font-size: 30px;
	line-height: 1.5;
	font-weight: 600;
	color: #000;
}

.changing_world_leadership { 
	background: #44dcbd; 
}

.changing_world_leadership .container {
	background: url(../images/changing_leadership.png) #44dcbd no-repeat;
	padding-top: 40px;
	padding-bottom: 110px;
	background-size: 760px;
	background-position: right 20px;
	max-width: 1140px;
}

.changing_world_leadership h4 {
	font-size: 34px;
	font-weight: 600;
	color: #000;
	line-height: 1.5;
	margin-bottom: 20px;
}

.changing_world_leadership h5 {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 60px;
	text-align: center;
}

.changing_world_leadership_map ul {
	  list-style: none;
	  margin: 0; 
	  -webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		gap: 10px; 
}

.changing_world_leadership_map ul li {
	padding-bottom: 35px;
	position: relative;
}

.changing_world_leadership_map ul li:nth-child(1) div {
	position: relative;
	top: 60px;
	right: 10px;
	z-index: 9;
}

.changing_world_leadership_map ul li:nth-child(2) div { 
	position: relative;
	left: 62px;
	top: 86px;
	z-index: 9;
}

.changing_world_leadership_map ul li:nth-child(3) div {  
	position: relative;
	left: 98px;
	top: 95px;
}

.changing_world_leadership_map ul li:nth-child(4) div {
	position: relative;
	right: 30px;
}

.changing_world_leadership_map ul li:nth-child(5) div {
	position: relative;
	top: 40px;
	right: 0;
}

.changing_world_leadership_map ul li:nth-child(6) div  {
	position: relative;
	left: 140px;
	top: 71px;
}

.changing_world_leadership_map ul li div {
	background: #fff;
	display: table;
	padding: 5px 14px;
	border-radius: 100px;
	font-size: 15px;
}

.changing_world_leadership_map ul li div:hover {
	background: #e6fff8;
}

.changing_world_leadership_map a {
	color: #000;
	text-decoration: none;
}

.no_tools_training {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f9eff9;
}

.no_tools_training h3 {
	font-size: 30px;
	line-height: 1.5;
	font-weight: 600;
	color: #000;
	text-align: center;
	margin-bottom: 0;
}

.no_tools_trainingBox {
	background: linear-gradient(#f9eef9 34%,white);
	max-width: 1070px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
}

.no_tools_training_Box {
	background: linear-gradient(#f9eef9 34%,white);
	padding: 25px;
	margin-bottom: 30px;
}

.no_tools_training_Box h3 {
	color: #a869da;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.5;
	border-bottom: 1px solid #a869da;
	padding-bottom: 10px;
	margin-bottom: 23px;
	margin-top: 25px;
}

.no_tools_trainingBox p {
	font-size: 17px;
	font-weight: 400;
	color: #000;
} 

.GreenCheckList {
	margin: 0;
	padding: 0;
}

.GreenCheckList li {
	font-size: 1.12rem;
	line-height: 1.4;
	color: #000;
	list-style: none;
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
}

.GreenCheckList li::before {
	position: absolute;
	font-size: 17px;
	color: #3b46cc;
	left: 0; 
	content: '';
	background: url(../images/GreenCheckListIcon.svg) no-repeat;
	width: 18px;
	height: 17px;
	top: 5px;
}


.SaveTime {
	padding: 30px;
	border: 1px solid #d5fff7;
	box-shadow: 10px 10px 16px rgba(184, 185, 190, 0.3),-10px -10px 16px rgba(255, 255, 255, 0.5);
	border-radius: 8px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #fff;
} 

.h1Heading {
	color: #000000;
	font-size: 34px;
	line-height: 1.5;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 10px;
}

.BookDemoBtn {
	background: #ff7e00;
	margin: 15px auto;
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 13px 25px;
	display: table;
	border-radius: 6px;
	border-bottom: 5px solid #f2564b;
}

.BookDemoBtn:hover {
	background: #e63428;
	color: #fff;
}

.new_footer_2023 {
	background: #3947cd;
	padding-top: 40px;
	padding-bottom: 17px;
}

.footerBox {
	box-shadow: 3px 3px 6px #3442b7,-3px -3px 6px #4858dc;
	padding-top: 30px;
	padding-bottom: 15px;
	border-radius: 5px;
	padding-left: 30px;
	padding-right: 30px;
}

.footerText {
	display: table;
	margin: 0 auto;
}

.new_footer_2023 h4 {
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600; 
	margin-bottom: 0; 
}

.footerBox p {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
} 

.footerBox p span {
	display: block;
	font-weight: 300;
}

.footerBox p i {
	color: #ffa39c;
	margin-right: 5px;
}

.new_footer_2023 h3 {
	font-size: 17px;
	color: #fff;
	font-weight: 400;
	border-bottom: 1px solid rgba(255, 255, 255, 0.13);
	display: table;
	padding-bottom: 7px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.new_footer_2023 ul {
	padding-left: 0px; 
	margin: 0px;
}

.new_footer_2023 ul li {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	list-style: none;
	position: relative;
	padding-left: 15px; 
	line-height: 1.5;
	padding-bottom: 7px;
}

.new_footer_2023 ul li a {
	color: #fff;
	text-decoration: none;
}

.new_footer_2023 li::before {
	position: absolute;
	color: #7e8bff;
	left: 0;
	top: 2px;
	font-family: 'Font Awesome\ 5 Free';
	font-weight: normal;
	content: '\f054';
	font-weight: 600;
	font-size: 10px;
}

.new_footer_2023 li a:hover {
	color: #ffa29b;
}

.footerLogo {
	margin-top: 10px;
	border-top: 1px solid #4b59d1;
	padding-top: 20px;
}

.footerLogo figure {
	margin: 0 auto;
}

.new_footer_2023 .bottom {
	margin-top: 30px;
}

.new_footer_2023 .bottom p {
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
	border-top: 1px solid #4b59d1;
	padding-top: 20px;
}

.logo-slider {
	padding-top: 70px;
	padding-bottom: 20px;
}

.logo-slider .item figure {
	background: #fff;
	padding: 20px 25px;
	border-radius: 5px;
	margin: 0 auto;
	max-height: 100px;
	min-height: 100px;
}

.logo-slider .item img {
	width: unset !important;
	max-height: 60px;
	margin: 0 auto;
}

.logo-slider .owl-dots {
	display: none;
}

.logo-slider .owl-theme .owl-nav {
	margin-top: 35px;
	/*display: block !important;*/
	text-align: center;
}

.logo-slider .owl-nav button.owl-next, 
.logo-slider .owl-nav button.owl-prev {
	background: #76a5ff !important;
	color: #fff !important;
	font-size: 30px !important;
	width: 35px;
	height: 35px;
	line-height: 0 !important; 
	margin: 3px !important; 
}

.stats {
	background: #d8fff4;
	padding-top: 70px;
	padding-bottom: 70px;
}

.stats h1{
	color: #000;
	font-size: 36px;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 40px;
	text-align: center;
}

.statsbox {
	background: #d8fff4;
	padding: 40px 30px;
	box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
}

.stats h3 {
	font-size: 25px;
	text-align: center;
	color: #000;
	font-weight: 600;
	border-bottom: 1px solid #f3fffb;
	padding-bottom: 14px;
	margin-bottom: 30px;
}

.stats .fig-number {
	color: #000;
	text-align: center;
	font-size: 60px;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 50px;
	font-family: 'Oswald', sans-serif;
}

.stats h4 {
	text-align: center;
	font-size: 18px;
	color: #000;
	background: #ffffff73;
	padding: 15px;
	border-radius: 100px;
	box-shadow: 0 0 32px rgba(0, 0, 0, 0.02);
}





@media only screen and (min-width: 992px) and (max-width: 1199px) {
.changing_world_leadership_map ul {
	padding-left: 0;
}

.changing_world_leadership_map ul li div {
	font-size: 14px;
}
}




@media only screen and (min-width: 768px) and (max-width: 991px) {
.topBar_new {
	display: block;
}

.MenuPL {
	padding-left: calc(var(--bs-gutter-x)/ 2);
	flex: 0 0 auto;
	width: 100%;
	display: block !important;
}

.menu_new .navbar {
	float: none !important;
	color: #fff;
	padding: 0;
	height: auto;
	width: 95%;
}

.menu_new {
	padding-top: 3px;
	padding-bottom: 3px;
}

.logo,
.MenuSignIn{
	display: none;
}

.menu_new .col-md-8 {
	flex: 0 0 auto;
	width: 100%;
}

.sm-SignIn {
	display: inline-block;
	margin: 0 0 0 auto;
}

.menu_new .navbar-dark .nav-item {
	margin: 0;
}

.menu_new .navbar-dark .navbar-nav .nav-link {
	display: table;
	margin: 0 0 0 auto;
}

.navbar-nav {
	background: #fff !important;
	border-color: #fbfbfb;
	z-index: 9;
}

.menu_new .navbar-dark .navbar-nav .nav-link {
	padding-top: 0px;
	padding-bottom: 0px;
}
 
.h1Heading {
	font-size: 23px;
}

.changing_world_leadership h4 {
	font-size: 24px;
}

.changing_world_leadership .container {
	background-size: contain;
	background-position: right bottom;
	padding-top: 40px;
	padding-bottom: 40px;
}

.changing_world_leadership_map ul {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	gap: 0;
	padding-left: 0;
}

.changing_world_leadership_map ul li {
	padding-bottom: 15px;
}

.changing_world_leadership_map ul li:nth-child(1) div, 
.changing_world_leadership_map ul li:nth-child(2) div, 
.changing_world_leadership_map ul li:nth-child(3) div, 
.changing_world_leadership_map ul li:nth-child(4) div, 
.changing_world_leadership_map ul li:nth-child(5) div, 
.changing_world_leadership_map ul li:nth-child(6) div {
	position: unset;
}

.changing_world_leadership h5 {
	text-align: left;
}

.footerBox {
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.new_footer_2023 ul li, .new_footer_2023 h3, .new_footer_2023 .bottom p, .footerBox p {
	font-size: 11px;
}

.new_footer_2023 h4 {
	font-size: 12px;
} 

.innerBanner_dark_blue h2 {
	font-size: 24px;
}

.innerBanner_dark_blue h1 {
	font-size: 35px;
}

.innerBanner_dark_blue h4 {
	font-size: 22px;
}

.teams_excel h3 {
	font-size: 23px;
}

.stats h1{
	font-size: 25px;
}

.no_tools_training h3 {
	font-size: 23px; 
}

.statsbox { 
	padding: 40px 30px; 
}

.stats h4 {
	font-size: 15px;
	padding: 10px;
}

.stats .fig-number {
	font-size: 50px;
	margin-bottom: 40px;
}

}





@media only screen and (min-width: 0px) and (max-width: 767px) {
.topBar_new {
	display: block;
}

.MenuPL {
	padding-left: calc(var(--bs-gutter-x)/ 2);
	display: block;
}

.menu_new .navbar {
	float: none !important;
	color: #fff;
	padding: 0;
	height: auto;
	width: 95%;
}

.menu_new {
	padding-top: 3px;
	padding-bottom: 3px;
}

.topBar_Btns li .btn {
	font-size: 0.7rem;
	padding: .3rem .4rem;
}

.topBar_Btns .dropdown-menu li {
	font-size: 0.7rem;
}

.logo,
.MenuSignIn{
	display: none;
}

.sm-SignIn {
	display: inline-block;
	margin: 0 0 0 auto;
}

.navbar-nav {
	background: #fff !important;
	border-color: #fbfbfb;
	z-index: 9;
}

.menu_new .navbar-dark .navbar-nav .nav-link {
	padding-top: 0px;
	padding-bottom: 0px;
}

.menu_new .navbar-dark .nav-item {
	margin: 0;
}

.menu_new .navbar-dark .navbar-nav .nav-link {
	display: table;
	margin: 0 0 0 auto;
}

.innerBanner_dark_blue {
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: unset;
}

.innerBanner_dark_blue h2 {
	font-size: 22px;
} 

.innerBanner_dark_blue { 
	background-position: 70%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.innerBanner_dark_blue h1 {
	font-size: 30px;
} 

.innerBanner_dark_blue h4 {
	font-size: 20px;
}

.GreenCheckList li {
	font-size: 1rem;
}

.SaveTime {
	padding: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.h1Heading {
	font-size: 20px;
}

.changing_world_leadership .container {
	padding-top: 40px;
	padding-bottom: 40px;
	background-size: contain;
	background-position: right bottom;
}

.changing_world_leadership h4 {
	font-size: 22px;
	margin-bottom: 10px;
}

.changing_world_leadership h5 {
	font-size: 17px;
	margin-bottom: 20px;
	text-align: left;
}

.changing_world_leadership_map ul li:nth-child(1) div,
.changing_world_leadership_map ul li:nth-child(2) div,
.changing_world_leadership_map ul li:nth-child(3) div,
.changing_world_leadership_map ul li:nth-child(4) div,
.changing_world_leadership_map ul li:nth-child(5) div,
.changing_world_leadership_map ul li:nth-child(6) div {
  position: unset;
}

.changing_world_leadership_map ul {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	gap: 10px;
	padding-left: 0;
}

.changing_world_leadership_map ul li {
	padding-bottom: 10px;
}

.new_footer_2023 { 
	padding-top: 30px;
	padding-bottom: 10px;
}

.footerText {
	display: block;
}

.footerBox .col-md-4:nth-child(2) {
	border-left: 0px solid #4b59d1;
	border-right: 0px solid #4b59d1;
}

.footerLogo figure {
	margin-bottom: 7px;
	text-align: center;
}

.new_footer_2023 h4, .footerBox p {
	text-align: center;
}

.footerBox {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.new_footer_2023 .bottom p {
	font-size: 11px;
}

.new_footer_2023 h3 {
	font-size: 14px;
}

.teams_excel h3 {
	font-size: 20px;
}

.teams_excel {
	padding-top: 40px;
	padding-bottom: 30px;
}

.stats h1{
	font-size: 25px;
}

.no_tools_training h3 {
	font-size: 20px; 
}

.statsbox { 	
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
}