*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,body{
    width: 100%;
    height: 100%;
}
#dig{
    width: 100%;
    height: 110%;
    background-color: #000;
    padding: 0.1px;
    overflow: hidden;
}
#dig h1{
    color: #fff;
    font-size: 2.8rem;
    font-family: Montserrat;
    margin-top: 8%;
    margin-left: 38%;
}
#dig h1 span{
    color: #F05742;
}
#dig h3{
    color: #bebebe;
    font-size: 1.4rem;
    font-family: sans-serif;
    font-weight: 500;
    margin-left: 25%;
    margin-top: 1.5%;
}
.box{
    width: 40%;
    height: 50%;
    /* background-color: #505050; */
    width: 1000px;
}
.box h2{
    font-size: 2.4rem;
    font-family: montserrat;
    color: #fff;
    margin-top: 5%;
    line-height: 42px;
    margin-left: 15%;
}
.box h2 span{
    color: #F05742;
}
.box h4{
    color: #bebebe;
    font-size: 1.8rem;
    font-family: sans-serif;
    margin-left: 15%;
    margin-top: 3%;
}
.box p{
    color: #bebebe;
    font-size: 1.2rem;
    font-family: sans-serif;
    margin-left: 15%;
    margin-top: 3%;
    line-height: 30px;
}
.rightbox{
    width: 32%;
    height: 65%;
    background-color: #0C0C0E;
    margin-left: 57%;
    margin-top: -30%;
    box-shadow: -10px -10px 5px #F05742 inset, -10px -10px 5px rgb(255, 255, 255);
    border-radius: 20px;
    padding: 0.1px;
}
.rightbox h4{
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    font-family: sans-serif;
    margin-top: 10%;
    margin-left: 8%;
}
.rightbox h5{
    color: #BEBEBE;
    font-size: 1.2rem;
    font-family: montserrat;
    font-weight: 400;
    margin-top: 3%;
    margin-left: 8%;
}
.rightbox h5>i{
    color: #D2A58B;
    font-size: 30px;
    font-weight: 900;
}
.rightbox h6{
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    font-family: sans-serif;
    margin-top: 3%;
    margin-left: 8%;
}
.btn-5{
    width: 10vw;
    height: 5vh;
    background-color: #BEBEBE;
    border-radius: 20px;
    color: #000;
    margin-top: 3%;
    margin-left: 8%;
}
.btn-5:hover{
    background-color: #F05742;
    color: #fff;
    transition: all ease 0.5s;
    cursor: pointer;
}
.btn-6{
    width: 12vw;
    height: 5vh;
    background-color: #BEBEBE;
    border-radius: 20px;
    color: #000;
    margin-top: 3%;
    margin-left: 4%;
}
.btn-6:hover{
    background-color: #F05742;
    color: #fff;
    transition: all ease 0.5s;
    cursor: pointer;
}
.btn-7{
    width: 10vw;
    height: 5vh;
    background-color: #BEBEBE;
    border-radius: 20px;
    color: #000;
    margin-top: 3%;
    margin-left: 8%;
}
.btn-7:hover{
    background-color: #F05742;
    color: #fff;
    transition: all ease 0.5s;
    cursor: pointer;
}
.btn-8{
    width: 12vw;
    height: 5vh;
    background-color: #BEBEBE;
    border-radius: 20px;
    color: #000;
    margin-top: 3%;
    margin-left: 4%;
}
.btn-8:hover{
    background-color: #F05742;
    color: #fff;
    transition: all ease 0.5s;
    cursor: pointer;
}
#dig2{
    width: 100%;
    height: 100%;
    background-color: #000000;
    padding: 0.1px;
}
.boxx{
    width: 80%;
    height: 80%;
    background-color: #0a0a0e;
    margin-top: 5%;
    margin-left: 10%;
    border-radius: 20px;
    box-shadow: -5px -5px 5px #ffffff inset, -5px -5px 5px #F05742;
    padding: 0.1px;
}
.smb{
    width: 43%;
    height: 80%;
   background-image: url(bpo-services-removebg-preview.png);
   background-position: center;
   background-size: cover;
    margin-top: 5%;
    margin-left: 3%;
}
.smb2{
    width: 43%;
    height: 80%;
   /* background-color: red; */
   background-position: center;
   background-size: cover;
    margin-top: -42.5%;
    margin-left: 50%;
}
.smb2 h1{
    color: #fff;
    font-family: montserrat;
    font-size: 2.4rem;
    margin-top: 5%;
}
.smb2 p span{
    color: red;
}
.smb2 h1 span{
    color: #F05742;
}
.smb2 p{
    color: #BEBEB8;
    font-size: 1.2rem;
    font-family: sans-serif;
    width: 500px;
    margin-top: 10%;
    line-height: 30px;
}