.infusic-index-2-palette {
    --tl-color-common-white: #f4ece5;
    --tl-color-common-black: #603526;
    --tl-color-heading-primary: #603526;
    --tl-color-text-body: #603526;
    --tl-color-theme-primary: #dda783;
    --tl-color-bg-1: #603526;
    --tl-color-grey-1: #71818a;
    --tl-color-grey-2: #7e8a72;
    --tl-color-border-1: rgba(96, 53, 38, 0.16);
    /*--infusic-brown: #603526;*/
    --infusic-brown: #532a1c;
    --infusic-cream: #f4ece5;
    --infusic-peach: #dda783;
    --infusic-sage: #7e8a72;
    --infusic-gold: #b08a55;
    --infusic-blue: #71818a;
    --infusic-brown-rgb: 96, 53, 38;
    --infusic-cream-rgb: 244, 236, 229;
    background:
        radial-gradient(circle at 12% 18%, rgba(221, 167, 131, 0.18), transparent 28%),
        radial-gradient(circle at 82% 8%, rgba(126, 138, 114, 0.13), transparent 26%),
        linear-gradient(180deg, #f4ece5 0%, #f1e5dc 52%, #f4ece5 100%);
    color: var(--infusic-brown);
}

.infusic-index-2-palette ::selection {
    background: var(--infusic-brown);
    color: var(--infusic-cream);
}

.infusic-index-2-palette .site-name,
.infusic-index-2-palette .preloader-gutters .inner-bar {
    background-color: var(--infusic-brown);
}

.infusic-index-2-palette .preloader span {
    color: var(--infusic-peach);
}

.infusic-index-2-palette .primary-header {
    background: rgba(96, 53, 38, 0.94);
    border-bottom: 1px solid rgba(244, 236, 229, 0.14);
    box-shadow: 0 18px 50px rgba(var(--infusic-brown-rgb), 0.08);
    backdrop-filter: blur(18px);
}

.infusic-index-2-palette .sticky-active.fixed .primary-header,
.infusic-index-2-palette .sticky-active.sticky .primary-header {
    background: rgba(96, 53, 38, 0.94);
}

.infusic-index-2-palette .sticky-active.fixed .header-menu-wrap ul li a,
.infusic-index-2-palette .sticky-active.sticky .header-menu-wrap ul li a,
.infusic-index-2-palette .sticky-active.fixed .header-contact,
.infusic-index-2-palette .sticky-active.sticky .header-contact {
    color: var(--infusic-cream);
}

.infusic-index-2-palette .header-menu-wrap ul li a,
.infusic-index-2-palette .header-contact {
    color: var(--infusic-cream);
}

.infusic-index-2-palette .header-menu-wrap ul li ul li a,
.infusic-index-2-palette .side-menu-content,
.infusic-index-2-palette .mobile-side-menu,
.infusic-index-2-palette .side-menu-content .side-menu-header .side-menu-close {
    color: var(--infusic-brown);
}

.infusic-index-2-palette .sticky-active.fixed .header-menu-wrap ul li ul li a,
.infusic-index-2-palette .sticky-active.sticky .header-menu-wrap ul li ul li a {
    color: var(--infusic-brown);
}

.infusic-index-2-palette .header-menu-wrap ul li a:hover,
.infusic-index-2-palette .header-menu-wrap ul li.active > a,
.infusic-index-2-palette .header-contact:hover {
    color: var(--infusic-peach);
}

.infusic-index-2-palette .header-menu-wrap ul li ul,
.infusic-index-2-palette .side-menu-content,
.infusic-index-2-palette .mobile-side-menu {
    background: var(--infusic-cream);
    border-color: rgba(var(--infusic-brown-rgb), 0.14);
    box-shadow: 0 22px 70px rgba(var(--infusic-brown-rgb), 0.16);
}

.infusic-index-2-palette .header-btn {
    background: var(--infusic-peach);
    color: var(--infusic-brown);
    border-color: var(--infusic-peach);
}

.infusic-index-2-palette .header-btn:hover {
    background: var(--infusic-cream);
    color: var(--infusic-brown);
    border-color: var(--infusic-cream);
}

.infusic-index-2-palette .tl-primary-btn,
.infusic-index-2-palette .slider-btn a {
    background: var(--infusic-brown);
    color: var(--infusic-cream);
    border-color: var(--infusic-brown);
}

.infusic-index-2-palette .tl-primary-btn:hover,
.infusic-index-2-palette .slider-btn a:hover {
    background: var(--infusic-peach);
    color: var(--infusic-brown);
    border-color: var(--infusic-peach);
}

.infusic-index-2-palette .infusic-hover-sweep,
.infusic-hover-sweep {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    z-index: 1;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

.infusic-index-2-palette .infusic-hover-sweep::before,
.infusic-hover-sweep::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--infusic-peach, var(--tl-color-theme-primary));
    transform: scale(0, 1);
    transform-origin: right center;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none;
    z-index: -1;
}

