@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.ttf);
    font-weight: 400 !important;
}

@font-face {
    font-family: OpenSans-SemiBold;
    src: url(../fonts/OpenSans-SemiBold.ttf);
    font-weight: 600 !important;
}


@font-face {
    font-family: OpenSans-Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
    font-weight: 700 !important;
}

@font-face {
    font-family: OpenSans-ExtraBold;
    src: url(../fonts/OpenSans-ExtraBold.ttf);
    font-weight: 800 !important;
}

/* Generic -- begins */
:root {
    --mainBlack: #2D2E43;
    --gray: #747482;
    --green: #29AE64;
    --orange: #E67725;
    --white2nd: #F3F3F3;
    --white3d: #F9F9F9;
    --white: #FFFFFF;
    --gray2nd: #747482;
    --black: #242536;


}

/* Generic -- ends */
* {
    font-family: OpenSans-SemiBold;
    margin: 0px;
    padding: 0px;
}

.mainElement {
    background: #FBFDFF;
}

.mainContainer {
    /* margin: 0 40px !important;
    max-width: 1680px; */
    margin: auto;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* padding: 0 20px !important; */
}

/* header */

header {
    background: var(--white3d);
    border-bottom: 1px solid #F3F3F3;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
    position: relative;
}

.pageLink {
    font-family: OpenSans-SemiBold;
    font-size: 20px;
    color: var(--gray);
}

.pageLink.active {
    font-family: OpenSans-Bold;
    color: var(--orange) !important;
}

.headerSearch button {
    width: 48px;
    height: 48px;
    background: var(--white2nd);
    border-radius: 8px;
}

.cartBtn {
    width: 48px !important;
    height: 48px !important;
    background: var(--white2nd) !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

.balance {
    background: rgba(41, 174, 100, 0.08);
    border-radius: 8px;
}

.balance p {
    font-family: OpenSans-SemiBold;
    font-size: 14px;
    color: var(--mainBlack);
    opacity: 0.6;
}

.balance h6, .language, .userName p, .sort button {
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    color: var(--mainBlack) !important;
}

.language {
    padding: 12px !important;
    background: var(--white2nd);
    border-radius: 8px;
}

.language::after, .userName::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6.0002 7.02538C5.86686 7.02538 5.73353 7.00038 5.6002 6.95038C5.46686 6.90038 5.3502 6.82538 5.2502 6.72538L0.700195 2.15038C0.483528 1.93371 0.379529 1.68371 0.388195 1.40038C0.396195 1.11704 0.508529 0.867042 0.725195 0.650375C0.925195 0.450375 1.1752 0.350376 1.4752 0.350376C1.7752 0.350376 2.0252 0.450375 2.2252 0.650375L6.0002 4.42538L9.8002 0.625376C10.0002 0.425376 10.2462 0.329376 10.5382 0.337376C10.8295 0.346042 11.0752 0.450375 11.2752 0.650375C11.4919 0.867042 11.6002 1.12104 11.6002 1.41238C11.6002 1.70438 11.4919 1.95871 11.2752 2.17538L6.7502 6.72538C6.6502 6.82538 6.53353 6.90038 6.4002 6.95038C6.26686 7.00038 6.13353 7.02538 6.0002 7.02538Z' fill='%232D2E43'/%3E%3C/svg%3E") !important;
    border: none !important;
    vertical-align: 0 !important;
    margin-left: 16px !important;
}

.userName {
    padding: 8px 12px !important;
    background: var(--white2nd);
    border-radius: 8px;
}

.avatar {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50px;
}

