@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;
    --orange: #F27928;
    --peachOrange: #EB9251;
    --green: #29AE64;
    --white2nd: #F3F3F3;
    --white3d: #F9F9F9;
    --white: #FFFFFF;
    --black: #000000;
    --blue: #0F2547;
    --red: #F92F27;
}

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

.mainElement {
    background: #FBFDFF;
    flex: 1;
    margin-top: 150px;
}

.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 var(--white2nd);
    box-shadow: 0px 4px 18.7px 0px #0000002E;
    position: fixed;
    transition: 0.2s ease;
    top: 0;
    width: 100%;
    z-index: 500;
}

header * {
    transition: 0.2s ease;
}

/*.headerTop {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    transition: opacity 0.1s ease, visibility 0.1s ease;*/
/*}*/

/*.headerTop.hidden {*/
/*    !*height: 0;*!*/
/*    padding: 0 !important;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*}*/


/*.sticky .headerTop {*/
/*    max-height: 0;*/
/*    opacity: 0;*/
/*    padding: 0 !important;*/
/*}*/

/*.headerTop{*/
/*    overflow: hidden;*/
/*    opacity: 1;*/
/*    transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;*/
/*}*/


.headerTop a, .headerTop a:hover, .headerTop a span {
    color: var(--blue);
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight: 600;
}

.categoryDropdownBox .categoryBtn, .categoryDropdownBox a {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
}

.categoryDropdownBox .categoryBtn {
    background-color: var(--orange);
    color: var(--white);
    border-radius: 40px;
}

.categoryDropdownBox .categoryBtn:hover {
    background-color: var(--peachOrange);
    color: var(--white);
}

.categoryDropdownBox a {
    color: var(--black);
}

.categoryDropdownBox a:hover {
    color: var(--orange);
}

.categoryDropdownMenu {
    top: calc(100% + 16px) !important;
}

.categoryDropdownMenu > ul {
    min-width: 420px !important;
    max-height: 414px;
    list-style: none;
    padding: 24px 30px !important;
    overflow-y: auto;
}

.categoryDropdownMenu > ul::-webkit-scrollbar,
.historyDetailsBox > div::-webkit-scrollbar,
.additionMenu > ul::-webkit-scrollbar {
    background: var(--white3d);
    width: 4px;
}

.categoryDropdownMenu > ul::-webkit-scrollbar-thumb,
.historyDetailsBox > div::-webkit-scrollbar-thumb,
.additionMenu > ul::-webkit-scrollbar-thumb {
    background: var(--orange);
}

.categoryDropdownMenu img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.categoryDropdownMenu li {
    position: relative;
}

.categoryDropdownMenu li::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M6.68846 6.3875C6.68846 6.52083 6.66346 6.65417 6.61346 6.7875C6.56346 6.92083 6.48846 7.0375 6.38846 7.1375L1.81346 11.6875C1.59679 11.9042 1.34679 12.0082 1.06346 11.9995C0.780128 11.9915 0.530128 11.8792 0.313461 11.6625C0.113461 11.4625 0.013462 11.2125 0.013462 10.9125C0.013462 10.6125 0.113461 10.3625 0.313461 10.1625L4.08846 6.3875L0.288462 2.5875C0.0884617 2.3875 -0.00753846 2.1415 0.000461538 1.8495C0.0091282 1.55817 0.113461 1.3125 0.313461 1.1125C0.530128 0.895834 0.784128 0.787499 1.07546 0.787499C1.36746 0.787499 1.6218 0.895834 1.83846 1.1125L6.38846 5.6375C6.48846 5.7375 6.56346 5.85417 6.61346 5.9875C6.66346 6.12083 6.68846 6.25417 6.68846 6.3875Z' fill='%23747482' fill-opacity='0.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.searchForm {
    width: fit-content;
}

.headerSearch {
    background-color: var(--white2nd);
    border-radius: 8px;
    font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: var(--mainBlack);
    padding: 12px 48px 12px 22px;
}

