.btn-purple,
.view-offer .section1 .row-purple,
.view-offer .section2 .tab-col-nav .nav,
.view-story .section1 .section-media:before,
.section-title.line:after,
.view-media .section-title:before,
.btn-outline-gold,
.view-contact .section-contact,
.view-faq .section-body,
.view-faq .nav-faq .nav-link {
    background-color: #153a3a;
    border-color: #153a3a;
}
.list-unstyled {
	font-family: Lora, sans-serif;
    line-height: 1.8;
    font-size: 1rem;	
}
.header-left .social {
    margin-left: 25px;
}
.swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #153a3a;
    box-shadow: 0 0 0 0.125rem #153a3a;
}

.swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: rgb(47 24 1 / 46%);
}

.btn-back-to-top {
  position: fixed;
  bottom: 60px;
  right: 20px;
  z-index: 999;
  background-color: #153a3a;
  color: #48b5b5;
  font-size: 1rem;
  border: none;
  padding: 0.7rem 1rem;
  cursor: pointer;
  transition: opacity 0.4s ease-out; /* Hiệu ứng mờ dần */
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;  
}
.font-1rem1 {
	font-size: 1.1rem;
}
.btn-back-to-top:hover {
  background-color: #3e9c9c;
  color: 153a3a;
}

.btn-purple,
.btn-outline-gold {
    color: #fff;
}

.view-offer .section1 .row-white {
    padding-bottom: 0rem;
    margin-bottom: -6rem;
}


.section-intro,
#app footer,
#app .nav-main-menu,
.view-hotel .section-map .dropdown-menu,
.view-hotel .section1 .section:nth-child(2n),
.loader,
.view-story .section1,
.view-story .section3 .section-box,
.view-story .section4,
.view-cuisine .section-body,
.bg-purple,
.section-image .section-caption,
.view-experience .section1 .card-experience,
.view-experience .section2,
.card-article.card-article-horizontal .card-body,
.view-home .popup-video .popup-content .popup-close:hover,
.view-home .popup-video .popup-content .popup-close,
.view-story .section1 .section-bottom {
    background: #153a3a !important;
}
#app header.fixed,#app header.header-fixed {
	background-color: rgba(21, 58, 58,0.9);
}
.view-home .section1 .blockquote,
.view-hotel .section1 .section:nth-child(odd),
.nav-dots .nav-link.active,
.nav-dots .nav-link:focus,
.nav-dots .nav-link:hover,
.form-booking,
.form-contact,
.form-booking .form-label,
.form-contact .form-label {
    color: #153a3a;
}

.nav-dots,
.view-experience .section2 .event-item h5,
.view-experience .section .paragraph {
    color: #179696;
}

.view-offer .section2 .tab-col-main .tab-pane-body,
.view-offer .section2 .tab-col-nav .nav-link:hover,
#app .nav-main-menu .sidebar::-webkit-scrollbar-thumb {
    background-color: #179696;
}
.view-hotel .section2 {
	background: #ffffff !important;
    color: #153a3a;
}

.form-booking .form-control,
.form-contact .form-control,
.view-home .popup-video .popup-content {
    border-color: #153a3a;
    color: #153a3a;
}

#app .nav-main-menu.active {
    box-shadow: 0 3px 10px #103b3b;
}

.section-intro {
    background: #fff !important;
    color: #153a3a;
}
.section-intro .title,
.section-intro .lead,
.view-home .section3 .blockquote,
.text-purple,
.view-home .section5 .blockquote {
    color: #153a3a !important;
}
.view-story .section1,
.nav-dots .nav-link.active,
.view-experience .section .paragraph,
.view-experience .section1 .card-experience ul.list a,
.view-experience .section2 .section-title,
.view-experience .section2 .event-item h5 {
    color: #fff !important;
}
.tab-scroll-inner .nav-dots .nav-link.active,
.view-media .swiper-slide h3 a,
.view-media .nav-dots .nav-link.active {
    color: #153a3a !important;
}

.view-media .section-title {
    margin-bottom: 3rem;
}

.section-parallax .btn-lg.rounded-pill {
    background: #153a3a !important;
    color: #fff;
    border-color: none !important;
}

.view-hotel .tab-scroll-inner .nav-dots .nav-link.active {
    color: #fff !important;
}
.view-hotel
    .section1
    .section:nth-child(2n + 1)
    .tab-scroll-inner
    .nav-dots
    .nav-link.active {
    color: #153a3a !important;
}
.view-hotel .section1 .section:nth-child(2n) .btn-lg.rounded-pill {
    background-color: #fff !important;
    color: #153a3a;
}
.view-hotel .section1 .section:nth-child(2n) .btn-lg.rounded-pill:hover,
.view-offer .btn-lg.rounded-pill:hover,
.view-offer .section2 .btn-lg.rounded-pill:hover {
    background-color: #0be3e3 !important;
    color: #153a3a;
}
.view-offer .btn-lg.rounded-pill {
    background-color: #fff !important;
    color: #153a3a;
}
.underline:active,
.underline:hover,
.card-article .card-title a:active,
.card-article .card-title a:hover,
.card-article .card-title a,
.card-article .card-meta,
.view-offer .section1 .row-white {
    color: #153a3a;
}
.view-offer .section2 .btn-lg.rounded-pill,
.view-category .card-article .card-body {
    background-color: #153a3a !important;
    color: #fff;
}