.infusic-index-2-palette .infusic-hover-sweep:hover,
.infusic-hover-sweep:hover {
    color: var(--infusic-brown);
    border-color: var(--infusic-peach, var(--tl-color-theme-primary));
}

.infusic-index-2-palette .infusic-hover-sweep:hover::before,
.infusic-hover-sweep:hover::before {
    transform: scale(1, 1);
    transform-origin: left center;
}

.infusic-index-2-palette .tl-primary-btn .icon {
    background: rgba(var(--infusic-cream-rgb), 0.18);
    color: var(--infusic-cream);
}

.infusic-index-2-palette .tl-primary-btn:hover .icon {
    background: var(--infusic-brown);
    color: var(--infusic-cream);
}

.infusic-index-2-palette .slider-section,
.infusic-index-2-palette .slider-item {
    background: var(--infusic-brown);
}

.infusic-index-2-palette .slider-section {
    height: 900px;
}

.infusic-index-2-palette .antra-slider.slider-2,
.infusic-index-2-palette .antra-slider.slider-2 .swiper-wrapper,
.infusic-index-2-palette .antra-slider.slider-2 .swiper-slide,
.infusic-index-2-palette .antra-slider.slider-2 .slider-item {
    height: 100%;
}

.infusic-index-2-palette .antra-slider.slider-2 {
    overflow: hidden;
}

.infusic-index-2-palette .antra-slider.slider-2 .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.infusic-index-2-palette .antra-slider.slider-2 .swiper-slide {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
}

.infusic-index-2-palette .antra-slider.slider-2 .slider-item {
    width: 100%;
    overflow: hidden;
}

.infusic-index-2-palette .antra-slider.slider-2 .slider-item .bg-img {
    height: 100%;
    min-height: 100%;
}

.infusic-index-2-palette .antra-slider.slider-2 .slider-content-wrap {
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
}

.infusic-index-2-palette .slider-item .bg-img {
    filter: sepia(0.34) saturate(0.72) hue-rotate(330deg);
    overflow: hidden;
}

.infusic-index-2-palette .slider-item .bg-img:before {
    background:
        radial-gradient(circle at 28% 20%, rgba(221, 167, 131, 0.24), transparent 33%),
        linear-gradient(90deg, rgba(96, 53, 38, 0.9), rgba(96, 53, 38, 0.62) 48%, rgba(96, 53, 38, 0.76));
    opacity: 0.86;
    z-index: 0;
}

.infusic-index-2-palette .slider-item:before {
    background:
        radial-gradient(circle at 28% 20%, rgba(221, 167, 131, 0.24), transparent 33%),
        linear-gradient(90deg, rgba(96, 53, 38, 0.9), rgba(96, 53, 38, 0.62) 48%, rgba(96, 53, 38, 0.76));
    opacity: 1;
}

.infusic-index-2-palette .slider-text span {
    color: rgba(244, 236, 229, 0.12);
    -webkit-text-stroke-color: rgba(244, 236, 229, 0.18);
}

.infusic-index-2-palette .section-heading.white-content .sub-heading {
    border-color: rgba(var(--infusic-cream-rgb), 0.36);
    color: var(--infusic-cream);
}