.headerSearchBtn {
    right: 12px;
}

.userName p {
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    color: var(--blue) !important;
    font-weight: 600 !important;
}


.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: 12px !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;
    border-radius: 50px;
    background-color: var(--orange);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}


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


.basketLimitChange, .basketLimitChange span {
    color: var(--blue);
    font-size: 14px;
    font-weight: 600;
    font-family: OpenSans-SemiBold;
}

.profileDropdown {
    padding: 16px !important;

    /*top: 60px !important;*/
    background-color: var(--white3d) !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-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(--orange) !important;
    border-color: var(--orange) !important;
}

.mobileNav {
    display: none;
}

/*.form-check-input:checked .addressInputBody{*/
/*    border-color: var(--orange) !important;*/

/*}*/

/* footer */

footer {
    background-color: var(--blue);
}

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

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

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


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

.footerLink h5, .footerContact h5, .footerHours h5 {
    font-size: 18px;
    line-height: 100%;
    color: var(--orange);
    font-family: OpenSans-Bold;
    font-weight: 700;
}

.footerLink a, .footerContact a, .footerHours p {
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    color: var(--white);
    text-decoration: none;
}

.footerLink a:hover, .footerContact a:hover {
    color: var(--white3d);
}

.footerContact img {
    margin-right: 12px;
}

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

/* login */

.loginSection, .registerSection {
    background: var(--white);
    padding: 40px 0 90px;
}

.loginTitle, .forgotTitle, .aboutUsPageTitle, .wishlistPageTitle, .wishlistPageText {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 36px;
    /*line-height: 100%;*/
}

.loginTitle, .registrationText {
    color: var(--gray);
}

.registrationTitle, .forgotTitle {
    color: var(--mainBlack);
}

.loginTitle.active, .loginTitle:hover {
    color: var(--mainBlack);
    border-bottom: 1px solid var(--orange);
}

.registrationText {
    font-size: 18px !important;
}

.loginSection p, .registerSection p {
    font-family: OpenSans-Regular;
    font-weight: 400;
    color: var(--gray);
    font-size: 20px;
}

.loginSection label, .registerSection label {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    color: var(--mainBlack) !important;
    font-size: 16px;
}

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


.loginSection input.invalid, .registerSection input.invalid {
    border: 1px solid var(--red);
}

.loginSection input::placeholder, .registerSection input::placeholder {
    color: var(--gray) !important;
    font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 18px;
}

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

.loginSection span, .registerSection span {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    color: var(--gray) !important;
    font-size: 16px;
}

.signBtn {
    background-color: var(--orange);
    color: var(--white3d);
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 18px;
    border-radius: 28px;
    padding: 12px;
}

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

.loginImg {
    object-fit: cover;
    min-height: 100vh;
}


