.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}

.justify-start {
    justify-content: flex-start;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.justify-evenly {
    justify-content: space-evenly;
}
.justify-end {
    justify-content: flex-end;
}

.items-start {
    align-items: flex-start;
}
.items-center {
    align-items: center;
}
.items-end {
    align-items: flex-end;
}
.items-stretch {
    align-items: stretch;
}

.bg-hero {
    background-image: url("/img/img1.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-zebra {
    background-image: url("/img/zebra.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-zebrahot {
    background-image: url("/img/img14.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-exp {
    background-image: url("/img/img10.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-ads1 {
    background-image: url("/img/trip7.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-team {
    background-image: url("/img/img12.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-zebrarun {
    background-image: url("/img/img15.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-book1 {
    background-image: url("/img/img8.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-book2 {
    background-image: url("/img/img9.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-trip1 {
    background-image: url("/img/trip1.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-trip2 {
    background-image: url("/img/trip2.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-trip3 {
    background-image: url("/img/trip3.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-trip4 {
    background-image: url("/img/trip4.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-trip5 {
    background-image: url("/img/trip5.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-trip6 {
    background-image: url("/img/trip6.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.p-sm {
    padding: 10px;
}

.p-m {
    padding: var(--space-m-l);
}

.p-l {
    padding: var(--space-l-xl);
}

.p-3xs-2xs {
    padding: var(--space-3xl);
}

.p-large {
    padding-inline: var(--space-m-l);
}

.grid-max-width {
    max-width: var(--grid-max-width);
}

.bg-black {
    background-color: var(--primary-color);
}

.underline {
    text-decoration: underline;
}

.p-sm {
    padding: var(--space-s);
}

.mr-sm {
    margin-right: var(--space-s);
}

.ml-sm {
    margin-left: var(--space-s);
}

.text-white {
    color: var(--color) !important;
}

.text-black {
    color: var(--primary-color) !important;
}

.bg-white {
    background-color: var(--color) !important;
}

.w-full {
    width: 100%;
}

.rocksalt {
    font-family: var(--rocksalt) !important;
}

.myline {
    display: flex;
    align-items: center;
}

.myline::after {
    content: "";
    flex: 1;
    height: 2px;
    background: #000;
    margin-left: 20px;
}