*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    padding: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.textchocolat{
    color:#45a29e;
    font-weight: bold;
}
.textchocolat:hover{
    color:#45b29e;

}
.wat p{
    margin:0.5em 0 .7em 0;
    font-size: 13pt;
    font-family: Arial, sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    vertical-align: baseline;
    white-space: pre-wrap;
    opacity: 1;

}
.gpslist{
    margin-left: 40px;
}
.gpslist li::marker{
   font-size: 1.8rem;
   font-weight: bold;
}
.gpslist li{
    list-style-type: decimal;
}
.gpslist h2{
 font-size: 1.8rem;
 font-weight: 700;
 color: rgb(73, 68, 68);
}
.numberlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  .numberlist>li {
    counter-increment: step-counter;
    margin-bottom: 0px;
  }
  .row{
    padding: 0 2rem;
  }
  .numberlist>li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 1.3em;
    background-color:white;
    color:rgb(80, 76, 76);
    font-weight: bold;
    padding: 7px 5px 7px 15px;
    /*border-radius: 3px;*/
  }
  .numberlist li strong{
    font-size: 1.3em;
    color:rgb(80, 76, 76);
  }
  .sub-list li{
    list-style-type: decimal;
  }
  .sub-list{
    margin-left: 4rem;
  }
  .sub-list1{
    margin-left: 1rem;
  }
  .sub-list1 li::marker{
        font-weight: bold;
        font-size: 1.1rem;
  }
  .sub-list1 li{
    list-style-type: decimal;

  }
  .digi-fri-list-decimal{
    margin-left:20px;
  }
  .digi-fri-list-decimal li{
    list-style-type: decimal;    
  }
  .digi-fri-list-decimal li::marker{
    font-size: 1.1rem;
    font-weight: normal;
  }

  .wat{
    padding:0 1rem;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .buy-btn1{
    background-color: #45a29e;
    color:white;
    animation: btn 2s ease-in  infinite;
  
}
@keyframes btn{
    100%{
        box-shadow: 2px 2px 12px rgb(114, 113, 113);

    }
}
.see-demo{
    background-color:white;
    border:none;
    color: #45a29e;
    box-shadow: 2px 2px 10px rgb(163, 160, 160);

}
.see-demo:hover{
    box-shadow: 1px 1px 10px grey;
}
.wat-img1{
    margin: 3rem auto;
    padding:0 150px;
}
.first-head{
    font-size: 2.5rem;
    text-align: center;
    margin:1rem 0 1.5rem;
}
.list-disc strong{
    font-size: 1.4rem;
}
.list-disc {
    margin-left:3em;
}
.list-disc li{
    list-style-type:disc;
    /* font-size: 13pt;
    font-family: Arial, sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    vertical-align: baseline;
    white-space: pre-wrap; */
}
.command-img{
    margin: 3rem auto;
    padding:0 150px;
}
.roman{
    margin-left: 40px;
}
.roman li{
  list-style-type:upper-roman;
}
.alpha{
    margin-left: 50px;
}
.alpha li{
    list-style-type:lower-alpha;
    color: black;
    font-variant: normal;
    font-weight: normal;
    font-size: 17px;
}
/* .emplymonitor{
    justify-content: center;
    display: flex;
    text-align: center;
} */
@media(max-width:576px){
body{
    padding: 0;
    margin: 0px;
    box-sizing: border-box;
    width: 100vw;
    scroll-behavior: smooth;
}
.wat>.row{
    padding: 0;
}
.container.wat{
    padding: 0;
}
#header{
    padding: 0px;
    margin:0px;
    width:100vw;
}
.first-head{
    font-size: 2.5rem;
    text-align: left;
}
.col-xl-12{
    padding: 0;
}
.wat-img1{
    margin: 3rem auto;
    padding:0 0px;
}
.list-disc {
    margin-left:10px;
}
}
@media(max-width:996px){

    body{
        padding: 0;
        margin: 0px;
        box-sizing: border-box;
        width: 100vw;
        scroll-behavior: smooth;
    }
    #header{
        padding: 0px;
        margin:0px;
        width:100vw;
    }
    .first-head{
        font-size: 2.5rem;
        text-align: left;
    }
    .col-xl-12{
        padding: 0;
    }
    .wat-img1{
        margin: 3rem auto;
        padding:0 0px;
    }
    }