.logo-img{
    width: 100px;
    height: 100px;
}
.banner-contain{
    background: var(--amber-25, #FFFBEB);;
    display: flex;
    padding: 32px 80px 48px 80px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    align-self: stretch;
    background-image: url('../img/11-banner1.jpeg');
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-heading{
    color: var(--amber-400, var(--amber-400, #D4C92A));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-display-sm, 56px);
    font-style: normal;
    font-weight: var(--fontWeight-extraBold, 800);
    line-height: var(--lineHeight-display-sm-56, 64px); /* 114.286% */
    letter-spacing: var(--letterSpace-Tight, -4px);
    margin: 0px;
}
.banner-heading2{
    color: var(--amber-400, var(--amber-400, #D42A4F));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-display-sm, 56px);
    font-style: normal;
    font-weight: var(--fontWeight-extraBold, 800);
    line-height: var(--lineHeight-display-sm-56, 0px); /* 114.286% */
    letter-spacing: var(--letterSpace-Tight, -4px);
    margin: 0px;
}
.banner-text{
    width: 532px;
    color: var(--gray-700, var(--gray-700, #5B5B5B));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-lg, 18px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-lg-18, 32px); /* 177.778% */
    letter-spacing: var(--letterSpace-default, -0.5px);
}
.banner-btn{
    display: flex;
    align-items: center;
    gap: 58px;
}
.banner-btn-ruchi{
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--amber-500, #B21D41);
    background: var(--neutral-White, #000);
    color:#fff;
}
.banner-btn-nila{
    display: flex;
    width: 174px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    float: right;
    border-radius: 8px;
    border: 1px solid var(--amber-500, #B21D41);
    background: var(--neutral-White, #000);
    color:#fff;
}
.more-container{
    display: flex;
    text-align: right;
}
.about-content{
    background: var(--amber-500, #B21D41);
    display: flex;
    padding: 45px 80px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.about-heading{
    align-self: stretch;
    color: var(--gray-25, var(--gray-25, #FBFBFB));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-heading-lg, 40px);
    font-style: normal;
    font-weight: var(--fontWeight-extraBold, 800);
    line-height: var(--lineHeight-heading-lg-40, 48px); /* 120% */
    letter-spacing: var(--letterSpace-mediumCondensed, -2px);
}
.about-text-layout{
    display: flex;
    width: 1280px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.about-text{
    width: 410px;
    color: var(--gray-25, var(--gray-25, #FBFBFB));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 16px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-default, -0.5px);
}
.store-layout{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.store-heading{
    align-self: stretch;
    color: var(--gray-700, var(--gray-700, #5B5B5B));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-heading-md, 32px);
    font-style: normal;
    font-weight: var(--fontWeight-extraBold, 800);
    line-height: var(--lineHeight-heading-md-32, 40px); /* 125% */
    letter-spacing: var(--letterSpace-mediumCondensed, -2px);
}
.store-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}
.store-item{
    display: flex;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--gray-500, #c4c2c2);
}
.store-img{
    width: 411px;
    align-self: stretch;
}
.store-data{
    background: var(--neutral-White, #FFF);
    display: flex;
    width: 651px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}
.store-data-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.store-data-line{
    width: 603px;
    height: 1px;
    background: var(--gray-200, #DCDCDC)
}
.store-name-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.store-name{
    color: var(--gray-800, var(--gray-800, #3F3F3F));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-heading-sm, 24px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-heading-sm-24, 32px); /* 133.333% */
    letter-spacing: var(--letterSpace-mediumCondensed, -2px);
}
.store-name-description{
    align-self: stretch;
    color: var(--gray-500, var(--gray-500, #797070));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-subtleCondense, -1px);
}
.store-data-body{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    align-self: stretch;
}
.store-data-body-item{
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.store-data-body-icon{
    display: flex;
    width: 20px;
    height: 20px;
    align-items: flex-start;
    gap: 10px;
}
.store-data-body-text{
    color: var(--gray-600, var(--gray-600, #7C7C7C));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 16px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-subtleCondense, -1px);
}
.store-data-footer{
    display: flex;
    align-items: center;
    gap: 24px;
}
.store-btn-orderonline{
    display: flex;
    width: 160px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--amber-500, #B21D41);
}
.store-btn-direction{
    display: flex;
    width: 160px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--amber-500, #B21D41);
    background: var(--neutral-White, #FFF);
}
.store-btn-text{
    color: var(--neutral-White, var(--neutral-White, #FFF));
    text-align: center;

    /* Body/sm/Medium */
    font-family: var(--fontFamily-brand-primary, Inter);
    font-size: var(--fontSize-body-sm, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
    letter-spacing: var(--letterSpace-default, -0.5px);
}
.store-btn-text-direction{
    color: var(--amber-500, var(--amber-500, #B21D41));
    text-align: center;

    /* Body/sm/Medium */
    font-family: var(--fontFamily-brand-primary, Inter);
    font-size: var(--fontSize-body-sm, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
    letter-spacing: var(--letterSpace-default, -0.5px);
}
.store-btn-img{
    display: flex;
    width: 16px;
    height: 16px;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}
/**** gallery ***********/
.gallery-layout{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.gallery-heading{
    align-self: stretch;
    color: var(--gray-700, var(--gray-700, #5B5B5B));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-heading-md, 32px);
    font-style: normal;
    font-weight: var(--fontWeight-extraBold, 800);
    line-height: var(--lineHeight-heading-md-32, 40px); /* 125% */
    letter-spacing: var(--letterSpace-mediumCondensed, -2px);
}
.gallery-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}
.gallery-item{    
    height: 350px;
    margin-bottom: 22px;
}
.gallery-img{
    width: 100%;
    height: 100%; /* Make the image cover the entire slide area */
    object-fit: cover; /* Ensures the image fills the slide area without distortion */
    border-radius: 10px;
}
.gallery-data{
    background: var(--neutral-White, #FFF);
    display: flex;
    width: 651px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}
.gallery-data-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.gallery-data-line{
    width: 603px;
    height: 1px;
    background: var(--gray-200, #DCDCDC)
}
.gallery-name-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.gallery-name{
    color: var(--gray-800, var(--gray-800, #3F3F3F));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-heading-sm, 24px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-heading-sm-24, 32px); /* 133.333% */
    letter-spacing: var(--letterSpace-mediumCondensed, -2px);
}
.gallery-name-description{
    align-self: stretch;
    color: var(--gray-500, var(--gray-500, #797070));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-subtleCondense, -1px);
}
.gallery-data-body{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    align-self: stretch;
}
.gallery-data-body-item{
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.gallery-data-body-icon{
    display: flex;
    width: 20px;
    height: 20px;
    align-items: flex-start;
    gap: 10px;
}
.gallery-data-body-text{
    color: var(--gray-600, var(--gray-600, #7C7C7C));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 16px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-subtleCondense, -1px);
}
.gallery-data-footer{
    display: flex;
    align-items: center;
    gap: 24px;
}
.gallery-btn-orderonline{
    display: flex;
    width: 160px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--amber-500, #B21D41);
}
.gallery-btn-direction{
    display: flex;
    width: 160px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--amber-500, #B21D41);
    background: var(--neutral-White, #FFF);
}
.gallery-btn-text{
    color: var(--neutral-White, var(--neutral-White, #FFF));
    text-align: center;

    /* Body/sm/Medium */
    font-family: var(--fontFamily-brand-primary, Inter);
    font-size: var(--fontSize-body-sm, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
    letter-spacing: var(--letterSpace-default, -0.5px);
}
.gallery-btn-text-direction{
    color: var(--amber-500, var(--amber-500, #B21D41));
    text-align: center;

    /* Body/sm/Medium */
    font-family: var(--fontFamily-brand-primary, Inter);
    font-size: var(--fontSize-body-sm, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
    letter-spacing: var(--letterSpace-default, -0.5px);
}
.gallery-btn-img{
    display: flex;
    width: 16px;
    height: 16px;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}

/**** history *****/
.history-layout{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.history-heading{
    align-self: stretch;
    color: var(--gray-700, var(--gray-700, #5B5B5B));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-heading-md, 32px);
    font-style: normal;
    font-weight: var(--fontWeight-extraBold, 800);
    line-height: var(--lineHeight-heading-md-32, 40px); /* 125% */
    letter-spacing: var(--letterSpace-mediumCondensed, -2px);
}
.history-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}
.history-item{
    display: flex;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--gray-500, #c4c2c2);
}
.history-img{
    width: 411px;
    align-self: stretch;
    background: url(../img/11.jpeg) lightgray 50% / cover no-repeat;
}
.history-data{
    background: var(--neutral-White, #FFF);
    display: flex;
    width: 651px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    text-align: center;
}
.history-data-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.history-data-line{
    width: 603px;
    height: 1px;
    background: var(--gray-200, #DCDCDC)
}
.history-name-content{
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}
.history-name{
    color: var(--gray-800, var(--gray-800, #3F3F3F));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-heading-sm, 24px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-heading-sm-24, 32px); /* 133.333% */
    letter-spacing: var(--letterSpace-mediumCondensed, -2px);
}
.history-name-description{
    align-self: stretch;
    color: var(--gray-500, var(--gray-500, #797070));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-subtleCondense, -1px);
    text-align: justify;
}
.history-name-sulogam{
    align-self: stretch;
    color: var(--gray-500, var(--gray-500, #797070));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-subtleCondense, -1px);
    text-align: center;
}
.history-data-body{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    align-self: stretch;
}
.history-data-body-item{
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.history-data-body-icon{
    display: flex;
    width: 20px;
    height: 20px;
    align-items: flex-start;
    gap: 10px;
}
.history-data-body-text{
    color: var(--gray-600, var(--gray-600, #7C7C7C));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 16px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-subtleCondense, -1px);
}
.history-data-footer{
    display: flex;
    align-items: center;
    gap: 24px;
}
.history-btn-orderonline{
    display: flex;
    width: 160px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--amber-500, #B21D41);
}
.history-btn-direction{
    display: flex;
    width: 160px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--amber-500, #B21D41);
    background: var(--neutral-White, #FFF);
}
.history-btn-text{
    color: var(--neutral-White, var(--neutral-White, #FFF));
    text-align: center;

    /* Body/sm/Medium */
    font-family: var(--fontFamily-brand-primary, Inter);
    font-size: var(--fontSize-body-sm, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
    letter-spacing: var(--letterSpace-default, -0.5px);
}
.history-btn-text-direction{
    color: var(--amber-500, var(--amber-500, #B21D41));
    text-align: center;

    /* Body/sm/Medium */
    font-family: var(--fontFamily-brand-primary, Inter);
    font-size: var(--fontSize-body-sm, 14px);
    font-style: normal;
    font-weight: var(--fontWeight-medium, 500);
    line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
    letter-spacing: var(--letterSpace-default, -0.5px);
}
.history-btn-img{
    display: flex;
    width: 16px;
    height: 16px;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #404244;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}
.footer{
    display: flex;
    padding: 40px 80px;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #d5d5d5;
}
.footer ul li{
    list-style: none;
    margin-bottom: 10px;
}
.footer a{
    color: #000;
    text-decoration: none;
}
.footer-copyrights{
    background-color: #5B5B5B;
    color: #FFF;
    text-align: center;
    top: 27px;
    padding: 3px;
}
.logo-banner{
    display: flex;
    width: 66px;
    height: 99px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.logo-img{
    width: 93px;
    height: 99px;
    flex-shrink: 0;
}

/************* contact *************/
.contact-heading{
    align-self: stretch;
    color: var(--gray-700, var(--gray-700, #5B5B5B));
    text-align: center;
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-heading-md, 32px);
    font-style: normal;
    font-weight: var(--fontWeight-extraBold, 800);
    line-height: var(--lineHeight-heading-md-32, 60px); /* 125% */
    letter-spacing: var(--letterSpace-mediumCondensed, -2px);
}
.contact-address{
    align-self: stretch;
    border-radius: 16px;
    height: 450px;
    border: 1px solid var(--gray-500, #c4c2c2);
}
.contact-data-body-item{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    height: 25%;
}
.contact-data-body-icon{
    display: flex;
    width: 20px;
    height: 20px;
    align-items: flex-start;
    gap: 24px;
}
.contact-data-body-text{
    color: var(--gray-600, var(--gray-600, #7C7C7C));
    font-family: var(--fontFamily-brand-primary, Karla);
    font-size: var(--fontSize-body-md, 20px);
    font-style: normal;
    font-weight: var(--fontWeight-regular, 400);
    line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
    letter-spacing: var(--letterSpace-subtleCondense, -1px);
}
@media only screen and (max-width: 769px){
    .logo-img{
        width: 50px;
        height: 50px;
    }
    .banner-contain{
        background: var(--amber-25, #FFFBEB);
        display: flex;
        padding: 32px 80px 48px 80px;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        align-self: stretch;
        background-image: url('../img/11-banner1.jpeg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 150px;
    }
    .banner-heading{
        color: var(--amber-400, var(--amber-400, #D42A4F));
        text-align: center;
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-display-sm, 35px);
        font-style: normal;
        font-weight: var(--fontWeight-extraBold, 800);
        line-height: var(--lineHeight-display-sm-56, 48px); /* 114.286% */
        letter-spacing: var(--letterSpace-Tight, 0px);
        margin: 0px;
    }
    .banner-heading2{
        color: var(--amber-400, var(--amber-400, #D42A4F));
        text-align: center;
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-display-sm, 35px);
        font-style: normal;
        font-weight: var(--fontWeight-extraBold, 800);
        line-height: var(--lineHeight-display-sm-56, 24px); /* 114.286% */
        letter-spacing: var(--letterSpace-Tight, 0px);
        margin: 0px;
    }
    .banner-text{
        width: 100%;
    }
    .banner-btn{
        display: contents;
        align-items: center;
        gap: 58px;
    }
    .banner-btn-ruchi{
        color: var(--amber-500, var(--amber-500, #fff));
        text-align: center;
        /* Body/sm/Medium */
        font-family: var(--fontFamily-brand-primary, Inter);
        font-size: var(--fontSize-body-sm, 14px);
        font-style: normal;
        font-weight: var(--fontWeight-medium, 500);
        line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
        letter-spacing: var(--letterSpace-default, -0.5px);
    }
    .banner-btn-nila{
        color: var(--amber-500, var(--amber-500, #fff));
        text-align: center;

        /* Body/sm/Medium */
        font-family: var(--fontFamily-brand-primary, Inter);
        font-size: var(--fontSize-body-sm, 14px);
        font-style: normal;
        font-weight: var(--fontWeight-medium, 500);
        line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
        letter-spacing: var(--letterSpace-default, -0.5px);
        
    }
    .about-content{
        background: var(--amber-500, #B21D41);
        display: flex;
        padding: 16px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .about-text-layout{
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    .about-heading{
        align-self: stretch;
        color: var(--gray-25, var(--gray-25, #FBFBFB));
        text-align: center;
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-heading-lg, 22px);
        font-style: normal;
        font-weight: var(--fontWeight-extraBold, 800);
        line-height: var(--lineHeight-heading-lg-40, 36px); /* 120% */
        letter-spacing: var(--letterSpace-mediumCondensed, -2px);
    }
    .about-text{
        width: 100%;
        color: var(--gray-25, var(--gray-25, #FBFBFB));
        text-align: center;
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-body-md, 16px);
        font-style: normal;
        font-weight: var(--fontWeight-regular, 400);
        line-height: var(--lineHeight-body-md-16, 24px); /* 150% */
        letter-spacing: var(--letterSpace-default, -0.5px);
    }
    .store-layout{
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 72px;
    }
    .store-btn-orderonline{
        width:100%;
        display: flex;
        padding: 8px 12px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 8px;
        background: var(--amber-500, #B21D41);
    }
    .store-btn-direction{
        width:100%;
        display: flex;
        padding: 8px 12px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
    }
    .store-btn-text{
        color: var(--neutral-White, var(--neutral-White, #FFF));
        text-align: center;

        font-family: var(--fontFamily-brand-primary, Inter);
        font-size: var(--fontSize-body-sm, 14px);
        font-style: normal;
        font-weight: var(--fontWeight-medium, 500);
        line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
        letter-spacing: var(--letterSpace-default, -0.5px);
    }
    .store-list{
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }
    .store-item{
        display: flex;
        padding: 3px 2px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }
    .store-data{
        width: 100%;
    }
    .store-data-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }
    .store-name-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }
    .store-name{
        color: var(--gray-800, var(--gray-800, #3F3F3F));
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-body-lg, 18px);
        font-style: normal;
        font-weight: var(--fontWeight-medium, 500);
        line-height: var(--lineHeight-body-lg-18, 32px); /* 177.778% */
        letter-spacing: var(--letterSpace-Condensed, -1.5px);
    }
    .store-name-description{
        align-self: stretch;
        color: var(--gray-500, var(--gray-500, #999));
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-body-xs, 12px);
        font-style: normal;
        font-weight: var(--fontWeight-regular, 400);
        line-height: var(--lineHeight-body-xs-12, 16px); /* 133.333% */
        letter-spacing: var(--letterSpace-subtleCondense, -1px);
    }
    .store-data-line{
        width: 100%;
    }
    .store-img{
        position: absolute;
    }
    .store-data-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }
    /********** history changes ***************/
    .history-heading{
        align-self: stretch;
        color: var(--gray-700, var(--gray-700, #5B5B5B));
        text-align: center;
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-heading-md, 22px);
        font-style: normal;
        font-weight: var(--fontWeight-extraBold, 800);
        line-height: var(--lineHeight-heading-md-32, 36px); /* 125% */
        letter-spacing: var(--letterSpace-mediumCondensed, -2px);
    }

    .history-layout{
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 72px;
    }
    .history-btn-orderonline{
        width:100%;
        display: flex;
        padding: 8px 12px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 8px;
        background: var(--amber-500, #B21D41);
    }
    .history-btn-direction{
        width:100%;
        display: flex;
        padding: 8px 12px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
    }
    .history-btn-text{
        color: var(--neutral-White, var(--neutral-White, #FFF));
        text-align: center;

        font-family: var(--fontFamily-brand-primary, Inter);
        font-size: var(--fontSize-body-sm, 14px);
        font-style: normal;
        font-weight: var(--fontWeight-medium, 500);
        line-height: var(--lineHeight-body-sm-14, 24px); /* 171.429% */
        letter-spacing: var(--letterSpace-default, -0.5px);
    }
    .history-list{
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }
    .history-item{
        display: flex;
        padding: 3px 2px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }
    .history-data{
        width: 100%;
    }
    .history-data-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }
    .history-name-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }
    .history-name{
        color: var(--gray-800, var(--gray-800, #3F3F3F));
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-body-lg, 18px);
        font-style: normal;
        font-weight: var(--fontWeight-medium, 500);
        line-height: var(--lineHeight-body-lg-18, 32px); /* 177.778% */
        letter-spacing: var(--letterSpace-Condensed, -1.5px);
    }
    .history-name-description{
        align-self: stretch;
        color: var(--gray-500, var(--gray-500, #999));
        font-family: var(--fontFamily-brand-primary, Karla);
        font-size: var(--fontSize-body-xs, 12px);
        font-style: normal;
        font-weight: var(--fontWeight-regular, 400);
        line-height: var(--lineHeight-body-xs-12, 16px); /* 133.333% */
        letter-spacing: var(--letterSpace-subtleCondense, -1px);
    }
    .history-data-line{
        width: 100%;
    }
    .history-img{
        position: absolute;
    }
    .history-data-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }

}
.slider {
    position: relative;
    width: 80%;
    max-width: 800px;
    height: 450px; /* Fixed height */
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    height: 450px; /* Ensure slides match the slider height */
}

.slide img {
    width: 100%;
    height: 100%; /* Make the image cover the entire slide area */
    object-fit: cover; /* Ensures the image fills the slide area without distortion */
    border-radius: 10px;
}

.slide-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
}

.slide-button.prev {
    left: 10px;
}

.slide-button.next {
    right: 10px;
}

.slide-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}