.elementor-817 .elementor-element.elementor-element-76adac0f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-817 .elementor-element.elementor-element-76adac0f:not(.elementor-motion-effects-element-type-background), .elementor-817 .elementor-element.elementor-element-76adac0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-817 .elementor-element.elementor-element-2c4b7932{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-817 .elementor-element.elementor-element-2c4b7932 .elementor-icon-wrapper{text-align:start;}.elementor-817 .elementor-element.elementor-element-2c4b7932.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-60d0f9d );}.elementor-817 .elementor-element.elementor-element-2c4b7932.elementor-view-framed .elementor-icon, .elementor-817 .elementor-element.elementor-element-2c4b7932.elementor-view-default .elementor-icon{color:var( --e-global-color-60d0f9d );border-color:var( --e-global-color-60d0f9d );}.elementor-817 .elementor-element.elementor-element-2c4b7932.elementor-view-framed .elementor-icon, .elementor-817 .elementor-element.elementor-element-2c4b7932.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-60d0f9d );}.elementor-widget-testimonial .elementor-testimonial-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-name{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial .elementor-testimonial-job{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-817 .elementor-element.elementor-element-652cb122 .elementor-testimonial-wrapper{text-align:start;}.elementor-817 .elementor-element.elementor-element-652cb122 .elementor-testimonial-content{color:var( --e-global-color-1b5ae74 );font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;font-style:italic;line-height:30px;}.elementor-817 .elementor-element.elementor-element-652cb122 .elementor-testimonial-name{color:var( --e-global-color-1b5ae74 );font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:28px;}.elementor-817 .elementor-element.elementor-element-652cb122 .elementor-testimonial-job{color:#FFFFFF99;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-button span{gap:10px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-labels-inline .elementor-field-group > label{padding-left:5px;}body:not(.rtl) .elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-labels-inline .elementor-field-group > label{padding-right:5px;}body .elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-labels-above .elementor-field-group > label{padding-bottom:5px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-group > label, .elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-subgroup label{color:var( --e-global-color-1b5ae74 );}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-type-html{padding-bottom:0px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-group .elementor-field{color:#FFFFFF99;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-group .elementor-field, .elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-weight:400;line-height:24px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF1A;border-radius:10px 10px 10px 10px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF1A;border-radius:10px 10px 10px 10px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-817 .elementor-element.elementor-element-6f051d06 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-60d0f9d );color:#ffffff;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-button[type="submit"]{background-color:var( --e-global-color-60d0f9d );color:#ffffff;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-817 .elementor-element.elementor-element-6f051d06 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-60d0f9d );color:#ffffff;}.elementor-817 .elementor-element.elementor-element-6f051d06 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-817 .elementor-element.elementor-element-6f051d06 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-817 .elementor-element.elementor-element-6f051d06 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-817 .elementor-element.elementor-element-6f051d06{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1366px){.elementor-817 .elementor-element.elementor-element-76adac0f{--padding-top:20px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1200px){.elementor-817 .elementor-element.elementor-element-652cb122 .elementor-testimonial-content{font-size:22px;}}@media(max-width:1024px){.elementor-817 .elementor-element.elementor-element-652cb122 .elementor-testimonial-content{font-size:20px;}}@media(max-width:1366px) and (min-width:768px){.elementor-817 .elementor-element.elementor-element-76adac0f{--content-width:1000px;}}/* Start custom CSS for form, class: .elementor-element-6f051d06 *//* Full Name — ไอคอน user */

#dark-form .elementor-field-type-text 
  .elementor-field-label::before {
   content:'';
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:5px;

    background-color:#fff;

    -webkit-mask-image:url('https://btgenomics.com/new2026/wp-content/uploads/2026/05/user.svg');
    mask-image:url('https://btgenomics.com/new2026/wp-content/uploads/2026/05/user.svg');

    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-mask-size:contain;
    mask-size:contain;
}

/* Email — ไอคอน envelope */

#dark-form .elementor-field-type-email 
  .elementor-field-label::before {
  content:'';
    display:inline-block;
    width:18px;
    height:14px;
    margin-right:5px;

    background-color:#fff;

    -webkit-mask-image:url('https://btgenomics.com/new2026/wp-content/uploads/2026/05/envelope2.svg');
    mask-image:url('https://btgenomics.com/new2026/wp-content/uploads/2026/05/envelope2.svg');

    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-mask-size:contain;
    mask-size:contain;
}

/* Organization — ไอคอน building */
#dark-form .elementor-field-type-text:nth-child(3) 
  .elementor-field-label::before {
  content:'';
    display:inline-block;
    width:15px;
    height:18px;
    margin-right:5px;

    background-color:#fff;

    -webkit-mask-image:url('https://btgenomics.com/new2026/wp-content/uploads/2026/05/building.svg');
    mask-image:url('https://btgenomics.com/new2026/wp-content/uploads/2026/05/building.svg');

    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-mask-size:contain;
    mask-size:contain;
}

/* Message — ไอคอน comment */



#dark-form .elementor-field-type-textarea 
  .elementor-field-label::before{
    content:'';
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:5px;

    background-color:#fff;

    -webkit-mask-image:url('https://btgenomics.com/new2026/wp-content/uploads/2026/05/message.svg');
    mask-image:url('https://btgenomics.com/new2026/wp-content/uploads/2026/05/message.svg');

    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-mask-size:contain;
    mask-size:contain;
}
#dark-form .elementor-button {
  background: linear-gradient(
    90deg, #3b82f6, #06b6d4
  ) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 18px 40px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  width: 100% !important;
  letter-spacing: 0.5px !important;
}

#dark-form .elementor-button:hover {
  background: linear-gradient(
    90deg, #2563eb, #0891b2
  ) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4) !important;
  transition: all 0.3s ease !important;
}/* End custom CSS */
/* Start custom CSS *//* สถานะปกติของทุก card */
  .cards-wrapper .feature-card {
  
  transition: all 0.8s ease;
  }
  
  /* เมื่อมี card ใดถูก hover ใน wrapper
   ทำให้ทุก card จางลงก่อน */
  .cards-wrapper:has(.feature-card:hover) .feature-card {
  opacity: 0.5;
  
  }
  
  /* จากนั้น card ที่ถูก hover กลับมา active */
  .cards-wrapper .feature-card:hover {
  opacity: 1 !important;
  background: #ffffff;
  }
  
  /* Text ข้างในเปลี่ยนสีดำ */
  .cards-wrapper .feature-card:hover * {
  color: #1a1a1a !important;
  }
  
.animateMoveRight{
     transition: transform 0.3s ease-out;
    box-shadow: none;
  transition: box-shadow 0.3s ease;
    
}
.animateMoveRight:hover { transform: translateX(10px); 
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
     
}

 .animateMoveLeft{
     transition: transform 0.3s ease-out;
    box-shadow: none;
  transition: box-shadow 0.3s ease; 
     
 }
.animateMoveLeft:hover { transform: translateX(-10px);  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);}

.scale-hover {
  transition: transform 0.3s ease;
}

.scale-hover:hover {
  transform: scale(1.05);
}/* End custom CSS */