/* CSS Document */


/**********************************************************/
/*********************** contact **************************/
/**********************************************************/

.divContact-address--intro{ padding: 50px 0 100px; }
.divContact-address--intro img, .section-history img{ border-radius: 20px; }

.divContact-intro{ padding: 0 30px; }
.divContact-intro h2{ margin-bottom: 20px; }
.divContact-intro p{ font-size: 28px; font-weight: 400; margin-bottom: 0; }
.divContact-intro p a{ color: #ff8041; }
.divContact-intro p a:hover{ color: #116c5b; }


.btn-navi{ display: inline-block; background-color: #ff8041; font-size: 25px; font-weight: 400; color: #fff; padding: 6px 25px; border-radius: 50px; margin-top: 10px; }
.btn-navi img{ vertical-align: middle; width: 18px; border-radius: 0; margin-right: 10px; }
.btn-navi:hover{ background-color: #116c5b; color: #fff; }


.divContact-contact{ padding: 30px; }
.divContact-contact ul li{ margin-bottom: 10px; }
.divContact-contact ul li img{ width: 30px; vertical-align: middle; margin-right: 5px; margin-top: -5px; border-radius: 0; }
.divContact-contact ul li a{ font-size: 28px; color: #726b6a; }
.divContact-contact ul li a span{ font-size: 40px; font-weight: 400; color: #ff8041; }

.divContact-contact ul li a:hover, .divContact-contact ul li a:hover span{ color: #116c5b; }

.divContact-contact.contact-phone ul li{ margin-bottom: 25px; }

.map-canvas{ height: 600px; }



@media (max-width: 1600px){

  .divContact-contact ul li a{ font-size: 25px; }
  .divContact-contact ul li a span{ font-size: 34px; }
  
}
@media (max-width: 1199px){

  .divContact-address--intro{ padding: 50px 0; }
  .divContact-contact{ padding: 0 30px; }
  .divContact-contact.contact-phone{ padding-top: 30px; padding-bottom: 10px; }

  .divContact-contact.contact-phone ul li,
  .divContact-contact ul li{ margin-bottom: 15px; }
  
}
@media (max-width: 991px){

  .map-canvas{ height: 500px; }
  
}
@media (max-width: 767px){

  .map-canvas{ height: 400px; }
  
}
@media (max-width: 576px){

  .divContact-intro{ padding: 0 20px; }
  
}


/**********************************************************/
/**********************************************************/

.divForm-doctor{ background-color: #e7efed; padding: 30px; border-radius: 15px; max-width: 900px; width: 100%; margin: 0 auto; }
.divForm-doctor label{ font-size: 28px; font-weight: 400; color: #116c5b; margin-bottom: 5px; }
.divForm-doctor .form-control{ font-size: 28px; padding: 10px 30px; border-radius: 50px; }
.divForm-doctor textarea.form-control{ border-radius: 30px; }
.btn-sendinfo{ background-color: #ff8041; font-size: 28px; color: #fff; padding: 2px 30px; border-radius: 30px; }
.btn-sendinfo:hover{ background-color: #116c5b; color: #fff; }



@media (max-width: 1199px){

  .divForm-doctor label, 
  .divForm-doctor .form-control, 
  .btn-sendinfo{ font-size: 26px; }

}
@media (max-width: 576px){

  .divForm-doctor{ padding: 20px; }
  .divForm-doctor .form-control{ font-size: 24px; padding: 6px 20px; }

}





/**********************************************************/
/**********************************************************/

.divContact-subscribe{ text-align: center; }
.divContact-subscribe ul li{ display: inline-block; margin: 0 5px; }
.divContact-subscribe ul li img{ width: 50px; }
.divContact-subscribe ul li a:hover{ opacity: 0.7; }

@media (max-width: 576px){

  .divContact-subscribe ul li img{ width: 30px; }

}




/**********************************************************/
/**********************************************************/


.divContact-intro p.mailjob{ margin-bottom: 30px; }
.divContact-intro p.mailjob img{ width: 25px; vertical-align: middle; margin-right: 5px; margin-top: -5px; border-radius: 0; }
.divContact-intro p.teljob{ font-size: 40px; }
.divContact-intro p.teljob img{ width: 25px; vertical-align: middle; margin-right: 5px; margin-top: -5px; border-radius: 0; }


.accordionJOB .job{ border:0; margin-bottom: 20px; box-shadow: 0px 3px 20px 10px rgba(0,0,0,0.1); border-radius: 20px; }
.accordionJOB .job-header{ 
  cursor: pointer; overflow: hidden;
  border-radius: 0; border: 0;
  background-color: #fff; position: relative;
  font-size: 32px; line-height: 1; font-weight: 500;
  padding: 20px;  border-radius: 20px;
}
/* .accordionJOB .job-header.collapsed{
  background-color: #fff;
  color: #006b5b;
} */
.accordionJOB .job-header::after  {
  font-family: "Font Awesome 5 Pro";
  content: "\f077";
  vertical-align: middle;
  font-size: 15px; font-weight: 900;
  position: absolute; top: 50%; transform: translateY(-50%);
}
.accordionJOB .job-header.collapsed::after  {
  /* symbol for "collapsed" panels */
  content: "\f078"; 
}
.accordionJOB .job-body{ padding: 30px 50px; background-color: #fff; border-radius: 20px; }
.accordionJOB .job-body a{ color: inherit; text-decoration: underline; }


.job-title{ float: left; width: 50%; color: #006b5b; }
.job-position{ float: left; width: 32%; }
.job-rate{ float: left; width: calc(18% - 25px); }

.job-body h3{ font-size: 30px; color: #006b5b; margin-bottom: 10px; }
.job-body p{ font-size: 28px; font-weight: 400; margin-bottom: 20px; }
.job-body ul li{ font-size: 28px; font-weight: 400;  margin-bottom: 10px; position: relative; padding-left: 20px; }
.job-body ul li::before {
  content: "\2022";
  color: #ff8041;
  display: inline-block;
  position: absolute; left: 0;
}
.job-body ol{ list-style: decimal; margin-left: 20px; }
.job-body ol li{ font-size: 28px; font-weight: 400; margin-bottom: 10px; position: relative; padding-left: 10px; }


.form-apply{ max-width: 100%; margin: 50px auto; }
.form-apply .form-row{ border-bottom: 1px solid rgba(17,108,91,0.1); margin-bottom: 40px; padding-bottom: 20px; }
.btn-upload{ font-size: 28px; line-height: 1.5; }
.btn-upload label{
  display: inline-block; cursor: pointer;
  background-color: #116c5b; color: #fff;
  padding: 2px 30px; border-radius: 30px;
}


@media (max-width: 1199px){

  .job-body h3, .job-body p, .job-body ul li, .job-body ol li,
  .btn-upload{ font-size: 26px; }

}
@media (max-width: 991px){

  .accordionJOB .job-header{ font-size: 30px; }
  .accordionJOB .job-body{ padding: 10px 30px; }

}
@media (max-width: 767px){

  .job-title{ width: 100%; margin-bottom: 5px; }
  .job-position{  width: 70%; }
  .job-rate{width: calc(30% - 25px); }
  .accordionJOB .job-header::after{ right: 20px; }

}
@media (max-width: 576px){

  .accordionJOB .job-header{ font-size: 26px; }
  .job-body h3, .job-body p, .job-body ul li, .job-body ol li,
  .btn-upload{ font-size: 24px; }
  .form-apply .form-row{ padding-bottom: 5px; margin-bottom: 20px; }

}




/**********************************************************/
/**********************************************************/


.img-thank{ max-width: 350px; width: 80%; margin: 30px auto; }

@media (max-width: 991px){

  .img-thank{ max-width: 280px; }

}