:root {
	--mainPurple: #782d7f;
	--mainYellow: #ffc70a;
}

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

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

.mainPurple {
	background: var(--mainPurple)!important;
}

.mainYellow {
	background: var(--mainYellow)!important;
}

.buy-now-button {
    background: var(--mainYellow);
    font-size: 13px;
    color: var(--mainPurple);
    border-radius: 5px;
    font-weight: bold;
    padding: 0px 15px;
}

.header-box {
    border-radius: 30px 30px 0 0;
}

.is-stuck .header-box {
    border-radius: 0;
}

.logo-default {
    max-height: 70px;
}

.main-nav {
    margin: 0;
}

.main-nav li a {
    color: var(--mainPurple);
}

.link-badge {
    margin-left: 5px;
    background: var(--mainPurple);
    color: var(--mainYellow);
}

.main-header.is-stuck .module-logo {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.main-banner {
    background: rgb(255,199,10);
    background: linear-gradient(180deg, rgba(255,199,10,1) 0%, rgba(120,45,127,1) 100%);
}

.lqd-pf-img {
    box-shadow: none!important;
}

.our-menu h2 {
    color: var(--mainYellow);
}

.lqd-pf-item .lqd-pf-details .lqd-pf-title, .lqd-pf-item .lqd-pf-details a {
    color: #fff;
}

.carousel-nav svg{
    fill: var(--mainYellow);
}


/*  Companies  */
.companies {
    background: var(--mainPurple);
}

.companies .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape,
.companies .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
	transform: translateX(-50%) rotate(180deg);
}

.companies .module-shape-2 {
	min-height: 350px;
}

.companies .btn-md:hover,
.companies .btn-md:focus {
	color: #171625;
	background-color: var(--lqd-color-purple-300);
	box-shadow: 0 15px 55px 0 rgba(190, 184, 255, 0.22);
}

.companies .btn-lg {
	--icon-ms: 8px;
}

.companies .btn-lg:hover,
.companies .btn-lg:focus {
	color: #17212B;
	background-color: var(--lqd-color-blue-400);
	box-shadow: 0 15px 55px 0 rgba(190, 184, 255, 0.22);
}

.companies .lqd-iconbox-scale:hover {
	transform: scale(1.1);
}

.companies .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg {
	opacity: 1;
	transform: translateX(.5em);
}

.companies .module-shape-3 .lqd-imggrp-single[data-float] {
	--float-animate-from: -10%;
	--float-animate-to: 0;
	--float-animation-ease: ease-out;
}

.companies .lqd-imggrp-single:hover {
	opacity: 1;
}

.companies .module-img-2 {
	right: -130px;
}

.companies .module-parallax {
	left: -43px;
}

.companies .module-shape-3 {
	right: -1%;
}

@media(max-width: 1199px) {
	.companies {
		padding: 100px 20px 150px 20px;
	}

	.companies .module-col {
		padding: 30px;
	}

	.companies .module-title h2 {
		font-size: 58px;
	}
}

@media(max-width: 767px) {
	.companies {
		padding: 50px 20px 90px;
	}

	.companies .module-shape-1 .lqd-custom-shape {
		height: 80px;
	}

	.companies .module-shape-2 .lqd-custom-shape {
		height: 200px;
	}

	.companies .btn-lg {
		font-size: 13px;
	}
}
.new-product {
    align-items: center;
}

.new-product h4 {
    color: var(--mainYellow)
}

.new-product p {
    color: #fff;
}

.new-product a {
    color: #fff!important;
    font-weight: bold;
    display: block;
    margin-top: 40px;
}

.new-product figure a{
    margin-top: 0
}

.new-product-container {
    padding-left: 20px;
}

.d-box {
    background: #fff;
    border-radius: 100px;
    margin: 0 auto;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .3);
}

.d-box .border-white-10 {
    border-color: #782d7f;
}

.lqd-filter-counter {
    display: none
}

.filter-list-inline li+li {
    margin: 0 15px 10px 15px;
    margin-inline-start: 0;
    margin-inline-start: 15px;
    border-bottom: 2px solid #fff;
    transition: 0.3s;
    color: #8d8d8d;
}

.case-studies .filter-list-inline li.active, .case-studies .filter-list-inline li.hover, .case-studies .lqd-filter-dropdown .ui-button:active, .case-studies .lqd-filter-dropdown .ui-button:focus, .case-studies .liquid-filter-items .btn:hover, .case-studies .liquid-filter-items .btn:focus {
    color: var(--mainPurple);
    border-bottom: 2px solid;
    transition: 0.3s;
}

