/* Reset default margins, paddings, and box-sizing for all elements */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

/* Remove default link styling and let links inherit parent styles */
a,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: none;
}

/* -------------------------------------------------- */
/* Merged Styles from index.css and about.css         */
/* -------------------------------------------------- */

/* .frame-child: Removed box-shadow and border to avoid unwanted borders */
.frame-child {
    align-self: stretch;
    position: relative;
    box-shadow: none;
    border: none;
    background-color: #292823;
    height: 400px;
}

.footer-inner {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 0px;
    box-sizing: border-box;
}

.header003 {
    position: absolute;
    bottom: 111px;
    left: calc(50% - 112.5px);
    font-size: 24px;
    display: inline-block;
    width: 257px;
}

.clock-icon {
    position: absolute;
    bottom: 117px;
    left: calc(50% - 144.5px);
    width: 20px;
    height: 20px;
}

.monday {
    margin: 0;
}

.days {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 90.5px);
    display: inline-block;
    width: 130px;
    height: 105px;
}

.times {
    position: absolute;
    bottom: 0px;
    left: calc(50% + 39.5px);
    display: inline-block;
    width: 105px;
    height: 105px;
}

.hours {
    width: 289px;
    position: relative;
    height: 139px;
    font-size: 13px;
}

.header0031 {
    position: absolute;
    bottom: 59px;
    left: calc(50% - 111px);
    display: inline-block;
    width: 257px;
    cursor: pointer;
}

.adress {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 89px);
    font-size: 13px;
    display: inline-block;
    width: 235px;
    height: 53px;
}

.phone-icon {
    position: absolute;
    bottom: 58px;
    left: calc(50% - 146px);
    width: 24px;
    height: 24px;
}

.contact {
    width: 292px;
    position: relative;
    height: 87px;
}

.header0032 {
    position: absolute;
    bottom: 81px;
    left: calc(50% - 109px);
    display: inline-block;
    width: 255px;
}

.instagram {
    font-family: Kameron;
}

.links {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 87px);
    font-size: 13px;
    display: inline-block;
    width: 233px;
    height: 75px;
}

.vector-icon {
    position: absolute;
    bottom: 82px;
    left: calc(50% - 146px);
    width: 24px;
    height: 24px;
}

.follow {
    width: 292px;
    position: relative;
    height: 109px;
}

.hours-parent {
    position: absolute;
    width: calc(100% - 303px);
    top: 162px;
    right: 162px;
    left: 141px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 142px;
}

.header002 {
    width: 307px;
    position: absolute;
    margin: 0 !important;
    top: 10px;
    left: calc(50% - 165px);
    display: inline-block;
    z-index: 0;
}

.header002-wrapper {
    position: absolute;
    width: calc(100% - 1130px);
    top: 57px;
    right: 1030px;
    left: 100px;
    height: 96px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 0px;
    box-sizing: border-box;
    font-size: 64px;
}

.vector-icon1 {
    width: 40px;
    position: relative;
    height: 40px;
}

.vector-wrapper {
    position: absolute;
    width: calc(100% - 1436px);
    top: 326px;
    right: 138px;
    left: 1298px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    cursor: pointer;
}

.footer {
    position: absolute;
    width: calc(100% + 20px);
    top: 3930px;
    right: 0px;
    left: -20px;
    height: 420px;
    font-size: 24px;
}

.header0021 {
    position: absolute;
    top: 0px;
    left: calc(50% - 519.5px);
    display: inline-block;
    width: 1039px;
}

.body001-txt {
    width: 100%;
}

.body001 {
    position: absolute;
    top: 82px;
    left: calc(50% - 519.5px);
    font-size: 24px;
    display: flex;
    align-items: center;
    width: 1039px;
    height: 336px;
}

.our-solution {
    width: 1039px;
    position: relative;
    height: 418px;
}

.our-solution-wrapper {
    position: absolute;
    width: 100%;
    top: 2986px;
    right: 0px;
    left: 0px;
    height: 960px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 267px 200px;
    box-sizing: border-box;
    background-image: url('Frame 6.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.header0022 {
    position: absolute;
    top: 0px;
    right: 621px;
    display: inline-block;
    width: 467px;
}

.body0011 {
    position: absolute;
    top: 158px;
    right: 621px;
    font-size: 24px;
    display: flex;
    align-items: center;
    width: 467px;
    height: 392px;
}

.ship-icon {
    position: absolute;
    top: 0px;
    left: 556px;
    width: 532px;
    height: 550px;
    object-fit: cover;
}

.enviorment {
    width: 1088px;
    position: relative;
    height: 550px;
}

.header0023 {
    position: absolute;
    top: 0px;
    right: -0.01px;
    display: inline-block;
    width: 462.1px;
}

.body0012 {
    position: absolute;
    top: 152px;
    right: -0.01px;
    font-size: 24px;
    display: flex;
    align-items: center;
    width: 462.1px;
    height: 375px;
}

.vendors-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 532px;
    height: 527px;
    object-fit: cover;
}

.international-recipies {
    width: 1088px;
    position: relative;
    height: 527px;
}

.body0013 {
    position: absolute;
    top: 158px;
    right: 621px;
    font-size: 24px;
    display: flex;
    align-items: center;
    width: 467px;
    height: 364px;
}

.vegan-icon {
    position: absolute;
    top: 0px;
    left: 556px;
    width: 532px;
    height: 522px;
    object-fit: cover;
}

.good-vegan-food {
    width: 1088px;
    position: relative;
    height: 522px;
}

.about-sections {
    position: absolute;
    width: calc(100% - 352px);
    top: 1014px;
    right: 176px;
    left: 176px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 125px;
    color: #292823;
}

.slogan {
    width: 686px;
    position: absolute;
    margin: 0 !important;
    top: calc(50% - 75.5px);
    left: calc(50% - 343px);
    display: inline-block;
    z-index: 0;
}

.hero {
    position: absolute;
    width: 100%;
    top: 87px;
    right: 0px;
    left: 0px;
    height: 805px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 270px 377px;
    box-sizing: border-box;
    background-image: url('hero.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    font-size: 128px;
}

/* .header1: Removed box-shadow and border to remove unwanted borders */
.header1 {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    box-shadow: none;
    border: none;
    background-color: #f6f0f0;
    height: 89px;
}

.menu {
    position: relative;
    cursor: pointer;
}

.page-links {
    position: absolute;
    top: 24px;
    right: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
}

.placeholder-logo-icon {
    width: 100px;
    position: relative;
    max-height: 100px;
}

.logo {
    position: absolute;
    top: 2px;
    left: 0;
    height: 100%;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px;
    box-sizing: border-box;
}

.header {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 89px;
    font-size: 35px;
    color: #292823;
}

.about {
    width: 100%;
    position: relative;
    background-color: #f6f0f0;
    height: 4339px;
    overflow: hidden;
    text-align: left;
    font-size: 64px;
    color: #f6f0f0;
    font-family: Kameron;
}