body{
    margin:0;
    padding:0;
    font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.logo{
    padding:25px 4vw 0;
}
.container{
   max-width: 100%;
    padding: 0 6vw;
    margin: 0 auto;
}
.text-muted{
    color:#656A6D;
}
h1{
    font-family: "Manrope", sans-serif;
    font-size: 2.5vw;
    font-weight:500;
    color: #1D1D20;
}
@media(max-width:767px){
    h1{  font-size:25px;}
}
h1 span{
    color: #0068C8;
}
.box{
    border-radius: 7px;
    border: 1px solid #DADCE0;
    background: #FFF;
    color:#656A6D;
    font-size:14px;
    gap:16px;
    cursor:pointer;
    box-shadow:0 0 1px 0 rgba(218, 220, 224,1);
    transition:all ease .5s;
    
}
.box:hover{
  border: 1.5px solid #0068C8;  
  color: #0068C8;
  text-decoration: none;
  box-shadow:0 0 1px 0 rgba(0, 104, 200,1);
}
.box:hover .text-muted{
    color:#0068C8;
}
.img{
    max-width:438px;
    width:100%;
    height:auto;
}
a.text-muted{
    color:#656A6D;
}
a.text-muted:hover{
    color: #0068C8;
}
.copyright{
    font-size:14px;
}