.avatarNull {
    width: 32px;
    height: 32px;
    /* background: #539FE4; */
    border-radius: 50px;
    background-color: var(--orange);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.userName p {
    padding-left: 12px;
}

.profileDropdown {
    padding: 16px !important;
    top: 60px !important;
    background: var(--white3d);
    border-radius: 8px !important;
    width: 248px;
    left: auto !important;
    right: 0;
    border: none !important;
}

.profileDropdown svg {
    margin-right: 12px;
}

.btnSortBy {
    background-color: var(--white2nd) !important;
    padding: 16px !important;
    border-radius: 8px !important;
    width: 248px;
    right: 0 !important;
    border: none !important;
    top: 4px !important;
}

.form-check-input:checked {
    /*background-color: var(--green) !important;*/
    border-color: var(--green) !important;
}

.mobileNav {
    display: none;
}
/*.form-check-input:checked .addressInputBody{*/
/*    border-color: var(--green) !important;*/

/*}*/

    /* footer */

footer {
    background-color: #232229;
}

.footer {
    padding: 48px 131px 24px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-120 {
    padding-bottom: 120px;
}


.footertext, .footerBottom p {
    color: var(--gray2nd);
    font-family: OpenSans-Regular;
}

.footerLink h5, .footerContact h5 {
    font-size: 20px;
    color: var(--white3d);
    font-family: OpenSans-Bold;
}

.footerLink a {
    font-size: 18px;
    font-family: OpenSans-SemiBold;
    color: var(--gray2nd);
    text-decoration: none;
}
.footerLink a:hover{
    color: var(--white3d);
}



.footerContact a {
    font-size: 18px;
    font-family: OpenSans-SemiBold;
    text-decoration: none;
    color: var(--white3d) !important;
}
.footerContact a:hover {
    color: var(--orange) !important;
}
.footerContact svg {
    margin-right: 12px;
}

.footerBottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    ;
}

/* login */

.loginSection {
    background: var(--white);
}

.loginContainer {
    padding: 100px 0 100px 102px;
}

.loginContainer h2 {
    color: var(--mainBlack);
    font-family: OpenSans-Bold;
    font-size: 32px;
    padding: 120px 0 10px;
}

.loginContainer p {
    font-family: OpenSans-Regular;
    color: var(--gray);
    font-size: 20px;
}

.loginContainer label {
    font-family: OpenSans-SemiBold;
    color: var(--mainBlack) !important;
    font-size: 16px;
}

.loginContainer input {
    padding: 16px 20px;
    color: var(--mainBlack) !important;
    font-size: 18px;
    font-family: OpenSans-SemiBold;
    background: var(--white2nd);
    border: 1px solid rgba(116, 116, 130, 0.3);
    border-radius: 8px;


}

.loginContainer input::placeholder {
    color: var(--gray) !important;
    font-family: OpenSans-Regular;
    font-size: 18px;
}

.rememberCheck {
    width: 24px;
    height: 24px;
    background: var(--white2nd);
    border: 1px solid rgba(116, 116, 130, 0.3);
    border-radius: 4px;
}

.loginContainer span {
    font-family: OpenSans-SemiBold;
    color: var(--gray) !important;
    font-size: 16px;
}

.signBtn {
    background-color: var(--green);
    color: var(--white3d);
    font-family: OpenSans-Bold;
    font-size: 20px;
    border-radius: 12px;
}

.eye {
    top: 50px;
    right: 16px;
}

.loginImg {
    object-fit: cover;
}




/* homepage */

.mainImg {
    background-image: url('../img/pizza.png');
    background-repeat: no-repeat;
    background-position: top right;
    margin-top: -116px;
}

.sectionPadding {
    padding-top: 188px;
}

.faster {
    width: fit-content;
    background: rgba(41, 174, 100, 0.1);
    border-radius: 50px;
    padding: 12px 16px;
}

.faster p {
    color: var(--green);
    font-size: 20px;
    font-family: OpenSans-Bold;
}

.mainTitle {
    font-family: OpenSans-ExtraBold;
    font-size: 80px;
    color: var(--mainBlack);
}

.mainTitle span {
    color: var(--green);
    font-family: OpenSans-ExtraBold;
}

.mainText {
    font-size: 20px;
    color: var(--gray);
    font-family: OpenSans-Regular;
}

.viewBtn {
    background: var(--orange);
    border-radius: 12px;
    padding: 16px 32px !important;
    color: var(--white3d);
    font-family: OpenSans-SemiBold;
    font-size: 20px;
    text-decoration: none;
    width: auto;
}
.viewBtn:hover, .orderSubmitBtn:hover, .btnLabel:hover{
    background-color: #EB9251;
    color: var(--white3d) !important;
}
.viewBtn:active, .orderSubmitBtn:active, .btnLabel:active{
    background: #CF6B21;
    color: var(--white3d) !important;
}

.mainSmallCard {
    background: var(--white);
    box-shadow: 0px 24.6588px 49.3176px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    width: fit-content;
}

.mainSmallImg {
    width: 90px !important;
    height: 90px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.mainSmallCardName {
    font-size: 18px;
    color: var(--mainBlack);
    font-family: OpenSans-SemiBold;
}

.smallRatings i, .smallRatings span {
    font-size: 14px;
}

.smallRatings span {
    color: var(--gray);
}

.mainSmallCardPrice {
    font-size: 20px;
    color: var(--mainBlack);
    font-family: OpenSans-Bold;
}

.mainArrow {
    opacity: 0.3;
}

.happyCustomer {
    background: var(--white);
    box-shadow: 0px 33.1797px 66.3595px rgba(255, 211, 71, 0.14);
    border-radius: 70px;
    width: fit-content;
}

.happyCustomer img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    object-position: center;
}



.slick-next, .slick-prev, .slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus {
    background: #FFFFFF;
    border: 1px solid rgba(222, 230, 234, 0.4);
    box-shadow: 0px 4px 10px rgba(53, 67, 83, 0.16);
    border-radius: 8px;
    width: 48px;
    height: 48px;
    z-index: 10;
}

.slick-next::before {
    content: '›' !important;
    color: var(--gray);
}

.slick-prev::before {
    content: '‹' !important;
    color: var(--gray);
}


.pageTitle {
    font-family: OpenSans-Bold;
    font-size: 32px;
    text-transform: capitalize;
    color: var(--mainBlack);
}


.sectionTitle, .cartPrice {
    font-family: OpenSans-Bold;
    font-size: 24px;
    color: var(--mainBlack);
}

.viewLink {
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    color: var(--gray);
    text-decoration: none;
}
.viewLink:hover, .viewLink:active{
    color: var(--green);
}

.productCard {
    background: var(--white);
    border: 1px solid #DEE6EA;
    box-shadow: 2px 4px 10px rgba(53, 67, 83, 0.05) !important;
    border-radius: 12px !important;
}

.slick-slide {
    margin: 0px 16px;
}

.slick-list {
    margin: 0px -16px 0px -16px;
}

.ratings {
    margin-right: 10px;
}

.rating-color {
    color: #FFC107 !important;
}

.review-count {
    font-weight: 400;
    margin-bottom: 2px;
    font-size: 24px !important;
}

.smallRatings i, .bigRatings i {
    color: #cecece;
}

.bigRatings i {
    font-size: 18px;
}

.cardProductName {
    margin-bottom: 6px;
}

.cardProductName {
    background: rgba(41, 174, 100, 0.1);
    border-radius: 8px;
    width: fit-content !important;
    padding: 6px 16px;

}

.cardProductName a {
    color: var(--green);
    font-family: OpenSans-Bold;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}

.cardProductName:hover {
    background: rgba(41, 174, 100, 0.20);
}
.cardProductName a:hover{
    color: var(--green);
}
.productCard h5 {
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    text-transform: capitalize;
    color: #747482;
    height: 43px;
}

.addCartTextCol {
    height: 48px;
}

.categorySection {
    margin: 0 -16px;
}

.categoryImg {
    border-radius: 12px !important;
    transition: transform 1s ease;
    overflow: hidden
}

.categoryImg:hover img{
    transform: scale(1.2);
}
.categoryImg img {
    height: inherit;
    object-fit: cover;
    aspect-ratio: 112/100;
    border-radius: 12px;
}
.categoryImg::after{
    content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #00000080;
      border-radius: 12px;
}

.categoryCardText {
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    padding: 20px;
    z-index: 1;
}

.categoryImg h4, .categoryImg p {
    color: var(--white2nd);
}

.categoryImg h4 {
    font-size: 28px;
    font-family: OpenSans-ExtraBold;
}


.categoryImg p, .orderInfo {
    font-size: 20px;
    font-family: OpenSans-SemiBold;
}

.cardImg {
    aspect-ratio: 17/10;
    object-fit: cover;
    border-radius: 12px 12px 0 0 !important;
}


.addItems {
    border-radius: 8px;
}

/* shop page */

.searchContainer input {
    background: var(--white2nd);
    border-radius: 8px;
    padding: 12px 40px 12px 12px;
    border: none;
    font-family: OpenSans-Regular;
    font-size: 18px;
    line-height: 24px;
}

.searchContainer input::placeholder {
    font-family: OpenSans-Regular;
    font-size: 18px;
    color: var(--gray2nd);
}

.searchContainer button {
    border: none;
    background: none;
    top: 12px;
    right: 12px;
}

/* .shopSearch button {
    right: 24px;
} */

/* range style */

.range-slider, .rangeMobile-slider {
    height: 8px;
    position: relative;
    background: rgba(230, 119, 37, 0.4);
    border-radius: 4px;
}

.range-selected, .rangeMobile-selected {
    height: 100%;
    /* left: 30%;
    right: 30%; */
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background-color: var(--orange);
}

.min-selected, .mobileMin-selected{
    left: 0%;
    position: absolute;
    margin-left: -25px;
}
.max-selected, .mobileMax-selected{
    right: 0%;
    position: absolute;
    margin-right: -25px;
}
.range-input, .rangeMobile-input {
    position: relative;
}

.range-input input, .rangeMobile-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -8px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.range-input input::-webkit-slider-thumb, .rangeMobile-input input::-webkit-slider-thumb {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: var(--orange);
    pointer-events: auto;
    -webkit-appearance: none;
}

.range-input input::-moz-range-thumb, .rangeMobile-input input::-moz-range-thumb {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: var(--orange);
    pointer-events: auto;
    -moz-appearance: none;
}

.range-price, .rangeMobile-price {
    padding-top: 20px;
    margin: 20px 0;
    width: 100%;
    display: flex;
    align-items: center;
}


/* .range-price input {
    background: var(--white);
    border: 1px solid rgba(222, 230, 234, 0.4);
    box-shadow: 2px 4px 10px rgba(53, 67, 83, 0.05);
    border-radius: 8px;
    width: 85px;
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    color: var(--gray);
} */

.range-price span, .rangeMobile-price span {
    background: var(--white);
    border: 1px solid rgba(222, 230, 234, 0.4);
    box-shadow: 2px 4px 10px rgba(53, 67, 83, 0.05);
    border-radius: 8px;
    /* width: 85px; */
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    color: var(--gray);
}

.range-price input::placeholder, .rangeMobile-price input::placeholder{
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    color: var(--gray);
}
/*
.range-price input:first-of-type {
    margin-right: 15px;
}
 */

.shopCategory {
    list-style: none;
}

.shopAccordion .accordion-item {
    border: none !important;
}

.accordion-item form{
    background-color: #FBFDFF;
}
.shopAccordion .accordion-button {
    font-family: OpenSans-Bold;
    font-size: 24px;
    color: var(--mainBlack) !important;
    background-color: #FBFDFF !important;
    border: none;
    box-shadow: none !important;

}

.shopAccordion .accordion-body {
    background-color: #FBFDFF !important;
    border-bottom: 1px solid rgba(45, 46, 67, .2)
}

.shopAccordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6.0002 0.974625C5.86686 0.974625 5.73353 0.999624 5.6002 1.04962C5.46686 1.09962 5.3502 1.17462 5.2502 1.27462L0.700195 5.84962C0.483528 6.06629 0.379529 6.31629 0.388195 6.59962C0.396195 6.88296 0.508529 7.13296 0.725195 7.34962C0.925195 7.54962 1.1752 7.64962 1.4752 7.64962C1.7752 7.64962 2.0252 7.54962 2.2252 7.34962L6.0002 3.57462L9.8002 7.37462C10.0002 7.57462 10.2462 7.67062 10.5382 7.66262C10.8295 7.65396 11.0752 7.54962 11.2752 7.34962C11.4919 7.13296 11.6002 6.87896 11.6002 6.58762C11.6002 6.29562 11.4919 6.04129 11.2752 5.82462L6.7502 1.27462C6.6502 1.17462 6.53353 1.09962 6.4002 1.04962C6.26686 0.999624 6.13353 0.974625 6.0002 0.974625Z' fill='%232D2E43'/%3E%3C/svg%3E");
    transform: rotate(180deg);
}

.shopAccordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6.0002 0.974625C5.86686 0.974625 5.73353 0.999624 5.6002 1.04962C5.46686 1.09962 5.3502 1.17462 5.2502 1.27462L0.700195 5.84962C0.483528 6.06629 0.379529 6.31629 0.388195 6.59962C0.396195 6.88296 0.508529 7.13296 0.725195 7.34962C0.925195 7.54962 1.1752 7.64962 1.4752 7.64962C1.7752 7.64962 2.0252 7.54962 2.2252 7.34962L6.0002 3.57462L9.8002 7.37462C10.0002 7.57462 10.2462 7.67062 10.5382 7.66262C10.8295 7.65396 11.0752 7.54962 11.2752 7.34962C11.4919 7.13296 11.6002 6.87896 11.6002 6.58762C11.6002 6.29562 11.4919 6.04129 11.2752 5.82462L6.7502 1.27462C6.6502 1.17462 6.53353 1.09962 6.4002 1.04962C6.26686 0.999624 6.13353 0.974625 6.0002 0.974625Z' fill='%232D2E43'/%3E%3C/svg%3E");
    transform: rotate(0deg);
}

.shopCategory a {
    text-decoration: none;
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    color: var(--gray);
}

.shopCategory a:hover, .shopCategory a.active {
    color: var(--orange);
    font-family: OpenSans-Bold;
}



