/* @import url('http://example.com/example_style.css'); */
/* @import url('https://20965110.fs1.hubspotusercontent-na1.net/hubfs/20965110/CSChatThai-1.ttf'); */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@500&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face {
  font-family: 'CSChatThai';
  src: url('https://20965110.fs1.hubspotusercontent-na1.net/hubfs/20965110/CSChatThai-1.ttf') format('truetype');
}
/* 
@font-face {
  font-family: 'Prompt';
  src: url('https://20965110.fs1.hubspotusercontent-na1.net/hubfs/20965110/Prompt-Medium.ttf') format('truetype');
} */

.font_chatthai{
  font-family: 'CSChatThai' !important;
}

.font_prompt{
  font-family: 'Prompt', sans-serif !important;
}

.custom_font, .custom_font span{
  font-family: 'CSChatThai' !important;
}

.custom_font strong, .custom_font strong span{
  font-family: 'Prompt', sans-serif !important;
}

.custom_form label span{
  font-family: 'CSChatThai' !important;
  font-size: 20px;
}

.custom_form input[type="submit"]{
  background-color: #7bbb38 !important;
    padding: 10px 40px !important;
    font-family: 'CSChatThai' !important;
    font-size: 20px !important;
    font-weight: normal !important;
}

.custom_form .hs-form label {
  margin-bottom: 0px !important;
}

.custom_form input:not([type=checkbox]):not([type=submit]) {
  padding: 0.5rem 1.25rem !important;
}
.custom_form .actions{
  display:flex !important;
  justify-content:center !important;
}

.footer_developed{
 display: none;
}

.atmc-header-01_search_trigger{
 display: none;
}

.atmc-header_menu .hs-menu-wrapper li a {
 color: #353d48;
}

.atmc-header_menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper {
 background-color: #fff; 
}

.atmc-header_menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper>li:hover>a {
 color: #2898cb; 
}

.atmc-sitefooter_menu a:hover, .atmc-sitefooter_menu a:focus {
 color: #fff !important;
 opacity: 0.8;
}

.atmc-header_language-switcher .lang_list_class li {
 background: #ffffff;
}

.atmc-header_language-switcher .lang_list_class li a {
 color: #000 !important;
}

.atmc-header_language-switcher .lang_list_class li:hover>a {
 color: #2898cb !important; 
}

.display-desktop {
  display: block;
  padding: 0 15px;
}

.display-mobile {
  display: none;
}
.FlowAccount_mentor_heading { 
  max-width: 750px;
  margin:auto;
}
.FlowAccount_mentor_heading h3 {
   font-family: 'Prompt', sans-serif !important;
}
.FlowAccount_mentor_heading div span { 
    font-family: 'CSChatThai' !important;
   font-size: 20px;
}

.FlowAccount_mentor_form .hs-form label {
  margin-bottom: 0px !important;
}

.FlowAccount_mentor_form .field {
  margin-bottom: 30px;
}

.FlowAccount_mentor_form  label span{
  font-family: 'CSChatThai' !important;
  font-size: 20px;
} 
.FlowAccount_mentor_form input:not([type=checkbox]):not([type=submit]):not([type=radio]) {
  padding: 0.5rem 1.25rem !important;
}
.FlowAccount_mentor_form input[type="radio"], .FlowAccount_mentor_form input[type=checkbox] {
  border: 1px solid #646e7a;
}
.FlowAccount_mentor_form input[type=radio]:checked, .FlowAccount_mentor_form input[type=checkbox]:checked {
    background: #646e7a;
}
  
@media (min-width: 992px){
  .atmc-header_menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper>li {
      padding-bottom: 5px;
      padding-top: 5px;
  }
}

@media (max-width: 991px){
  .atmc-header_menu .hs-menu-wrapper>ul li {
    background-color: #f7f7f7;
  }
  
  .atmc-header_menu .hs-menu-wrapper>ul li a {
    color: #000;
  }
  
  .atmc-header_menu .hs-menu-wrapper>ul li:hover>a {
    color: #2898cb; 
  }
  
  .child-trigger i, .child-trigger i:after {
    background-color: #000 !important;
  }
}

@media (max-width: 480px){
  .atmc-header_menu .hs-menu-wrapper>ul li a {
    color: #353d48 !important;
  }
  
  .atmc-header_menu .hs-menu-wrapper {
    background-color: #f7f7f7;
  }
  
  .display-desktop {
    display: none;
  }
  
  .display-mobile {
    display: block;
  }
  
  .section_1_mobile {
       padding: 0px 24px 24px 24px;
    margin-bottom: -100px;
}