.slick-prev:before,
.slick-next:before {
    color: rgb(206, 203, 203) !important;
}

html {
    overflow-x: hidden;
}


/* mobile menu */

.mobile-menu-icon:before,
.mobile-menu-icon div,
.mobile-menu-icon:after {
    background: #000;
    content: "";
    display: block;
    height: 6px;
    border-radius: 3px;
    margin: 5px 0;
    transition: 0.5s;
}

.mobile-menu-icon.open div {
    transform: scale(0);
}

.mobile-menu-icon.open:before {
    transform: translateY(10px) rotate(45deg);
}

.mobile-menu-icon.open:after {
    transform: translateY(-12px) rotate(-45deg);
}


/* TailwindCSS extend or addComponents */

.max-h-0 {
    max-height: 0;
}

.h-12-3 {
    height: 12.3rem;
}

.arrow-down::after {
    content: '';
    position: absolute;
    left: 42%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgb(6, 95, 70);
    clear: both;
}

.faqs {
    min-height: 100vh;
}

.text-overflow {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* tailwind lineclamp */

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.line-clamp-none {
    -webkit-line-clamp: unset
}

@media (min-width:640px) {
    .sm\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .sm\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
    .sm\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
    .sm\:line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }
    .sm\:line-clamp-5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5
    }
    .sm\:line-clamp-6 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6
    }
    .sm\:line-clamp-none {
        -webkit-line-clamp: unset
    }
}

@media (min-width:768px) {
    .md\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .md\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
    .md\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
    .md\:line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }
    .md\:line-clamp-5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5
    }
    .md\:line-clamp-6 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6
    }
    .md\:line-clamp-none {
        -webkit-line-clamp: unset
    }
}

@media (min-width:1024px) {
    .lg\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .lg\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
    .lg\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
    .lg\:line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }
    .lg\:line-clamp-5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5
    }
    .lg\:line-clamp-6 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6
    }
    .lg\:line-clamp-none {
        -webkit-line-clamp: unset
    }
}

@media (min-width:1280px) {
    .xl\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .xl\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
    .xl\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
    .xl\:line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }
    .xl\:line-clamp-5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5
    }
    .xl\:line-clamp-6 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6
    }
    .xl\:line-clamp-none {
        -webkit-line-clamp: unset
    }
}

@media (min-width:1536px) {
    .\32xl\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .\32xl\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
    .\32xl\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
    .\32xl\:line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }
    .\32xl\:line-clamp-5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5
    }
    .\32xl\:line-clamp-6 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6
    }
    .\32xl\:line-clamp-none {
        -webkit-line-clamp: unset
    }
}


/*---------- Picture Ratio ----------*/

.picture-wrapper {
    position: relative;
}

.picture-wrapper.padding-top-100 {
    padding-top: 100%;
}

.picture-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
}


/*---------- End Picture Ratio ----------*/