.shopCategory li:last-child {
    padding-bottom: 0 !important;
}


.sort button {
    padding: 12px 18px;
    background: var(--white2nd);
    border-radius: 8px;
}

.sort button::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6.0002 7.02538C5.86686 7.02538 5.73353 7.00038 5.6002 6.95038C5.46686 6.90038 5.3502 6.82538 5.2502 6.72538L0.700195 2.15038C0.483528 1.93371 0.379529 1.68371 0.388195 1.40038C0.396195 1.11704 0.508529 0.867042 0.725195 0.650375C0.925195 0.450375 1.1752 0.350376 1.4752 0.350376C1.7752 0.350376 2.0252 0.450375 2.2252 0.650375L6.0002 4.42538L9.8002 0.625376C10.0002 0.425376 10.2462 0.329376 10.5382 0.337376C10.8295 0.346042 11.0752 0.450375 11.2752 0.650375C11.4919 0.867042 11.6002 1.12104 11.6002 1.41238C11.6002 1.70438 11.4919 1.95871 11.2752 2.17538L6.7502 6.72538C6.6502 6.82538 6.53353 6.90038 6.4002 6.95038C6.26686 7.00038 6.13353 7.02538 6.0002 7.02538Z' fill='%232D2E43'/%3E%3C/svg%3E") !important;
    border: none !important;
    vertical-align: 0 !important;
    margin-left: 12px !important;
}


.shopFilter {
    width: 48px !important;
    height: 48px;
    background: var(--white2nd) !important;
    border-radius: 8px !important;
}


/* product single page */

.singleProductInfo {
    border-top: 1px solid rgba(116, 116, 130, 0.2);
    /* border-bottom: 1px solid #2D2E43; */
    border-bottom: 1px solid rgba(116, 116, 130, 0.2);
}