/* 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;
    border-radius: 50px;
    background: rgba(230, 119, 37, 0.10);
    padding: 12px 16px;
}

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

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

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

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

.viewBtn {
    background: var(--blue);
    border-radius: 24px;
    padding: 10px 28px;
    color: var(--white);
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-decoration: none;
    width: fit-content;
    bottom: 40px;
    right: 32%;
    border: 1px solid var(--blue)
}

.viewBtn:hover, .viewBtn:active {
    background-color: var(--white);
    color: var(--blue);
    border: 1px solid var(--black)
}

.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;
    font-weight: 600;
}

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

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

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

.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-track {
    margin: 4px 0;
}

.slick-next, .slick-prev, .slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus,
.trending-swiper-button-next,
.trending-swiper-button-prev,
.category-swiper-button-next,
.category-swiper-button-prev {
    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;
    position: absolute;
}

.slick-next::before, .trending-swiper-button-next:after, .category-swiper-button-next:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M7.0244 5.99016C7.0244 6.12349 6.9994 6.25683 6.9494 6.39016C6.8994 6.52349 6.8244 6.64016 6.7244 6.74016L2.1494 11.2902C1.93273 11.5068 1.68273 11.6108 1.3994 11.6022C1.11607 11.5942 0.866065 11.4818 0.649399 11.2652C0.449399 11.0652 0.3494 10.8152 0.3494 10.5152C0.3494 10.2152 0.449399 9.96516 0.649399 9.76516L4.4244 5.99016L0.624399 2.19016C0.424399 1.99016 0.328399 1.74416 0.336399 1.45216C0.345066 1.16083 0.449399 0.915161 0.649399 0.715161C0.866065 0.498495 1.12007 0.390161 1.4114 0.390161C1.7034 0.390161 1.95773 0.498495 2.1744 0.715161L6.7244 5.24016C6.8244 5.34016 6.8994 5.45683 6.9494 5.59016C6.9994 5.72349 7.0244 5.85683 7.0244 5.99016Z' fill='%232D2E43'/%3E%3C/svg%3E");
    color: var(--gray);
    line-height: 0;
}

.slick-prev::before, .trending-swiper-button-prev:after, .category-swiper-button-prev:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M8.9756 12.9902C8.9756 13.1235 9.0006 13.2568 9.0506 13.3902C9.1006 13.5235 9.1756 13.6402 9.2756 13.7402L13.8506 18.2902C14.0673 18.5068 14.3173 18.6108 14.6006 18.6022C14.8839 18.5942 15.1339 18.4818 15.3506 18.2652C15.5506 18.0652 15.6506 17.8152 15.6506 17.5152C15.6506 17.2152 15.5506 16.9652 15.3506 16.7652L11.5756 12.9902L15.3756 9.19016C15.5756 8.99016 15.6716 8.74416 15.6636 8.45216C15.6549 8.16083 15.5506 7.91516 15.3506 7.71516C15.1339 7.4985 14.8799 7.39016 14.5886 7.39016C14.2966 7.39016 14.0423 7.4985 13.8256 7.71516L9.2756 12.2402C9.1756 12.3402 9.1006 12.4568 9.0506 12.5902C9.0006 12.7235 8.9756 12.8568 8.9756 12.9902Z' fill='%23747482'/%3E%3C/svg%3E");
    color: var(--gray);
    line-height: 0;
}

.trending-swiper-button-next, .category-swiper-button-next {
    right: -25px;
}

.trending-swiper-button-prev, .category-swiper-button-prev {
    left: -25px;
}

.pageTitle {
    text-transform: capitalize;
}


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

.viewLink {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 16px;
    color: var(--gray);
    text-decoration: none;
}

.viewLink:hover, .viewLink:active {
    color: var(--orange);
}

.homePageSlider .swiper-slide, .aboutUsSlider .swiper-slide {
    height: auto;
}

.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-family: OpenSans-Regular;
    font-weight: 400;
    margin-bottom: 2px;
    font-size: 24px !important;
}

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

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

.productCardCategory {
    color: var(--orange);
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    opacity: 0.7;

    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 2;*/
    /*display: -webkit-box;*/
    /*height: 46px;*/
    /*max-height: 46px;*/
}

.productCard .qty-container {
    border: 1px solid var(--blue);
    border-radius: 20px;
    padding: 8px 10px;
}

.productCard .qty-btn-plus, .productCard .qty-btn-minus {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 4px;
    width: 12px;
    height: 12px;
}

.productCard .input-qty {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
}


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

.categorySection {
    margin: 0 -16px;
}

.categoryCard {
    aspect-ratio: 540/255;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px !important;
}

.categoryCard > div {
    background-color: #00000099;
    border-radius: 12px !important;
}

.categoryCard h3, .categoryCard .orderNowBtn, .deliveryTextBox .orderNowBtn {
    font-family: OpenSans-Bold;
    font-weight: 700;
    line-height: 100%;
}

.categoryCard:hover .orderNowBtn {
    background-color: var(--peachOrange);
}

