/*
 * ─── UNDER BANNER ────────────────────────────────────────────────────────────────
 */

 .theme-h2c .sc-apply-online {
    background: #4A8B77;
}


/*
 * ─── CAROUSEL ───────────────────────────────────────────────────────────────────
 */

.theme-h2c .sc-carousel {
    background: #F3FAF1;
}

.theme-h2c .sc-carousel .card[data-card-index="0"] .caption {
    background: #2A9774;
}

.theme-h2c .sc-carousel .card[data-card-index="1"] .caption {
    background: #F5A591;
}

.theme-h2c .sc-carousel .card[data-card-index="2"] .caption {
    background: #E78676;
}

.theme-h2c .sc-carousel .card[data-card-index="3"] .caption {
    background: #59B1C6;
}

.theme-h2c .sc-carousel .card[data-card-index="4"] .caption {
    background: #57C2B8;
}

.theme-h2c .sc-carousel .card[data-card-index="5"] .caption {
    background: #88CB78;
}


/*
 * ─── INFO ───────────────────────────────────────────────────────────────────────
 */

.theme-h2c .sc-product-info .sc-content {
    background: #FEF6F4;
}

/*
 * ─── PAGE1 ──────────────────────────────────────────────────────────────────────
 */

.theme-h2c #loan-type .table-responsive .ingredian p{
    position: absolute;
    top: 38%;
    left: 0px;
    right: 0px;
}

.theme-h2c #loan-type .table-responsive .table .table-layout {
    height: 105px;
    width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.theme-h2c #loan-type .table-responsive .table .table-layout .item-layout{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-h2c #loan-type .table-responsive .table tr td:first-child {
    background-color: #2A9774;
    min-width: 140px;
}

.theme-h2c #loan-type .table-responsive .table tr:first-child td:first-child {
    width: 260px
}

.theme-h2c #loan-type .table-responsive .table tr td:not(:first-child) {
    padding: 20px 15px;
}

.theme-h2c .sc-product-info .sc-content .tab-content .content {
    padding: 50px 80px;
    border-top: solid 2px #4A8B77;
}

/*
 * ─── PAGE2 ──────────────────────────────────────────────────────────────────────
 */

.theme-h2c #loan-interest-table .table tr td:first-child {
    padding-left: 15px !important;
    border-bottom-left-radius: 0px !important;
}

.theme-h2c #loan-interest-table .table thead {
    background-color: unset;
}

.theme-h2c #loan-interest-table .table tr th {
    background-color: #2A9774;
}

.theme-h2c #loan-interest-table .table-responsive {

    padding-bottom: 30px;

    border-bottom: 1px solid #E6E6E6;

    margin: 30px 0px 20px 0px;
}

.theme-h2c #loan-interest-table .table thead tr th:first-child {
    width: auto;
    border-bottom-left-radius: 15px;
}

@media screen and (max-width: 767px) {
    .theme-h2c #loan-interest-table .table {
        min-width: 750px;
    }

    .theme-h2c #loan-interest-table .ignore-resizing {
        min-width: 900px !important;
    }
}

.theme-h2c #loan-interest-table .sec-table thead tr th:first-child{

    border-bottom-left-radius: unset !important;
}

.theme-h2c #loan-interest-table .sec-table thead tr:first-child th:nth-child(2){

    border-bottom: 1px solid rgba(230, 230, 230, 0.7);

}

.theme-h2c #loan-interest-table .sec-table thead tr:nth-child(2) th:last-child{

    border-right: 1px solid rgba(230, 230, 230, 0.7);

}

.theme-h2c #loan-interest-table .sec-table tbody tr:nth-child(2) td:first-child{

    border-bottom-left-radius: 15px !important;
}


.theme-h2c #loan-special-campaign .table thead {
    background-color: unset;
}

 

.theme-h2c #loan-special-campaign .table-responsive {

    padding-bottom: 30px;

    border-bottom: 1px solid #E6E6E6;

    margin: 30px 0px 20px 0px;
}

