.cms-main-content{  background-image: linear-gradient(to bottom, #fff 0%, #fff 30%,#f0f6fb 100%);}
 .cms-main-contact-tab {width:100%;   display: block; margin: auto;   }
.cms-main-contact {width:100%; max-width:80%; padding: 35px 35px 50px 35px;  margin:30px auto 150px auto;  }
.cms-main-contact input,.cms-main-contact textarea { width: 100%; max-width: 120px; padding:2px 5px; border-radius:0px;  color:#000;background:#f3faff;  border: solid 1px #c9dcef;  }
.cms-main-contact select{ width: 100%;padding:6px 5px; background:#f6f7f7;  border: solid 1px #c9dcef;  border-radius:0px;  }
.cms-main-contact button{ width: 100%;padding:6px 5px;  }
.cms-main-contact input::placeholder,.cms-main-contact textarea::placeholder { color:#acc0c8;}
.cms-main-contact select { color:#000;}
[class^="col-"] { margin:3px 0px; }
 
@media (max-width: 820px) {
.cms-main-contact {width: 100%; padding: 35px 15px;  margin:30px auto 60px auto;}
.cms-main-contact input,.cms-main-contact textarea { width: 100%; max-width: 100%; padding: 2px 0px;  }
}


.cms-main-contact {width: 100%; max-width:880px; padding:15px 50px; margin:30px auto auto auto!important;  }
 #cms-contact-tab .resp-tabs-list{  width:100%; padding:0px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; text-align: center; border-radius:30px;  background-color:#e4e7e9;    }
#cms-contact-tab .resp-tabs-list li { width:50%; padding: 5px 20px!important;  border-radius:30px;  }
.cms-main-contact strong{ color:#eb9924}
.cms-main-contact p{ font-size: 0.9rem; line-height: 1.35rem;}
 .cms-contact-detail{width:calc(100% - 20px); padding:0px 20px 100px 20px; margin:2% auto 0px auto ;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  }
.cms-contact-box{width:60%; padding: 0px 10px; margin: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  }
.cms-contact-box h3{font-size:1.15rem; }
.cms-contact-box-title{width:40%; padding: 50px 0px 0px 20px; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-direction: column; }

.cms-title-h2-sub{ width: 100%; margin-bottom: 25px; font-weight: 700;  position: relative;display: flex; flex-wrap: wrap;  flex-direction: column; }
.cms-title-h2-sub h2{ width: 100%; font-size: 2rem; color:#2a82bc;  margin-bottom: 25px; font-weight: 700;  position: relative;}
.cms-title-h2-sub h2:after { content: ""; position: absolute; bottom:20px; left: 0; width: 210px; height: 3px; background-image: linear-gradient(60deg, #ec9823 0%, #eb7024 100%); transform: translateY(2.0833vw);}
.cms-title-h2-sub strong{color:#eb9924;}
 .cms-contact-line{ width: 100%; display: flex; flex-wrap: wrap; margin:0; padding:5px 10px;font-size: 0.875rem; /* border-bottom: solid 1px #ccc; */align-content: center; align-items: center; }
.cms-contact-title{ width: 20%; font-size: 1rem; font-weight: 700; color: #000;  }

.contact-form {width: 100%; margin: auto; padding: 30px; position: relative;}
.contact-form ul{width: 100%;   margin: 0px auto 20px auto; padding: 0px; display: flex; flex-wrap: wrap;  position: relative;}
.contact-form ul li{ width: calc(100%/2); margin: 10px 0px;padding: 0px; display: flex; flex-wrap: wrap; flex-direction: column; list-style: none; position: relative;}
.contact-form ul li em {font-size: 0.9375rem; font-weight: 500;}    
.contact-form ul li .formTd{width: calc(100% - 20px);  padding:0px 10px; margin: auto 0px;  display: flex; flex-wrap: wrap; align-items:center; }  
.contact-form ul li.full{width: 100%!important;}
.contact-form ul li .formTh{font-size: 1rem; font-weight: 400;}
.contact-form ul li .formTd{font-size: 1rem;}
 @media print, screen and  (max-width:999px){
.contact-form ul li .formTd{width:100%;  display: flex; flex-wrap: wrap;  }  
}
@media (max-width:820px) {
 .cms-title-h2-sub h2:after { bottom:0px;}
.cms-contact-detail h3{font-size:1.188rem;} 
.cms-contact-detail{width:100%; padding:0px 0px 100px 0px;}
.contact-form {width:100%;  padding: 30px 0px;  }
.contact-form ul li{ width: calc(100%/2 - 10px); margin: 10px 5px; }
.contact-form ul li .formTd{width: 100%;  padding:0px; margin: auto 0px;  display: flex; flex-wrap: wrap; align-items:center; }  
}
@media (max-width: 767.98px) {
.cms-main-contact {width: 100%; max-width: 100%;  padding: 35px 15px;  margin:0px auto 60px auto;   }
.cms-contact-detail{width: 100%;   }
.cms-main-contact {width: 100%;   padding: 35px 15px;margin:30px auto;  }
 .contact-form ul li .formTh{padding-left: 10px;}   
}

@media print, screen and  (min-width:999px){
.contact-form ul li .formTh{width: 100%;  padding-left: 10px; display: flex;  position: relative; } 
.contact-form ul li .formTd{width: 100%;  padding:0px 5px;  }  
.contact-form ul li.th-row { width: calc(100%/2); display: flex; flex-wrap: wrap; flex-direction: row; list-style: none;  } 
.contact-form ul li.th-row .formTh{width:36%; display: flex; position: relative; font-size: 1.125rem; font-weight: 500; }
.contact-form ul li.th-row .formTd{width:auto; flex-direction: row; margin: auto 0;  }  
}

/*contact*/
.red:after{content:"*";color:#eb9924;padding-right: 3px;position: absolute; left:0px; top:3px; }
.btn.btn-submit {width:calc(50% - 10px); max-width:200px; padding: 10px 0px;  margin: 0 auto!important; border: solid 1px #2a82bc;; border-radius:30px!important;font-weight: 700;  cursor: pointer;}
.btn.btn-submit{background:#2a82bc;;color: #fff;  }

  
/*--------form style------------*/
#cms-main label{ font-size:.9rem; align-self: center; }
input, option, textarea, input[type="radio"]{ line-height:2rem;  padding-left:15px;  font-size:1rem; color: #000;background-color:#f3faff;border: 1px solid #f7f7f7;border-radius:5px;  }
input[type="radio"]+label, input[type="checkbox"]+label { width:auto; box-sizing: border-box; padding: 5px 5px 0px 5px; }
input:focus,textarea:focus { outline: none; box-shadow: 0px 3px 5px rgba(43,126,199,.5)}
 input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"],input[type="date"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none;min-height: 20px; }
input[type="submit"],input[type="reset"],input[type="button"]	{-webkit-appearance: none;}
input, input[type=checkbox]::before,textarea{border: none; border-radius:0px; padding:2px 16px;width: 100%;  }