.contact{

    /* background: url(../../assets/img/brandsbg1.png) repeat top left,url(../../assets/img/contactbg.png) repeat top left,var(--white);

    background-blend-mode: hard-light,normal; */

    background: url(../../assets/img/brandsbg1.png) repeat top left,url(../../assets/img/brandsbg2.png) repeat top left,var(--white);
    background-blend-mode: hard-light,normal;

    padding: 5.66rem 0 6.4rem;

}



.contact .container>.row{

    grid-gap: 2rem 0;

}



.contact .container>.row>*{

    display: flex;

    display: -webkit-flex;

    flex-direction: column;

    -ms-flex-direction: column;

    justify-content: center;

    -webkit-justify-content: center;

    padding: 0 2rem;

}



.contact .sectitle{

    margin-bottom: 10px;

}



.contact .sectitle::before{

    margin-right: 20px;

}



.contact .text{

    color: #615E68;

    font-size: 18px;

    line-height: 22px;

    margin-bottom: 20px;

}



.contact .conts{

    display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    grid-gap: 11px 0;

    border-top: 1px solid var(--line);

    margin-bottom: 2rem;

    padding-top: 11px;

}



.contact .conts>*{

    flex: 1 1 50%;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 11px;

    padding-top: 20px;

    padding-bottom: 20px;

}



.contact .conts>*:nth-child(odd){

    padding-right: 20px;

}



.contact .conts>*:nth-child(even){

    border-left: 1px solid var(--line);

    padding-left: 20px;

}



.contact .conts>*:last-child{

    border-top: 1px solid var(--line);

    border-bottom: 1px solid var(--line);

}



.contact .conts>* .icon{

    position: relative;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    min-width: 35px;

    max-width: 35px;

    aspect-ratio: 1/1;

    background-color: var(--white);

    margin-right: 6px;

}



.contact .conts>* .icon::after{

    content: '';

    position: absolute;

    inset: 5px auto auto 5px;

    width: 100%;

    height: 100%;

    background-color: var(--red);

    clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);

    -webkit-clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);

}



.contact .conts>* .icon img{

    position: absolute;

    z-index: 1;

    inset: 5px auto auto 5px;

    width: 100%;

    height: 100%;

    object-fit: none;

    -o-object-fit: none;

}



.contact .conts>* hr{

    min-width: 20px;

    background-color: #615E68;

    margin: 0;

}



.contact .conts>* .telp,

.contact .conts>* .mailp,

.contact .conts>* .local{

    color: #615E68;

    font-size: 14px;

    line-height: 17px;

    letter-spacing: -0.21px;

}



.contact .mapa{

    position: relative;

    z-index: 1;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    width: 100%;

    aspect-ratio: 1/.65701;

}



.contact .mapa::before{

    content: '';

    position: absolute;

    z-index: -1;

    width: calc(100% + 20px);

    height: calc(100% + 20px);

    background-color: var(--red);

    clip-path: polygon(0 0,75.26652% 0,100% 25.07936%,100% 100%,0 100%);

    -webkit-clip-path: polygon(0 0,75.26652% 0,100% 25.07936%,100% 100%,0 100%);

}



.contact .mapa>div,

.contact .mapa iframe{

    width: 100% !important;

    height: 100% !important;

}



.contact .form{

    border: 1px solid #ffffff26;

    background: var(--white);

    box-shadow: 0px 16px 36px -8px #7090b01a;

    padding: 32px 46px 32px 32px;

}



.contact .form .row{

    grid-gap: 24px 0;

}



.contact .form .row>*{

    padding: 0 12.5px;

}



.contact .form .lb,

.contact .form .tlb{

    color: #8F9195;

    font-size: 18px;

    font-weight: 300;

    line-height: 22px;

    margin-bottom: 5px;

}



.contact .form .ipts{

    width: 100%;

    color: var(--title);

    font-size: 14px;

    font-weight: 300;

    line-height: 17px;

    letter-spacing: 0.07px;

    background: var(--white);

    border: 1px solid var(--line);

    border-radius: 0;

    padding: 12px 1rem;

}



.contact .form .ipts::placeholder{color:#AAADB6}

.contact .form .ipts:-moz-placeholder{color:#AAADB6}

.contact .form .ipts::-moz-placeholder{color:#AAADB6}

.contact .form .ipts:-ms-input-placeholder{color:#AAADB6}

.contact .form .ipts::-webkit-input-placeholder{color:#AAADB6}



.contact .form textarea{

    height: 103px;

    resize: none;

}



.contact .form input[type="checkbox"]:checked{

    border-color: var(--main) !important;

}



.contact .form .tlb{

    font-size: 14px;

    line-height: 17px;

    letter-spacing: 0.07px;

}



.contact .form .dbtn{

    width: 100%;

    color: var(--white);

    background-color: #1D1D1B;

}



.contact .form .dbtn::after{

    content: url('data:image/svg+xml;utf8,<svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L8 4.50342L0 9V4.50342V0Z" fill="white"/></svg>');

}



.contact .form .dbtn:hover{

    background-color: var(--red);

}



@media(max-width:992px){

    .contact{

        padding: 2rem 0;

    }

    .contact .container>.row>*{

        padding: 0 12px;

    }

}



@media(max-width:768px){

    .contact .conts>*{

        flex: 1 1 100%;

    }

    .contact .conts>*:nth-child(even){

        border-left: unset;

        padding-left: 0;

    }

    .contact .conts{

        padding-top: 0;

    }

    .contact .conts>*{

        border-bottom: 1px solid #ffffff33;

    }

    .contact .conts>*:last-child{

        border-top: unset;

    }

    .contact .form{

        padding: 1rem;

    }

}



@media(max-width:425px){

    .contact .conts>*{

        align-items: flex-start;

        flex-direction: column;

        -ms-flex-direction: column;

        grid-gap: 1rem;

    }

    .contact .conts>* hr{

        width: 40px;

        margin-top: 5px;

    }

}