@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&display=swap');




Body {
    font-family: 'Roboto', sans-serif;
}

a {
    color: #333;
}

h1,
h2,
h3,
.button {
    font-family: 'Sora', sans-serif;
}

.theme-bg {
    background: #485c27;
    color: #fff;
}

.theme-color {
    color: #485c27;
}

.navbar {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.navbar a {
    font-size: 1rem;
    font-weight: 600;
    color: #000;

    font-family: 'Roboto',
        sans-serif;

}

.navbar .button {
    color: #fafafa;

}

.navbar-item img {
    max-height: 4.75rem;
}




.navbar-menu a:hover {
    background: transparent;
    color: #485c27;
}

.splide__arrow {
    background: #fafafa;
    opacity: 1;
}

#card-carousel img {
    margin: 0;
}

#card-carousel h3 {
    font-size: 18px;
    color: #000;

}

#card-carousel .splide__slide {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 10px;
}

.splide__track .splide__list .splide__slide .text {
    background: #fff;
    padding: 20px;
}

#card-carousel .splide__slide .text,
i {
    padding: 5px;
    color: #fff;
}

#card-carousel .splide__slide .text h3 {
    font-size: 1.2rem;
    padding: 5px 0;
    color: #485c27;
}

#card-carousel .splide__slide .text p {
    color: #999;
    font-weight: 500;
    padding-bottom: 5px;
}

#image-carousel .splide__arrows .splide__arrow {
    background: #485c27;
    color: #fff;
    width: 3rem;
    height: 3rem;
    opacity: 100%;
}

#image-carousel .splide__arrow svg {
    fill: #fafafa;
}


#image-carousel h1 {
    background: rgb(15, 36, 0);
    background: linear-gradient(355deg, rgba(15, 36, 0, 1) 0%, rgba(76, 125, 9, 0.7738445720084909) 96%);
}

.splide__arrows .splide__arrow {
    background: #fff;
    width: 2rem;
    height: 2rem;
    opacity: 100%;
}

.splide__arrows .splide__arrow:hover {
    opacity: 1;
}

.splide__progress__bar {
    height: 30px;
    background: #000;
}

.feature-1 {
    background-color: #f9f9f9;
    padding: 50px;
}

.feature-1 h1 {
    color: #485c27;
    font-size: 2.2rem;
    padding-right: 10px;
    font-weight: 700;
}

.feature-1 p {
    color: #333;
    font-size: 1.2rem;
    padding: 0.5rem 0;

    font-weight: 400;
}

.feature-2 {
    background-color: #fff;
    padding: 50px;
}

.feature-2 h3 {
    color: #485c27;
    font-size: 1.8rem;
    padding-right: 10px;
    font-weight: 700;
}



.interior {
    background-color: #eee;
}


.interior .is-6 img {
    margin: 0;
    width: 100%;

}

.interior .is-6 h3 {
    font-size: 1.8rem;
    font-family: 'Sora', sans-serif;
}

.interior .is-6 .text {
    background: #fff;
    padding: 10px;
    margin: 0;
}

.interior .is-6 .text a {
    margin: 10px 0px;
}

#image-carousels .box {
    top: 50%;
}

.splide__slide__container img {
    width: 50%;
}




.responsive {
    width: 100%;
    height: auto;
}

.custom-breadcrumbs h1 {
    font-size: 3.5rem;
    padding-top: 2rem;
    font-weight: 700;
    text-align: center;
    color: #485c27;
}

.how-works h3 {
    font-size: 1.4rem;
    font-weight: 600;
}

.how-works h4 {
    font-size: 1.2rem;
    margin: 0;
    padding-bottom: 5px;
    font-weight: 600;
}

#team img {
    width: 180px;
    margin-left: 20%;
    margin-right: 50%;
}

#team h4 {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;

}

#team p {
    font-weight: 300;
    font-size: 1.1rem;
    color: #333;
    text-align: center;

}

.table-custom {
    background-color: hsl(0, 0%, 96%);
    border-bottom: #ccc 1px solid;
    font-family: 'roboto', sans-serif;
    font-weight: 400;
}

.table-custom td {
    font-size: 1rem;
    t
    border: #eee 0.5px solid;
    padding: 0.8rem 1rem;
}

.table-custom td:nth-child(1) {
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
}

.table-custom ul {
    margin-left: 20px;
}

.table-custom th {
    font-size: 1.2rem;
    color: #485c27;
}

.table-custom th:nth-child(1),
.table-custom th:nth-child(3) {
    background-color: hsl(0, 0%, 96%);
    border: none;
}

.table-custom th:nth-child(2) {
    color: #485c27;
    border: #485c27 2px solid;
    background-color: #fff;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.table-custom tr td:nth-child(2) {
    color: #485c27;
    border: #485c27 2px solid;
    background-color: #fff;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.table-custom tr td:nth-child(2) li {
    list-style-type: disc;
    color: #485c27;
 }
.table-custom tr td:nth-child(3) li {
    list-style-type: disc;
    color: #485c27;
}

.footer-cta{
    background: url(../img/bg.png) top;
          /* The image used */
         /* Used if the image is unavailable */
         /* You must set a specified height */
        background-position: center;
        /* Center the image */
        background-repeat: no-repeat;
        /* Do not repeat the image */
        background-size: cover;
        padding-top: 100px;
        height:500px;
        padding-bottom: 100px;
        /* Resize the background image to cover the entire container */
}

.footer {
    background-color: #485c27;
}

.footer ul {
    line-height: 42px;
}

.footer a {
    color: #ffff;
    font-weight: 300;
}

.footer h3 {
    font-weight: 700;
    color: #ffff;
    letter-spacing: 1px;
    font-size: 1.4rem;
}


@media (max-width:485px){


figure .image{
    margin-top: 200px;
}


.footer-cta {
background: url(../img/bg.png);
    background-position: -301px 170px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 95px;
    height: auto;
    padding-bottom: 100px;
}

}