/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* 🌈 Primary Colors */
:root {
    /*
    Kuning #FFE500
Coklat #472216
Biru #003D8F
Oren #FF4D00
    */
    --mangkoboii-kuning: #FFE500;
    --mangkoboii-coklat: #472216;
    --mangkoboii-biru: #003D8F;
    --mangkoboii-oren: #FF4D00;
    --mangkoboii-ijo:#00aa5b;
    --mangkoboii-ijo-hover:#068b4d;
    --mangkoboii-ijo-active:#046e3d;
    --mangkoboii-biru-hover:#073572;
    --mangkoboii-biru-active:#0b2e5c;
    --mangkoboii-bg: #FFF;
    --mangkoboii-bg-2: #EEE;

    --vz-primary: #00aa5b;
    --vz-secondary: #F49910;
    /* --vz-success: #0ab39c;
    --vz-info: #299cdb;
    --vz-warning: #f7b84b;
    --vz-danger: #f06548;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-muted: #878a99; */

    /* 📐 Layout */
    --vz-body-bg: #FFF;
}
.btn-primary {
    --vz-btn-bg: var(--mangkoboii-ijo);
    --vz-btn-border-color: var(--mangkoboii-ijo);
    --vz-btn-hover-bg: var(--mangkoboii-ijo-hover);
    --vz-btn-hover-border-color: var(--mangkoboii-ijo-hover);
    --vz-btn-active-bg: var(--mangkoboii-ijo-active);
    --vz-btn-active-border-color: var(--mangkoboii-ijo-active);
}
/* Halaman Waitinglist Domba */
.swiper-button-next::after, .swiper-button-prev::after {
    color: #FFF;
}

.swiper-button-next, .swiper-button-prev {
    backdrop-filter: blur(0px);
}

.custom-waitinglist-domba-image-mobile-fix {
    height: 100%!important;
}