/* Intro Page */
.div-link {
    position: absolute !important;
    bottom: 20px !important;
    width: 100% !important;
    padding: 10px !important;
    z-index: 999 !important;
    color: #FFF !important;
    text-align: center !important;
}

/*Banner Header*/
.call-03 .slide-container .client{height:50px; border-radius:5px;}
.banner-header-02{width:100%; position:relative; overflow:hidden; padding:4rem 0 0 0;}
.banner-header-02 .subject{
    position:relative; display:block; width:280px; height:auto; margin:0 auto;
    transform:translateY(1rem);
}
.banner-header-02 > .call-container{
    width:100%; padding:3rem 0 2rem 0; background-size:cover; background-position:center;
}
.banner-header-02 .call-text{position:relative; margin:0; font-weight:300;}
.banner-header-02 .call-text.title{font-size:2.125rem;}
.banner-header-02 .call-text.desc{font-family:'TH Sarabun NEW'; font-size:1.625rem;}
.banner-header-02 .call-text.desc.desc-lg{font-family:'TH Sarabun NEW'; font-size:2rem; line-height:1.1;}
.banner-header-02 .slide-container{width:100%; margin:.625rem 0 0 0;}
.banner-header-02 .slide > .wrapper{display:block; padding:0 .375rem;}
.banner-header-02 .slide-container{position:relative;}
.banner-header-02 .slide-container .slick-track{padding:1rem 0;}
.banner-header-02 .slide-container .client{
    display:block; width:100%; height:50px; border-radius:1000em;
    background-size:cover; background-position:center;
}
.banner-header-02 .slide-container .arrows{left:-4rem; right:-4rem; padding:0 1rem;}
.banner-header-02 .slide-container  .arrows > .slick-prev,
.banner-header-02 .slide-container  .arrows > .slick-next{
    width:2.5rem; height:2.25rem; line-height:2.25rem;
}
.banner-header-02 .slide-container  .slide-container:hover .arrows > .slick-prev,
.banner-header-02 .slide-container  .slide-container:hover .arrows > .slick-next{opacity:.8;}
.banner-header-02 .slide-container  .arrows > .slick-prev::before,
.banner-header-02 .slide-container  .arrows > .slick-next::before{font-size:1.5rem;}
.banner-header-02 .input-group{width:100%; max-width:26rem; margin:0 auto 2rem auto;}
.banner-header-02 .input-group > input{
    border-radius:1000em!important; font-size:1rem; text-align:center; z-index:2;
}
.banner-header-02 .input-group > .input-group-append{margin-left:-1rem; z-index:1;}
.banner-header-02 .input-group > .input-group-append > button{
    border-radius:0 1000em 1000em 0!important; padding-left:1.5rem; font-size:1rem;
}
@media screen and (max-width:767.98px){
    .banner-header-02{padding:3rem 0 0 0;}
    .banner-header-02 > .call-container{padding:3rem 0 2.5rem 0;}
}
.banner-header-02 .call-text{
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-image:linear-gradient(to right,#d2bf73,#ddc256,#bb8a42,#f4efe7,
    #cfa74d, #ddc256, #d1ae65);
}
.banner-header-02 .slide-container .client{box-shadow:0px 0px 10px 0px rgba(82,63,105,.75);}
.banner-header-02 .slide-container  .arrows > .slick-prev::before,
.banner-header-02 .slide-container  .arrows > .slick-next::before{color:#000;}

/* Call to Action 02 */
.banner-header-02 > .call-container{background:transparent!important;}
.banner-header-02 .slide-container  .arrows > .slick-prev::before,
.banner-header-02 .slide-container  .arrows > .slick-next::before{color:#000;}

.banner-header-02 > .call-container{background:transparent!important;}
.banner-header-02 .slide-container  .arrows > .slick-prev::before,
.banner-header-02 .slide-container  .arrows > .slick-next::before{color:#000;}

/* Call to Action 03 (with 02) */
.banner-header-03{padding:0;}
.banner-header-03 .top-container{padding:4rem 0 0 0; background-size:cover; background-position:center;}
.banner-header-03 .input-group{margin:1rem auto 0 auto;}
.banner-header-03 .subject{transform:translateY(3rem);}
.banner-header-03 .call-container{padding:5.5rem 0 3rem 0;}
.banner-header-03 .slide > .wrapper{padding:0.375rem;}
.banner-header-03 .slide-container .client{border-radius:5px;}
.banner-header-03 .slide-container p{
    display:block; width:100%; margin:.75rem 0 0 0; text-align:center; font-size:.8125rem !important;
    font-weight:300;
}

.banner-header-03 .call-container{background:#e1e1e1;}
.banner-header-03 .slide-container .client{box-shadow:0px 0px 2px 0px rgba(82,63,105,.75);}
.banner-header-03 .slide-container p{color:#000;}
.banner-header-03 .slide-container .arrows > .slick-prev::before,
.banner-header-03 .slide-container .arrows > .slick-next::before{color:#000;}

/* Call to Action 03 (with 02) */
.banner-header-03{border-top:1px solid #fff;}
.banner-header-03 .top-container{background:transparent!important;}
.banner-header-03 .slide-container p{color:#000;}

/* Contact Popup */
.contact-container .popup-box  {
    display: block;
    position: relative;
    width: 100%;
    max-width: 560px;
    padding: 2rem;
    border-radius: .5rem;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    margin: 0 auto;
    top: 7%;
    margin-bottom: 50px;
    height: 90% !important;
    overflow: scroll !important;
}

.contact-container .fa.fa-times {
    color: #6c109d;
}

.contact-container .icon.bg-color1 {
    border-radius: 7px;
    background: #6c109d;
}

.contact-container .icon.bg-color1 > .fas.fa-mail-bulk {
    color: #fff;
}

.contact-container input[type=text],
.contact-container input[type=email],
.contact-container input[type=password], input[type=date],
.contact-container  input[type=tel],
.contact-container  input[type=number],
.contact-container  input[type=phone],
.contact-container  input[type=submit],
.contact-container select,
.contact-container  textarea {
    background: #e0e0e0;
    width: 100%;
}

/* Popup Homepage */
.popup-photo .dots li.slick-active > button {
    background: #9412a0;
    width: 0.5rem;
    height: 0.5rem;
}

.popup-photo .dots li>.desc {
    display: none !important;
}

.popup-photo .slide>img {
    transition: none !important;
    transform: scale(1) !important;
}

.popup-photo .dots button:before {
    display: none !important;
}

.twitter-tweet.twitter-tweet-rendered {
    margin: 0 auto
}

.post-card .title-container > .title, .post-card .desc {
    height: 4.8rem;
}

/* TopGraphic Homepage */
.banner-01.img-only .slide.slick-active > img {
    /* transition-delay: .75s; */
    transform: scale(1);
}

/*Faq Content*/
.faq-01.faq-01-custom .answer .content {
    overflow: auto;
}

.content-quicklink {
    padding: 1rem 0 !important;
}

.btn-website-intro {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 40px;
}

/*Hidden Credit Visited Couter*/
nav.footer > .footer-bottom .wrapper > .count-area {
    position: relative;
}

.count-area > a:nth-child(1) {
    font-size: 7px;
    color: #1f1e1e;
    position: absolute;
    z-index: -1;
}

@media screen and (max-width: 768px) {
    .intro-01 {
        height: 35vh;
    }
}

@media screen and (max-width: 450px) {
    .intro-01 {
        height: 35vh;
    }

    .btn-website-intro {
        flex-direction: column;
    }
}
@media screen and (max-width: 380px) {
    .intro-01 {
        height: 30vh;
    }

    .btn-website-intro {
        flex-direction: column;
    }
}