.categoryCard h3 {
    font-size: 24px;
    color: var(--white);
}

.categoryCard .orderNowBtn {
    font-size: 20px;
    padding: 10px 28px;
    background-color: var(--orange);
    border-radius: 24px;
    text-decoration: none;
    color: var(--white);
}

.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;
    font-weight: 800;
}


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

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

.sliderCardBody {
    /*position: absolute;*/
    /*bottom: 0;*/
    background-color: white;
    width: 100%;
    border: none;
}

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

.sliderCardImg {
    border-radius: 12px 12px 0 0 !important;
    object-fit: cover;
    aspect-ratio: 300/200;
}

.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-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

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

.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: #E6772566;
    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:first-child::-webkit-slider-thumb, .rangeMobile-input input:first-child::-webkit-slider-thumb {
    margin-left: -10px;
}

.range-input input:first-child::-webkit-slider-thumb, .rangeMobile-input input:first-child::-webkit-slider-thumb {
    margin-right: -10px;
}

.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-weight: 600;
    font-size: 18px;
    color: var(--gray);
}

.range-price input::placeholder, .rangeMobile-price input::placeholder {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    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-weight: 700;
    font-size: 20px;
    color: var(--black) !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-weight: 600;
    font-size: 18px;
    color: var(--gray);
}

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


.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 */


.singleProductTitle, .singleProductPrice, #productsPrice {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    color: var(--mainBlack);
}

.singleProductCategoryName, .singleProductCategoryName:hover {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: var(--orange);
    opacity: 70%;
    text-decoration: none;
}

.singleProductInfo {
    border-top: 1px solid rgba(45, 46, 67, 0.2);
    border-bottom: 1px solid rgba(45, 46, 67, 0.2);
}

.btnLabel {
    background: var(--white2nd);
    border-radius: 28px;
    padding: 12px 24px;
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 16px;
    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: 28px;
    color: var(--white3d);
}

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

.btnLabel:hover,
.btnLabel:active {
    color: var(--white);
}

.additionBtn {
    color: var(--blue);
}

.additionMenu label {
    color: var(--black);
}

.additionBtn, .additionMenu label {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}

.additionMenu, .historyDetailsBox, #paymentSuccessModal {
    /*width: 293px !important;*/
    /*max-height: 303px;*/
    border-radius: 12px !important;
    border: 0;
    box-shadow: 0px 1px 6.5px 0px #00000040;
}

.historyDetailsBox > div, .additionMenu > ul {
    max-height: 290px;
    width: 290px !important;
    overflow: auto;
}

.historyDetailsBox {
    background-color: var(--white);
    overflow-y: auto;
    margin-top: 8px;
}

.additionMenu label .check-box-effect, .rememberCheck .check-box-effect {
    position: relative;
    background-color: transparent;
    width: 28px;
    height: 28px;
    border: 0.5px solid var(--orange);
    border-radius: 4px;
    flex-shrink: 0;
}

.check-box-effect::before {
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.additionMenu input[type="checkbox"], .rememberCheck input[type="checkbox"] {
    display: none;
}

.additionMenu input[type="checkbox"]:checked + .check-box-effect::before,
.rememberCheck input[type="checkbox"]:checked + .check-box-effect::before {
    background-color: var(--orange);
}


.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: 32px;
    height: 32px;
}

.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(--mainBlack);
    background-color: transparent;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
}

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

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

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

.singleGrayText {
    opacity: 0.7;
}

.singleBlackText {
    opacity: 0.8;
}

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


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

.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: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
}

.cartEditBtn, .cartDeleteBtn {
    width: 32px;
    height: 32px;
    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(45, 46, 67, 0.2) !important;
}

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

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

.w1 {
    width: 39%;
}

.w2 {
    width: 17%;
}

.w3 {
    width: 16%;
}

.w4 {
    width: 15%;
}

.w5 {
    width: 3%;
}

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