.theme-h2c #loan-special-campaign .table thead tr th:first-child {
    width: auto; 
}

@media screen and (max-width: 767px) {
    .theme-h2c #loan-special-campaign .table {
        min-width: 750px;
    }

    .theme-h2c #loan-special-campaign .ignore-resizing {
        min-width: 900px !important;
    }
}

.theme-h2c #loan-special-campaign .sec-table thead tr th:first-child{

    border-bottom-left-radius: unset !important;
}

.theme-h2c #loan-special-campaign .sec-table thead tr:first-child th:nth-child(2){

    border-bottom: 1px solid rgba(230, 230, 230, 0.7);

}

.theme-h2c #loan-special-campaign .sec-table thead tr:nth-child(2) th:last-child{

    border-right: 1px solid rgba(230, 230, 230, 0.7);

}

.theme-h2c #loan-special-campaign .sec-table tbody tr:nth-child(2) td:first-child{

    border-bottom-left-radius: 15px !important;
}

.theme-h2c #loan-special-campaign .table tr td:first-child {
    padding-left: 15px !important; 
}

.theme-h2c #loan-special-campaign .table thead {
    background-color: unset;
}

.theme-h2c #loan-special-campaign .table tr th {
    background-color: #2A9774;
}

.theme-h2c #loan-special-campaign .table-responsive {

    padding-bottom: 30px;

    border-bottom: 1px solid #E6E6E6;

    margin: 30px 0px 20px 0px;
}

.theme-h2c #loan-special-campaign .table thead tr th:first-child {
    width: auto; 
}

@media screen and (max-width: 767px) {
    .theme-h2c #loan-special-campaign .table {
        min-width: 750px;
    }

    .theme-h2c #loan-special-campaign .ignore-resizing {
        min-width: 900px !important;
    }
}

.theme-h2c #loan-special-campaign .sec-table thead tr th:first-child{

    border-bottom-left-radius: unset !important;
}

.theme-h2c #loan-special-campaign .sec-table thead tr:first-child th:nth-child(2){

    border-bottom: 1px solid rgba(230, 230, 230, 0.7);

}

.theme-h2c #loan-special-campaign .sec-table thead tr:nth-child(2) th:last-child{

    border-right: 1px solid rgba(230, 230, 230, 0.7);

}

.theme-h2c #loan-special-campaign .sec-table tbody tr:nth-child(2) td:first-child{

    border-bottom-left-radius: 15px !important;
}


.theme-h2c #loan-special-campaign .table {
    min-width: 940px;
    border: solid 1px #E6E6E6;
    border-collapse: separate;
    border-radius: 15px;
  }
  
  .theme-h2c #loan-special-campaign .table tr th:first-child {
    width: 170px;
  }
  
  .theme-h2c #loan-special-campaign .table tbody tr:not(:last-child) td {
    border-bottom: solid 1px #E6E6E6;
  }
  
  .theme-h2c #loan-special-campaign .table tr th,
  .theme-h2c #loan-special-campaign .table tr td {
    padding: 15px;
  }
  
  
  
  .theme-h2c #loan-special-campaign .table tr td {
    background: #F8F8F8;
  }
  
  .theme-h2c #loan-special-campaign .table tr:first-child th:first-child {
    border-top-left-radius: 15px;
  }
  
  .theme-h2c #loan-special-campaign .table tr:first-child th:last-child {
    border-top-right-radius: 15px;
  }
  /* .theme-h2c #loan-special-campaign .table tr td:first-child{
    border-bottom: 1px solid rgba(230, 230, 230, 0.7);
  } */
  
  .theme-h2c #loan-special-campaign .table tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
  }
  
  .theme-h2c #loan-special-campaign .table tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
     
  }
  .theme-h2c #loan-special-campaign .table tr:last-child{
    border-top: 1px solid rgba(230, 230, 230, 0.7);
  }

  .theme-h2c #loan-special-campaign ul li{
    list-style: disc;
    margin-left: 16px;
  }