.infusic-index-2-palette .section-heading.white-content .section-title,
.infusic-index-2-palette .white-content h1,
.infusic-index-2-palette .white-content h2,
.infusic-index-2-palette .white-content h3,
.infusic-index-2-palette .white-content h4,
.infusic-index-2-palette .white-content h5,
.infusic-index-2-palette .white-content h6,
.infusic-index-2-palette .white-content p,
.infusic-index-2-palette .white-content li,
.infusic-index-2-palette .white-content span {
    color: var(--infusic-cream);
}

.infusic-index-2-palette .section-heading.white-content .section-title span,
.infusic-index-2-palette .section-heading .section-title span,
.infusic-index-2-palette .counter-item .title,
.infusic-index-2-palette .counter-content .title {
    color: var(--infusic-peach);
}

.infusic-index-2-palette .slider-navigation .swiper-nav {
    background: rgba(var(--infusic-cream-rgb), 0.12);
    color: var(--infusic-cream);
    border-color: rgba(var(--infusic-cream-rgb), 0.34);
}

.infusic-index-2-palette .slider-navigation .swiper-nav:hover {
    background: var(--infusic-peach);
    color: var(--infusic-brown);
    border-color: var(--infusic-peach);
}

.infusic-index-2-palette .bottom-content .antra-desc,
.infusic-index-2-palette .antra-desc {
    background: rgba(96, 53, 38, 0.72);
    border: 1px solid rgba(244, 236, 229, 0.22);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2);
}

.infusic-index-2-palette .antra-desc p {
    color: rgba(244, 236, 229, 0.86);
}

.infusic-index-2-palette .tl-bg-color,
.infusic-index-2-palette .bg-white {
    background: var(--infusic-cream) !important;
}

.infusic-index-2-palette .bg-grey,
.infusic-index-2-palette .service-section-2 {
    background:
        linear-gradient(135deg, rgba(126, 138, 114, 0.14), rgba(221, 167, 131, 0.2)),
        #f4ece5 !important;
}

.infusic-index-2-palette .about-section-2 {
    background:
        radial-gradient(circle at 90% 18%, rgba(113, 129, 138, 0.16), transparent 28%),
        var(--infusic-cream) !important;
}

.infusic-index-2-palette .about-desc,
.infusic-index-2-palette .service-item-2,
.infusic-index-2-palette .team-item-2,
.infusic-index-2-palette .post-card,
.infusic-index-2-palette .post-card-2,
.infusic-index-2-palette .counter-item {
    background: rgba(244, 236, 229, 0.82);
    border-color: rgba(var(--infusic-brown-rgb), 0.14);
    box-shadow: 0 22px 58px rgba(var(--infusic-brown-rgb), 0.08);
}

.infusic-index-2-palette .service-item-2 .service-content,
.infusic-index-2-palette .team-content,
.infusic-index-2-palette .post-content {
    background: var(--infusic-cream);
}

.infusic-index-2-palette .service-item-2:hover,
.infusic-index-2-palette .team-item-2:hover,
.infusic-index-2-palette .post-card:hover,
.infusic-index-2-palette .post-card-2:hover {
    border-color: rgba(221, 167, 131, 0.62);
    box-shadow: 0 26px 70px rgba(var(--infusic-brown-rgb), 0.14);
}

.infusic-index-2-palette .section-heading .sub-heading {
    background: rgba(221, 167, 131, 0.16);
    border-color: rgba(176, 138, 85, 0.35);
    color: var(--infusic-brown);
}

.infusic-index-2-palette .section-heading .sub-heading:before,
.infusic-index-2-palette .service-item-2 .service-content:before,
.infusic-index-2-palette .team-social li a:hover {
    background-color: var(--infusic-peach);
}

.infusic-index-2-palette .post-card-wrap .post-card:not(:last-of-type) {
    border-bottom-color: rgba(96, 53, 38, 0.16);
}

.infusic-index-2-palette .service-content .title a,
.infusic-index-2-palette .team-content .title a,
.infusic-index-2-palette .post-content .title a,
.infusic-index-2-palette .counter-item .sub-title,
.infusic-index-2-palette p {
    color: var(--infusic-brown);
}

