/* ################################## */
            /*Responsive*/
/* ################################## */
@import url(responsive.css);
/* ################################## */
            /*Responsive*/
/* ################################## */
/* ################################## */
            /*Fonts*/
/* ################################## */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* ################################## */
            /*Fonts*/
/* ################################## */

/* Your Style */

/* On Load Home */
.on-load-home {
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    justify-content: center;
    padding-top: 17.65625vw;
}

.on-load-content-container {
    width: 45.416667vw;
    height: 20.833333vw;
    box-shadow: 0px .625vw 2.5vw 0px rgba(0, 0, 0, 0.12);
    border-radius: .416667vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.on-load-content1 {
    width: 21.197917vw;
    height: 20.833333vw;
    background-color: #00b207;
    padding: 2.083333vw .989583vw 2.135417vw 1.666667vw;
    border-radius: .416667vw 0px 0px .416667vw;
}
.on-load-content1 img {
    width: 18.541667vw;
    height: 16.614583vw;
    box-shadow: .104167vw .208333vw .229167vw 0px rgba(0, 0, 0, 0.25);
}

.on-load-content2 {
    width: 24.21875vw;
    height: 20.833333vw;
    background-color: #FFF;
    border-radius: 0px .416667vw .416667vw 0px;
    position: relative;
}
.on-load-content2 h2 {
    color: #1A1A1A;
    font-size: 1.822917vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
    margin: 5.3125vw 0 .833333vw 0;
}
.on-load-content2 span {
    color: #F00;
    text-align: center;
    font-size: 1.822917vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.on-load-content2 p {
    color: #999;
    text-align: center;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.on-load-content2 a {
    display: inline-flex;
    padding: .729167vw 2.34375vw .78125vw 2.291667vw;
    justify-content: center;
    align-items: center;
    border-radius: 2.239583vw;
    background: #00B207;
    cursor: pointer;
    border: none;
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.041667vw;
    margin: 1.197917vw 0 0 8.177083vw;
}

.close-on-load {
    width: 2.34375vw;
    height: 2.34375vw;
    padding: .520833vw;
    position: absolute;
    margin: .416667vw .416667vw 0 21.458333vw;
    cursor: pointer;
}
.close-on-load img {
    width: 1.302083vw;
    height: 1.302083vw;
    position: absolute;
}
/* On Load Home End */

.content {
    color: #666666;
}

/* Header */
header {
    width: 100%;
    height: auto;
}

.header-container1 {
    width: 100%;
    height: 2.1875vw;
    background: #FFFFFF;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
}

.header-container2 {
    width: 100%;
    height: 4.84375vw;
    display: flex;
    align-items: center;
}

.logo-container {
    display: flex;
    align-items: center;
    margin-left: 11.302083vw;
    margin-right: 9.739583vw;
    cursor: pointer;
}
.img-logo-header {
    width: 11.614583vw;
    height: 2.916667vw;
    object-fit: contain;
    margin-right: .78125vw;
}

.input-header-container {
    display: flex;
    margin-right: 4.739583vw;
    align-items: center;
}

.icon-search {
    position: relative;
    display: flex;
    align-items: center;
}

.icon-search-span1 {
    width: 1.041667vw;
    height: 1.041667vw;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .833333vw;
}
.icon-search-span1 img {
    width: .694271vw;
    height: .694271vw;
}

.input-search {
    width: 20.833333vw;
    height: 2.34375vw;
    Padding: .625vw .9375vw .625vw 2.03125vw;
    font-weight: 400;
    font-size: .78125vw;
    color: #808080;
    border: 1px solid #E6E6E6;
    border-radius: .3125vw 0px 0px .3125vw;
}
.input-search::placeholder {
    font-family: "Poppins", sans-serif;
}

.button-search {
    font-family: "Poppins", sans-serif;
    width: 5.104167vw;
    height: 2.34375vw;
    border-radius: 0px .3125vw .3125vw 0px;
    Padding: .729167vw 1.25vw .729167vw 1.25vw;
    Gap: .625vw;
    background-color: #057A10;
    color: #FFFFFF;
    font-size: .729167vw;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.language-container {
    display: flex;
    align-items: center;
    width: 1.197917vw;
    height: .78125vw;
    cursor: pointer;
}

.language-text {
    font-weight: 400;
    font-size: .625vw;
    display: flex;
    align-items: center;
    margin-left: .416667vw
}
.language-text p {
    color: #666;
    text-align: center;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.chevron-down-header {
    display: flex;
    align-items: center;
    margin-left: .3125vw;
}
.chevron-down-header img{
    width: .364583vw;
    height: .182292vw;
}

.currency-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-right: 1px solid #E6E6E6;
    width: 3.125vw;
    height: .78125vw;
    margin-left: 3.90625vw;
    cursor: pointer;
}
.currency p {
    color: #666;
    text-align: center;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.account-container {
    display: flex;
    align-items: center;
    margin-left: 1.041667vw;
    margin-right: 1.510417vw;
}

.account-profile p {
    color: #666;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    cursor: pointer;
}

.account-image {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.account-image img {
    width: 3.28125vw;
    height: 2.1875vw;
    margin-left: .260417vw;
}

.shopping-bag {
    display: flex;
    align-items: center;
    border-left: 1px solid #E6E6E6;
    height: .78125vw;
    padding-left: .833333vw;
    cursor: pointer;
}
.shopping-bag-mquery {
    display: none;
}

.menu-search-mquery {
    display: none;
}

.item-number {
    display: flex;
    justify-content: flex-end;
}
.item-number span {
    position: absolute;
    border: 1px solid #ffffff;
    background-color: #FF0000;
    border-radius: .833333vw;
    height: .9375vw;
    width: .9375vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .520833vw;
    color: #ffffff;
    z-index: 2;
    padding-top: 1px;
}

.bag-icon {
    width: 1.770833vw;
    height: 1.770833vw;
    position: relative;
    z-index: 1;
}

.bag-icon2 {
    width: 1.770833vw;
    height: 1.770833vw;
    position: absolute;
}

.shopping-info {
    margin-left: .625vw;
    margin-left: .625vw;
    display: flex;
    gap: .364583vw;
    flex-direction: column;
}
.shopping-info p {
    color: #4D4D4D;
    font-size: .572917vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.shopping-info span {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.header-container3 {
    width: 100%;
    height: 3.125vw;
    background-color: #333333;
    color: #999999;
    display: flex;
    justify-content: space-between;
}

.buttons-menu {
    width: 22.96875vw;
    height: 34.739583vw;
    background: linear-gradient(180deg, #333 0%, #000 100%);
    box-shadow: .208333vw .208333vw .208333vw 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 3;
    margin-top: .416667vw;
    padding: 3.920833vw 0 0 3.4375vw;
    display: none;
}

.buttons-menu img {
    width: .520833vw;
    height: .238542vw;
    margin-left: .416667vw;
}

.menu-user-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.menu-user-button p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-id-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-bottom: .104167vw solid #757575;
    padding-bottom: 1.5625vw;
    width: 16.458333vw;
    margin-top: .520833vw;
}
.menu-id-button p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-best-product-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 1.666667vw;
}
.menu-best-product-button p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-deals-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: .520833vw;
    border-bottom: .104167vw solid #757575;
    padding-bottom: 1.5625vw;
    width: 16.458333vw;
    
}
.menu-deals-button p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-my-profile-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 1.666667vw;
    margin-bottom: 1.5625vw;
}
.menu-my-profile-button p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-spin-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.menu-spin-button p {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-achievements-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: .520833vw 0;
}
.menu-achievements-button p {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-ticket-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.menu-ticket-button p {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-code-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: .520833vw;
    border-bottom: .104167vw solid #757575;
    padding-bottom: 1.5625vw;
    width: 16.458333vw;
}
.menu-code-button p {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-contact-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 1.666667vw;
    margin-bottom: .520833vw;
}
.menu-contact-button p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu-aboutus-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.menu-aboutus-button p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

}

.menu-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: .729167vw;
    font-weight: 500;
}

.menu-icon-nav {
    margin: 0 2.03125vw 0 3.229167vw;
    cursor: pointer;
}

.menu-icon {
    width: 1.25vw;
    height: 1.25vw;
}

.product-nav p, .product-vector p, .about-us-nav p, .contact-nav p, .loyalty-program-nav p {
    color: #999;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.product-nav {
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}

.product-vector {
    width: .486094vw;
    height: .243073vw;
    margin-left: .208333vw;
}

.about-us-nav {
    margin: 0 1.666667vw;
    cursor: pointer;
}

.contact-nav {
    cursor: pointer;
}

.loyalty-program-nav {
    margin: 0 1.666667vw 0 0;
    cursor: pointer;
}

.nav-info-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    color:#FFFFFF;
    font-size: .729167vw;
    font-weight: 500;
}

.nav-social-media {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.facebook-background {
    border: 1px solid #00B207;
    display: flex;
    justify-content: center;
    background-color: #00B207;
    height: 1.510417vw;
    width: 1.510417vw;
    border-radius: 26.041667vw;
    align-items: center;
    margin-right: .9375vw;
    cursor: pointer;
}
.facebook-icon {
    width: .679688vw;
    height: .679688vw;
}

.instagram-background {
    border: 1px solid #00B207;
    display: flex;
    justify-content: center;
    background-color: #00B207;
    height: 1.510417vw;
    width: 1.510417vw;
    border-radius: 26.041667vw;
    align-items: center;
    cursor: pointer;
}
.instagram-icon {
    width: .65625vw;
    height: .65625vw;
}

.phone-number {
    display: flex;
    flex-direction: row;
    margin: 0 1.302083vw 0 1.510417vw;
}

.phone-icon-container {
    margin-right: .416667vw;
    display: flex;
    align-items: center;
}

.phone-icon {
    width: 1.046354vw;
    height: 1.046354vw;
}

.phone-number-container {
    margin-left: .260417vw;
    display: flex;
    align-items: center;
}
.phone-number-container p {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.mercacuba-tickets {
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}

.ticket-icon-container {
    margin-right: .260417vw;
}

.ticket-icon {
    width: 1.354167vw;
    height: 1.25vw;
}

.ticket-text-container {
    margin-left: .208333vw;
}
.ticket-text-container p {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.nav-info {
    margin: 0 3.4375vw 0 1.041667vw;
    cursor: pointer;
}
.nav-info p {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.menu-nav-mquery {
    display: none;
}
/* Header End*/

/* container1 */
.container1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container1-container1 {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    height: auto;
    color: #FFFFFF;
    margin-top: 1.25vw;
}

.content1-container1 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    width: 45.364583vw;
    height: 31.25vw;
    border-radius: .625vw;
    background: linear-gradient(90deg, #007C0C 27.93%, #057A10 27.94%, #06C018 99.94%);
    margin-right: .625vw;
    justify-content: space-between;
    
}

.content1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    margin-left: 2.291667vw
}

.title1-content1-container1 {
    margin-top: 5.260417vw;
}
.title1-content1-container1 h2 {
    color: #FFF;
    font-size: 2.604167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 3.125vw;
}
.title1-content1-container1 svg {
    display: none;
}

.title2-content1-container1 {
    border-left: .104167vw solid #84D187;
    height: 3.385417vw;
    margin: 1.822917vw 0 2.65625vw 0
}
.title2-content1-container1 p {
    display: block;
    color: #FFF;
    font-size: 1.302083vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.822917vw;
    margin-left: .78125vw;
}
.title2-content1-container1 svg {
    display: none;
}

.button-content1-container1 button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #F7931E;
    border-radius: 2.760417vw;
    width: 9.947917vw;
    height: 2.65625vw;
    border: none;
    cursor: pointer;
}
.button-content1-container1 svg {
    display: none;
}

.button-content1-container1 p {
    font-size: .833333vw;
    font-weight: 600;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
} 

.button-content1-container1 img {
    width: .78125vw;
    height: .627604vw;
    margin-left: .520833vw;
}

.images-content1-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;

}

.img1-content1-container1 {
    position: absolute;
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: flex-end;
}
.img1-content1-container1 img {
    width: 31.614583vw;
    height: 30.885417vw;
    padding-left: 2.03125vw
}
.img2-content1-container1 {
    display: flex;
    align-items: flex-end;
}
.img2-content1-container1 img {
    width: 34.375vw;
    height: 30.572917vw;
}

.content2-container1 {
    display: flex;
    flex-direction: column;
    margin-left: 1.197917vw;
}


.content2 {
    width: 22.083333vw;
    height: 14.895833vw;
    background-color: #F5F5F5;
    color: #666666;
    display: flex;
    flex-direction: row;
    border-radius: .260417vw;
    margin-bottom: .677083vw;
}

.content2-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 1.041667vw;
}

.text1-content2 {
    margin: 2.34375vw 0 .416667vw 0;
    width: 145%;
}
.text1-content2 p {
    color:#1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .42px;
    text-transform: uppercase;
}

.title-content2 h3 {
    color: #1A1A1A;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.text2-content2 {
    margin: .625vw 0 1.25vw 0;
}
.text2-content2 p {
    color:  #666;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.text1-2-content3-mquery {
    display: none;
}

.button-content2-container1 {
    display: flex;
    border: none;
    background-color: transparent;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}
.button-content2-container1 p {
    font-weight: 600;
    font-size: .833333vw;
    color: #057A10;
    font-family: "Poppins", sans-serif;
}
.button-content2-container1 img {
    width: .78125vw;
    height: .627604vw;
    margin-left: .520833vw;
}

.img-content2-container1 {
    display: flex;
    align-items: flex-end;
}
.img-content2-container1 img {
    width: 13.333333vw;
    height: 13.385417vw;
}

.content3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    background-image: url("../media/icons/content-home/BG.png");
    background-size: cover;
    width: 22.03125vw;
    height: 15vw;
    border-radius: .520833vw;
    margin-top: .677083vw;
    justify-content: space-between;
}

.content3-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 3.177083vw;
    position: absolute;
}

.text1-content3 {
    margin: 3.489583vw 0 .625vw 0;
}
.text1-content3 p {
    font-weight: 500;
    font-size: .729167vw;
    line-height: .729167vw;
}

.text2-content3 h2 {
    font-size: 1.666667vw;
    font-weight: 600;
    line-height: 2vw;
    margin-bottom: .260417vw;
}

.img1-content3-container1 img {
    width: 7.34375vw;
    height: 4.114583vw;
}

.button-content3-container1 {
    display: flex;
    align-items: center;
    flex-direction: row;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.button-content3-container1 p {
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-weight: 600;
    color: #FFFFFF;
}
.button-content3-container1 img {
    width: .78125vw;
    height: .627604vw;
    margin-left: .520833vw;
}

.img2-content3-container1 {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.img2-content3-container1 img {
    width: 3.90625vw;
    height: 15vw;
}

.content3-container1 {
    display: flex;
    flex-direction: row;
    width: 68.75vw;
    height: 6.666667vw;
    border-radius: .416667vw;
    padding: 2.083333vw;
    box-shadow: 0px .416667vw 2.083333vw 0px rgba(0, 38, 3, 0.08);
    margin-top: 1.25vw;
    background: #FFFFFF;
}
.content3-container1 span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.free-shipping-container {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.free-shipping-container-mquery {
    display: none;
}

.text-content3-container1 {
    margin-left: .833333vw;
    width: 13.020833vw;
}
.text-content3-container1 h4 {
    font-size: .833333vw;
    font-weight: 600;
    line-height: 1vw;
    color:#1A1A1A;
}
.text-content3-container1 p {
    font-size: .729167vw;
    font-weight: 400;
    line-height: 1.09375vw;
    color: #999999;
}


.customer-support-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0px .277604vw 0 .277604vw;
}
.customer-support-container-mquery {
    display: none;
}

.shopping-bag-container {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.shopping-bag-container-mquery {
    display: none;
}

.garantie-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-left: .277604vw;
}
.garantie-container-mquery {
    display: none;
}

.images-content3-container1 img {
    width: 2.083333vw;
    height: 2.083333vw;
}
/* container1 End */

/* container2 */
.container2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content1-container2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 3.958333vw 0 3.125vw 0; 
}

.title-content1-container2 h2 {
    font-size: 2.083333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #002603;
}

.text-content1-container2 {
    margin: .260417vw 0 1.614583vw 0;
}
.text-content1-container2 p {
    text-align: center;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: #1A1A1A;
}

.buttons-content1-container2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.buttons-content1-container2-mquery {
    display: none;
}

.button-top-product-jumex {
    display: flex;
    width: 9.947917vw;
    height: 2.65625vw;
    padding: .833333vw 0px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 2.760417vw;
    border: .208333vw solid #057A10;
    background-color: transparent;
    cursor: pointer;
}
.button-top-product-jumex p {
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #057A10;
}

.button-top-product-charro {
    display: flex;
    width: 9.947917vw;
    height: 2.65625vw;
    padding: .833333vw 3.177083vw;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 2.760417vw;
    background: #057A10;
    border: none;
    cursor: pointer;
    margin: 0 2.604167vw 0 2.604167vw;
}
.button-top-product-charro p {
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #FFFFFF;
}

.button-top-product-power8 {
    display: flex;
    width: 9.947917vw;
    height: 2.65625vw;
    padding: .833333vw 3.072917vw .833333vw 3.020833vw;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 2.760417vw;
    background: #057A10;
    border: none;
    cursor: pointer;
}
.button-top-product-power8 p {
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #FFFFFF;
}

/**/
.products-contenet2-container2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.content2-container2 {
    display: flex;
    width: 13.75vw;
    height: 17.03125vw;
    border: 1px solid #E6E6E6;
    flex-direction: column;
    justify-content: flex-start;
}

.border-content2-container2 {
    display: flex;
    width: 13.75vw;
    height: 17.03125vw;
    border: 1px solid #E6E6E6;
    flex-direction: column;
    border: 1px solid #2C742F;
}

.stock-flavor-container {
    display: none;
    padding-left: .572917vw;
    padding-top: 1.458333vw;
    width: 6.666667vw;
    height: 11.71875vw;
    flex-shrink: 0;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    background: #FFFFFF;
    flex-direction: column;
    position: absolute;
}

.stock {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .729167vw;
}
.stock p {
    color: #000;
    font-size: .416667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.apple-stock {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .729167vw;
}
.apple-stock p {
    color: #057A10;
    font-size: .416667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.stock-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-right: .416667vw;
}

.button-plus-stock-container {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: 1.9vw;
    height: .72vw;
    border-radius: 8.854167vw;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    cursor: pointer;
    justify-content: center;
    gap: .15625vw;
}
.button-plus-stock-container span {
    text-align: center;
    font-size: .416667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

}
.button-plus-stock-container img {
    width: .3125vw;
    height: .3125vw;
    margin-left: .15625vw;
    cursor: pointer;
}

.button-delete-stock-container {
    border: none;
    cursor: pointer;
    background: transparent;
    margin-left: .260417vw;
    cursor: pointer;
    width: .520833vw;
    height: .520833vw;
}
.button-delete-stock-container-mquery {
    display: none;
}

.img1-product-container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
    height: 11.66vw;
}
.img1-product-container2 img {
    width: 6.25vw;
    height: 10.78125vw;
}

.content-info-product-container2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: .416667vw .833333vw 1.5625vw 1.041667vw
}

.container-info {
    cursor: pointer;
}

.title-product0-container3 {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.title-product0-container3 h3 {
    color: #2C742F;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.title-product0-container3 p {
    color: #000000;
    font-size: .364583vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .260417vw;
}

.title-product-container3 {
    display: flex;
    flex-direction: column-reverse;
}
.title-product-container3 h3 {
    color: #4C4C4C;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.title-text-product-container3 {
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.title-product-container3 p {
    color: #000000;
    font-size: .364583vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.title-product1-container3 {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: max-content;
}
.title-product1-container3 h3 {
    color: #4C4C4C;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.title-product1-container3 p {
    color: #000000;
    font-size: .364583vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .260417vw;
}

.product-price-container2 p {
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #1A1A1A;
}

.img-ticket-product-container2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: -.520833vw;
}
.img-ticket-product-container2 p {
    color: #000000;
    font-size: .572917vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.img-ticket-product-container2 img {
    width: 1.458333vw;
    height: 1.354167vw;
    margin-left: .260417vw;
}

.svg-plus-stock-container {
    width: .416667vw;
    height: .416667vw;
    cursor: pointer;
}

.svg-minus-stock-container {
    width: .416667vw;
    height: .416667vw;
    cursor: pointer;
}

.button-greenbag-product-container2 {
    width: 2.083333vw;
    height: 2.083333vw;
    cursor: pointer;
    border: none;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-greenbag-product-container2 img {
    width: 1.041667vw;
    height: 1.041667vw;
}
.button-greenbag-product-container2 svg {
    width: 1.041667vw;
    height: 1.041667vw;
}

.button-delete-stock-container {
    display: none;
}

.button-bag-product-container2 {
    width: 2.083333vw;
    height: 2.083333vw;
    cursor: pointer;
    border: none;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-bag-product-container2 img {
    width: 1.041667vw;
    height: 1.041667vw;
}
.button-bag-product-container2 svg {
    width: 1.041667vw;
    height: 1.041667vw;
}

.button-bag-product-description-container2 {
    width: 2.083333vw;
    height: 2.083333vw;
    cursor: pointer;
    border: none;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-bag-product-description-container2 img {
    width: 1.041667vw;
    height: 1.041667vw;
}
.button-bag-product-description-container2 svg {
    width: 1.041667vw;
    height: 1.041667vw;
}


/*img product*/
.img1-product10-container2, .img1-product9-container2, .img1-product8-container2, .img1-produc7-container2, .stock-products-content4-container2 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 11.1vw;
    cursor: pointer;
    justify-content: center;
}

.img1-product6-container2, .img1-product5-container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 11.66vw;
    cursor: pointer;
}

.img1-product5-container2 img {
    width: 4.947917vw;
    height: 11.041667vw;
    object-fit: contain;
}

.img1-product6-container2 img {
    width: 4.0625vw;
    height: 11.5625vw;
    object-fit: contain;
}

.img1-produc7-container2 img {
    width: 11.5625vw;
    height: 10.052083vw;
    object-fit: contain;
}

.img1-product8-container2 img {
    width: 100%;
    height: 11.1vw;
    object-fit: contain;
}

.img1-product9-container2 img {
    width: 100%;
    height: 11.1vw;
    object-fit: contain;
}

.img1-product10-container2 img {
    width: 100%;
    height: 11.1vw;
    object-fit: contain;
}

.img1-product-content4-container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
    height: 11.66vw;
}
.img1-product-content4-container2 img {
    width: 10vw;
    height: 11.09375vw;
}

.img2-product-content4-container2 {
    display: flex;
    justify-content: center;
    width: 13.75vw;
    height: 12.135417vw;
    align-items: center;
    cursor: pointer;
}
.img2-product-content4-container2 img {
    width: 8.4375vw;
    height: 9.21875vw;
}
/*img product*/

/**/
.content3-container2 {
    display: flex;
    align-items: center;
    flex-direction: row;
    background-image: url("../media/icons/content2-home/blackboard-569260_1280\ 1.png");
    background-size: cover;
    border-radius: .520833vw;
    width: 69.322917vw;
    height: 18.645833vw;
    margin: 6.666667vw 0 6.614583vw 0;
}

.img-bottle-content3-container2 {
    display: flex;
    align-items: center;
    padding-bottom: 1.71875vw;
}
.img-bottle-content3-container2 img {
    width: 41.197917vw;
    height: 24.166667vw;
}
.img-bottle-mquery {
    display: none;
}

.oil-product-content3-container2 {
    margin-left: 2.5vw;
}
.oil-product-content3-container2 h4 {
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: .833333vw;
    letter-spacing: .32px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: .625vw;
}

.discount-text {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
}
.discount-text h3 {
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #FF8A00;
}
.discount-text p {
    font-size: 1.822917vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #FFFFFF;
    margin-left: .885417vw;
}

.discount-text2 {
    margin: .833333vw 0 1.041667vw 0;
}
.discount-text2 p {
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.7;
    color: #FFFFFF;
}

.button-discount-content3-container2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.oil-product-content3-container2-mquery {
    display: none;
}

.button-content3-container3 {
    display: flex;
    align-items: center;
    flex-direction: row;
    background-color: #00B207;
    border-radius: 2.239583vw;
    padding: .833333vw 2.083333vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 9.635417vw;
    height: 2.65625vw;
    border: none;
    cursor: pointer;
} 
.button-content3-container3 p {
    font-family: "Poppins", sans-serif;
    color: #FFFFFF;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.button-content3-container3 img {
    width: .78125vw;
    height: .627604vw;
    margin-left: .833333vw;
}

.img-ticket-product-container3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1.197917vw;
}
.img-ticket-product-container3 p {
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #FFFFFF;
}
.img-ticket-product-container3 img {
    width: 1.458333vw;
    height: 1.354167vw;
    margin-left: .3125vw;
}

/*content4*/

.content4-container2 {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.title-content4-container2 {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 3.125vw;
}
.title-content4-container2 h2 {
    margin-right: 23.75vw;
    color: #000;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.ver-button-content4-container2 {
    display: flex;
    align-items: center;
    flex-direction: row;
    border: none;
    background: transparent;
    margin-left: 23.59375vw;
    cursor: pointer;
}
.ver-button-content4-container2 P {
    color: #000;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.ver-button-content4-container2 img {
    width: .78125vw;
    height: .627604vw;
    margin-left: .625vw;
}

.ver-button-content4-container2 svg {
    display: none;
}

.our-product-content4-container2 {
    margin-bottom: 10.9375vw;
}
/* container2 End */


/* container3 */
.container3 {
    width: 100%;
    height: auto;
}

.title-container3 {
    margin-left: 15.625vw;
    margin-bottom: 2.135417vw;
    color: #1A1A1A;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}

.content-container3 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-bottom: 9.947917vw;
}

.daily-deal1-container3 {
    width: 22.083333vw;
    height: 27.96875vw;
    border-radius: .520833vw;
    background: #3884BF;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.daily-deal1-container3 p {
    color: #FFFFFF;
    text-align: center;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-right: 2.5vw;
}
.daily-deal1-container3 h3 {
    color: #FFFFFF;
    text-align: center;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.daily-deal1-container3 h2 {
    color: #FFF;
    text-align: center;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: -1.041667vw;
}
.daily-deal1-container3 svg {
    display: none;
}

.daily-deal-price{
    color: #000;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.img-deal-pizza-sauce {
    display: flex;
    justify-content: center;
}

.img1-daily-deal1-container3 {
    width: 24.947917vw;
    height: 14.010417vw;
    margin-left: .520833vw;
}

.daily-deal2-container3 {
    width: 22.083333vw;
    height: 27.96875vw;
    border-radius: .520833vw;
    background: #000;
    background-image: url(../media/icons/content3-home/WhatsApp_Image_2023-10-10_at_12.06\ 1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 9.635417vw 27.395833vw;
    margin: 0 1.354167vw;
    cursor: pointer;
}
.daily-deal2-container3 p {
    color: #FFF;
    text-align: center;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-right: 2.5vw;
}
.daily-deal2-container3 h3 {
    color: #FFF;
    text-align: center;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.daily-deal2-container3 h2 {
    color: #FFF;
    text-align: center;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.daily-deal-price2 {
    color: #F7931E;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.daily-deal2-text1-mquery {
    display: none;
}
.daily-deal2-text2-mquery {
    display: none;
}

.daily-deal3-container1 {
    width: 22.083333vw;
    height: 27.96875vw;
    border-radius: .520833vw;
    background: #FCC900;
    cursor: pointer;
}
.daily-deal3-container1 p {
    color: #000;
    text-align: center;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-right: 2.5vw;
}
.daily-deal3-container1 h3 {
    color: #000;
    text-align: center;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: .625vw;
}

.daily-deal-text {
    color: #000;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.daily-deal3-text1-mquery {
    display: none;
}

.daily-deal3-text2-mquery {
    display: none;
}

.daily-deal3-container1 h2 {
    color: #000;
    text-align: center;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.daily-deal-price3 {
    color: #000;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.deal-button-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 2.1875vw;
    margin-bottom: 1.197917vw;
    margin-right: 1.354167vw;
}
.deal-button-container svg {
    display: none;
}
/* container3 End */

/* container4 */
.container4 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 24.166667vw;
    background: #F7F7F7;
    margin-bottom: 1.5625vw;
    justify-content: space-between;
    align-items: center;
}

.container4 h2 {
    margin: 3.75vw 0 1.666667vw 0;
    color: #1A1A1A;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.images-container4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 6.354167vw;
}
.images-container4 img {
    width: 10.416667vw;
    height: 10.416667vw;
    margin: 0 1.25vw;
    cursor: pointer;
}
/* container4 End */

/* Section Sign In */
#sign-in{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    width: 100%;
}

.account-login {
    background-image: url("../media/icons/header/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.sing-in-container{
    width: 27.083333vw;
    height: 19.322917vw;
    display: inline-flex;
    padding: 1.25vw 1.25vw 1.666667vw 1.25vw;
    flex-direction: column;
    gap: 1.041667vw;
    border-radius: .416667vw;
    border: 1px solid #F2F2F2;
    background: #FFF;
    box-shadow: 0px 0px 2.916667vw 0px rgba(0, 38, 3, 0.08);
    margin: 4.166667vw 0;
    align-items: center;
}
.sing-in-container h1 {
    color: #1A1A1A;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-family: "Poppins", sans-serif;
}

.sign-in-email {
    display: flex;
    padding: .729167vw .833333vw;
    justify-content: center;
    align-items: center;
    gap: .520833vw;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 24.583333vw;
    height: 2.552083vw;
    margin-top: 1.041667vw;
    margin-bottom: .625vw;
}
.sign-in-email::placeholder {
    font-family: "Poppins", sans-serif;
    color: #999;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.sign-in-password-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sign-in-password-container span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: .833333vw;
    position: absolute;
}

.sign-in-password {
    display: flex;
    padding: .729167vw .833333vw;
    justify-content: center;
    align-items: center;
    gap: .520833vw;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 24.583333vw;
    height: 2.552083vw;
}
.sign-in-password::placeholder {
    font-family: "Poppins", sans-serif;
    color: #999;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.sing-in-container img {
    width: 1.041667vw;
    height: 1.041667vw;
    position: absolute;
    cursor: pointer;
}

.forgot-password {
    display: flex;
    justify-content: space-between;
    gap: 8.948vw;
}

.checkbox-remember {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.checkbox-remember p {
    color: #666;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .3125vw;
}

.remember-checkbox-input {
    width: 1.041667vw;
    height: 1.041667vw;
    border-color: #CCCCCC;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: .130208vw;
}

.forgot-password-button {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--Gray-Scale-Gray-600, #666);
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: "Poppins", sans-serif;
}

.login-button {
    border: none;
    cursor: pointer;
    display: flex;
    width: 24.583333vw;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    background: #057A10;
    color:#FFF;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.continue-container {
    display: flex;
    align-items: center;
    margin-top: 1.067708vw;
    margin-bottom: .755208vw;
}

.continue-line {
    width: 7.291667vw;
    border-top: 1px solid #057A10;
}

.continue h2 {
    font-family: "Poppins", sans-serif;
    color: #444B59;
    text-align: center;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .104167vw;
    padding: .416667vw;
}

.sign-in-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.sign-in-button p {
    color: #666;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
} 
.sign-in-button a {
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    font-family: "Poppins", sans-serif;
    margin-left: .260417vw;
}

.sign-up-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 1.666667vw;
}
.sign-up-button p {
    color: #666;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.sign-up-button a {
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    font-family: "Poppins", sans-serif;
    margin-left: .260417vw;
}
/* Section Sign In End */

/* Section Sign Up */
.sign-up {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    width: 100%;
}

.account-sing-up {
    background-image: url("../media/icons/content-signup/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.sign-up-container {
    width: 27.083333vw;
    height: 31.041667vw;
    border-radius: .416667vw;
    border: 1px solid #F2F2F2;
    background: #FFF;
    box-shadow: 0px 0px 2.916667vw 0px rgba(0, 38, 3, 0.08);
    margin: 4.166667vw 0;
    padding: 0 1.25vw;
}

.sign-up-email-password {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sign-up-container h1 {
    color: #1A1A1A;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-family: "Poppins", sans-serif;
    margin-top: 1.875vw;
    margin-bottom: 1.041667vw;
}

.sign-up-email {
    display: flex;
    padding: .729167vw .833333vw;
    justify-content: center;
    align-items: center;
    gap: .520833vw;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 24.583333vw;
    height: 2.552083vw;
}
.sign-up-email::placeholder {
    font-family: "Poppins", sans-serif;
    color: #999;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.sign-up-password-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.sign-up-password-container span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: .833333vw;
    position: absolute;
}

.sign-up-password {
    display: flex;
    padding: .729167vw .833333vw;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 24.583333vw;
    height: 2.552083vw;
    margin-top: .625vw;
    margin-bottom: .625vw;
}
.sign-up-password::placeholder {
    color: #999;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-family: "Poppins", sans-serif;
}

.sign-up-password-container img {
    width: 1.041667vw;
    height: 1.041667vw;
    position: absolute;
    margin-right: .833333vw;
    cursor: pointer;
}

.sign-up-confirm-password {
    display: flex;
    padding: .729167vw .833333vw;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 24.583333vw;
    height: 2.552083vw;
}
.sign-up-confirm-password::placeholder {
    color: #999;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-family: "Poppins", sans-serif;
}

.checkbox-term-cond {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: .833333vw;
    margin-bottom: 1.041667vw;
}
.checkbox-term-cond p {
    color: #666;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .3125vw;
}

.buttons-google-fecebook-apple {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.buttons-google-fecebook-apple button {
    background: transparent;
    cursor: pointer;
    display: flex;
    width: 6.25vw;
    height: 4.166667vw;
    padding: .78125vw 1.875vw;
    align-items: flex-start;
    gap: .520833vw;
    flex-shrink: 0;
    border-radius: .416667vw;
    border: .104167vw solid #057A10;
}
.buttons-google-fecebook-apple img {
    width: 2.604167vw;
    height: 2.604167vw;
}
/* Section Sign Up End */

/* Section User Account */
.user-account {
    display: block;
}

.account-panel-contol {
    background: url("../media/icons/content-user-account/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.menu-panel-control {
    display: none;
}

.menu-display-user-account {
    display: none;
}

.content-user-account {
    display: flex;
    flex-direction: row;
    margin: 3.125vw 0 0 15.3125vw;
}

.profile-panel-control {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 13.854167vw;
    height: 14.479167vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding-top: 1.666667vw;
}
.profile-panel-control img {
    width: 6.25vw;
    height: 6.25vw;
    border-radius: 6.25vw;
}
.profile-panel-control h3 {
    color: #1A1A1A;
    text-align: center;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: .416667vw 0 .104167vw 0;
}
.profile-panel-control p {
    color: #808080;
    text-align: center;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.diamond-card-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .28125vw;
    margin-top: .46875vw;
}
.diamond-card-user-account img {
    width: 1.333333vw;
    height: .833333vw;
    border-radius: 0;
}
.diamond-card-user-account h4 {
    color: #808080;
    text-align: center;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.profile-panel-control1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 13.854167vw;
    height: 14.479167vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding-top: 1.666667vw;
}
.profile-panel-control1 img {
    width: 6.25vw;
    height: 6.25vw;
    border-radius: 6.25vw;
}
.profile-panel-control1 h3 {
    color: #1A1A1A;
    text-align: center;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: .416667vw 0 .104167vw 0;
}
.profile-panel-control1 p {
    color: #808080;
    text-align: center;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.diamond-card-user-account1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .28125vw;
    margin-top: .46875vw;
}
.diamond-card-user-account1 img {
    width: 1.333333vw;
    height: .833333vw;
    border-radius: 0;
}
.diamond-card-user-account1 h4 {
    color: #808080;
    text-align: center;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.content1-panel-control {
    padding: 1.5625vw 0 2.447917vw 1.614583vw;
}
.content1-panel-control li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 10.290625vw;
}
.content1-panel-control p {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    cursor: pointer;
}
.content1-panel-control svg {
    width: .364583vw;
    height: .625vw;
}

#my-account-content1-panel {
    color: #057A10;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.margin1-content1-panel-control {
    margin: 1.5625vw 0;
}
.margin2-content1-panel-control {
    margin: 1.5625vw 0;
}

.content2-panel-control {
    cursor: pointer;
}
.content2-panel-control img {
    width: 13.333333vw;
    height: 20.729167vw;
}

.border-user-account {
    width: 1px;
    height: 51.927083vw;
    background: #E6E6E6;
    margin: 0 2.604167vw 0 1.666667vw;
}

.content1-user-account h2 {
    color: #000;
    font-size: 1.614583vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    padding-top: 1.979167vw;
}

.text-content1-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1.458333vw 0 0 2.083333vw;
}
.text-content1-user-account p {
    color: #000;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.text-content1-user-account a {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #057A10;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-left: 2.1875vw;
}

.green-text-content1 {
    color: #057A10;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-left: 2.760417vw;
}

.green-text-content2 {
    display: none;
}

.border2-user-account {
    width: 51.927083vw;
    height: 1px;
    background: #E6E6E6;
    margin: 1.770833vw 0 1.875vw 0;
}

.edit-profile-container {
    width: 22.083333vw;
    height: 7.864583vw;
    border-radius: .78125vw;
    background: #E6F2E8;
    padding: 1.71875vw 0 0 1.5625vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.edit-profile-container h2 {
    color: #000;
    font-size: .989583vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.edit-profile-container p {
    color: #808080;
    font-size: .78125vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: .208333vw 0;
}
.edit-profile-container a {
    cursor: pointer;
    border: none;
    background: transparent;
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.edit-direction-container {
    width: 22.083333vw;
    height: 15.260417vw;
    border-radius: .78125vw;
    background: #E6F2E8;
    padding: 2.083333vw 0 0 1.5625vw;
    margin: 2.291667vw 0;
}
.edit-direction-container h3 {
    color: #999;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .42px;
    text-transform: uppercase;
}
.edit-direction-container h4 {
    color: #1A1A1A;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: .9375vw 0 .416667vw 0;
}
.edit-direction-container h5 {
    color: #666;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.edit-direction-container h6 {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: .416667vw 0 .3125vw 0;
}
.edit-direction-container a {
    cursor: pointer;
    border: none;
    background: transparent;
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: .989583vw;
}

.cards-saved {
    width: 22.083333vw;
    height: 14.166667vw;
    border-radius: .78125vw;
    background: #E6F2E8;
    padding: 1.822917vw 1.354167vw 0 1.354167vw;
}

.my-cards-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 19.270833vw;
    margin-left: 1px;
}
.my-cards-user-account p {
    color: #999;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .42px;
    text-transform: uppercase;
}
.my-cards-user-account button {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.info-card-user-account {
    display: flex;
    flex-direction: row;
    width: 19.375vw;
    height: 4.6875vw;
    border-radius: .625vw;
    background: #FFF;
    padding: .729167vw 0 0 .729167vw;
    gap: .885417vw;
    margin-top: 1.71875vw;
}
.info-card-user-account svg {
    width: 1.875vw;
    height: 1.25vw;
}

.svg1-add-new-card-user-account {
    width: 1.25vw;
    height: 1.25vw;
}
.svg2-add-new-card-user-account {
    width: .364583vw;
    height: .625vw;
}

.card-number-user-account h3 {
    color: #000;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: .42px;
    text-transform: uppercase;
}
.card-number-user-account p {
    color: #000;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.add-new-card-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1.354167vw 0 0 .729167vw;
    cursor: pointer;
}
.add-new-card-user-account h4 {
    color: #000;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0 .520833vw 0 .625vw;
}

.card-loyalty-program-user-account {
    width: 24.635417vw;
    height: 10.364583vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding: 1.510417vw 1.354167vw 0 1.666667vw;
}
.card-loyalty-program-user-account p {
    color: #808080;
    font-size: .677083vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.button-loyalty-program-user-account {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.button-loyalty-program-user-account h2 {
    color: #808080;
    text-align: center;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.button-loyalty-program-user-account a {
    cursor: pointer;
    border: none;
    background: transparent;
    color: #057A10;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.your-membership-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.302083vw;
    margin: 1.40625vw 0 1.09375vw 0;
}
.your-membership-card h3 {
    color: #000;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.your-membership-card img {
    width: 2.25vw;
    height: 1.40625vw;
}

.card2-loyalty-program-user-account {
    width: 24.635417vw;
    height: 13.020833vw;
    border-radius: var(--8, .416667vw);
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding: 1.510417vw 1.354167vw 0 1.666667vw;
    margin: 2.708333vw 0;
}

.text-card2-loyalty-program-user h3 {
    color: #000;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 1.40625vw 0 .9375vw 0;
}
.text-card2-loyalty-program-user p {
    color: #808080;
    font-size: .677083vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.promotional-code-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 19.21875vw;
    height: 2.5vw;
    border-radius: var(--8, .416667vw);
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding: .572917vw .9375vw .572917vw .885417vw;
    margin-top: 1.458333vw;
}
.promotional-code-user-account span {
    color: #057A10;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.copy-code-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .46875vw;
    cursor: pointer;
}
.copy-code-user-account p {
    color: #000;
    font-size: .78125vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.copy-code-user-account svg {
    width: 1.25vw;
    height: 24px;
}

.card3-loyalty-program-user-account {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 24.635417vw;
    height: 13.020833vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}

.text-card3-loyalty-program-user {
    padding: 1.510417vw 0 0 1.666667vw;
    display: flex;
    flex-direction: column;
}
.text-card3-loyalty-program-user h2 {
    color: #808080;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.text-card3-loyalty-program-user h3 {
    color: #000;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 1.40625vw 0 .520833vw 0;
}
.text-card3-loyalty-program-user p {
    color: #808080;
    font-size: .677083vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.text-card3-loyalty-program-user a {
    cursor: pointer;
    border: none;
    width: 8.59375vw;
    height: 2.5vw;
    border-radius: 5.208333vw;
    background: #057A10;
    color: var(--white-100, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 1.09375vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rulette-user-account {
    width: 10.3125vw;
    height: 13.020833vw;
    border-radius: 0px .625vw .625vw 0px;
}

.content3-user-account {
    width: 52.083333vw;
    height: 15.208333vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin: 3.75vw 0 7.34375vw 0;
}

.historial-order-user-account {
    margin: 1.458333vw 1.354167vw .78125vw 2.291667vw;
}
.historial-order-user-account h3 {
    color: #000;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: .625vw;
}

.last-shopping {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.last-shopping h2 {
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.last-shopping a {
    cursor: pointer;
    border: none;
    background: transparent;
    font-family: "Poppins", sans-serif;
    color: #057A10;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.title-historial-order-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 52.083333vw;
    height: 2.760417vw;
    border: 1px solid #E6E6E6;
    background: #F2F2F2;
    padding-left: 2.239583vw;
}
.title-historial-order-user-account li {
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.09375vw */
}

.margin1-historial-order-user-account {
    margin: 0 8.125vw 0 6.302083vw;
}
.margin2-historial-order-user-account {
    margin-left: 9.947917vw;
}

.content1-historial-order-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 1.614583vw 0 0 2.1875vw;
}
.content1-historial-order-user-account span {
    color: #808080;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.content1-historial-order-user-account a {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.content2-historial-order-user-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 1.614583vw 0 0 2.1875vw;
}
.content2-historial-order-user-account a {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.margin3-historial-order-user-account {
    width: 4.791667vw;
    margin: 0 5.729167vw 0 9.322917vw;
}
.margin4-historial-order-user-account {
    margin: 0 5.677083vw 0 5.208333vw;
}
.margin5-historial-order-user-account {
    margin: 0 5.729167vw 0 9.322917vw;
}
.margin6-historial-order-user-account {
    margin: 0 5.677083vw 0 5.208333vw;
}

.price-historial-order-user-account {
    width: 6.979167vw;
}

.edit-direction-container1 {
    display: none;
}

.br2-user-account {
    display: none;
}

.text-content1-user-account svg {
    display: none;
}

.text-content1-user-account {
    gap: .86875vw;
}
/* Section User Account End */

/* Section Set Up Account */
.set-up-account {
    display: block;
    overflow: hidden;
}

.account-set-up {
    background-image: url("../media/icons/content-user-account/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 6.25vw;
}

.content-set-up-account {
    display: flex;
    flex-direction: row;
    margin: 3.177083vw 0 0 15.3125vw;
}

.content-edit-setup {
    margin:0 0 8.072917vw 1.302083vw;
}

.content2-user-account {
    display: flex;
    flex-direction: row;
}

.content2-content1-user-account {
    margin-right: 5.364583vw;
}

.edit-profile-container-set-up-account {
    width: 51.25vw;
    height: 35.052083vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}
.edit-profile-container-set-up-account h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    width: 51.25vw;
    padding: .833333vw 0px .833333vw 1.25vw;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    align-items: center;

}

.edit-profile-form {
    display: flex;
    flex-direction: row;
    padding: 1.25vw 0 1.25vw 1.25vw;
}

.edit-name-email-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.edit-name-email-container p {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.edit-name-email-container input {
    display: flex;
    width: 26.666667vw;
    height: 2.552083vw;
    padding: .729167vw 0 .729167vw .833333vw;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin-top: .3125vw;
}
.edit-name-email-container input::placeholder {
    color: #666;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-family: "Poppins", sans-serif;
}
.edit-name-email-container button {
    font-family: "Poppins", sans-serif;
    display: inline-flex;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    background: #057A10;
    cursor: pointer;
    color: #FFFFFF;
    border: none;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.margin1-set-up-account {
    margin: .833333vw 0;
}
.margin2-set-up-account {
    margin-top: .833333vw;
}

.border-set-up-account {
    width: 26.666667vw;
    height: 1px;
    background: #E6E6E6;
    margin: 1.614583vw 0 1.25vw 0;
}

.button-change-password {
    display: flex;
    justify-content: flex-end;
    margin: .3125vw 0 1px 0;
}
.button-change-password button {
    border: none;
    cursor: pointer;
    background: transparent;
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 0;
}

.edit-profile-photo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.666667vw 0 0 5.833333vw; 
}
.edit-profile-photo-container img {
    width: 11.666667vw;
    height: 11.666667vw;
}
.edit-profile-photo-container button {
    margin-top: 1.041667vw;
    cursor: pointer;
    display: inline-flex;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    font-family: "Poppins", sans-serif;
    border: .104167vw solid #057A10;
    background: #FFF;
    color: #057A10;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.edit-profile-photo-container-mquery {
    display: none;
}

.country-edit-container img {
    width: .486094vw;
    height: .243073vw;
    position: absolute;
    margin-right: 1.006771vw;
    cursor: pointer;
}
.country-edit-container div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.country-edit-container-mquery {
    display: none;
}

.name-lastname-container-mquery {
    display: flex;
    flex-direction: row;
}

.postal-code-container {
    margin: 0 1.145833vw 0 1.197917vw;
}

.edit-shipping-direction {
    width: 51.25vw;
    height: 27.760417vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin: 1.354167vw 0 1.25vw 0;
}
.edit-shipping-direction h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    width: 51.25vw;
    padding: .833333vw 0px .833333vw 1.25vw;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    align-items: center;
}

.edit-shipping-direction-content {
    margin: 1.25vw 0 1.25vw 1.25vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.edit-shipping-direction-content button {
    display: inline-flex;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    background: #057A10;
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    border: none;
    cursor: pointer;
}

.edit-shipping-direction-name {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.edit-shipping-direction-name p {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: .3125vw;
}
.edit-shipping-direction-name input {
    display: flex;
    width: 15.729167vw;
    height: 2.552083vw;
    padding: .729167vw 0 .729167vw .833333vw;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}
.edit-shipping-direction-name input::placeholder {
    color: #666;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.last-name-input {
    margin: 0 .833333vw 0 .833333vw;
}

.span-optional{
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.direction-input  {
    margin: .833333vw 0;
}
.direction-input p {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.direction-input input {
    display: flex;
    width: 48.75vw;
    height: 2.552083vw;
    padding: .729167vw 0 .729167vw .833333vw;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #00B207;
    background: #FFF;
}
.direction-input input::placeholder {
    color: #1A1A1A;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.edit-shipping-direction-country {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.edit-shipping-direction-country P {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .3125vw;
}
.edit-shipping-direction-country input {
    display: flex;
    padding: .729167vw .833333vw;
    align-items: center;
    gap: .520833vw;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 15.46875vw;
    height: 2.552083vw;
}
.edit-shipping-direction-country input::placeholder {
    color: #666;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.edit-shipping-direction-email {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: .833333vw 0 1.25vw 0;
}
.edit-shipping-direction-email p {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .3125vw;
}
.edit-shipping-direction-email input {
    display: flex;
    width: 23.958333vw;
    height: 2.552083vw;
    padding: .729167vw 0 .729167vw .833333vw;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}
.edit-shipping-direction-email input::placeholder {
    color: #666;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.movil-cellphone {
    margin-left: .833333vw;
}

.img-open-eye-user-account {
    width: 1.041667vw;
    height: 1.041667vw;
    position: absolute;
    margin-right: .833333vw;
}

.edit-new-password {
    width: 51.25vw;
    height: 18.177083vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}
.edit-new-password h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    width: 51.25vw;
    padding: .833333vw 0px .833333vw 1.25vw;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    align-items: center;
}
.edit-new-password p {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .3125vw;
}
.edit-new-password button {
    margin-left: 1.25vw;
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    display: inline-flex;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    background: #057A10;
    cursor: pointer;
    border: none;
}

.password-change-container {
    padding: 1.25vw;
}

.current-password input {
    display: flex;
    padding: .729167vw .833333vw;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    color: #999;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    width: 48.75vw;
    height: 2.552083vw;
}
.current-password input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.current-password-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.new-password-content {
    display: flex;
    flex-direction: row;
}

.new-password-content input {
    display: flex;
    padding: .729167vw .833333vw;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 23.958333vw;
    height: 2.552083vw;
}
.new-password-content input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.input-password {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.confirm-password-container {
    margin-left: .833333vw;
}

.my-cards-set-up-account {
    width: 51.25vw;
    height: 15.260417vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}
.my-cards-set-up-account h2 {
    display: flex;
    width: 51.25vw;
    padding: .833333vw 43.90625vw .833333vw 1.25vw;
    align-items: center;
    border-radius: .416667vw .416667vw 0px 0px;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.my-cards-info-set-up-account {
    width: 47.760417vw;
    height: 4.6875vw;
    border-radius: .260417vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin: 2.1875vw 0 0 1.666667vw;
    padding: .729167vw 0 0 .729167vw;
}
.my-cards-info-set-up-account {
    display: flex;
    flex-direction: row;
}
.my-cards-info-set-up-account h3 {
    color: #000;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: .48px;
    text-transform: uppercase;
}
.my-cards-info-set-up-account p {
    color: #000;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.my-cards-info-set-up-account svg {
    width: 1.875vw;
    height: 1.25vw;
}

.card-added-set-up-account {
    margin-left: .885417vw;
}

.svg1-add-new-payment-set-up-account {
    width: 1.25vw;
    height: 1.25vw;
}
.svg2-add-new-payment-set-up-account {
    width: .364583vw;
    height: .625vw;
}

.card-number-set-up-account {
    margin: .416667vw 0 1px 0;
}

.add-new-payment-set-up-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    margin: 1.822917vw 0 0 1.666667vw;
}
.add-new-payment-set-up-account h4 {
    color: #000;
    font-size: .78125vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0 .833333vw 0 .625vw;
}

.password-pop-up-container {
    display: none;
    width: 100vw;
    background: rgba(0, 0, 0, 0.77);
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
}
.password-pop-up {
    width: 51.25vw;
    height: 18.177083vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.password-pop-up h2 {
    display: flex;
    width: 51.1vw;
    height: 3.229167vw;
    padding: .833333vw 38.541667vw .833333vw 1.25vw;
    border-radius: .416667vw .416667vw 0px 0px;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.password-pop-up p {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .3125vw;
}
.password-pop-up button {
    cursor: pointer;
    border: none;
    display: inline-flex;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    background: #057A10;
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-left: 1.25vw;
}

.new-password-container {
    margin-top: .833333vw;
}
/* Section Set Up Account End */

/* Section Historial Order */
.historial-order {
    display: block;
}

.historial-panel-control {
    background-image: url("../media/icons/content-user-account/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 6.25vw;
}

.content-historial-order {
    display: flex;
    flex-direction: row;
    margin: 1.666667vw 0 11.614583vw 15.677083vw;
}

.historial-shopping-container {
    width: 51.25vw;
    height: 24.53125vw;
    border-radius:.416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin-left: -.729167vw;
}

.historial-shopping {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.historial-shopping h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: .833333vw 0 .833333vw 1.25vw;
}
.historial-shopping button {
    font-family: "Poppins", sans-serif;
    color: #057A10;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border: none;
    cursor: pointer;
    background: transparent;
    margin-right: .9375vw;
}

.filter-order {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.71875vw;
    margin: .208333vw 0 1.510417vw 1.25vw;
}
.filter-order h3 {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.filter-order div {
    width: 11.041667vw;
    height: 1.927083vw;
    border-radius: .15625vw;
    border: 1px solid #ACACAC;
    padding: .416667vw 1.041667vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.filter-order h4 {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.filter-order svg {
    width: .677083vw;
    height: .416667vw;
}

.title-order {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 51.25vw;
    height: 1.875vw;
    background: #F2F2F2;
    padding-left: 1.25vw;
}
.title-order li {
    color: #4D4D4D;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .36px;
    text-transform: uppercase;
}

.order-status {
    margin-left: 11.927083vw;
}

.date-order {
    margin: 0 9.53125vw 0 4.6875vw;
}

.order-date-historial {
    margin: 0 6.927083vw 0 7.239583vw;
}

.order-status-historial {
    margin: 0 5.677083vw 0 6.09375vw;
}


.order-content-container {
    padding: 1.25vw 0 0 1.25vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.order-content-container ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.order-content-container li {
    color: #333;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.order-content-container span {
    color: #333;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.more-detail-buttons button {
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border: none;
    cursor: pointer;
    background: transparent;
}

.text-separation-historial {
    margin: 1.25vw 0;
}
.text-separation-historial1 {
    margin-top: 1.25vw;
}

.shopping-detail-pop-up-container {
    display: none;
    width: 100vw;
    background: rgba(0, 0, 0, 0.77);
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
}

.content-shopping-detail-pop-up {
    width: 51.25vw;
    height: 27.552083vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}

.info-shopping-detail-pop-up {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 5.3125vw;
    border-radius: .416667vw .416667vw 0px 0px;
    background: #C4C4C4;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    padding: 1.09375vw 1.302083vw 1.145833vw 3.28125vw;
}
.info-shopping-detail-pop-up svg {
    margin-top: .260417vw;
    cursor: pointer;
    width: 2.604167vw;
    height: 2.604167vw;
}

.content-info-shopping {
    display: flex;
    flex-direction: row;
    gap: 4.583333vw;
}

.content1-info-shopping {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.content1-info-shopping div {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content1-info-shopping h2 {
    color: #1A1A1A;
    font-size: .78125vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.content1-info-shopping span {
    color: #1A1A1A;
    font-size: .78125vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.content2-info-shopping {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.content2-info-shopping div {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content2-info-shopping h2 {
    color: #1A1A1A;
    font-size: .78125vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.content2-info-shopping span {
    color: #1A1A1A;
    font-size: .78125vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.margin1-content1-info-shopping {
    margin-left: .885417vw;
}
.margin2-content1-info-shopping {
    margin-left: .677083vw;
}
.margin1-content2-info-shopping {
    margin-left: .625vw;
}
.margin2-content2-info-shopping {
    margin-left: .885417vw;
}

.products-shopping-detail-pop-up {
    padding: 1.666667vw 2.916667vw 0 2.03125vw;
}
.products-shopping-detail-pop-up h2 {
    width: 100%;
    color: #1A1A1A;
    font-size: .989583vw;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    display: flex;
    justify-content: flex-end;
    margin: 1.822917vw 0 0 0;
    padding-right: 2.239583vw;
}

.title-shopping-detail {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 2.1875vw;
}
.title-shopping-detail li {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.09375vw */
}

.product1-shopping-detail img {
    width: 5.448281vw;
    height: 5.260417vw;
}
.product2-shopping-detail img {
    width: 5.448281vw;
    height: 5.260417vw;
}

.margin1-title-shopping-detail {
    margin: 0 5.416667vw 0 16.666667vw;
}
.margin2-title-shopping-detail {
    margin-left: 5.729167vw;
}

.border1-products-shopping {
    width: 45.364583vw;
    height: 1px;
    background: #E6E6E6;
    margin: .46875vw 0 .729167vw 1.041667vw;
}

.product1-shopping-detail {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1.354167vw;
}
.product1-shopping-detail li {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.product2-shopping-detail {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1.354167vw;
}
.product2-shopping-detail li {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

#quantitive-product-shopping-detail {
    width: 3.333333vw;
    height: 1.71875vw;
    padding: .416667vw .677083vw .364583vw .625vw;
    border-radius: 5.208333vw;
    border: 1px solid #CCC;
    color: #4D4D4D;
    text-align: center;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 5.9375vw;
}

.span1-product1-shopping-detail {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.border2-products-shopping {
    width: 45.364583vw;   
    height: 1px;
    background: #E6E6E6;
    margin: .729167vw 0 .520833vw .104167vw;
}

.border3-products-shopping {
    width: 45.364583vw;
    height: 1px;
    background: #E6E6E6;
    margin-top: .989583vw;
}

.product-name-shopping-detail {
    margin: 0 9.166667vw 0 .697396vw;
}
#orders-info-container1 {
    display: none;
}

.svg2-info-shopping-detail-pop-up {
    display: none;
}
.span2-quantitive-product-shopping {
    display: none;
}

.subtotal-shopping-detail-pop-up-mquery {
    display: none;
}
/* Section Historial Order End */

/* Section Shopping Cart */
.shopping-cart {
    display: block;
    margin-bottom: 5.052083vw;
}

.shopping-cart-panel-control {
    background-image: url("../media/icons/content-shopping-cart/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.shopping-cart-title {
    color: #1A1A1A;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 2.083333vw 0 0 17.1875vw; 
}

.content-shopping-container {
    display: flex;
    flex-direction: row;  
    margin-left: 17.1875vw;  
}
.content-shopping-container ul {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-bottom: 1px solid #E6E6E6;
    width: 45.416667vw;
    padding: .833333vw 0 .833333vw 1.041667vw;
}
.content-shopping-container li {
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .42px;
    text-transform: uppercase;
}

.box-content-shopping-container {
    width: 45.416667vw;
    height: auto;
    background: #FFF;
    margin-top: 1.666667vw;
    display: flex;
    flex-direction: column;
}

.title-price {
    margin: 0 3.177083vw 0 15.729167vw;
}

.title-subtotal{
    margin-left: 5.78125vw;
}

.content-product-cart-container {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.content-product-cart-container2 {
    padding: .598958vw 1.041667vw .651042vw 1.041667vw;
}
.content-product-cart-container3 {
    padding: .651042vw 1.041667vw .651042vw 1.041667vw;
}

.price-product-shopping-cart {
    margin: 0 2.395833vw 0 7.03125vw;
    font-size: .833333vw;
}

.plus-minus-container {
    width: 6.458333vw;
    height: 2.604167vw;
    display: inline-flex;
    padding: .416667vw;
    justify-content: center;
    align-items: center;
    border-radius: 8.854167vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}
.plus-minus-container span {
    width: 2.083333vw;
    height: 2.083333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .833333vw;
}

.plus-minus-background {
    width: 1.770833vw;
    height: 1.770833vw;
    border-radius: 8.854167vw;
    background: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.subtotal-price {
    margin: 0 0 0 4.3vw;
    font-size: .833333vw;
    width: 6.25vw;
}

.product-cart-container {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.product-cart-container p {
    margin-left: .625vw;
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: 7.083333vw;
}
.product-cart-container img {
    width: 5.208333vw;
    height: 5.208333vw;
    object-fit: contain;
}

.come-back-store-button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #E6E6E6;
}
.come-back-store-button1-container {
    height: 2.34375vw;
    width: 10vw;
    display: flex;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    background: #F2F2F2;
    color: var(--Gray-Scale-Gray-700, #4D4D4D);
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal; 
    font-weight: 600;
    line-height: 120%;
    border: none;
    cursor: pointer;
    margin: .416667vw 0 0 1.041667vw;
}
.come-back-store-button2-container {
    height: 2.34375vw;
    width: 7.135417vw;
    display: flex;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    background: #F2F2F2;
    color: var(--Gray-Scale-Gray-700, #4D4D4D);
    cursor: pointer;
    border: none;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: .416667vw 1.041667vw 0 0;
}

.promotional-code-shopping-cart {
    flex-direction: row;
    height: 4.791667vw;
    display: flex;
    align-items: center;
    width: 45.322917vw;
    padding: 1.041667vw;
    gap: 1vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin-top: 1.489583vw;
}
.promotional-code-shopping-cart input {
    width: 30.028125vw;
    height: 2.708333vw;
    display: flex;
    padding: .729167vw 1.25vw;
    align-items: flex-start;
    gap: .520833vw;
    border-radius: 2.395833vw;
    border: 1px solid #E6E6E6;
    background:#FFF;
}
.promotional-code-shopping-cart input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.promotional-code-shopping-cart button {
    width: 9.040104vw;
    height: 2.708333vw;
    display: flex;
    padding: .833333vw 1.25vw;
    justify-content: center;
    align-items: center;
    gap: .833333vw;
    border-radius: 2.239583vw;
    background: #333;
    border: none;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.041667vw;
    position: absolute;
}

.promotional-code-title {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.redeem-code-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.plus-minus-container img {
    width: .729167vw;
    height: .729167vw;
}

.img-close-shopping-cart {
    width: 1.25vw;
    height: 1.25vw;
}

.separation-line {
    border-bottom: 1px solid #E6E6E6;
    width: 43.333333vw;
    margin-left: 1.041667vw;
}

.box-content-payment-container {
    padding: 1.25vw 0 2.03125vw 0;
    margin-top: 1.666667vw;
    width: 22.083333vw;
    height: fit-content;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin-left: 1.25vw;
}
.box-content-payment-container h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-left: 1.25vw;
}

.redeem-code { 
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
    margin: .520833vw 0 1.5625vw 0;
    margin-left: 1.25vw;
}
.redeem-code p {
    color: #000;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.041667vw;
    text-decoration-line: underline;
}
.redeem-code img {
    width: 2.03125vw;
    height: 1.875vw;
    margin-left: .15625vw;
}

.subtotal-payment-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    padding-bottom: .625vw;
    margin-left: 1.25vw;
    width: 19.583333vw;
}
.subtotal-payment-container p {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.subtotal-payment-container span {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.tickets-obtained-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    padding-bottom: .625vw;
    margin: .625vw 0 0 1.25vw;
    width: 19.583333vw;
}
.tickets-obtained-container p {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.tickets-obtained-container span {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.free-shipping {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    padding-bottom: .625vw;
    margin: .625vw 0 0 1.25vw;
    width: 19.583333vw;
}
.free-shipping p {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.free-shipping span {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.total-payment-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin: .442708vw 0 1.119792vw 0;
    padding: 0 1.25vw 0 1.25vw;
}
.total-payment-container p {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.total-payment-container span {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.payment-method-apple {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 19.739583vw;
    height: 2.65625vw;
    border-radius: 1.145833vw;
    background: #000;
    justify-content: center;
    border: none;
    cursor: pointer;
    margin-left: 1.40625vw;
}
.payment-method-apple p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: .833333vw;
    letter-spacing: -.28px;
}

.payment-method-apple img {
    width: 2.04224vw;
    height: .838542vw;
    margin-left: .254687vw;
}

.payment-method-moonpay {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 19.739583vw;
    height: 2.65625vw;
    border-radius: 1.145833vw;
    background: #00B2FF;
    margin: .833333vw 0 .833333vw 1.40625vw;
    border: none;
    cursor: pointer;
    justify-content: center;
}
.payment-method-moonpay p {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: .833333vw;
    letter-spacing: -.28px;
}
.payment-method-moonpay span {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: .833333vw;
    letter-spacing: -.28px;
    margin-left: .254687vw;
}

.method-payment-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.img-master-cart-shopping {
    width: 1.302083vw;
    height: 1.302083vw;
}

.payment-method-master-visa {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 19.427083vw;
    height: 2.65625vw;
    padding: .833333vw 2.083333vw;
    gap: .833333vw;
    border-radius: 2.239583vw;
    border: .104167vw solid #057A10;
    cursor: pointer;
    background: transparent;
    margin-left: 1.40625vw;
}
.payment-method-master-visa p {
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.img-visa-cart-shopping {
    width: 2.1875vw;
    height: 2.1875vw;
}

#promotional-code-shopping-cart-mquery {
    display: none;
}

.sub-total-product-cart-mquery {
    display: none;
}

#total-cart-js {
    height: 9.895833vw
}

.box-content-shopping-container-child{
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
}

#box-content-shopping-container1 {
    display: flex;
    flex-direction: column;
    height: 5.729167vw;
}
/* Section Shopping Cart End */

/* About Us */
.about-us {
    display: block;
}

.about-us-panel-control {
    background-image: url("../media/icons/content-about-us/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.content1-about-us {
    display: flex;
    flex-direction: row;
}

.content1-about-us {
    margin: 6.5625vw 0 0 15.625vw;
}

.content1-about-us-container h2 {
    color: #1A1A1A;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 1.822917vw 0 1.145833vw 0;
}
.content1-about-us-container p {
    color: #666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.content1-about-us-container span {
    color: #057A10;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.br2-about-us {
    display: none;
}

.content2-about-us {
    display: flex;
    flex-direction: row;
    margin: 5.989583vw 0 8.541667vw 0;
    width: 100%;
    height: 35.677083vw;
    background: linear-gradient(180deg, #FAFAFA 0%, #FFF 100%);
    box-shadow: 0px 1px 0px 0px #E5E5E5;
}

.content2-about-us-container h2 {
    color: #1A1A1A;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 3.28125vw 0 1.145833vw 0;
}
.content2-about-us-container p {
    color: #666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.content2-about-us-container span {
    color: #057A10;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.content3-about-us-container h2 {
    color: #1A1A1A;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 4.53125vw 0 1.145833vw 0;
}
.content3-about-us-container p {
    color: #666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.content3-about-us-container span {
    color: #057A10;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.content4-about-us-container h2 {
    color: #1A1A1A;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 3.541667vw 0 1.145833vw 0;
}
.content4-about-us-container p {
    color: #666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.content4-about-us-container span {
    color: #057A10;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.img1-about-us-container {
    width: 37.291667vw;
    height: 28.072917vw;
    border-radius: .416667vw;
    margin-left: 6.458333vw;
}

.img2-about-us-container {
    display: flex;
    flex-direction: row;
}

.content3-4-about-us {
    margin-left: -2.34375vw;
}
.content3-4-about-us img {
    display: none;
}

.img2-about-us-container img{
    width: 58.802083vw;
    height: 35.677083vw;
}

.content3-about-us {
    margin: 0 0 17.1875vw 15.677083vw;
}
.content3-about-us h2 {
    color: #000;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.083333vw;
    margin-bottom: 2.291667vw;
}
.content3-about-us p {
    color: rgba(0, 0, 0, 0.50);
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.083333vw;
}
.question-stylo {
    color: #000;
    font-size: 1.302083vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.083333vw;
}
.text-decoration-about-us {
    color: #057A10;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.083333vw;
}
.email-stylo {
    color: #000;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.083333vw;
}
/* About Us End */

/* Product Description */
.product-description {
    display: flex;
    flex-direction: column;
}

.product-description-panel-control {
    background-image: url("../media/icons/content-products-description/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.border-product-description {
    border-bottom: 1px solid #E6E6E6;
    width: 7.03125vw;
}
.choose-flavors h3 {
    color: #000;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 5.677083vw 0 .78125vw 0;
}

.apple-product-description {
    display: flex;
    flex-direction: column;
    margin-top: .989583vw;
    cursor: pointer;
}
.apple-product-description span {
    color: #057A10;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.content1-product-description {
    display: flex;
    flex-direction: row; 
    margin: 2.65625vw 0 0 16.25vw;   
}

.content1-product-description-container {
    display: flex;
    flex-direction: row;
}
.content1-product-description-container p {
    color: #808080;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: .78125vw 0;
    cursor: pointer;
}

.content1-product-description-container-mquery {
    display: none;
}

.img-productproduct-description {
    margin: .625vw 6.614583vw 0 5.729167vw;
}
.img-productproduct-description img {
    width: 13.489583vw;
    height: 23.28125vw;
    box-shadow: .104167vw .208333vw .317708vw 0px rgba(0, 0, 0, 0.25);
    object-fit: contain;
}

.title-product-description {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.title-product-description h3 {
    color: #1A1A1A;
    font-size: 1.875vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.title-product-description span {
    margin-left: .416667vw;
    display: flex;
    padding: .208333vw .416667vw;
    justify-content: center;
    align-items: center;
    gap: .520833vw;
    border-radius: .208333vw;
    background: rgba(32, 181, 38, 0.20);
    color: var(--Branding-Success-Dark, #2C742F);
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.img-ticket-product-description {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1.25vw 0 1.041667vw 0;
}
.img-ticket-product-description p {
    color: #000;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.img-ticket-product-description img {
    width: 1.458333vw;
    height: 1.354167vw;
    margin-left: .260417vw;
}

.price-product-description p {
    color: #2C742F;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.border-title-product-description {
    border-bottom: 1px solid #E6E6E6;
    width: 33.697917vw;
    margin: 1.041667vw 0 .416667vw 0;
}

.share-item-product-description {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.share-item-product-description h3 {
    color:#1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.share-category-product-description {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.share-item-social-media {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-left: .520833vw;
}

.facebook-product-description {
    border: 1px solid #FFFFFF;
    display: flex;
    justify-content: center;
    background-color: #00B207;
    height: 2.083333vw;
    width: 2.083333vw;
    border-radius: 26.041667vw;
    align-items: center;
    cursor: pointer;
}
.facebook-product-description img {
    width: .9375vw;
    height: .9375vw;
}

.instagram-product-description {
    display: flex;
    align-items: center;
    margin-left: .833333vw;
    cursor: pointer;
}
.instagram-product-description img {
    width: .9375vw;
    height: .9375vw;
}

.text-description-product-description {
    margin: 1.666667vw 0 1.25vw 0;
}
.text-description-product-description p {
    color:#808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.number-product-description {
    display: flex;
    padding: .9375vw 0px;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border: 1px solid var(--white-100, #FFF);
    background: #FFF;
    box-shadow: 0px 1px 0px 0px #E5E5E5, 0px -1px 0px 0px #E5E5E5;
}

.buy-button {
    display: flex;
    width: 23.28125vw;
    height: 2.65625vw;
    padding: .833333vw 2.083333vw;
    justify-content: center;
    align-items: center;
    gap: .833333vw;
    border-radius: 2.239583vw;
    background: #00B207;
    cursor: pointer;
    border: none;
}
.buy-button p {
    color: #FFF;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-family: "Poppins", sans-serif;
}
.buy-button img {
    width: .78125vw;
    height: .78125vw;
}

.category-products-description {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1.25vw;
}
.category-products-description p {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.category-products-description span {
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .3125vw;
}

.category-products-description-mquery {
    display: none;
}

.content-info-product-description {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 .78125vw .78125vw .677083vw;
}

.content2-product-description h2 {
    color: #1A1A1A;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    display: flex;
    justify-content: center;
    margin-top: 6.25vw;
}

.match-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1.927083vw 0 10.260417vw 21.614583vw
}

.match-container-product1-2 {
    display: flex;
    flex-direction: row;
}
.match-container-product3-4 {
    display: flex;
    flex-direction: row;
}

.img-ticket-product-description2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: .416667vw;
}
.img-ticket-product-description2 p {
    color: #000000;
    font-size: .572917vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.img-ticket-product-description2 img {
    width: 1.458333vw;
    height: 1.354167vw;
    margin-left: .15625vw;
}

.br2-product-description2 {
    display: none;
}

.match-container-product5-6 {
    display: none;
}

.button-back-product-descriptio-container {
    display: none;
}

.content2-container2-product-description {
    display: flex;
    width: 13.75vw;
    height: 17.03125vw;
    border: 1px solid #E6E6E6;
    flex-direction: column;
    justify-content: flex-start;
}
/* Product Description End */

/* Categories */
.categories {
    display: block;
}

.categories-panel-control {
    background-image: url("../media/icons/content-categories/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.content-categories {
    display: flex;
    flex-direction: row;
}

.content1-categories {
    margin: 3.854167vw 0 0 15.364583vw;
    display: flex;
    flex-direction: column;
}

.content2-categories {
    margin: 3.854vw 1.614583vw 0 1.25vw;
}

.button-filter-categories {
    width: 6.822917vw;
    height: 2.34375vw;
    display: inline-flex;
    padding: .729167vw 1.666667vw;
    justify-content: center;
    align-items: center;
    gap: .625vw;
    border-radius: 2.239583vw;
    background: #00B207;
    cursor: pointer;
    border: none;
}
.button-filter-categories p {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-family: "Poppins", sans-serif;
}
.button-filter-categories img {
    width: 1.041667vw;
    height: .885417vw;
}

.special-category {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 16.25vw;
    align-items: center;
    margin: 1.510417vw 0 1.041667vw 0;
}
.special-category h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

#special-category-list {
    display: none;
    margin-bottom: 3.020833vw;
}
#subcategory-list {
    display: none;
}
#price-categories-list {
    display: none;
}

.img-arrow-categories {
    width: .625vw;
    height: .3125vw;
}

.margin-categories {
    margin: 1.041667vw 0;
}

.checked-input-categories {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.checked-input-categories input {
    appearance: none;
    width: 1.041667vw;
    height: 1.041667vw; 
    border-radius: 50%;
    border: 1px solid #CCCCCC;
    position: relative;
}
.checked-input-categories input:checked {
    background-color: transparent;

    &::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .625vw;
    height: .625vw;
    background-color: #00B207;
    border-radius: 50%;
    } 
}
.checked-input-categories p {
    color:#1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .416667vw;
}
.checked-input-categories span {
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

#button-filter-categories-mquery {
    display: none;
}

.button-filter-categories-mquery{
    display: none;
}

.input-categories {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.input-categories input {
    appearance: none;
    width: 1.041667vw;
    height: 1.041667vw;
    border-radius: 50%;
    border: 1px solid #CCCCCC;
    position: relative;
}
.input-categories input:checked {
    background-color: transparent;

    &::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .625vw;
    height: .625vw;
    background-color: #00B207;
    border-radius: 50%;
    } 
}
.input-categories p {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .416667vw;
}
.input-categories span {
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.border-categories {
    width: 16.09375vw;
    height: .260417vw;
    background: #D9D9D9;
    margin: 0 0 .46875vw 0;
}

.subcategory {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 16.25vw;
    align-items: center;
}
.subcategory p {
    color: #808080;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.price-categories {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 16.25vw;
    align-items: center;
    margin: 1.5625vw 0 1.041667vw 0;
}
.price-categories h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.border-price-categories {
    width: 16.25vw;
    height: .3125vw;
    border-radius: .78125vw;
    background: #E6E6E6;
    position: relative;
}

.border-price-categories-line {
    width: 10.416667vw;
    height: .3125vw;
    border-radius: .78125vw;
    background: #00B207;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 1.71875vw;
}

.border-price-categories-point {
    width: .9375vw;
    height: .9375vw;
    border: .104167vw solid #00B207;
    background: #FFF;
    border-radius: 50%;
    cursor: pointer;
}

.price-range {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: .833333vw 0 3.489583vw 0;
}
.price-range span {
    color: #1A1A1A;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.recently-add h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.content-recently-add {
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.margin-recently-add {
    margin: .833333vw 0 1.25vw 0;
}

.calendar-date {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.img1-recently-add {
    width: 5.208333vw;
    height: 5.46875vw;
    border-radius: .3125vw;
}

.img2-recently-add {
    width: 5.208333vw;
    height: 5.46875vw;
    border-radius: .3125vw;
}

.product-recently-add {
    margin-left: .625vw;
}
.product-recently-add h3 {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: .416667vw;
}
.product-recently-add p {
    color: #666;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .3125vw;
}

.calendar-date img {
    width: .9375vw;
    height: .9375vw;
}


.search-categories {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 1.041667vw;
}
.search-categories p {
    margin-left: 23.125vw;
    color: #666;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.search-categories span {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.search-categories-container {
    display: flex;
    align-items: center;
}
.search-categories-container img {
    width: 1.041667vw;
    height: 1.041667vw;
    position: absolute;
    margin: 0 .416667vw 0 .833333vw;
}
.search-categories-container input {
    display: flex;
    width: 20.833333vw;
    height: 2.552083vw;
    padding: .729167vw .833333vw .729167vw 2.291667vw;
    align-items: flex-start;
    gap: .416667vw;
    border-radius: .3125vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}
.search-categories-container input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.product-container-line1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1.223958vw;
    gap: 1.770833vw;
}

.product-container-categories {
    width: 16.25vw;
    height: 21.197917vw;
    border-radius: .416667vw;
    border: 1px solid  #E6E6E6;
    background: #FFF;
}
.product-container-categories img {
    width: 15.729167vw;
    height: 15.729167vw;
    cursor: pointer;
    object-fit: contain;
}

.img-product-categories {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15.729167vw;
    height: 15.729167vw;
    cursor: pointer;
}

.img1-product-categories {
    padding: .260417vw .260417vw 0 .260417vw;
    width: 15.729167vw;
    height: 15.729167vw;
}

.img3-product-categories {
    width: 15.677083vw;
    height: 15.677083vw;
}

.description-product-categories-container {
    display: flex;
    align-items: center;
    padding: .833333vw;
    gap: .3125vw;
    justify-content: space-between;
    cursor: pointer;
}
.description-product-categories h3 {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.description-product-categories p {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.description-product-categories span {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.description-product-categories {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.description-product-categories ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.description-product-categories img {
    width: .625vw;
    height: .625vw;
}

.img-bag-categories {
    width: 2.083333vw;
    height: 2.083333vw;
    cursor: pointer;
    border: none;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .208333vw;
}
.img-bag-categories img {
    width: 1.041667vw;
    height: 1.041667vw;
}

.img-add-to-wishlist {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: .3125vw;
    margin: .78125vw .78125vw 0 0;
    width: 14.948vw;
    align-items: flex-end;
}
.img-add-to-wishlist img {
    width: 2.083333vw;
    height: 2.083333vw;
    cursor: pointer;
}

.img2-product-categories {
    display: flex;
    justify-content: center;
    padding: .260417vw .260417vw 0 .260417vw;
}

.description-product-selected-categories {
    display: flex;
    flex-direction: column;
}
.description-product-selected-categories h3 {
    color: #2C742F;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.description-product-selected-categories span {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.description-product-selected-categories ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rating-product {
    width: .625vw;
    height: .625vw;
}

.product-selected-container-categories {
    width: 16.25vw;
    height: 21.197917vw;
    border-radius: .416667vw;
    background: #FFF;
    border: 1px solid #2C742F;
    box-shadow: 0px 0px .625vw 0px rgba(32, 181, 38, 0.32);
}

.img-selected-bag-categories {
    width: 2.083333vw;
    height: 2.083333vw;
    cursor: pointer;
    border: none;
    background-color: #00B207;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .208333vw;
}

.img-selected-bag-categories img {
    width: 1.041667vw;
    height: 1.041667vw;
}

.product-outstock-container-categories {
    width: 16.25vw;
    height: 21.197917vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}

.out-stock {
    display: inline-flex;
    padding: .15625vw .416667vw;
    justify-content: center;
    align-items: center;
    gap: .208333vw;
    border-radius: .208333vw;
    background: #1A1A1A;
    position: absolute;
    margin: .572917vw 0 0 .572917vw;
}
.out-stock h4 {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.img3-product-categories img {
    width: 15.677083vw;
    height: 15.677083vw;
    cursor: pointer;
}

.description-product-categories2 {
    display: flex;
    flex-direction: column;
}
.description-product-categories2 h3 {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.description-product-categories2 ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.price-down {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.real-price {
    color: #999;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration: line-through;
}

.sale-price {
    display: inline-flex;
    padding: .15625vw .416667vw;
    justify-content: center;
    align-items: center;
    gap: .208333vw;
    border-radius: .208333vw;
    background: #EA4B48;
    position: absolute;
    margin: .572917vw 0 0 .572917vw;
}
.sale-price h4 {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.09375vw */
}
.sale-price span {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.margin-product-categories {
    margin: 0 1.25vw;
}

.pages {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 2.057292vw 0 5.208333vw 7.8125vw;
}
.pages p {
    color: #666;
    text-align: center;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.arrow-left-categories {
    display: flex;
    padding: .416667vw;
    align-items: flex-start;
    gap: .520833vw;
    border-radius: 26.041667vw;
    background:#F2F2F2;
    cursor: pointer;
}

.arrow-left-categories img {
    width: 1.041667vw;
    height: 1.041667vw;
}

.pages-number {
    display: flex;
    padding: .416667vw;
    flex-direction: column;
    gap: .520833vw;
    border-radius: 6.770833vw;
    background: #00B207;
    width: 1.875vw;
    height: 1.875vw;
    align-items: center;
    justify-content: center;
    margin: 0 .416667vw 0 .625vw;
}
.pages-number p {
    color: #FFF;
    text-align: center;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.pages-number2 {
    margin-right: .833333vw;
}

.pages-number3 {
    margin-right: 1.041667vw;
}

.arrow-right-categories {
    display: flex;
    padding: .416667vw;
    align-items: flex-start;
    gap: .520833vw;
    border-radius: 26.041667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    cursor: pointer;
}
.arrow-right-categories img {
    width: 1.041667vw;
    height: 1.041667vw;
}

.svg-search-categories-container {
    display: none;
}
/* Categories End */

/* Reward Zone */
.reward-zone {
    display: block;
}

.reward-zone-control {
    background-image: url("../media/icons/content-reward-zone/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.content-reward-zone {
    display: flex;
    flex-direction: row;
    margin: 1.666667vw 0px 0 15.677083vw;
}

.list-navigation {
    width: 16.25vw;
    height: 15.9375vw;
    display: inline-flex;
    padding-bottom: .625vw;
    flex-direction: column;
    align-items: flex-start;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
}
.list-navigation h3 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    width: 16.25vw;
    height: 2.916667vw;
    padding: .833333vw 1.041667vw;
}
.list-navigation li {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 16.25vw;
    height: 2.916667vw;
    padding: .833333vw 1.041667vw;
    gap: .520833vw;
    cursor: pointer;
}
.list-navigation img {
    width: 1.25vw;
    height: 1.25vw;
}
.list-navigation p {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.list-navigation-selected {
    background: #EDF2EE;
    box-shadow: .15625vw 0px 0px 0px #20B526 inset;
}

.content2-reward-zone {
    margin-left: .3125vw;
}

.roulette-container {
    width: 51.25vw;
    height: 23.385417vw;
    border-radius: .416667vw;
    border: .15625vw solid #057A10;
    background: #FFF;
}

.roulette-title {
    padding: .729167vw 0 1.510417vw .3125vw;
}
.roulette-title h2 {
    color: #000;
    font-size: 1.40625vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.roulette-content {
    display: flex;
    flex-direction: row;

}

.roulette-content1 {
    margin: 1.614583vw 0 0 3.229167vw;
    display: flex;
    flex-direction: column;
}

.star-roulette-center2 {
    position: absolute;
    top: 7.5vw;
    left: 9vw;
    width: 4.166667vw;
    height: 4.166667vw;
    object-fit: contain;
    z-index: 50;
}

.roulette-selector2 {
    position: absolute;
    top: 9vw;
    left: 18vw;
    width: 2.645833vw;
    height: 2.125vw;
    object-fit: contain;
    z-index: 50;
}

.roulette-content2-2 {
    position: relative;
    width: 15.885417vw;
    height: 15.885417vw;
    object-fit: contain;
    margin: 0;
}

.roulette-content1 a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .3125vw 0 0 3.333333vw;
    width: 9.947917vw;
    height: 3.125vw;
    padding: 1.09375vw 0px 1.041667vw 0px;
    border-radius: 2.760417vw;
    background: linear-gradient(88deg, #0B00BC -13.37%, #960071 134.22%);
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    border: none;
    cursor: pointer;
}

.roulette-content2 li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.star-content {
    position: relative;
    width: 2.291667vw;
    height: 2.1875vw;
}
.star-content p {
    position: absolute;
    color: #FFF;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.star-content img {
    width: 2.291667vw;
    height: 2.1875vw;
}

.svg-star-loyalty {
    width: 2.291667vw;
    height: 2.1875vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.padding1-star-content {
    padding: .520833vw .989583vw .260417vw .9375vw;
}
.padding2-star-content {
    padding: .520833vw .833333vw .260417vw .885417vw;
}
.padding3-star-content {
    padding: .572917vw .833333vw .208333vw .885417vw;
}
.padding4-star-content {
    padding: .572917vw .833333vw .208333vw .78125vw;
}
.padding5-star-content {
    padding: .572917vw .833333vw .208333vw .833333vw;
}
.padding6-star-content {
    padding: .520833vw .833333vw .260417vw .833333vw;
}
.padding7-star-content {
    padding: .572917vw .885417vw .208333vw .885417vw;
}
.padding8-star-content {
    padding: .520833vw .78125vw .260417vw .885417vw;
}
.padding9-star-content {
    padding: .572917vw .78125vw .208333vw .885417vw;
}
.padding10-star-content {
    padding: .520833vw .625vw .260417vw .677083vw;
}

.text-prize {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .833333vw;
}
.text-prize1 {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: .885417vw;
}

.roulette-content2 {
    display: flex;
    flex-direction: row;
    margin: 3.541667vw 0 0 3.177083vw;
}

.star-list {
    margin-left: 2.1875vw;
}

.margin-star1 {
    margin: .989583vw 0;
}

.margin-star2 {
    margin: .833333vw 0 .729167vw 0;
}

.margin-star3 {
    margin: .78125vw 0 .833333vw 0;
}

.margin-star4 {
    margin: .989583vw 0 .9375vw 0;
}

.cards-tickets-reward-zone {
    display: flex;
    flex-direction: row;
    margin: 2.135417vw 0 1.979167vw 0;
}

.your-card-reward-zone {
    width: 24.583333vw;
    height: 10.520833vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin-right: 1.041667vw;
    padding: 1.770833vw 1.302083vw 1.927083vw;
}
.your-card-reward-zone h3 {
    color: #1A1A1A;
    font-size: 1.197917vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 1.145833vw 0 -.3125vw 0;
}
.your-card-reward-zone h4 {
    color: #1A1A1A;
    font-size: 1.822917vw;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
}

.h4-span1 {
    color: #057A10;
    font-size: 1.822917vw;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
}
.h4-span2 {
    color: #1A1A1A;
    font-size: 1.302083vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.text1-your-card-reward {
    display: flex;
    flex-direction: row;
    gap: .677083vw;
}
.text1-your-card-reward span {
    color: #1A1A1A;
    font-size: 1.145833vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.text1-your-card-reward h2 {
    color: #1A1A1A;
    font-size: 1.145833vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.text1-your-card-reward img {
    width: 3.25vw;
    height: 2.03125vw;
}

.my-tickets-reward-zone {
    width: 24.583333vw;
    height: 10.520833vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin-left: 1.041667vw;
    padding: 1.927083vw 0 1.145833vw 1.875vw;
}
.my-tickets-reward-zone h2 {
    color: #1A1A1A;
    font-size: 1.145833vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 1.09375vw;
}
.my-tickets-reward-zone h3 {
    color: #1A1A1A;
    font-size: 1.197917vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.my-tickets-span-reward-zone {
    color: #1A1A1A;
    font-size: 1.145833vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.text3-my-tickets-reward {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .989583vw;
}
.text3-my-tickets-reward h4 {
    color: #057A10;
    font-size: 1.822917vw;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
}
.text3-my-tickets-reward span {
    color: #000;
    font-size: 1.822917vw;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
}
.text3-my-tickets-reward img {
    width: 2.51224vw;
    height: 2.332812vw;
}

.promotional-code-reward-zone {
    width: 51.25vw;
    height: 10.78125vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding: 1.458333vw 0 0 1.25vw;
}
.promotional-code-reward-zone h2 {
    color: #1A1A1A;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.promotional-code-reward-zone h3 {
    margin: .729167vw 0 1.09375vw 0;
    color: #515151;
    font-size: .885417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.code-container-reward-zone {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: .833333vw 1.5625vw .78125vw 1.510417vw;
    width: 49.375vw;
    height: 3.177083vw;
    border-radius: .208333vw;
    border: 1px solid #E6E6E6;
    background: #EBEBEB;
}
.code-container-reward-zone h4 {
    color: #057A10;
    font-size: 1.041667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.copy-code-reward-zone {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.copy-code-reward-zone p {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.041667vw;
}
.copy-code-reward-zone svg {
    width: 1.40625vw;
    height: 1.40625vw;
}

.achievements-reward-zone {
    width: 51.25vw;
    height: 13.489583vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FFF;
    margin: 2.864583vw 0 5.052083vw 0;
    padding: 1.302083vw 1.5625vw 2.083333vw 1.25vw;
}
.achievements-reward-zone h2 {
    color: #1A1A1A;
    font-size: 1.302083vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.unlocked-reward {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: max-content;
}
.unlocked-reward h3 {
    color: #000;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 17.552083vw 0 2.1875vw;
}
.unlocked-reward span {
    color: #057A10;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.unlocked-reward h4 {
    color: #000;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-right: 2.916667vw;
}

.margin-unlocked-reward {
    margin: 1.822917vw 0 .989583vw 0;
    width: max-content;
    display: flex;
    flex-direction: row;
    align-items: center;
}
/* Reward Zone End */

/* contact */
.contact {
    display: block;
}

.contact-panel-control {
    background-image: url("../media/icons/content-contact/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.content-contact-container {
    padding: 7.239583vw 0 0 15.625vw;
}

.content1-contact {
    display: flex;
    flex-direction: row;
}

.text1-content1-contact h2 {
    color: #1A1A1A;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 2.135417vw;
}
.text1-content1-contact p {
    color:#666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
}

.border-contact {
    width: .364583vw;
    height: 18.90625vw;
    background: #D9D9D9;
    margin: 0 3.645833vw 0 2.96875vw;
}

.text2-content1-contact h2 {
    color: #002603;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.770833vw;
}
.text2-content1-contact p {
    color: #808080;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.text1-content2-contact {
    color: #696969;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 6.25vw 0 1.822917vw 0;
}

.text2-content2-contact {
    color: #1A1A1A;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.text3-content2-contact {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #000;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 4.166667vw 0 3.958333vw 0;
}

.margin-text-content2-contact {
    margin-left: 10.15625vw;
}

.text4-content2-contact {
    color: #000;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.text5-content2-contact {
    color: #000;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    margin: 1.041667vw 0 5.46875vw 0;
}

.content3-contact input {
    width: 30.15625vw;
    height: 2.552083vw;
    border-radius: .3125vw;
    border-color: #D8DDE2;
}
.content3-contact input::placeholder {
    color: #d2d2d2;
    font-size: .833333vw;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
.content3-contact p {
    color: #000;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: .520833vw;
}

.padding-input-phone-number {
    padding-left: 3.125vw;
}

.name-email-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.email-number-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1.145833vw 0;
}

.input-order-number {
    margin-bottom: 1.145833vw;
    display: flex;
    flex-direction: column;
}

.margin-email-contact {
    margin-left: 1.875vw;
    display: flex;
    flex-direction: column;
}

.input-cuba-flag {
    display: flex;
    align-items: center;
}

.images-cuba-flag {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    cursor: pointer;
}

.img1-input-cuba-flag {
    width: 1.145833vw;
    height: .9375vw;
    margin-left: .520833vw;
}
.img2-input-cuba-flag {
    width: .625vw;
    height: .416667vw;
    margin-left: .3125vw;
}

.input-feedback input {
    width: 62.291667vw;
    height: 7.083333vw;
}

.recaptcha-send-container {
    display: flex;
    flex-direction: row;
}

.recaptcha {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 19.427083vw;
    height: 4.84375vw;
    border: 1px solid #D8DDE2;
    background-color: #F9F9F9;
    border-radius: .3125vw;
    margin-top: 1.041667vw;
}

.recaptcha-content1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.recaptcha-content1 input{
    width: 1.822917vw;
    height: 1.822917vw;
    margin-left: .78125vw;
}
.recaptcha-content1 p {
    color: #000;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-left: .833333vw;
    margin-bottom: 0;
}

.recaptcha-content2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: .78125vw;
}
.recaptcha-content2 img {
    height: 2.864583vw;
    width: 2.864583vw;
}
.recaptcha-content2 p {
    margin: 0;
    font-size: .46875vw;
}

.button-send-contact {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: none;
    cursor: pointer;
    height: 2.34375vw;
    width: 6.927083vw;
    border-radius: 1.5625vw;
    background-color: #ffd54b;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625vw;
    margin: 5.989583vw 0 10.416667vw 36.145833vw;
}
.button-send-contact img {
    width: 1.041667vw;
    height: 1.041667vw;
}
.button-send-contact p {
    margin: 0;
    font-weight: 600;
}

.br2-contact {
    display: none;
}

.name-email-container-input1 {
    display: flex;
    flex-direction: column;
}
/* contact End */

/* Loyalty Program */
.loyalty-program {
    display: block;
}

.loyalty-program-panel-control {
    background-image: url("../media/icons/content-loyalty-program/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
}

.content1-loyalty-program {
    background-image: url("../media/icons/content-loyalty-program/68f06b1eb968250f7d05e086c6dfaddd.gif");
    width: 100%;
    height: 57.239583vw;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.6);
    background-size: cover;
    background-position: center;
}

.title-loyalty-program {
    padding: 3.697917vw 0 0 16.041667vw;
}
.title-loyalty-program h2 {
    color: #FFF;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.title-loyalty-program p {
    color: #FFF;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 1.145833vw 0 3.75vw 0;
}
.title-loyalty-program span {
    color: #FFF;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.roulette-content-loyalty {
    display: flex;
    flex-direction: row;
}

.roulette-content1-loyalty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 13.177083vw;
}

.star-roulette-center {
    position: absolute;
    top: 38.5vw;
    left: 24.9vw;
    width: 6.166667vw;
    height: 6.166667vw;
    object-fit: contain;
    z-index: 50;
}

.roulette-selector {
    position: absolute;
    top: 40.5vw;
    left: 41vw;
    width: 3.645833vw;
    height: 3.125vw;
    object-fit: contain;
    z-index: 50;
}

.roulette-content {
    position: relative;
    width: auto;
    height: 30.052083vw;
    object-fit: contain;
}

.roulette-content1-loyalty a {
    display: inline-flex;
    height: 3.125vw;
    padding: 1.09375vw 1.666667vw 1.041667vw 1.614583vw;
    justify-content: center;
    align-items: center;
    border-radius: 2.760417vw;
    background: #FFF;
    border: none;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    margin: 2.5vw 0 0 9.479167vw;
}

.stars-loyalty-container {
    display: flex;
    flex-direction: row;
}

.roulette-content2-loyalty {
    margin-left: 7.1875vw;
}
.roulette-content2-loyalty h2 {
    color: #FFF;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: .15625vw 0 1.822917vw 0;
}
.roulette-content2-loyalty li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.star-list-loyalty {
    margin-left: 8.385417vw;
}

.complete-your-spin {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .829167vw;
    margin: 4.947917vw 0 0 1px;
}
.complete-your-spin h3 {
    color: #FFF;
    font-size: 2.1875vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.complete-your-spin svg {
    width: 2.135417vw;
    height: 2.083333vw;
}

.margin-star1-loyalty {
    margin: 2.916667vw 0
}
.margin-star2-loyalty {
    margin: 2.916667vw 0 2.8125vw 0;
}
.margin-star3-loyalty {
    margin: 3.125vw 0 2.916667vw 0;
}
.margin-star4-loyalty {
    margin: 2.916667vw 0 2.604167vw 0;
}

.text-prize1-loyalty {
    color: rgba(255, 255, 255, 0.85);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-left: .885417vw;
}
.text-prize2-loyalty {
    color: rgba(255, 255, 255, 0.85);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-left: .833333vw;
}

.content2-loyalty-program {
    background: linear-gradient(180deg, #FAFAFA 0%, #FFF 100%);
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    width: 100%;
    padding: 9.53125vw 0 0 13.75vw;
}
.content2-loyalty-program p {
    color: #666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.content2-loyalty-program-container1 {
    width: 72.5vw;
    height: 65.46875vw;
    border-radius: .520833vw;
    border: .208333vw solid #000;
    background: linear-gradient(238deg, #EBEBEB 0.56%, rgba(235, 235, 235, 0.00) 84.85%);
    padding: 1.041667vw 0 0 2.34375vw;
}

.title-content2-loyalty {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 1.451042vw;
}
.title-content2-loyalty h2 {
    color: #1A1A1A;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.title-content2-loyalty img {
    width: 6.458333vw;
    height: 5.997031vw;
}

.text-title1-tickets {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.text-content-loyalty-program {
    display: flex;
    flex-direction: row;
    gap: .364583vw;
    margin: 1.458333vw 0 1.822917vw 0;
}

.images-stars-container {
    width: 1.145833vw;
    display: flex;
    flex-direction: column;
}

.star-loyalty {
    width: 1.145833vw;
    height: 1.09375vw;
}
.star2-loyalty {
    width: 1.145833vw;
    height: 1.09375vw;
    margin-top: 4.166667vw;
}

.text2-content-loyalty-program {
    display: flex;
    flex-direction: row;
    gap: .364583vw;
    margin: 2.604167vw 0 4.166667vw 0;
}

.svg-padding {
    padding: 0 1.510417vw;
    display: flex;
    flex-direction: column;
}

.img-list-card {
    display: flex;
    flex-direction: row;
}

.img1-card {
    width: 4.6875vw;
    height: 2.916667vw;
}
.img2-card {
    width: 5.9375vw;
    height: 3.958333vw;
    margin: .364583vw 0 .416667vw 0;
}
.img3-card {
    width: 5.885417vw;
    height: 3.958333vw;
}
.img4-card {
    width: 5.9375vw;
    height: 3.958333vw;
    margin: -.208333vw 0 .625vw 0;
}
.img5-card {
    width: 5.9375vw;
    height: 3.958333vw;
}
.img6-card {
    width: 5.885417vw;
    height: 3.90625vw;
    margin-top: -.260417vw;
}

.content-membership-loyalty {
    display: flex;
    flex-direction: row;
    margin-left: 1.510417vw;
}

.title-membership-card li {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    width: 10.208333vw;
}

.margin1-membership-card {
    margin: .260417vw 0 2.760417vw 0;
}
.margin2-membership-card {
    margin: 2.760417vw 0;
}

.border-membership-loyalty {
    width: .520833vw;
    height: 21.458333vw;
    border-radius: 2.604167vw;
    background: #C5C5C5;
    display: flex;
    justify-content: center;
    margin-left: 5.104167vw;
}
.border-membership-loyalty li {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.x-membership {
    margin-left: 2.5vw;
}
.x-membership li {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.margin1-x-membership {
    margin: .260417vw 0 2.760417vw 0;
}
.margin2-x-membership {
    margin: 2.760417vw 0;
}

.reward-membership {
    margin-left: 6.354167vw;
}
.reward-membership {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.content2-loyalty-program-container2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 3.177083vw 0 4.010417vw 0;
}

.member-get-member {
    width: 34.84375vw;
    height: 20.208333vw;
    border-radius: .520833vw;
    background: linear-gradient(238deg, #EBEBEB 0.56%, rgba(235, 235, 235, 0.00) 84.85%);
    border: .208333vw solid #000;
    padding: 1.770833vw 0 0 1.770833vw;
}
.member-get-member h2 {
    color: #000;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.member-get-member h3 {
    color: #000;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: .677083vw;
}
.text-member-get-member {
    color: #666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 2.1875vw;
}

.reward-member-get-member {
    display: flex;
    flex-direction: row;
    border-left: .364583vw solid #000000;
    height: 4.322917vw;
    display: flex;
    align-items: center;
    padding-left: .9375vw;
}
.reward-member-get-member p {
    color: #000;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    width: 10.989583vw;
}

.reward-member {
    width: 9.010417vw;
    height: 3.697917vw;
    border-radius: .260417vw;
    background: linear-gradient(102deg, #057A10 -14.83%, #F7931E 114.5%);
    padding: .46875vw 2.1875vw .104167vw 3.125vw;
    margin-left: 1.5625vw;
}
.reward-member p {
    color: #FFF;
    font-size: 2.083333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    width: 3.125vw;
}

.text-reward-member {
    margin-right: .260417vw;
}

.promotional-code {
    width: 36.041667vw;
    height: 20.208333vw;
    border-radius: .520833vw;
    background: linear-gradient(238deg, #EBEBEB 0.56%, rgba(235, 235, 235, 0.00) 84.85%);
    border: .208333vw solid #000;
    margin-left: 1.614583vw;
}
.promotional-code h2 {
    color: #1A1A1A;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 1.770833vw 0 0 2.395833vw;
}

.text-promotional-code {
    color: #666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: 2.604167vw;
}

.reward-info-container {
    display: flex;
    flex-direction: row;
}

.reward-info-content1 {
    margin: .416667vw .260417vw 0 2.604167vw;
}
.reward-info-content1 h3 {
    color: #000;
    font-size: 1.302083vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.order-arrow-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.border-text-order1 {
    width: 11.875vw;
    height: 2.083333vw;
    border-radius: .260417vw;
    border: 1px solid #000;
    background: #FFF;
    padding: .3125vw 0 .364583vw 2.760417vw;
    margin-right: .260417vw;
}
.border-text-order1 p {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.border-text-order2 {
    width: 11.875vw;
    height: 2.083333vw;
    border-radius: .260417vw;
    border: 1px solid #000;
    background: #FFF;
    padding: .3125vw 0 .364583vw 1.302083vw;
    margin: .885417vw .260417vw .729167vw 0;
}
.border-text-order2 p {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.border-text-order3 {
    width: 11.875vw;
    height: 2.083333vw;
    border-radius: .260417vw;
    border: 1px solid #000;
    background: #FFF;
    padding: .3125vw 0 .364583vw 2.291667vw;
    margin-right: .260417vw;
}
.border-text-order3 p {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.reward-info-content2 {
    margin-top: .416667vw;
}
.reward-info-content2 h3 {
    color: #000;
    font-size: 1.302083vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.reward-info-content2 div {
    width: 17.8125vw;
    height: 2.083333vw;
    border-radius: .260417vw;
    background: linear-gradient(269deg, #F7931E -4.48%, #057A10 80.08%);
}
.reward-info-content2 p {
    color: #FFF;
    text-align: center;
    font-size: 1.458333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.margin-reward-info-content2 {
    margin: .885417vw 0 .729167vw 0;
}

.content2-loyalty-program-container3 {
    width: 72.239583vw;
    height: 54.53125vw;
    border-radius: .520833vw;
    background: linear-gradient(238deg, #EBEBEB 0.56%, rgba(235, 235, 235, 0.00) 84.85%);
    border: .208333vw solid #000;
    margin-bottom: 7.5vw;
    padding: 2.083333vw 0 0 2.5vw;
}
.content2-loyalty-program-container3 h2 {
    color: #1A1A1A;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.goals-content {
    display: flex;
    flex-direction: row;
}
.goals-content ul {
    margin-top: .9375vw;
}
.goals-content li {
    display: flex;
    width: 3.28125vw;
    height: 3.645833vw;
    padding: .78125vw .46875vw .572917vw .520833vw;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-left: -.15625vw;
}
.goals-content img {
    width: 2.291667vw;
    height: 2.291667vw;
}
.text-content-goals {
    color: #666;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 1.71875vw;
}

.title1-text-goals {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.title2-text-goals {
    color: #000;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.margin1-goals-content {
    margin: 1.979167vw 0;
}
.margin2-goals-content {
    margin: 1.979167vw 0 1.875vw 0;
}
.margin3-goals-content {
    margin-top: 1.979167vw;
}
.margin4-goals-content {
    margin: 3.229167vw 0 5.104167vw 0;
    display: flex;
    justify-content: flex-end;
    margin-right: .260417vw;
}
.margin4-goals-content svg {
    width: .520833vw;
    height: .520833vw;
}
.margin5-goals-content {
    display: flex;
    justify-content: flex-end;
    margin-right: .260417vw;
}
.margin5-goals-content svg {
    width: .520833vw;
    height: .520833vw;
}

.gift-list {
    margin-left: 4.479167vw;
    display: flex;
    flex-direction: row;
}

.gift-list-container1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.gift-list-container1 p {
    color: #000;
    text-align: center;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.gift-list-container2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: .729167vw;
}

.margin1-gift-text {
    margin: 3.072917vw 0px 4.583333vw 0;
}
.margin2-gift-text {
    margin: 4.427083vw 0px 4.322917vw 0;
}
.margin3-gift-text {
    margin: 4.375vw 0px 4.479167vw 0;
}
.margin4-gift-text {
    margin: 5.364583vw 0 4.479167vw 0;
}

.svg1 {
    margin: 1.041667vw 0 .3125vw 0;
}
.svg2 {
    margin: .3125vw 0
}
.svg3 {
    margin: 3.177083vw 0 3.854167vw 0;
}

.br2-loyalty-program {
    display: none;
}

.svg-star-loyalty-mquery {
    display: none;
}

.svg-border-content2-loyalty {
    width: 58.229167vw;
    height: .208333vw;
}
.svg-border-content2-loyalty-mquery {
    display: none;
}

.svg-arrow-content2-loyalty-mquery {
    display: none;
}

.svg-arrow-content2-loyalty {
    width: .9375vw;
    height: 1.25vw;
}

.svg-card-gift-list {
    width: 5.104167vw;
    height: 5.208333vw;
}

.svg3 {
    width: 1.09375vw;
    height: 1.458333vw;
}
.svg6{
    width: 1.09375vw;
    height: 1.458333vw;
}

.svg-card-gift-list-mquery {
    display: none;
}

.svg-arrow-content2-loyalty1 {
    width: 2.135417vw;
    height: 1.5625vw;
}
/* Loyalty Program End */

/* Spin Daily */
.spin-daily {
    display: block;
}

.spin-daily-panel-control {
    background-image: url("../media/icons/content-spin-daily/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.content-spin-daily-container {
    background-image: url("../media/icons/content-loyalty-program/68f06b1eb968250f7d05e086c6dfaddd.gif");
    width: 100%;
    height: 33.645833vw;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.6);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: row;
}

.content1-spin-daily {
    width: 14.0625vw;
    height: 29.010417vw;
    border-radius: .416667vw;
    border: .15625vw solid rgba(255, 255, 255, 0.70);
    background: rgba(0, 0, 0, 0.70);
    padding: 1.979167vw 0 2.239583vw 1.458333vw;
    margin: 1.666667vw 5.052083vw 2.96875vw 17.864583vw;
}
.content1-spin-daily div {
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}
.content1-spin-daily p {
    color: #FFF;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

#text1-daily-spin {
    color: #057A10;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

#text2-daily-spin {
    color: #FFF;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.content2-spin-daily {
    margin: 4.0625vw 0 0 18.125vw; 
}

.star-roulette-center3 {
    position: absolute;
    top: 29vw;
    left: 27vw;
    width: 4.166667vw;
    height: 4.166667vw;
    object-fit: contain;
    z-index: 50;
}

.roulette-selector3 {
    position: absolute;
    top: 30.5vw;
    left: 38.2vw;
    width: 2.645833vw;
    height: 2.125vw;
    object-fit: contain;
    z-index: 50;
}

.roulette-content2-3 {
    position: relative;
    width: 21.40625vw;
    height: 21.40625vw;
    object-fit: contain;
    margin: 0;
    transition: 5s;
}

.content2-spin-daily button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.947917vw;
    height: 3.125vw;
    padding: 1.09375vw 0px 1.041667vw 0px;
    border-radius: 2.760417vw;
    background: #FFF;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    margin: 1.5625vw 0 0 6.291667vw;
    border: none;
    cursor: pointer;
}

.content3-spin-daily-container h2 {
    color: #FFF;
    font-size: 2.916667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 3.90625vw 0 2.239583vw 9.045313vw;
}

.content3-spin-daily {
    display: flex;
    flex-direction: row;
    margin-left: 9.045313vw;
}
.content3-spin-daily li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.star-list-spin-daily {
    margin-left: 8.333333vw;
}

.text-prize1-spin-daily {
    margin-left: .885417vw;
    color: rgba(255, 255, 255, 0.85);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.text-prize-spin-daily {
    margin-left: .833333vw;
    color: rgba(255, 255, 255, 0.85);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.margin-star1-spin-daily {
    margin: 1.09375vw 0;
}
.margin-star2-spin-daily {
    margin: .989583vw 0 1.145833vw 0;
}
.margin-star3-spin-daily {
    margin: .989583vw 0 .9375vw 0;
}
.margin-star4-spin-daily {
    margin: 1.145833vw 0 1.197917vw 0;
}

.complete-your-spin-content3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.141667vw;
    margin: 3.802083vw 0 0 9.409896vw;
}
.complete-your-spin-content3 svg {
    width: 2.135417vw;
    height: 2.083333vw;
}
.complete-your-spin-content3 h3 {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
/* Spin Daily End */

/* Management Product */
.management-product {
    display: none;
}

.management-product-panel-control {
    background-image: url("../media/icons/content-management-product/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.content-management-product-container {
    display: flex;
    flex-direction: row;
    padding: 2.291667vw 5.104167vw 5.104167vw 15.625vw;
}

.content1-management-product {
    width: 14.0625vw;
    height: 21.770833vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FAF9F9;
    box-shadow: .104167vw .104167vw .234375vw 0px rgba(129, 129, 129, 0.10);
}
.content1-management-product ul {
    margin: 1.197917vw 0 0 1.041667vw;
}
.content1-management-product li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .833333vw;
}
.content1-management-product p {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
}

#text-color-management-product {
    color: #057A10;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
}

.margin1-management {
    margin: .989583vw 0 .833333vw 0;
}
.margin2-management {
    margin: .833333vw 0;
}
.margin3-management {
    margin: .833333vw 0;
}
.margin4-management {
    margin-top: 2.864583vw;
}

.content2-management-product {
    width: 39.0625vw;
    height: 36.979167vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #F1F1F1;
    padding: .260417vw 0px 0 1.302083vw;
    margin: 0 1.770833vw 0 2.1875vw;
}

.product-name-management h3 {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.product-name-management div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 1.302083vw;
}
.product-name-management input {
    width: 36.458333vw;
    height: 2.395833vw;
    border-radius: .3125vw;
    border: 1px solid #E2E2E2;
    background: #FFF;
    margin: .520833vw 0 1.041667vw 0;
    padding: 0 1.302083vw 0 .572917vw;
}
.product-name-management input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.product-name-management svg {
    position: absolute;
    margin-right: .677083vw;
    cursor: pointer;
    width: .677083vw;
    height: .520833vw;
}

.type-product-management {
    display: flex;
    flex-direction: row;
}

.input1-type-product-management {
    display: flex;
    flex-direction: column;
}
.input1-type-product-management h3 {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: .520833vw;
}
.input1-type-product-management input {
    width: 16.666667vw;
    height: 2.395833vw;
    border-radius: .3125vw;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: .572917vw;
}
.input1-type-product-management input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.input2-type-product-management {
    margin-left: 3.072917vw;
    display: flex;
    flex-direction: column;
}
.input2-type-product-management h3 {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: .572917vw;
}
.input2-type-product-management input {
    width: 16.666667vw;
    height: 2.395833vw;
    border-radius: .3125vw;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: .520833vw .572917vw .625vw .572917vw;
}
.input2-type-product-management input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.price-product-management {
    display: flex;
    flex-direction: row;
    margin-top: .833333vw;
}

.input1-price-product-management {
    display: flex;
    flex-direction: column;
}
.input1-price-product-management h3 {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: .520833vw;
}
.input1-price-product-management input {
    width: 16.666667vw;
    height: 2.395833vw;
    border-radius: .3125vw;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: .572917vw;
}
.input1-price-product-management input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.input2-price-product-management {
    margin: 0 2.239583vw 0 3.177083vw;
    display: flex;
    flex-direction: column;
}
.input2-price-product-management h3 {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: .520833vw;
}
.input2-price-product-management div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.input2-price-product-management input {
    width: 7.135417vw;
    height: 2.395833vw;
    border-radius: .3125vw;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: .572917vw 1.302083vw .572917vw .572917vw;
}
.input2-price-product-management input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.input2-price-product-management svg {
    position: absolute;
    margin-right: .677083vw;
    width: .677083vw;
    height: .520833vw;
}

.input3-price-product-management {
    display: flex;
    flex-direction: column;
}
.input3-price-product-management h3 {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: .520833vw;
}
.input3-price-product-management div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.input3-price-product-management input {
    width: 7.135417vw;
    height: 2.395833vw;
    border-radius: .3125vw;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: .572917vw 1.302083vw .572917vw .572917vw;
}
.input3-price-product-management input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.input3-price-product-management svg {
    position: absolute;
    margin-right: .677083vw;
    width: .677083vw;
    height: .520833vw;
}

.description-product-management {
    margin: .833333vw 0 1.71875vw 0;
    display: flex;
    flex-direction: column;
}
.description-product-management h3 {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: .520833vw;
}
.description-product-management input {
    width: 36.458333vw;
    height: 4.010417vw;
    border-radius: .3125vw;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: .520833vw .572917vw;
}
.description-product-management input::placeholder {
    color: #999;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: left;

}

.upload-your-product h3 {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: .520833vw;
}

.content-upload-your-product {
    width: 36.458333vw;
    height: 10.78125vw;
    border-radius: .416667vw;
    border: 1px dashed #45A9EA;
    background: #EEF8FF;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.content-upload-your-product svg {
    margin: 1.822917vw 0 .78125vw 0;
    width: 2.5vw;
    height: 2.5vw;
}
.content-upload-your-product p {
    color: #4D4D4D;
    text-align: center;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.content-upload-your-product button {
    cursor: pointer;
    border: none;
    display: inline-flex;
    padding: .416667vw 1.041667vw;
    justify-content: center;
    align-items: center;
    gap: .520833vw;
    border-radius: .3125vw;
    background: #45A9EA;
    color: #FFF;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-top: .520833vw;
}

.content3-management-product {
    width: 11.666667vw;
    height: 36.979167vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #F1F1F1;
    padding: 1.25vw .625vw 0 .572917vw;
}
.content3-management-product h3 {
    color: #4D4D4D;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: .260417vw;
}

.images-management-product {
    width: 10.46875vw;
    height: 3.645833vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: .3125vw;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: .416667vw 1.302083vw .416667vw .572917vw;
}
.images-management-product img {
    width: 3.4375vw;
    height: 2.8125vw;
}
.images-management-product p {
    display: -webkit-box;
    width: 2.96875vw;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #4D4D4D;
    text-overflow: ellipsis;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0 1.041667vw 0 .3125vw;
}
.images-management-product svg {
    width: .9375vw;
    height: 1.041667vw;
}

.svg1-content1-management-product {
    width: 1.458333vw;
    height: 1.458333vw;
}
.svg2-content1-management-product {
    width: 1.40625vw;
    height: 1.354167vw;
}
.svg3-content1-management-product {
    width: 1.458333vw;
    height: 1.458333vw;
}
.svg4-content1-management-product {
    width: 1.458333vw;
    height: 1.458333vw;
}
.svg5-content1-management-product {
    width: 1.458333vw;
    height: 1.458333vw;
}
.svg6-content1-management-product {
    width: 1.458333vw;
    height: 1.458333vw;
}
.svg7-content1-management-product {
    width: 1.458333vw;
    height: 1.458333vw;
}
.svg8-content1-management-product {
    width: 1.458333vw;
    height: 1.458333vw;
}
/* Management Product End */

/* Management Dashboard */
.management-dashboard {
    display: none;
}

.management-dashboard-panel-control {
    background-image: url("../media/icons/content-management-product/Breadcrumbs.png");
    width: 100%;
    height: 6.25vw;
    background-repeat: no-repeat;
    background-size: 100vw 6.25vw;
}

.content-management-dashboard-container {
    display: flex;
    flex-direction: row;
    margin: 2.291667vw 0 2.135417vw 15.625vw;
}

.content1-management-dashboard {
    width: 14.0625vw;
    height: 21.770833vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #FAF9F9;
    box-shadow: .104167vw .104167vw .234375vw 0px rgba(129, 129, 129, 0.10);
}
.content1-management-dashboard ul {
    margin: 1.197917vw 0 0 1.041667vw;
}
.content1-management-dashboard li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .833333vw;
}
.content1-management-dashboard p {
    color: #4D4D4D;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
}

.margin-content2-management {
    margin-left: 3.4375vw;
}

.content2-management-dashboard {
    width: 51.25vw;
    height: 21.770833vw;
    border-radius: .416667vw;
    border: 1px solid #E6E6E6;
    background: #F1F1F1;
    box-shadow: .104167vw .104167vw .625vw 0px rgba(0, 0, 0, 0.10);
}

.buttons-filter-dashboard {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1.5625vw 0 0 2.1875vw;
}
.buttons-filter-dashboard h3 {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.buttons-filter-dashboard span {
    color: #057A10;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.button-filter {
    display: flex;
    flex-direction: row;
    height: 2.083333vw;
    width: 5.208333vw;
    padding: .625vw;
    justify-content: center;
    align-items: center;
    gap: .416667vw;
    border-radius: .260417vw;
    border: 1px solid #057A10;
    background: #FFF;
    color: #057A10;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25vw;
    cursor: pointer;
    margin: 0 16.510417vw 0 1.09375vw;
}
.button-filter svg {
    width: 1.458333vw;
    height: 1.458333vw;
}

.see-all {
    border: none;
    cursor: pointer;
    background: transparent;
    color: #057A10;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.actions {
    display: inline-flex;
    height: 2.083333vw;
    padding: .625vw;
    justify-content: center;
    align-items: center;
    gap: .416667vw;
    border-radius: .260417vw;
    background: #057A10;
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25vw;
    cursor: pointer;
    margin-left: 2.552083vw;
    border: none;
}

.title-info-dashboard {
    width: 48.125vw;
    height: 1.927083vw;
    border-radius: .208333vw;
    background: #FFF;
    margin: .9375vw 0 .677083vw 1.25vw;
}
.title-info-dashboard ul {
    display: flex;
    flex-direction: row;
}
.title-info-dashboard li {
    color: #4D4D4D;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .36px;
    text-transform: uppercase;
}

.title-info1 {
    margin: .642187vw 4.0vw .638542vw 1.242708vw;
}
.title-info2 {
    margin: .642187vw 1.0vw .638542vw 0;
}
.title-info3 {
    margin: .625vw 2.0vw .655208vw 0;
}
.title-info4 {
    margin: .520833vw 2.0vw .759375vw 0;
}
.title-info5 {
    margin: .416667vw 0 .885417vw 0;
}
.title-info6 {
    margin: .416667vw 2.0vw .885417vw 2.760417vw;
}
.title-info7 {
    margin: .364583vw 0 .915625vw 0;
}

.content-info-dashboard {
    display: flex;
    width: 48.125vw;
    height: 14.0625vw;
    padding: 0px 1.09375vw;
    flex-direction: row;
    border-radius: .208333vw;
    background: #FFF;
    margin-left: 1.25vw;
    padding: .625vw 0 0 1.09375vw;
}

.number-order-dashboard {
    color: #333;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.order-name-dashboard {
    color: #333;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0 3.125vw 0 7.239583vw;
}

.product-type-dashboard {
    color: #333;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.watch-address {
    color: #057A10;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 .9375vw 0 2.34375vw;
}

.tracking-dashboard {
    color: #333;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.date-info-dashboard {
    color: #333;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0 2.65625vw 0 2.083333vw;
}

.price-dashboard {
    color: #333;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

#red-date {
    color: #F00;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.margin1-dashbord {
    margin: 1.25vw 0;
}
.margin2-dashbord {
    margin-top: 1.25vw;
}

.chart-info-container {
    display: flex;
    flex-direction: row;
    margin-top: .989583vw;
}

.chart-info1 {
    display: flex;
    width: 39.270833vw;
    height: 17.1875vw;
    min-width: 34.479167vw;
    padding: 1.25vw;
    flex-direction: column;
    align-items: flex-start;
    gap: .833333vw;
    border-radius: .833333vw;
    border: 1px solid #E6E6E6;
    background: #F1F1F1;
    box-shadow: .104167vw .104167vw .291667vw 0px rgba(0, 0, 0, 0.10);
}
.chart-info1 ul {
    display: flex;
    flex-direction: row;    
    align-items: center;
}

.chart-info1 ul {
    display: flex;
    flex-direction: row;
}

.chart-info2 {
    display: flex;
    width: 10.520833vw;
    height: 17.1875vw;
    min-width: 10.416667vw;
    max-width: 14.166667vw;
    padding: 1.25vw;
    flex-direction: column;
    align-items: flex-start;
    gap: .833333vw;
    border-radius: var(--16, .833333vw);
    border: 1px solid #E6E6E6;
    background: #F1F1F1;
    box-shadow: .104167vw .104167vw .25vw 0px rgba(0, 0, 0, 0.10);
    margin-left: 1.5625vw;
}

.this-year-chart-dashboard {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.this-year-chart-dashboard p {
    color: #1C1C1C;
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: .9375vw;
}
.this-year-chart-dashboard svg {
    width: .833333vw;
    height: .833333vw;
}

.last-year-chart-dashboard {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.last-year-chart-dashboard p {
    color: #1C1C1C;
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: .9375vw;
}
.last-year-chart-dashboard svg {
    width: .833333vw;
    height: .833333vw;
}

.total-chart-dashboard {
    color: #1C1C1C;
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-family: "Poppins", sans-serif;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.041667vw;
}

.color-style-chart-dashboard {
    color: rgba(28, 28, 28, 0.40);
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.041667vw;
}

.border-chart-dashboard {
    color: var(--black-20, rgba(28, 28, 28, 0.20));
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.041667vw;
    margin: 0 1.041667vw 0 .833333vw;
}

.margin1-chart-dashboard {
    margin: 0 .833333vw;
}

.margin2-chart-dashboard {
    margin-left: 1.458333vw;
}

.chart-info1 img {
    height: 12.708333vw;
    width: 36.770833vw;
}

.chart-info2 h3 {
    color: #1C1C1C;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.041667vw;
}

.traffic-order p {
    color: #1C1C1C;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: .9375vw;
    width: 3.28125vw;
}
.traffic-order li {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.traffic-order img {
    width: 4.166667vw;
    height: 1.788021vw;
    margin-left: .833333vw;
}

.margin1-traffic-order {
    margin: .416667vw 0;
}
.margin2-traffic-order {
    margin-top: .416667vw;
}
/* Management Dashboard End */

/* Search Result */
.search-result-content {
    margin: 5.3125vw 1.614583vw 0 1.25vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.search-result-title h2 {
    color: #002603;
    font-size: 2.083vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.search-result {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 4.479167vw;
    gap: 32vw;
}
.search-result p {
    color: #666;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.search-result span {
    color: #1A1A1A;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
/* Search Result End */

/* footer */
footer {
    width: 100%;
    height: auto;
    font-family: "Poppins", sans-serif;
}

.suscription-footer-container {
    width: 100%;
    height: 8.4375vw;
    background-color: #F7F7F7;
    display: flex;
    align-items: center;
    font-family: "Poppins", sans-serif;
}

.suscription-container1 {
    margin-left: 14.270833vw;
}

.suscription-title {
    margin-bottom: .208333vw;
}
.suscription-title h1 {
    color: #1A1A1A;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    font-family: "Poppins", sans-serif;
}

.suscription-content p {
    color: #999;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.subscription-input {
    width: 25.625vw;
    height: 2.708333vw;
    Padding: .729167vw 1.25vw .729167vw 1.25vw;
    gap: .520833vw;
    font-weight: 400;
    font-size: .833333vw;
    color:#FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 2.395833vw;
}
.subscription-input::placeholder {
    font-family: "Poppins", sans-serif;
}

.subscription-button {
    position: absolute;
}
.subscription-button button {
    width: 8.4375vw;
    height: 2.708333vw;
    font-family: "Poppins", sans-serif;
    border-radius: 2.239583vw;
    Padding: .833333vw 2.083333vw .833333vw 2.083333vw;
    Gap: .625vw;
    background-color: #057A10;
    color: #FFFFFF;
    font-size: .729167vw;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.suscription-container2 {
    margin: 0 4.583333vw 0 4.479167vw;
}

.input-button-footer {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
}
.input-button-footer div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.suscription-container3 {
    display: flex;
    align-items: center;
}

.facebook-footer-container {
    border: 1px solid #FFFFFF;
    display: flex;
    justify-content: center;
    background-color: #00B207;
    height: 2.083333vw;
    width: 2.083333vw;
    border-radius: 26.041667vw;
    align-items: center;
    cursor: pointer;
}

.facebook-footer-container img {
    width: .9375vw;
    height: .9375vw;
}

.instagram-footer-container {
    display: flex;
    align-items: center;
    margin-left: .989583vw;
    cursor: pointer;
}
.instagram-footer-container img {
    width: .9375vw;
    height: .9375vw;
}

.content-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    background-color: #1A1A1A;
}

.content1-footer {
    display: flex;
    align-items: center;
}

.text-contact-content1-footer {
    margin: 3.854167vw 2.942708vw 3.541667vw 15.625vw;
}

.text-content1-footer p {
    color: #808080;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.phone-or-email {
    display: flex;
    align-items: center;
    margin-top: 2.447917vw;
}

.phone-email-border {
    box-shadow: 0px .078125vw 0px 0px #20B526;
    padding: .3125vw 0;
}

.phone-number-footer {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.or-footer {
    color: #808080;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0 .833333vw;
}

.email-footer {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.content2-footer {
    display: flex;
    flex-direction: row;
    color: #999;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.content2-footer span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.column2-content2-footer {
    margin: 0 3.333333vw 0 2.838542vw;
}
.column4-content2-footer {
    margin-left: 7.630208vw;
}

.margin-term-footer {
    margin: .625vw 0;
}

.column1-content2-footer h3, .column2-content2-footer h3, .column3-content2-footer h3, .column4-content2-footer h3 {
    color: #FFF;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 1.041667vw;
    cursor: pointer;
}
.column1-content2-footer p, .column2-content2-footer p, .column3-content2-footer p, .column4-content2-footer p {
    cursor: pointer;
    text-decoration: none;
    color: #666666;
}

.rewards-zone-footer {
    color: #666;
    font-size: .833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: .625vw 0;
}

.shopping-cart-footer {
    color: #FFF;
    font-size: .729167vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.content3-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content3-container-footer {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px -1px 0px 0px #333;
    align-items: center;
    width: 68.75vw;
    padding: 1.536458vw 0;
    height: 4.166667vw;
}

.all-rights-reserved-footer {
    font-size: .729167vw;
    color: #808080;
}

.image-payment-container {
    display: flex;
}

.apple-pay img {
    width: 2.34375vw;
    height: 1.654167vw;
}

.visa {
    margin: 0 .416667vw 0 .416667vw;
}
.visa img {
    width: 2.34375vw;
    height: 1.654167vw;
}

.discover {
    width: 2.34375vw;
    height: 1.654167vw;
}

.mastercard {
    width: 2.34375vw;
    height: 1.654167vw;
    margin: 0 .416667vw 0 .416667vw;
}

.secure-payment {
    width: 3.385417vw;
    height: 1.666667vw;
}
/* footer end */

/* Your Style */