.outlets h3{
    color: var(--mainPurple)!important;
}

.outlets a {
    color: #000 !important;
    line-height: 17px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1 !important;
}

.portfolio-single img {
    height: 200px;
    object-fit: cover;
    width: 100%;
    object-position: center;
}

.lqd-pf-item-style-6 .lqd-pf-item-inner:before {
    color: rgb(255 199 11);
}

.button-row {
    text-align: center;
}

.button-row button{
    width: 130px;
    border: none;
    font-size: 13px;
    border-radius: 5px;
    font-family: inherit;
    background: var(--mainYellow);
    padding: 5px 0;
    margin-top: 20px;
}

.social-media svg{
    width: 30px;
    height: 30px;
}

.text-slate-200 {
    color: var(--mainYellow)!important;
}

.logo-white {
    width: 200px;
}

.footer-info {
    padding-top: 30px;
    border-top: 1px solid #ffffff30;
}

/*  Contact Us  */
.contact-us .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
	transform: translateX(-50%) rotate(180deg);
}

.contact-us .lqd-contact-form {
	--inputs-margin: 0 0 16px 0;
	--input-margin-bottom: 16px;
}

.contact-us .wpcf7 .screen-reader-response {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	word-wrap: normal;
}

.contact-us .lqd-contact-form input[type=submit] {
	background: var(--mainYellow);
    color: var(--mainPurple);
    border: none;
    transition: 0.3s;
}

.contact-us .lqd-contact-form input[type=submit]:hover {
    filter: brightness(1.2);
    transition: 0.3s;
}

.contact-us .ui-menu-item {
	color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 1199px) {
	.contact-us {
		padding-right: 20px;
		padding-left: 20px;
	}

	.contact-us .module-shape-1 .lqd-custom-shape {
		height: 80px;
	}

	.contact-us .module-shape-2 .lqd-custom-shape {
		height: 200px;
	}

	.contact-us .module-first {
		padding-right: 30px;
	}
}
.dl-badge {
    background: var(--mainPurple);
    color: var(--mainYellow);
    padding: 5px 20px;
    border-radius: 30px;
    margin-bottom: 15px;
}

.ready-paste h4{
    font-size: 32px;
    color: var(--mainPurple);
}

.ready-paste p {
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.btn-buy {
    background: var(--mainPurple);
    color: #fff;
    padding: 5px 20px;
    margin-top: 20px;
}

[data-mobile-header-scheme=light] .lqd-mobile-sec .navbar-header {
    background: var(--mainYellow);
}

[data-mobile-nav-scheme=gray] .lqd-mobile-sec .navbar-collapse {
    background-color: var(--mainYellow);
    color: var(--mainPurple);
}

.nav-trigger.collapsed .bars {
    color: var(--mainPurple);
}

[data-mobile-nav-scheme=gray] .lqd-mobile-sec .header-module .social-icon>li>a, [data-mobile-nav-scheme=gray] .lqd-mobile-sec .main-nav .lqd-custom-menu>li>a, [data-mobile-nav-scheme=gray] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
    color: var(--mainPurple);
    padding: 10px 20px
}

.lqd-mobile-sec .navbar-brand {
    padding: 0;
}

.carousel-dots-style4 .dot.is-selected {
    width: 15px;
    background-color: var(--mainYellow);
}

.lqd-contact-form .msg-output {
    margin: 0;
}

.lqd-contact-form p {
    color: var(--mainYellow);
    text-align: center;
}

/* CSS for loading state */
.lqd-cf-submit.loading {
    background-image: url(../images/loading-spinner.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: wait!important; /* Optional: Change cursor to "wait" */
    opacity: 0.7; /* Optional: Reduce opacity for disabled appearance */
    pointer-events: none!important; /* Optional: Disable pointer events */
}

#successMessage {
    color: var(--mainYellow);
    text-align: center;
}

#submitButton:disabled {
    background: #9d9d9d;
    color: #484848;
    pointer-events: none;
}

#loadingIcon {
    margin-left: 10px;
    /* display: inline; */
    top: 35px;
    position: absolute;
    right: 30%;
}

.main-footer {
    background: #411844;
}

/* asam-pedas theme */

.ap-theme .main-header{
    background-color: #fff!important;
}

.ap-theme .main-header .lqd-hide-onstuck {
    background-color: #fff!important;
}

.ap-theme .buy-now-button {
    background: #ca171e;
    color: #fff;
}