.btnLabel {
    background: var(--white2nd);
    border-radius: 8px;
    padding: 12px 24px;
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--mainBlack);
    cursor: pointer;
}

/* .sizeBtnGroup label:active, .sizeBtnGroup label:hover, .sizeBtnGroup label:checked{
    background: var(--orange);
    border-radius: 8px;
    color: var(--white3d);

} */

.btn-check:checked+.btnLabel {
    background: var(--orange);
    border-radius: 8px;
    color: var(--white3d);
}

.btn-check:checked+.btnLabel:focus, .btnLabel:active:focus, .btnLabel {
    box-shadow: none;
}



.qty-btn-plus, .qty-btn-minus {
    background: var(--white3d);
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    width: 40px;
    height: 40px;
}

.qty-btn-plus:hover svg path, .qty-btn-minus:hover svg path, .qty-btn-plus:active svg path, .qty-btn-minus:active svg path{
    fill: var(--mainBlack);
}
.input-qty {
    text-align: center;
    max-width: 44px;
    color: var(--black);
    background-color: transparent;
}

.input-qty:focus-visible {
    border: none;
}

.singleProductComment textarea {
    resize: none;
    background: var(--white);
    border: 1px solid rgba(116, 116, 130, 0.3);
    border-radius: 8px;
    padding: 12px 16px;
}

.addBtn {
    background: var(--orange);
    border-radius: 8px;
    color: var(--white3d);
    border: var(--orange);
}


.modifyBtn {
    color: var(--orange);
    border-radius: 8px;
    background: none;
    border: 1px solid var(--orange);
}

.addBtn, .modifyBtn {
    font-family: OpenSans-Bold;
    font-size: 20px;
}

.singleGrayText, .singleBlackText {
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    color: var(--mainBlack);
}

.singleGrayText {
    opacity: 0.7;
}

.singleProductComment h5 {
    font-family: OpenSans-Bold;
    font-size: 20px;
    text-transform: capitalize;
}


.singleProductImg img {
    object-fit: cover;
    height: 100%;
    border-radius: 12px;
    aspect-ratio: 10/12;
}

.singlePageSlider .slick-prev {
    top: -11%;
    right: 60px;
    left: auto;
}

.singlePageSlider .slick-next {
    top: -11%;
    right: 0px;
    left: auto;
}



/* checkout page */
/* .cartTable{
    display: grid;
} */


tbody, td, tfoot, th, thead, tr {
    border: none !important;
}

.cart tbody {
    vertical-align: middle !important;
}

.cartImg {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    object-fit: cover;
}

.cartEditBtn, .cartDeleteBtn {
    width: 40px;
    height: 40px;
    background: var(--white3d);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 6px;
    text-align: center;
}

.cartEditBtn svg, .cartDeleteBtn svg {
    vertical-align: baseline !important;
}

.cartProductList tr {
    border-bottom: 1px solid rgba(116, 116, 130, 0.2) !important;
}

.cartProductList tr:last-child {
    border-bottom: none !important;
}

.cartCheck input {
    width: 24px;
    height: 24px;
}

.w1 {
    width: 35%;
}

.w2 {
    width: 17%;
}

.w3 {
    width: 20%;
}

.w4 {
    width: 15%;
}

.w5 {
    width: 3%;
}

.tableBlackText td, .orderSubTitle {
    font-family: OpenSans-Bold;
    font-size: 20px;
    color: var(--black);
}

.basketIngredient, .tableBlackText th {
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    color: var(--black);
    opacity: 0.7;
}

.cartCheck label {
    text-transform: capitalize;
    color: var(--gray);
}

.orderEditBtn, .orderCardEditBtn, .orderDeleteBtn {
    background: var(--white3d);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    width: 32px;
    height: 32px;
    padding: 6px;
    text-align: center;
}

.orderEditBtn svg, .orderCardEditBtn svg, .orderDeleteBtn svg {
    vertical-align: baseline !important;
}

.orderText {
    font-family: OpenSans-Regular;
    color: var(--gray);
    font-size: 20px;
    opacity: 0.7;
}

.orderBox {
    /* padding: 0 44px !important; */
    max-width: 480px !important;
}

.orderBox>div {
    background: var(--white);
    border: 1px solid #DEE6EA;
    box-shadow: 2px 4px 10px rgba(53, 67, 83, 0.05);
    border-radius: 12px;
    padding: 32px !important;
}

.orderCard {
    background: #F8F8F8;
    border: 1px solid #DEE6EA;
    border-radius: 12px;
}

.orderInput, .orderComment {
    background: #FFFFFF;
    border: 1px solid rgba(116, 116, 130, 0.3);
    border-radius: 8px;
    padding: 12px 16px;
    font-family: OpenSans-Regular;
    font-size: 20px;
    color: var(--gray);
    opacity: 0.7;
    resize: none;
}

