@charset "UTF-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');
@font-face{font-family: 'Playfair Display', serif;
font-family: 'Roboto', sans-serif; }

/* Colors*/
:root{
	
	--primary:#00538C;
	--secondary:#FF5C00;
	--bodytext:#575757;
	--heading:#242424;
	--milk:#ffffff;
}
/* Reset */
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
    -webkit-font-smoothing:antialiased;
    font-family: 'Playfair Display', 'Roboto', serif;
}
.flex{
	display: flex;
}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-right{justify-content: flex-end;}
.item-center{align-items: center;}
section.topbar{box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.05); z-index: 999; background-color: var(--milk);}
section.topbar .container{width:100%; padding: 0 15px;margin: 0 auto; height: 80px;}

section.topbar .logo{ float: left;}
nav {float: right;padding-top: 10px; z-index: 999;}
nav ul {list-style: none; margin: 0; padding: 0}
nav ul li {float: left;position: relative;}
nav ul li a,nav ul li a:visited {
  padding: 1.5rem 1.3rem;
 color:var(--bodytext);
  text-decoration: none;
		display: block;
	font-family:'Roboto'; font-size: 0.9rem;font-weight: 400;text-transform: uppercase; letter-spacing: 0.02rem;
}
nav ul li a:hover {
 font-weight: 500; color: #FF5C00; text-decoration: none !important;;
}
nav ul li a.active{ color: #000048; font-weight:600;}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: " ▾";
}
nav ul li ul li {
  min-width: 280px;
}
	nav ul li ul li a {
     padding: 14px 5px 14px 15px !important;
    margin: 0px !important;
    border: 0px !important;
}
nav ul li ul li a:hover{background-color:var(--secondary);color: var(--milk);}
	.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 999;
		background-color: white;
 
		top:70px; text-decoration: none !important;;
}
	
	#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
		 z-index: 999;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
	 z-index: 999;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
.sticky{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}
.container{width:100%; padding: 0 15px;margin: 0 auto;}

section.hero{
  position: absolute;
  top: 25%;
	left:12%;
  bottom: 0;
  margin: auto;
}

.cr-head{
	font-family: 'Playfair Display', serif;
	font-size: 2.5rem;
    color: #ffffff;
    width: 75%;
    line-height: 3rem;
    margin-bottom: 0.8rem;
	display: block;
	font-weight: 700;
}
section.hero p{
	font-family:'Roboto', serif;
	font-size: 1rem;
	font-weight:400;
	color: #9197c0;
	width:60%;
	line-height: 1.7rem;
	margin-bottom: 1rem;
}

section.services
{background-color: #EEEEEE;}
section.services .service-wrapper{padding-bottom: 3rem;}
section.services .service-card{ 
	border: 1px solid #DDDDDD; 
	position:relative; padding: 15.7rem 1.5rem 1.5rem 1.5rem; 
	margin-right: 2.5rem; 
	background-color: var(--milk); 
	text-align: left; 
	box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.05); 
	width:32.5%;
}
section.services .service-card img
{position: absolute; top:0rem; left:50%;transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); width:102%; }
section.services .service-card p{
	font-family:'Roboto', serif;
	font-size: 0.8rem;
	font-weight:400;
	color: var(--bodytext);
	line-height: 1.3rem;
	margin-bottom: 0.5rem;
}
section.services .service-card a
{
	font-family:'Roboto', serif;
	font-size: 0.8rem;
	font-weight:400;
	color: var(--secondary);
	text-decoration: none;
}
.margin-correction{margin-right: 0rem; padding-right: 0rem; }
.section-heading{
	font-size: 2rem;
    font-weight:800;
	text-align: center;
	color: #000048;
	padding: 1.5rem 0rem 0.5rem 0rem;
}
.card-heading{
    font-family:'Roboto', serif;
    font-size: 1.2rem;
	color: #333333;
	padding-bottom: 0.8rem;	
}

.sub-text{font-family:'Roboto', serif;
	font-size: 0.9rem;
	font-weight:400;
	color: var(--bodytext);
text-align: center;
	width: 40%;
	margin: 0 auto;
	line-height: 1.4rem;
	padding-bottom: 2.5rem;
}