.basketIngredient, .tableBlackText th {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 16px;
    color: var(--mainBlack);
    opacity: 0.7;
}

.basketAddition p, .historyAdditionItem {
    font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 16px;
    color: var(--black);
    opacity: 0.7;
}

.basketAddition .basketAdditionTitle, .historyAdditionTitle {
    color: var(--orange);
}

.basketAddition .basketNotItem {
    color: var(--gray);
}

.basketAddition .basketAdditionTitle, .basketAddition .basketNotItem, .historyAdditionTitle {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 16px;
    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;
    font-weight: 400;
    color: var(--gray);
    font-size: 20px;
    opacity: 0.7;
}

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

.orderBox, .orderInfoBox {
    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;
}

.orderLabel {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-transform: capitalize;
    color: var(--mainBlack);
}

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

.orderComment::placeholder, .addressBlank::placeholder {
    font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 16px;
    color: var(--gray);
    opacity: 0.7;
}


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

}

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

.orderResult {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    /*font-size: 24px;    */
    font-size: 20px;
    text-transform: capitalize;
    color: var(--mainBlack);
}

.orderSubmitBtn {
    background: var(--orange);
    border-radius: 28px;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: var(--white3d);
    width: 100%;
    padding: 12px;
    border: none;
    max-width: 486px;
}


.orderSubmitBtn:hover, .btnLabel:hover,
.orderSubmitBtn:active, .btnLabel:active {
    background-color: var(--peachOrange);
}

/* 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-weight: 600;
    font-size: 16px;
    color: var(--gray);
}

.addressInputBody h5 {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    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='%23F27928'/%3E%3C/svg%3E") !important;
    border: 1px solid var(--orange);
    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 var(--gray);
    z-index: 10;
    top: 50px;
    left: 19px;
    cursor: pointer;
}

.borderGreen {
    border: 2px solid var(--orange);
    border-radius: 12px;
}

/* .profileAddCheck:checked[type=radio]+.profileAddCheckLabel{
    border: 2px solid var(--orange);
} */


/* 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-weight: 700;
    font-size: 18px;
    color: var(--mainBlack);
}

.historyCardText {
    font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--mainBlack);
    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-weight: 600;
    font-size: 16px;
    color: var(--orange);
    text-decoration: none;
}

.historyCardItem {
    font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 18px;
    color: var(--gray);
    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-weight: 700;
    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: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: var(--orange);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}

.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-weight: 600;
    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: 1216px;
    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 {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: var(--blue);
}

.aboutUsText {

}


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


/* error 404 */

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

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

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

.sticky .successMsg,
.sticky .errorMsg {
    top: 100px;
}

.successMsg {
    width: fit-content;
    background: #24A96933;
    border-radius: 12px !important;
    color: #24A969;
    right: 0;
    display: block;
    top: 170px;
    /*bottom: 20px;*/
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
}

