.theme-light {
  --color-primary: #e0e5ec;;
  --color-secondary: #fbfbfe;
  --contrast-color:;
  --font-color: #4c4a4a;
  --font-color-2: #222222;
  --contrast-color: #ea365d;
  --shadow-outer: 9px 9px 16px rgba(163, 177, 198, 0.6), -3px -3px 7px rgba(255, 255, 255, 0.7);
  --shadow-inner:inset 3px 3px 7px rgba(136, 165, 191, 0.48), inset -3px -3px 7px #FFFFFF;

}
 
 
.theme-dark {
  
  --color-primary: rgb(31, 39, 51);
  --color-secondary: #2b2b31;
  --color-accent:;
  --font-color:  #d8e8f6;
  --font-color-2: #f6f6f6;
  --contrast-color:#03a9f4;
  --shadow-outer:  5px 5px 10px #171d26, -5px -5px 10px  #273140, inset 0px 0px 0px  #171d26, inset 0px 0px 0px  #273140;
;
  --shadow-inner:  0px 0px 0px  #171d26, 0px 0px 0px #273140, inset 5px 5px 10px  #171d26, inset -5px -5px 10px #273140;
  --text-color:;
  --link-color: ;

}

.section{
  min-height: 100vh;
}
 .home-container{
  background: green;
 }
.home{
  background-color: ;
  line-height: 1.5!important;
  display: flex;
  flex-direction: column;
  align-items: ;
  justify-content: center;
}
 p{
  color: var(--font-color);
  opacity: .85;
  font-size: 18px!important;
  font-weight: 200;
  
  
  line-height: 1.5!important;

}
 .home span{
  
  padding: 0px;
  margin: 0px;
}
.home h1{
  font-size: 38px;
  font-weight:400;
}
.home h1 b{
 font-size: 52px;
 font-weight: 600;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;


}
.home b{
  color: var(--contrast-color)
}
.home h5{
 font-size: 22px;
 font-weight: 200;
 line-height: 1.5;
}
.my-img{
  box-shadow: var(--shadow-outer);

}
.my-img img{
  box-shadow: var(--shadow-inner);
}
/*about me*/
.about-img{
  box-shadow: var(--shadow-inner);
}
.about-img img{
  box-shadow: var(--shadow-outer);
}
.about h1{
  font-size: 38px;
  font-weight: 600;
}
.about h1 b{
color: var(--contrast-color);

}
.about h4{
  font-size: 22px;
  font-weight: 200;
  line-height: 1.5;
}
.about p,.sub-info p{
 font-size: 18px;
 font-weight: 200;
 text-transform: capitalize;
 line-height: 1.6;
}

.sub-info p span{
  color: var(--font-color);
  font-size: 22px;
  font-weight: 200;
}

/*services*/

.s-box{
  box-shadow: var(--shadow-outer);
  box-sizing: border-box;
  padding: 16px 0px;
}
.s-box span{
  color: var(--contrast-color);
  font-size: 38px;
  margin-top: 10px;
  font-weight: 400;
  padding: 16px;
  border-radius: 50%;
  box-shadow: var(--shadow-inner);
}
/*contact us*/

.contact-img{
  box-shadow: var(--shadow-outer);
}

.contact-img img{
  box-shadow: var(--shadow-inner);
}