.aboutus-sec {
    padding-top: 60px;
}
.aboutus-sec .aboutus_wrapper {
    max-width: 80%;
}
.aboutus-sec .aboutus_wrapper .aboutus_para {
    font-size: 18px;
    font-family: var(--medium-font);
}
.aboutus_ul_wrap {
    margin-top: 30px;
}
.aboutus_ul_wrap .about_us_ul .ul_item {
    font-size: 16px;
    font-family: var(--medium-font);
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    padding-left: 35px;
}
.journey_order_main {
    opacity: 0;
    transform: translateY(100px); /* Slide down effect */
    transition: opacity 0.5s ease, transform 0.5s ease;
    /* You can add more styles if needed */
}
.journey_img_wrapper:hover .journey_order_main {
    opacity: 1;
    transform: translateY(0); /* Slide up effect */
}
.aboutus_ul_wrap .about_us_ul .ul_item::before {
    content: "\f111"; /* Font Awesome circle unicode */
    font-family: "Font Awesome 5 Free"; /* Ensure using Font Awesome 5 */
    font-weight: 900; /* Font Awesome solid weight */
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    font-size: 16px; /* Size of the circle */
    color: #c92f2f !important; /* Change the color as needed */
}

.journey-sec {
    padding: 80px 0;
    overflow: hidden;
}
.journey_para {
    font-size: 16px;
}
.mission-wrapper h3 {
    color: #c92f2f !important;
}
.story_span {
    font-size: 13px;
    color: #c92f2f;
}
.journey-sec .journey_img_wrapper {
    position: relative;
}
.journey_img_wrapper:before {
    content: "";
    position: absolute;
    background-image: url(../img/journey-bg.png);
    background-repeat: no-repeat;
    right: -150px;
    background-size: cover;
    width: 80%;
    height: 355px;
    z-index: 99;
    top: 74px;
}
.journey_img {
    position: relative;
    z-index: 9999;
}
.journey_order {
    position: relative;
    max-width: 30%;
    height: 75px;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #707070;
    background: #232323;
    background: radial-gradient(
        circle,
        #232323 0,
        #232323 13%,
        #2f2e2c 37%,
        #353432 58%,
        #2f2e2c 65%,
        #232323 87%,
        #232323 100%
    );
}
.journey_order:after {
    content: "";
    position: absolute;
    height: 38px;
    width: 54px;
    background: #3d3d3dc2;
    transform: rotate(85deg);
    border-bottom: 1px solid #707070;
    bottom: -30px;
    z-index: 1;
    right: -12px;
    clip-path: polygon(26% 5%, 0% 4%, 0% 0%, 100% 0%, 26% 100%, 2% 9%);
    border: 1px solid #707070;
    z-index: -1;
}
.journey_order_main {
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 11111;
}
.journey-sec .experience_main h2 {
    font-size: 45px;
}
.mission-sec {
    padding: 80px 0;
}
.mission-wrapper {
    background: #222224;
    padding: 40px;
}
.mission_para {
    font-size: 16px;
    color: #fff;
    font-family: var(--medium-font);
}
.mission-sec .aboutus_ul_wrap .about_us_ul .ul_item {
    color: #fff;
    opacity: 0.81;
}
.mission-wrapper {
    background: #222224;
    padding: 40px;
    transition: 0.8s;
    height: 374px;
}
.mission-wrapper:hover {
    background-image: url(../img/mission-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #c92f2f;
}
.gradin-line-div {
    background: #000;
    background: linear-gradient(90deg, #000 0, #616161 50%, #000 100%);
    display: block;
    width: 100%;
    height: 1px;
    margin: 30px;
}
@media (min-width: 600px) and (max-width: 1025px) {
    .aboutus-sec .aboutus_wrapper {
        max-width: 100%;
        padding-left: 20px;
        padding-top: 10px;
    }
    .mission-wrapper {
        margin-bottom: 10px;
    }
    .journey_order h6 {
        font-size: 15px;
    }
    .para_font {
        font-size: 14px;
    }
    .mission-sec {
        padding: 0 0 60px 0;
    }
}
@media (max-width: 576px) {
    .aboutus-sec .aboutus_wrapper {
        padding-left: 10px;
        max-width: 100%;
        margin-top: 20px;
    }
    .aboutus-sec .aboutus_wrapper .aboutus_para {
        font-size: 16px;
    }
    .journey_img_wrapper:before {
        right: -140px;
        top: -16px;
    }
    .journey_order {
        max-width: 50%;
    }
    .experience_main {
        margin-bottom: 80px;
    }
    .journey_order_main {
        top: -47px;
        left: 0;
    }
    .mission-wrapper {
        padding: 20px;
    }
    .mission-sec {
        padding: 40px 0;
    }
    .aboutus-sec {
        padding-top: 60px;
    }
    .journey_order h6 {
        font-size: 15px;
    }
    .para_font {
        font-size: 14px;
    }
    section.menu-order .order-delivery h2 {
        text-transform: capitalize;
        font-size: 45px;
        margin-bottom: 20px;
        margin-top: 30px;
    }
}
@media (max-width: 376px) {
    .journey_order_main {
        top: -54px;
        left: 0;
    }
}
@media (max-width: 281px) {
    .aboutus-sec .aboutus_wrapper {
        padding-left: 10px;
        max-width: 100%;
        margin-top: 20px;
    }
    .aboutus-sec .aboutus_wrapper .aboutus_para {
        font-size: 15px;
    }
    .journey_img_wrapper:before {
        right: -100px;
        top: -56px;
    }
    .journey_order {
        max-width: 50%;
    }
    .experience_main {
        margin-bottom: 98px;
    }
    .journey_order_main {
        top: -87px;
        left: -10px;
    }
    .mission-wrapper {
        padding: 20px;
    }
    .journey_order {
        max-width: 70%;
    }
    .mission-sec {
        padding: 40px 0;
    }
    .aboutus-sec {
        padding-top: 120px;
    }
}