#content .container{
    gap:8px;
    width: 50%;
}

@media(max-width:991px){
    #content .container{
        gap:8px;
        width: 80%;
    }
}
@media(max-width:501px){
    #content .container{
        gap:8px;
        width: 100%;
    }
}

#content p{
    margin: 0;
    font-weight: 400;
    color: #5E6666;
}

#content .bait .media{
    display: flex;
    gap: 16px;
}

#content .bait .media .box{
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px #0000001F;
}

#content .bait .media .box img {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 2px;
    left: 2px;
    object-fit:contain;
}

#blog .box{
    display: grid;
    padding: 16px;
}

#blog .card{
    border: 0;
    height: 100%;
    border-radius: 0;
}
#blog .card .card-img-top{
    border-radius: 16px;
    width: 100%;
    height: 280px;
}
#blog .card .card-body{
    padding: 32px 10px;
    display: flex;
    flex-direction: column;
}

#blog .card .date{
    font-weight: 400;
    font-size: 14px;
}
#blog .card .detail {
    display: flex;
    align-items: start;
    height: auto;
    margin-bottom: 14px;
}
#blog .card .more {
    display: flex;
    align-items: end;
    height: 100%;
}
#blog .card .more a{
    display: flex;
    align-items: center;
    text-decoration: none;
    border-bottom: 2px solid #E76E1B;
    color: #5E6666;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

#blog .card .more a i{
    color: #E76E1B;
}

/* Contact Form */
    #contact-us .content .office .card{
    background: #DFEDF4;
    border: 0px;
    }
    #contact-us .content .office .card p{
        font-size: 16px;
    }

    .sendmsg{
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .g-1{
        gap: 32px;
    }

    .g-2{
        gap: 16px;
    }

    #location .content .location{
        display: flex;
        align-items: center;
        padding: 16px;
    }

    #location .content .location img{
        height: 200px;
        border-radius: 16px;
    }

    @media(max-width:991px){
        #location .content .location img{
            margin-bottom: 16px;
        }
    }

    @media(max-width:400px){
        .namephone{

            display:flex;
            flex-direction: column;
        }

        .form-group{

            padding-left: 17%;
            padding-right: 17%;
        }

        .captchaimg{

            padding-left: 17%;
            padding-right: 17%;
        }

        .sendmsg{

            padding-left: 17%;
            padding-right: 17%;
        }
    }

    .label {
        font-weight: 500;
        font-size: 17px;
        line-height: 20px;
        color: rgba(67, 67, 67, 0.96);
    }

    .content-display img {
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
        aspect-ratio: auto !important;
        display: block;
    }

.hide-scrollbar{
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar{
    display: none;
}

.titleArticle h1{
    font-weight: 700;
    font-size: 23px;
    color: rgba(18, 28, 69, 1);
}