/*----------------------------------------
  Resets
------------------------------------------*/
:root {
    --bs-primary: #004532;
    --bs-primary-rgb: 0, 69, 50;
    --bs-secondary: #b5d862;
    --bs-secondary-rgb: 181, 216, 98;
    --bs-body-font-family: 'Poppins', sans-serif;
    --bs-body-font-size: 0.875rem;
    --bs-body-line-height: 1.4rem;
    --bs-body-color: #777777;
    --bs-body-color-rgb: 119, 119, 119;
    --bs-link-color: var(--bs-secondary);
    --bs-link-color-rgb: var(--bs-secondary-rgb);
    --bs-link-decoration: none;
    --bs-link-hover-color: var(--bs-secondary);
    --bs-link-hover-color-rgb: var(--bs-secondary-rgb);
    --border-image: linear-gradient(to left, rgba(var(--bs-primary-rgb)) 0%, rgba(var(--bs-secondary-rgb)) 100%) 1;
}

a {
    text-decoration: var(--bs-link-decoration);
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.form-control:focus, .form-select:focus {
    background-color: #fff !important;
    border-color: #222 !important;
}

/* Checkbox and radio  */
.form-check-input {
    border: 2px solid #5a5a5a !important;
}

.form-check-input:focus {
    border-color: #ff4081 !important;
    box-shadow: none !important;
}

.form-check-input[type=checkbox]:checked {
    background-color: #ff4081 !important;
    border-color: #ff4081 !important;
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ff4081'/%3e%3c/svg%3e");
    background-color: #fff !important;
    border-color: #ff4081 !important;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

/*----------------------------------------
  Utilities
------------------------------------------*/
.hr-sm {
    width: 40px;
    height: 2px;
}

.shadow-paper {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.border-10 {border-width: 10px !important}
.bg-image {background-image: url('../images/bg.webp') !important}
.bg-facebook {background-color:#3c599f !important}
.bg-twitter {background-color:#32ccfe !important}
.bg-instagram {background-color:#a1755c !important}
.bg-whatsapp {background-color:#1fa855 !important}

/* Ripple effect  */
.ripple {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    animation: ripple 3s infinite;
}

.ripple + .ripple {
    animation-delay: .9s;
}

.ripple + .ripple + .ripple {
    animation-delay: .6s;
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)}
}

/*----------------------------------------
  Main Header
------------------------------------------*/
.navbar-toggler-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.navbar-nav .nav-link, .navbar-nav .dropdown-menu {
    border-bottom: 4px solid #ffffff !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-item:hover > .nav-link {
    border-image: var(--border-image) !important;
}

.navbar-nav .dropdown-menu {
    --bs-dropdown-font-size: var(--bs-body-font-size);
    --bs-dropdown-link-hover-color: #ec3237;
    --bs-dropdown-link-hover-bg: #fff;
    --bs-dropdown-link-active-color: var(--bs-dropdown-link-hover-color);
    --bs-dropdown-link-active-bg: var(--bs-dropdown-link-hover-bg);
}

@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .navbar-nav .dropdown-menu {
        box-shadow: none !important;
    }

    .navbar-nav .nav-link, .navbar-nav .dropdown-menu {
        border-image: var(--border-image) !important;
    }

    .navbar-nav .nav-link.dropdown-toggle::after {
        content: none;
    }

    .navbar-brand img {
        width: auto;
        height: 60px;
    }
}

/*----------------------------------------
  Main Slider Section
------------------------------------------*/
#slider .carousel-item h3,
#slider .carousel-item h2,
#slider .carousel-item p,
#slider .carousel-item a {
    transform: translateY(100px);
    opacity: 0;
    transition: .4s ease-out;
}

#slider .carousel-item h3 {transition-delay: 0s}
#slider .carousel-item h2 {transition-delay: .5s}
#slider .carousel-item p {transition-delay: 1s}
#slider .carousel-item a {transition-delay: 1.5s}

#slider .carousel-item.active h3,
#slider .carousel-item.active h2,
#slider .carousel-item.active p,
#slider .carousel-item.active a {
    transform: translateY(0);
    opacity: 1;
}

@media (max-width:575.98px) {
    #slider .carousel-item h2 {font-size:calc(1.425rem + 1.7vw)}
}

/*----------------------------------------
  Banner Section
------------------------------------------*/
#banner .breadcrumb {
    --bs-breadcrumb-divider-color: #fff;
}

/*----------------------------------------
  Main Footer Section
------------------------------------------*/
footer a.text-light:hover {
    color: var(--bs-secondary) !important;
}