/** * WEBSITE: https://themefisher.com * TWITTER: https://twitter.com/themefisher * FACEBOOK: https://www.facebook.com/themefisher * GITHUB: https://github.com/themefisher/ */
/*!------------------------------------------------------------------ [MAIN STYLESHEET] PROJECT: Project Name VERSION: Versoin Number -------------------------------------------------------------------*/
/*------------------------------------------------------------------ [TABLE OF CONTENTS] -------------------------------------------------------------------*/
/* 1.1 typography */
 @import url("https://fonts.googleapis.com/css?family=Kanit:300,400,500,600,700");
 body {
     line-height: 31px;
     font-family: "Kanit", sans-serif;
     font-weight: 300;
     -webkit-font-smoothing: antialiased;
     font-size: 17px;
}
 p, .paragraph {
     font-weight: 400;
     color: #000000;
     font-size: 30px;
     line-height: 45px;
     font-family: "Kanit", sans-serif;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: "Kanit", sans-serif;
     font-weight: 600;
     line-height: 1.5;
}
 h1, .h1 {
     font-size: 64px;
}
 h2, .h2 {
     font-size: 50px;
}
 h3, .h3 {
     font-size: 37px;
}
 h4, .h4 {
     font-size: 22px;
}
 h5, .h5 {
     font-size: 16px;
}
 h6, .h6 {
     font-size: 13px;
}
 .dropdown-item {
     font-size: 15px;
}
 a.dropdown-item:hover {
     background-color: #59C6A6;
     color: #FFFFFF;
}
 .out-doctor-image:hover {
     transition: all .4s ease;
     -webkit-transition: all .4s ease;
     -webkit-filter: drop-shadow(5px 5px 5px rgba(39, 71, 96, 0.4));
     filter: drop-shadow(5px 5px 5px rgba(39, 71, 96, 0.4));
}
 .out-service-image:hover {
     transition: all .4s ease;
     -webkit-transition: all .4s ease;
     -webkit-filter: drop-shadow(5px 5px 5px rgba(39, 71, 96, 0.4));
     filter: drop-shadow(5px 5px 5px rgba(39, 71, 96, 0.4));
}
 .out-doctor-image-modal {
     width: 300px;
}
 .out-doctor-image{
     width: 300px;
}
 .out-service-main-image{
     width: 200px;
}
 .out-service-image{
     width: 350px;
}
 .div-center {
     text-align: center;
}
 .me-center-image{
     width: 180px;
}
 .mt-8 {
     margin-top: 3.5rem !important;
}
 .mb-8 {
     margin-bottom: 3.5rem !important;
}