.orderComment::placeholder {
    font-family: OpenSans-Regular;
    font-size: 20px;
    color: var(--gray);
    opacity: 0.7;
}

.orderLabel {
    font-family: OpenSans-SemiBold;
    font-size: 20px;
    color: var(--gray);
    opacity: 0.7;
}

.orderTotalBox {
    border-top: 1px solid rgba(45, 46, 67, .2);

}

.orderTotal {
    font-family: OpenSans-Regular;
    font-size: 24px;
    text-transform: capitalize;
    color: var(--gray);
}

.orderResult {
    font-family: OpenSans-Bold;
    font-size: 24px;
    text-transform: capitalize;
    color: var(--mainBlack);
}

.orderSubmitBtn {
    background: var(--orange);
    border-radius: 8px;
    font-family: OpenSans-Bold;
    font-size: 20px;
    color: var(--white3d);
    width: 100%;
    padding: 12px;
    border: none;
}

/* address edit modal */

.addressEditModal {
    max-width: 538px !important;
    margin-top: 100px !important;
}

.addressEdit {
    background: var(--white3d) !important;
    border-radius: 12px !important;
    padding: 32px;
}

.adressBtnClose {
    border: 1px solid #EBEBEB !important;
    box-shadow: 0px 4px 20px rgba(41, 39, 41, 0.08);
    border-radius: 8px !important;
    position: absolute;
    top: 24px;
    right: 24px;
}

.addressInputBody {
    border: 1px solid rgba(222, 230, 234, .8);
    border-radius: 12px;
}

.addressInputBody p {
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    color: var(--gray);
}

.addressInputBody h5 {
    font-family: OpenSans-SemiBold;
    font-size: 20px;
    color: var(--mainBlack);
}

.addressInputBody .form-check-input:checked[type=radio], .profileAddCheck .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Ccircle cx='8' cy='8.5' r='8' fill='%2329AE64'/%3E%3C/svg%3E") !important;
    border: 1px solid var(--green);
    background: var(--white3d);
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
}


.addressInputBody .form-check-input[type=radio], .profileAddCheck .form-check-input[type=radio] {
    background: var(--white3d);
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #747482;
    z-index: 10;
    top: 50px;
    left: 19px;
    cursor: pointer;
}

.borderGreen {
    border: 2px solid #29AE64;
    border-radius: 12px;
}

/* .profileAddCheck:checked[type=radio]+.profileAddCheckLabel{
    border: 2px solid #29AE64;
} */


/* history */
.historyCard {
    border: 1px solid #DEE6EA !important;
    box-shadow: 2px 4px 10px rgba(53, 67, 83, 0.05);
    border-radius: 12px !important;
}


.historyCardImg {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
}

.historyCardSubTitle {
    font-family: OpenSans-Bold;
    font-size: 18px;
    color: #2D2E43;
}

.historyCardText {
    font-family: OpenSans-Regular;
    font-size: 16px;
    line-height: 22px;
    color: #2D2E43;
    opacity: 0.7;
}

.historyCardRow {
    border-bottom: 1px solid rgba(45, 46, 67, .2);
}

.historyCardRow:last-child {
    border-bottom: none;
}

.showHistory {
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    color: #29AE64;
    text-decoration: none;
}

.historyCardItem {
    font-family: OpenSans-Regular;
    font-size: 18px;
    color: #747482;
    opacity: 0.7;
}

.historyItemBox {
    border-top: 1px solid rgba(45, 46, 67, .2);
}

.cardHistory {
    height: 224px;
    overflow: hidden;
}


.historyClsBtn {
    background: var(--white3d);
    border-radius: 8px;
    font-family: OpenSans-Bold;
    font-size: 20px;
    width: 100%;
    padding: 11px;
    border: 1px solid rgba(116, 116, 130, 0.6);
    color: var(--mainBlack);
}

.historySubmitBtn {
    width: auto !important;
}







/* my profile */

.profileImgBox {
    width: 140px;
    text-align: center;
}

