*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
}
*::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
body {
  box-sizing: border-box;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  overflow-x: hidden;
}
h1 {
  font-size: 36px;
  font-weight: 600;
  margin: 15px 0 0;
}
.page {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
main{
  justify-items: center;
  /*   position: relative;
  justify-items: center;
  transform: translateY(120px); */
}
header {
  position: fixed;   top: 0; z-index: 99; 
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1280px;
  width: 100%;
  height: 80px;
  /* margin-bottom: 40px; */
  background-color: #0c4ec285; /* #0c4ec294; /*  #b7e6c4;   */
}
.headerLogo-compartment{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 5px;
  color: white; /* #000000DE; */
}
.headerLogo {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  background-color: white;
}
header nav{
  display: flex;
  justify-content: center;
}
header nav ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}
header nav ul li{
  list-style: none;
  margin-left:25px;
}
header nav ul li:last-of-type {
  margin-right: 20px;
}
header nav ul li a{
  text-decoration: none;
  color:   white; 
}
header nav ul li a:hover {
  color: rgb(146, 169, 245);
  transition:  .4s ease 0s;
}
.topSection{
/*   background-image: url('../img/digitalmrkt-maintop2.webp'); */
  background-color: rgba(78, 90, 195, 0.938);/*#a5c6f596;/* #b5ebc496; */
  max-width: 1280px;
  width: 100%;
  display: flex;
/*   justify-content: center; */
  padding: 120px 0 20px;
  /* margin-top: 40px; */
}
.topSection-image{
  background-image: url('../img/digitalmrkt-maintop2.webp');
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  opacity: 0.15;
  max-width: 1280px;
  width: 100%;
  height: 575px;
  position: relative;
}
.topSection-bubble{
  position: absolute;
  margin-top: 120px;
  margin-left: 200px;
}
.topSection-bubble h1{
  font-size: 70px;
  font-weight: 700;
  width:120px;
}
.serviceSection {
 background-color: rgb(60,60,78);
 height: 100%;
 width: 100%;
 display: flex;
 /* align-items: center; */
}
.serviceSection-bubble{
  margin-top: calc(100%/12);
  margin-left: 200px;
}
.serviceSection p {
  padding: 10px 0 0;
  background-color: white;
  width: 4vw;
  border-radius: 2px;
  margin-bottom: 0;
}
.serviceSection h1{
  color: white;
  height: 10px;
  font-size: 70px;
  font-weight: 700;
  width: 120px;
}
.serviceItems{
  margin-top: 12vw; /* calc((100%/2) + 10px ); */
  color: white
}
.serviceItems ul{
  padding: 0;
  display: flex;
}
.serviceItems ul li{
  list-style: none;
  padding-right: 50px;
}
.serviceItems p{
  margin-top: 5px;
  background-color: rgba(78, 90, 195);
}
.serviceItems h2{
  margin-top: 5px;
}
.serviceItems-text{
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
  width: 320px;
  background-color: transparent !important;
}
.aboutUs-section{
  width: 100%;
  height: 100%;
  background-color: ghostwhite;
  padding: 100px 0 100px;
}
.aboutUs-bubble{
  /* margin-top: 100px; */
  margin-left: 200px;
}
.aboutUs-section h1{
  font-size: 70px;
}
.aboutUs-bubble p{
  width:80%;
  text-align: justify;
  padding: 20px 0 40px;
  margin: 0;
}
.contactUs-section {
  width: 100%;
  height: 100%;
  padding: 100px 0 100px;
  background-color: #fffbfb;
}
.contactUs-content {
  margin-left: 200px;
  padding: 0;
}
.contactUs-content h1 {
  font-size: 70px;
  padding-bottom: 20px;
}
footer{
  background-color: rgb(60,60,78);
  height: 60px;
  color: white;
  display: flex;
  align-items: end;
  justify-content: center;
}
footer p{
  margin: 0;
  padding: 10px 0 10px;
}