h1,h2,h3,h4,h5,h6,p,*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{
    --txtcolor: #fd9e6f;
    --bgcolor:#323f54;
    --opacityBG: #323f5486;
    --greenBtn: linear-gradient(to right, #1d976c, #93f9b9);
    --txtGradient: linear-gradient(to right, #ff5f6d, #ffc371);
}
body{
    font-family: 'Chenla','Roboto' !important;
}
.navbar{
    margin: 0 !important;
}
.navbar .nav-item .nav-link h6{
    margin-bottom: 0;
}

/* -------card service content-------- */
.img-cover-sv{
    width: 100%;
    height: 380px;
}
.img-cover-sv img{
    filter: grayscale(60%) brightness(90%);
    object-fit: cover;
}
.img-cover-sv p span{
    font-size: 60px;
}
.text-head-sv{
    border-left: 3px solid #fd9e6f;
    line-height: 1.8;
}

.img-sv{
    width: 100%;
    height: 280px;
}
.img-sv img{
    width: 100%;
    height: 100%;
    filter: grayscale(60%);
    transition: .1s linear;
    object-fit: cover;
}
.line-hv{
    width: 0;
    height: 2px;
    background-color: #323f54;
    transition: .7s ease-in;
}
.img-sv:hover img{
    filter: grayscale(0);
}
.card-content:hover .line-hv{
    width: 130px;
}
.readStory a{
    text-decoration: none;
}
.onbg{
    top: 30%;
    right: 10%;
}