:root {
  --ff:'Rubik', sans-serif;
  
  --fw-light: 300;
  --fw-reg: 400;
  --fw-bold: 500;
   
  --clr-light: white;
  --clr-dark: black;

  --clr-accent-superlight:#e0f8fd;
  --clr-accent-light:#00B4D8;
  --clr-accent-normal:#66ADD3;
  --clr-accent-dark:#0077B6;

  --font-size-xxl: 80px;
  --font-size-xl: 60px;
  --font-size-l: 40px;
  --font-size-m: 30px;
  --font-size-s: 24px;
  --font-size-xs: 20px;
  --font-size-xxs: 16px;

  --line-height-l: 350%;
  --line-height-m: 300%;
  --line-height-s: 200%;
  --line-height-xs: 100%;  
}
html, body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 100%;
  text-align: center;
   
}
html{
  scroll-behavior: smooth;
}
section {
height: auto;
padding:5%;
  }
a{
  text-decoration: none;
}

h1,h2,h3,a,p {
  font-family: 'Roboto Condensed', sans-serif;
}



/*Header*/
header{
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.nav__list{
  display: flex;
  list-style: none;
  width: 40%;
  height: 100%;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;

}
.nav__list li a{
  color: var(--clr-dark);
  text-decoration: none;
  font-family: var(--ff);
  font-weight: var(--fw-light);
  font-size: var(--font-size-xs);
}
/* Body  */


 /* HOME SECTION */

.Strategy {
  transition: all 1s;
  transform-origin: 50% 50%;
  z-index: 999;
  }

.home{
  height: 100%;
  margin: 0;
  color: #303030;
  /* background: url(Img/background.png); */
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
    
}
.box{
  display: grid;
  align-items: center;
  margin:120px auto;
  text-align: left;
  line-height:var(--line-height-l);
  width: 80%;
}
#hometext1,#hometext2,#hometext3 {
  color: var(--clr-dark);
  text-decoration: none;
  font-family: var(--ff);
  font-weight: var(--fw-light);
  font-size: var(--font-size-s);
}

#hometext3 span {
  color: var(--clr-accent-dark);
}

/* PICHART */
.piechart h1{
  text-align: left;
}

.pie-box{
  display:flex;
  align-items:center;
  justify-content:center;
}
.ud_pie{
 
  margin: -15px;
  width: 720px;
  height: auto;
}
.ud_pie:hover .one{
  filter:blur(3px);
  opacity:.5;
  box-shadow:none;
}
.ud_pie:hover .one:hover{
  transform:scale(1);
  filter:blur(0px);
  opacity:1;
  box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);
}

.table {
  height: 100%;
}

.strategy h1, .strategy p,
.designandentry h1, .designandentry p,
.withinplatform h1, .withinplatform p,
.betweenplaform h1, .betweenplaform p{
  text-align: left;
}
.approach h1{
  text-align: left;
}
/* ABOUT US SECTION */

.flex {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  z-index: 99;
}
.memberOne{
  width: 40%;
}
.memberTwo{
  width: 40%;
}
.memberOne .Img, .memberTwo .Img{
  width: 200px;
  height: 200px;
  margin: auto;
}
.Img  img{
  object-fit: cover; 
	width: 100%; 
	height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 15px 0px;
}

.info p{
  color: var(--clr-dark);
  text-decoration: none;
  font-family: var(--ff);
  font-weight: var(--fw-light);
  font-size: var(--font-size-xxs);
}
.aboutUs h1{
  color: var(--clr-dark);
  text-decoration: none;
  font-family: var(--ff);
  font-weight: var(--fw-light);
  font-size: var(--font-size-l);
}

.footer__mail{
  color: #303030;
}
/* FOOTER */

footer{
  padding-bottom: 1%;
}