.errorMsg {
    width: fit-content;
    background: rgba(216, 65, 94);
    border-radius: 12px !important;
    color: var(--white);
    font-size: 20px;
    right: 0;
    top: 170px;
    /*bottom: 20px;*/
    /*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;
    min-height: 100%;
}

.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-weight: 600;
    font-size: 16px;
    text-align: center;
    color: var(--gray) !important;
    text-decoration: none;
}

.filterCategory:hover, .filterCategory.active {
    background-color: var(--orange);
}

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

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

.btnSortByMobile li {
    list-style: none;
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    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);
}


.cartQuantity, .wishlistProductCount {
    width: 12px;
    height: 12px;
    background: var(--blue);
    color: white;
    border-radius: 50%;
    font-size: 8px;
    text-align: center;
    right: -4px;
    top: 0px;
}

#mobileBasketCount.cartQuantity, #mobileWishlistCount.wishlistProductCount {
    background-color: var(--orange);
}


.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-weight: 600;
    font-size: 14px;
    width: fit-content;
    height: fit-content;
}

.orderStatusDanger {
    color: #D12626;
    background: rgba(209, 38, 38, 0.10);
}

.orderStatusSuccess {
    color: var(--orange);
    background: rgba(41, 174, 100, 0.10)
}


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


.profileTab .nav-link {
    text-decoration: none;
    border: 2px solid #DEE6EA !important;
    padding: 12px;
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: var(--black);
    border-radius: 8px !important;
    width: 100%;
}

.profileTab .nav-link.active, .profileTab .nav-link:hover, .profileTab .nav-link:focus {
    color: var(--orange) !important;
    background-color: transparent !important;
    outline: none;
}


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


.addItemsComponent, .addItemsComponent:focus, addItemsComponent:active {
    border-radius: 16px;
    background: var(--orange);
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.addItemsComponent:hover, .singleBtn:hover {
    background: var(--peachOrange);
}

.addItemsComponent:disabled, .singleBtn:disabled {
    background: var(--white2nd);
}

.singleBtn, .singleBtn:focus, .singleBtn:active {
    background: var(--orange);

}

.singleBtn {
    padding: 12px 48px;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: var(--white3d);
    border-radius: 28px;
    text-transform: capitalize;
}

.td_1 {
    width: fit-content !important;
}

.signBtn:hover {
    background: var(--peachOrange);
}

.signBtn:focus, .signBtn.active {
    background: var(--orange);
}


.profileInputBox input:hover, .searchContainer input:hover {
    border: 1px solid 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 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, .success {
    font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    padding-top: 6px;
}

.error {
    color: var(--red);
}

.success {
    color: #24a969;
}


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

.footerBottomLink {
    color: var(--orange);
}

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


.select-box {
    position: relative;
    display: block;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.20);
    width: fit-content;
    z-index: 20;
    color: var(--blue);
}

.select-box-current {
    cursor: pointer;
    outline: none;
    border-radius: 8px;
}

.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;
    font-family: OpenSans-SemiBold;
    font-weight: 600;
}

.select-box-list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    border-radius: 8px;
    background-color: var(--white3d);
}

.select-box-option {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
}

.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;
}


.addressBlank {
    resize: none !important;
}


.body {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

/*.mainSlider {*/
/*    display: flex;*/
/*    padding: 50px 50px 0 !important;*/
/*    justify-content: space-between;*/
/*    flex-wrap: wrap;*/
/*}*/
.mainSlider > div {
    padding: 16px;
}

.mainCarousel-inner {
    position: relative;
}

.mainCarousel .mainCarousel-item {
    max-height: 625px;
}

.mainCarousel .mainCarousel-item img {
    object-fit: cover;
    height: 100%;
    border-radius: 12px;
}

/*.mainCarousel .item,*/
/*.mainCarousel-inner,*/
/*.mainCarousel-inner > .item > img {*/
/*    border-radius: 32px;*/
/*}*/

/*.mainCarousel-indicators [data-bs-target] {*/
/*    width: 10px !important;*/
/*    height: 10px !important;*/
/*    border-radius: 50%;*/
/*}*/


.sliderCaption {
    position: absolute;
    /*width: 500px;*/
    width: 60%;
    top: 20px;
    left: 3% !important;
    text-align: start !important;
}

.sliderTitle {
    color: #e67725;
    font-size: calc(2.475rem + 1.2vw);
    font-family: OpenSans-ExtraBold;
}

.sliderDescription {
    font-size: 15px;
    color: var(--mainBlack);
    font-family: OpenSans-Regular;
}


.productCardTitle {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--black);
}

.productCardTitle:hover {
    color: var(--mainBlack);
}

.form-check-input:focus {
    box-shadow: none !important;
}

.form-check-input:focus-visible {
    outline: 0;
}


.basketProduct .sectionTitle {
    font-size: 18px;
}

.menu {
    display: none;
}

.dayOffer {
    position: absolute;
    z-index: 333;
    color: #e67725;
    background: #fafafac7;
    width: fit-content;
    top: 5px;
    padding: 4px 10px 8px 0;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
}

