* {
    box-sizing: border-box;
}


/* Header of all pages START */

h1,
h2,
h3,
h4 {
    font-family: "Merriweather", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #374209;
}

p {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 20px;
    color: #374209;
}

li {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 24px;
    color: #374209;
}

body,
html {
    overflow-x: hidden;
}

.navbar {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #92C787 !important;
    font-size: 26px;
    letter-spacing: 2px;
    font-weight: 600;
}


/* Responsiveness Header START */

@media screen and (max-width: 584px) {
    .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 584px) {
    .navbar-toggler {
        vertical-align: middle;
    }
}

@media screen and (max-width: 584px) {
    .navbar-brand img {
        vertical-align: middle;
        float: right;
    }
}

@media screen and (max-width: 1400px) {
    .navbar-nav {
        padding-left: 15px;
    }
}


/* Responsiveness Header END */


/* Header of all pages END */


/* Home page individual styles START */

.title-index {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-index img {
    width: 100%;
    height: auto;
}

.title-index h1 {
    position: absolute;
    color: white;
    font-size: 80px;
}

.index .title2 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: solid;
    border-bottom: solid;
    border-left: none;
    border-right: none;
    border-color: #92C787;
    color: #374209;
}

.index .row img {
    border-radius: 10px;
    display: block;
    margin: 0 auto;
}

.index .row button {
    display: block;
    margin: 20px auto 0;
}

.columnind1 button {
    margin-top: 47px;
}

.columnind2 button {
    margin-top: 20px;
}

.columnind1,
.columnind2,
.columnind3 {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}

.columnind1 h1,
.columnind2 h1,
.columnind3 h1 {
    color: #374209;
}

.columnind1 img,
.columnind2 img,
.columnind3 img {
    width: 100%;
    display: block;
    margin: 0 auto 15px;
}

.columnind1 p,
.columnind2 p,
.columnind3 p {
    color: #374209;
    margin-top: 15px;
    line-height: 1.6;
}

.index .about-section {
    margin-top: 30px;
    background: #92C787;
    border-radius: 20px;
    color: #374209;
    padding: 20px;
}

.index .title3 h1 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 40px;
    color: white;
}

.columnind4 {
    border-radius: 10px;
    background: white;
    padding: 30px;
}

.columnind4 p {
    font-size: 20px;
    line-height: 1.6;
    color: #374209;
}

.columnind5 video {
    border-radius: 10px;
}

.columnind5 {
    max-width: 700px;
    margin: 0 auto;
}

.index .car {
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #92C787;
    border-radius: 20px;
}

.index .car p {
    font-size: 18px;
    padding-top: 15px;
    padding-left: 100px;
    padding-right: 100px;
    color: #374209;
}

.index .carousel-item {
    padding: 10px;
}

.index .person1 image {
    border-radius: 40px;
}

.index .rating {
    padding-top: 15px;
    color: rgb(255, 217, 0);
}

.index .carousel-inner {
    overflow: visible;
}


/* Responsiveness Home START */

