.page.page-contact{
    background:var(--bg_black);
    position:relative;
}
.page-contact__main{
    padding-top:100px;
    padding-bottom:200px;
    z-index:1;
    position:relative;
}
.section_contact{
    min-height:100vh;
           background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display:flex;
    align-items:end;
    justify-content:center;
}
.section_contact:before{
       content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(20, 18, 19, 0.85) 0%, #141213 100%);
}
.section_contact__inner{
    position:relative;
    margin-bottom:3rem;
    z-index:1;
}
@media (min-width:1500px){
    .section_contact{
         align-items:center;
    }
    .section_contact__inner{
        margin-bottom:0;
    }
}
.section.section_contact .section__heading{
    max-width:800px;
}
.section.section_contact .section__heading .section__heading-title h2{
        font-size: 180px;
        line-height:154px;
    background: linear-gradient(180deg, #FFFFFF 35%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
        text-transform: none;
        margin-bottom:3rem;
}
.section.section_contact .section__heading .section__heading-title span{
        max-width: 350px;
    display: block;
    margin:0 auto;
    font-size:16px;
    line-height:26px;
}
.section .section__heading-center .section__heading-des{
    max-width:575px;
    color:#FFFFFFB2;
    margin:0 auto;
}
.contact__item:not(:last-child){
    margin-bottom:5rem;
}
.contact__item h2{
        text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 2rem;
}
.contact__item .contact__item-item{
    background: #202020;
    text-align: center;
    display: block;
    padding: 1.5rem;
    position:relative;
       border: 1px solid transparent;
}
.contact__item .contact__item-item:hover{
    border:1px solid var(--sub_color);
}

.contact__item .contact__item-item h4{
    margin-top:1rem;
    font-size:20px;
    line-height:24px;
    color:#fff;
    text-transform:uppercase;
}
.contact__item .contact__item-item > svg{
    height:25px;
}
.contact__item .contact__item-item p{
    color:#898989;
    font-size:20px;
    line-height:30px;
    margin:0;
    min-height:60px;
}
.contact__map{
    margin-top:2rem;
}
.contact__map iframe{
    width:100%;
    height:550px;
}
.contact__buttons{
        display: flex;
    justify-content: center;
}
.contact__buttons .btn{
    padding:0.5rem 2rem;
        display: flex;
        color:#fff;
        text-transform:uppercase;
        font-size:20px;
        line-height:30px;
        font-weight:600;
        align-items:center;
        color:#fff;
}
.contact__buttons .btn-zalo{
    background: linear-gradient(90deg, #1285FB 0%, #1285FB 100%);
}
.contact__buttons .btn-mess{
    background:#1559FB;
}
.contact__buttons .btn > div{
    margin-right:4rem;
}
.contact__buttons .btn:first-child{
    margin-right:2rem;
}
.contact-patern{
    position:absolute;
     z-index: 0;
}
.contact-parent-top{
    top: 50vh;
    right: 0;
}
.contact-parent-bottom{
    top:100vh;
    left:0;
}
@media (min-width:1500px){
    .contact__item.contact__item-phone .contact__item-item p{
        min-height:auto;
    }
}
@media (max-width:1500px){
    .section.section_contact .section__heading .section__heading-title h2{
            font-size: 150px;
    line-height: 124px;
    }
    .page-contact__main{
        padding:100px 0;
    }
    .contact__item .contact__item-item{
        padding:1rem;
    }
    .contact__item.contact__item-phone .contact__item-item p{
        min-height:auto;
    }
}
@media (min-width:768px) and (max-width:991px){
      .contact__item .contact__item-item p {
        font-size: 16px;
        line-height: 26px;
        min-height: 52px;
    }
}
@media (max-width:991px){
    .contact__item:not(:last-child){
        margin-bottom:3rem;
    }
    .page-contact__main {
        padding-top: 0;
        padding-bottom: 100px;
    }
        .contact__item .contact__item-item{
            padding:1rem 0.5rem;
        }
    .contact__map iframe{
        height:350px;
    }
    .contact__item-phone .row > div:nth-child(1),
    .contact__item-phone .row > div:nth-child(2){
        margin-bottom:1rem;
    }
    .contact__item h2{
        font-size:32px;
        line-height:40px;
    }
}
@media (max-width:767px){
    .contact__item-item-address{
        margin-bottom:1rem;
    }
    .contact__item .contact__item-item p{
        min-height:auto;
    }
    .contact__buttons .btn {
    padding: 0.5rem 1rem;
    }
    .contact__buttons .btn{
        font-size:16px;
    }
    .contact__buttons .btn svg{
        height:32px;
    }
    .page-contact__main{
        padding-bottom:50px;
    }
    .contact__buttons .btn > div {
    margin-right: 3rem;
}
}
@media(max-width:575px){
    .contact__item-phone .row > div:nth-child(3),
    .contact__item-item-email
    {
        margin-bottom:1rem;
    }
    .section.section_contact .section__heading .section__heading-title h2{
                font-size: 100px;
        line-height: 90px;
    }
    .contact__buttons .btn:first-child{
        margin-right:0.5rem;
    }
    .contact__buttons .btn svg{
        width:25px;
        height:25px;
    }
    .contact__buttons .btn{
        width:50%;
                justify-content: space-between;
                padding:0.5rem;
    }
    .contact__buttons .btn > div > svg{
        margin-right:0.25rem;
    }
    .contact__buttons .btn > div{
        margin-right:1rem;
    }
    .section_contact__inner {
        margin:0;
        height: 100vh;
        display: flex;
        align-items: center;
        width: 100%;
    }
    .contact-parent-top,
    .contact-parent-bottom{
        width: 50vw;
    }
}
@media (max-width:480px){
    .contact__buttons .btn > svg{
        display:none;
    }
}
.footer-contact{
    position:relative;
}
.contact-parent-footer{
    top:-500px;
}
@media (max-width:1499px){
    .contact-parent-footer {
    top: -300px;
}
}
@media (max-width: 991px) {
    .contact-parent-footer {
        top: -200px;
    }
}
@media (max-width: 767px) {
    .contact-parent-footer {
        top: -150px;
    }
}