/*
 * ─── PAGE3 ──────────────────────────────────────────────────────────────────────
 */

.theme-h2c #loan-limit .table tr th {
    background-color: #2A9774;
}

.theme-h2c #loan-limit .table thead tr:first-child th:first-child {
    width: auto;
}

.theme-h2c #loan-limit .table thead tr:nth-child(2) th {
    border-bottom: 0px;
}

.theme-h2c #loan-limit .table tbody tr:last-child td:last-child {
    border-radius: 0px;
    border-right: 1px solid rgba(230, 230, 230, 0.7);
}

.theme-h2c #loan-limit .table tbody tr:first-child td:last-child {
    border-bottom: 0px;
    border-bottom-right-radius: 15px;
}

.theme-h2c #loan-limit .table tr:nth-child(2) td:first-child {
    border-right: 1px solid rgba(230, 230, 230, 0.7);
    border-bottom: 1px solid rgba(230, 230, 230, 0.7);
}


@media screen and (max-width: 991px) {
    
    .theme-h2c .sc-product-info .sc-content .tab-content .content {
        padding: 50px 15px;
    }
}

@media screen and (max-width: 767px) {
    .theme-h2c #loan-limit .table {
        min-width: 750px;
    }
}


/*
 * ─── CAL ────────────────────────────────────────────────────────────────────────
 */
.theme-h2c #calculators-2 .tab-condition {
    padding-top: 20px;
}

.theme-h2c #calculators-2 .tab-condition .tab-condition-title strong{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
}

.theme-h2c #calculators-2 .tab-condition ul li{
    list-style: disc;
    margin-left: 17px;
    font-size: 14px;
}


.theme-h2c .sc-calculator, .theme-h2c .sc-calculator-result {
    background: #F3FAF1;
}

.theme-h2c .sc-calculator-result .sc-action {
    background: #F3FAF1;
}

.theme-h2c .sc-calculator-result .sc-content {
    background: #78B5A2;
}

.theme-h2c .sc-calculator-result .fields .row:last-child .col {
    background: #299774;
}

.theme-h2c .sc-calculator-result .u-range-slider-step .irs:before {
    background: none;
    width: 0;
    height: 0;
}

.theme-h2c .sc-calculator-result .u-range-slider-step .irs-line, .theme-h2c .sc-calculator-result .u-range-slider-step .irs-line > span, .theme-h2c .sc-calculator-result .u-range-slider-step .irs-bar, .theme-h2c .sc-calculator-result .u-range-slider-step .irs-bar-edge {
    background: #e7eaf3;
}

.theme-h2c .sc-calculator-result .u-range-slider .irs-line .irs-line-left, .u-range-slider .irs-bar, .u-range-slider-indicator .irs-bar-edge {
    background: #88CB78 !important;
}

.theme-h2c .sc-calculator-result .u-range-slider-step .irs-grid {
    top: unset;
}

.theme-h2c .sc-calculator-result .u-range-slider-step {
    margin-top: 25px;
}

.theme-h2c .sc-calculator-result .u-range-slider-step .irs-slider.single svg {
    display: none;
}

.theme-h2c .sc-calculator-result .u-range-slider .irs-grid > span {
    transform: translateY(0px) !important;
}

.u-range-slider-grid .irs-grid-text {
    display: inline-block;
    min-width: 2.5rem;
    line-height: 1;
    font-size: 12px !important;
    color: #999 !important;
    border-radius: 6.1875rem;
    padding: 0.25rem;
    bottom: 5px;
    font-weight: unset !important;
}

.theme-h2c .sc-calculator-result .u-range-slider:not(.u-range-slider-step) .irs-line .irs-line-left, .theme-h2c .sc-calculator-result .u-range-slider:not(.u-range-slider-step) .irs-bar, .theme-h2c .sc-calculator-result .u-range-slider:not(.u-range-slider-step) .irs-bar-edge{
    background: #88CB78;
}