.profileImg {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: var(--orange);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.profileImgUploud {
    color: transparent;
    width: 142px;
}

.profileImgUploud::-webkit-file-upload-button {
    visibility: hidden;
}

.profileImgUploud::before {
    content: 'Upload image';
    color: var(--gray);
    display: inline-block;
    outline: none;
    cursor: pointer;
    background: #FFFFFF;
    border: 2px solid #DEE6EA;
    box-shadow: 2px 4px 10px rgba(53, 67, 83, 0.05);
    border-radius: 8px;
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    padding: 12px 16px;


}

.profileImgUploud:hover::before {
    border: 2px solid #DEE6EA;
}

.profileImgUploud:active {
    outline: 0;
}

.profileForm {
    background: #FFFFFF;
    border: 1px solid #DEE6EA;
    box-shadow: 2px 4px 10px rgba(53, 67, 83, 0.05);
    border-radius: 12px;
    padding: 32px;
}

.profileContainer {
    width: 1110px;
    margin: auto;
}

.profileInputBox label span {
    color: var(--orange);
}

.profileInputBox input {
    padding: 12px 20px;
    background: var(--white);
    border: 1px solid rgba(116, 116, 130, 0.3);
    border-radius: 8px;
}

.profileInputBox input::placeholder {
    color: var(--gray);
}

.profileInputBox {
    border-bottom: 1px solid rgba(45, 46, 67, .2);
}





/* about us */
.aboutUsTitle h1, .aboutUsStatistic h3 {
    font-size: 48px;
    font-family: OpenSans-Bold;
}

.aboutUsTitle h1 {
    color: var(--mainBlack);
}

.aboutUsTitle h1 span {
    color: var(--orange);
    font-family: OpenSans-Bold;
}

.aboutUsTitle p {
    font-size: 24px;
    color: var(--gray);
    font-family: OpenSans-Regular;
}

.aboutUsImgBox {
    margin: 0 -8px;
}

.aboutUsImgBox img {
    /* height: 568px; */
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
    aspect-ratio: 697/1000;
}

.aboutUsImgBox div:first-child {
    margin-top: -40px;
}

.aboutUsImgBox div:nth-child(3) {
    margin-top: 20px;
}

.aboutUsStatistic {
    margin: 70px 140px 0 !important;
    border-radius: 24px;
    padding: 32px 24px;
    background: var(--orange);
    color: var(--white2nd)
}

.aboutUsStatistic p {
    font-family: OpenSans-SemiBold;
    font-size: 24px;
}

.aboutUsStatistic div {
    border-right: 1px solid rgba(116, 116, 130, 0.3);
}

.benefitsSection {
    background: var(--white3d);
    padding: 80px 0;
}

.benefitsSection p {
    font-family: OpenSans-Regular;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--gray);
}

.benefitsSectionBox {
    margin: 0 -16px;
}

.missionPurpose {
    padding-top: 120px;
}

.missionPurpose img {
    aspect-ratio: 21/20;
    object-fit: cover;
    width: 100%;
    border-radius: 16px;
}

.missionPurpose h4 {
    font-family: OpenSans-Bold;
    font-size: 32px;
    color: var(--mainBlack);
    text-transform: capitalize;
}

.missionPurpose h4 span {
    font-family: OpenSans-Bold;
    color: var(--orange);
}

.missionPurpose p, .error404 p {
    font-size: 24px;
    font-family: OpenSans-Regular;
    color: var(--gray);
}


/* error 404 */

.error404 {
    padding: 72px 0 88px;
}

.error404 h3 {
    font-size: 48px;
    font-family: OpenSans-Bold;
    color: var(--mainBlack);
}

.error404 a:hover, .error404 a:active {
    color: var(--white3d);
}







.successMsg {
    width: fit-content;
    background: rgba(36, 169, 105);
    border-radius: 12px !important;
    color: var(--white);
    font-size: 20px;
    right: 0;
    top: 86px;
}

.errorMsg {
    width: fit-content;
    background: rgba(216, 65, 94);
    border-radius: 12px !important;
    color:  var(--white);
    font-size: 20px;
    right: 0;
    top: 86px;
}


.addCartText {
    display: none;
}


















/* mobileFilter  */


#mobileFilterBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 0;
}

#mobileFilterBox>div {
    background: #FAFAFA;
    border-radius: 24px 24px 0px 0px;
    margin-top: 40px;
    padding: 24px 20px;
}

.filterCloseBtn {
    background: var(--white3d);
    border: 1px solid #EBEBEB;
    box-shadow: 0px 4px 20px rgba(41, 39, 41, 0.08);
    border-radius: 8px;
    width: 32px !important;
    height: 32px;

}

.filterCategory {
    padding: 10px 16px;
    background: rgba(116, 116, 130, 0.1);
    border-radius: 8px;
}

.filterCategory a {
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    text-align: center;
    color: var(--gray) !important;
    text-decoration: none;
}

.filterCategory:hover, .filterCategory.active {
    /* color: var(--white3d);
    font-family: OpenSans-Bold; */
    background-color: var(--orange);
}

.filterCategory:hover a, .filterCategory.active a {
    color: var(--white3d) !important;
    font-family: OpenSans-Bold;
}

.filterSubTitle {
    font-family: OpenSans-Bold;
    text-transform: capitalize;
    color: var(--mainBlack);
}

.btnSortByMobile li {
    list-style: none;
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    color: var(--gray);
    padding-bottom: 10px;
}




.mobileMenu, .languageMobileMenu {
    display: none;
}


.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent !important;
    color: var(--orange) !important;
}

.paginationBox {
    display: flex;
    justify-content: center;
}

.paginationBox .page-item {
    margin: 0 6px;
}

.paginationBox .page-link {
    border-radius: 8px !important;
    border: 1px solid rgba(222, 230, 234, 0.40) !important;
    background: var(--white);
    box-shadow: 2px 4px 10px 0px rgba(53, 67, 83, 0.05) !important;
    padding: 12px;
    width: 45px;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
}