.infusic-index-2-palette .service-content p,
.infusic-index-2-palette .post-content p,
.infusic-index-2-palette .about-desc p {
    color: rgba(var(--infusic-brown-rgb), 0.76);
}

.infusic-index-2-palette .service-thumb img,
.infusic-index-2-palette .about-img-1 img,
.infusic-index-2-palette .counter-top-img img,
.infusic-index-2-palette .team-thumb img,
.infusic-index-2-palette .post-thumb img {
    filter: sepia(0.18) saturate(0.82) hue-rotate(330deg);
}

.infusic-index-2-palette .team-social li a {
    background: rgba(221, 167, 131, 0.18);
    color: var(--infusic-brown);
    border-color: rgba(96, 53, 38, 0.14);
}

.infusic-index-2-palette .team-social li a:hover {
    color: var(--infusic-cream);
}

.infusic-index-2-palette .blog-section {
    background:
        radial-gradient(circle at 82% 22%, rgba(176, 138, 85, 0.16), transparent 28%),
        #f4ece5 !important;
}

.infusic-index-2-palette .footer-section {
    background: var(--infusic-brown);
}

.infusic-index-2-palette .footer-section .footer-bg {
    filter: sepia(0.42) saturate(0.66) hue-rotate(330deg);
}

.infusic-index-2-palette .footer-section .footer-bg:before {
    background:
        radial-gradient(circle at 72% 16%, rgba(221, 167, 131, 0.18), transparent 28%),
        var(--infusic-brown);
    opacity: 0.9;
}

.infusic-index-2-palette .footer-section .footer-shade {
    background: rgba(96, 53, 38, 0.76);
    border-color: rgba(244, 236, 229, 0.12);
}

.infusic-index-2-palette .footer-widget p,
.infusic-index-2-palette .footer-widget .footer-list li a,
.infusic-index-2-palette .footer-widget .footer-address .number,
.infusic-index-2-palette .footer-widget .footer-address .mail,
.infusic-index-2-palette .footer-widget .social-list li a,
.infusic-index-2-palette .copyright-content p {
    color: var(--infusic-cream);
}

.infusic-index-2-palette .footer-widget .footer-list li a:hover,
.infusic-index-2-palette .footer-widget .footer-address .number:hover,
.infusic-index-2-palette .footer-widget .footer-address .mail:hover,
.infusic-index-2-palette .footer-widget .social-list li a:hover,
.infusic-index-2-palette .copyright-content p span {
    color: var(--infusic-peach);
}

.infusic-index-2-palette .footer-text span {
    background: linear-gradient(179.69deg, rgba(244, 236, 229, 0.36) 0.27%, rgba(221, 167, 131, 0) 90.85%);
    -webkit-background-clip: text;
    background-clip: text;
}

.infusic-index-2-palette #scroll-percentage {
    background: var(--infusic-brown);
    color: var(--infusic-cream);
    border-color: rgba(221, 167, 131, 0.5);
}

.infusic-index-2-palette .mt-cursor {
    --tl-cursor-bg: var(--infusic-peach);
}

@media only screen and (max-width: 767px) {
    .infusic-index-2-palette .slider-section {
        height: 680px;
    }

    .infusic-index-2-palette .antra-slider.slider-2 .slider-content-wrap {
        padding-top: 120px;
        padding-bottom: 50px;
    }

    .infusic-index-2-palette .primary-header {
        background: rgba(96, 53, 38, 0.96);
    }

    .infusic-index-2-palette .slider-item:before {
        background: linear-gradient(180deg, rgba(96, 53, 38, 0.88), rgba(96, 53, 38, 0.7));
    }

    .infusic-index-2-palette .mean-container .mean-nav,
    .infusic-index-2-palette .mean-container .mean-bar {
        background: var(--infusic-cream);
    }

    .infusic-index-2-palette .mean-container a.meanmenu-reveal {
        color: var(--infusic-brown);
    }

    .infusic-index-2-palette .mean-container a.meanmenu-reveal span {
        background: var(--infusic-brown);
    }
}
