.contact-block{background-image:url(//www.tcc.or.th/wp-content/themes/tcc/template-parts/blocks/css/path-to-your-background-image.jpg);background-size:cover;background-position:center;position:relative;padding:40px 0}.contact-block:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(245,249,250,.85);z-index:0}.contact-block .block-image-box{position:relative;padding:20px 0 40px;z-index:1}.contact-block .block-image{object-fit:cover;width:100%;position:absolute;top:0;z-index:-1}.contact-block .block-title{font-size:32px !important;font-weight:700;line-height:48px;color:#000;text-align:center;margin-bottom:30px;position:relative;z-index:1}.contact-block .block-detail{margin-top:30px;position:relative;z-index:1}.contact-block .contact-container{max-width:1100px;margin:0 auto;padding:0 20px}.contact-block .block-info-box{display:flex;flex-direction:column;position:relative;padding:0;background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,.2);overflow:hidden}.contact-block .block-info{padding:20px;order:2}.contact-block .block-map-box{display:grid;background-color:#13b0c2;color:#fff}.contact-block #tcc-map{position:relative;overflow:hidden;width:100%;height:280px;background-repeat:no-repeat;background-size:cover}.contact-block #tcc-map iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.contact-block .block-map-content{padding:25px}.contact-block .block-info-item{display:flex;align-items:flex-start;margin-bottom:15px;font-size:1rem;line-height:24px;color:#fff;min-width:450px}.contact-block .block-info-icon{margin-right:15px;font-size:20px;color:#fff;flex:0 0 20px;text-align:center}.contact-block .block-info-text{flex:1}.contact-block .block-logo{display:flex;align-items:center;margin-bottom:20px;font-size:1.2rem;font-weight:700}.contact-block .block-logo img{margin-right:15px;width:30px;height:30px}.contact-block .block-address{margin-bottom:20px;line-height:1.5}.contact-block .block-form{padding:30px;background-color:#fff;order:1}.contact-form-title{margin-bottom:20px;font-size:1.5rem;font-weight:700;line-height:32px;color:#00afc1;display:none}.block-form input,.block-form textarea{background-color:#f6f5f5;border:1px solid #e0e0e0;border-radius:3px;padding:10px 12px;margin-bottom:15px;width:100%}.block-form input[type=text],.block-form input[type=email],.block-form input[type=tel]{width:100%;height:40px}.block-form textarea{min-height:120px}.block-form label{font-size:.875rem;line-height:16px;color:#3b595f;display:block;margin-bottom:5px}.block-form .required:after{content:" *";color:red}.block-form input[type=submit]{padding:10px 20px;background-color:#13b0c2;color:#fff;border:none;border-radius:3px;cursor:pointer;width:auto;display:inline-block}.block-form .frm_style_formidable-style.with_frm_style .frm_submit button{padding:10px 20px;background-color:#13b0c2;color:#fff;border:none;border-radius:3px;cursor:pointer}.contact-half{display:grid;grid-template-columns:1fr;grid-gap:0 20px}.contact-half p{margin:15px 0}.block-form .checkbox-field{display:flex;align-items:flex-start;margin-bottom:15px}.block-form .checkbox-field input[type=checkbox]{width:auto;margin-right:10px;margin-top:3px}@media (min-width:768px){.contact-half{grid-template-columns:1fr 1fr}.contact-block .block-info-box{flex-direction:row}.contact-block .block-form{width:80%}.contact-block .block-info{width:50%}}@media (min-width:1024px){.contact-block .block-image-box{padding:40px 0;background-color:#deecef}}