@media screen and (max-width: 992px) {
    .columnind4,
    .columnind5 {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .columnind4 {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    .title-index h1 {
        font-size: xx-large;
    }
}

@media screen and (max-width: 875px) {
    .columnind1,
    .columnind2,
    .columnind3 {
        padding-top: 20px;
    }
}

@media screen and (max-width: 450px) {
    .columnind1 p,
    .columnind2 p,
    .columnind3 p {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 350px) {
    #carouselReviews p {
        display: none;
    }
}


/* Responsiveness Home END */


/* Home page individual styles END */


/* Honey page individual styles START */

.honey .firstImg {
    mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}

.honey .firstImg img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.honey .title {
    margin-bottom: 60px;
}

.honey .title h1 {
    padding-top: 20px;
    padding-bottom: 10px;
}

.honey .title h1,
.honey .title p {
    color: #374209
}

.honey .intro {
    border-top: 3px solid #92C787;
    padding-bottom: 60px;
    padding-top: 60px;
    color: #374209;
}

.honey .intro p {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 18px;
}

.honey .honeyTypes {
    border-top: 3px solid #92C787;
    padding-top: 40px;
}

.honey .honeyTypes h2 {
    padding-bottom: 30px;
    text-align: center;
}

.honey .honeyTypes {
    color: #374209;
}

.honey .honeyTypes img {
    max-width: 100%;
}

.honey .column1,
.honey .column2,
.honey .column3 {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}

.honey .column1 h1,
.honey .column2 h1,
.honey .column3 h1 {
    color: #374209;
}

.honey .column1 img,
.honey .column2 img,
.honey .column3 img {
    width: 100%;
    display: block;
    margin: 0 auto 15px;
    border-radius: 10px;
}

.honey .column1 p,
.honey .column2 p,
.honey .column3 p {
    color: #374209;
    margin-top: 15px;
    line-height: 1.6;
}

.honey .honeyTypes {
    color: #374209;
}

.honey .note {
    padding-top: 10px;
    background-color: #92C787;
}

.honey .Benefits {
    color: #374209;
    margin-top: 60px;
    margin-bottom: 60px;
}

.honey .columnim img {
    border-radius: 10px;
}

.honey .Benefits p {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 20px;
}


/* Honey page individual styles END */


/* Accordion for honey page and gardening page START */

.accordion-button {
    color: #374209;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    background-color: #92C787;
    color: white;
}

.accordion-body {
    background: #f8fdf4;
    color: #374209;
    font-size: 20px;
    line-height: 1.7;
}


/* Accordion for honey page and gardening page END */


/* Products page individual styles START */

.products .title {
    color: #374209;
    padding-top: 20px;
    padding-bottom: 20px;
}

.products .carousel-inner h1 {
    padding-bottom: 10px;
    color: white;
}

.products .carousel-inner {
    color: white;
    padding-top: 20px;
    background-color: #92C787;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.products .carousel img {
    height: 550px;
    object-fit: cover;
}

.products .carousel-caption {
    background: rgba(0, 0, 0, 0.55);
    padding: 10px 15px;
    border-radius: 8px;
}

.products .carousel-caption p {
    color: white;
}

.products .row {
    border-bottom: 5px solid #92C787;
}

.products .row h1 {
    text-align: center;
    padding-bottom: 30px;
}

.products .column1,
.products .column2,
.products .column3 {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}

.products .column1 h1,
.products .column2 h1,
.products .column3 h1 {
    color: #374209;
}

.products .column1 img,
.products .column2 img,
.products .column3 img {
    width: 100%;
    display: block;
    margin: 0 auto 15px;
    border-radius: 10px;
}

.products .column1 p,
.products .column2 p,
.products .column3 p {
    color: #374209;
    margin-top: 15px;
    line-height: 1.6;
}

.products .row2 h1 {
    margin-top: 20px;
}

.products .giftcard {
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #92C787;
    padding: 40px;
    border-radius: 10px;
}

.products .giftcard h3 {
    margin-top: 20px;
    margin-bottom: 40px;
}

.products .giftcard p {
    margin-bottom: 40px;
}

.products .giftcard button {
    margin-top: 10px;
}


/* Products page individual styles END */


/* Cafe page individual styles START */

.cafe h1 {
    margin-top: 20px;
    border-bottom: 5px solid #92C787;
}

.cafe .column1,
.cafe .column2,
.cafe .column3 {
    padding-bottom: 40px;
}

.cafe .column1 img,
.cafe .column3 img {
    border-radius: 10px;
}

.menu-box {
    padding: 30px;
    border-radius: 10px;
    border: 6px solid #92C787;
    max-width: 85%;
    margin: 0 auto;
}

.menu-title {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 25px;
}

.menu-section h3 {
    font-weight: bold;
    font-size: 22px;
    border-bottom: 2px solid #92C787;
    display: inline-block;
    margin-bottom: 10px;
}

.menu-section p {
    font-size: 18px;
}


/* Cafe page individual styles END */


/* Gardening page individual styles START */

.columnicon1,
.columnicon2,
.columnicon3,
.columnicon4 {
    border-left: 3px solid #92C787;
    margin-top: 50px;
    margin-bottom: 50px;
}

.columnicon1 img,
.columnicon2 img,
.columnicon3 img,
.columnicon4 img {
    margin-bottom: 20px;
}

.learn {
    text-align: center;
}

.learn h2 {
    padding-bottom: 20px;
}

.accordion {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #92C787;
}

.accordion-title {
    color: white;
    padding-bottom: 30px;
}

.garden {
    margin-bottom: 60px;
}

.garden p {
    padding-top: 10px;
}


/* Gardening page individual styles END */


/* Contact page individual styles START */

.seedlings img {
    mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}

.contactpage {
    margin-bottom: 30px;
}

.contactpage h1,
.contactpage h2 {
    margin-top: 20px;
    margin-bottom: 30px;
}

.contactform {
    padding-top: 20px;
    font-size: 20px;
    padding-left: 30px;
}

.columnr h2 {
    color: white;
}

.columnr {
    margin-top: 20px;
    padding-bottom: 50px;
    background-color: #92C787;
}


/* Contact page individual styles END */


/* Footer of all pages START */

footer {
    color: #374209;
    border-top: solid;
    border-width: 20px;
    border-color: #92C787;
}

footer p {
    font-size: 20px;
}

.openHours {
    padding-top: 20px;
    padding-bottom: 20px;
}

.openHours h2 {
    border-bottom: #92C787;
    border-style: solid;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-bottom: 10px;
}

.foot1,
.foot2,
.foot3 {
    color: white;
    background-color: #92C787;
    padding-top: 20px;
    padding-bottom: 40px;
}

.foot1 h2,
.foot2 h2,
.foot3 h2 {
    padding-bottom: 10px;
    border-bottom: white;
    border-style: solid;
    border-left: none;
    border-right: none;
    border-top: none;
}

.sloganCopyright {
    background-color: #92C787;
    font-size: 16px;
    color: white;
}


/* Footer of all pages END */