.view-cuisine .btn-outline-gold {
    background-color: #fff !important;
    color: #153a3a;
}
.section-banner .btn-purple {
    border-color: #fff;
}
.view-news .swiper .swiper-button-next,
.view-news .swiper .swiper-button-prev {
    margin-top: -25px;
}

.view-experience .section1 .exp4 .exp-img img,
.view-experience .section1 .exp2 .exp-img img{
    width: 100%;
}

.popup .popup-content{
    background-color: #153a3a;
}

.popup .popup-content .form-check span{
    color: #fff;
}

.popup .popup-content .paragraph{
    margin-top: 15px;
}

.popup .popup-content{
    margin: 0px 20px;
}

.popup .popup-content .popup-close{
    background: #153a3a;
    color: #fff;
}
.view-media .section{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.section-banner div .title img[src="https://cdn.kingleresort.vn/9e53166d9212dd97308df1157c1478d6-logo-text.png"]{
    display: none;
}
.section-banner .bg{
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(/images/masknew.png);
    -webkit-mask-image: url(/images/masknew.png);
    overflow: hidden;
}
.footer-search{
    display: none;
}

.form-booking{
    background: #fff;
}

#uhchatmobile,#uhchat,#uhchatbox,#uhchatboz,div#uhchatmobile{
    left :-6000px !important;
    position: fixed !important;
    width:1px !important;
    height:1px !important;
    bottom:-10000px!important;
}
.view-experience .section-title.line{
	color: #fff;
}
.view-experience .popup-exp .popup-content .paragraph{
	color: #fff;
}
#app .nav-main-menu .sidebar .nav-banner img{
	display: none;
}

.footer-copyright .col-md-auto li{
    list-style: none;
    position: absolute;
    top:0px;
    left: -10px;
}
.footer-copyright .col-md-auto li a{
    color: #15d1d1 !important;
    font-size: 20px;
}

/*.footer-main .fa-map-marker-alt:before{
    content: "Zalo";
}*/

.footer-main .social li:nth-child(5){
	display: none;
}

.footer-copyright .fa-map-marker-alt{
    cursor: pointer;
}

.view-sustainability .section2 .featured-title{
    color: #153a3a;
}

@media (min-width: 1200px) {
    .sidebar .col-md-6 {
        flex: 0 0 40%;
    }
    #app footer .footer-logo{
        width: 7.875rem;
    }
    .view-home .section-banner .center{
        height: 85vh;
    }
    .view-home .section-banner .scroll{
        position: absolute;
		bottom: 1rem;
    }
    .footer-copyright em{
	    top: 25px;
	    right: 94%;
	    font-size: 18px;
    }
}

@media (min-width: 768px) {
    #app .nav-main-menu .dropdown-menu{
        background-color: #153a3a;
    }
    #app .nav-main-menu .sidebar .dropdown-menu .nav-link{
        color: #fff;
    }
    #app header .header-logo img{
        width: 4rem;
    }

}

@media (max-width: 767px) {
    .view-offer .section1 {
        background-color: #153a3a;
        border-color: #153a3a;
    }
    .view-cuisine .section {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .view-offer .section1 .row-white {
        color: #fff;
    }
    .view-offer .section1 .btn-lg.rounded-pill {
        margin-top: 3rem;
    }
    .swiper .swiper-button-next,
    .swiper .swiper-button-prev {
        margin-top: -240px;
    }
    .view-offer .section2 .mt-5 {
        padding-bottom: 2rem;
    }
    .view-offer .section2 .tab-col-nav .nav {
        background-color: #fff !important;
        color: #153a3a;
    }
    .view-offer .section2 .tab-col-nav .nav-link:hover {
        padding-left: 10px;
        padding-right: 10px;
        background-color: #153a3a;
        color: #fff;
    }
    .view-offer .section2 .tab-col-nav .nav-link {
        color: rgb(47 24 1 / 47%);
    }
    .view-offer .section {
        padding-bottom: 2rem;
    }
    .view-offer .section2 .tab-pane-body {
        background-color: #fff !important;
    }
    #app footer .footer-logo,
    #app header .header-logo img{
        max-width: 3.5rem;
    }
    .view-home .section-banner .scroll{
        position: absolute;
		bottom: 1rem;
    }
    .view-home .section-banner .center{
        height: 90vh;
    }
}