.btn1{padding: 1rem 1rem;
	border: 1px solid var(--secondary);
	color: var(--secondary);
	background-color: var(--milk);
	font-size: 0.9rem;
	font-weight: 500;
	 border-radius:2px;
	text-transform: uppercase;
    line-height:0.8;
    cursor: pointer;
	margin-left: 1rem;
	box-shadow:none;
}
.btn2{padding: 1rem 1rem;
	background-color: #5b6bee;
    font-family:'Roboto', serif;
	font-size: 0.9rem;
	font-weight: 600;
	 border-radius:2px;
	text-transform: uppercase;
    line-height:0.8;
    cursor: pointer;
	position: relative; outline:none;border: none;
	color: var(--milk);
	z-index: 3;
}
section.clients{padding: 2rem 0 3rem 0;} 
section.clients img{width: 12%; height: 12%;}
section.clients .logos{margin-bottom: 1.8rem;}
section.aboutus{padding: 3rem 0rem 9rem 0rem; position: relative;}
section.aboutus img{width: 80%;}
section.aboutus h2{
    font-family:'Roboto', serif;
    font-size: 2rem;
	color: #000048;
	margin-bottom: 1rem;
	}
section.aboutus p, section.footer p{font-family:'Roboto', serif;
	font-size: 0.9rem;
	font-weight:400;
	color: var(--bodytext);
	line-height: 1.6rem;
	margin-bottom: 0.5rem;}
