.url-detail-title {
    padding: 20px 0;
    /* background-color: #f8f8f8; Màu nền nhẹ nhàng cho breadcrumb */
}
.url-detail-title .container p {
    margin-bottom: 0;
    font-size: 16px;
    color: #0F2A5F; /* Màu chữ cho phần không phải link */
}
.url-detail-title .container p a {
    color: #1e5bb8; /* Màu xanh dương đậm cho link */
    text-decoration: none;
}
.url-detail-title .container p a:hover {
    text-decoration: underline; /* Gạch chân khi hover */
}

.contact{
    background-image: var(--commit-bg-image-commit);
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}
.contact-inside{
    background: #fff;
}

.contact-left{
    background-color: #1e5bb8;
    background-size: cover;
}

.contact-left-inside{
    padding: 40px;
}

.contact-information h1{
    font-family: Playfair Display;
    font-size: 28px;
    font-weight: 600;
    color: #FFFFFF;
}

.contact-information a{
    text-decoration: none;
}

.contact-information p{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

.contact-information a:hover p{
    color: #82aaf5;
}

.contact-information h2{
    font-family: Playfair Display;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
}

.contact-information div{
   display: flex;
   color: #FFFFFF;
   align-items: center;
   gap: 15px;
}

.contact-information div i{
   display: flex;
   color: #FFFFFF;
   align-items: center;
   gap: 15px;
   color: #5d89bb;
}

.contact-right-inside{
    padding: 20px 80px;
}

.contact-right-inside form{
    padding-bottom: 24px ;
}

.contact-right-button{
    text-align: right;
    margin-top: 20px;
    text-align: right;
}

.contact-right-button button{
    font-family: Playfair Display;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px;
    padding: 8px 35px;
    background-color: #1e5bb8;
    border: none;
}



.contact-right-button button:hover{
    background: #2a6fd6;
}

.contact-success{
    padding: 15px;
    color: #0F2A5F;
    border-color: #7fb3ff;
    background: #e6f0ff;
    font-weight: 500;
}

.contact-error{
    padding: 15px;
    color: #620f0f;
    border-color: #be2e2e;
    background: #ffe1c6;
    background: #cc7471;
    font-weight: 500;
}

.g-recaptcha{
    margin-top: 30px;
}

@media (max-width: 570px) {
    .contact {
        padding: 40px 0;
    }
    .contact-left-inside {
        padding: 40px 0;
    }

    .contact-information h1 {
        text-align: center;
    }

    .contact-information h2 {
        text-align: center;
    }
    .contact-information p {
        text-align: center;
    }
    .contact-information div p {    
        text-align: left;
    }
    .contact-right-inside {
        padding: 20px 0px;
    }
    .contact-right-button button{
        width: 100%;
    }
}