.about-us.section-3, .about-us.section-2 {
    padding-top: 0rem;
}
.about-us {
    padding-top: 6.25rem;
}

.about-us a {
    color: #c3026d !important;
    text-decoration: underline;
}
.about-us__story {
    display: flex;
    flex-direction: column;
}
.about-us__story__left {
    flex: 1;
}
.about-us__journey__content h3{
   font-weight: normal;
}
.about-us__story__left h6, .about-us__story__left .h6 {
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 0.875rem;
    letter-spacing: .12em;
    color: #aaa;
    text-align: center;
}
.about-us__story__left h3, .about-us__story__left .h3 {
    font-family: "brightgrotesk-book-italic";
    font-size: 2rem;
    line-height: 2.375rem;
    letter-spacing: -0.02em;
    color: #2f251c;
    text-align: center;
    font-style: italic;
    font-weight: 500;
}
.about-us__story__right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex: 1;
    margin-top: 2rem;
}
.about-us__story__right p {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: .02em;
    color: #553526;
    text-align: center;
    margin-bottom: 0;
}
.about-us.section-2, .about-us.section-3 {
    background: unset;
}
.flower-illustration {
    position: relative;
}
.about-us__gallery {
    display: flex;
    flex-wrap: wrap;
}
.flower-illustration::before {
    background: url(https://staticimg.taneira.com/assets/left-flower.png) no-repeat;
    background-size: 11.75rem;
    width: 11.75rem;
    height: 16.1875rem;
    left: 0;
    top: -10.1875rem;
}
.flower-illustration::after, .flower-illustration::before {
    content: "";
    position: absolute;
    z-index: -1;
    display: none;
}
.about-us__gallery img {
    border-radius: 12px 0px;
    position: relative;
    width: 100%;
}

.flower-illustration::after {
    background: url(https://staticimg.taneira.com/assets/right-flowe.png) no-repeat;
    background-size: 15.875rem;
    width: 15.875rem;
    height: 29.375rem;
    right: -6.375rem;
    top: -1.25rem;
}
@media (min-width: 768px){
.about-us {
    padding: 11.125rem 4.875rem 2rem;
    background: linear-gradient(180deg, #FDF7F3 0%, rgba(253, 247, 243, 0) 50%);
}
.about-us__story {
    flex-direction: row;
}
.about-us__story__left h6, .about-us__story__left .h6 {
    font-size: 1rem;
    line-height: 1.3125rem;
    text-align: left;
}
.about-us__story__left h3, .about-us__story__left .h3 {
    font-size: 2.875rem;
    line-height: 3.4375rem;
    text-align: left;
}
.about-us__story__right {
    gap: 2.5rem;
    margin-top: 0;
}
.about-us__story__right p {
    text-align: left;
    font-size: 1rem;
    line-height: 1.625rem;
}
.about-us__gallery {
    padding-top: 6rem;
}
.flower-illustration::after, .flower-illustration::before {
    display: block;
}
}
@media (min-width: 768px){
.about-us__journey__right img {
    border-radius: 0 12px 12px 0;
    height: 100%;
}
}

/* ------------------ */

.about-us__journey {
    background: #fdf7f3;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 5rem
}

@media (min-width: 768px) {
    .about-us__journey {
        flex-direction:row;
        gap: 0;
        margin-top: 7.6875rem
    }
}

.about-us__journey__left {
    flex: 1 1;
    padding: 2rem 1rem 0
}

@media (min-width: 768px) {
    .about-us__journey__left {
        padding:3.5rem 3rem
    }
}

.about-us__journey__left .switch {
    height: 3.5625rem;
    margin: initial;
    width: 100%
}

.switch {
    display: block;
    height: 32px;
    margin: auto;
    position: relative;
    width: 101px
}

.switch input {
    display: none;
    transition: all .4s ease
}

.slider.round {
    border-radius: 30px
}

.slider {
    background-color: #fff;
    border: 2px solid #f7e2d1;
    cursor: pointer;
    right: 0;
    top: 0
}

.slider,.slider:before {
    bottom: 0;
    left: 0;
    position: absolute;
    transition: .4s
}

.slider:before {
    background: radial-gradient(291% 461.19% at -7% -6.25%,#f7e2d1 0,#f4c3c2 9.84%,#e6116d 44.25%,#b31851 63.57%,#c4598a 84.2%,#ab2071 100%);
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    content: "";
    height: 100%;
    width: 50%
}

input:checked+.slider:before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 30px
}

.slider__text {
    display: flex;
    font-size: 10px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.slider__text,.slider__text>span {
    align-items: center;
    justify-content: center
}

.slider__text>span {
    color: #fff;
    display: block;
    display: flex;
    font-size: 18px;
    transition: .4s;
    width: 50%
}

input:checked+.slider:before {
    -webkit-transform: translateX(49px);
    transform: translateX(49px)
}

input:checked+.slider .off svg path,input:checked+.slider .off svg rect {
    stroke: #b78053
}

input:checked+.slider .on svg path,input:checked+.slider .on svg rect {
    stroke: #fff
}

.slider .slider_text .on {
    color: #b78053
}


@media (min-width: 768px) {
    .about-us__journey__left .switch {
        width:20.5rem
    }
}

.about-us__journey__left .slider {
    background: transparent;
    border: 1px solid #f7e2d1
}

.about-us__journey__left .slider:before {
    background: #fff;
    border-radius: 50px;
    box-shadow: 8px 8px 16px rgba(0,0,0,.04);
    height: 3.0625rem;
    left: .25rem;
    top: .1875rem
}

.about-us__journey__left .slider span {
    color: #2b2b2b;
    font-family: IBM Plex Sans,sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.1875rem
}

.about-us__journey__left input:checked+.slider:before {
    border-radius: 1.875rem;
    -webkit-transform: translateX(calc(100% - 8px));
    transform: translateX(calc(100% - 8px));
}

.about-us__journey__content {
    margin-top: 2rem
}

@media (min-width: 768px) {
    .about-us__journey__content {
        margin-top:2.5rem
    }
}

.about-us__journey__content .h6,.about-us__journey__content h6 {
    color: #aaa;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .12em;
    line-height: 1rem;
    margin-bottom: .75rem;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .about-us__journey__content .h6,.about-us__journey__content h6 {
        font-size:1rem;
        line-height: 1.3125rem
    }
}

.about-us__journey__content .h3,.about-us__journey__content h3 {
    align-items: center;
    color: #2f251c;
    display: flex;
    font-family: brightgrotesk-book-italic;
    font-size: 2rem;
    letter-spacing: -.02em;
    line-height: 2.375rem;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .about-us__journey__content .h3,.about-us__journey__content h3 {
        font-size:2.875rem;
        line-height: 3.4375rem
    }
}

.about-us__journey__content p {
    color: #553526;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-bottom: 0;
    margin-top: 1.5rem
}

@media (min-width: 768px) {
    .about-us__journey__content p {
        font-size:1rem;
        line-height: 1.8125rem;
        margin-top: 2.5rem
    }
}

.about-us__journey__right {
    flex: 1 1
}

@media (min-width: 768px) {
    .about-us__journey__right {
        text-align:right
    }
}

.about-us__journey__right img {
    border-radius: 0 0 8px 8px
}

@media (min-width: 768px) {
    .about-us__journey__right img {
        border-radius:0 12px 12px 0
    }
}