.page-item:not(:first-child) .page-link, .page-item:not(:last-child) .page-link {
    color: var(--gray);
}

.page-item.active .page-link {
    z-index: 3;
    background-color: var(--white) !important;
    border-color: rgba(222, 230, 234, 0.40) !important;
    color: var(--orange) !important;
}

.paginationBox .page-link:focus {
    background: var(--white2nd);
}

.page-item.disabled {
    color: var(--gray) !important;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    color: var(--mainBlack);
}


/* .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
  } */




  .cartQuantity{
    width: 16px;
    height: 16px;
    background: #E67725;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    right: 6px;
    top: 6px;
  }




  .hideMessege{
    display: none;
  }

  .showMessege{
    display: flex;
  }




  .userRole{
    position: absolute;
    font-size: 12px;
    top: -4px;
    left: 12px;
    color: var(--orange);
  }


  .orderStatus{
      padding: 6px 16px;
      border-radius: 4px;
      font-family: OpenSans-SemiBold;
      font-size: 14px;
      width: fit-content;
      height: fit-content;
  }
.orderStatusDanger{
    color: #D12626;
    background: rgba(209, 38, 38, 0.10);
}
.orderStatusSuccess {
    color: var(--green);
    background: rgba(41, 174, 100, 0.10)
}


.policySectionTitle {
    font-family: OpenSans-Bold;
    font-size: 20px;
    color: var(--mainBlack);
}

.productCard a:hover .productCard .card-title{
    color: var(--orange);
}

.profileTab .nav-link{
    color: rgba(0,0,0,.55) !important;
}

.profileTab .nav-link.active{
    color: var(--orange) !important;
    background-color: transparent !important;
}


.returnPolicy {
    min-height: calc(100vh - 374px - 75px);
}


.addItemsComponent{
    border-radius: 8px;
    background: var(--orange, #E67725);
    padding: 12px;
}
/*.addItemsComponent:hover{*/
/*    transition: transform 1s ease;*/
/*    transform: scale(1.1);*/
/*}*/


.productCard h5:hover {
    color: var(--orange);
}

.addItemsComponent:hover, .addCartText:hover{
    background: #EB9251;
}

.addItemsComponent:disabled, .addCartText:disabled{
    background: var(--white2nd);
}
.addItemsComponent:focus, addItemsComponent:active, .addCartText:focus, .addCartText:active{
    background: #CF6B21;
}
.td_1{
    width: fit-content !important;
}

.signBtn:hover{
    background: #54BE83;
}
.signBtn:focus, .signBtn.active{
    background: #259D5A;
}




.profileInputBox input:hover, .searchContainer input:hover{
    border: 1px solid var(--stroke, rgba(116, 116, 130, 0.30));
    background: #FAFAFA;
}

.profileInputBox input:focus, .profileInputBox input:focus-visible, .searchContainer input:focus, .searchContainer input:focus-visible{
    border: 1px solid var(--stroke, rgba(116, 116, 130, 0.30)) !important;
    box-shadow: none;
    outline: none;
}
.form-control:disabled, .form-control[readonly]{
    border: 1px solid rgba(167, 167, 182, 0.30) !important;
    background: #F8F8F8 !important;
}
.btn:focus{
    box-shadow: none !important;
 }

.error{
    color: #F92F27;
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: normal;
    padding-top: 6px;
}


.paginationBox .pagination{
    flex-wrap: wrap;
    justify-content: center;
}


.footerBottomLink:hover{
    color: var(--white3d);
}

















.select-box {
    position: relative;
    display: block;
    font-size: 16px;
    /*color: var(--white);*/
    font-family: Poppins-Medium;
    font-size: 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.20);
    width: fit-content;
    z-index: 20;
}

.select-box-current {
    cursor: pointer;
    outline: none;
    /*padding: 6px 12px;*/

    padding: 12px 12px 12px 18px;
    border-radius: 8px;
    background: var(--white2nd);
}
.select-box-current:focus + .select-box-list {
    opacity: 1;
    -webkit-animation-name: none;
    animation-name: none;
}
.select-box-current:focus + .select-box-list .select-box-option {
    cursor: pointer;
}
.select-box-current:focus .select-box:before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.select-box-value {
    display: flex;
}
.select-box-input {
    display: none;
}
.select-box-input:checked + .select-box-input-text {
    display: block;
}
.select-box-input-text {
    display: none;
    width: 100%;
    margin: 0;
}
.select-box-list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    border-radius: 8px;
    background: var(--white3d);
    top: 60px !important;
}
.select-box-option {
    display: block;
    padding: 15px;
}
.select-box-option:hover, .select-box-option:focus {
    color: #546c84;
    background-color: #fbfbfb;
}


.checkSuccessMsg, .checkErrorMsg{
    top: 25px !important;
}




.account-eye {
    top: 42px;
    right: 25px;
}
.account-password{
    padding-right: 34px;
}