section.aboutus .imghldr{position: absolute; left:8%; top:0px; width:40%; height: auto;}
.haboutus{border-left:4px solid var(--secondary); padding-left: 1.2rem;}
section.footer{background-color: #272727; padding: 2rem 0rem; text-align: center;}
section.footer h2{font-size: 2rem; color: var(--milk); margin-bottom: 1.2rem;}
section.footer p{ color: #777777; margin-bottom: 1.2rem; font-size: 0.8}
section.footer h4{color: #777777;font-family:'Roboto', serif;
	font-size: 0.8rem;
	font-weight:400;}
.btn2::after{content: ''; padding: 1.1rem 3.8rem 1.1rem 3.5rem; background-color: none; border: 1px solid #5b6bee; position: absolute; left: 6px; top: 12px; z-index: -99; border-radius:2px;}
.btn2:hover::after{content: ''; padding: 1.1rem 3.8rem; background-color: none; border: none; position: absolute; left: 0px; top: 0px; z-index: -99; border-radius:2px;}

.btn1:hover{background-color: var(--secondary); border: 1px solid var(--secondary); box-shadow: 0px 8px 10px rgba(255, 92, 0, 0.15); color: var(--milk);}

.flex-1{flex: 1;}
.flex{
	display: flex;
}
@media(min-width:992px)
{
	.container{max-width:960px;}
}

@media(min-width:1200px)
{
	.container{max-width:1152px;}
}
section.hero-inner{height: 300px; background-position: 0% 0%; background-repeat: no-repeat; overflow: hidden; background-size: cover; z-index: -999;}
.about-content{padding: 5rem 0 3rem 0;}
section.hero-inner h1{
	font-family: 'Playfair Display', serif;
	font-size: 2.5rem;
    color: var(--milk);
    width: 45%;
    line-height: 3rem;
    margin-bottom: 0.8rem;
}
section.hero-inner p{
	font-family:'Roboto', serif;
	font-size: 1rem;
	font-weight:400;
	color: #9197c0;
	width:50%;
	line-height: 1.7rem;
	margin-bottom: 1rem;
}

section.about-content .r-side{font-family:'Roboto', serif;
	font-size: 0.8rem;
	font-weight:400;
	color: var(--bodytext);line-height: 1.4rem;}
section.about-content .dual-wrapper{margin-bottom: 4rem;}
section.about-content .r-side h1{font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
    color: #000048;
margin-bottom: 1rem;}
section.about-content .r-side ul{list-style: none;padding: 0.5rem 0;}
section.career-content{padding: 3rem 0;}
section .career-wrapper p{font-family:'Roboto', serif;
	font-size: 0.8rem;
	font-weight:400;
	color: var(--bodytext);
	line-height: 1.4rem;
	margin-bottom: 1rem;
}
section .career-wrapper h2{font-size: 1.5rem; color: #000048; margin-bottom: 0.6rem;}
section .career-wrapper h3{font-family:'Roboto', serif;font-size: 1rem; color: #242424; margin-bottom: 0.6rem; margin-top: 1rem;}
section .career-wrapper ul{list-style: none;font-family:'Roboto', serif;font-size: 0.8rem;color: var(--bodytext);line-height: 1.5rem;}
section .career-wrapper span{font-weight: 700; font-family:'Roboto', serif; font-size: 0.9rem; color: var(--bodytext);padding: 1rem 0; display: block;}

section .career-wrapper h4{font-size: 0.8rem; margin-bottom: 0.4rem;font-family:'Roboto', serif; color: var(--bodytext); margin-top: 1rem; font-weight:300;}
section .career-wrapper .small-span{margin-top:-0.5rem;color:var(--bodytext); font-size: 0.8rem; }

section.hero-inner.abt{background-image: url("../images/abus.png");}
section.hero-inner.creer{background-image: url("../images/careers.png");}
section.hero-inner.c-us{background-image: url("../images/contact_us.png");}
section.hero-inner.b-a{background-image: url("../images/business_analyst.png");}
section.hero-inner.s-p{background-image: url("../images/strategic_planning.png");}
section.hero-inner.c-sd{background-image: url("../images/csdev.png");}
section.hero-inner.s-a{background-image: url("../images/staff.png");}
section.hero-inner.c-es{background-image: url("../images/ces.png");}
section.hero-inner.n-s{background-image: url("../images/ns.png");}
section.hero-inner.m-c{background-image: url("../images/mc.png");}
section.hero-inner.c-c{background-image: url("../images/cc.png");}
section.hero-inner.p-m{background-image: url("../images/pm.png");}

section.content{padding:2rem 0;}
section.content .contact-form{border: 1px solid #DADADA;border-radius: 6px;padding: 1rem; width:100%; max-width: 400px;}
section.content .contact-form h1, section.content .contact-address h1{font-size: 1.2rem; color: #000048; padding-bottom: 1rem; Font-weight:800;}

section.content .contact-form input, textarea{border: 1px solid #757575;padding:0.7rem 0.5rem; font-size:0.8rem; margin-bottom: 1.5rem; border-radius: 2px; width: 100%; outline:none;}

section.content .contact-form textarea{resize: none;height: 90px; margin-bottom: 1rem;}

section.content .contact-form .custom-select{width:100%; height:42px; outline: none;position:relative; margin-bottom: 1.5rem;}
section.content .contact-form .custom-select select{appearance: none;-webkit-appearance:none; width:100%; height: 100%; padding:0.7rem 0.5rem; border-radius: 2px; outline: none;}
section.content .contact-form .custom-select:before{content: ""; position: absolute; top: 17px; right: 15px; border:8px solid; border-color:darkgray transparent transparent transparent; pointer-events:none; }
section.content .contact-form input:focus, textarea:focus{border: 1px solid var(--secondary);}
section.content .contact-address{padding: 1rem 0rem 0rem 3rem;; width:100%; max-width: 400px;}
section.content .contact-address p{font-size: 0.9rem; line-height: 1.5rem; font-family:'Roboto', serif; color: var(--bodytext); margin-bottom: 1rem; }
.btn_contact{padding: 1rem 1rem; width:100%;
	border: 0px;
	font-size: 0.9rem;
	font-weight: 500;
	 border-radius:2px;
	text-transform: uppercase;
    line-height:0.8;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	letter-spacing: 0.5px;
	background-color: #5b6bee;color: white;	box-shadow:0px 0px 0px rgba(240, 3, 126, 0);
}

.extra{
    font-family:'Roboto', serif;
    Color:#333333 !important;
    Font-weight:400 !important;
    font-size:0.8rem !important;
}