:root {
    --primary: #e3b76b;
    --primary-dark: #c78d3b;
}

.preload-container .icon {
    color: var(--primary);
}

.spinner {
    border-top: 3px solid var(--primary);
}

.text-primary {
    color: var(--primary) !important;
}

.tf-btn{
    transition: 0.25s ease-in-out;
}

.tf-btn.primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.tf-btn.primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.tf-btn.btn-line,
.btn-line {
    border-color: var(--primary);
}

.tf-btn.btn-line:hover,
.btn-line:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.box-service:hover .tf-btn {
    background-color: var(--primary);
    border-color: var(--primary);
}

.main-header .main-menu .navigation>li>a::before {
    background: var(--primary);
}

.mobile-button::before,
.mobile-button::after,
.mobile-button span {
    background-color: var(--primary);
}

.animationtext.clip .cd-words-wrapper::after {
    background-color: var(--primary);
}

.main-header .main-menu .navigation>li>ul>.current>a {
    color: var(--primary);
}

.main-header .main-menu .navigation>li>ul>li:hover>a,
.main-header .main-menu .navigation>li>ul>li>a:before {
    color: var(--primary-dark);
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a,
.mobile-menu .navigation li.current li.current>a {
    color: var(--primary);
}

.flat-tab-form .nav-tab-form.style-1 .nav-link-item.active,
.flat-tab-form .nav-tab-form.style-1 .nav-link-item:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.flat-tab-form .nav-tab-form.style-1 .nav-link-item::after {
    border-top-color: var(--primary);
}

.btn-view .icon {
    color: var(--primary);
}

.progress-wrap::after {
    color: var(--primary);
}

.progress-wrap svg path {
    stroke: var(--primary);
}

.sw-pagination .swiper-pagination-bullet-active {
    background-color: var(--primary) !important;
}

.sw-pagination .swiper-pagination-bullet::before {
    border-color: var(--primary);
}

.box-agent .box-img .agent-social li:hover .icon {
    color: var(--primary-dark);
}

.nav-tab-recommended .nav-link-item.active,
.nav-tab-recommended .nav-link-item:hover {
    background-color: var(--primary);
}

.flag-tag.primary {
    background-color: var(--primary);
}

.flat-blog-item .date-post {
    background-color: var(--primary-dark);
}

.link:hover {
    color: var(--primary-dark) !important;
}

.navigation-menu-footer li a:hover {
    color: var(--primary) !important;
}

.navigation-menu-footer li a::after {
    background-color: var(--primary);
}

.box-icon.social:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

.box-shadow {
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725) !important;
}

.contact-info .box .box-social .item:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

.wd-navigation .nav-item:hover,
.wd-navigation .nav-item.active {
    background-color: var(--primary) !important;
}

.sidebar-blog .categories ul .categories-item span:first-child:hover {
    color: var(--primary) !important;
}

.box-agent:hover .content .icon {
    background-color: var(--primary);
}

.flat-title-page {
    margin: 0 !important;
    border-radius: 0px !important;
}

ul,
ol {
    margin-left: 20px;
}

ul,
li {
    list-style: inherit !important;
}

ul.meta-blog,
ul.meta-list,
ul.info-box,
ul.box-whychoose,
.box-latest-property>ul,
ul.list {
    margin-left: 0 !important;
}

li.item {
    list-style: none !important;
}

.sidebar-blog ul li {
    list-style: none !important;
}

.sidebar-blog ul {
    margin-left: 0 !important;
}

.navbar-collapse ul {
    margin-left: 0 !important;
}


.contact-info ul li {
    list-style: none !important;
}

.contact-info ul {
    margin-left: 0 !important;
}

@media (max-width: 500px) {
    .swiper-slide .box-img {
        height: 500px !important;
    }

    .flat-slider .overlay {
        height: 500px !important;
    }
}

.contact-info,
.homelengo-box,
.box-location-v3,
.flat-blog-item,
.box-agent,
.sidebar-blog .widget-box {
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725) !important;
}

.tf-btn:hover {
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15) !important;
}

/* Post cards share the look of the side cards (Kategori, Berita Terbaru). */
.homelengo-box {
    background-color: #fff;
}

/* One card language on the home and team pages: white card, thin border, 16px corners, full-bleed image, padded text. */
.flat-blog-item,
.box-agent {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}

.flat-blog-item {
    margin-bottom: 0;
}

.flat-blog-item .img-style,
.box-agent .box-img {
    border-radius: 0;
}

.flat-blog-item .content-box {
    margin-top: 0;
    padding: 20px;
}

.box-agent {
    gap: 0;
}

.box-agent .content {
    padding: 20px;
}

/* Swiper clips overflow, which cut the card shadows: give the carousel room and cancel it with a negative margin. */
.tf-sw-mobile,
.tf-sw-mobile-1,
.tf-sw-latest {
    padding: 12px 16px 36px;
    margin: -12px -16px -36px;
}

/* Swiper slides stretch so cards in one carousel share a height. */
.tf-sw-latest .swiper-slide,
.tf-sw-mobile-1 .swiper-slide {
    height: auto;
}

/* Equal-height cards in a grid row: same image ratio, body stretches, meta sticks to the bottom. */
.row > [class*="col-"]:has(> .homelengo-box) {
    margin-bottom: 30px;
}

.row > [class*="col-"] > .homelengo-box {
    margin-bottom: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.homelengo-box .archive-top .images-style img {
    width: 100%;
    height: auto;
    aspect-ratio: 126 / 71;
    object-fit: cover;
}

.homelengo-box .archive-bottom {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

textarea.form-control {
    border-radius: 16px !important;
}

.main-header .main-menu .navigation > li:hover > ul > li{
    list-style: none;
}

.main-header .main-menu .navigation > li:hover > ul > li{
    list-style: none !important;
}
ul.navigation-menu-footer, 
.footer-cl-3 ul,
ul.list-social{
    margin-left: 0;
}

ul.breadcrumb li { 
    list-style: none !important;
}

ul.box-faq li { 
    list-style: none !important;
}

ul.box-faq { 
    margin-left: 0 !important;
}
/* Brosur accordion: white items so an open item's shadow no longer shows through the next one,
   the same soft shadow as the other cards, and room around the list so it is not clipped at the sides. */
.box-faq {
    padding: 0 16px 24px;
    margin: 0 -16px;
}

.box-faq .faq-item {
    background-color: #fff;
}

.box-faq .faq-item.active {
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725);
}