.theme-h2c .sc-calculator-result .sc-content:before {
    background: #F3FAF1;
}

.theme-h2c .error-msg {
    font-size: 12px;
    margin-top: 5px !important;
    float: right;
    color: red;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    display: none;
}

.theme-h2c .error-msg.active {
    display: block;
}

.theme-h2c .sc-calculator select.select2, .theme-h2c .sc-calculator span.select2-selection__rendered, .theme-h2c .sc-calculator .field input[type=text] {
    height: 50px !important;
}


/*
 * ─── DROPLEAD ───────────────────────────────────────────────────────────────────
 */

.theme-h2c .sc-apply {
    background: url(/SiteCollectionDocuments/personal/loan/HomeLoan/H2C/img/apply/bg-droplead_2880x1200.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

@media screen and (max-width: 991px) {
    
    .theme-h2c .sc-apply {
        background: url(/SiteCollectionDocuments/personal/loan/HomeLoan/H2C/img/apply/bg-droplead_750x1000.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    .theme-h2c #msform fieldset:last-child .row .col-md-6:first-child, .theme-h2c #msform fieldset:last-child .row .col-md-6:last-child {
        text-align: center
    }
}
    
.icw .placeholder {
    color: #A9A9A9 !important;
}

.theme-h2c .sc-apply .select2.disabled, .theme-h2c .sc-apply .select2-selection__rendered.disabled, .theme-h2c .sc-apply .select2-selection__placeholder {
    color: #A9A9A9 !important;
}

.icw .placeholder::placeholder,
.icw .placeholder:-ms-input-placeholder,
.icw .placeholder::-ms-input-placeholder {
    color: #A9A9A9 !important;
}

.theme-h2c .sc-apply .form select {
    font-family: Kanit, notosansthai, Arial, sans-serif !important;
}

input:-internal-autofill-selected {
    -webkit-text-fill-color: #333 !important;
}


/*
 * ─── PROPERTY ───────────────────────────────────────────────────────────────────
 */

.theme-h2c .sc-application-detail{
    background: #FEF6F4;
}

.theme-h2c .sc-application-detail .tab .selector {
    border-color: #2A9774;
}

.theme-h2c .sc-application-detail .tab-content > .row {
    border-top: 2px solid #4A8B77;
}

.theme-h2c .sc-application-detail .h5 {
    color: #333333;
}

.theme-h2c .sc-application-detail ul.tab-responsive li {
    color: #2A9774
}

.ic-garage-arrow-left:before {
    color:#2A9774
}

.theme-h2c .sc-application-detail .tab .control a.active {
    color: #2A9774
}


@media screen and (max-width: 1023px) {
    
    .theme-h2c .sc-application-detail .tab-container {
        background: #FEF6F4;
    }
}

@media screen and (max-width: 991px) {
    
    .theme-h2c .sc-application-detail .tab-content > .row {
        border-top: none;
    }
}

.tab .selector {
    border: 2px solid #2A9774;
}

.bb-remark {
    padding-left: 24px;
}

/*
 * ─── FAQ ────────────────────────────────────────────────────────────────────────
 */

.theme-h2c .sc-faq {
    background: #F3FAF1;
}

.theme-h2c .sc-faq .accordion-title:after, .theme-h2c .sc-faq .accordion-title:hover, .theme-h2c .sc-faq .accordion-title.active, .theme-h2c .sc-faq .tab .control a.active, .theme-h2c .sc-faq .tab-mobile select {
    color: #2A9774;
}

.theme-h2c .sc-faq .accordion-title, .theme-h2c .sc-faq .tab .selector, .theme-h2c .sc-faq .tab-mobile select {
    border-color: #2A9774;
}

.accordion-title {
    border-left : 3px solid #4FC6A0;
}

.theme-h2c .sc-shortcut {
    background: #FFFFFF;
}

.theme-h2c .sc-shortcut .ic {
    background: #2A9774;
}