.sel_detail 
 {
    color: #38b99a;
    font-size: 1.3em;
    font-family: "Kanit", sans-serif;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.logo_q {
  width: 200px;
}


.modal_head{
    color: #212529;
    font-size: 31px;
    font-family: "Kanit", sans-serif;
    padding: 20px 0px 0px 20px;
}
.modal_head2{
        color: #212529;
    font-size: 21px;
    font-family: "Kanit", sans-serif;
    padding: 0px 0px 10px 20px;
}
.modal_head3{
        color: #38b99a;
    font-size: 21px;
    font-family: "Kanit", sans-serif;
    padding: 0px 0px 10px 20px;
}
.modal_head4{
        color: #f2b62a;
    font-size: 21px;
    font-family: "Kanit", sans-serif;
    padding: 0px 0px 10px 20px;
}

.modal_center{
    display: flex;
    align-items: center;
    justify-content: center; 
    flex-direction: column;
    height: 600px;
}

.uk-modal-report{
    width: 100% !important;
    height: 720px  !important;
}

.uk-button-default:hover {
    background-color: transparent;
    color: #222 !important;
    border-color: #b2b2b2 !important;
}

.uk-button-default {
     font-family: "Kanit", sans-serif;
    background-color: transparent;
    color: #222 !important;
    border: 1px solid #e5e5e5 !important;
} 

.num-icon {
    font-size: 2em;
    font-family: 'Kanit';
}
.num-icon-detail {
    font-size: 1.1em;
    font-family: 'Kanit';
} 
.num-icon-detail-header {
    font-size: 1.1em;
    font-family: 'Kanit';
} 


.font-white {
    color: #ffffff;
}

.font-green {
    color: #38b99a;
}

.font-white-button{
    font-size: 1.1em;
    color: #ffffff;
}

.font-green-button{
    font-size: 1.1em;
    color: #38b99a;
}


.font-orange2 {
    color: #f2b62a;
}
 
.font-orange {
    color: #ea6044;
}

.font-sky {
    color: #38b9cf;
}
.font-green-l{
    color:#56c035;
}
.font-pur {
    color: #657ecf;
}


.font-yellow {
    color: #f0c602;
}

  .header-date {
      font-size: 25px;
      color:#ffffff;
      font-family: "Kanit", sans-serif;
      padding: 0rem 2.5rem 0rem 3rem; 
    }

.header-title-reprot {
      font-size:36px;
      color:#ffffff;
      font-family: "Kanit", sans-serif;
      padding: 0rem 2.5rem 0rem 3rem; 
      text-align: left;
    }



.header-percent {
    font-family: 'Kanit';
    font-size: 6em;
    color: #21ce80;
    align-items: center;
    font-weight: 500;
}
@media (min-width: 640px) {
    .uk-modal-body {
        padding: 30px 30px;
    }
}
.uk-modal-body {
    height: 610px;
    display: flow-root;
    padding: 20px 20px;
}


.uk-overflow-auto {
    overflow: auto;
}

.uk-modal-footer {
    display: flow-root; 
    background: #fff;
    border-top: 1px solid #e5e5e5;
}

.btn-primary-square-q{
   font-size: 20px !important;
    margin-bottom: 15px;
    min-width: 250px;
}

  .topic_detail_topic { 
    font-weight: 400; 
    color: #494949;
    font-size: 1.3em;
    text-align: left;
    line-height: 1.4em;
    width: 70%;
    margin-left: 80px; 
  }
  .topic_detail_topic_detail { 
    font-weight: 400; 
    color: #494949;
    font-size: 1.3em;
    text-align: left;
    line-height: 1.4em;
    width: 70%;
    margin-left: 100px; 
  }
  .topic_detail_w{
     width: 70%;
  }

  .topic_detail_result { 
    font-weight: 400; 
    color: #494949;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.4em;
    width: 70%;
  }
 .text-report-green{
    color: #008e4c;
    font-weight: 500;
 }
.text-report-green2{
    color: #03522c;
    font-weight: 500;
 }

.text-report-red{
    color: #842a12;
    font-weight: 500;
 }



 .text-report-orange{
    color: #f27556;
    font-weight: 500;
 }

  .txt-report-txt{
    font-family: "Kanit", sans-serif;
    font-weight: 300; 
    color: #000000;
    font-size: 1.13em;
    text-align: left;
    line-height: 1.4em;  
    padding: 20px 10px 20px 10px;
 }

 .txt-report{
    font-family: "Kanit", sans-serif;
    font-weight: 300; 
    color: #000000;
    font-size: 1.13em;
    text-align: left;
    line-height: 1.4em; 
    padding: 0px 50px 0px 50px;
 }
  .txt-report-padding{
    font-family: "Kanit", sans-serif;
    font-weight: 300; 
    color: #000000;
    font-size: 1.13em;
    text-align: left;
    line-height: 1.4em; 
    padding: 20px;
 }

  .arrow-next-align{
    text-align: right;
  }

   .margin-q-icon{
        margin-top: 150px;
    }

  .topic_title_result { 
      font-weight: 400;
      padding: 0px 0px 25px 0px; 
      color: #008e4c;
      font-size: 1.5em;
  }

    .sign_up_confirm { 
      padding-top: 4px;
      padding-bottom: 0px;
      background-repeat: no-repeat;
      background-size: contain; 
      background-position: top center;
      background-color: #edfdf9; 
    }

    .signup-card-confirm {
        max-width: 950px;
        margin: 40px auto;  
    }


    .signup-card-have{
        max-width: 650px;
        margin: 40px auto;  
    }

    .signup-card-thank {
        max-width: 650px;
        margin: 40px auto;  
        }


    .signup-card {
        max-width: 550px;
        margin: 40px auto;  
    }

      .section_bottom{
    text-align:center;
   }

   .arrow_next_result {
    height: 80px;
  }

  .show_staff_name{
    padding-top:80px;
  }

    .sign_up_main { 
        padding-top: 4px;
        padding-bottom: 0px;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(../images/q/result_bg.png);
        background-position: top center; 
        background-color: #59c6a5;
    }

     .sign_up_thank { 
        padding-top: 4px;
        padding-bottom: 0px;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(../images/q/result_thank.png?v=2);
        background-position: top center; 
        background-color: #59c6a5;
    }

    .sign_up_bg{ 
      background-repeat: no-repeat;
      background-size: auto;
      background-image: url(../images/q/result_left.png);
      background-position: bottom left; 
     
    }

    .topic_title_result_pattern { 
      font-weight: 400;
      padding: 0px 0px 0px 0px;
      background-image: url(../images/q/bg_text_title.png);
      background-position: left;
    background-repeat: repeat-x;
      background-size: auto;
      color: #008e4c;
      font-size: 1.5em;
  }

.signup-card-a001 {
  max-width: 950px;
  margin:  160px  auto 0px auto
}

.bg-right {
    background-image: url(../images/q/right_side.png);
    background-repeat: no-repeat;
    background-position: top right; 
}

 .custom-box-a001-1 {
    background-color: #FFFFFF;  
    border-radius: 50px;        
    width: 80%;
    height: auto;  
    background-image: url(../images/q/a001_1.png);
    background-position: bottom left;
    background-repeat: no-repeat;
  }
 

  .custom-box-a001-2 {
      background-color: #FFFFFF;  
      border-radius: 50px;        
      width: 80%;
      height: auto; 
      background-image: url(../images/q/a001_2.png);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 175px;
    }
    
    .custom-box-a002-2 {
      background-color: #FFFFFF;  
      border-radius: 50px;        
      width: 80%;
      height: auto; 
      background-image: url(../images/q/a002_2.png);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 230px;
    }
    
    
    .custom-box-result-a002-1 {
        margin: 20px 50px 0px 50px; 
    }


    .custom-box-b001-1 {
        background-color: #FFFFFF;  
        border-radius: 50px;        
        width: 90%;
        height: auto;
        background-image: url(../images/q/a002_1.png);
        background-position: bottom left;
        background-repeat: no-repeat;
      }

    .custom-box-c001-1 {
        background-color: #FFFFFF;  
        border-radius: 50px;        
        width: 90%;
        height: auto;
        background-image: url(../images/q/c001_1.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: 260px;
      }

      .custom-box-c001-2 {
        background-color: #FFFFFF;  
        border-radius: 50px;        
        width: 90%;
        height: auto;
        background-image: url(../images/q/c001_2.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: 250px;
      }

      .custom-box-c001-3 {
        background-color: #FFFFFF;  
        border-radius: 50px;        
        width: 90%;
        height: auto;
        background-image: url(../images/q/c001_3.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: 250px;
      }

      .custom-box-c001-4 {
        background-color: #FFFFFF;  
        border-radius: 50px;        
        width: 90%;
        height: auto;
        background-image: url(../images/q/c001_4.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: 260px;
      }

      .custom-box-c001-5 {
        background-color: #FFFFFF;  
        border-radius: 50px;        
        width: 90%;
        height: auto;
        background-image: url(../images/q/c001_5.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: 220px;
      }

.custom-box-result {
    margin:20px 100px 0px 100px;
}



.header-title {
    font-size: 2.2em;
    color: #ffffff;
    font-family: "Kanit", sans-serif;
    padding: 0rem 0rem 0rem 0rem;
    text-align: center;
    line-height: 1.5em;
}

.header_report_questionare {
    background-image: url(../images/q/header_questionnaire_mobile.png);
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    min-height: 180px;
    background-position: bottom right;
}


.header_report_main {
    background-image: url(../images/q/header_questionnaire.png);
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    min-height: 180px;
    background-position: right;
}

.header_report_main_org {
    background-image: url(../images/q/report/org/bg-top.png);
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    min-height: 135px;
    background-position: right;
}

.question-header{
    color : #ffffff;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size:  2.5rem;
}

.confirm-header{
    color : #ffffff;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 1.7rem;
}

.complete-header{
    color : #494949;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 1.7rem;
}

.complete-footer{
    color : #38b99a;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 2.7rem;
    line-height: 50px;
}

.complete-detail{
    color : #494949;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
}

.thankyou-header{
    color : #ffffff;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 1.7rem;
}


.result-header{
    color : #008e4c;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 1.7rem;
}

.result-header-2{
    color : #494949;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
}
.result-header-2-bold{
    color : #494949;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
}


.header-normal{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-size: 28px; 
     position: relative; 
     padding: 20px 0px 0px 0px;
}

.header2-normal{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-size: 22px; 
     position: relative; 
     padding: 20px 0px 0px 0px;
}

.header3-normal{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-size: 22px; 
     position: relative;  
}

.topic-normal{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-size: 18px; 
     position: relative; 
     padding: 20px 0px 0px 0px;
}


@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
  body {
    background-color: coral;
  }
}



    .report_section1 {
        font-family: "Kanit", sans-serif;
        color: #008e4c;
        font-size: 35px;  
        padding-top: 18px; 
        padding-left: 30px;
    }

     .report_section1_1 {
        font-family: "Kanit", sans-serif;
        color: #727272;
        font-size: 22px;  
        padding-left: 30px;
        padding-bottom: 10px; 
    } 



    .container_q {  
        width: 80%; 
    } 

 

     .container_q_green {  
        width: 87% ; 
    } 
   

 .btn-square {
     font-size: 28px;
     font-family: "Kanit", sans-serif;
     
     padding: 15px 60px;
     font-weight: 400;
     border: 0;
     border-radius: 5px;
     position: relative;
     z-index: 1;
     transition: 0.2s ease;
     border-radius: 30px;
}
 .btn-square:focus {
     outline: 0;
     box-shadow: none !important;
}
 .btn-square:active {
     box-shadow: none;
}

.main-gallery{
    width: 1200px;
    height: 600px;
}
.btn-primary-gallery { 
    background-color: #39B99B; 
    color: #ffffff;
}

.btn-primary-gallery:hover{ 
    background-color: #01512C; 
    color: #ffffff;
}

.btn-primary-gallery-active { 
    background-color: #01512C; 
    color: #ffffff;
}

.btn-primary-gallery-active:hover{ 
    background-color: #00914c; 
    color: #ffffff;
}

.custom-box-questionnaire {
    background-color: #7ad1b7;  
    border-radius: 50px;        
    width: 80%;
    height: 100%; 
}
.custom-box-questionnaire-icon {
    margin:20px 100px 20px 100px;
}

 .btn {
     font-size: 17px;
     font-family: "Kanit", sans-serif;
     
     padding: 15px 60px;
     font-weight: 400;
     border: 0;
     border-radius: 5px;
     position: relative;
     z-index: 1;
     transition: 0.2s ease;
     border-radius: 41px;
}

.nav-item-lang {
    padding: 28px 10px;
}


 .btn:focus {
     outline: 0;
     box-shadow: none !important;
}
 .btn:active {
     box-shadow: none;
}
 a.footer-link{
     font-family: "Kanit", sans-serif;
     color: #FFFFFF;
     font-size: 20px;
     line-height: 38px;
}
 a.footer-link:hover{
     font-family: "Kanit", sans-serif;
     color: #d3d3d3;
}
 .aboutus-section {
     padding-top: 0px;
     padding-bottom: 0px;
}
 .aboutus-section-bg {
     background-image: url(../images/assets/bg_contact.png);
}
 .aboutus-section-bg-2 {
     background-image : none;
}

.aboutus_video{
  width: 60%;
  left: 20%;
}

 .aboutus-section_part2 {
     background-image: url(../images/assets/bg_about_2.png);
     padding-top: 0px;
     padding-bottom: 0px;
}
 .aboutus-section2 {
     padding-top: 0px;
     padding-bottom: 220px;
}
 .map_size {
     width: 420px;
     height: 412px;
     -webkit-box-shadow: 6px 4px 3.2em 8px rgba(48, 123, 196, 0.09);
     box-shadow: 1px 2px 8px 5px rgb(139 139 139 / 59%);
}
 .center {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 :root {
     --building-color: #01512c;
}
/* * Property styles in unhighlighted state. */
 .property {
     align-items: center;
     border-radius: 50%;
     color: #263238;
     display: flex;
     font-size: 20px;
     gap: 15px;
     height: 36px;
     justify-content: center;
     padding: 4px;
     position: relative;
     position: relative;
     transition: all 0.3s ease-out;
     width: 36px;
}
 .property::after {
     border-left: 9px solid transparent;
     border-right: 9px solid transparent;
     border-top: 9px solid #FFFFFF;
     content: "";
     height: 0;
     left: 50%;
     position: absolute;
     top: 95%;
     transform: translate(-50%, 0);
     transition: all 0.3s ease-out;
     width: 0;
     z-index: 1;
}
 .property .icon {
     align-items: center;
     display: flex;
     justify-content: center;
     color: #FFFFFF;
}
 .property .icon svg {
     height: 20px;
     width: auto;
}
 .property .details {
     display: none;
     flex-direction: column;
     flex: 1;
}
 .property .address {
     font-family: "Kanit", sans-serif;
     color: #343434;
     font-size: 14px;
     margin-bottom: 10px;
     margin-top: 5px;
     width: 223px;
     padding: 10px;
}
 .property .features {
     align-items: flex-end;
     display: flex;
     flex-direction: row;
     gap: 10px;
}
 .property .features > div {
     align-items: center;
     background: #F5F5F5;
     border-radius: 5px;
     border: 1px solid #ccc;
     display: flex;
     font-size: 10px;
     gap: 5px;
     padding: 5px;
}
/* * Property styles in highlighted state. */
 .property.highlight {
     background-color: #FFFFFF;
     border-radius: 8px;
     box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
     height: 144px;
     padding: 8px 15px;
     width: auto;
}
 .property.highlight::after {
     border-top: 9px solid #FFFFFF;
}
 .property.highlight .details {
     display: flex;
}
 .property.highlight .icon svg {
     width: 50px;
     height: 50px;
}
 .property .bed {
     color: #FFA000;
}
 .property .bath {
     color: #03A9F4;
}
 .property .size {
     color: #388E3C;
}
/* * House icon colors. */
 .property.highlight:has(.fa-house) .icon {
     color: var(--house-color);
}
 .property:not(.highlight):has(.fa-house) {
     background-color: var(--house-color);
}
 .property:not(.highlight):has(.fa-house)::after {
     border-top: 9px solid var(--house-color);
}
/* * Building icon colors. */
 .property.highlight:has(.fa-building) .icon {
     color: #01512c;
}
 .property:not(.highlight):has(.fa-building) {
     background-color: #01512c;
}
 .property:not(.highlight):has(.fa-building)::after {
     border-top: 9px solid #01512c;
}
 img.out-blog-image-small{
     width: 200px !important 
}


@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

 .btn-small-xs {
     border-radius: 5px !important;
     ;
     font-size: 10px !important;
     padding-left: 20px !important;
     padding-right: 20px !important;
     padding-top: 8px !important;
     padding-bottom: 8px !important;
}
 .swiper-slide-prev{
     left: -20px;
}
 .swiper-slide.blog-first.swiper-slide-prev{
     left: -80px;
}

 
.splide {
  margin: 0 auto;
  padding: 1rem 3.5rem 1rem 3.5rem;
} 
.thumbnail.is-active {
  opacity: 1;
}

.thumbnails {
display: flex;
margin: 1rem auto 0;
padding: 0;
justify-content: center;
}
.splide__arrow{
background: #01512c;
    opacity: 1;
}

.splide__arrow svg {
fill: #ffffff;
height: 1.2em;
width: 1.2em;
}

.thumbnail {
width: 120px;
height: 120px;
overflow: hidden;
list-style: none;
margin: 0 0.2rem;
cursor: pointer;
}

.thumbnail img {
  width: 100%;
  height: auto;
}

.center_content {
    width: 60%;
    margin-left: 20%;
}

.btn-modal-popup{
     color: #ffffff !important;
     padding: 5px 30px 5px 30px;
     border-radius: 20px;
     margin-top: 20px;
}

.modal-content-popup { 
  background-image: url(../images/assets/bg-popup.png) !important; 
}

.modal-content { 
  background-image: url(../images/assets/bg-doctors.png); 
}


 .btn-small {
     border-radius: 5px !important;
     ;
     font-size: 12px !important;
     padding-left: 20px !important;
     padding-right: 20px !important;
     padding-top: 8px !important;
     padding-bottom: 8px !important;
}
 .btn-normal {
     border-radius: 27px !important;
     font-size: 16px !important;
     padding-left: 20px !important;
     padding-right: 20px !important;
     padding-top: 8px !important;
     padding-bottom: 8px !important;
}
 .detail-header{
     font-weight: 700;
     font-size: 20px;
     color: #01512C;
     margin-top: 30px;
}
 .detail-header-small{
     font-weight: 700;
     font-size: 15px;
     color: #01512C;
     min-height:40px;
     line-height: 1.25;
}
 .header-text-blog-detail{
     font-weight: 700;
     font-size: 40px;
     color: #01512C;
     margin-top: 30px;
     margin-bottom: 30px;
     line-height: 1.25;
}
 .detail-text-blog-detail{
     font-size: 18px;
     line-height: 1.5;
}
 .detail-text-small{
     font-size: 15px;
     margin-top: 10px;
     margin-bottom: 10px;
}
 img.out-blog-image{
     width: 300px;
}
 .out-doctor-image:hover{
}
 .out-blog-image:hover{
}
 .detail-text-xsmall{
     font-size: 15px;
}
 .services-main {
     margin: 0px 0px 0px 0px;
}
 .services-blog {
     margin: 0px 10px 47px 3.2em;
     min-height: 23.25rem;
}
 .swiper-slide-blog {
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
     transition-property: transform;
}
 .services-carousel .swiper-pagination-bullet {
     height: 0.875rem;
     width: 0.875rem;
     --tw-bg-opacity: 1;
     background-color: rgb(141 141 141 / var(--tw-bg-opacity));
}
 .services-carousel .swiper-pagination-bullet-active {
     --tw-bg-opacity: 1;
     background-color: rgb(254 96 25 / var(--tw-bg-opacity));
}
 .service-header{
     font-size: 40px;
     font-family: 'Kanit', sans-serif;
     color: #39B99B;
     
     font-weight: 700;
     border: 0;
     position: relative;
     z-index: 1;
     transition: 0.2s ease;
     width: 508px;
     line-height: 1.5;
}
 .content-rtl-content{
     margin-top: 100px;
     width: 508px;
     text-align: right;
}
 .content-rtl{
     width: 580px;
     text-align: right;
}
 .service-bold{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-weight: 500;
     font-size: 24px;
     line-height: 1.5;
}
 .aboutus-header-2{
     font-size: 40px;
     font-family: 'Kanit', sans-serif;
     color: #39B99B;
     
     font-weight: 700;
     border: 0;
     position: relative;
     z-index: 1;
     transition: 0.2s ease;
     width: 508px;
     line-height: 1.5;
}
 .aboutus-header-rtl{
     font-size: 40px;
     font-family: 'Kanit', sans-serif;
     background-color: #39B99B;
     color: #ffffff;
     
     padding: 15px 50px;
     font-weight: 700;
     border: 0;
     position: relative;
     text-align: right;
     z-index: 1;
     transition: 0.2s ease;
     border-radius: 0px 65px 65px 65px;
     width: 508px;
     line-height: 1.5;
     float: right;
     margin-right: 60px;
}
 .aboutus-header{
     font-size: 40px;
     font-family: 'Kanit', sans-serif;
     background-color: #39B99B;
     color: #ffffff;
     
     padding: 15px 60px;
     font-weight: 700;
     border: 0;
     position: relative;
     z-index: 1;
     transition: 0.2s ease;
     border-radius: 65px 0px 65px 65px;
     width: 508px;
     line-height: 1.5;
}
 .aboutus-header-sub{
     font-size: 40px;
     font-family: 'Kanit', sans-serif;
     background-color: #39B99B;
     color: #ffffff;
     
     padding: 15px 60px;
     font-weight: 700;
     border: 0;
     position: relative;
     z-index: 1;
     transition: 0.2s ease;
     border-radius: 65px 0px 65px 65px;
     width: 508px;
     line-height: 1.5;
}
 .aboutus-normal-rtl{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-size: 28px;
     line-height: 1.5;
     text-align: right;
     padding-right: 0px;
     position: relative;
     top: 20px;
     float: right;
     margin-right: 60px;
}
 .aboutus-normal{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-size: 28px;
     line-height: 1.5;
     position: relative;
     top: 20px;
}
 .aboutus-normal-sub{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-size: 28px;
     line-height: 1.5;
     position: relative;
     top: 20px;
}
 .aboutus-bold{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-weight: 500;
     font-size: 38px;
     line-height: 1.5;
}
 .contact-normal{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-size: 20px;
     line-height: 1.5;
}
 .contact-bold{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-weight: 700;
     font-size: 25px;
     line-height: 1.5;
}
 .doctors-topic-modal{
     font-family: "Kanit", sans-serif;
     color: #FFFFFF;
     font-weight: 500;
     font-size: 26px;
     line-height: 1.5;
}

.product-service-org {
    /*background-image: url(../images/assets/website_coporate-05.png);*/
    background-size: auto;
    overflow: visible;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 420px;
}

 .service-cat-topic{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-weight: 700;
     font-size: 34px;
     line-height: 1.2;
    padding: 20px 50px 0px 50px;

}
 .service-cat-name{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-weight: 500;
     font-size: 20px;
     line-height: 1.2;
}
 .service-topic {
     font-family: "Kanit", sans-serif;
     color: #38B99A;
     font-weight: 700;
     font-size: 34px;
     line-height: 1.5;
     padding: 0px 0px 0px 0px;
}
 .doctors-topic {
     font-family: "Kanit", sans-serif;
     color: #38B99A;
     font-weight: 700;
     font-size: 34px;
     line-height: 1.5;
     padding: 0px 0px 0px 0px;
}
 .service-org-topic {
     font-family: "Kanit", sans-serif;
     color: #38B99A;
     font-weight: 700;
     font-size: 34px;
     line-height: 1.25;
     padding: 10px 30px 0px 0px;
}
 .service-group-name{
     font-family: "Kanit", sans-serif;
     color: #01512C;
     font-size: 18px;
     line-height: 1.5;
     margin-bottom: 40px;
     padding: 0px 90px 0px 0px;
}
 .doctors-name{
     font-family: "Kanit", sans-serif;
     color: #01512C;
     font-size: 22px;
     line-height: 1.5;
}
 .doctors-detail{
     font-family: "Kanit", sans-serif;
     color: #38B99A;
     font-weight: 700;
     font-size: 31px;
     line-height: 1.5;
}
 .me-center-detail{
     font-family: "Kanit", sans-serif;
     color: #38B99A;
     font-weight: 700;
     font-size: 28px;
     line-height: 1.5;
     margin-top: 40px;
     margin-bottom: 40px;
}
.center_content_2 {
    width: 85%; 
}


 .div-me-center-service-detail{
     font-family: "Kanit", sans-serif;
     color: #000000;
     font-weight: 700;
     font-size: 20px;
     height: 100px;
     line-height: 65px;
    padding: 10px 20px 10px 20px;
}
 .span-me-center-service-detail{
     display: inline-block;
     vertical-align: middle;
     line-height: normal;
}
 .swiper-slide {
     margin-bottom: 30px;
}
 .service-detail {
     font-family: "Kanit", sans-serif;
     color: #252525;
     font-size: 21px;
     line-height: 1.5;
     padding: 10px 20px 0px 20px;
}
 .topic_main_service_detail_section_ul {
     font-size: 26px;
     font-weight: 500;
}
 .topic_main_service_detail_section2 {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 60px;
     line-height: 1.5;
     display: inline;
     padding-top: 20px;
     padding-bottom: 20px;
     padding-left: 50px;
     color:#39B99B;
}
 .service_bg {
     background-image: url(../images/assets/bg_3.png);
     background-repeat: no-repeat;
     background-position: top;
     background-size: cover;
}
 .service_bg_main {
     background-image: url(../images/assets/bg_service_main.png);
     background-repeat: no-repeat;
}
 .service_bg2 {
     background-image: url(../images/assets/bg_service.png);
     background-repeat: no-repeat;
}
 .service_bg_bottom {
    background-image: url(../images/assets/bg_service_bottom.png);
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 600px;
}
 .topic_main_about_2 {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 60px;
     line-height: 1.5;
     display: inline;
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
     color:#39B99B;
}
 .topic_main_about {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 60px;
     line-height: 1.5;
     display: inline;
     padding-top: 20px;
     padding-bottom: 20px;
     background-image: url(../images/assets/bg_circle.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
     padding-left: 50px;
     color:#FFFFFF;
}
 .topic_main_service_org {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 45px;
     line-height: 1.3;
     display: inline;
     padding-top: 20px;
     padding-bottom: 20px;
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
     color:#38B99A;
}
 .topic_main_service_org_header {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 60px;
     line-height: 1.3;
     display: inline;
     padding-top: 20px;
     padding-bottom: 20px;
     background-image: url(../images/assets/bg_circle.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
     color:#38B99A;
}
 .topic_main_service_org_header_left {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 60px;
     line-height: 1.3;
     display: inline;
     padding-top: 20px;
     padding-bottom: 20px;
     background-image: url(../images/assets/bg_circle.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
     color:#38B99A;
}
 .topic_main_service_detail {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 45px;
     line-height: 1.3;
     display: inline;
     padding-top: 20px;
     padding-bottom: 20px;
     background-image: url(../images/assets/bg_circle.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
     padding-left: 50px;
     color:#38B99A;
}
 .topic_main_service {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 3.2em;
     line-height: 1.3;
     display: inline;
     padding-top: 20px;
     padding-bottom: 20px;
     background-image: url(../images/assets/bg_circle.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
     padding-left: 50px;
     color:#38B99A;
}
 .topic_service_org {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 3.2em;
     line-height: 1.3;
     color: #38B99A;
}
 .topic_service_banner {
     font-family: "Kanit", sans-serif;
     font-weight: 500;
     font-size: 30px;
     line-height: 1.3;
     color: #FFFFFF;
}
 .topic_main_appoint {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 3.2em;
     line-height: 1.3;
     color: #38B99A;
}
 .topic_main {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 3.3em;
     line-height: 1.3;
     color: #01512C;
}

.topic_main_q {
     font-family: "Kanit", sans-serif;
     font-weight: 400;
     font-size: 1.8em;
     line-height: 1.8;
     color: #000000;
}

.topic_main_qa {
     font-family: "Kanit", sans-serif;
     font-weight: 400;
     font-size: 1.8em;
     line-height: 1.8;
     color: #000000;
}

 .topic_main_q_line{
    color:#008e4c;
     font-weight: 600;
     padding: 0px 0px 48px 0px;
     background-image: url(../images/q/bg_topic.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
}

 .topic_main_q_line_green{
    color:#008e4c;
     font-weight: 600;
     padding: 0px 0px 48px 0px;
     background-image: url(../images/q/bg_topic_green.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
}

 .topic_main_2 {
     font-family: "Kanit", sans-serif;
     font-weight: 700;
     font-size: 3.3em;
     line-height: 1.3;
     color: #39b99b;
}
 .topic_h1 {
     font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 1.5em;
}
 .topic_h1_service_main {
     font-family: "Kanit", sans-serif;
     font-weight: 600;
     font-size: 60px;
     color: #FFFFFF;
     line-height: 1.3;
}
 .topic_h1_service {
     font-family: "Kanit", sans-serif;
     font-weight: 600;
     font-size: 64px;
     color: #01512C;
     line-height: 1.3;
}
 .topic_h2 {
     font-family: "Kanit", sans-serif;
     font-weight: 600;
     font-size: 50px;
     line-height: 1.4;
}
 .topic_h3_service {
     font-family: "Kanit", sans-serif;
     font-size:30px;
     line-height: 1.75;
     color: #01512C;
     font-weight: 500;
}
 .topic_h3_bg {
     background-image: url(../images/assets/bg_text_service.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: cover;
     font-family: "Kanit", sans-serif;
     font-size:30px;
     line-height: 1.5;
     color: #01512C;
     font-weight: 500;
     padding-right: 20px;
     padding-left: 20px;
}
 .topic_h3 {
     font-family: "Kanit", sans-serif;
     font-size:35px;
     line-height: 1.4;
     color: #000000;
     font-weight: 400;
}
 .nav-link-image-cart{
     padding: 10px 15px 10px 10px;
}
 .nav-link-image {
     background-color: #01512c;
     border-radius: 50px;
     padding: 3px 0px 3px 0px;
}
 a.nav-link-lang {
     color: #000000;
     font-weight: 400;
}
 .nav-link-lang {
     font-size: 16.5px;
}
 .btn-lg-banner {
     padding: 10px 25px 10px 25px;
     font-size: 30px;
}
 .btn-lg-footer {
     padding: 10px 25px 10px 25px;
     font-size: 30px;
}
 .btn-lg-more {
     padding: 10px 25px 10px 25px;
     font-size: 30px;
}
 .btn-menu {
     font-size: 17px;
}
 .btn-modal-service {
     padding: 5px 30px 5px 30px;
     border-radius: 20px;
     margin-top: 20px;
}
 .btn-lg {
     padding: 10px 15px 10px 15px;
}
 body {
     background-color: #fff;
     overflow-x: hidden;
}
 ::-moz-selection {
     background: #20a5ff;
     color: #fff;
}
 ::selection {
     background: #20a5ff;
     color: #fff;
}
 @media (min-width: 1396px) {
     .container {
         max-width: 1396px;
        /*border-style: solid;
         */
    }
     .container-main {
         max-width: 1396px;
    }
}
 @media (min-width: 1440px) {
     .container {
         max-width: 1440px;
        /*border-style: solid;
         */
    }
     .container-main {
         max-width: 1440px;
    }
}

.container-main-result {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

 .container-main {
     width: 100%;
     padding-right: 10px;
     padding-left: 10px;
     margin-right: auto;
     margin-left: auto;
}
 .navbar {
     padding: 1rem 0rem 0rem 0rem;
}
/* preloader */
 .preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     z-index: 999;
     display: flex;
     align-items: center;
     justify-content: center;
}
 ol, ul {
     list-style-type: none;
     margin: 0px;
}
 img {
     vertical-align: middle;
     border: 0;
}
 a, a:hover, a:focus {
     text-decoration: none;
}
 a, button, select {
     cursor: pointer;
     transition: 0.2s ease;
}
 a:focus, button:focus, select:focus {
     outline: 0;
}
 a:hover {
     color: #01512C;
}
 .slick-slide {
     outline: 0;
}
 .section {
     padding-top: 0px;
     padding-bottom: 0px;
}
 .section-sm {
     padding-top: 40px;
     padding-bottom: 40px;
}
 .section-lg {
     padding-top: 200px;
     padding-bottom: 200px;
}
 @media (max-width: 575px) {
     .section-lg {
         padding-top: 150px;
         padding-bottom: 150px;
    }
}
 .section-title {
     margin-bottom: 30px;
}
 .bg-cover {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
}
/* overlay */
 .overlay {
     position: relative;
}
 .overlay::before {
     position: absolute;
     content: "";
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     background: #000;
     opacity: 0.5;
}
 .outline-0 {
     outline: 0 !important;
}
 .d-unset {
     display: unset !important;
}
 .page-title {
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .bg-primary {
     background: #01512C !important;
}
 .bg-gray {
     background: #f2f3f5;
}
 .text-primary {
     color: #01512C !important;
}
 .text-dark {
     color: #091337 !important;
}
 .text-white {
     color: #FFFFFF !important;
}
 .text-purple {
     color: #9491ff !important;
}
 .text-color {
     color: #4d546f;
}
 .primary-shadow {
     box-shadow: 0px 35px 46px 0px rgba(172, 189, 199, 0.28);
}
 .border-blue {
     border-color: #dcebf4 !important;
}
 .shadow-primary {
     box-shadow: 0px 35px 46px 0px rgba(172, 189, 199, 0.28);
}
 .facebook {
     color: #334bff;
}
 .twitter {
     color: #45d9f0;
}
 .linkedin {
     color: #1b91ff;
}
 .black {
     color: #000;
}
 .mb-10 {
     margin-bottom: 10px !important;
}
 .mb-20 {
     margin-bottom: 20px !important;
}
 .mb-30 {
     margin-bottom: 30px !important;
}
 .mb-40 {
     margin-bottom: 40px !important;
}
 .mb-50 {
     margin-bottom: 50px !important;
}
 .mb-60 {
     margin-bottom: 60px !important;
}
 .mb-70 {
     margin-bottom: 3.2em !important;
}
 .mb-80 {
     margin-bottom: 80px !important;
}
 .mb-90 {
     margin-bottom: 90px !important;
}
 .mb-100 {
     margin-bottom: 100px !important;
}
 .pb-100 {
     padding-bottom: 100px !important;
}
 .translate-y-150 {
     transform: translateY(150px);
}
 @media (max-width: 575px) {
     .translate-y-150 {
         transform: translateY(0);
    }
}
 .left-right-animation {
     animation: left_right 3s ease-in infinite alternate-reverse;
}
 @-webkit-keyframes left_right {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(-20px);
    }
}
 @keyframes left_right {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(-20px);
    }
}
 .up-down-animation {
     animation: up_down 3s ease-in infinite alternate-reverse;
}
 @-webkit-keyframes up_down {
     0% {
         transform: translateY(0);
    }
     100% {
         transform: translateY(-20px);
    }
}
 @keyframes up_down {
     0% {
         transform: translateY(0);
    }
     100% {
         transform: translateY(-20px);
    }
}
 .zindex-1 {
     z-index: 1;
}
 .navbar-light .navbar-nav .nav-link {
     font-size: 19px;
     color: #000000;
}
 .navigation {
     transition: 0.3s ease;
}
 .navbar {
     transition: 0.3s ease;
}
 @media (max-width: 991px) {
     .navbar-collapse {
         padding-bottom: 20px;
    }
}
 .nav-bg {
     background-color: #59c6a6;
     box-shadow: 0px 10px 20px 0px rgba(0, 141, 236, 0.1);
}
 .nav-bg .navbar {
     padding: 10px 0;
}
 .nav-item {
     padding: 20px 10px;
}
 @media (max-width: 991px) {
     .nav-item {
         padding: 0;
    }

    .nav-item-lang {
        padding: 10px 0px;
    }
}
 .service-section {
     padding-top: 10px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}
 .hero-section {
     background-image: url(../images/assets/banner_home.png);
     padding-top: 190px;
     padding-bottom: 50px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}
 .aboutus-section-banner {
     background-image: url(../images/assets/banner_aboutus.png);
     padding-top: 190px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}

.bg_article_top {
   background-image: url(../images/assets/bg_doctor_top.png);background-position: top;
    background-repeat: no-repeat;
    background-size: cover;"
}

.bg_doctor_top {
   background-image: url(../images/assets/bg_doctor_top.png);background-position: top;
    background-repeat: no-repeat;
    background-size: cover;"
}

.mecenter-section-q {
     background-image: url(../images/q/banner_q.png);
     padding-top: 50px;
     padding-bottom: 50px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}


.mecenter-section-result-q { 
     padding-top: 0px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}

.mecenter-section-thankyou-q {
     background-color:#59c6a5;
     padding-top: 30px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}


.mecenter-section-confirm-q {
     background-color:#edfdf9;
     padding-top: 30px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}

.mecenter-section-register-q {
     background-image: url(../images/q/header_register.png);
     padding-top: 85px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}

 .mecenter-section-1 {
     background-image: url(../images/assets/banner_service.png);
     padding-top: 190px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}
 .mecenter-section-3 {
     background-image: url(../images/assets/banner_service.png);
     padding-top: 190px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}
 .service-cat {
     background-image: url(../images/assets/bg_2.png);
     padding-top: 0px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}
 .top_home {
     text-align: left !important;
    padding-left: 100px;
}

   .top-right-image {
    position: absolute;
    top: -100px;
    right: 55px;
    width: 330px;
    height: auto;
    z-index: 9999;
}

.top-right-image-009 {
    position: absolute;
    top: -166px;
    right: 54px;
    width: 348px;
    height: auto;
    z-index: 9999;
}
.top-right-image-008 {
    position: absolute;
    top: -166px;
    right: 54px;
    width: 348px;
    height: auto;
    z-index: 9999;
}
   .top-right-image-007 {
    position: absolute;
    top: -100px;
    right: 55px;
    width: 280px;
    height: auto;
    z-index: 9999;
}
    .questionnaire_white {
      background-color: #ffffff;
      padding: 2.5rem;
      border-radius: 50px;
      margin-top: 50px;
      color: #000000;
      position: relative; 
    }
    .questionnaire_white_icon {
      background-color: #ffffff;
      padding: 2.5rem;
      border-radius: 50px;
      margin-top: 50px;
      color: #000000;
      position: relative; 
    }


    .questionnaire {
      background-color: #3cc0a0;
      padding: 2.5rem;
      border-radius: 50px;
      margin-top: 80px;
      color: white;
      position: relative; 
    }
   .section-title {
    font-family: 'Kanit', sans-serif;
        background-color: white;
        color: #000000;
        padding: 10px 30px 10px 30px;
        border-radius: 50px;
        display: inline-block;
        margin-bottom: 2rem;
        font-weight: bold;
        font-size: 1.5em;
    }

    textarea{
            font-family: 'Kanit', sans-serif !important; 
            font-size: 1.25em !important;
            font-weight: 400 !important;
            color: #000000;
            background-color: rgba(255, 255, 255, 0.9);
            padding: 5px 0px 5px 0px;
            border: 1px solid #f2f2f2;
    }
    .section-title-green {
        font-family: 'Kanit', sans-serif;
        background-color: #37bc9b;
        color:  #000000;
        padding: 10px 30px 10px 30px;
        border-radius: 50px;
        display: inline-block;
        margin-top: 2rem;
        margin-bottom: 1rem;
        font-weight: 500;
        font-size: 1.5em;
    }

    .question_white_transparent{ 
      padding: 1rem; 
    }

    .question_white {
      background-color: #ffffff;
      padding: 1rem; 
    }
    .question {
      background-color: #3cc0a0;
      padding: 1rem; 
    }


     .header-q{
         font-size: 30px;
         font-family: 'Kanit', sans-serif;
         background-color: #59c6a5;
         color: #000000; 
         padding: 15px 60px;
         font-weight: 700;
         border: 0;
         position: relative;
         z-index: 1;
         transition: 0.2s ease;
         border-radius: 65px 0px 65px 65px;
         width: 508px;
         line-height: 1.5;
    }

    .question_line { 
        border-bottom: 2px solid #008e4c61; 
        width: 100%;
        margin: 0 auto;
    }

    .question_line-white { 
        border-bottom: 2px solid #ffffff73; 
        width: 100%;
        margin: 0 auto;
    }

    .topic-normal-n-white {
        font-family: "Kanit", sans-serif;
        color: #ffffff;
        font-size: 1.5rem;
        font-weight: 400;
        position: relative;
        padding: 10px 8px 0px 0px;
    }

    .topic-normal-q-white{
        font-family: "Kanit", sans-serif;
        color: #ffffff;
        font-size: 1.5rem;
        position: relative;
        padding: 10px 50px 0px 0px;
    }
    .topic-normal-q-gray{
        font-family: "Kanit", sans-serif;
        color: #999393;
        font-size: 1.3rem;
        position: relative;
        padding: 10px 50px 0px 0px;
    }
     .topic-normal-q-green{
        font-family: "Kanit", sans-serif;
        color: #37bc9b;
        font-size: 1.3rem;
        position: relative;
        padding: 10px 50px 0px 0px;
    }
    .topic-normal-q-green_r{
        font-family: "Kanit", sans-serif;
        color: #008e4c;
        font-size: 1.3rem;
        position: relative;
        padding: 10px 50px 0px 0px;
    }

    .topic-normal-q-green_r_org{
        font-family: "Kanit", sans-serif;
        color: #38b99a;
        font-size: 1.8rem;
        position: relative;
        padding: 0px 0px 0px 10px;
    }
    
    .block_1 {
        font-family: "Kanit", sans-serif;
        background-color: #e1f295;
        color: #545550;  
        height: 50px;
        padding: 15px 0px 0px 0px;
        text-align: center;
        vertical-align: middle;
    }
    .block_2 {
        font-family: "Kanit", sans-serif;
        background-color: #a7dccc;
        color: #545550;  
        height: 50px;
        padding: 15px 0px 0px 0px;
        text-align: center;
    }
    .block_3 {
        font-family: "Kanit", sans-serif;
        background-color: #76d09d;
        color: #545550;  
        height: 50px;
        padding: 15px 0px 0px 0px;
        text-align: center;
    }
    .block_4 {
        font-family: "Kanit", sans-serif;
        background-color: #279b82;
        color: #ffffff;  
        height: 50px;
        padding: 15px 0px 0px 0px;
        text-align: center;
    }

    .block_detail {
        font-family: "Kanit", sans-serif; 
        color: #000000; 
        font-size: 1.2em; 
        padding: 10px;
        vertical-align: top;
    }

     .topic-normal-n-2 {
        font-family: "Kanit", sans-serif;
        color: #000000;
        font-size: 1.5rem;
        font-weight: 400;
        position: relative;
        padding: 20px 8px 0px 0px;
    }
    .topic-normal-q-2 {
        font-family: "Kanit", sans-serif;
        color: #000000;
        font-size: 1.5rem;
        font-weight: 400;
        position: relative;
        padding: 20px 40px 0px 0px;
    }

     .topic-normal-n-r {
        font-family: "Kanit", sans-serif;
        color: #000000;
          font-size: 1.3em;
        font-weight: 400;
        position: relative;
        padding: 0px 8px 0px 0px;
    }
    .topic-normal-r {
        font-family: "Kanit", sans-serif;
        color: #000000; 
          font-size: 1.3em;
        font-weight: 400;
        position: relative;
        padding: 0px 40px 0px 0px;
    }
     .topic-normal-q-r {
    font-family: "Kanit", sans-serif;
        color: #000000;
        font-size: 1.3em;
        font-weight: 400;
        position: relative;
        padding: 0px 0px 0px 0px;
    }
    .topic-normal-n {
        font-family: "Kanit", sans-serif;
        color: #000000;
        font-size: 1.5rem;
        font-weight: 400;
        position: relative;
        padding: 10px 8px 0px 0px;
    }
    .topic-normal-q {
        font-family: "Kanit", sans-serif;
        color: #000000;
        font-size: 1.5rem;
        font-weight: 400;
        position: relative;
        padding: 10px 40px 0px 0px;
    }
    .form-check-label {
      color: white;
    }
    

    .form-check-inline { 
        margin-top: 1rem;
    }

.top_home_q {
    text-align: left !important;
    padding-left: 50px;
}

.top_home_right_q {
    text-align: right !important; 
}

.top_home_center_q {
    text-align: center !important; 
}
.top_home_left_q {
    text-align: left !important; 
}

.arrow_next {
    height: 90px;
    margin: -20px 0px 20px 0px;  
}

.section_next{
    text-align: right !important;
}


.topic_h2_q_007 {
     font-family: "Kanit", sans-serif;
     font-weight: 400;
     font-size: 50px;
     line-height: 1.4;
     margin-top: -100px !important;
     min-height: 175px;
}

.topic_h2_q {
     font-family: "Kanit", sans-serif;
     font-weight: 400;
     font-size: 50px;
     line-height: 1.4;
     margin-top: -100px !important;
     min-height: 140px;
}

 .social-footer{
     width: 34px;
}
 .header_logo {
     width:180px;
}
 .footer_logo {
     width:220px;
}
 .topic_h1_circle{
     padding: 65px 0px 65px 36px;
     background-image: url(../images/assets/bg_text.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: contain;
}
 .topic_line{
     line-height:4.0;
     background-image: url(../images/assets/vector_line.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
}
 .doctor-path{
     text-align: center;
}
 .doctor-team{
     text-align: center;
}
 .service-path-content{
     margin-top: 100px;
     padding-left: 40px;
}
 .service-path-image{
     text-align: right;
     padding-right: 75px;
}
 .service-path{
     text-align: left;
     padding-left: 0px;
}
 .service_cat_500 {
     margin-top:500px;
}
 .topic_h3_header_service {
     font-family: "Kanit", sans-serif;
     font-size:35px;
     line-height: 1.4;
     color: #FFFFFF;
     font-weight: 400;
}

 .topic_main_service_header_2{ 
     margin-bottom: 10px;
}

 .topic_main_service_header{ 
     margin-bottom: 40px;
}

.topic_main_service_header_center{
     text-align: center ;
       margin-bottom: 40px;
}

.topic_main_service_header_left{
     text-align: left ;
}
 .service-section-top{
     background-image: url(../images/assets/bg_service.png);
     background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
    min-height: 4.5em;
}
/* .doctor-section-top {
     background-image: url(../images/assets/bg_doctor.png);
}
 */
 .me-center-detail-link :link {
     font-family: "Kanit", sans-serif;
     color: #38B99A !important;
     font-weight: 700;
     font-size: 28px;
     line-height: 1.5;
     padding: ;
}
 .me-center-detail-link :focus {
     font-family: "Kanit", sans-serif;
     color: #38B99A !important;
     font-weight: 700;
     font-size: 28px;
     line-height: 1.5;
}
 .me-center-detail-link :hover {
     font-family: "Kanit", sans-serif;
     color: #38B99A !important;
     font-weight: 700;
     font-size: 28px;
     line-height: 1.5;
}
 .me-center-detail-link {
     font-family: "Kanit", sans-serif;
     color: #38B99A !important;
     font-weight: 700;
     font-size: 28px;
     line-height: 1.5;
}
 .modal-doctor {
     margin-top: 30px;
}

.service_org_1{
   text-align: left ;
}

 .footer_address{
     text-align: left ;
}
 .button_top{
     padding-left: 23px;
}
 .header_menu_item{
     text-align: center;
}

.bg_service_org{
  background-image: url(../images/assets/bg_service_org.png);
  background-repeat: no-repeat;
} 

.bg_bottom_service_org{
    background-image: url(../images/assets/bg_bottom_service_org.png); 
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
    min-height: 23.2em;
}

 .bg_doctor_team{
     background-image: url(../images/assets/bg_doctor.png);
}
 
 .mt-9 {
     margin-top: 4.5rem;
     margin-bottom: 3.5rem !important;
}
 .img-service{
     width:80% 
}

 .mt-130{
     margin-top:130px;
}

 .mt-140{
     margin-top:140px;
}
 .link-detail-share{
}
 .link-detail-icon{
     height:60px;
}
 .appoint-padding{
     padding-top:  80px;
}
 .img_service_org{
     width:120px;
}

.container-service { 
    padding-right: 0px;
    padding-left: 0px; 
}

 .bg_icon{
     background-image: url(../images/assets/bg_icon.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     " 
}
 .mt-60{
     margin-top: 60px;
}
 .mt-40{
     margin-top: 40px;
}
 .mt-100{
     margin-top: 100px;
}
 .s-center-left{
     text-align: center;
}
 .s-left-center{
     text-align: left;
}
 .img-partner{
     height: 80px;
     width: 100%;
}
 .img_about_us{
     width: 100%;
}
 .img_about_us_section{
     width: 100%;
}
 .img_about_us2{
     float:right;
     width: 80%;
}
 .bg_aboutus_section2{
     background-image: url(../images/assets/bg_about_3.png);
     background-size: cover !important;
}
 .aboutus-section-bg-3{
     background-image: none;
}
 .doctor-section-top-main {
     background-image: url(../images/assets/bg_contact_first.png);
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: top center !important;
     padding-top: 100px;
     padding-bottom: 100px;
}
 .img_qr {
     width:200px;
}

img.curved-image-blog-detail{
    width: 60%;
}

.btn-previous {
    background-color: #3cc5a3;
    color: white;
    border: 2px solid white;
    border-radius: 50px;
    padding: 5px 60px 5px 60px !important;
    font-size: 20px !important;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 6px #2ea88c;
    transition: all 0.1s ease-in-out;
    margin-top: 0px;
}

.btn-logout-white {
    height: 29px;
    background-color: #ffffff;
    padding: 0px 25px 0px 25px;
    color: #4b4b4b;
    border: 2px solid #ffffff;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 3px #efefef;
    transition: all 0.1s ease-in-out;
}

.btn-logout  {
    height: 29px;
    background-color: #c1c0c0;
    padding: 0px 25px 0px 25px;
    color: #ffffff;
    border: 2px solid white;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 3px #efefef;
    transition: all 0.1s ease-in-out;
}

    .btn-previous:active {
      box-shadow: 0 2px #2ea88c;  /* ขยับเงาเข้ามา */
      transform: translateY(4px); /* กดปุ่มลง */
    }


   

    .progress-steps {
      position: relative;
    }
    .progress-steps::before {
      content: "";
      position: absolute;
      top: 20px;
      left: 40px;
      right: 40px;
      height: 2px;
      background-color: #ccc;
      z-index: 0;
    }



    .stepd .circle {
        width: 50px;
        height: 50px;
        background-color: #fffae4;
        color: #7f7e7e;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 8px;
        border: 2px solid #fffae4;
        font-weight: 600;
        font-family: 'Kanit';
        font-size: 1.2em;
    }
      .stepd {
      position: relative;
      text-align: center;
      z-index: 1;
    }

    .stepd.active .circle {
        background-color: #48cfad;
        border: 2px solid #48cfad;
        color: #FFFFFF;
    }

  

    .stepd .label {
        font-size: 16px;
        color: #fdfdfd;
        min-height: 70px;
        line-height: 1.5em;
    }

    .stepd.active .label {
        color: #38b99a;
        font-family: "Kanit" !important;
        font-size: 18px !important;
        font-weight: 500;
    }


    .stepc .circle {
        width: 50px;
        height: 50px;
        background-color: #ffa189;
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 8px;
        border: 2px solid #ffa189;
        font-weight: 600;
        font-family: 'Kanit';
        font-size: 1.2em;
    }

     .stepc {
      position: relative;
      text-align: center;
      z-index: 1;
    }

.stepc.active .circle {
    background-color: #48cfad;
    border: 2px solid #48cfad;
    color: #ffffff;
}

    .stepc .label {
        font-size: 16px;
        color: #fdfdfd;
        min-height: 70px;
        line-height: 1.5em;
    }

    .stepc.active .label {
        color: #ffffff;
        font-family: "Kanit" !important;
        font-size: 18px !important;
        font-weight: 500;
    }



    .stepb {
      position: relative;
      text-align: center;
      z-index: 1;
    }

    .stepb .circle {
        width: 40px;
        height: 40px;
        background-color: #48cfad;
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 8px;
        font-weight: bold;
        border: 2px solid;
    }

    .stepb.active .circle 
 {
    background-color: #ffffff;
    border: 2px solid #38b99a;
    color: #48cfad;
}

    .stepb .label {
        font-size: 16px;
        color: #fdfdfd;
        min-height: 70px;
        line-height: 1.5em;
    }

    .stepb.active .label {
        color: #ffffff;
        font-family: "Kanit" !important;
        font-size: 18px !important;
        font-weight: 500;
    }



    .step {
      position: relative;
      text-align: center;
      z-index: 1;
    }

    .step .circle {
      width: 40px;
      height: 40px;
      background-color: #ccc;
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 8px;
      font-weight: bold;
    }

    .step.active .circle {
      background-color: #34c6ac;
      border: 2px solid #38b99a;
    }

    .step .label {
        font-size: 16px;
        color: #999;
        min-height: 70px;
        line-height: 1.5em;
    }
    label {
        font-family: 'Kanit' !important;
    }
    input{
        font-family: 'Kanit' !important;
    }

    .step.active .label {
        color: #34c6ac;
        font-family: "Kanit" !important;
        font-size: 18px !important;
        font-weight: 500;
    }

    th {
        background-color: #85a5cc;
    }
    tr {
        background-color: #f7f7f7;
    }

    .uk-table th, .uk-table td { 
        border: 1px solid #919191;
    }

    .btn-export-org {
        background-color: #38b99a !important;
        color :#ffffff !important;
        border-radius: 50px !important;
        font-family: "Kanit" !important;
        font-size: 18px !important;
        width: 150px;

    }

    .btn-showall-org {
        background-color: #ffffff !important;
        color :#38b99a !important;
        border-radius: 50px !important;
        font-family: "Kanit" !important;
        font-size: 18px !important;
        width: 150px;

    }

   .btn-showall {
        background-color: #cfeae4 !important;
        color :#737373 !important;
        border-radius: 50px !important;
        font-family: "Kanit" !important;
        font-size: 18px !important;

    }

  img.img_left { 
        margin-top: -124px;
    }

      img.img_right { 
     margin-top: -264px;
    margin-right: 0px;
    width: 37%;
    }

  .btn-next-result {
    font-size: 20px !important;
        margin-top: 10px  !important; 
    }

.btn-send-proof {
    background-color: #f17455;
    color: white;
    border: 2px solid white;
    border-radius: 50px;
    padding: 5px 70px 5px 70px !important;
    font-size: 20px !important;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 6px #f17455;
    transition: all 0.1s ease-in-out;
    margin-top: -40px;
}
.btn-send-proof:hover {
    background-color: #f17455;
  box-shadow: 0 2px #f17455;  /* ขยับเงาเข้ามา */
  transform: translateY(4px); /* กดปุ่มลง */
}
.btn-send-proof:active {
  box-shadow: 0 2px #f17455;  /* ขยับเงาเข้ามา */
  transform: translateY(4px); /* กดปุ่มลง */
}
.btn-next {
    background-color: #3cc5a3;
    color: white;
    border: 2px solid white;
    border-radius: 50px;
    padding: 5px 70px 5px 70px !important;
    font-size: 20px !important;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 6px #2ea88c;
    transition: all 0.1s ease-in-out;
    margin-top:  0px;
}

.btn-next:active {
  box-shadow: 0 2px #2ea88c;  /* ขยับเงาเข้ามา */
  transform: translateY(4px); /* กดปุ่มลง */
}

.logo_q_center
{
    width: 250px;
}

.logo_q
{
    width: 200px;
}
.confirm-org{
    margin:20px 100px 20px 100px;
}
.btn-small-menu {
    font-size: 15px;
    font-family: "Kanit", sans-serif;
    
    padding: 9px 30px;
    font-weight: 400;
    border: 0;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: 0.2s ease;
    border-radius: 41px;
}
 .mecenter-section-q { 
     background-size: auto;
     background-position: top center;
}
 
 .mecenter-section-1 {
     padding-top: 200px; 
     background-size: auto;
     background-position: top center;
}
 .mecenter-section-3 {
     padding-top: 200px; 
     background-size: auto;
     background-position: top center;
}
 .section-2 {
     padding-top: 80px;
     padding-bottom: 0px;
}
 .mecenter-section-2 {
}
 .service-section {
     background-image: url(../images/assets/bg_center_service.png);
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
}
 .doctor-section {
     background-image: url(../images/assets/bg_center_doctor.png);
     background-repeat: repeat;
     background-size: auto;
     background-position: top center;
}
 .doctor-section-bottom-home {
     background-image: url(../images/assets/bg_bottom_doctor_home.png);
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
     min-height: 14.0em;
}
 .doctor-section-bottom {
     background-image: url(../images/assets/bg_bottom_doctor.png);
     background-repeat: no-repeat;
     background-size: auto;
     background-position: top center;
     min-height: 8.0em;
}
 .banner-image {
     position: absolute;
     top: 110%;
     left: 50%;
     transform: translateX(-50%);
}
 .hero-bg-1 {
     position: absolute;
     left: 30px;
     top: 200px;
}


 

 @media (max-width: 767px) {
     .hero-bg-1 {
         display: none;
    }
}
 .hero-bg-2 {
     position: absolute;
     top: 50%;
     left: 20%;
}
 @media (max-width: 767px) {
     .hero-bg-2 {
         display: none;
    }
}
 .hero-bg-3 {
     position: absolute;
     bottom: 0%;
     left: 10%;
}
 @media (max-width: 767px) {
     .hero-bg-3 {
         display: none;
    }
}
 .hero-bg-4 {
     top: 210px;
     right: 40%;
     position: absolute;
}
 @media (max-width: 767px) {
     .hero-bg-4 {
         display: none;
    }
}
 .hero-bg-5 {
     position: absolute;
     top: 250px;
     right: 17%;
}
 @media (max-width: 767px) {
     .hero-bg-5 {
         display: none;
    }
}
 .hero-bg-6 {
     position: absolute;
     right: 10%;
     bottom: 20%;
}
 @media (max-width: 767px) {
     .hero-bg-6 {
         display: none;
    }
}
 .hero-bg-7 {
     position: absolute;
     left: 20%;
     bottom: -17%;
     z-index: 1;
}
 @media (max-width: 767px) {
     .hero-bg-7 {
         display: none;
    }
}
 .hero-bg-8 {
     position: absolute;
     bottom: -30%;
     right: 50%;
     z-index: 1;
}
 @media (max-width: 767px) {
     .hero-bg-8 {
         display: none;
    }
}
 .hero-bg-9 {
     position: absolute;
     right: 20%;
     bottom: -10%;
     z-index: 1;
}
 @media (max-width: 767px) {
     .hero-bg-9 {
         display: none;
    }
}
 .feature {
     position: relative;
}
 .feature-item h4 {
     line-height: 1;
}
 .feature-item p {
     line-height: 25px;
}
 .feature-item:hover .feature-icon {
     box-shadow: 0px 18px 43px 0px rgba(0, 141, 236, 0.21);
}
 .feature-bg-1 {
     position: absolute;
     left: 0;
     top: 50%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .feature-bg-1 {
         display: none;
    }
}
 .feature-bg-2 {
     position: absolute;
     right: 0;
     bottom: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .feature-bg-2 {
         display: none;
    }
}
 .feature-icon {
     display: inline-block;
     height: 90px;
     width: 90px;
     border-radius: 5px;
     color: #fff;
     font-size: 45px;
     line-height: 90px;
     background: #01512C;
     box-shadow: 0px 18px 25px 0px rgba(0, 141, 236, 0.1);
     text-align: center;
     transition: 0.2s ease;
}
 .seo {
     position: relative;
     overflow: visible;
}
 .seo-bg {
     position: absolute;
     left: 0;
     top: 0;
     z-index: -1;
}
 @media (max-width: 1200px) {
     .seo-bg {
         max-width: 500px;
    }
}
 @media (max-width: 991px) {
     .seo-bg {
         max-width: 400px;
    }
}
 .seo-bg-shape-1 {
     position: absolute;
     left: 25%;
     top: 0;
     z-index: -1;
}
 @media (max-width: 767px) {
     .seo-bg-shape-1 {
         display: none;
    }
}
 .seo-bg-shape-2 {
     position: absolute;
     right: 2%;
     top: 40%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .seo-bg-shape-2 {
         display: none;
    }
}
 .seo-bg-shape-3 {
     position: absolute;
     left: 50%;
     bottom: 0;
     transform: translateX(-50%);
     z-index: -1;
}
 @media (max-width: 767px) {
     .seo-bg-shape-3 {
         display: none;
    }
}
 .service {
     position: relative;
     overflow: visible;
}
 .service-list li {
     margin-bottom: 30px;
     color: #4d546f;
}
 .service-list li i {
     margin-right: 20px;
     color: #4d546f;
}
 .service-bg {
     position: absolute;
     right: 0;
     top: -10%;
     z-index: -1;
}
 @media (max-width: 1200px) {
     .service-bg {
         max-width: 500px;
    }
}
 @media (max-width: 991px) {
     .service-bg {
         max-width: 400px;
         top: 0;
    }
}
 .service-bg-shape-1 {
     position: absolute;
     left: 0;
     top: 150px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .service-bg-shape-1 {
         display: none;
    }
}
 .service-bg-shape-2 {
     position: absolute;
     left: 40%;
     bottom: 0;
     z-index: -1;
}
 @media (max-width: 767px) {
     .service-bg-shape-2 {
         display: none;
    }
}
 .team {
     overflow: visible;
     position: relative;
}
 .team-slider {
     overflow: hidden;
     padding-bottom: 100px;
}
 .team-slider .slick-list {
     overflow: visible;
}
 .team-slider .slick-arrow {
     border: 0;
     background: transparent;
     color: #01512C;
     position: absolute;
     bottom: 0;
     z-index: 1;
     font-size: 25px;
}
 .team-slider .slick-arrow.slick-disabled {
     color: #86ceff;
}
 .team-slider .prevArrow {
     left: 10px;
}
 .team-slider .nextArrow {
     left: 50px;
}
 .team-member {
     padding: 30px 45px;
     background: #fff;
     box-shadow: 0px 23px 43px 0px rgba(172, 189, 199, 0.49);
     margin: 0 20px;
}
 @media (max-width: 1200px) {
     .team-member {
         padding: 30px;
    }
}
 .team-bg {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: -1;
}
 .team-bg-shape-1 {
     position: absolute;
     top: 100px;
     left: 20px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .team-bg-shape-1 {
         display: none;
    }
}
 .team-bg-shape-2 {
     position: absolute;
     top: 100px;
     right: -5px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .team-bg-shape-2 {
         display: none;
    }
}
 .team-bg-shape-3 {
     position: absolute;
     bottom: 20%;
     right: 40%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .team-bg-shape-3 {
         display: none;
    }
}
 .team-bg-shape-4 {
     position: absolute;
     bottom: 20%;
     right: 180px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .team-bg-shape-4 {
         display: none;
    }
}
 .pricing {
     position: relative;
     overflow: visible;
}
 .pricing-table {
     padding: 50px 35px 30px;
     transition: 0.2s ease;
}
 @media (max-width: 1200px) {
     .pricing-table {
         padding: 30px 20px;
    }
}
 .pricing-table h1 {
     font-size: 65px;
}
 .pricing-table h1 span {
     font-size: 20px;
     vertical-align: top;
     line-height: 65px;
     margin-right: 5px;
}
 .pricing-table:hover {
     box-shadow: 0px 59px 43px 0px rgba(216, 233, 243, 0.3);
}
 .pricing-table.table-1 {
     background-image: linear-gradient(59deg, rgb(213, 252, 113) 0%, rgb(100, 254, 171) 95%);
}
 .pricing-table.table-2 {
     background-image: linear-gradient(59deg, rgb(6, 255, 223) 0%, rgb(66, 219, 239) 95%);
}
 .pricing-table.table-3 {
     background-image: linear-gradient(59deg, rgb(11, 252, 224) 0%, rgb(197, 253, 120) 95%);
}
 .pricing-btn {
     font-size: 25px;
     font-weight: 700;
     color: #091337;
}
 @media (max-width: 1200px) {
     .pricing-btn {
         padding: 5px;
    }
}
 .pricing-btn:hover {
     color: #01512C;
}
 .pricing-bg-shape-1 {
     position: absolute;
     left: 30%;
     top: 100px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .pricing-bg-shape-1 {
         display: none;
    }
}
 .pricing-bg-shape-2 {
     position: absolute;
     right: 10%;
     top: 110px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .pricing-bg-shape-2 {
         display: none;
    }
}
 .pricing-bg-shape-3 {
     position: absolute;
     bottom: 20%;
     left: 0;
     z-index: -1;
}
 @media (max-width: 767px) {
     .pricing-bg-shape-3 {
         display: none;
    }
}
 .newsletter {
     position: relative;
}
 .newsletter-form {
     height: 85px;
     width: 100%;
     padding: 0 40px;
     border: 0;
     background: #fff;
     box-shadow: 0px 35px 46px 0px rgba(172, 189, 199, 0.28);
     border-radius: 5px;
}
 .newsletter-form:focus {
     outline: 0;
     box-shadow: 0;
}
 .newsletter-btn {
     position: absolute;
     height: 100%;
     background: #8986ff;
     top: 0;
     right: 0;
     border-radius: 0 5px 5px 0;
     font-weight: 700;
     font-size: 18px;
     color: #fff;
     text-transform: uppercase;
}
 @media (max-width: 575px) {
     .newsletter-btn {
         padding-left: 5px;
         padding-right: 5px;
    }
}
 .newsletter-bg-shape {
     position: absolute;
     top: 0;
     right: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .newsletter-bg-shape {
         display: none;
    }
}
 .footer {
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
}
.footer-section-q-register {
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/q/footer_register.png);
    margin-top: -100px;
    min-height: 370px;
}

.footer-section-q {
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../assets/img_q/bg-bottom-q-small.png);
    margin-top: -100px;
    min-height: 226px;
}

.footer-section {
     padding-top: 0px;
     padding-bottom: 0px;
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url(../images/assets/banner_bottom.png);
     margin-top: 0px;
}
 .footer-menu a {
     color: #091337;
     display: block;
     padding: 15px;
     font-weight: 400;
}
 .social-icon li {
     margin: 0 12px;
}
 .social-icon li a {
     height: 45px;
     width: 45px;
     background: #fff;
     border-radius: 5px;
     line-height: 45px;
     display: block;
     text-align: center;
}
 .client-logo-slider img {
     transition: 0.2s ease;
}
 .client-logo-slider a:hover img {
     transform: scale(1.2);
}
/* service page */
 .service-bg-image {
     background-size: containe;
     background-repeat: no-repeat;
     background-position: center 400px;
}
 .service-bg-1 {
     position: absolute;
     left: 50px;
     top: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .service-bg-1 {
         display: none;
    }
}
 .service-bg-2 {
     position: absolute;
     right: 50px;
     top: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .service-bg-2 {
         display: none;
    }
}
 .service-bg-3 {
     position: absolute;
     right: 50px;
     top: 50%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .service-bg-3 {
         display: none;
    }
}
 .service-bg-4 {
     position: absolute;
     left: 50px;
     bottom: 30%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .service-bg-4 {
         display: none;
    }
}
 .service-bg-5 {
     position: absolute;
     left: 10%;
     bottom: 5%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .service-bg-5 {
         display: none;
    }
}
 .about {
     position: relative;
     overflow: visible;
}
 .about-video {
     position: relative;
}
 .about-video .play-btn {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}
 .about-bg-1 {
     position: absolute;
     left: 30%;
     top: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .about-bg-1 {
         display: none;
    }
}
 .about-bg-2 {
     position: absolute;
     top: 30%;
     right: 40px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .about-bg-2 {
         display: none;
    }
}
 .about-bg-3 {
     position: absolute;
     bottom: 20%;
     left: 30px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .about-bg-3 {
         display: none;
    }
}
 .about-bg-4 {
     position: absolute;
     top: 20%;
     left: 40px;
     z-index: -1;
}
 @media (max-width: 767px) {
     .about-bg-4 {
         display: none;
    }
}
 .about-bg-5 {
     position: absolute;
     bottom: 10%;
     right: 40px;
     z-index: -1;
}





 @media (max-width: 767px) {
     .about-bg-5 {
         display: none;
    }
}
 .about-bg-6 {
     position: absolute;
     top: 10%;
     right: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .about-bg-6 {
         display: none;
    }
}
 .play-btn {
     height: 3.2em;
     width: 3.2em;
     border-radius: 50%;
     color: #fff;
     line-height: 3.2em;
     font-size: 20px;
     text-align: center;
     background: #7aff91;
     display: inline-block;
     transition: 0.2s ease;
     box-shadow: 0px 23px 43px 0px rgba(94, 254, 198, 0.3);
}
 .play-btn:hover {
     color: #fff;
     font-size: 30px;
}
 .product-aboutus {
     background-size: auto;
     overflow: visible;
     background-repeat: no-repeat;
     background-position: center top;
}
 .product {
     background-size: auto;
     overflow: visible;
     background-repeat: no-repeat;
     background-position: center top;
}
 .about-bg {
     position: absolute;
     left: 0;
     top: 0px;
     z-index: -1;
}
 .form-control {
     height: 40px;
     width: 100%;
     background: #f7fafc;
}
 .form-control:focus {
     border-color: #01512C;
     box-shadow: none;
}
 textarea.form-control {
     height: 157px;
}
 .contact-bg {
     background-color: #f3f7fb;
}
 .round-icon {
     height: 50px;
     width: 50px;
     border-radius: 50%;
     font-size: 18px;
     line-height: 50px;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
}
 .round-icon.green {
     background: #e0fef4;
     color: #00f7a7;
}
 .round-icon.blue {
     background: #e0f1ff;
     color: #008cff;
}
 .round-icon.orange {
     background: #fff1e0;
     color: #ff8b00;
}
 .contact {
     position: relative;
}
 .contact-bg-1 {
     position: absolute;
     left: 0;
     top: 10%;
     z-index: -1;
}
 .contact-bg-2 {
     position: absolute;
     top: 20%;
     right: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .contact-bg-2 {
         display: none;
    }
}
 .contact-bg-3 {
     position: absolute;
     top: 10%;
     left: 40%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .contact-bg-3 {
         display: none;
    }
}
 .contact-bg-4 {
     position: absolute;
     bottom: 10%;
     left: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .contact-bg-4 {
         display: none;
    }
}
 .contact-bg-5 {
     position: absolute;
     bottom: 10%;
     right: 10%;
     z-index: -1;
}
 @media (max-width: 767px) {
     .contact-bg-5 {
         display: none;
    }
}




/***************
  Radio Buttons
***************/
/* Remove default Radio Buttons */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: .28s ease;
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: .28s ease; }

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #5a5a5a; }

[type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); }

/* Checked styles */
[type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid transparent; }

[type="radio"]:checked + label:after {
  border-radius: 50%;
  border: 2px solid #42A5F5;
  background-color: #42A5F5;
  z-index: 0;
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02); }

/* Radio With gap */
[type="radio"].with-gap:checked + label:before {
  border-radius: 50%;
  border: 2px solid #42A5F5; }

[type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
  border: 2px solid #42A5F5;
  background-color: #42A5F5;
  z-index: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26); }

[type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #BDBDBD; }

/***************
   Checkboxes
***************/
/* CUSTOM CSS CHECKBOXES */
form p {
  margin-bottom: 10px;
  text-align: left; }

form p:last-child {
  margin-bottom: 0; }

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
  [type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s; }
  [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #42A5F5;
  border-bottom: 2px solid #42A5F5;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%; }

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  left: -10px;
  top: -11px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #42A5F5;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%; }

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #42A5F5;
  background-color: #42A5F5;
  z-index: 0; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }

[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }



input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48 !important;
    background-color: #F2DEDE !important;
    border: 1px solid #EED3D7 !important;
    border-color: #ed6b75 !important;
    box-shadow: 0px 0px 2px #ed6b75 !important;
    color: #B94A48 !important;
    padding: 0px 5px;
} 
 
.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

    .parsley-errors-list.filled {
        opacity: 1;
    }

input.validationElement {
    border-color: #ed6b75;
    color: #B94A48;
}

.validationElement {
    border-color: #ed6b75;
    box-shadow: 0px 0px 2px #ed6b75;
    color: #B94A48;
}

span.parsley-error,
span[data-bind*="validationMessage"],
div[data-bind*="validationMessage"] {
    color: #B94A48;
}

.select2-hidden-accessible.parsley-error + .parsley-error + .select2-container,
.parsley-error.select2-hidden-accessible + .select2-container {
    border: 1px solid #ed6b75;
    box-shadow: 0px 0px 2px #ed6b75;
    color: #B94A48;
    background-color: #F2DEDE;
}

.BGblue {
    background-color: #0091ea;
}

[type="radio"].parsley-error + .parsley-error + label:before,
[type="radio"].parsley-error + label:before {
    border: 1px solid #ed6b75;
    box-shadow: 0px 0px 2px #ed6b75;
    background-color: #F2DEDE;
    border-radius: 70%;
}

[type="checkbox"].parsley-error + .parsley-error + label:before {
    border: 1px solid #ed6b75;
    box-shadow: 0px 0px 2px #ed6b75;
    background-color: #F2DEDE;
}


[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + span + label,
[type="radio"]:checked + span + label {
  position: relative;
  padding: 0px 60px 20px 40px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 26px;
  font-size: 1.6rem;
  -webkit-transition: .28s ease;
          transition: .28s ease;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }

[type="radio"] + span + label:before,
[type="radio"] + span + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0px;
  width: 28px;
  height: 28px;
  z-index: 0;
  -webkit-transition: .28s ease;
          transition: .28s ease; }

/* Unchecked styles */
[type="radio"]:not(:checked) + span + label:before {
  border-radius: 50%;
  border: 2px solid #5a5a5a; }

[type="radio"]:not(:checked) + span + label:after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); }

/* Checked styles */
[type="radio"]:checked + span + label:before {
  border-radius: 50%;
  border: 2px solid transparent; }

[type="radio"]:checked + span + label:after {
  border-radius: 50%;
  border: 2px solid #64B5F6;
  background-color: #64B5F6;
  z-index: 0;
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02); }


.uk-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin-bottom: 15px;
}
/* datatables */
.md-btn-small {
    line-height: 27px !important;
    min-width: 14px;
    font-size: 11px !important;
}
.md-btn-primary, .md-btn-primary:hover, .md-btn-primary:focus, .md-btn-primary:active {
    background: #59c6a6;
    color: #fff;
}
.md-btn {
    background: #307764;
    border: none;
    border-radius: 13px; 
    min-height: 31px;
    min-width: 40px; 
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
}

select {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 0px 5px 0px 10px;
    border: 1px solid #f2f2f2;
    border-radius: 15px;
    height: 2.5rem;
}
.dataTables_wrapper .dataTables_length .select-wrapper {
    margin: 0 .5em;
    display: inline-block;
    width: auto;
}
.uk-table{
    font-family: 'Kanit';
}

.select-wrapper {
    position: relative;
}

.dataTables_wrapper thead {
    background-color: #38b99a;
}

.dataTables_wrapper .uk-table {
  /*margin: 0 auto;*/
  border-spacing: 0;
}
.dataTables_wrapper .uk-table thead .sorting,
.dataTables_wrapper .uk-table thead .sorting_asc,
.dataTables_wrapper .uk-table thead .sorting_desc {
  cursor: pointer;
  padding-right: 24px;
}
.dataTables_wrapper .uk-table thead .sorting,
.dataTables_wrapper .uk-table thead .sorting_asc,
.dataTables_wrapper .uk-table thead .sorting_desc,
.dataTables_wrapper .uk-table thead .sorting_asc_disabled,
.dataTables_wrapper .uk-table thead .sorting_desc_disabled {
  position: relative;
}
.dataTables_wrapper .uk-table thead .sorting:after,
.dataTables_wrapper .uk-table thead .sorting_asc:after,
.dataTables_wrapper .uk-table thead .sorting_desc:after,
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after,
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
  position: absolute;
  right: 4px;
  bottom: 13px;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-family: "Material Icons";
  color: #212121;
}
.dataTables_wrapper .uk-table thead .sorting:after {
  content: '\e164';
  color: #aaa;
}
.dataTables_wrapper .uk-table thead .sorting_asc:after {
  content: '\e313';
}
.dataTables_wrapper .uk-table thead .sorting_desc:after {
  content: '\e316';
}
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after {
  content: '\e313';
  color: #aaa;
}
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
  content: '\e316';
  color: #aaa;
}
.dataTables_wrapper .uk-table,
.dataTables_wrapper .uk-table th,
.dataTables_wrapper .uk-table td {
  box-sizing: content-box;
}
.dataTables_wrapper .uk-table:active,
.dataTables_wrapper .uk-table th:active,
.dataTables_wrapper .uk-table td:active {
  outline: none;
}
.dataTables_wrapper .uk-table tbody tr.selected {
  background-color: rgba(102, 102, 102, 0.085);
}
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_1,
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_2,
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_3,
.dataTables_wrapper .uk-table tbody tr > .sorting_1,
.dataTables_wrapper .uk-table tbody tr > .sorting_2,
.dataTables_wrapper .uk-table tbody tr > .sorting_3 {
  background-color: rgba(102, 102, 102, 0.085);
}
.dataTables_wrapper .uk-table.nowrap th,
.dataTables_wrapper .uk-table.nowrap td {
  white-space: nowrap;
}
.dataTables_wrapper .uk-table.compact thead th,
.dataTables_wrapper .uk-table.compact thead td {
  padding: 4px 17px 4px 4px;
}
.dataTables_wrapper .uk-table.compact tfoot th,
.dataTables_wrapper .uk-table.compact tfoot td {
  padding: 4px;
}
.dataTables_wrapper .uk-table.compact tbody th,
.dataTables_wrapper .uk-table.compact tbody td {
  padding: 4px;
}
.dataTables_wrapper .uk-table th.dt-left,
.dataTables_wrapper .uk-table td.dt-left {
  text-align: left;
}
.dataTables_wrapper .uk-table th.dt-center,
.dataTables_wrapper .uk-table td.dt-center,
.dataTables_wrapper .uk-table td.dataTables_empty {
  text-align: center;
}
.dataTables_wrapper .uk-table th.dt-right,
.dataTables_wrapper .uk-table td.dt-right {
  text-align: right;
}
.dataTables_wrapper .uk-table th.dt-justify,
.dataTables_wrapper .uk-table td.dt-justify {
  text-align: justify;
}
.dataTables_wrapper .uk-table th.dt-nowrap,
.dataTables_wrapper .uk-table td.dt-nowrap {
  white-space: nowrap;
}
.dataTables_wrapper .uk-table thead th.dt-head-left,
.dataTables_wrapper .uk-table thead td.dt-head-left,
.dataTables_wrapper .uk-table tfoot th.dt-head-left,
.dataTables_wrapper .uk-table tfoot td.dt-head-left {
  text-align: left;
}
.dataTables_wrapper .uk-table thead th.dt-head-center,
.dataTables_wrapper .uk-table thead td.dt-head-center,
.dataTables_wrapper .uk-table tfoot th.dt-head-center,
.dataTables_wrapper .uk-table tfoot td.dt-head-center {
  text-align: center;
}
.dataTables_wrapper .uk-table thead th.dt-head-right,
.dataTables_wrapper .uk-table thead td.dt-head-right,
.dataTables_wrapper .uk-table tfoot th.dt-head-right,
.dataTables_wrapper .uk-table tfoot td.dt-head-right {
  text-align: right;
}
.dataTables_wrapper .uk-table thead th.dt-head-justify,
.dataTables_wrapper .uk-table thead td.dt-head-justify,
.dataTables_wrapper .uk-table tfoot th.dt-head-justify,
.dataTables_wrapper .uk-table tfoot td.dt-head-justify {
  text-align: justify;
}
.dataTables_wrapper .uk-table thead th.dt-head-nowrap,
.dataTables_wrapper .uk-table thead td.dt-head-nowrap,
.dataTables_wrapper .uk-table tfoot th.dt-head-nowrap,
.dataTables_wrapper .uk-table tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
.dataTables_wrapper .uk-table tbody th.dt-body-left,
.dataTables_wrapper .uk-table tbody td.dt-body-left {
  text-align: left;
}
.dataTables_wrapper .uk-table tbody th.dt-body-center,
.dataTables_wrapper .uk-table tbody td.dt-body-center {
  text-align: center;
}
.dataTables_wrapper .uk-table tbody th.dt-body-right,
.dataTables_wrapper .uk-table tbody td.dt-body-right {
  text-align: right;
}
.dataTables_wrapper .uk-table tbody th.dt-body-justify,
.dataTables_wrapper .uk-table tbody td.dt-body-justify {
  text-align: justify;
}
.dataTables_wrapper .uk-table tbody th.dt-body-nowrap,
.dataTables_wrapper .uk-table tbody td.dt-body-nowrap {
  white-space: nowrap;
}
.dataTables_wrapper .uk-table tfoot .md-input-wrapper {
  padding-top: 0;
}
.dataTables_wrapper .uk-table tfoot .md-input-wrapper .md-input {
  padding: 8px 4px;
}
.dataTables_wrapper .dataTables_length {
  margin-top: -1px;
}
.dataTables_wrapper .dataTables_filter .md-input-wrapper {
  padding-top: 3px;
}
.dataTables_wrapper .dataTables_filter .md-input-wrapper .md-input {
  padding: 6px 4px;
  -webkit-appearance: none;
  border-radius: 0;
}
.dataTables_wrapper .selectize-control.dt-selectize {
  min-width: 64px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  height: 40px;
}
.dataTables_wrapper .selectize-control.dt-selectize .selectize-input {
  border-color: transparent;
  background: transparent;
}
.dataTables_wrapper .selectize-control.dt-selectize:hover .selectize-input {
  border-color: rgba(0, 0, 0, 0.12);
  background: #fff;
}
.dataTables_wrapper .dt-uikit-header {
  padding: 4px 8px;
  margin-bottom: 16px;
}
.dataTables_wrapper .dt-uikit-footer {
  padding: 4px 8px;
  margin-top: 16px;
}
.dataTables_wrapper .dt-uikit-footer .dataTables_info {
  padding-top: 8px;
  color: #727272;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .dataTables_wrapper .dt-uikit-footer .dataTables_info {
    text-align: center;
  }
}
.dataTables_wrapper .dt-uikit-footer .uk-pagination {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .dataTables_wrapper .dt-uikit-footer .uk-pagination {
    margin-top: 16px;
    text-align: center;
  }
}
.dataTables_wrapper .uk-overflow-container th,
.dataTables_wrapper .uk-overflow-container td {
  white-space: nowrap !important;
}

/*# sourceMappingURL=style.css.map */