.contact-details{padding:60px 15px;font:400 16px/23px "Be Vietnam Pro",sans-serif;color:#333}
.contact-details *{box-sizing:border-box}
.contact-details-inner{display:flex;align-items:center;gap:90px;width:100%;max-width:1320px;margin:auto}
.contact-details-info,.contact-details-card{width:50%;min-width:0;flex-shrink:1}
.contact-details .contact-details-info h2{margin:0;padding:0;font:600 38px/45px "Bricolage Grotesque",sans-serif;text-transform:uppercase;color:#333}
.contact-details-info h2 span{color:#00aeef}
.contact-details ul{list-style:none;margin:0;padding:15px 0 0}
.contact-details li{list-style:none;padding:0;margin:0;display:flex;align-items:center}
.contact-details a{display:inline-flex;align-items:center;color:#333;text-decoration:none}
.contact-details a:hover{color:#00aeef}
.contact-details .contact-details-direct,.contact-details .contact-details-company{display:flex;flex-wrap:wrap;column-gap:30px}
.contact-detail-icon{display:flex;align-items:center;flex:none;width:25px;height:20px}
.contact-detail-icon svg{width:20px;height:20px;display:block}
.contact-detail-text{padding-left:5px;font:300 18px/25px "Be Vietnam Pro",sans-serif}
.contact-details-image img{display:block;width:100%;height:520px;object-fit:contain}
.contact-details-card{padding:30px 25px 35px;border-radius:20px;box-shadow:0 0 20px #0000001a;background:#fff}
.contact-details .contact-details-card h3{padding:0;margin:0;text-align:center;font:700 20px/24px "Be Vietnam Pro",sans-serif;color:#333}
.contact-details .ad-prisma-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;padding:20px 0 0;margin:0}
.contact-details .ad-prisma-form__field{min-width:0}
.contact-details .ad-prisma-form__field--textarea,.contact-details .ad-prisma-form__field--checkbox,.contact-details .ad-prisma-form__notice{grid-column:1/-1}
.contact-details .ad-prisma-form__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-details .ad-prisma-form input.ad-prisma-form__input,.contact-details .ad-prisma-form textarea.ad-prisma-form__textarea{display:block;width:100%;height:40px;min-height:40px;border:0;border-bottom:1px solid #333;border-radius:0;background:transparent;margin:0;padding:10px;color:#bbb;font:400 14px/19px "Be Vietnam Pro",sans-serif;box-shadow:none;outline:none}
.contact-details .ad-prisma-form textarea.ad-prisma-form__textarea{height:113px;line-height:23px;color:#333;resize:vertical}
.contact-details .ad-prisma-form input.ad-prisma-form__input:focus,.contact-details .ad-prisma-form textarea.ad-prisma-form__textarea:focus{color:#333;border-color:#00aeef}
.contact-details .ad-prisma-form :is(input,textarea)::placeholder{color:#bbb;opacity:.6}
.contact-details .ad-prisma-form :is(input,textarea):focus::placeholder{color:#333}
.contact-details .ad-prisma-form__checkbox-label{display:inline;font:inherit}
.contact-details .ad-prisma-form__checkbox-label span{font:400 12px/18px "Be Vietnam Pro",sans-serif}
.contact-details .ad-prisma-form__checkbox-label a{display:inline;color:#00aeef;font:inherit}
.contact-details .ad-prisma-form input.ad-prisma-form__checkbox{display:inline-block;appearance:auto;accent-color:#333;width:13px;height:13px;padding:0;margin:3px 3px 3px 4px;vertical-align:baseline}
.contact-details .ad-prisma-form__submit{grid-column:1/-1;justify-self:center;margin:0;padding:13px 26px;border:1px solid #00aeef;border-radius:225px;color:#fff;background:#00aeef;font:500 16px/23px "Be Vietnam Pro",sans-serif;cursor:pointer}
.contact-details .ad-prisma-form__submit:hover{background:#fff;color:#00aeef}
.contact-details .ad-prisma-form__submit:disabled{opacity:.6;cursor:wait}
.contact-details .ad-prisma-form__error{color:#c00;font-size:12px;line-height:18px;margin:5px 0 0}
.contact-details .ad-prisma-form__notice{margin:0;font-size:14px}
.contact-details .ad-prisma-form__error:empty,.contact-details .ad-prisma-form__notice:empty{display:none}
@media(max-width:1024px){.contact-details-inner{max-width:1024px}}
@media(max-width:767px){
.contact-details{padding:40px 15px;font-size:14px;line-height:17px}
.contact-details-inner{flex-direction:column;gap:0;max-width:767px}
.contact-details-info,.contact-details-card{width:100%}
.contact-details .contact-details-info h2{font-size:30px;line-height:32px}
.contact-detail-text{font-size:16px;line-height:19px}
.contact-details .contact-details-direct,.contact-details .contact-details-company{padding:0;column-gap:31px}
.contact-details-direct li,.contact-details-company li{margin-top:15px}
.contact-details-image{padding-top:30px}
.contact-details-image img{height:215px}
.contact-details-card{margin-top:30px;padding:25px}
.contact-details .contact-details-card h3{font-size:16px;line-height:20px}
.contact-details .ad-prisma-form{grid-template-columns:minmax(0,1fr)}
.contact-details .ad-prisma-form input.ad-prisma-form__input{line-height:17px}
.contact-details .ad-prisma-form textarea.ad-prisma-form__textarea{height:89px;line-height:17px}
.contact-details .ad-prisma-form__submit{justify-self:stretch;font-size:14px;line-height:17px}
}
