
.invalid-tooltip{ text-wrap: nowrap; max-width: unset; margin-right: calc(var(--bs-gutter-x) * .5); position: absolute; top: 42px; right:0; z-index: 5;
padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: #e3001c; border-radius: .25rem; display: block !important; }
.parent-validator{position:relative; width:100%;}


.th-map{ margin-top: 35px; }
.th-contact-us-form{ margin-top: 40px;padding: 30px;box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.th-contact-us-form h1{ font-size: 22px;font-weight: 700;color: #163b61; }
.th-contact-us-form label{ color: #000;font-weight: 700;font-size: 16px;margin-top: 20px;}.th-contact-us-form label span{color: #3e9cff;}
.th-contact-us-form input{width: 100%; padding: 8px;border-radius: 8px;border:solid 2px #cccccc;outline: none; }
.th-contact-us-form textarea{ width:100%;padding:8px;border-radius:10px;border:solid 2px #cccccc;height:245px;outline:none;}
.th-contact-us-form  button{padding: 10px 30px;border-radius: 8px;outline: none;background-color: #005152;color: #fff;border:none;cursor: pointer;box-shadow: 0 0 1px #ccc; transition-duration: 0.5s;transition-timing-function: linear;box-shadow:0px 0 0 #ffcd8c  inset; font-weight: 600;}
.th-contact-us-form  button:hover{ box-shadow:200px 0 0 #000 inset;color: #fff;}
.th-contact-us-information{ margin-top: 40px; margin-bottom: 40px;  }
.th-contact-us-information h1{ font-size: 22px;font-weight: 700;color: #163b61; }
.th-contact-us-information li{ list-style: none;display:flex;margin-top: 20px; }
.th-contact-us-information li h5{ color: #666666;font-size: 16px;margin-left: 10px;font-weight: 600;}
.th-contact-us-information .th-detail{ margin-top: 20px; }


@media screen and (min-width : 20px) and (max-width : 1100px){
.th-contact-us-information li h5{ font-size: 14px;margin-left: 6px;}
}


@media only screen and (max-width: 575px)
{
.th-contact-us-form button{ width: 100%; margin-top: 30px;}
}