.ap-theme .header-box {
    background: #ca171e!important;
}

.ap-theme .main-nav li a {
    color: #fff;
}

.ap-theme .link-badge {
    color: #ca171e;
    background-color: #fff;
}

.ap-theme .main-banner {
    background: linear-gradient(180deg, #ca171e 0%, #ff9131 100%);
}

.ap-theme .mainBlack {
    background: #ff9131;
}

.ap-theme .our-menu h2 {
    color: #ca171e!important;
}

.ap-theme .carousel-nav svg {
    fill: #ca171e;
}

.ap-theme .ready-paste h4 {
    color: #fff;
}

.ap-theme .ready-paste p {
    color: #fff;
}

.ap-theme .text-primary {
    color: #ca181d!important;
}

.ap-theme .btn-buy {
    background: #fff;
}

.ap-theme .companies {
    background: #ca181d!important;

}

.ap-theme .text-red {
    color: #ca171e;
}

.ap-theme .text-black {
    color: #fff;
}

.ap-theme .new-product h4 {
    color: #ffffff;
}

.ap-theme .case-studies .filter-list-inline li.active, .case-studies .filter-list-inline li.hover, .case-studies .lqd-filter-dropdown .ui-button:active, .case-studies .lqd-filter-dropdown .ui-button:focus, .case-studies .liquid-filter-items .btn:hover, .case-studies .liquid-filter-items .btn:focus {
    color: #ca171e;
}

.ap-theme .lqd-pf-item-style-6 .lqd-pf-item-inner:before {
    color: #ca171e;
}

.ap-theme .lqd-pf-item-style-6 {
    background-color: #fff;
}

.ap-theme .outlets a {
    color: #fff!important;
}

.ap-theme .outlets h3 {
    color: #000!important;
}

.ap-theme .button-row button {
    color: #fff;
    background: #ca171e;
}

.ap-theme .main-footer {
    background: #ca171e;
}

.ap-theme .text-slate-200 {
    color: #fff!important;
}

.ap-theme .dl-badge {
    background: #ca171e;
    color: #fff!important;
}

.ap-theme-cursor.lqd-cc--inner {
    background: #fff;
}

.ap-topbar-mup {
    background: #ca171e!important;
}

.ap-theme .nav-trigger.collapsed .bars{
    color: #fff!important;
}

.ap-theme .lqd-mobile-sec .navbar-collapse {
    background-color: #ca171e!important;
    color: #fff!important;
}

.ap-theme .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
    color: #fff!important;
}

.halal-logo img{
    width: 50px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.halal-logo-mobile {
    display: none;
}

@media (max-width: 767px) {
	.contact-us .module-first {
		padding: 0;
		margin-bottom: 30px;
	}

	.contact-us .module-shape-1 .lqd-custom-shape {
		height: 60px;
	}

	.contact-us .module-last {
		padding: 30px 20px;
	}

    .mup-title {
        font-size: 50px;
        line-height: 50px;
    }

    .banner .module-img {
        margin-top: 0px!important;
    }

    .banner {
        padding: 20px 20px 0px 20px!important;
    }

    .ld-fancy-heading {
        text-align: center;
    }

    .mobile-pd {
        padding: 0 40px;
    }

    .lqd-pf-item .lqd-pf-details .lqd-pf-title, .lqd-pf-item .lqd-pf-details a{
        text-align: center;
    }

    .chili-img {
        width: 30%;
    }

    .companies .module-shape-3 {
        right: -40%;
        top: 60%;
    }

    .border-mup {
        border-top: 1px solid #ffffff30;
        padding-top: 30px;
    }

    .new-product h4, .new-product a {
        text-align: center;
    }

    .mr-60 {
        margin-right: 10px;
    }

    .carousel-dots-mobile {
        margin-left: 50%;
    }

    .px-60 {
        padding: 0 15px;
    }

    .mup-30 {
        font-size: 30px!important;
    }

    .mup-m-0 {
        margin-bottom: 0!important;
    }

    .mup-badge {
        margin: 10px auto;
    }

    .logo-white {
        margin: 0 auto;
    }

    .social-media {
        text-align: center;
    }

    .halal-logo-mobile {
        justify-content: center;
        text-align: center;
        margin-bottom: 20px;
        display: flex;
        width: 100%;
    }

    .halal-logo-mobile img {
        width: 50px;
        margin: 0 10px 5px;
    }

    .halal-logo {
        display: none;
    }
}

.objfit-cover-2 {
    object-fit: contain;
}