.dayOffer h2 {
    font-size: 20px;
    margin: 0;

}

.payment-img li {
    padding-top: 5px;
    display: inline-block;
}

.corner-ribbon {
    width: 270px;
    background: #a61814;
    position: absolute;
    top: 50px;
    left: -60px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    z-index: 10;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#carouselExampleAutoplaying .carousel-item {
    overflow: hidden;
}

.corner-ribbon.shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.payment-img svg {
    width: 51px;
    height: 32px;
    /*background: var(--white2nd);*/
    /*border: 1px solid var(--gray);*/
    /*border-radius: 4px;*/
    /*object-fit: contain;*/
}

/**********snow?*/

.intro,
.intro a {
    color: #fff;
}

/* Demo Purpose Only*/
.demo {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}

.demo a {
    font-family: 'Raleway', sans-serif;
    color: #000;
}


.slider-product-item-name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    vertical-align: middle;
    height: 50px;
    max-height: 50px;
}

/* other styles */


.deliverySectionContent {
    min-height: 614px;
    /*aspect-ratio: 1680/614;*/
    /*aspect-ratio: 350/193;*/
}

.deliveryTextBox {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 55%;
    border-radius: 12px 0 0 12px;
}

.deliveryTextBox h2 {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
    color: var(--white);
}

.deliveryTextBox p {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    color: var(--white);
}

.deliveryTextBox .orderNowBtn {
    font-size: 20px;
    padding: 10px 28px;
    background-color: var(--white);
    border-radius: 24px;
    text-decoration: none;
    color: var(--orange);
    border: 1px solid var(--orange);
    width: fit-content;
}

.deliveryMobileTextBox {
    display: none;
}

.deliveryImgBox {
    width: 45%;
    background-color: var(--orange);
    border-radius: 0 12px 12px 0;
}

.deliveryImgBox > div {
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.deliveryImgBox img {
    top: 44px;
    transform: translate(-50%) !important;
    width: 90%;

    max-width: 525px;
}


.aboutUsCard img {
    width: 94px;
    height: 94px;
    object-fit: contain;
}

.aboutUsCard h3 {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    color: var(--black);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    /*height: 52px;*/
    max-height: 52px;
}

.aboutUsCard p {
    font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: var(--gray);
}

.singleProductImg .wishlistBtn {
    right: 28px;
}

.wishlistBtn {
    background: var(--white);
    right: 12px;
    top: 12px;
}

input:focus-visible {
    outline: none;
}

input:focus {
    box-shadow: none !important;
    border-color: rgba(116, 116, 130, 0.3) !important;

}


.wishlistPageImg {
    /*max-width: 65%;*/
}

.categoriesPageSection {
    margin: 0 -12px;
}

.categoriesPageSectionCard {
    padding: 0 12px 24px 12px;
}

.categoriesPageSectionCard .categoryCard:hover h3{
    color: var(--orange);
}
.select-box-option::before {
    content: attr(data-short);
}


.select-box-input-text::before {
    content: attr(data-short);
}

.select-box-input-text {
    visibility: hidden;
    position: relative;
    width: 30px;
}

.select-box-input-text::before {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}


.mobileUserName, .mobileUserEmail {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
}

.mobileUserName {
    color: var(--mainBlack);
    font-size: 18px;
}

.mobileUserEmail {
    color: var(--gray);
    font-size: 14px;
    line-height: 20px;
}


.terms {
    font-family: OpenSans-SemiBold;
    font-weight: 600;
    color: var(--orange) !important;
    font-size: 16px;
}

.terms:hover {
    color: var(--peachOrange) !important;
}


.aboutSlider img {
    aspect-ratio: 357/225
}

.aboutSlider .slick-prev {
    left: -22px;
}

.aboutSlider .slick-next {
    right: -22px;
}


.logoImg {
    height: 87px;
}