/*
-- Body
-- Fixed Bottom
-- Nav
-- Grid Card
-- Menu
-- Extra
-- Landing Page
-- List card
-- Login Page
-- Verification
-- Filter
-- Cart
-- Most Popular
-- Profile
-- Modal
-- Map Page
-- Restaurant
-- Footer
-- Mobile Media
*/
/* Body */
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap");

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PoppinsBold";
    src: url("../fonts/Poppins-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "PoppinsMedium";
    src: url("../fonts/Poppins-Medium.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    color: #0a0a0a;
    background: #fff /*#f5f5f5*/;
    scroll-behavior: smooth;
}

.text-dark {
    color: #0a0a0a !important;
}

a.widget-header:hover,
.text-dark:hover,
a.text-dark:hover {
    color: #f26722 !important;
}

.text-language-selector {
    color: #ffffff !important;
}

.text-language-selector:hover {
    color: #f26722 !important;
}

.slick-slider {
    margin: 0 -8px;
}

.slick-slide {
    padding: 8px;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.small,
small {
    font-size: 11px !important;
}

div,
a {
    outline: none !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #ff6d40;
}

.border-primary {
    border-color: #e23844 !important;
}

.w-300 {
    max-width: 300px;
}

.form-control,
.btn,
.input-group-sm > .custom-select_footer_footer,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
    font-size: 13px;
}

/* Fixed Bottom */

.fixed-bottom {
    height: 58px;
    border-radius: 0px;
    box-shadow: 10px -1px 10px rgba(0, 0, 0, 0.075);
}

.fixed-bottom .btn {
    border-radius: 0px;
    border: none;
    height: 58px;
}

/* .fixed-bottom-bar {
  padding-bottom: 58px;
} */

.h-auto {
    height: auto;
}

.modal-footer .btn {
    border-radius: 0px;
}

/* Nav */

.brand-wrap img {
    height: auto;
}

.toggle-2 {
    right: 17px !important;
    left: auto !important;
}

.hc-nav-trigger.toggle-2 span,
.hc-nav-trigger.toggle-2 span::before,
.hc-nav-trigger.toggle-2 span::after {
    background: #000;
}

.hc-nav-trigger.togglew span,
.hc-nav-trigger.togglew span::before,
.hc-nav-trigger.togglew span::after {
    background: #ffffff;
}

.cat-slider img {
    width: 80px;
    height: 80px;
    margin: auto;
    -webkit-filter: saturate(200%);
    filter: saturate(200%);

    object-fit: cover;
    border-radius: 50px;
}

.trending-slider .slick-slide img {
    max-height: 250px;
    min-height: 250px;
    object-fit: cover;
}

/* Grid Card */

.grid-card span.float-right.text-black-50 {
    display: none;
}

.grid-card .p-3 {
    padding: 10px !important;
}

/* Menu */

.siddhi-menu-fotter {
    padding: 0px !important;
}

.siddhi-menu-fotter .row {
    margin: 0px;
}

.siddhi-menu-fotter .col {
    padding: 0px;
}

.siddhi-menu-fotter .col a {
    padding: 12px;
    display: block;
}

.siddhi-menu-fotter .col a p {
    font-size: 19px;
}

.siddhi-menu-fotter .col.selected a {
    color: #dc3545;
    background: #f8f9fa;
}

.siddhi-menu-fotter .col.selected p {
    color: #dc3545;
}

.siddhi-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    margin: -15px 0 0 0 !important;
}

.siddhi-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 a {
    width: 68px;
    color: #fff !important;
    height: 68px;
    font-size: 27px !important;
    padding: 16px;
}

/* Extra */

.border-custom-radio .custom-control-label::before {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 0.25rem !important;
    background: transparent !important;
    box-shadow: none !important;
}

.border-custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::before {
    border-color: #FF6B00;
    border: 1px solid #FF6B00;
}

.border-custom-radio .custom-control-label::after {
    display: none;
}

.restaurant-pic {
    position: absolute;
    right: 15px;
    height: 148px;
    border-radius: 4px;
    margin: 9px 0;
}

.modal-content {
    border: none !important;
}

.slick-dots {
    bottom: 20px !important;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAYAAABxVAqfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAA01JREFUeNq82VuI1VUUx/HPnIl5GIOpAfOhgaAJAqnwIZsukN2szKgsYywi70hEBVb0UpEVPUTR7aGLE9EFKzW7aWVaSAWiSHShgggTNIIsaF4G7Da9rAOHP+vUmZn/nvW41jnny//svdfvt/a/a3Bw0DTFCjyEX3HjUdMIHUEXZmGkMQ3Qa/FcQJtxWmnwAryC7kr+25Lgc7EZPZX8GFaXAp+Od9Bbyf+BRdhTAjwb76Gvkv8b1+FDqBt8IrZjZiU/jpXY0kzUCT4+oANJ7Ta82JqoCzwT7+OkpHYPnqom6wD3YStOTWqP4sHsS1MF9+JNnJHU1uPOdl+cCrgHr+P8pPYabopNVSu4OzbL5UltK5bG8VEnuAtPY0lS24XhaBTqBj+M1Ul+L66Klqhu8N24I8l/HX/7aKc/NBHwLXggyf8QKnR4Ik/QKXgpnkjyh3AJfproenUCvhrPV4RcPOGl2D+ZY/F/4Pl4NRHyUVyGbybbBP4LfDbeaiPkV2DfVFpeO/Cc0NRMyBfjk6k2+Ax8coh1JuQ3hAqpG3wCdrYR8jXYVJd4t4JnBTQT8ttjZ6sbfCx2tBHydXisbmPWwNGxbpmQP477StjQBp7EUFJ7AWtLme5GHI9qbA4FGi8Jbqe5RaPR5ohc0zLdFYnu/v7+j3Bhcozm4Bh8UAr8Z6zpwjjLrXFm/Cu7Sq3x77goRL0a95bY3a2b6xdcEOJejUewquSuPhjrfTjZ5c+Egyx2nL4PAzCaeOmXwgAUO8dfhoEbS6aHTZhXCgy7cWViznvxNuaWAguZHE7GkT5swymlwMJ3LU/6dnMmHiwFhpdxa5IfiM42MJnO1eln9+KvOOut0Y+Lo/uNlQDDp5iBcyr543AeNuJIiaEN7sKzSX5u7PbeUuBx3IwNSW1ePHVPCXDTYy/Hu0ltYXS47hLg5lSxBB8nteHo7V0lwM05ahH2JLVVoWq17OosjsSV04LESJyFf7JZq66bvd9iQM+MxP1Z86nzLvPnkNNDbQaDZaXAcCC6WGYkRsK9FgHDd3FFkRmJDbEkSt3Qfx7XT5mR2IKhku8kPouLm8xIrC/9FmY7rk+MxOzpeO/0RjSTViPxVR0NpJP4Inb8EH7Ein8HAFEsoS5GQs3zAAAAAElFTkSuQmCC")
        no-repeat 50% 50%;
}

.slick-next,
.slick-next:hover,
.slick-next:focus {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAYAAABxVAqfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAzBJREFUeNq82F2IVWUUxvHfnKALKYYGxELRixGCkjLICINGCcdJxbQhNaIPQ4u6mCQJIUow6EpBL4S+1RSyDzGtzDKJkqAmRJOIQIxAoojpIoMMB8bpwjVw2Lw7pNlrFhwO864Df/ae9a7nWauju7v7ZuzGFDyLHSYgrujq6jqM2bgKS/ELTmaDW7ip7e8OvIIVEwH+ofoWsAeLssGP4Xzl/Eq8hzszwYNYjuFKbhI+wK1ZYDiC+zFSyXfiY9yYBYb9WIPRym8m4xN0Z4FhF9YVfjct4FObvMfVs0FcxPzKeRcWYF+hGBsBwzFcjbmV8ynoiYq/0OSrbo9n8Frh/DYciKpPAY/iCbxTyM3Du3HfGweL6/UQDhVyi/FmdLrGwaKxrMAXhdwqvBQ9vnGwqOJl+LaQW4vNTVV1KS7gIPqiuttjblzBY00/8VgMhWqdKeRewEAWWBiFvviuxjY8nAWGnwI+VDnvwBu4NwssDMQinCsYib3ozQLDcdxTYyTexx1ZYPgS99UYiUNhJFPAwiw8WGMkjuD6LLDo3Y/XGImjmJEFFhW9vsZIHMW1/6dzXW58Ew/UUzASC0Pt/skAC0G5BrcXjMQ8vJ0Fhk8xHbcUXvt1mWD4CDfEpz1mtuRHSatHW8nA19FfyO3LBG/DI4XzQQxkgeu0+ftQtb8zwE/j+cL5mRgI/szoXGuwpcY83IXfM1rmSrxcqOKhgJ7N6NWLY4FT9djn4vWezlCnuqniPO7GqQw9nlMzRw2HD/86w4HMCofRWRh7VuGzDM81E4dD5KuD3qPhtxp3mWPbgWmF3EAUWeO+enI8aWkf8hy2Z0wSnfE/nVXIbcaLGdPipBjY5hRyr2JDxpg6tuXrKeT24smCsxw3+L/2mh+G7I00vRHoiN5b2uR+Hnd1OGMHsiXUpiTky8e766oDbwxdLQn5Evw13gZfAj+FTTVC3oc/mpCzKng1ttYIeS9+bUq828H9Lm3ySkLei5+btCpj4IV4q0bI+/Bj08asFfPN/hohX4ITGTa0FS2vJOT9+CrLdLcKc80IHgjpkwk+VRHytS4tw2WDV+M7/BbuYecEDHL+HQDxzaLgTsZg3gAAAABJRU5ErkJggg==")
        no-repeat 50% 50%;
}

.slick-arrow,
.slick-arrow:hover,
.slick-arrow:focus {
    background-size: 6px;
    width: 34px;
    border-radius: 50px;
    height: 34px;
    /*margin: 0 8px;*/
    margin: 0;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border: 1px solid #e4e7ea;
    z-index: 9;
}

.slick-next:before,
.slick-prev:before {
    display: none;
}
.modal-body #rating-wrap,
.modal-body .rating-wrap {
    margin: 0 !important;
}
.modal-body #attribute_review > .review-ratings {
    width: 100%;
    padding: 0 10px;
}

.modal-body #attribute_review ul.rating-block {
    padding-left: 0;
    list-style-type: none;
}

.modal-body #attribute_review ul.rating-block > li {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}

.modal-body #attribute_review ul.rating-block > li > label {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 13px;
}

.modal-body #attribute_review ul.rating-block > li > .rating-wrap {
    margin-left: auto !important;
}

.modal-body #uploded_image > ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 15px;
}

.modal-body #uploded_image > ul li {
    position: relative;
    display: inline-block;
    width: 33.33%;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 10px;
}

.modal-body #uploded_image > ul li span.mdi-delete {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #ccc;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    padding: 2px;
    cursor: pointer;
}

.modal-body #uploded_image > ul li img {
    height: 100px;
    object-fit: cover;
}
.rating > input {
    display: none;
}
.rating > label {
    color: #ccc;
    float: right;
    cursor: pointer;
}
.rating > label:before {
    content: "\f005";
    font-family: FontAwesome;
    margin: 0px 5px;
    font-size: 3.5rem;
    display: inline-block;
    cursor: pointer;
}
.rating[data-rating="3"] > input ~ label.half[for="star0.5"],
.rating[data-rating="3"] > input ~ label.full[for="star1"],
.rating[data-rating="3"] > input ~ label.half[for="star1.5"],
.rating[data-rating="3"] > input ~ label.full[for="star2"],
.rating[data-rating="3"] > input ~ label.half[for="star2.5"],
.rating[data-rating="3"] > input ~ label.full[for="star3"] {
    color: #eca700 !important;
}
.sticky_sidebar,
.c-t-order,
.siddhi-account {
    position: sticky;
    top: 15px;
}

.c-t-order li {
    border: none !important;
    margin: 5px 4px !important;
}

.c-t-order li a {
    background: #ffffff;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.c-t-order li a i {
    background: #fff;
    border: 1px solid #eff2f5;
    padding: 5px 5px;
    border-radius: 50px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    font-size: 18px;
    vertical-align: bottom;
}

.c-t-order li a.active,
.c-t-order li a:hover {
    background: #FFFFFF;
}

.c-t-order li a.active i {
    background: #ffc107;
    color: #fff !important;
    border-color: transparent;
}

.c-t-order li a.active i.text-danger {
    background: #e23844;
}

.c-t-order li a.active i.text-success {
    background: #28a745;
}

.dropdown-menu {
    background: #ffffff;
    border-radius: 0.4rem !important;
    margin: 0;
    padding: 6px;
    border: 1px solid #ffffff;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1) !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    transition: 0.5s ease all;
}

.dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition: 0.5s ease all;
}

.dropdown-menu.show {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    transition: 0.5s ease all;
}

.dropdown-item {
    padding: 6px 10px;
}

.dropdown .dropdown-menu,
.dropdown-item {
    font-size: 13px;
    border-radius: 6px;
    margin: 1px 0;
    font-weight: 500;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05),
        inset 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05),
        inset 1px 1px 0 rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar {
    width: 4px;
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background: hsla(0, 0%, 53.3%, 0.4);
}

.btn-facebook {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EC9378+0,e23744+100 */
    background: #2b4170;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #3b5998 0%, #2b4170 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #3b5998 0%, #2b4170 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #3b5998 0%, #2b4170 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b5998', endColorstr='#2b4170', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-color: #3b5998;
    color: #ffffff !important;
}

.bg-primary {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EC9378+0,e23744+100 */
    background: #000000 !important; /*#FF6B00 !important;*/
}

.btn-primary {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EC9378+0,e23744+100 */
    background: #000000; /*#FF683A;*/
    /* Old browsers */

    /* IE6-9 fallback on horizontal gradient */
    border-color: #000000; /* #ec9378;*/
}

.btn-primary:disabled {
    background: #ec9378;
    border-color: #ec9378;
}

.btn-primary:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EC9378+0,e23744+100 */
    background: #ec9378;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ec9378 0%, #ff683a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ec9378 0%, #ff683a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ec9378 0%, #ff683a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC9378', endColorstr='#FF683A', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-color: #ff683a;
}

.btn-outline-primary {
    color: #ff683a;
    border-color: #ff683a;
}

.btn-outline-primary:hover {
    color: #ffffff;
    background: #ec9378;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ec9378 0%, #ff683a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ec9378 0%, #ff683a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ec9378 0%, #ff683a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC9378', endColorstr='#FF683A', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-color: #ff683a;
}

.text-primary {
    color: #ff683a !important;
    text-decoration: none !important;
}

a {
    color: #FF6B00;
    text-decoration: none !important;
}

p {
    color: #424242;
    letter-spacing: 0.2px;
}

.btn-link {
    font-weight: 400;
    color: #FF6B00 !important;
    text-decoration: none !important;
}

.slick-dots {
    bottom: 20px !important;
}

/* Landing Page */

.landing-page-skip .img-fluid {
    max-height: 290px;
}

.landing-page-skip p {
    margin: 0px;
}

.landing-page-skip .zindex {
    right: 0;
    z-index: 9;
}

.landing-page-skip .slick-dotted.slick-slider {
    margin: 0px;
}

.landing-page-skip .siddhi-slider-item {
    padding: 0px 20px;
}

.btn-lg {
    font-size: 16px;
    padding: 16px 16px;
    font-weight: 600;
}

/* List card */

.list-card .count-number {
    margin: 4px 0 0 0;
    display: inline-block;
}

.list-card a,
.list-card h6 {
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    text-overflow: ellipsis;
    color: #333;
    margin-bottom: 10px !important;
    font-weight: 600;
}

.list-card a:hover {
    color: #ff683a;
}

.list-card .star {
    right: 8px;
    bottom: 8px;
}

.trending-slider .list-card-body .list-card .star {
    right: 8px;
    bottom: 28px;
}

.list-card .star .badge {
    font-size: 11px;
    padding: 5px 5px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.list-card .member-plan {
    left: 8px;
    top: 8px;
}

.list-card .member-plan .badge {
    font-size: 11px;
    padding: 5px 5px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.list-card .list-card-image {
    position: relative;
}

.list-card .favourite-heart {
    right: 8px;
    top: 8px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.list-card .favourite-heart i {
    background: #fff;
    width: 23px;
    height: 23px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    border-radius: 50px;
}

.list-card.d-flex .list-card-image {
    width: 130px;
    height: 140px;
    min-width: 130px;
    max-width: 130px;
}

.list-card.d-flex .list-card-image .item-img {
    height: 140px;
    object-fit: cover;
}

.list-card .list-card-body p.text-gray {
    text-overflow: ellipsis;
    font-size: 13px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 35px;
    color: #555353;
    position: relative;
    padding-left: 22px;
}
.list-card .list-card-body p.text-gray.address {
    color: #000 !important;
    font-size: 14px !important;
}

.list-card .list-card-body p.text-gray span.fa.fa-map-marker {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 22px;
}

.list-card .list-card-body .list-unstyled.rating-stars {
    margin-bottom: 5px;
}

.list-card .p-3 {
    overflow: hidden;
}

.list-card.d-flex .list-card-body span.float-right.text-black-50 {
    display: none;
}

.rating-stars .feather-star {
    font-size: 15px;
    /*background: #000000;*/
    color: #d5cdcb;
    padding: 1px;
    text-shadow: 0px 0px 1px #d2b128;
    border-radius: 5px;
}

.rating-stars .feather-star.star_active,
.rating-stars .feather-star.text-warning {
    color: #f66a21 !important;
}

/* Login Page */

.login-page video {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 50%;
}

.otp input.form-control.form-control-lg {
    text-align: center !important;
    font-size: 44px;
    border: 1px solid #ccc !important;
    border-radius: 8px;
    margin: auto;
}

.login-page {
    /*background: #fff;*/
}

.login-page .form-control {
    background: no-repeat;
    border: none;
    color: #000;
    border-bottom: 1px solid rgb(160 160 160 / 32%);
    border-radius: 0px;
    padding: 0px;
    box-shadow: none !important;
}

.login-page .form-control:hover,
.login-page .form-control:focus {
    color: #000;
    border-bottom: 1px solid #000;
}

.login-page label {
    margin: 0px;
    opacity: 0.8;
}

.login-page .form-group {
    margin-bottom: 30px;
}

.login-page::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(255 255 255 / 65%) !important;
    opacity: 1;
    /* Firefox */
}

.login-page:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgb(255 255 255 / 65%) !important;
}

.login-page::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgb(255 255 255 / 65%) !important;
}

/* Verification */

.siddhi-verification .form-control {
    text-align: center;
    font-size: 47px;
    border-bottom: 2px solid #ccc !important;
    border: none;
    border-radius: 0px;
    font-weight: 300;
    box-shadow: none;
}

/* Filter */

.filter .custom-control-label::before {
    right: 1rem;
    left: auto;
    margin: auto;
    top: 0;
    bottom: 0;
}

.filter .custom-control-label::after {
    left: auto;
    right: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #FF6B00;
    background-color: #FF6B00;
}

/* Cart */

.gold-members h6,
.menu-list h6 {
    font-size: 14px;
}

.gold-members .badge,
.menu-list .badge {
    font-size: 10px;
    font-weight: 500;
    padding: 4px 6px 4px 6px;
}

.menu-list img {
    width: 41px;
    height: 41px;
    object-fit: cover;
}

.count-number .btn {
    padding: 2px 1px;
    font-size: 11px;
    border-radius: 0px;
}

.count-number-input {
    width: 20px;
    text-align: center;
    margin: 0 -4px;
    background: #6c757d;
    border: none;
    color: #fff;
    height: 24px;
    border-radius: 0px;
    vertical-align: bottom;
    font-size: 13px;
}

.non_veg,
.veg {
    width: 20px;
    border: 1px solid;
    height: 20px;
    border-radius: 3px;
    font-size: 32px;
    text-align: center;
    line-height: 0px;
}

/* Most Popular */

.most_popular .trending-slider img {
    border-radius: 10px;
    padding: 0px 4px;
    margin: 8px 0 0 0;
}

/* Map Page */

.siddhi-track-order-page {
    min-height: 676px;
}

.food-item {
    border: 1px solid;
    border-radius: 2px;
    display: inline-block;
    font-size: 31px;
    height: 12px;
    line-height: 5px;
    text-align: center;
    width: 12px;
    vertical-align: text-bottom;
    padding: 0 2px;
    margin: 0px 3px 2px 0px;
}

.siddhi-point {
    z-index: 1;
    width: 50%;
    border-radius: 50%;
    padding-bottom: 50%;
    pointer-events: none;
    background-color: rgba(225, 48, 8, 0.2);
    border: 1px solid #ff3008;
}

.siddhi-map iframe {
    width: 100% !important;
}

.siddhi-map .toggle {
    z-index: 9;
    margin: 2px 0 0 4px;
}

.siddhi-map .mapouter.position-absolute {
    width: 100%;
    height: 100vh;
}

.siddhi-map .bg-primary.border-bottom {
    position: absolute;
    z-index: 9;
    width: 100%;
}

.siddhi-map .fixed-bottom {
    padding: 10px 0px;
}

.siddhi-map .list-card.d-flex .list-card-image .item-img {
    width: 100px;
    height: 100px;
}

.siddhi-map .list-card.d-flex .list-card-image {
    width: 100px;
    height: 100px;
    min-width: 100px;
    max-width: 100px;
}

.siddhi-map .member-plan {
    text-align: center;
    background: rgb(255 255 255 / 18%);
    font-size: 12px;
    padding: 7px 5px;
    margin: 0 1px;
    border-radius: 43px;
}

.gold-members .mr-2 {
    border: 1px solid;
    width: 15px;
    height: 15px;
    text-align: center;
    border-radius: 3px;
    font-size: 35px;
    line-height: 7px;
}

.index-page img {
    height: 130px;
}

.spinner {
    width: 180px;
    height: 180px;
    margin: auto;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

/* right bounce */

@-webkit-keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}

@-moz-keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-30px);
    }
    60% {
        transform: translateX(-15px);
    }
}

@keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    60% {
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}

/* /right bounce */

.feather-arrow-right {
    -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
}

.location-page .img-fluid {
    max-width: 360px;
}

/* Restaurant */

.restaurant-detailed-ratings-and-reviews hr {
    margin: 0 -16px;
}

.reviews-members-footer img {
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 12px #ccc;
    margin: 0 -3px;
}

.total-like {
    font-size: 11px;
    padding: 2px 6px;
}

.reviews-members-body p {
    font-size: 12px;
}

.reviews-members-header h6 {
    font-size: 14px;
}

.graph-star-rating-body .progress {
    border-radius: 40px;
    height: 6px;
}

.rating-list {
    display: flex;
    margin: 6px 0;
    align-items: center;
    justify-content: space-between;
}

.rating-list-center {
    margin: auto;
    width: 70%;
}

.rating-list-left {
    width: 20%;
    font-size: 10px !important;
    font-weight: 400 !important;
}

.rating-list-right {
    width: 10%;
    text-align: right;
    font-size: 10px !important;
    font-weight: 400 !important;
}

.offer-section {
    background-color: #000;
}

/* header-user-img */

.header-user {
    height: 32px;
    width: 32px;
    object-fit: cover;
}

/* dropdown css */

.drop-loc {
    width: 250px;
}

/* footer css */

footer .text-muted {
    color: #bdbdbd !important;
}

.hov_footer a:hover {
    color: #fff !important;
    opacity: 0.8;
}

.section-footer {
    background: #232323 url(../img/footer-bg.jpg) no-repeat top left !important;
    background-size: cover !important;
}

.section-footer .border-top {
    border-top: 1px solid rgb(222 226 230 / 9%) !important;
    background: #000 !important;
    background-size: cover !important;
}

.section-footer .footer-top {
    position: relative;
    z-index: 2;
}
.section-footer .footer-top:after {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    z-index: -1;
}

.footer-info p {
    font-size: 15px;
    line-height: 2;
    font-weight: 500;
}

.footer-top .title {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

.footer-top .title:before,
.footer-top .title:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100px;
    height: 3px;
    border-radius: 50px;
}
.footer-top .title:before {
    background: #fff;
}
.footer-top .title:after {
    background: #fd6739;
    width: 50px;
    height: 5px;
    bottom: -1px;
}

.footer-top ul.list-unstyled li {
    margin-bottom: 10px;
}
.footer-top ul.list-unstyled li a {
    font-weight: 500;
    font-size: 16px;
}

.footer-copyright p {
    color: #fff !important;
}

.section-footer ul li {
    line-height: 29px;
}

.section-footer ul {
    margin: 0px;
}

.footer-about img {
    height: auto;
    /*background: #fff;*/
    border-radius: 0px;
    padding: 0;
}

.footer-about .btn {
    padding: 0px;
    border: 1px solid #3d3d3e;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}

.footer-top .footer-about {
    padding-right: 80px;
}
.footer-about .footer-social {
    margin-top: 30px;
}
.footer-about .footer-social .btn {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 20px;
    background: #fff;
    color: #fff !important;
    margin-right: 13px !important;
}

.footer-about .footer-social .btn.fb-icon {
    background: #3b5998;
    border-color: #3b5998;
}
.footer-about .footer-social .btn.insta-icon {
    background: linear-gradient(
        45deg,
        #405de6,
        #5851db,
        #833ab4,
        #c13584,
        #e1306c,
        #fd1d1d
    );
}
.footer-about .footer-social .btn.youtube-icon {
    background: #c4302b;
    border-color: #c4302b;
}
.footer-about .footer-social .btn.twitter-icon {
    background: #1da1f2;
    border-color: #1da1f2;
}

.ft-contact-us {
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid #424242;
    padding-top: 40px;
}

.ft-contact-box .ft-icon {
    width: 50px;
    height: 50px;
    background: #fff;
    display: inline-block;
    font-size: 30px;
    border-radius: 50px;
    margin-bottom: 24px;
    vertical-align: middle;
    padding: 5px 0;
    color: #ff5724;
}
.ft-contact-box h3 {
    display: block;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    color: #fff;
}
.ft-contact-box p {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    color: #fff;
}

.footer-about p.text-muted {
    line-height: 23px;
}

/* orders css */

.sc-siddhi-logo {
    height: 30px;
}

.custom-tabs.nav-tabs .nav-item.show .nav-link,
.custom-tabs.nav-tabs .nav-link.active {
    border-bottom: 2px solid #ec9378 !important;
}

.search .nav-tabs .nav-item.show .nav-link,
.search .nav-tabs .nav-link.active {
    border-bottom: 2px solid #ff683a !important;
    background-color: #ff683a !important;
    color: #ffffff !important;
}

.order_img {
    height: 88px;
    width: 110px;
    object-fit: cover;
}

/* offers image */

.offers_img {
    height: 130px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: 2px solid #dc375d !important;
    color: #dc375d !important;
}

/* side bar sticky */

.sticky_sidebar {
    position: sticky;
    top: 10px;
}

/* search border */

.input_search {
    border-radius: 50px 0px 0px 50px;
}

.border_search {
    border-radius: 0px 50px 50px 0px !important;
}

/* Mobile Media */

@media (min-width: 1140px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
    }
}

@media (max-width: 992px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .m-none {
        display: none !important;
    }

    .section-header {
        display: none;
    }

    .header-main {
        height: 67px;
    }

    .header-main .col-1 {
        width: auto !important;
        min-width: auto !important;
        max-width: unset;
        flex: unset !important;
        padding: 8px;
    }

    .header-main .row.align-items-center {
        height: 67px;
    }

    .header-main .col-8 {
        flex: unset;
        margin-left: auto;
        padding: 0px;
    }

    .header-main .col-8 .hc-nav-trigger {
        top: 0px;
        right: 8px;
    }

    .d-none {
        display: block !important;
    }

    .resturant-banner .restaurant-pic {
        /*display: none;*/
        height: 250px;
    }

    /*.fixed-bottom-bar {
        padding-bottom: 56px;
    }
    .h*/
    c-nav-trigger {
        top: 18px;
        left: 17px;
    }

    /*footer.section-footer.border-top.bg-dark {
        display: none;
    }*/
    .pb-5,
    .py-5 {
        padding-bottom: 1rem !important;
    }

    .pt-5,
    .py-5 {
        padding-top: 1rem !important;
    }

    .hc-nav-trigger span,
    .hc-nav-trigger span::before,
    .hc-nav-trigger span::after {
        background: #ffffff !important;
    }

    .login-page .px-5.col-10.mx-auto {
        margin: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        flex: unset !important;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .m-none {
        display: none !important;
    }

    .section-header {
        display: none;
    }

    .header-main {
        height: 67px;
    }

    .header-main .col-1 {
        width: auto !important;
        min-width: auto !important;
        max-width: unset;
        flex: unset !important;
        padding: 8px;
    }

    .header-main .row.align-items-center {
        height: 67px;
    }

    .header-main .col-8 {
        flex: unset;
        margin-left: auto;
        padding: 0px;
    }

    .header-main .col-8 .hc-nav-trigger {
        top: 0px;
        right: 8px;
    }

    .d-none {
        display: block !important;
    }

    .resturant-banner .restaurant-pic {
        /*display: none;*/
        height: 200px;
    }

    /*.fixed-bottom-bar {
        padding-bottom: 56px;
    }*/
    .hc-nav-trigger {
        top: 18px;
        left: 17px;
    }

    /*footer.section-footer.border-top.bg-dark {
        display: none;
    }*/
    .pb-5,
    .py-5 {
        padding-bottom: 1rem !important;
    }

    .pt-5,
    .py-5 {
        padding-top: 1rem !important;
    }

    .hc-nav-trigger span,
    .hc-nav-trigger span::before,
    .hc-nav-trigger span::after {
        background: #ffffff !important;
    }

    .login-page video {
        display: none;
    }

    .login-page .px-5.col-10.mx-auto {
        margin: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        flex: unset !important;
        max-width: 100%;
    }
}

.header-main .pac-target-input#user_locationnew {
    width: 100%;
    height: 32px;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0 35px 0 0;
    font-weight: 600;
    cursor: pointer;
    outline: none !important;
}

.banner-inner {
    position: relative;
}

.banner-img img {
    max-width: 100%;
    width: 100%;
}

.homebanner-content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.homebanner-content h1 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
}

.homebanner-content h1 span {
    color: #ffc222;
}

.homebanner-content h4 {
    font-size: 28px;
    font-weight: 700;
    color: #00a24a;
    margin-bottom: 15px;
}

.homebanner-content p {
    color: #fff;
    margin-bottom: 20px;
}

.homebanner-content .ban-btn a {
    background: #ffc222;
    color: #000;
    padding: 14px 40px;
    border-radius: 5px;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #ffc222;
}

.homebanner-content .ban-btn a:hover {
    color: #ffc222;
    background: none;
}

.homebanner-content .ban-btn span.price {
    font-size: 25px;
    font-weight: 700;
    color: #00a24a;
    margin-bottom: 15px;
    margin-left: 15px;
}

.homebanner-content .ban-btn span.price sup {
    color: #848286;
    font-size: 16px;
    margin-left: 10px;
    top: -3px;
}

.title {
    /*justify-content: center;*/
}

.title h5 {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 10px !important;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.title h5::after {
    /*content: "";*/
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ff683a;
    width: 80px;
    height: 3px;
    border-radius: 50px;
    right: 0;
    margin: auto;
}

.feather-star::before {
    content: "\f005";
    font-family: FontAwesome;
}

.feather-star.star_active::before {
    content: "\f005";
    font-family: FontAwesome;
}

.rounded {
    border-radius: 0.75rem !important;
}

.most_popular .list-card-image .img-fluid,
.res-search-list .list-card-image .img-fluid {
    max-height: 200px;
    min-height: 200px;
    object-fit: cover;
}

.res-search-list-1 .list-card-image .img-fluid {
    max-height: 200px;
    min-height: 200px;
    object-fit: cover;
}

#order-items .photo img.order_img {
    width: 120px;
    object-fit: cover;
}

#order-items .item-detail p {
    font-size: 14px;
}

#order-items .item-detail p.name {
    font-size: 17px;
}

#order-items .item-detail p label {
    margin-right: 10px;
    font-weight: bold;
}

.order-list {
    width: 100%;
}

.order-list tr td,
.order-list tr th {
    padding: 10px 2px;
}

.order-list tr th {
    font-size: 15px;
    border-bottom: 1px solid #dee2e6 !important;
    text-align: center;
}

.order-list tr th.prod-name {
    text-align: start;
}

.order-list tr td {
    font-size: 15px;
}

.order-list tr td.extras_price,
.order-list tr td.product_price,
.order-list tr td.total_product_price {
    white-space: nowrap;
    padding-right: 5px;
}

.order-list tr td.prod-name {
    padding-left: 15px;
}

.order-list tr td.price {
    font-size: 17px;
    color: #ff683a;
    font-weight: 700;
}

.order-list td.ord-photo {
    max-width: 150px;
    width: 150px;
}

.order-list td.ord-photo img {
    width: 100%;
    object-fit: cover;
}

#cart_list .media-body .extras > *,
#cart_list .media-body .size > * {
    display: inline-block;
    margin-bottom: 0;
}

#cart_list .close {
    font-size: 1rem;
}

.siddhi-cart-item .siddhi-cart-item-profile {
    display: table !important;
    width: 100% !important;
    text-align: center;
}

.siddhi-cart-item .siddhi-cart-item-profile > img {
    max-width: 250px;
    display: inline-block;
    height: 250px;
    object-fit: cover;
    margin: 0 !important;
    width: 100%;
}

.d-flex.flex-column {
    text-align: left;
}

.schedule-order input#scheduleTime {
    height: calc(1.5em + 0.5rem + 2px);
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0.2rem;
    padding: 0.25rem 0.5rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    font-weight: 400;
    display: block;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100%;
    cursor: pointer;
}
.delevery-partner h3,
.delivery-box h3,
.schedule-order h3 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.delevery-partner > span {
    color: #6c757d !important;
}

.delevery-partner .tip-box {
    margin-top: 15px;
    margin-left: -5px;
    margin-right: -5px;
}

.delevery-partner .tip-box .custom-control.custom-radio {
    width: 25%;
    display: inline-block;
    margin-right: -3px;
    text-align: center;
    padding: 0px 5px !important;
    border: 0 !important;
    position: relative;
    cursor: pointer;
}

.delevery-partner .tip-box .custom-control.custom-radio input[type="radio"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.delevery-partner .tip-box .custom-control.custom-radio .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    display: block;
    padding: 10px 5px;
    z-index: 2;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
    color: #333;
    font-size: 15px;
}

.delevery-partner
    .tip-box
    .custom-control.custom-radio
    .custom-control-label::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: -1;
    border: 0;
    border-radius: 5px;
}

.delevery-partner
    .tip-box
    .custom-control.custom-radio
    .custom-control-label::after {
    display: none;
}

.delevery-partner .tip-box .custom-control.custom-radio#add_tip_box {
    width: 100%;
    margin-top: 17px;
}

.delevery-partner
    .tip-box
    .custom-control.custom-radio#add_tip_box
    input[type="number"] {
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 5px 10px;
}

.delevery-partner
    .tip-box
    .custom-control.custom-radio
    .custom-control-input:checked
    ~ .custom-control-label {
    color: #fff;
}

.strick_price {
    padding-left: 10px;
}

body {
    position: relative;
}

.dataTables_processing.panel-default {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 4px;
    padding-top: 10%;
    z-index: 8;
}

.dataTables_processing.panel-default:after {
    content: "";
    background: url(../img/loading-loader.gif) no-repeat center;
    width: 110px;
    height: 73px;
    display: inline-block;
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100%;
}

.reviews-members .media img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.sec-title h2 {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 5px !important;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.sec-title p.sub-title {
    font-size: 15px;
}

.payment-table tr th,
.payment-table tr td {
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.payment-table tr th {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #f77953;
    font-weight: 700;
}

.payment-table .payment-button .razorpay-payment-button {
    border: 0;
    background: 0;
    padding: 0;
    font-size: 19px;
    font-weight: 700;
    color: #f77953;
}

.siddhi-checkout.siddhi-checkout-payment {
    min-height: 70vh;
}

.checkout-payment-options .custom-control {
    padding-left: 2.5rem;
}

.checkout-payment-options .custom-control-label {
    cursor: pointer;
    font-size: 15px;
}

.checkout-payment-options .custom-control-label::before {
    left: -1.5rem;
}

.checkout-payment-options .custom-control-label::after {
    left: -1.5rem;
}

/*.header-main .icon{color: #343a40 !important;}*/

.header-main .takeaway-btn {
    position: relative;
    padding: 8px 10px;
    border-radius: 5px;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
}

.header-main .takeaway-btn span {
    text-align: center;
}

.header-main .takeaway-div input[type="checkbox"] {
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.header-main .takeaway-div input[type="checkbox"]:before {
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    top: 0;
    font-weight: 700;
    left: 0;
    opacity: 1;
    background: #ec9378;
    content: "";
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 5px;
}

.header-main .takeaway-div input[type="checkbox"]:checked:before {
    opacity: 1;
    background: #ff683a;
}

.header-main .takeaway-div {
    opacity: 1;
    background: rgb(0, 0, 0);
    border-radius: 5px;
}

.header-main .takeaway-div:hover {
    background: #ec9378;
    cursor: pointer;
}

.most_sale .list-card .list-card-body p.text-gray {
    text-overflow: initial !important;
    white-space: normal;
    word-break: break-word;
    position: relative;
    padding-left: 20px;
    overflow: visible;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
}

.most_sale .list-card .list-card-body p.text-gray .fa.fa-map-marker {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px;
}

.delevery-option .custom-control-label {
    cursor: pointer;
}

.offer_coupon_code {
    display: table;
    width: 100%;
}

.offer_coupon_code .offer_code {
    background: #fcf8f3;
    border: 2px dashed #cacfda;
    padding: 7px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    color: #ff683a;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: inline-block;
    margin: 0 !important;
}

.offer_coupon_code .offer_price {
    font-weight: 600;
    color: #ff6d40;
    font-size: 17px;
    float: right;
    padding-top: 10px;
}

.offer_coupon_code .star.position-absolute {
    width: auto;
    margin-top: 0 !important;
    bottom: 42px;
    line-height: 1;
}

.offer_coupon_code .offer_code p.badge {
    text-transform: none;
}

.list-card-body .offer-btm {
    position: relative;
}

.list-card .offer_coupon_code a {
    margin-left: 5px;
}

.list-card-body .offer-btm h6 {
    padding-right: 95px;
    width: 100%;
    margin: 0 !important;
}

.list-card-body .offer-btm .star.position-absolute {
    right: 0;
    top: 0px;
    bottom: auto;
    margin: 0 !important;
}

.list-card .offer_coupon_code .star .badge,
.list-card-body .offer-btm .star .badge {
    font-size: 15px;
    letter-spacing: 1.5px;
    background: none;
    color: #000;
    box-shadow: none !important;
    padding: 2px 5px;
}

.list-card .offer_coupon_code .star .badge .feather-star,
.list-card-body .offer-btm .star .badge .feather-star {
    padding-right: 5px;
    color: #ff683a;
}

.list-card .offer_coupon_code .star .badge .feather-star.star_active,
.list-card-body .offer-btm .star .badge .feather-star.star_active {
    color: #ff6d40 !important;
}

.offer-section .rating-stars .feather-star {
    color: #fff;
}

.feather-star.star_active {
    color: #ff683a;
}

.header-right > .d-flex > .mr-4 {
    margin-right: 15px !important;
}

.header-right .text-dark {
    font-weight: 500;
}

#trendingList .list-card .list-card-body p.text-gray.rating {
    display: none;
}

.list-card .member-plan .badge.open {
    background: #28a745 !important;
}

.list-card .member-plan .badge.closed {
    background: #ff0404;
}

.gold-members .modal-body h6 {
    font-size: 18px;
}

.modal-body .recepie-body > div:last-child {
    margin-top: 20px;
}

.modal-body .recepie-body .custom-control .custom-control-label {
    display: block;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    text-transform: capitalize;
    color: #606060;
}

.modal-body
    .recepie-body
    .custom-control
    .custom-control-label
    > span.text-muted {
    float: right;
    color: #fc6c40 !important;
    font-weight: 700;
}

.modal-body .recepie-body .product-item-box > p {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

/****************homepagenew*************/

.head-search .dropdown-toggle .head-loc {
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.head-loc i.feather-map-pin {
    /*border: 1px solid #dddee4;*/
    border-radius: 50px;
    color: #ff683a;
    padding: 0 !important;
    border: 0;
    font-size: 16px;
    background: none !important;
}

.head-search .dropdown {
    border: 1px solid #ff683a;
    border-radius: 9px;
    padding: 5px 10px;
    transition: all ease 0.5s;
}
.head-search .dropdown:hover {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    transition: all ease 0.5s;
}
.head-search .dropdown-toggle {
}

.head-search .dropdown-toggle::after {
    position: absolute;
    right: 20px;
}

.cat-item a.cat-link p {
    font-size: 14px !important;
    color: #333333 !important;
    font-weight: 500;
    margin-top: 15px !important;
}

.cat-item a.cat-link i.fa {
    width: 36px;
    height: 36px;
    border-radius: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    color: #a0a0a0;
    font-size: 23px;
    margin-top: 15px;
    line-height: 35px;
    text-align: center;
}

.cat-item a.cat-link {
    background-color: #fafafc;
    border: 1px solid #e2e4eb;
}

.cat-item a.cat-link:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) !important;
    background-color: #ff6739 !important;
}

.cat-item a.cat-link:hover i.fa {
    color: #ff6739 !important;
}

.cat-item a.cat-link:hover p {
    color: #fff !important;
}

#trending-slider .list-card .star {
    bottom: -40px;
    z-index: 8;
    right: 18px;
}

#trending-slider .list-card-body {
    padding-right: 55px;
}

#most_sale1 .list-card {
    position: relative;
}

#most_sale1 .list-card:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 9%,
        rgba(0, 0, 0, 0.93) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 9%,
        rgba(0, 0, 0, 0.93) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 9%,
        rgba(0, 0, 0, 0.93) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ed000000', GradientType=0);
}

.position-absolute.most-pop-bottom {
    bottom: 10px;
    left: 15px;
    right: 15px;
    z-index: 4;
    padding-bottom: 0 !important;
}

#most_sale1 .list-card .list-card-image img {
    max-height: 370px;
    min-height: 370px;
    object-fit: cover;
}

.most_sale .list-card .most-pop-bottom .list-card-body p.text-gray,
.most-pop-bottom .list-card-body h6 {
    color: #fff;
}

.most-pop-bottom .list-card-body h6 a {
    color: #fff;
}

.hc-offcanvas-nav h2 {
    background: #ff693b !important;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover {
    background: #ff693b !important;
    color: #fff !important;
}

.hc-offcanvas-nav li a:hover .nav-next::before,
.hc-offcanvas-nav li a:hover span::before {
    color: #fff !important;
    border-color: #fff;
}

.hc-offcanvas-nav ul.bottom-nav li a:hover i {
    color: #fff !important;
}

.list-card .star.position-relative {
    right: 0;
    bottom: 0;
}

.list-card-body .offer-btm {
    display: table;
    width: 100%;
    margin-bottom: 10px !important;
}

.list-card .list-card-body .offer-btm p.text-gray {
    min-height: inherit !important;
    height: auto;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.list-card .star.position-relative span.badge.badge-success .feather-star {
    color: #fff !important;
}

.resturant-banner .restaurant-pic {
    width: 100%;
    position: static !important;
    height: 300px;
    object-fit: cover;
    border-radius: 12px;
    margin: 0;
}

.offer-section.resturant-banner {
    background: none;
}

.rest-basic-detail h2.h6 {
    font-size: 17px;
    color: #333;
}

.rest-basic-detail p#vendor_address {
    font-size: 14px;
    color: #555353 !important;
    font-weight: 500 !important;
}

.rest-basic-detail p#vendor_address > span.fa {
    margin-right: 10px;
    color: #f72b40;
    font-size: 22px;
}

.rest-basic-detail .rest-time .time {
    font-size: 14px;
    color: #555353 !important;
}

.rest-basic-detail .feather_icon > .row {
    margin-right: 0;
}

.rest-basic-detail .feather_icon .fu-review,
.rest-basic-detail .feather_icon .fu-status {
    justify-content: end;
}

.rest-basic-detail .feather_icon .fu-time a.rest-right-btn {
    border: 0;
    padding: 5px 0 !important;
    margin: 0 !important;
}

.rest-basic-detail .feather_icon .fu-status a.rest-right-btn {
    border: 0;
    padding: 0px 0 !important;
    margin: 0 !important;
    font-size: 15px;
}

.rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span {
    font-size: 12px !important;
    color: #fff !important;
    padding: 5px 10px 7px 10px;
    border-radius: 5px;
    opacity: 1;
}

.rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span.close {
    background: #ff0404;
}

.rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span.open {
    background: #28a745 !important;
}

.rest-basic-detail .feather_icon a.rest-right-btn {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #ff683a;
    padding: 8px 10px !important;
    vertical-align: middle !important;
    color: #ff683a;
}

.rest-basic-detail .feather_icon a.rest-right-btn:hover {
    color: #ff683a;
    opacity: 0.8;
}

.rest-basic-detail .feather_icon a.btn {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #ff683a;
    padding: 7px 15px !important;
    vertical-align: middle !important;
    color: #ff683a;
}

.rest-basic-detail .feather_icon a.rest-right-btn .feather-star {
    color: #ff683a !important;
}

.restaurant-detail-left h4.h6,
.sidebar-header h3.h6 {
    font-weight: 700 !important;
    color: #333333;
    font-size: 20px;
    position: relative;
    padding-bottom: 10px;
}

.restaurant-detail-left h4.h6:after,
.sidebar-header h3.h6:after {
    position: absolute;
    content: "";
    width: 55px;
    height: 2px;
    background-color: #ff6537;
    bottom: 0;
    left: 0;
}

.restaurant-detail-left h6 {
    font-size: 16px;
    color: #333333;
    font-weight: 600;
}

.restaurant-detail-left h6 small {
    color: #666666 !important;
    font-weight: 400;
    font-size: 16px !important;
    text-transform: none !important;
}

.restaurant-detail-right #restaurant_place h6#restaurant_name_place {
    margin-bottom: 10px !important;
}

.restaurant-detail-right #restaurant_place p#restaurant_location_place {
    font-size: 13px !important;
    color: #000 !important;
}

.restaurant-detail-right
    #restaurant_place
    p#restaurant_location_place
    i.feather-map-pin {
    margin-right: 5px;
}

.feather-star {
    margin-right: 2px;
    color: #d5cdcb !important;
}

.feather-star.text-warning {
    color: #ff6537 !important;
}

.list-card-image .badge.badge-success .feather-star {
    color: #fff !important;
}

.restaurant-detail-left .reviews-members-header h6 {
    font-size: 16px;
    color: #2a2a2a;
    padding-bottom: 7px;
}

.restaurant-detail-left .reviews-members-body p {
    font-size: 15px;
    color: #9091a4;
    font-weight: 500;
}

.count-number-box .count-number,
.count-number {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #c9c8d2;
    display: block;
}

.count-number-box .count-number button.count-number-input-cart,
.count-number button.btn-sm.btn {
    border: 0;
    background: none;
}

.count-number-box .count-number .count-number-input,
.count-number .count-number-input {
    background: none;
    color: #ff683a;
}

.count-number-box .count-number button.count-number-input-cart:hover,
.count-number button.btn-sm.btn:hover {
    color: #ff683a;
}

.sidebar-item-list .product-item .media-body p {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}

.count-number-box p.text-gray {
    font-size: 12px !important;
    color: #333333 !important;
    font-weight: 500 !important;
    margin-left: 5px !important;
}

.gold-members .add-btn {
    position: relative;
    padding-bottom: 25px;
}

.gold-members .add-btn .menu-itemimg img {
    width: 107px;
    height: 83px;
    border-radius: 10px;
    object-fit: cover;
}

.gold-members .add-btn .menu-itembtn {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
}

.gold-members .add-btn .menu-itembtn a.btn {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #ff683a;
    color: #ff683a;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    padding: 8px 12px;
}

#cart_list .close {
    cursor: pointer;
}

#cart_list .sidebar-item-list .variant-info ul,
#cart_list .sidebar-item-list .extras {
    display: table;
    width: 100%;
}
#cart_list .sidebar-item-list .variant-info ul li,
#cart_list .sidebar-item-list .extras {
    padding-right: 0;
    margin-right: 0;
    border: 0;
}
#cart_list .sidebar-item-list .variant-info ul li span.label,
#cart_list .sidebar-item-list .extras span.label {
    font-weight: 500;
}
#cart_list .sidebar-item-list .media-body img {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    object-fit: cover;
    max-width: 60px;
    margin-right: 10px;
}

#cart_list .sidebar-item-list .media-body .product-name {
    display: flex;
    font-weight: 600;
}

.restaurant-detail-left .resitem-list-view h6 {
    font-weight: 500;
}

.resitem-list-view .media-body p.text-muted {
    font-weight: 600;
    color: #333333 !important;
    font-size: 18px;
    margin-top: 10px;
}

.restaurant-detail-right .btm-total p {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    margin-bottom: 15px !important;
}

.open-ticket-btn {
    position: fixed;
    top: 280px;
    left: -60px;
    transform: rotate(-90deg);
    z-index: 5;
    margin: 0 !important;
    width: auto !important;
}

.open-ticket-btn a {
    font-weight: 700;
    border-radius: 0px 0px 5px 5px;
    margin: 0 !important;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    border: 2px solid transparent;
    color: #fff;
    padding: 4px 16px;
    font-size: 13px;
    background-color: #ff683a;
    display: inline-block;
    border: 2px solid #ff683a;
}

.open-ticket-btn a:hover {
    background: none;
    color: #ff683a;
    padding: 8px 16px;
}

.transactions-banner {
    background: #ff683a;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    margin-top: 15px;
}

.transactions-banner .traban-right a.btn.btn-primary {
    border-radius: 50px;
    background: #ffffff;
    color: #ff683a;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 38px;
    font-weight: 600;
    line-height: 1;
}

.card-icon > span {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #fff1ed;
    color: #ff683a;
    text-align: center;
    font-size: 20px;
    padding: 18px 3px;
}

.res-search-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.res-search-list .transactions-list-wrap {
    width: 50%;
    padding: 0 8px;
}

.res-search-list .transactions-list-wrap .transactions-list-view {
    height: 100%;
    /*align-items: center;*/
    display: flex;
    position: relative;
}

.transactions-list-view .transactions-list img {
    object-fit: cover;
}

.transactions-list .transactions-list-left {
    /*align-items: center;*/
}

.res-search-list
    .transactions-list-wrap
    .transactions-list-view
    .transactions-list {
    width: 100%;
}

.transactions-list .media-body h6.date {
    font-size: 16px;
    font-weight: 600 !important;
    height: 100%;
    min-height: 90px;
}

.transactions-list .media-body p.text-muted {
    font-weight: 500;
    font-size: 16px;
}

.transactions-list .price {
    color: #27b047;
    font-size: 20px;
    font-weight: 700 !important;
}

.transactions-list .go-arror {
    font-size: 30px;
    color: #666 !important;
}

.transactions-list .media-body .offercoupan {
    background: #fcf8f3;
    border: 2px dashed #cacfda;
    padding: 5px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    color: #ff683a;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: inline-block;
    margin: 0 0 5px 0 !important;
}

.transactions-list .media-body .offercoupan p {
    font-weight: 700;
    font-size: 14px;
    margin-right: 10px;
    text-transform: none;
}

.transactions-list .media-body .offer-des {
    color: #000;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
}

.transactions-list .media-body .app-off-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.transactions-list .media-body .app-off-btn a {
    background: #ff683a;
    border: 1px solid #ff683a;
    color: #fff;
    padding: 2px 10px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
}

.transactions-list .media-body .app-off-btn a:hover {
    background: none;
    color: #ff683a !important;
}

.transactions-list .media-body .offer-address a {
    color: #000;
    font-weight: 500;
}

.dataTables_processing {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 00.5);
    z-index: 1;
    color: #fff;
}

.transactions-list .media-body p.badge-success {
    line-height: 1;
    padding: 3px 10px 5px 10px;
    font-size: 12px;
    margin-bottom: 5px !important;
}

.page-link {
    color: #ff683a;
}

.page-link:hover {
    color: #fff;
    background-color: #ff683a;
    border-color: #ff683a;
}

#offers_coupons .slick-slide .list-card-body {
    min-height: 126px;
}

#offers_coupons .slick-slide img {
    height: 240px;
    object-fit: cover;
}

.rest-basic-detail .rating-wrap .label-rating {
    margin-bottom: 0;
}

ul.rating {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #ff683a;
}
.rating {
    border: none;
    float: none;
    margin: 0 auto;
}
ul.rating li {
    padding: 0 2px;
}

.rating__item {
    font-size: 15px;
    display: block;
    font-family: FontAwesome;
    cursor: pointer;
}

.rating__item::after {
    content: "\f006";
}

.rating[data-rating="5.5"] .rating__item:nth-child(-n + 5):after,
.rating[data-rating="5"] .rating__item:nth-child(-n + 5):after,
.rating[data-rating="4.5"] .rating__item:nth-child(-n + 4):after,
.rating[data-rating="4"] .rating__item:nth-child(-n + 4):after,
.rating[data-rating="3.5"] .rating__item:nth-child(-n + 3):after,
.rating[data-rating="3"] .rating__item:nth-child(-n + 3):after,
.rating[data-rating="2.5"] .rating__item:nth-child(-n + 2):after,
.rating[data-rating="2"] .rating__item:nth-child(-n + 2):after,
.rating[data-rating="1.5"] .rating__item:nth-child(-n + 1):after,
.rating[data-rating="1"] .rating__item:nth-child(-n + 1):after,
.rating[data-rating="0.5"] .rating__item:nth-child(-n + 0):after,
.rating[data-rating="0"] .rating__item:nth-child(-n + 0):after {
    content: "\f005";
}

.rating[data-rating="1.5"] .rating__item:nth-child(2):after,
.rating[data-rating="2.5"] .rating__item:nth-child(3):after,
.rating[data-rating="3.5"] .rating__item:nth-child(4):after,
.rating[data-rating="4.5"] .rating__item:nth-child(5):after {
    content: "\f123";
}

.product-detail-page .car-det-title .rating.star .badge.badge-success {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
}
.product-detail-page
    .car-det-title
    .rating.star
    .badge.badge-success
    .feather-star {
    color: #fff !important;
    font-size: 11px;
    vertical-align: top;
}
.feather-star::before {
    content: "\f005";
    font-family: FontAwesome;
}
.font-weight-bold {
    font-weight: 600 !important;
}
.car-det-head .car-det-price span#variant_qty {
    display: block;
    color: #666666;
    font-size: 14px;
}
.carrent-det-rg-inner h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #000000;
    margin-bottom: 10px;
}
.product-detail-page .rent-cardet-right .description p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.04em;
    color: #666666;
}
.product-detail-page .addons-option {
    display: flex;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out;
    height: 100%;
    width: 100%;
    min-height: 114px;
    padding: 10px;
    min-width: 82px;
    max-width: 99px;
}


.product-detail-page .addons-option .custom-control {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    width: 100% !important;
    cursor: pointer;
    font-weight: 500;
    color: #333;
    font-size: 15px;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 2;
    height: 100%;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem transparent;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.product-detail-page .addons-option .custom-control .custom-control-input {
    position: relative;
    left: 0;
    z-index: 3;
    width: 1rem;
    height: 1rem;
    opacity: 1;
}

.product-detail-page .addons-option .custom-control .custom-control-label {
    display: flex;
    padding: 0;
    color: #444444;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    font-family: "Poppins";
    cursor: pointer;
    text-align: center;
    align-items: center;
    justify-self: center;
    align-self: center;
    height: 100%;

}

.product-detail-page .addons-option .custom-control .custom-control-label p {
    margin: 0;
}

.product-detail-page
    .addons-option
    .custom-control
    .custom-control-label.active
    p {
    color: #0e8345;
}

.product-detail-page
    .addons-option
    .custom-control
    .custom-control-label.active {
    font-weight: bold;
    color: #0e8345;
}

.product-detail-page
    .addons-option
    .custom-control
    .custom-control-label:before {
    left: 0;
    right: 0;
    width: auto;
    max-width: inherit;
    bottom: 0;
    height: 100%;
    top: 0;
    z-index: -1;
    border-radius: 5px;
    border: 0;
}

.product-detail-page
    .addons-option
    .custom-control
    .custom-control-label.active::before {
    background: #E5E7EB !important;
    background-color: #E5E7EB !important;
    transition: all 0.2s ease-in-out;
}

.product-detail-page .addons-option .custom-control .addon-checkbox {
    appearance: none;
    border: 1px solid #424242;
    border-radius: 3px;
    width: 1rem;
    height: 1rem;
    position: relative;
    cursor: pointer;
}

.product-detail-page .addons-option .custom-control .addon-checkbox:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.product-detail-page .addons-option .custom-control .addon-checkbox:checked {
    background: #0e8345;
    border: 1px solid #0e8345;
    position: relative;
}

.product-detail-page
    .addons-option
    .custom-control
    .addon-checkbox:checked::before {
    content: "✔"; /* Checkmark symbol */
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product-detail-page .addons-option .custom-control .addon-radio {
    appearance: none;
    background: #E5E7EB;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: relative;
    cursor: pointer;
}

.product-detail-page .addons-option .custom-control .addon-radio:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.product-detail-page .addons-option .custom-control .addon-radio:checked {
    border: 1px solid #E5E7EB;
    position: relative;
}

.product-detail-page
    .addons-option
    .custom-control
    .addon-radio:checked::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    background: #FF6B00;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product-detail-page .addons-option .custom-control .addon-icon {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid transparent;
}

.product-detail-page .addons-option .custom-control .addon-icon img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}


.pepper-icon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pepper-icon-title {
    white-space: normal;
}

.product-detail-page
    .addons-option
    .custom-control
    .custom-control-label:after {
    left: 0;
    right: 0;
    width: 100%;
    max-width: inherit;
    bottom: 0;
    height: 100%;
    border-radius: 0;
    top: 0;
    opacity: 0;
    border: none;
}
.count-number-box .count-number,
.count-number {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #c9c8d2;
    display: block;
}
.count-number-box .count-number button.count-number-input-cart,
.count-number button.btn-sm.btn {
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.product-detail-page .count-number .btn {
    font-size: 20px;
}

.product-detail-page .count-number-input {
    height: 38px;
    width: 50px;
    font-size: 23px;
}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary {
    display: inline-block;
    width: 47%;
    border: 1px solid #FF6B00 !important;
    border-radius: 5px;
    background: none;
    color: #FF6B00 !important;
    letter-spacing: 0.05em;
}

.product-detail-page .addtocart .add-to-cart.btn.btn-primary:hover {
    opacity: 0.8;
}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary {
    background: #FF6B00 !important;
    color: #fff !important;
}
.product-detail-page .addtocart {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 -8px;
}
.sidebar-item-list .product-item .media-body p span.sku,
.car-det-head .car-det-price span.price,
.rentalcar-list .car-price span {
    color: #FF6B00 !important;
    white-space: nowrap;
}
.car-det-head .car-det-price span.price {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    letter-spacing: 0.03em;
    color: #FF6B00;
}
.car-det-head .car-det-price span#variant_qty {
    display: block;
    color: #666666;
    font-size: 14px;
}

.multi-vendore-content.ecommerce-content .top-cat-list .cat-link span img {
    border-radius: 20px;
    height: 100%;
    margin-bottom: 0 !important;
    object-fit: cover;
}
.product-detail-page .car-det-title .rating.star .count {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #777777;
    margin-left: 12px;
}
.store-info .shipping-detail .shipping-details-bottom-border img {
    max-width: 40px;
}
.specification .prospe-info-box-list {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #333333;
    position: relative;
    padding-left: 15px;
}
.specification .prospe-info-box-list:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0px;
    top: 0px;
    background: #666666;
    border-radius: 100%;
    bottom: 0;
    margin: auto;
}
.specification .prospe-info-box-list {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #333333;
    position: relative;
    padding-left: 15px;
}
.rental-review .reviews-members {
    background: #ffffff;
    border: 1px solid #e5eaf1;
    border-radius: 15px;
    padding: 14px 17px;
}
.rental-review .reviews-members .media {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5eaf1;
    margin-bottom: 10px;
}
.rental-review .reviews-members-header h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: #333333;
}
.review-date span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.03em;
    color: #666666;
}
.rental-review .reviews-members .reviews-members-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.05em;
}
.related-products h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #000000;
    margin-bottom: 18px;
    margin-bottom: 25px;
    border-bottom: 1px solid #d6e3ec;
    padding-bottom: 15px;
}
.rental-detailed-ratings-and-reviews h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #000000;
    margin-bottom: 11px;
}
.list-card .star.position-relative {
    right: 0;
    bottom: 0;
}
.multi-vendore-content .pro-list .list-card {
    border: 1px solid rgb(232, 232, 232);
    transition: all ease 0.5s;
    padding: 10px;
    border-radius: 10px;
}
.review-box {
    padding: 10px;
    border-radius: 7px;
    background: #f2f2f2;
}
.visit-store a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
}
ul.rating li {
    padding: 0 2px;
}

.rating__item {
    font-size: 15px;
    display: block;
    font-family: FontAwesome;
}

.rating__item::after {
    content: "\f006";
}

.rating[data-rating="5.5"] .rating__item:nth-child(-n + 5):after,
.rating[data-rating="5"] .rating__item:nth-child(-n + 5):after,
.rating[data-rating="4.5"] .rating__item:nth-child(-n + 4):after,
.rating[data-rating="4"] .rating__item:nth-child(-n + 4):after,
.rating[data-rating="3.5"] .rating__item:nth-child(-n + 3):after,
.rating[data-rating="3"] .rating__item:nth-child(-n + 3):after,
.rating[data-rating="2.5"] .rating__item:nth-child(-n + 2):after,
.rating[data-rating="2"] .rating__item:nth-child(-n + 2):after,
.rating[data-rating="1.5"] .rating__item:nth-child(-n + 1):after,
.rating[data-rating="1"] .rating__item:nth-child(-n + 1):after,
.rating[data-rating="0.5"] .rating__item:nth-child(-n + 0):after,
.rating[data-rating="0"] .rating__item:nth-child(-n + 0):after {
    content: "\f005";
}

.rating[data-rating="1.5"] .rating__item:nth-child(2):after,
.rating[data-rating="2.5"] .rating__item:nth-child(3):after,
.rating[data-rating="3.5"] .rating__item:nth-child(4):after,
.rating[data-rating="4.5"] .rating__item:nth-child(5):after {
    content: "\f123";
}

.tab-content .data-table_paginate .pagination {
    display: table;
    width: 100%;
}

.tab-content .data-table_paginate .pagination > li.page-item:first-child {
    float: left;
}

.tab-content .data-table_paginate .pagination > li.page-item:last-child {
    float: right;
}

.tab-content .data-table_paginate .page-item .page-link {
    border-radius: 0.25rem;
}

.row.fu-loadmore-btn {
    width: 100%;
    display: table;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 20px;
}

.row.fu-loadmore-btn .page-link {
    display: inline-block;
    background: #ff683a;
    color: #fff;
    border-radius: 10px;
    padding: 12px 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.error_top_pass p {
    color: red;
    text-align: center;
}

.error_top p {
    background: #fff;
    padding: 5px 5px 5px 10px;
    border-radius: 8px;
    border-left: 3px solid red;
    color: red;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus {
    background: #ff683a;
    border-color: #ec9378;
    box-shadow: none;
}

.left.user_image img.rounded {
    width: 80px !important;
    height: 80px;
    object-fit: cover;
    border-radius: 50px !important;
}

a:hover {
    color: #ff683a;
}

.form-group .form-check {
    padding-left: 0;
}

.profile-details > a {
    cursor: pointer;
}

.checkout-left-inner {
    padding-left: 75px;
}

.checkout-left-inner h6 {
    font-weight: 700 !important;
    color: #333333;
    font-size: 18px;
    position: relative;
    padding-bottom: 10px;
}

.checkout-left-box {
    position: relative;
}

.checkout-left-box.siddhi-cart-item:before {
    content: "";
    width: 0px;
    border: 1px dashed #b5b5b5;
    left: -42px;
    top: 0;
    bottom: -25px;
    display: inline-block;
    position: absolute;
}

.checkout-left-box.siddhi-cart-item:after {
    content: "\f041";
    font-family: FontAwesome;
    background: #ff683a;
    width: 50px;
    display: inline-block;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    border-radius: 50px;
    line-height: 50px;
    position: absolute;
    left: -66px;
    top: 0;
}

.checkout-left-inner .addres-innerbox {
    background: #f2f4f8;
    border-radius: 10px;
}

.checkout-left-inner .addres-innerbox h6 {
    font-size: 16px;
}

.checkout-left-inner .addres-innerbox p {
    color: #000;
    font-weight: 500;
    font-size: 15px;
}

.checkout-left-box.accordion:after {
    content: "\f09d";
    font-family: FontAwesome;
    background: #ff683a;
    width: 50px;
    display: inline-block;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    border-radius: 50px;
    line-height: 50px;
    position: absolute;
    left: -66px;
    top: 0;
}

.checkout-left-inner .add-note h3 {
    font-weight: 700 !important;
    color: #333333;
    font-size: 18px;
    position: relative;
    margin-bottom: 15px;
}

.checkout-left-inner .add-note {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 1rem;
    border-radius: 0.75rem;
    padding: 1rem 0;
    background: #fff;
}

.checkout-left-inner .add-note textarea {
    border: 1px solid #ced4da;
    height: 75px;
    width: 100%;
    border-radius: 5px;
}

.gendetail-row h3 {
    font-size: 17px;
    font-weight: 600 !important;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ff683a;
}

.gendetail-row .form-group {
    margin-bottom: 8px;
}

.gendetail-row .form-group label {
    margin: 0;
    width: 100%;
}

.gendetail-row .form-group.gendetail-col label strong {
    padding-right: 5px;
    width: 35%;
    float: left;
}

.gendetail-row .form-group.gendetail-col label > span {
    margin-left: 35%;
    display: block;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.gendetail-row .card {
    height: 100%;
}

.bill-address span {
    padding-bottom: 2px;
    font-weight: 500;
}

.order-secdetail .order-deta-btm-right,
.order-secdetail .resturant-detail,
.order-secdetail .card {
    height: 100%;
}

.order-secdetail .card-header h4.card-header-title {
    font-size: 17px;
    margin-bottom: 0;
    font-weight: 600 !important;
}

.order-secdetail .restaurant-title,
.order-secdetail .driver-name-title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #000;
}

.order-secdetail .contact-info {
    font-size: 16px;
    margin-top: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

.order-secdetail .row.redirecttopage {
    margin: 0;
    align-items: center;
}

.order-secdetail .restaurant-title a.redirecttopage,
.order-secdetail .driver-name-title a.redirecttopage {
    color: #000;
}

.order-secdetail .card-body p > strong {
    padding-right: 5px;
    font-weight: 600;
    color: #000;
    float: left;
    width: 30%;
}

.order-secdetail .card-body p > span {
    display: block;
    margin-left: 30%;
    font-weight: 500;
}

.order-secdetail .row.redirecttopage img {
    object-fit: cover;
}
.section-header {
    /* z-index: 5; */
    position: relative;
}
.multi-vendore-content .pro-list .list-card {
    border: 1px solid rgb(232, 232, 232);
    transition: all ease 0.5s;
    padding: 10px;
    border-radius: 10px;
}
.multi-vendore-content #most_sale1 .list-card .list-card-image img {
    height: 200px;
    min-height: inherit;
}
.multi-vendore-content.ecommerce-content .pro-list .list-card h6.popul-title {
    font-weight: 600;
}

.list-card .list-card-body .offer-code a {
    font-weight: 500;
    border: 1px solid #ff683a;
    padding: 3px 10px;
    border-radius: 5px;
    background: #ff683a;
    color: #fff;
    margin: 0px 0 0 0 !important;
    font-size: 13px;
    display: inline-block;
}
.multi-vendore-content .all-store-section .pro-list {
    padding-bottom: 15px;
}

.rent-cardet-left .slick-slider.main-slider {
    margin-bottom: 15px;
}
.rent-cardet-left .product-image {
    padding: 5px;
}
.rent-cardet-left .product-image.slick-slide,
.rent-cardet-left .product-image {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.rent-cardet-left .product-image.slick-slide img {
    border-radius: 0.25rem;
}

.pro-list .list-card-image .img-fluid {
    width: 100% !important;
    height: 200px;
    min-height: inherit;
    object-fit: cover;
    max-height: inherit;
}
.multi-vendore-content .pro-list .list-card {
    border: 1px solid rgb(232, 232, 232);
    transition: all ease 0.5s;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
}
.car-detail-inner {
    background: #fff;
    padding: 20px;
    /* box-shadow: 0 4px 9px 0 rgb(0 0 0 / 9%); */
}
.car-del-top-section .rent-cardet-left {
    padding-right: 15px;
}
.slick-slider {
    margin: 0 -8px;
}
.slick-list .slick-track {
    margin: inherit;
}
.car-del-top-section .rent-cardet-right {
    padding-left: 15px;
}
.car-det-title h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.03em;
    color: #000000;
}
.more-from-store .store-product {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5eaf1;
}
.more-from-store h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #000000;
    text-align: left;
    width: 100%;
    margin-bottom: 30px;
}
.more-from-store .store-product .product-content {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.more-from-store .store-product .product-content .store-image {
    width: 100px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ececec;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}
.more-from-store .store-product .product-content .product-detail {
    padding-left: 10px;
}
.more-from-store .store-product .product-detail .product-name {
    margin-bottom: 10px;
}
.more-from-store .store-product .product-detail .product-review {
    margin-bottom: 10px;
}
.more-from-store .store-product .product-detail .strike-price {
    display: flex;
    align-items: center;
}
.more-from-store .store-product .product-content .store-image img {
    height: 90px;
    object-fit: cover;
    box-sizing: border-box;
    max-width: 100%;
}
.ecommerce-banner .slick-slide .banner-text h3 {
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    letter-spacing: 0.03em;
    color: #000000;
    margin-bottom: 15px;
}
.ecommerce-banner .slick-slide .banner-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.03em;
    color: #333333;
    margin-bottom: 20px;
}
.ecommerce-content {
    padding-top: 50px;
    background: #fff;
}
.ecommerce-content > section {
    padding-bottom: 50px;
}
.ecommerce-banner .slick-slider {
    margin: 0;
}
.ecommerce-banner .slick-prev {
    left: 35px;
}
.ecommerce-banner .slick-slide {
    position: relative;
}
.ecommerce-banner .slick-slide {
    padding: 0;
}
.ecommerce-content .top-categories .append_categories .row,
.brands > .row {
    margin-left: -10px;
    margin-right: -10px;
}
.col-md-2.top-cat-list,
.col-md-2.brand-list {
    -ms-flex: 0 0 14.286%;
    flex: 0 0 14.286%;
    max-width: 14.286%;
    padding: 0 10px;
}
.multi-vendore-content.ecommerce-content .top-cat-list .cat-link span {
    border: 1px solid #d6e3ec;
    border-radius: 20px;
    background: none;
    transition: all ease 0.5s;
    padding: 10px 10px;
    height: 120px;
    transition: all ease 0.5s;
}
.multi-vendore-content.ecommerce-content .top-cat-list .cat-link:hover span {
    box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.2);
    transition: all ease 0.5s;
}
.ecommerce-content .title .see-all {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    font-weight: 500;
}
.ecommerce-content .title .see-all a {
    background: #000 !important;
}
.ecommerce-content .title .see-all a {
    background: #6045c8;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    transition: all ease 0.5s;
}

.ecommerce-content .title .see-all a:hover {
    opacity: 0.8;
    transition: all ease 0.5s;
}
.ecommerce-banner .slick-slide .banner-text {
    position: absolute;
    max-width: 1140px;
    padding: 0 15px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: auto;
}
#most_sale1 .list-card:before {
    position: relative !important;
}
.ecommerce-content .title {
    margin-bottom: 25px;
    border-bottom: 1px solid #d6e3ec;
    padding-bottom: 15px;
}
.multi-vendore-content .new-arrivals .list-card .list-card-image {
    margin-top: 15px;
}
.multi-vendore-content .pro-list .list-card-image .img-fluid {
    border-radius: 10px;
}
.ecommerce-banner .slick-next {
    right: 35px;
}
.ecommerce-banner.multivendor-banner .banner-img img {
    height: 450px;
    object-fit: fill;
}
.top-cat-list .cat-link span {
    background: #f5f3fd;
    border-radius: 30px;
    padding: 30px;
    display: block;
}
.top-cat-list .cat-link h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px !important;
}
.contac-fotm-wrap {
    max-width: 600px;
    margin: 0 auto;
}

.contac-fotm-wrap .form-control {
    height: 45px;
}

.contac-fotm-wrap textarea.form-control {
    height: 100px;
}

.contac-fotm-wrap .btn.btn-primary {
    padding: 10px 25px;
    font-weight: 600;
    font-size: 16px;
}

.contac-fotm-wrap .form-title h4 {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 10px !important;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.contact-map iframe {
    display: block;
}

.c-t-order li a#completed-tab.active i {
    background: #28a745 !important;
}

.ord-com-btn .bg-rejected {
    background-color: red !important;
}

.ord-com-btn .bg-pending {
    background-color: #ffc107 !important;
}

.siddhi-favorites .container > h2 {
    margin-bottom: 30px !important;
    font-size: 20px;
}

.slick-list .slick-track {
    margin: inherit;
}

.notification-main .modal-body h6 {
    text-align: center;
    font-size: 18px;
    color: #ff683a;
}

.notification-main .modal-footer .btn.btn-primary {
    border-radius: 5px;
}

.notification-main .modal-footer .btn.btn-primary a {
    color: #fff;
}

#notification_order_complete .notification-main .modal-body h6 {
    color: green;
}
section.middle-banners .banner-img {
    border-radius: 10px;
    overflow: hidden;
}
section.middle-banners .banner-img img {
    /*height: 260px;*/
    object-fit: cover;
}

/*******************Dyining Restaurant**************/
.dyn-menulist button.view_all_menu_btn {
    text-transform: capitalize;
    color: #ff683a;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.dyn-menulist .slick-slider .image-item img {
    width: 100%;
    border-radius: 10px;
}

h5.list-title {
    font-size: 20px;
    color: #2a2a2a;
    font-weight: 600;
}

.dyntable-detail ul,
.daytab-cousines ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

.dyntable-detail ul li {
    padding-left: 40px;
    position: relative;
}

.dyntable-detail ul li > span {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 25px;
    color: #333;
    line-height: 1;
}

.dyntable-detail ul li h5 {
    color: #2a2a2a;
    font-size: 16px;
}

.dyntable-detail ul li .slick-slider {
    margin: 0;
    color: #666;
    font-size: 18px;
}

.daytab-cousines ul li {
    display: inline-block;
    margin-right: 10px;
}

.daytab-cousines ul li > span {
    display: block;
    color: #ff683a;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 20px;
    border: 1px solid #d7d7d7;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
}

.daytab-cousines ul li > span:hover {
    background: #ff683a;
    color: #fff;
    border-color: #ff683a;
}

#book_a_table input[type="checkbox"],
#book_a_table input[type="radio"] {
    width: 15px;
    height: 15px;
    accent-color: #ec6707;
    cursor: pointer;
}

#book_a_table .form-check {
    margin-bottom: 10px;
}

a.restaurant_direction {
    padding: 10px 24px;
    border: 1px solid #e2e5e9;
    border-radius: 8px;
    font-weight: 600;
    font-size: 17px;
    display: inline-block;
}

.address_restaurant {
    font-size: 16px;
    color: #666666;
    font-weight: 500;
}

.request-data {
    /*display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;*/
}

.request-data .sub-details {
    padding: 10px 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    display: inline-block;
    font-size: 13px;
    width: auto;
    vertical-align: top;
}

.request-data .sub-details > span:first-child {
    min-width: 140px;
    color: #ff683a;
    display: block;
}

.request-data .sub-details > span:last-child {
    margin-left: auto !important;
    font-weight: 500;
}

.order-body .ord-com-btn {
    min-width: 135px;
    text-align: center;
}

/*******************Dyining Restaurant**************/

.language-options select.form-control {
    font-size: 13px;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.language-options select.form-control:focus {
    box-shadow: none;
    outline: none;
    border: 0;
}

.slick-dots li {
    width: 40px;
    margin: 0 6px;
}
.slick-dots li button {
    width: 40px;
    height: 10px;
}
.slick-dots li button::before {
    opacity: 0.8;
    color: #fff;
    font-size: 15px;
    width: 40px;
    height: 5px;
    background: #fff;
    border-radius: 50px;
    content: "";
}
.slick-dots li.slick-active button::before {
    color: #ff6c40 !important;
    background: #ff6c40 !important;
}

.pac-container {
    z-index: 99999 !important;
}

#phone-box .col-xs-12 {
    position: relative;
}

.form-material .form-control#phone,
.login-page .form-control#mobileNumber {
    padding-left: 110px;
}

.select2.select2-container {
    position: absolute;
    left: 0;
    top: 3px;
    width: auto !important;
}

.select2.select2-container .select2-selection--single {
    border: 0;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    max-width: 107px;
}

.select2-container
    .select2-selection--single
    .select2-selection__rendered
    > span
    .img-flag {
    max-width: 25px;
}

.select2-container
    .select2-selection--single
    .select2-selection__rendered
    > span {
    font-size: 13px;
    padding-right: 5px;
}

.select2-results__option span img.img-flag {
    max-width: 25px;
}

.select2-container--open .select2-dropdown {
    min-width: 358px;
    top: 7px;
    border: 0;
}

.hide_tab {
    display: none !important;
}

/****************item Attribute*************/
.v-boxariants .attribute_list > div.attribute-drp {
    border: 0 !important;
    padding-bottom: 25px;
}

.v-boxariants .attribute_list > div .attribute-options > div.custom-control {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    position: relative;
    vertical-align: top;
    padding: 0 !important;
    background: #fff;
    z-index: 2;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
    color: #333;
    font-size: 15px;
    border-bottom: 1px solid #dae0ef !important;
    width: 100% !important;
    margin: 0 10px 0 0;
}

.attribute-info {
    display: flex;
    justify-content: space-between;
}

.attribute-mandatory {
    font-size: 12px;
    padding: 0 0.2rem;
    width: 100px;
    background-color: rgb(232, 232, 232);
    color: #000;
    height: 20px;
    border-radius: 16px;
    text-align: center;
}

.attribute-mandatory.active {
    background-color: rgb(234, 246, 237);
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* border-radius: 4px; */
    color: #0e8345;
    font-weight: bold;
}

.attribute-mandatory svg {
    display: none;
}

.attribute-mandatory.active svg {
    display: flex;
}

.product-detail-page .attribute-options .custom-control .custom-control-input {
    position: relative;
    left: 0;
    z-index: 3;
    width: 1rem;
    height: 1.25rem;
    opacity: 1;
}

.product-detail-page
    .attribute-options
    .custom-control
    .custom-control-label::before {
        background: #FF6B00 !important;
}

.v-boxariants
    .attribute_list
    > div
    .attribute-options
    > div.custom-control
    .custom-control-input:checked
    ~ .custom-control-label {
    font-weight: bold;
    color: #0e8345;
}

.v-boxariants
    .attribute_list
    > div
    .attribute-options
    > div.custom-control
    label.custom-control-label {
    padding: 8px;
    cursor: pointer;
}

.product-detail-page
    .v-boxariants
    .attribute_list
    > div
    .attribute-options
    > div.custom-control
    label.custom-control-label::before {
    border: 0;
}

.v-boxariants
    .attribute_list
    > div
    .attribute-options
    > div.custom-control
    label.custom-control-label::before {
    left: 0;
    right: 0;
    width: auto;
    max-width: inherit;
    bottom: 0;
    height: 100%;
    border-radius: 0;
    top: 0;
    z-index: -1;
    border-radius: 5px;
}

.web_version {
    text-align: center;
    font-weight: 700;
    padding: 14px 17px;
    font-size: 13px;
    color: #343a40;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
}
.vandor-sidebar {
    background: #ffffff;
    border: 1px solid #eaeaea;
}

.vandor-sidebar h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: #333333;
    margin: 0;
    padding: 15px 22px;
    border-bottom: 1px solid #eaeaea;
}

.vandor-sidebar .vandorcat-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.vandor-sidebar .vandorcat-list li {
    margin-bottom: 10px;
}

.vandor-sidebar .vandorcat-list li a {
    padding: 8px 22px;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.03em;
    color: #333333;
    display: block;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    border-left: 3px solid transparent;
}

.vandor-sidebar .vandorcat-list li a:hover {
    padding-left: 30px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}

.vandor-sidebar .vandorcat-list li a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.vandor-sidebar .vandorcat-list li a span img {
    max-width: 32px;
    border-radius: 100px;
    border: 1px solid #e8e8e8;
    padding: 2px;
    height: 32px;
    object-fit: cover;
}

.category-listing-page .page-title,
.st-brands-page .page-title {
    border-bottom: 1px solid #d6e3ec;
    padding-bottom: 15px;
    margin-bottom: 30px !important;
}
.category-listing-page {
    background: #fff;
    padding-bottom: 40px;
}

.category-listing-page .product-list .list-card,
.product-detail-page .product-list .list-card {
    padding: 10px;
    border: 1px solid #ececec;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.category-listing-page .product-list .list-card-image img,
.product-detail-page .product-list .list-card-image img {
    height: 200px; /*object-fit: contain;*/
}

.category-listing-page .col-md-2.brand-list {
    padding: 0 8px;
}

.category-listing-page .brand-list .list-card-image > a {
    background: #f5f3fd;
    border-radius: 20px;
    padding: 10px;
    display: block;
    cursor: pointer;
    min-height: 120px;
    border: 1px solid #eaeaea;
}

.category-listing-page .brand-list .list-card-image > a img {
    height: 100%;
    object-fit: cover;
    width: 100% !important;
    border-radius: 20px;
    min-height: 120px;
    max-height: 120px;
}

.category-listing-page .brand-list .brand-title {
    text-align: center;
}
.category-listing-page .product-list .list-card .list-card-image .member-plan {
}
.foodies-detail-coupon .coupon-code label {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 0.05em;
    color: #333333;
    margin-bottom: 15px;
}

.foodies-detail-coupon .copupon-list ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d6e3ec;
    padding-bottom: 15px;
    margin-bottom: 30px !important;
}

.foodies-detail-coupon .copupon-list ul li {
    list-style-type: none;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 15px 20px;
    border: 1px dashed #ccc;
    background: #fff;
    cursor: pointer;
}

.foodies-detail-coupon .copupon-list ul li span {
    font-weight: 600;
    color: #6d6d77;
    font-size: 13px;
    display: block;
    position: relative;
    margin-bottom: 10px;
    margin-bottom: 0;
}

.foodies-detail-coupon .copupon-list ul li span.per-off {
    font-size: 17px;
    margin-bottom: 10px;
    color: #676771;
}

.foodies-detail-coupon .copupon-list ul li:hover {
    background: #f8f7fc;
    color: #8b8a93;
}

.foodies-detail-coupon .copupon-list ul li span.per-off:before {
    content: "";
    background: url(/img/discount-icon.png) no-repeat center center;
    width: 22px;
    height: 23px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}
.vandor-sidebar .vandorcat-list li a:hover,
.vandor-sidebar .vandorcat-list li.active a {
    color: #cc3838;
}

.product-list .list-card {
    padding: 10px;
    border: 1px solid #ececec;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border-radius: 10px;
    transition: all ease 0.5s;
    height: 100%;
}

.product-list .list-card:hover,
.multi-vendore-content .pro-list .list-card:hover {
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2) !important;
    transition: all ease 0.5s;
}

.all-store-section .product-list {
    margin-bottom: 20px;
}
.all-store-section .product-list .list-card {
    margin-bottom: 20px;
}

.product-list .list-card-image img {
    width: 100% !important;
    height: 200px;
    min-height: inherit;
    object-fit: cover;
    max-height: inherit;
    object-position: center;
    border-radius: 10px;
}

.product-list .list-card .list-card-image .discount-price {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    color: #fff;
    font-size: 14px;
    border-radius: 40px 0px 10px 0px;
    padding: 12px 15px 12px 25px;
    line-height: 1;
    font-weight: 600;
}

.product-list .list-card-body {
    position: relative;
    padding-right: 0px;
    padding-top: 10px;
}

.product-list .list-card-body .product-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #333333;
    margin-bottom: 0 !important;
}
.list-card h6.popul-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #333333;
}
.product-list .list-card-body .pro-price {
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #333333;
    margin-bottom: 3px !important;
}

.product-list .list-card-body .product-title a {
    margin-bottom: 0 !important;
}

.product-list .list-card-body .pro-cat {
    color: #666666;
    font-size: 14px;
    margin: 0 !important;
    margin-top: 8px !important;
}

.product-list .list-card-body .pro-price s {
    font-size: 13px;
    color: #666666;
    padding-left: 5px;
}

.all-store-section .product-list .list-card-body {
    padding-right: 0;
}
.vendor-page .product-list .list-card-image img {
    height: 300px;
    object-position: top;
    object-fit: cover;
}
/*star rating css*/
.rating {
    border: none;
    float: none;
    margin: 0 auto;
}

.rating > input {
    display: none;
}

.rating > label:before {
    content: "\f005";
    font-family: FontAwesome;
    margin: 0px 5px;
    font-size: 3.5rem;
    display: inline-block;
    cursor: pointer;
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
    cursor: pointer;
}

.rating > label {
    color: #ccc;
    float: right;
    cursor: pointer;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover ~ label {
    color: #eca700;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ input:hover ~ label {
    color: #eca700;
}

.rating[data-rating="0.5"] > input ~ label.half[for="star0.5"] {
    color: #eca700;
}

.rating[data-rating="1"] > input ~ label.half[for="star0.5"],
.rating[data-rating="1"] > input ~ label.full[for="star1"] {
    color: #eca700;
}

.rating[data-rating="1.5"] > input ~ label.half[for="star0.5"],
.rating[data-rating="1.5"] > input ~ label.full[for="star1"],
.rating[data-rating="1.5"] > input ~ label.half[for="star1.5"] {
    color: #eca700;
}

.rating[data-rating="2"] > input ~ label.half[for="star0.5"],
.rating[data-rating="2"] > input ~ label.full[for="star1"],
.rating[data-rating="2"] > input ~ label.half[for="star1.5"],
.rating[data-rating="2"] > input ~ label.full[for="star2"] {
    color: #eca700;
}

.rating[data-rating="2.5"] > input ~ label.half[for="star0.5"],
.rating[data-rating="2.5"] > input ~ label.full[for="star1"],
.rating[data-rating="2.5"] > input ~ label.half[for="star1.5"],
.rating[data-rating="2.5"] > input ~ label.full[for="star2"],
.rating[data-rating="2.5"] > input ~ label.half[for="star2.5"] {
    color: #eca700;
}

.rating[data-rating="3"] > input ~ label.half[for="star0.5"],
.rating[data-rating="3"] > input ~ label.full[for="star1"],
.rating[data-rating="3"] > input ~ label.half[for="star1.5"],
.rating[data-rating="3"] > input ~ label.full[for="star2"],
.rating[data-rating="3"] > input ~ label.half[for="star2.5"],
.rating[data-rating="3"] > input ~ label.full[for="star3"] {
    color: #eca700;
}

.rating[data-rating="3.5"] > input ~ label.half[for="star0.5"],
.rating[data-rating="3.5"] > input ~ label.full[for="star1"],
.rating[data-rating="3.5"] > input ~ label.half[for="star1.5"],
.rating[data-rating="3.5"] > input ~ label.full[for="star2"],
.rating[data-rating="3.5"] > input ~ label.half[for="star2.5"],
.rating[data-rating="3.5"] > input ~ label.full[for="star3"],
.rating[data-rating="3.5"] > input ~ label.half[for="star3.5"] {
    color: #eca700;
}

.rating[data-rating="4"] > input ~ label.half[for="star0.5"],
.rating[data-rating="4"] > input ~ label.full[for="star1"],
.rating[data-rating="4"] > input ~ label.half[for="star1.5"],
.rating[data-rating="4"] > input ~ label.full[for="star2"],
.rating[data-rating="4"] > input ~ label.half[for="star2.5"],
.rating[data-rating="4"] > input ~ label.full[for="star3"],
.rating[data-rating="4"] > input ~ label.half[for="star3.5"],
.rating[data-rating="4"] > input ~ label.full[for="star4"] {
    color: #eca700;
}

.rating[data-rating="4.5"] > input ~ label.half[for="star0.5"],
.rating[data-rating="4.5"] > input ~ label.full[for="star1"],
.rating[data-rating="4.5"] > input ~ label.half[for="star1.5"],
.rating[data-rating="4.5"] > input ~ label.full[for="star2"],
.rating[data-rating="4.5"] > input ~ label.half[for="star2.5"],
.rating[data-rating="4.5"] > input ~ label.full[for="star3"],
.rating[data-rating="4.5"] > input ~ label.half[for="star3.5"],
.rating[data-rating="4.5"] > input ~ label.full[for="star4"],
.rating[data-rating="4.5"] > input ~ label.half[for="star4.5"] {
    color: #eca700;
}

.rating[data-rating="5"] > input ~ label.half[for="star0.5"],
.rating[data-rating="5"] > input ~ label.full[for="star1"],
.rating[data-rating="5"] > input ~ label.half[for="star1.5"],
.rating[data-rating="5"] > input ~ label.full[for="star2"],
.rating[data-rating="5"] > input ~ label.half[for="star2.5"],
.rating[data-rating="5"] > input ~ label.full[for="star3"],
.rating[data-rating="5"] > input ~ label.half[for="star3.5"],
.rating[data-rating="5"] > input ~ label.full[for="star4"],
.rating[data-rating="5"] > input ~ label.half[for="star4.5"],
.rating[data-rating="5"] > input ~ label.full[for="star5"] {
    color: #eca700;
}

.rating[data-rating="0.5"] > input ~ label.half[for="attr_star0.5"] {
    color: #eca700;
}

.rating[data-rating="1"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="1"] > input ~ label.full[for="attr_star1"] {
    color: #eca700;
}

.rating[data-rating="1.5"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="1.5"] > input ~ label.full[for="attr_star1"],
.rating[data-rating="1.5"] > input ~ label.half[for="attr_star1.5"] {
    color: #eca700;
}

.rating[data-rating="2"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="2"] > input ~ label.full[for="attr_star1"],
.rating[data-rating="2"] > input ~ label.half[for="attr_star1.5"],
.rating[data-rating="2"] > input ~ label.full[for="attr_star2"] {
    color: #eca700;
}

.rating[data-rating="2.5"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="2.5"] > input ~ label.full[for="attr_star1"],
.rating[data-rating="2.5"] > input ~ label.half[for="attr_star1.5"],
.rating[data-rating="2.5"] > input ~ label.full[for="attr_star2"],
.rating[data-rating="2.5"] > input ~ label.half[for="attr_star2.5"] {
    color: #eca700;
}

.rating[data-rating="3"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="3"] > input ~ label.full[for="attr_star1"],
.rating[data-rating="3"] > input ~ label.half[for="attr_star1.5"],
.rating[data-rating="3"] > input ~ label.full[for="attr_star2"],
.rating[data-rating="3"] > input ~ label.half[for="attr_star2.5"],
.rating[data-rating="3"] > input ~ label.full[for="attr_star3"] {
    color: #eca700;
}

.rating[data-rating="3.5"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="3.5"] > input ~ label.full[for="attr_star1"],
.rating[data-rating="3.5"] > input ~ label.half[for="attr_star1.5"],
.rating[data-rating="3.5"] > input ~ label.full[for="attr_star2"],
.rating[data-rating="3.5"] > input ~ label.half[for="attr_star2.5"],
.rating[data-rating="3.5"] > input ~ label.full[for="attr_star3"],
.rating[data-rating="3.5"] > input ~ label.half[for="attr_star3.5"] {
    color: #eca700;
}

.rating[data-rating="4"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="4"] > input ~ label.full[for="attr_star1"],
.rating[data-rating="4"] > input ~ label.half[for="attr_star1.5"],
.rating[data-rating="4"] > input ~ label.full[for="attr_star2"],
.rating[data-rating="4"] > input ~ label.half[for="attr_star2.5"],
.rating[data-rating="4"] > input ~ label.full[for="attr_star3"],
.rating[data-rating="4"] > input ~ label.half[for="attr_star3.5"],
.rating[data-rating="4"] > input ~ label.full[for="attr_star4"] {
    color: #eca700;
}

.rating[data-rating="4.5"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="4.5"] > input ~ label.full[for="attr_star1"],
.rating[data-rating="4.5"] > input ~ label.half[for="attr_star1.5"],
.rating[data-rating="4.5"] > input ~ label.full[for="attr_star2"],
.rating[data-rating="4.5"] > input ~ label.half[for="attr_star2.5"],
.rating[data-rating="4.5"] > input ~ label.full[for="attr_star3"],
.rating[data-rating="4.5"] > input ~ label.half[for="attr_star3.5"],
.rating[data-rating="4.5"] > input ~ label.full[for="attr_star4"],
.rating[data-rating="4.5"] > input ~ label.half[for="attr_star4.5"] {
    color: #eca700;
}

.rating[data-rating="5"] > input ~ label.half[for="attr_star0.5"],
.rating[data-rating="5"] > input ~ label.full[for="attr_star1"],
.rating[data-rating="5"] > input ~ label.half[for="attr_star1.5"],
.rating[data-rating="5"] > input ~ label.full[for="attr_star2"],
.rating[data-rating="5"] > input ~ label.half[for="attr_star2.5"],
.rating[data-rating="5"] > input ~ label.full[for="attr_star3"],
.rating[data-rating="5"] > input ~ label.half[for="attr_star3.5"],
.rating[data-rating="5"] > input ~ label.full[for="attr_star4"],
.rating[data-rating="5"] > input ~ label.half[for="attr_star4.5"],
.rating[data-rating="5"] > input ~ label.full[for="attr_star5"] {
    color: #eca700;
}

/*attribute star rating css*/
.attribute {
    border: none;
    float: none;
    margin: 0 auto;
}

.attribute > input {
    display: none;
}

.attribute > label:before {
    content: "\f005";
    font-family: FontAwesome;
    margin: 0px 5px;
    font-size: 1.5rem;
    display: inline-block;
    cursor: pointer;
}

.attribute > .half:before {
    content: "\f089";
    position: absolute;
    cursor: pointer;
}

.attribute > label {
    color: #ccc;
    float: right;
    cursor: pointer;
}

/*landing page*/
.st-home-page-main {
    background: #fafafa;
    font-family: "Poppins";
}

.st-home-page-main .brand-wrap {
    position: static;
    border-radius: 0 !important;
    background: none;
    padding: 12px 0;
    box-shadow: none !important;
}

.st-home-page-main header.section-header {
    position: absolute;
    left: 0;
    right: 0;
}

.st-home-banner {
    background: url(../img/land-banner-bg.png) no-repeat left top;
    background-size: 50% auto;
    background-repeat: no-repeat;
    padding-bottom: 40px;
}

.st-home-banner-right img {
    max-width: 100%;
}

.st-home-banner-left {
    text-align: right;
    padding-top: 100px;
    padding-bottom: 80px;
}

.st-home-banner-content {
    display: inline-block;
    text-align: left;
    max-width: 545px;
    padding-right: 45px;
}

.st-home-banner-content h1 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 51px;
    letter-spacing: 0.03em;
    color: #000000;
    margin-bottom: 23px;
}

.st-home-banner-content p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #505056;
    margin-bottom: 35px;
}

.st-home-banner-content .cat-item a.cat-link {
    border-color: transparent;
}

.st-home-banner-content .cat-item a.cat-link:hover,
.st-home-banner-content .cat-item.section-selected a.cat-link {
    border-color: #ff683a;
    background: none !important;
}

.st-home-banner-content .cat-item a.cat-link p {
    font-weight: 400;
    font-size: 13px !important;
    line-height: 21px;
    letter-spacing: 0.05em;
    color: #505056;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.st-home-banner-content .cat-item a.cat-link:hover p {
    color: #505056 !important;
}

.st-home-banner-content .cat-slider img {
    border-radius: 0 !important;
    width: 60px;
    height: 60px;
}

.location-box .location-group {
    position: relative;
}

.location-box .location-group input {
    border: 1.2px solid #ccd1d7;
    padding: 16px 132px 16px 21px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #505056;
    width: 100%;
}

.location-box {
    margin-bottom: 40px;
}

.location-box .location-group .locate-me {
    position: absolute;
    right: 21px;
    top: 0;
    bottom: 0;
    line-height: 56px;
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #505056;
    cursor: pointer;
}

.location-box .location-group .locate-me img {
    margin-right: 6px;
}

.st-home-banner-content .cont-btn a {
    background: #ff683a;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #ffffff;
    padding: 8px 25px;
    border-color: #ff683a;
}

.st-home-banner-content .cont-btn a:hover {
    opacity: 0.8;
}

.st-home-banner-content .slick-arrow,
.st-home-banner-content .slick-arrow:hover,
.st-home-banner-content .slick-arrow:focus {
    height: 42px;
    width: 42px;
    background-size: 8px;
}

.st-home-service {
    background: #1f1f1f;
    padding-top: 80px;
    padding-bottom: 80px;
}

.st-service-box {
    padding: 42px 40px;
    background: #262626;
    border-radius: 30px;
    height: 100%;
}

.st-service-box h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.05em;
}

.st-service-box p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #f0e2de;
}

.st-appstore {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    z-index: 2;
}

.st-appstore-right img {
    max-width: 100%;
}
.st-appstore:after {
    position: absolute;
    top: auto;
    left: 0px;
    background: url(../img/appstore-pizza.png) no-repeat left center;
    width: 97px;
    height: 167px;
    content: "";
    bottom: 120px;
    margin: auto;
    z-index: -1;
}
.st-appstore-left:after {
    position: absolute;
    top: -50px;
    left: -75px;
    background: url(../img/appstore-round.png) no-repeat center;
    width: 136px;
    height: 136px;
    content: "";
}
.st-appstore-left h3 {
    font-weight: 600;
    font-size: 34px;
    line-height: 51px;
    letter-spacing: 0.05em;
    color: #000000;
    margin-bottom: 14px;
}

.st-appstore-left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #505056;
}

.st-appstore-down {
    margin-top: 40px;
}

.st-appstore-down h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.05em;
    color: #000000;
    margin-bottom: 21px;
}

.st-appstore-down a {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.st-appstore-right {
    padding-left: 70px;
}
/*end-landing page*/

.variant-info {
    padding-top: 10px;
}

.variant-info ul {
    display: flex;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.variant-info ul li {
    margin-right: 10px;
    padding-right: 10px !important;
    border-right: 1px solid #dee2e6;
    font-size: 13px !important;
    display: flex;
    padding: 0px 0px;
    font-size: 10px;
    margin-bottom: 2px;
}

.variant-info ul li:last-child {
    border: 0;
}

.variant-info ul li span.label::after,
#cart_list .sidebar-item-list .extras span.label:after {
    content: ":";
    padding-left: 3px;
}
/*Product detail page reviews Css*/

.product-detail-page
    .rental-detailed-ratings-and-reviews
    .rental-review
    .overall-rating
    .badge.badge-success {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
}

.product-detail-page
    .rental-detailed-ratings-and-reviews
    .rental-review
    .overall-rating
    .count {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #777777;
    margin-left: 12px;
}

.product-detail-page
    .rental-detailed-ratings-and-reviews
    .rental-review
    .overall-rating
    .feather-star {
    color: #fff !important;
}

.product-detail-page .attribute-ratings .feature-reviews-members-header {
    position: relative;
    z-index: 1;
}

.product-detail-page .attribute-ratings .feature-reviews-members-header:before {
    position: absolute;
    content: "";
    background: #e5eaf1;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 8px;
    z-index: -1;
}

.product-detail-page .attribute-ratings .feature-reviews-members-header h6 {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #333333;
    background: #fff;
    padding-right: 10px;
    min-width: 150px;
}

.product-detail-page
    .attribute-ratings
    .feature-reviews-members-header
    .rating-info {
    background: #fff;
    padding-left: 10px;
}

.product-detail-page .rating-info .feather-star {
    font-size: 17px;
    margin-right: 4px;
}

.product-detail-page .attribute-ratings .rating-info .count-rating {
    width: 20px;
    text-align: right;
}

.rental-review .reviews-members .reviews-members-body .photos ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.rental-review .reviews-members .reviews-members-body .photos ul li {
    display: inline-block;
    margin-right: 10px;
    width: 15%;
    vertical-align: middle;
}

.rental-review .reviews-members .reviews-members-body .photos ul li img {
    display: block;
    width: 100%;
    border-radius: 5px;
    background: #e7e7e7;
    height: 53px;
    object-fit: contain;
}

.specification .prospe-info-box-list {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #333333;
    position: relative;
    padding-left: 15px;
}

.specification .prospe-info-box-list:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0px;
    top: 0px;
    background: #666666;
    border-radius: 100%;
    bottom: 0;
    margin: auto;
}

.specification .prospe-info-box-list label {
    margin-left: auto;
    margin-bottom: 0;
}
/*Product detail page reviews Css End*/

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.resturant-banner-right-block {
    margin-bottom: 16px;
}
.resturant-banner-right-block img {
    max-width: 100%;
    height: 142px;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
}

.resturant-banner-right-block.view-all-blc {
    height: 100%;
    position: relative;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}
.resturant-banner-right-block.view-all-blc:before {
    position: absolute;
    top: 0;
    bottom: 15px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    border-radius: 10px;
}
.resturant-banner-right-block.view-all-blc img {
    height: calc(100% - 16px);
}

.resturant-banner-right-block.view-all-blc .see-gallary {
    position: absolute;
    left: 0;
    right: 0;
    height: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
/****************Story start*************/
.siddhi-home-page .ecommerce-content {
    padding-top: 0;
}
.ecommerce-content > section.restaurant_stories {
    margin-bottom: 0px;
    background: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ecommerce-content > section.top-categories {
    margin-top: 50px;
}
.restaurant_stories .stories.snapssenger.carousel .story {
    width: 20% !important;
    width: 44vw;
    max-width: 100%; /*max-height: 210px;*/
    max-height: 230px;
    padding: 0;
}
.restaurant_stories .slick-track {
    width: 100% !important;
}
.restaurant_stories .stories.snapssenger.carousel .story a {
    border: 2px solid transparent;
    border-radius: 16px;
}
.restaurant_stories .stories.snapssenger.carousel .story a:hover {
    border: 2px solid #fff;
}

.restaurant_stories .stories.snapssenger.carousel .story > .item-link {
    max-height: 210px;
    border-radius: 16px;
    overflow: hidden;
    transition: all ease 0.5s;
}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 90px;
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(0, 0, 0, 0.38) 38%,
        rgba(0, 0, 0, 0.77) 77%,
        rgba(0, 0, 0, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(0, 0, 0, 0.38) 38%,
        rgba(0, 0, 0, 0.77) 77%,
        rgba(0, 0, 0, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(0, 0, 0, 0.38) 38%,
        rgba(0, 0, 0, 0.77) 77%,
        rgba(0, 0, 0, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}
.restaurant_stories
    .stories.snapssenger.carousel
    .story
    > .item-link
    > .item-preview {
    height: 210px;
    max-height: inherit;
    border-radius: 16px;
    overflow: hidden;
}
.restaurant_stories
    .stories.snapssenger.carousel
    .story
    > .item-link
    > .item-preview
    img {
    border-radius: 16px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}

.restaurant_stories .stories.snapssenger.carousel .story > .item-link > .info {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-shadow: none;
    bottom: 16px;
    left: 5px;
    right: 5px;
    width: auto;
    z-index: 1;
}
.restaurant_stories
    .stories.snapssenger.carousel
    .story
    > .item-link
    > .info
    .name {
    font-weight: 700 !important;
}

.restaurant_stories .stories.snapssenger .story.seen {
    opacity: 1;
}

#zuck-modal-content .story-viewer .slides .item {
    max-width: 600px;
    margin: 0 auto;
    left: 0 !important;
    right: 0 !important;
}
#zuck-modal-content .story-viewer .head {
    max-width: 600px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 85px !important;
    padding: 20px 12px !important;
}
#zuck-modal-content .story-viewer .slides-pointers {
    max-width: 600px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#zuck-modal-content .story-viewer .slides-pointers {
    left: 0;
    right: 0;
    width: 100%;
}

#zuck-modal-content .story-viewer .head .item-preview {
    width: 60px !important;
    height: 60px !important;
    border-radius: 10px !important;
}

#zuck-modal-content .story-viewer .head .left .info .name {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.03em;
    color: #ffffff;
    opacity: 1;
    margin-bottom: 7px;
}

#zuck-modal-content .story-viewer .head .right {
    position: fixed;
    right: 23px;
    top: 10px;
    color: #fff;
    opacity: 1;
}
#zuck-modal-content .story-viewer .head .right .close {
    color: #fff;
    opacity: 1;
}

#zuck-modal-content .story-viewer .slides .item > .media {
    transform: inherit !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
}

#zuck-modal-content .story-viewer .tip.muted {
    bottom: 80px !important;
    cursor: pointer;
    font-size: 18px;
    padding: 5px 15px;
}

.restaurant_stories .stories.snapssenger.carousel .story > .item-link:hover {
    /*box-shadow: 0 0px 20px 0 rgba(0,0,0,0.2) !important;*/
    transition: all ease 0.5s;
}
.restaurant_stories
    .stories.snapssenger.carousel
    .story:hover
    .item-link
    > .item-preview
    img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}
#zuck-modal {
    background: rgba(0, 0, 0, 98) !important;
}

.restaurant_stories .storiesWrapper .slick-arrow.slick-prev,
.middle-banners .slick-arrow.slick-prev {
    left: 10px;
}
.restaurant_stories .storiesWrapper .slick-arrow.slick-next,
.middle-banners .slick-arrow.slick-next {
    right: 10px;
}
.restaurant_stories .stories.carousel .story:first-child {
    margin-left: 6px;
}

.new-acc a.btn.btn-primary {
    padding: 10px 20px;
    font-size: 17px;
    display: block;
    width: 100%;
    font-weight: 600;
}
.new-acc a.btn.btn-primary i {
    margin-right: 10px;
    font-size: 20px;
}

.or-line {
    text-align: center;
    position: relative;
}
.or-line:before {
    position: absolute;
    height: 1px;
    background: #ccc;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    content: "";
}
.or-line span {
    display: inline-block;
    background: #fff;
    font-size: 14px;
    color: #666666;
    z-index: 1;
    position: relative;
    padding: 5px 10px;
}

.social-icon > div {
    display: flex;
    justify-content: center;
}
.social-icon > div > a {
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border-radius: 50px;
}
.social-icon > div > a i {
    font-size: 30px;
}

#socialShare .modal-header i {
    font-size: 30px;
}

.checkout-left .banner-img {
    border-radius: 15px;
    overflow: hidden;
}
.checkout-left .banner-img img {
    height: 400px;
    object-fit: cover;
}

#gift_card_img .slick-arrow,
#gift_card_img .slick-arrow:hover,
#gift_card_img .slick-arrow:focus {
    margin: 0 50px;
}

.address-info-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.address-buttons-container {
    display: -ms-flexbox;
    display: flex;
}

.delivery-address-container .edit-address {
    width: 30px;
}

.delivery-address-container .delete-address {
    width: 30px;
}

.or-text {
    font-size: 14px;
    color: #666666;
}

.social-login {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.google-btn,
.apple-btn {
    width: 250px;
    height: 37px;
    color: #2d2d2d;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
}

/* Pickup type modal */
#deliveryModal .modal-body {
    display: flex;
    justify-content: center;
}

#deliveryModal .delivery-option {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    min-width: 120px;
}

#deliveryModal .delivery-option img {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
}

#deliveryModal .delivery-option p {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

#deliveryModal .delivery-option:hover {
    background-color: #f5f5f5;
    border-color: #ff6600;
}

#deliveryModal .selected {
    background-color: #fff8f0;
    border-color: #ff6600;
    color: #ff6600;
}

#deliveryModal .disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.address-button-container {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}

.address-button-container .add-address {
    background-color: #000 !important;
    font-size: 12px;
    padding: 5px 10px;
    font-family: "Poppins";
    margin: 0;
}

.btn-success {
    background-color: #000;
    border-color: #000;
}

.btn-info {
    color: #fff;
    background-color: #ff683a;
    border-color: #ff683a;
}

.mobile {
    display: none !important;
}

.web {
    display: block !important;
}

/* Pickup type component */

#main-mobile {
    width: 90%;
    margin: 0 auto;
}

#main-mobile .pickup-title,
#main-mobile .restaurants-title {
    font-size: 16px;
    font-weight: bold;
    font-family: "PoppinsBold";
    margin-bottom: 10px;
}

#main-mobile .delivery-option-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    min-width: 100px;
    height: 60px;
}

#main-mobile .delivery-option-mobile img {
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
}

#main-mobile .delivery-option-mobile p {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    font-family: "Poppins";
}

#main-mobile .delivery-option-mobile.selected img {
    filter: brightness(0) invert(1);
}

#main-mobile .delivery-option-mobile.selected p {
    color: #ffffff;
}

#main-mobile .delivery-option-mobile:hover {
    background-color: #f5f5f5;
    border-color: #ff6600;
}

#main-mobile .selected {
    background-color: #ff6b00;
    border-color: #ff6b00;
    color: #ffffff;
}

#main-mobile .disabled {
    cursor: not-allowed;
    opacity: 0.5;
    background-color: #f7f2e7;
}

#main-mobile .location-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px 10px;
    width: 100%;
    max-width: 380px;
    margin: 20px auto;
    background-color: white;
}

#main-mobile .location-icon {
    margin-right: 10px;
    font-size: 18px;
    color: #252525;
}

#main-mobile .location-input {
    flex-grow: 1;
    font-size: 12px;
    color: #252525;
    border: none;
    outline: none;
    background: transparent;
    width: 40%;
}

#main-mobile .location-button {
    background-color: #e0fcf8;
    color: #099;
    border: 1px solid #099;
    border-radius: 20px;
    padding: 8px 12px;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#main-mobile .location-button:hover {
    background-color: #d1f5f0;
}

#main-mobile .location-button-icon {
    margin-right: 5px;
}

#main-mobile .restaurant-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 500px;
    overflow-y: scroll;
}

#main-mobile .restaurant-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: white;
    padding: 16px;
    margin: 8px 0;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#main-mobile .restaurant-info {
    flex-grow: 1;
}
#main-mobile .restaurant-name {
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    font-family: "PoppinsBold";
}
#main-mobile .restaurant-address {
    font-size: 12px;
    color: #252525;
    margin-top: 4px;
    margin-bottom: 4px;
    width: 95%;
    font-family: "Poppins";
}

#main-mobile .restaurant-hours {
    font-size: 12px;
    color: #ff6b00;
    margin: 4px 0;
    font-family: "PoppinsBold";
}

#main-mobile .status {
    padding: 6px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
    font-family: "PoppinsBold";
    width: 50px;
    height: 20px;
}
#main-mobile .open {
    background-color: #55cd7d;
}
#main-mobile .closed {
    background-color: #ff7158;
}

/* Transaction container */
.transaction-container {
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.transactions-list-body h6.date {
    min-height: 0 !important;
}

.restaurant-page .pickup-title {
    text-align: center;
    font-size: 18px;
    font-family: "PoppinsBold";
    padding-top: 10px;
    padding-bottom: 10px;
}
.restaurant-page .banner {
    width: 100%;
    max-width: 358px;
    height: 160px;
    margin: 10px auto;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.restaurant-page .banner-overlay {
    position: absolute;
    height: 84px;
    bottom: 0;
    width: 100%;
    max-width: 358px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.7);
}

.restaurant-page .banner-title {
    font-weight: bold;
    font-size: 20px;
    font-family: "PoppinsBold";
    color: #ffffff;
    margin-bottom: 2px;
}

.restaurant-page .banner-code {
    font-size: 16px;
    font-family: "Poppins";
    color: #ffffff;
    margin-bottom: 2px;
}

.restaurant-page .category-header-title, .restaurant-page .products-header-title {
    font-weight: bold;
    font-size: 18px;
    font-family: "PoppinsBold";
    color: #252525;
    margin-top: 10px;
    margin-left: 20px;
}

.restaurant-page .categories {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

/* Para Chrome, Safari e navegadores WebKit */
.restaurant-page .categories::-webkit-scrollbar {
    display: none;
}
.restaurant-page .category {
    display: flex;
    flex-direction: column;
    background-color: #f7f2e7;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 80px;
    border-radius: 8px;
}

.restaurant-page .category-card .category img {
    width: 30px;
    height: 30px;
}

.restaurant-page .category-card .category-name {
    font-size: 10px;
    font-family: "Poppins";
    text-align: center;
    margin-top: 5px;
}

.restaurant-page .category-card .category.active {
    background-color: #ff6b00;
}

.restaurant-page .category-card .category-name.active {
    font-family: "PoppinsBold";
    font-weight: bold;
}
.restaurant-page .category-card {
    width: 80px;
}

.restaurant-page .product-card {
    display: flex;
    background: #fff;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    align-items: flex-start;
    margin-bottom: 15px;
    width: 90%;
    min-height: 120px;
    margin-left: auto;
    margin-right: auto;
}

.restaurant-page .product-image {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    object-fit: cover;
    margin-right: 8px;
}

.restaurant-page .product-info {
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 115px;
    max-height: 120px;
    width: 100%;
}

.restaurant-page .product-title {
    font-weight: bold;
    font-size: 14px;
    font-family: "PoppinsBold";
    color: #252525;
    padding: 0 5px;
    margin-top: 5px;
}
.restaurant-page .product-description {
    font-size: 10px;
    color: #252525;
    margin: 5px 0;
    font-family: "Poppins";
    padding: 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* Permite até 3 linhas */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

/* Para Chrome, Safari e navegadores WebKit */
.restaurant-page .product-description::-webkit-scrollbar {
    display: none;
}

.restaurant-page .product-price-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    padding-right: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.restaurant-page .product-price {
    font-weight: bold;
    font-size: 16px;
    font-family: "PoppinsBold";
    color: #252525;
}
.restaurant-page .add-button {
    background: #FF6B00;
    color: #FFFFFF;
    border-radius: 50%;
    font-weight: bold;
    cursor: pointer;
    font-size: 25px;
    font-family: "PoppinsBold";
    appearance: none;
    border: none;
    width: 25px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.restaurant-page .add-button:hover {
    background: #FF6B00;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}

/****************Story End*************/
/****************responsive*************/

@media screen and (max-width: 1199px) {
    .homebanner-content h1 {
        font-size: 30px;
    }

    .homebanner-content h4 {
        font-size: 20px;
    }

    .homebanner-content .ban-btn a {
        padding: 10px 20px;
        font-size: 12px;
    }

    .homebanner-content .ban-btn span.price {
        font-size: 18px;
    }

    .homebanner-content .ban-btn span.price sup {
        margin-left: 0;
        font-size: 10px;
    }

    .login-page .px-5.col-md-6.ml-auto,
    .login-page .px-5.col-10.mx-auto {
        padding: 0 15px !important;
    }

    .header-right > .d-flex > .mr-4 {
        margin-right: 5px !important;
    }

    .header-main .takeaway-btn {
        padding: 8px 5px;
    }

    .header-right .widget-header.btn.bg-primary {
        padding: 8px 7px;
    }

    .header-right .text-dark {
        font-size: 12px;
    }

    .st-home-banner-content {
        max-width: 465px;
        padding-right: 30px;
    }

    .st-home-banner-content h1,
    .st-appstore-left h3 {
        font-size: 27px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .st-appstore-left p {
        font-size: 14px;
    }

    .top-cat-list .cat-link span {
        padding: 15px;
    }

    .brand-list .list-card-image img {
        height: 100px;
        width: 100;
        width: 100px !important;
        display: inline-block;
    }

    .parcel-content .whtare-sending {
        padding: 50px 0;
    }

    .car-landing-page .block-title h2,
    .car-our-adenture .block-title h2 {
        font-size: 35px;
    }

    .car-lan-about .content-block .block-title {
        margin-bottom: 25px;
    }

    .car-lan-about p,
    .car-our-adenture .block-title p {
        font-size: 14px;
    }

    .car-lan-about .content-block .about-btn {
        margin-top: 15px;
        height: 57px;
        line-height: 55px;
    }

    .car-landing-page .block-title p,
    .car-download-sec p {
        font-size: 15px;
    }

    .single-feature-one h3 {
        font-size: 18px;
    }

    .single-feature-one p {
        font-size: 13px;
        line-height: 23px;
        margin-top: 12px;
    }

    .car-our-adenture .block-title h5 {
        font-size: 12px;
    }

    .block-icon li .block-right h5 {
        font-size: 15px;
    }

    .our-adenture-img img {
        max-width: 100%;
    }

    .block-title.mb-5 {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 991px) {
    .ecommerce-content .top-categories .append_categories .row,
    .brands > .row {
        margin-left: -8px;
        margin-right: -8px;
    }
    .multi-vendore-content.ecommerce-content .top-cat-list .cat-link span {
        padding: 10px 10px;
    }
    .banner-img img {
        height: 300px;
        object-fit: cover;
    }

    .homebanner-content h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .homebanner-content h4 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .homebanner-content .ban-btn a {
        padding: 6px 18px;
        font-size: 12px;
    }

    .homebanner-content .ban-btn span.price {
        font-size: 16px;
    }

    .homebanner-content .ban-btn span.price sup {
        margin-left: 0;
        font-size: 10px;
    }

    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }

    .trending-slider .slick-slide img {
        max-height: 200px;
        min-height: 200px;
    }

    .login-page video {
        height: 100%;
        object-fit: cover;
    }

    .mobile-logo.brand-wrap {
        background: transparent;
        padding: 10px;
        border-radius: 10px;
    }

    .mobile-logo.brand-wrap img {
        max-width: 112px;
    }

    .hc-nav-trigger {
        top: 28px !important;
    }

    .order-secdetail .row > .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .list-card-body .offer-btm {
        display: -ms-flexbox;
        display: flex;
        box-sizing: border-box;
    }

    .col-md-8.vendor-detail-left,
    .col-md-4.vendor-detail-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .brand-wrap {
        position: static;
        padding: 0px 12px 3px 12px;
    }

    .tab-title h3 {
        font-size: 18px;
    }

    .car-specs-box .car-specs-box-inner {
        padding: 9px 10px;
    }

    .car-specs-box .car-specs-box-inner span {
        font-size: 16px;
    }

    .st-home-banner-content {
        max-width: 100%;
        padding-right: 0;
    }

    .st-home-banner-content p {
        font-size: 14px;
    }

    .st-home-page-main header.section-header {
        display: block;
        z-index: 2;
        position: static;
    }

    .st-home-banner-left {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ecommerce-banner .banner-img img,
    .ecommerce-banner.multivendor-banner .banner-img img {
        height: 450px;
    }

    .col-md-2.top-cat-list,
    .col-md-2.brand-list {
        padding: 0 8px;
    }

    .ecommerce-content .top-categories .append_categories .row,
    .brands > .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .hvr-float-shadow {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .car-lan-about .image-block .bubble-block .inner-block p {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .car-lan-about .image-block {
        margin-left: 0;
    }

    .car-lan-about .image-block .bubble-block {
        width: 100px;
        height: 100px;
    }

    .car-lan-about .image-block .bubble-block .inner-block span {
        font-size: 25px;
    }

    .our-adenture-img {
        text-align: center;
    }

    .multi-vendore-content.ecommerce-content .top-cat-list .cat-link span {
        padding: 10px 10px;
    }

    .siddhi-home-page .mobile-filter {
        display: none !important;
    }

    .resturant-banner .restaurant-pic {
        height: 250px;
    }

    .col-md-8.resturant-banner-left,
    .col-md-4.resturant-banner-right {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .address-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        margin: 0 -8px;
        flex-direction: column;
    }

    .address-info-container {
        -ms-flex: 1;
        flex: 1;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .address-item,
    .res-search-list .transactions-list-wrap {
        width: 100%;
    }

    .delivery-address-container,
    .transaction-container,
    .gifts-list-container {
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .delivery-address-container .card-icon {
        order: 1;
    }

    .delivery-address-container .edit-address {
        order: 2;
        align-self: flex-end;
        margin-top: -75px;
    }

    .delivery-address-container .delete-address {
        order: 3;
        align-self: flex-end;
    }

    .delivery-address-container .address-info-container {
        order: 4;
    }

    .resturant-banner-right {
        display: none;
    }

    .address-button-container {
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }

    .address-button-container .add-address {
        background-color: #000 !important;
        font-size: 12px;
        padding: 5px 10px;
        font-family: "Poppins";
        margin: 0;
    }

    .btn-success {
        background-color: #000;
        border-color: #000;
    }

    .btn-info {
        color: #fff;
        background-color: #ff683a;
        border-color: #ff683a;
    }

    .product-detail-page .addtocart {
        flex-direction: column;
        gap: 15px;
    }

    .product-detail-page .addtocart .add-to-cart.btn.btn-primary {
        width: 100%;
        padding: 10px;
    }
}

@media screen and (max-width: 767px) {
    .most_popular .list-card-image .img-fluid,
    .res-search-list .list-card-image .img-fluid,
    .res-search-list-1 .list-card-image .img-fluid {
        /*max-height: inherit;*/
    }

    .login-page video {
        display: none;
    }

    .title h5 {
        font-size: 20px;
    }

    .order-list td.ord-photo {
        max-width: 100px;
        width: 80px;
    }

    .order_img {
        height: 80px;
    }

    .order-list tr th,
    .order-list tr td {
        font-size: 13px;
    }

    .order-list tr td.price {
        font-size: 15px;
    }

    .siddhi-cart-item .siddhi-cart-item-profile > img {
        height: 200px;
        max-width: 200px;
    }

    .rest-basic-detail .d-flex.align-items-start {
        display: table !important;
        width: 100%;
    }

    .siddhi-cart-item .siddhi-cart-item-profile > img {
        height: 200px;
        max-width: 200px;
    }

    .rest-basic-detail .d-flex.align-items-start {
        display: table !important;
        width: 100%;
    }

    .rest-basic-detail .feather_icon .fu-review,
    .rest-basic-detail .feather_icon .fu-status {
        justify-content: start;
        margin-left: 0;
    }

    .rest-basic-detail .feather_icon > .row {
        margin-left: 0;
        margin-top: 7px;
    }

    .rest-basic-detail .feather_icon > .row.fu-time .font-weight-bold.time {
        padding-left: 0 !important;
    }

    #cart_list .close {
        position: absolute;
        right: 23px;
        width: auto;
    }

    .footer-top .title::before,
    .footer-top .title::after {
        margin: auto;
        right: 0;
    }

    .parcel_delivery_content .tab-content {
        padding-left: 25px;
    }

    .parcel_delivery_content .tab-content::before {
        left: -5px;
    }

    .tab-title h3 span {
        left: -50px;
    }

    .appendParcelImages #parcelPhotos {
        width: 33.33%;
    }

    .appendParcelImages #parcelPhotos .image-item img {
        height: 100px;
    }

    .car-specs-box {
        margin-bottom: 15px;
    }

    .car-del-top-section .rent-cardet-right {
        padding-left: 8px;
        padding-top: 20px;
    }

    .car-del-top-section .rent-cardet-left {
        padding-right: 8px;
    }

    .st-appstore-right {
        padding-left: 8px;
        padding-top: 40px;
    }

    .st-home-banner {
        background: none !important;
    }

    .st-home-banner .st-home-banner-right {
        background: url(../img/hero_img_bg.png) no-repeat center top;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .st-home-service {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .st-appstore {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .st-appstore-down {
        margin-top: 20px;
    }

    .st-appstore-down h4 {
        font-size: 16px;
    }

    .st-home-banner-content h1,
    .st-appstore-left h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .st-service-box {
        padding: 0 0px 15px 0px;
    }

    .location-box .location-group input {
        padding: 10px 115px 10px 10px;
        font-size: 14px;
    }

    .location-box .location-group .locate-me {
        right: 10px;
        line-height: 47px;
        font-size: 12px;
    }

    .st-home-banner-content .cont-btn a {
        font-size: 14px;
    }

    .st-service-box h3 {
        font-size: 18px;
    }

    .st-service-box p {
        font-size: 13px;
    }

    .st-appstore-down a {
        margin-right: 5px;
    }

    .st-appstore-down a img {
        max-height: 35px;
    }

    .ecommerce-banner .banner-img img,
    .ecommerce-banner.multivendor-banner .banner-img img {
        height: 250px;
    }

    .col-md-2.top-cat-list,
    .col-md-2.brand-list {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        margin-bottom: 15px;
    }

    .ecommerce-content .list-card {
        padding-bottom: 20px;
    }

    .pro-list .list-card-image .img-fluid,
    .product-list .list-card-image img {
        height: auto;
    }

    .ecommerce-content > section {
        padding-bottom: 20px;
    }

    .ecommerce-content > section.shipping-method-system-sec {
        padding-bottom: 0;
    }

    .ecommerce-content .category-content.mb-5 {
        margin-bottom: 1rem !important;
    }

    .ecommerce-content > section.home-categories {
        padding-bottom: 0;
    }

    .middle-banners .banner-img img {
        height: 250px;
    }

    .ecommerce-content .title .see-all {
        font-size: 14px;
    }

    .parcel-content .whtare-sending {
        padding: 15px;
    }

    .parcel-banner .homebanner-content h1 {
        font-size: 22px;
        line-height: 35px;
    }

    .parcel-banner .homebanner-content p {
        font-size: 16px;
        line-height: 25px;
    }

    .parcel-banner .banner-img {
        margin-top: 25px;
    }

    .parcel_payment_left .coupon_detail {
        padding: 28px 18px;
    }

    .parcel_payment_total {
        padding: 15px 18px;
    }

    .parcel_payment-detail {
        padding: 15px 18px;
    }

    .parcel_payment-detail > div.sender-det {
        padding-bottom: 25px;
    }

    .parcel_payment_left .coupon_detail .coupon-code label {
        font-size: 16px;
    }

    .car-landing-banner img {
        height: 250px;
        object-fit: cover;
    }

    .car-lan-about {
        padding: 30px 0;
    }

    .car-whychoose-sec {
        padding: 40px 0 60px 0;
    }

    .car-our-adenture {
        padding: 30px 0 0px 0;
    }

    .car-download-sec {
        padding-top: 40px;
    }

    .car-banner-content h1 {
        font-size: 22px;
    }

    .car-lan-about .content-block .about-btn {
        height: 48px;
        line-height: 47px;
        max-width: 200px;
    }

    .car-landing-page .block-title h2,
    .car-our-adenture .block-title h2 {
        font-size: 25px;
    }

    .download-btn-wrap a {
        margin-right: 5px;
    }

    .download-btn-wrap a img {
        height: 40px;
    }

    .modal-header .close {
        right: 15px;
        color: #000;
    }

    .st-home-page-main header.section-header {
        display: block !important;
    }

    .st-appstore,
    .st-home-service {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .st-home-banner-content h1,
    .st-appstore-left h3 {
        font-size: 28px;
        line-height: 1.2;
    }
    .st-home-banner-content h1 br {
        display: none;
    }
    .st-home-banner-content p {
        margin-bottom: 20px;
    }
    .location-box {
        margin-bottom: 20px;
    }
    .st-home-banner-content .cont-btn.mt-5 {
        margin-top: 1rem !important;
    }
    .st-home-banner-left {
        padding-bottom: 40px;
    }

    .st-home-banner-content {
        padding-right: 8px;
    }
    .st-service-box {
        margin-bottom: 15px;
        height: auto;
        padding: 20px 20px;
    }
    .st-appstore-right {
        margin-top: 25px;
        padding-left: 8px;
    }
    .footer-top .footer-about {
        padding-right: 8px;
    }

    .category-listing-page .page-title h3,
    .st-brands-page .page-title h3 {
        font-size: 20px;
    }

    .restaurant_stories .stories.snapssenger.carousel .story {
        /*max-width: 140px;width: 35vw;*/
    }
    .restaurant_stories
        .stories.snapssenger.carousel
        .story
        > .item-link
        > .info {
        font-size: 14px;
    }

    .restaurant_stories .storiesWrapper .slick-arrow.slick-prev {
        left: 20px;
    }
    .restaurant_stories .storiesWrapper .slick-arrow.slick-next {
        right: 20px;
    }

    .col-md-8.resturant-banner-left,
    .col-md-4.resturant-banner-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-4.resturant-banner-right {
        margin-top: 15px;
    }

    .col-md-4.resturant-banner-right .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .address-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        margin: 0 -8px;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .address-info-container {
        -ms-flex: 1;
        flex: 1;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

    .address-item,
    .res-search-list .transactions-list-wrap {
        width: 100%;
    }

    .vandor-sidebar .vandorcat-list {
        padding: 0;
        margin: 0;
        list-style-type: none;
        /* display: flex;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: thin; */
    }

    .vandor-sidebar .vandorcat-list li {
        margin-bottom: 10px;
        /* white-space: nowrap; */
    }

    .google-btn,
    .apple-btn {
        width: 100%;
        min-width: 163px;
        max-width: 250px;
    }

    .mobile {
        display: block !important;
    }
    .web {
        display: none !important;
    }
}

@media screen and (max-width: 575px) {
    .mobile-filter .row .input-group.col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .mobile-filter .row .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .title h5 {
        font-size: 18px;
    }

    .footer-top aside {
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-top .footer-about .d-flex {
        display: table !important;
        width: 100%;
    }

    .footer-copyright .d-flex {
        display: table !important;
        width: 100%;
        text-align: center;
    }

    .footer-about .btn {
        display: inline-block;
        line-height: 1.8;
    }

    .footer-copyright .d-flex p {
        margin-bottom: 10px !important;
    }

    .footer-copyright .d-flex p a.d-block {
        display: inline-block !important;
    }

    .footer-copyright .d-flex p a.d-block img {
        max-width: 100px;
        height: auto;
    }

    .siddhi-cart-item .siddhi-cart-item-profile > img {
        height: 150px;
        max-width: 150px;
    }

    .checkout-left-inner {
        padding-left: 0;
    }

    .checkout-left-box.siddhi-cart-item::before,
    .checkout-left-box.siddhi-cart-item::after,
    .checkout-left-box.accordion::after {
        display: none;
    }

    .siddhi-trending #trendingList .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .gold-members .add-btn .menu-itemimg img {
        width: 85px;
        height: 72px;
    }

    .appendParcelImages #parcelPhotos {
        width: 50%;
    }

    .ecommerce-banner .banner-img img,
    .ecommerce-banner.multivendor-banner .banner-img img {
        height: 200px;
    }

    .col-md-2.top-cat-list,
    .col-md-2.brand-list {
        -ms-flex: 0 0 20%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .top-cat-list .cat-link img {
        width: auto;
        height: 63px;
    }

    .ecommerce-content .title h5 {
        font-size: 17px;
    }

    .brand-list .list-card-image img {
        /*height: auto;*/
    }

    .middle-banners .banner-img img {
        height: 205px;
    }

    .sction-title h2 {
        font-size: 20px;
    }

    .eh-are-box h3 {
        font-size: 15px;
    }

    .eh-are-box .par-img {
        margin-right: 15px !important;
    }

    .tab-title h3 {
        font-size: 16px;
    }

    .parcel_delivery_content #tabs .nav-tabs .nav-link {
        font-size: 16px;
    }

    .inputField input {
        font-size: 16px;
    }

    .resturant-banner .restaurant-pic {
        height: 200px;
    }

    .resturant-banner-right-block img {
        height: 100px;
    }

    .address-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        margin: 0 -8px;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .address-info-container {
        -ms-flex: 1;
        flex: 1;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

    .address-item,
    .res-search-list .transactions-list-wrap {
        width: 100%;
    }

    .pro-list .list-card-image .img-fluid,
    .product-list .list-card-image img {
        height: 200px;
    }
}

@media screen and (max-width: 480px) {
    .col-md-2.top-cat-list,
    .col-md-2.brand-list {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .top-cat-list .cat-link img {
        width: auto;
        height: 63px;
    }
    .m-d-flex .order_img {
        height: 200px;
        width: 320px;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .d-flex.m-d-flex {
        display: table !important;
        width: 100%;
    }

    .d-flex.m-d-flex .text-muted.mr-3 {
        margin-right: 0 !important;
    }

    .m-d-flex .view-det {
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    .ord-com-btn .bg-success {
        text-align: center;
    }
    .top-cat-list .cat-link img {
        width: auto;
        height: 63px;
    }

    .col-md-2.top-cat-list,
    .col-md-2.brand-list {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    #order-items {
        overflow-y: auto;
    }
    table.order-list {
        white-space: nowrap;
    }
    .order-list tr th,
    .order-list tr td {
        font-size: 13px;
        white-space: nowrap;
    }
    .order-list td.ord-photo img {
        width: 80px;
    }

    .address-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        margin: 0 -8px;
        flex-direction: column;
    }

    .address-info-container {
        -ms-flex: 1;
        flex: 1;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

    .address-item,
    .res-search-list .transactions-list-wrap {
        width: 100%;
    }
}

@media screen and (max-width: 446px) {
    .google-btn,
    .apple-btn {
        min-width: 130px;
    }
}

@media screen and (max-width: 360px) {
    .car-det-title h2 {
        font-size: 16px;
    }

    .car-det-head .car-det-price span.price {
        font-size: 16px;
    }

    .product-detail-page .car-det-title .rating.star .badge.badge-success {
        padding: 6px 6px;
        font-size: 10px;
        font-weight: 500;
    }

    .product-detail-page .car-det-title .rating.star .count {
        font-size: 12px;
    }

    .carrent-det-rg-inner h3 {
        font-size: 12px;
    }

    .product-detail-page .rent-cardet-right .description p {
        font-size: 12px;
    }

    .product-detail-page .count-number-input {
        font-size: 14px;
        height: 27px;
    }

    .product-detail-page .count-number .btn {
        font-size: 14px;
    }

    .product-detail-page .addtocart {
        flex-direction: column;
        gap: 10px;
    }

    .product-detail-page .addtocart .add-to-cart.btn.btn-primary {
        width: 100%;
    }

    .col-md-2.top-cat-list,
    .col-md-2.brand-list {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .address-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        margin: 0 -8px;
        flex-direction: column;
    }

    .address-info-container {
        -ms-flex: 1;
        flex: 1;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

    .address-item,
    .res-search-list .transactions-list-wrap {
        width: 100%;
    }
}

/****************end responsive*************/

.restaurant_stories .stories.carousel {
    overflow: inherit;
}
.delevery-partner .tip-box .custom-control.custom-radio#add_gift_amount_box {
    width: 100%;
    margin-top: 17px;
}
.delevery-partner
    .tip-box
    .custom-control.custom-radio#add_gift_amount_box
    input[type="number"] {
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 5px 10px;
}

.badge.badge-dark.closed.hidden {
    display: none;
}

#vendorStatus:hover {
    opacity: 1;
    cursor: pointer;
}

.tooltip-custom {
    display: none;
    position: absolute;
    background-color: #f0b8a6;
    color: #000000;
    font-weight: 600;
    padding: 10px;
    border-radius: 5px;
    font-size: 10px;
    z-index: 1000;
    white-space: nowrap;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    right: 80px;
    top: -15px;
    flex-direction: column;
    gap: 5px;
}

.tooltip-custom::after {
    content: "";
    position: absolute;
    bottom: 20%;
    right: -15px;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #f0b8a6;
}

.btn-buy-continue {
    border: 1px solid#ff683a;
    color: #ff683a;
    background: transparent;
}

.btn-buy-continue:hover {
    border: 1px solid#ff683a;
    color: #fff;
    background: #ff683a;
}

.btn-cancel-checkout {
    border: none;
    color: #ff683a;
    background: transparent;
}

.btn-cancel-checkout:hover {
    border: none;
    color: #ff683a84;
    background: transparent;
}

/*** related products modal ***/

.related-products-modal,
.add-to-cart-modal {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.related-products-modal .modal-content,
.add-to-cart-modal .modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
}

.related-products-modal .modal-footer .btn,
.add-to-cart-modal .modal-footer .btn {
    border-radius: 8px;
    font-weight: bold;
}

.related-products-modal .modal-footer .btn.btn-secondary,
.add-to-cart-modal .modal-footer .btn.btn-secondary {
    background-color: #fff;
    border: 1px solid #ff683a;
    color: #ff683a;
}

.related-products-modal .close,
.add-to-cart-modal .close {
    float: right;
    font-size: 1.5em;
    cursor: pointer;
}

.related-products-modal .product-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin: 20px 0;
}

.related-products-modal .product-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
    height: 220px;
    padding: 10px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.related-products-modal .product-item.disabled-product {
    background-color: rgba(245, 245, 245, 0.9);
    color: #a1a1a1;
    pointer-events: none;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.related-products-modal .product-item.disabled-product .disabled-message {
    font-size: 14px;
    font-weight: bold;
    color: #ff683a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.related-products-modal .product-item.disabled-product .product-content {
    opacity: 0.1;
    z-index: 1;
}

.related-products-modal .product-item .product-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.related-products-modal .product-item .product-content .product-image {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.related-products-modal
    .product-item
    .product-content
    .product-image
    .product-img {
    width: 130px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
}

.related-products-modal
    .product-item
    .product-content
    .product-image
    .add-button-container
    .add-button {
    position: absolute;
    top: 68px;
    right: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 2px solid #ff683a;
    border-radius: 50%;
    font-size: 18px;
    color: #ff683a;
    cursor: pointer;
    transition: all 0.3s ease;
}

.related-products-modal
    .product-item
    .product-content
    .product-image
    .add-button-container
    .add-button:hover {
    background-color: #ff683a;
    border-color: #ff683a;
    color: #fff;
}

.related-products-modal
    .product-item
    .product-content
    .product-image
    .add-button-container
    .add-button
    .icon-right {
    position: absolute;
    bottom: 2px;
    font-size: 18px;
}

.related-products-modal
    .product-item
    .product-content
    .product-image
    .add-button-container
    .add-button
    .icon-plus {
    position: absolute;
    top: 0px;
    left: 8px;
    font-size: 18px;
}

.related-products-modal .product-item .product-details {
    margin-bottom: 10px;
}

.related-products-modal .product-item .product-details .product-title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 5px;
}

.related-products-modal .product-item .product-details .product-price {
    font-size: 13px;
    color: #000;
}

@media (max-width: 480px) {
    .related-products-modal {
        width: 100%;
        height: 100vh;
        overflow: auto;
        margin: auto;
    }

    .related-products-modal .product-list {
        grid-template-columns: 1fr 1fr;
        max-height: 500px;
        overflow-y: auto;
    }

    .modal-title {
        font-size: 18px;
    }
}

@media (max-width: 320px) {
    .related-products-modal .product-list {
        grid-template-columns: 1fr;
    }
}

/*** end related products modal ***/

/*language selector*/

.custom-select-container {
    position: relative;
    display: inline-block;
    width: 130px;
    background-color: transparent;
}

.language-list-footer {
    position: absolute;
    top: 10px;
    left: 20px;
    background-color: transparent;
}

.text-language-selector-footer {
    color: #000 !important;
}

.text-language-selector-footer:hover {
    color: #f26722 !important;
}

.custom-select_footer {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    position: relative;
    font-size: 14px;
    color: #000;
    width: auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.selected-option {
    font-size: 14px;
    display: flex;
    color: #000;
    justify-content: space-between;
    align-items: center;
}

.selected-option .feather-globe {
    margin-right: 5px;
}

.selected-option .feather-chevron-down,
.selected-option .feather-chevron-up {
    margin-left: 15px;
}

.options-list {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.46);
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 4px;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}

.options-list li {
    padding: 10px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.options-list li:hover {
    background-color: #ff683a;
    color: #000;
}

@media (max-width: 1200px) {
    .language-list-footer {
        position: relative;
        /* width: 95% !important; */
    }
}

@media (max-width: 992px) {
    .language-list-footer {
        position: relative;
        background-color: transparent;
        justify-content: flex-end !important;
        width: 95% !important;
    }
}

/*language selector end*/


/* Checkout Page */
.checkout-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.address-box-title {
    font-family: 'PoppinsBold';
    font-size: 18px;
    color: #000;
    text-align: left;
}

.address-card {
    display: flex;
    flex-direction: row;
    background: #FFFFFF;
    border: 1px solid #FF6B00;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    width: 100%;
}

.address-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-align: left;
}

.address-icon {
    font-size: 20px !important;
    color: #000000;
    margin-right: 10px;
}

.address-line_1 {
    font-family: 'PoppinsBold';
    font-size: 16px !important;
    color: #000000 !important;
    margin-bottom: 0px;
}

.address-line_2 {
    font-family: 'PoppinsMedium';
    font-size: 13px !important;
    color: #4B5563 !important;
    margin-bottom: 0px;
}

.status.abierto {
    color: #00C871;
    font-weight: 500;
}

.status.cerrado {
    color: #FF6B00;
    font-weight: 500;
}

.coupon-code-box {
    background-color: #f3f3f3; /* cinza claro */
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: sans-serif;
    height: 44px;
  }

  .coupon-code-container {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-bottom: 0;
  }

  .coupon-code-input {
    border: none;
    background-color: transparent;
    font-size: 16px;
    color: #A6A6A6;
    flex: 1;
    outline: none;
  }

  .coupon-code-input::placeholder {
    color: #A6A6A6;
    font-weight: 500;
  }

  .coupon-code-button {
    background: none !important;
    border: none !important;
    color: #FF6B00 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 0 !important;
    margin-left: auto !important;
    font-family: "Poppins" !important;
    cursor: pointer !important;
  }

  .coupon-code-icon {
    display: none;
  }

  .coupon-icon {
    font-size: 18px;
    margin-right: 10px;
  }

/* product page mobile */
@media (max-width: 992px) {
    /* Container principal */
    .product-detail-page .addons {
        background-color: #fff;
        border-radius: 1rem;
        padding: 0.8rem 0.4rem;
        margin-bottom: 1rem;
        width: 100%;
        height: auto;
        border: 1px solid #E5E7EB;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 358px;
    }

    /* Title style */
    .product-detail-page .addons h3 {
        font-size: 18px;
        font-family: "PoppinsBold";
        margin-bottom: 5px;
        color: #000;
    }

    .product-detail-page .addons p {
        font-size: 14px;
        color: #6B7280;
        margin-bottom: 9px;
        font-family: "Poppins";
    }

    /* Options container - Default: 3 columns */
    .product-detail-page .addons-option-container {
        display: grid;
        gap: 2px;
        width: 100%;
        margin-top: 10px;
        align-items: center;
        grid-template-columns: repeat(3, 99px);
        justify-items: center;
        justify-content: space-evenly;
    }

    /* If has 4 children - 4 columns */
    .product-detail-page .addons-option-container:has(:nth-child(4):last-child) {
        grid-template-columns: repeat(4, 82px);
    }

    /* Attribute container - Default: 3 columns */
    .product-detail-page .attribute-option-container {
        display: grid;
        grid-template-columns: repeat(3, 99px);
        gap: 2px;
        width: 100%;
        margin-top: 10px;
    }

    /* If has 4 children - 4 columns */
    .product-detail-page .attribute-option-container:has(:nth-child(4):last-child) {
        grid-template-columns: repeat(4, 82px);
    }

    /* Button style */
    .product-detail-page .custom-control {
        position: relative;
        display: flex;
        align-items: flex-start;
        padding: 0;
        margin: 0;
    }

    .product-detail-page .product-detail-page .addons-option .custom-control {
          border-bottom: none !important;
          width: 100% !important;
          height: 50px;
    }

    /* Input hide */
    .product-detail-page .custom-control-input {
        display: none;
    }

    /* Style label */
    .product-detail-page .custom-control-label {
        display: flex;
        padding: 10px;
        font-size: 12px !important;
        font-family: "Poppins" !important;
        color: #000 !important;
        width: 100%;
        cursor: pointer !important;
        transition: all 0.2s ease-in-out;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }

    /* Label price */
    .product-detail-page .custom-control-label p {
        margin: 0;
        margin-left: auto;
        font-size: 12px !important;
        color: #000;
        font-family: "Poppins" !important;
    }

    /* Selected */
    .product-detail-page .custom-control-input:checked + .custom-control-label p {
        color: #000 !important;
        font-size: 12px !important;
        font-family: "Poppins" !important;
        font-weight: normal !important;
    }

    .product-detail-page .addons-option:has(.custom-control-input:checked) {
        background-color: #E5E7EB;
        color: #000;
        border-color: #E5E7EB;
        font-weight: bold;
        font-size: 14px;
        font-family: "PoppinsBold";
    }

    /* Disabled */
    .product-detail-page .custom-control-input:disabled + .custom-control-label {
        background-color: #eee;
        color: #999;
        cursor: not-allowed;
    }

    .product-detail-page .addons-option:has(.custom-control-input:disabled) {
        background-color: #eee;
        color: #999;
        border-color: #ccc;
        cursor: not-allowed;
    }


    /* Ícone de obrigatório */
    .product-detail-page .attribute-info {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        gap: 5px;
    }

    .product-detail-page .attribute-mandatory svg {
        width: 1rem;
        height: 1rem;
        color: #0e8345;
    }

    .product-detail-page .attribute-mandatory {
        background-color: #FFFFFF;
        border: none;
        margin-bottom: 9px;
        font-size: 14px;
        color: #000;
        font-family: "Poppins";
        text-align: start;
        padding: 0;
    }

    .product-detail-page .attribute-mandatory.active {
        background-color: #FFFFFF;
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: #0e8345;
        font-weight: bold;
        font-size: 14px;
        font-family: "PoppinsBold";
    }

    .product-detail-page .car-detail-inner {
        padding: 10px;
    }

    .product-detail-page .quantity {
        width: 100%;
    }

    .product-detail-page .product-item-box {
        display: flex;
        gap: 5px;
    }

    .product-detail-page .qty-label, .total-price {
        margin-bottom: 0 !important;
        font-size: 18px;
        color: #000000;
        font-family: "PoppinsBold";
        text-align: start;
        text-transform: capitalize;
    }

    .product-detail-page .addtocart {
        flex-direction: row;
        gap: 15px;
        width: 100%;
    }

    .product-detail-page .total-price-container {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .product-detail-page .total-price, .total-price-value {
        font-size: 18px;
        color: #000000;
        font-family: "PoppinsBold";
        text-align: start;
        text-transform: capitalize;
    }

    .count-number {
        background-color: #F3F4F6 !important;
        border-radius: 8px !important;
        border: 1px solid #E5E7EB !important;
        color: #000000;
        font-size: 16px;
        font-family: "PoppinsBold";
        width: 90px;
        height: 32px;
        display: flex !important;
        align-items: center;
        justify-content: space-around;
    }

    .count-number button.btn-sm.btn {
        font-size: 16px !important;
        color: #000000 !important;
        font-family: "PoppinsBold" !important;
    }

    .count-number .count-number-input {
        font-size: 16px !important;
        color: #000000 !important;
        font-family: "PoppinsBold" !important;
    }

    .product-detail-page .product-buttons-container {
        width: 100%;
        padding: 10px;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    /* Fixed bottom bar */
    .product-detail-page .bottom-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        padding: 15px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        z-index: 9999;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .custom-tabsa {
        display: flex;
        border-bottom: 1px solid #eee;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        justify-content: space-between;
    }

    .custom-tabsa .nav-link {
        color: #6B7280;
        border: none;
        border-bottom: 2px solid transparent;
        padding: 5px !important;
        font-size: 14px;
        font-family: "Poppins";
        text-align: center;
    }

    .custom-tabsa .nav-link.active {
        color: #059669;
        border-bottom: 2px solid #059669;
        font-weight: 600;
        font-size: 15px;
        font-family: "PoppinsMedium";
        background-color: #DBF9EA !important;
    }

    .order-card {
        background: white;
        border-radius: 12px;
        border: 1px solid #F7F2E7;
        padding: 16px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        margin-bottom: 20px;
        font-family: "Poppins";
    }

    .order-header {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .order-title {
        font-family: "PoppinsMedium";
        font-size: 15px;
        color: #000;
    }

    .order-sub-header {
        display: flex;
        justify-content: space-between;
    }

    .order-price {
        font-size: 14px;
        color: #059669;
        font-family: "PoppinsMedium";
    }

    .order-subtitle {
        color: #6B7280;
        font-size: 13px;
        margin-top: 4px;
        font-family: "Poppins";
    }

    .order-status {
        display: flex;
        justify-content: space-between;
        background: #DBF9EA;
        flex-direction: column;
        padding: 10px;
        border-radius: 10px;
        margin-top: 10px;
        height: 73px;
    }

    .status-detail {
        display: flex;
        justify-content: space-between;
        color: #10B981;
        font-family: "Poppins";
        font-size: 16px;
    }

    .status-label.preparing {
        color: #2e9b71;
    }

    .status-time {
        font-family: "Poppins";
        font-size: 14px;
    }

    .progress-bar {
        height: 6px;
        background: #F7F2E7;
        border-radius: 50px;
        overflow: hidden;
        margin-top: 5px;
        height: 8px;
    }

    .progress-bar .progress {
        height: 100%;
        background-color: #10B981;
        transition: width 0.5s ease-in-out;
        height: 8px;
    }

    .order-actions {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
    }

    .order-actions .btn {
        padding: 8px 14px;
        border-radius: 8px;
        font-size: 14px;
        border: none;
        cursor: pointer;
    }

    .order-actions .btn-outline {
        background-color: #E5E7EB;
        color: #858585;
        border: 1px solid #979797;
        width: 100%;
        height: 38px;
        font-family: "Poppins";
        font-size: 12px;
    }

    .order-actions .btn-outline-danger {
        background-color: #FFFFFF;
        color: #d9534f;
        border: 1px solid #979797;
        width: 48%;
        height: 38px;
        font-family: "Poppins";
        font-size: 12px;
        display: none;
    }


    .order-rejected-card {
        border-radius: 12px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

    .btn-warning.reorder-add-to-cart {
        background-color: #FF7E20 !important;
        border-color: #FF7E20 !important;
        font-family: "PoppinsBold";
        font-size: 16px;
        color: #fff !important;
        border-radius: 8px;
        padding: 10px 20px;
    }

    .btn-warning.btn-send-invoice {
        background-color: #FF7E20 !important;
        border-color: #FF7E20 !important;
        font-family: "PoppinsBold";
        font-size: 16px;
        color: #fff!important;
        border-radius: 8px;
        padding: 10px 20px;
    }

    .order-subtitle.confirmation-billing-data {
        background-color: #F6F6F6 !important;
        font-family: "Poppins";
        font-size: 14px;
        color: #374151 !important;
        border-radius: 8px;
        padding: 10px 20px;
        margin: 20px 0px;
        font-weight: 500;
    }

    .order-modal-invoice-content {
        padding: 0 25px;
        color: #000;
    }

    .order-title.title-send-invoice {
        font-size: 18px;
        font-family: "PoppinsBold";
    }

    .info-send-invoice {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px;
        font-size: 14px;
        color: #374151;
        font-family: "Poppins";
        margin-bottom: 1rem;
    }

    .info-send-invoice .alert-icon {
        color: #FFBC69;
        width: 18px;
        height: 18px;
    }

    .btn-light {
        background-color: #FFFFFF !important;
        border: 1px solid #979797 !important;
        border-radius: 8px !important;
        font-family: "Poppins" !important;
        font-size: 12px !important;
        color: #858585 !important;
        width: 48%;
        padding: 10px 20px !important;
        display: none;
    }

    .profile-card {
        color: #DDDDDD;
    }

    .profile-card.border-primary {
        color: #212121;
    }

    .profile-card.border-primary .profile-img {
        content: url("/img/icons/profile.svg");
    }



    /* Mobile styling for profile page */
    /* Hide the original profile picture */
    .siddhi-profile .col-md-4.mb-3,
    .siddhi-profile .col-md-8.mb-3 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* Hide the original profile picture */
    .siddhi-profile .col-md-4.mb-3 > .bg-white,
    .siddhi-profile .col-md-8.mb-3 > .bg-white {
        display: none;
    }

    /* Container for the profile picture */
    .siddhi-profile .py-5.siddhi-profile.row::after {
        content: "";
        display: block;
        width: 100%;
        clear: both;
    }

    /* Container for the mobile profile */
    .siddhi-profile .mobile-profile-container {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: 0.75rem;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
        padding: 1rem;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .mobile-profile-photo {
        text-align: center;
        margin-top: 0;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #f2f2f2;
    }

    /* Main container */
    .siddhi-profile {
        width: 100%;
        max-width: 390px;
        height: auto;
        min-height: 920px;
        background: #F8F8F8;
        position: relative;
        margin: 0 auto;
    }

    .siddhi-profile .container.position-relative {
        padding-top: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .siddhi-profile .py-5.siddhi-profile.row {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 0 !important;
    }

    /* Profile picture container */
    .profile-pic-container {
        position: relative;
        width: 96px;
        height: 96px;
        margin: 10px auto 0;
        left: auto;
        top: 0;
        z-index: 1;
    }

    .user_image_container {
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        border: 4px solid #FFFFFF;
        filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
        border-radius: 9999px;
        overflow: hidden;
    }

    .user_image_container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Camera icon */
    .camera-icon {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0;
        bottom: 0;
        background: #10B981;
        border-radius: 9999px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .camera-icon i {
        color: #000000;
        font-size: 14px;
    }

    /* Center the form container */
    .mobile-profile-container {
        width: 100%;
        max-width: 342px;
        background: #FFFFFF;
        border-radius: 8px;
        margin: 134px auto 0;
        padding: 23px;
        box-sizing: border-box;
    }

    /* Form fields styling */
    .siddhi-profile .form-group label {
        position: relative;
        width: 140px;
        height: 20px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        color: #4B5563;
        margin-left: 3px;
    }

    .siddhi-profile .form-control {
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        padding: 12px 16px;
        border-radius: 8px;
        background: #FFFFFF;
        border: 1px solid #D1D5DB;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: #020202;
    }

    .siddhi-profile .form-control:focus {
        border: 1px solid #FF6B00;
    }

    /* Error messages */
    .siddhi-profile .text-danger {
        width: 262px;
        height: 20px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #FF6B00;
        margin-top: 5px;
    }

    /* Security section heading */
    .mobile-profile-security h5 {
        width: 96px;
        height: 25px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 18px;
        color: #000000;
        margin-bottom: 15px;
    }

    /* Profile links */
    .profile-details a {
        box-sizing: border-box;
        width: 298px;
        height: 50px;
        background: #FFFFFF;
        border-bottom: 2px solid #E5E7EB;
        display: flex;
        align-items: center;
        padding: 0 17px;
        position: relative;
    }

    .profile-details a .left h6 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #484848;
    }

    .profile-details a .right i {
        color: #000000;
        position: absolute;
        right: 10px;
    }

    /* Save button container */
    .mobile-save-button {
        position: relative;
        width: 100%;
        max-width: 342px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 17px 0;
        box-sizing: border-box;
        margin-top: 20px;
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Save button */
    .mobile-save-button .btn {
        width: 100%;
        height: 48px;
        background: #FF6B00;
        border-radius: 8px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
        border: none;
    }

    /* Navigation bar */
    .siddhi-menu-fotter {
        position: fixed;
        width: 100%;
        max-width: 390px;
        height: 57px;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0;
        background: #FFFFFF;
        z-index: 100;
    }

    .hidden-file-input {
        display: none;
    }

    .input-group-text {
        background-color: transparent;
        border-left: none;
        color: #6c757d;
    }

    .form-control:disabled + .input-group-append .input-group-text {
        background-color: #e9ecef;
    }

    .form-control:disabled {
        background-color: #e9ecef;
        color: #6c757d;
    }

    .input-group-append .fa {
        width: 16px;
        text-align: center;
    }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100%;
    }

    .input-group-append,
    .input-group-prepend {
        display: flex !important;
        align-items: center !important;
    }

    .input-group > .form-control {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: none;

    }

    .input-group-text {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0.375rem 0.75rem;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        white-space: nowrap;
        background-color: transparent;
        border: 1px solid #D1D5DB;
        border-left: none;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        color: #6c757d;
        height: 100%;
    }

    .input-group-append {
        display: flex;
        position: relative;
        margin-left: -1px;
        z-index: 10;
    }

    .product-buttons-info {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .step-content {
        display: none;
    }
    .step-content.active {
        display: block;
    }

    .siddhi-checkout {
        background: #F9FAFB;
    }

    .siddhi-checkout .success-page-container {
        max-width: 390px;
        margin: 0 auto;
        background: #F9FAFB;
        padding-bottom: 60px;
    }

    .siddhi-checkout .success-image {
        width: 150px;
        height: auto;
        margin: 30px auto 20px;
        display: block;
    }

    .siddhi-checkout .success-image[src*="success2.png"] {
        width: 250px;
    }

    .siddhi-checkout .success-title {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        color: #FF6B00;
        margin-bottom: 10px;
    }

    .siddhi-checkout .success-message {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        color: #4B5563;
        margin-bottom: 25px;
    }

    .siddhi-checkout .order-details-box {
        width: 358px;
        max-width: 100%;
        margin: 0 auto 25px;
        background: #FFFFFF;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
        border-radius: 12px;
        padding: 24px;
    }

    .siddhi-checkout .order-number-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .siddhi-checkout .order-label {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #6B7280;
    }

    .siddhi-checkout .order-number {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
    }

    .siddhi-checkout .delivery-time-box {
        background: #ECFDF5;
        border-radius: 8px;
        padding: 16px;
        margin-bottom: 20px;
    }

    .siddhi-checkout .delivery-time-header {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }

    .siddhi-checkout .delivery-time-header i {
        margin-right: 10px;
    }

    .siddhi-checkout .delivery-time-title {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
    }

    .siddhi-checkout .delivery-estimate {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 36px;
        color: #059669;
        margin-bottom: 15px;
    }

    .siddhi-checkout .progress-bar-container {
        width: 100%;
        height: 8px;
        background: #D6D6D6;
        border-radius: 9999px;
        position: relative;
    }

    .siddhi-checkout .progress-bar-fill {
        position: absolute;
        left: 0;
        top: 0;
        width: 35%;
        height: 8px;
        background: #10B981;
        border-radius: 9999px;
    }

    .siddhi-checkout .order-summary-title {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
        margin-bottom: 15px;
    }

    .siddhi-checkout .order-summary-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .siddhi-checkout .summary-label {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #4B5563;
    }

    .siddhi-checkout .summary-value {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #4B5563;
        text-align: right;
    }

    .siddhi-checkout .total-row {
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #E5E7EB;
    }

    .siddhi-checkout .total-label {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
    }

    .siddhi-checkout .total-value {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
    }

    .siddhi-checkout .action-buttons {
        width: 358px;
        max-width: 100%;
        margin: 0 auto;
    }

    .siddhi-checkout .primary-button {
        display: block;
        width: 100%;
        background: #FF6B00;
        color: #FFFFFF;
        border-radius: 12px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        padding: 16px 0;
        margin-bottom: 16px;
        text-decoration: none;
    }

    .siddhi-checkout .secondary-button {
        display: block;
        width: 100%;
        background: #E3E3E3;
        color: #374151;
        border-radius: 8px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        padding: 16px 0;
        text-decoration: none;
    }

    .siddhi-checkout .secondary-button i {
        margin-right: 10px;
    }

    .siddhi-checkout .primary-button:hover,
    .siddhi-checkout .secondary-button:hover {
        opacity: 0.9;
        text-decoration: none;
    }

    .siddhi-checkout .primary-button:hover {
        color: #FFFFFF;
    }

    .siddhi-checkout .secondary-button:hover {
        color: #374151;
    }

    .sticky_sidebar {
        position: relative;
        top: 10px;
    }

    .cart-title {
        display: flex;
        gap: 10px;
    }

    .cart-item-mobile {
        display: flex;
        background: #fff;
        border-radius: 8px;
        padding: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
        align-items: center;
        margin-bottom: 15px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
    }

    .cart-item-mobile img {
        width: 116px;
        height: 116px;
        border-radius: 8px;
        object-fit: cover;
        margin-right: 8px;
        flex-shrink: 0;
    }

    .cart-item-info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 126px;
        width: 100%;
        padding: 10px 10px 10px 5px;
        overflow: hidden;
        position: relative;
        gap: 5px;
    }

    .cart-item-info .font-weight-bold {
        font-size: 16px;
        font-family: 'PoppinsMedium';
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
        line-height: 1.2;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .cart-item-info small {
        font-size: 11px !important;
        color: #737883 !important;
        font-weight: 400;
        font-family: "Poppins";
        line-height: 1.2;
        max-height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        flex-shrink: 0;
    }

    .cart-item-qty {
        display: flex;
        align-items: center;
        background: #f5f5f5;
        padding: 4px 8px;
        border-radius: 12px;
        gap: 12px;
    }

    .cart-item-qty button {
        background: transparent;
        border: none;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
        color: #000;
        line-height: 1;
    }

    .cart-item-qty span {
        font-size: 16px;
        font-weight: 500;
        width: 20px;
        text-align: center;
    }

    .cart-item-mobile strong {
        font-size: 16px;
        font-family: 'PoppinsBold';
        color: #000;
        white-space: nowrap;
        margin-left: 8px;
    }

    .product-list-suggestions {
        display: flex;
        overflow-x: auto;
        margin: 8px 2px;
        padding: 0;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE e Edge antigos */
    }

    .product-list-suggestions::-webkit-scrollbar {
        display: none; /* Chrome, Safari e Opera */
    }


    .product-card-mobile {
        background: #fff;
        border-radius: 8px;
        padding: 12px 11px;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        text-align: left;
        position: relative;
        width: 143px;
        height: 143px;
        margin: 10px;
    }

    .product-price-mobile {
        font-weight: 700;
        font-size: 12px;
        color: #000;
        margin: 0 0 4px;
        text-align: left;
        font-family: "PoppinsBold";
    }

    .product-name-mobile {
        font-family: "Poppins";
        font-size: 10px;
        color: #000;
        margin: 0 0 12px;
        line-height: 1.2;
        text-align: left;
    }

    .product-image-container-mobile {
        display: flex;
        align-items: flex-end;
        width: 143px;
    }

    .product-image-mobile {
        width: 93px;
        height: 67px;
        object-fit: contain;
        border-radius: 8px;
    }

    .product-add-mobile {
        position: absolute;
        bottom: 5px;
        right: 5px;
        background-color: #FF6B00;
        border: none;
        border-radius: 50%;
        width: 33px;
        height: 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .product-card-mobile .icon-plus, .product-card-mobile .icon-right {
        font-size: 14px !important;
        color: #000;
    }


    .buttons-actions {
        display: flex;
        flex-direction: row;
        gap: 10px;
        width: 100%;
    }

    .button-buy-more {
        width: 48%;
        height: 56px;
        border: 1px solid #FF6B00;
        border-radius: 8px;
        color: #484848;
        background: #FFFFFF;
        font-family: 'PoppinsMedium';
        font-size: 15px;
    }

    .button-continue-to-checkout {
        width: 48%;
        height: 56px;
        background-color: #FF6B00 !important;
        border: none;
        border-radius: 8px;
        color: #fff;
        font-family: 'PoppinsBold';
        font-size: 16px;
    }

    .remove_item.btn-trash {
        position: absolute;
        top: 10px;
        right: 6px;
        font-size: 14px;
        color: #000;
        cursor: pointer;
        z-index: 10;
    }

    .remove_item.btn-trash:hover {
        color: #ff683a;
    }

    .checkout-payment-options {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* hide all payment methods */
    .checkout-payment-options .custom-control {
        padding: 10px !important;
    }

    .checkout-payment-options:not(.show-all) .custom-control {
        display: none !important;
    }

    /* Show the selected payment method */
    .checkout-payment-options:not(.show-all) .custom-control:has(input:checked) {
        display: flex !important;
        padding: 10px !important;
    }

    /* Style for the selected payment method */
    .checkout-payment-options .custom-control-input:checked + .custom-control-label {
        border: 1px solid #FF6B00;
        padding: 1rem;
        border-radius: 8px;
        font-weight: bold;
        align-items: center;
        gap: 10px;
    }

    /* Button to show all payment methods */
    #toggle-payment-methods {
        margin-top: 1rem;
        margin-bottom: 1rem;
        background-color: #FF6B00;
        color: #FFFFFF;
        padding: 10px 20px;
        border: none;
        border-radius: 8px;
        font-weight: bold;
        cursor: pointer;
        height: 42px;
        font-family: 'PoppinsBold';
        font-size: 13px;
    }

    .checkout-payment-options .custom-control-label::before {
        display: none;
    }

    .checkout-payment-options .custom-control-label::after {
        display: none;
    }

    .checkout-payment-options .custom-control-label {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        width: 100%;
        cursor: pointer;
        color: #000;
        font-family: 'PoppinsBold';
        font-size: 16px;
        padding: 10px;
    }

    .payment-method-title {
        font-family: 'PoppinsBold';
        font-size: 18px;
        color: #000;
        padding: 10px 10px 0 10px;
        text-align: left;
    }

    .restaurant-box {
        border: 1px solid #FF6B00;
        border-radius: 8px;
        padding: 15px;
        margin-top: 10px;
    }

    .restaurant-title {
        font-family: 'PoppinsBold';
        font-size: 18px;
        color: #000;
        margin-bottom: 10px;
    }

    .restaurant-name {
        font-family: 'PoppinsBold';
        font-size: 20px;
        margin-bottom: 10px;
        color: #1F2937;
    }

    .restaurant-address, .restaurant-hours {
        font-size: 12px;
        font-family: "Poppins";
        color: #4B5563;
        display: flex;
        align-items: center;
        margin-bottom: 6px;
    }

    .restaurant-address i,
    .restaurant-hours i {
        margin-right: 8px;
        color: #000;
    }

    .status.abierto {
        color: #00C871;
        font-weight: 500;
    }

    .status.cerrado {
        color: #FF6B00;
        font-weight: 500;
    }

    .add-note {
        background: transparent !important;
        border: none !important;
        padding: 10px !important;
        width: 100%;
        box-shadow: none !important;
        margin-bottom: 0px !important;
    }

    .add-note-title {
        font-family: 'PoppinsBold';
        font-size: 18px;
        color: #000;
        margin-bottom: 10px;
    }

    .add-note-input {
        border: 1px solid #D1D5DB !important;
        border-radius: 8px !important;
        padding: 10px !important;
    }

    .siddhi-cart-item-profile-address {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }

    .checkout-header {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .address-box-title {
        font-family: 'PoppinsBold';
        font-size: 18px;
        color: #000;
        text-align: left;
    }

    .address-card {
        display: flex;
        flex-direction: row;
        background: #FFFFFF;
        border: 1px solid #FF6B00;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
        width: 100%;
    }

    .address-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        text-align: left;
    }

    .address-icon {
        font-size: 20px !important;
        color: #000000;
        margin-right: 10px;
    }

    .address-line_1 {
        font-family: 'PoppinsBold';
        font-size: 16px !important;
        color: #000000 !important;
        margin-bottom: 0px;
    }

    .address-line_2 {
        font-family: 'PoppinsMedium';
        font-size: 13px !important;
        color: #4B5563 !important;
        margin-bottom: 0px;
    }

    .status.abierto {
        color: #00C871;
        font-weight: 500;
    }

    .status.cerrado {
        color: #FF6B00;
        font-weight: 500;
    }

    .coupon-code-box {
        background-color: #f3f3f3; /* cinza claro */
        border-radius: 12px;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: sans-serif;
        height: 44px;
    }

    .coupon-code-container {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 10px;
        margin-bottom: 0;
    }

    .coupon-code-input {
        border: none !important;
        background-color: transparent !important;
        font-size: 14px !important;
        color: #A6A6A6 !important;
        flex: 1 !important;
        outline: none !important;
        font-family: "Poppins" !important;
    }

    .coupon-code-input::placeholder {
        color: #A6A6A6 !important;
        font-weight: 500;
    }

    .coupon-code-button {
        background: none !important;
        border: none !important;
        color: #f57c00 !important; /* laranja */
        font-weight: bold !important;
        font-size: 15px !important;
        padding: 0 !important;
        margin-left: auto !important;
        cursor: pointer !important;
        width: auto !important;
        height: auto !important;
        font-family: "Poppins" !important;
        text-transform: none !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-weight: 500 !important;
    }

    .coupon-code-icon {
        display: none; /* escondendo o ícone % se quiser seguir igual a imagem */
    }

    .coupon-icon {
        font-size: 18px;
        margin-right: 10px;
    }

    .summary-box {
        padding: 10px;
        margin-bottom: 10px;
    }

    .summary-box p {
        margin-bottom: 9px !important;
        font-family: "Poppins";
        font-size: 16px;
        color: #4B5563;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .summary-title {
        font-family: 'PoppinsBold';
        font-size: 18px;
        color: #000;
        margin-bottom: 20px;
    }

    .btn-pay-checkout {
        background-color: #FF6B00 !important;
        color: #fff !important;
        border: none !important;
        padding: 10px 20px !important;
        border-radius: 5px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        font-family: "PoppinsBold" !important;
    }

    .btn-buy-continue {
        background-color: #FFFFFF !important;
        color: #FF6B00 !important;
        border: 1px solid #FF6B00 !important;
        padding: 10px 20px !important;
        border-radius: 5px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        font-family: "PoppinsBold" !important;
    }

}


/* Hide on medium and larger screens */
@media (min-width: 769px) {
    .d-md-none {
        display: none !important;
    }
}


/* Media queries for responsiveness */
@media (max-width: 450px) {
    .siddhi-checkout .order-details-box,
    .siddhi-checkout .action-buttons {
        width: calc(100% - 32px);
        margin-left: 16px;
        margin-right: 16px;
    }
}
/* ===== TOAST NOTIFICATIONS ===== */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 20px;
    border-radius: 4px;
    color: white;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 9999;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.toast-success {
    background-color: #4CAF50;
}

.toast-error {
    background-color: #F44336;
}

.toast-notification.show {
    opacity: 1;
}

/* ===== SPINNER STYLES ===== */
.spinner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.spinner-border {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ===== DELIVERY TOGGLE STYLES ===== */
.mobile-delivery-toggle {
    position: relative;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    width: 100%;
}

.mobile-delivery-toggle button {
    display: flex;
    align-items: center;
    color: white;
    border: none;
    border-radius: 20px;
    padding: 8px 16px;
    background: none;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    cursor: pointer;
}

.d-none.bg-primary .togglew.toggle-2 {
    margin-left: 50px;
}

.mobile-delivery-toggle button:hover {
    background-color: #333;
    transform: translateY(-1px);
}

.mobile-delivery-toggle button:focus {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    outline: none;
}

.mobile-delivery-toggle button:focus-visible {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.delivery-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-icon svg {
    width: 14px;
    height: 14px;
    fill: white;
}

.dropdown-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-arrow i {
    color: white;
    font-size: 12px;
}

.select-pickup {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    display: inline;
    color: white;
}

/* ===== NAVIGATION ICON STYLES ===== */
.nav-icon-desktop {
    display: inline-block;
}

.nav-icon-mobile {
    display: none !important;
}

.nav-text-desktop {
    display: inline;
}

.nav-text-mobile {
    display: none;
}

/* ===== CUSTOM MOBILE MENU BUTTON ===== */
.custom-mobile-menu-btn {
    display: none;
    width: 50px; /* Increased from 40px */
    height: 50px; /* Increased from 40px */
    border-radius: 8px; /* Changed from 50% for less rounded corners */
    background-color: transparent; /* Removed background */
    color: #ffffff;
    border: none;
    box-shadow: none; /* Removed shadow */
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
}

/* Remove white border/outline on focus and active states */
.custom-mobile-menu-btn:focus,
.custom-mobile-menu-btn:focus-visible,
.custom-mobile-menu-btn:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Remove any webkit focus rings */
.custom-mobile-menu-btn::-moz-focus-inner {
    border: 0 !important;
    outline: none !important;
}

.custom-mobile-menu-btn:active {
    transform: scale(0.95);
}

/* Hide the default icon */
.custom-mobile-menu-btn i {
    display: none;
}

/* Hamburger Animation Styles */
.hamburger {
    width: 28px; /* Increased size */
    height: 28px; /* Increased size */
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hamburger span {
    display: block;
    position: absolute;
    height: 3px; /* Slightly thicker lines */
    width: 100%;
    background: #ffffff;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
    top: 6px; /* Adjusted for larger size */
}

.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
    top: 14px; /* Center position */
}

.hamburger span:nth-child(4) {
    top: 22px; /* Bottom position */
}

/* Animation when menu is open (X state) */
.custom-mobile-menu-btn.open .hamburger span:nth-child(1) {
    top: 14px;
    width: 0%;
    left: 50%;
}

.custom-mobile-menu-btn.open .hamburger span:nth-child(2) {
    transform: rotate(45deg);
}

.custom-mobile-menu-btn.open .hamburger span:nth-child(3) {
    transform: rotate(-45deg);
}

.custom-mobile-menu-btn.open .hamburger span:nth-child(4) {
    top: 14px;
    width: 0%;
    left: 50%;
}

/* Hover effect - subtle scale */
.custom-mobile-menu-btn:hover {
    transform: scale(1.05);
}

.custom-mobile-menu-btn:hover:active {
    transform: scale(0.95);
}

/* ===== NAV OVERLAY STYLES ===== */
.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9998;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-tap-highlight-color: transparent;
}

.nav-overlay.show {
    display: block;
    opacity: 1;
}

/* ===== MOBILE STYLES ===== */
@media (max-width: 768px) {
    /* Show custom mobile menu button */
    .custom-mobile-menu-btn {
        display: flex;
    }

    /* Hide original mobile toggle on small screens */
    .mobile-toggle {
        display: none !important;
    }

    /* ===== DELIVERY ADDRESS PAGE ===== */
    .delivery-address-page body {
        background-color: #F9FAFB;
    }

    .delivery-address-page .container:not(.header-main) {
        display: none !important;
    }

    .delivery-address-page .mobile-container {
        display: block;
        width: 100%;
        max-width: 390px;
        margin: 0 auto;
        background-color: #F9FAFB;
        font-family: 'Poppins', sans-serif;
    }

    .delivery-address-page .address-list-mobile {
        padding: 16px;
    }

    /* Address Items */
    .delivery-address-page .saved-address-item {
        align-items: flex-start;
        background: #FFFFFF;
        border-radius: 8px;
        padding: 13px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        display: flex;
        position: relative;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }

    .delivery-address-page .address-icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 3px;
    }

    .delivery-address-page .address-icon i {
        font-size: 18px;
        color: #000;
        border-radius: 50%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .delivery-address-page .address-details {
        flex: 1;
        padding: 2px
    }

    .delivery-address-page .address-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
        margin-bottom: 7px;
        margin-top: 0;
    }

    .delivery-address-page .address-details p {
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #4B5563;
        margin-bottom: 2px;
        margin-top: 0;
    }

    .delivery-address-page .address-actions {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 8px;
    }

    .delivery-address-page .btn-mobile-action {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
        color: #FFFFFF;
    }

    .delivery-address-page .btn-mobile-action i {
        font-size: 10px !important;
    }

    /* New Address Form */
    .delivery-address-page .new-address-form-mobile {
        background: #FFFFFF;
        border-radius: 8px;
        margin: 16px;
        padding: 16px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .delivery-address-page .form-title {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 16px;
    }

    .delivery-address-page .use-location-btn {
        width: 100%;
        height: 56px;
        background: #F9FAFB;
        border-radius: 8px;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
        cursor: pointer;
        font-size: 16px;
    }

    .delivery-address-page .use-location-btn i {
        margin-right: 8px;
    }

    .delivery-address-page .form-fields-container {
        margin-bottom: 16px;
    }

    .delivery-address-page .form-group {
        margin-bottom: 16px;
    }

    .delivery-address-page .form-control {
        width: 100%;
        height: 50px;
        background: #FFFFFF;
        border: none;
        border-bottom: 1px solid #D1D5DB;
        border-radius: 8px;
        padding: 0 16px;
        font-size: 16px;
    }

    .delivery-address-page .form-row {
        display: flex;
        justify-content: space-between;
        margin-left: -8px;
        margin-right: -8px;
    }

    .delivery-address-page .form-row .form-group {
        padding: 0 8px;
    }

    /* Address Type Buttons */
    .delivery-address-page .address-type-buttons {
        display: flex;
        justify-content: space-between;
    }

    .delivery-address-page .address-type-btn {
        width: 48%;
        height: 52px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        border: 2px solid #E5E7EB;
        background: #F9FAFB;
        color: #6B7280;
    }

    .delivery-address-page .address-type-btn i {
        margin-right: 8px;
    }

    .delivery-address-page .address-type-btn.active {
        background: #FFF7ED;
        border: 2px solid #FF6B00;
        color: #FF6B00;
    }

    .delivery-address-page .save-address-btn {
        width: 100%;
        height: 56px;
        background: #FF6B00;
        border-radius: 8px;
        border: none;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer;
    }

    /* Mobile Navigation */
    .delivery-address-page .mobile-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 57px;
        background: #FFFFFF;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .delivery-address-page .nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #9CA3AF;
        font-size: 12px;
    }

    .delivery-address-page .nav-item i {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .delivery-address-page .nav-item-center {
        position: relative;
    }

    .delivery-address-page .nav-add-btn {
        width: 56px;
        height: 56px;
        background: #FF6B00;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: -20px;
        color: #FFFFFF;
    }

    /* ===== MOBILE NAVIGATION ICONS ===== */
    .nav-icon-desktop {
        display: none !important;
    }

    .nav-icon-mobile {
        display: flex !important;
    }

    .nav-text-desktop {
        display: none;
    }

    .nav-text-mobile {
        display: inline;
    }

    /* Navigation Header */
    .nav-header-mobile {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 80px !important;
        background: #ffffff !important;
        padding: 15px 20px !important;
        position: relative !important;
        z-index: 10001 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
    }

    .nav-logo-mobile {
        max-height: 100px !important;
        width: auto !important;
        margin: 0 !important;
    }

    .nav-close-btn {
        background: none !important;
        border: none !important;
        font-size: 24px !important;
        color: #333 !important;
        cursor: pointer !important;
        padding: 12px !important;
        width: 48px !important;
        height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 8px !important;
        outline: none !important;
    }

    .nav-close-btn:hover {
        background: #f8f9fa !important;
        color: #000 !important;
    }

    .nav-close-btn:active {
        background: #e9ecef !important;
        color: #000 !important;
    }

    .nav-close-btn span {
        font-weight: 900 !important;
        font-size: 28px !important;
        line-height: 1 !important;
        font-family: Arial, sans-serif !important;
        color: #000000 !important;
    }

    .nav-close-btn:hover span,
    .nav-close-btn:active span {
        color: #000000 !important;
    }

    /* Menu Items */
    #main-nav .second-nav,
    .hc-offcanvas-nav .second-nav {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
        display: block !important;
        visibility: visible !important;
        flex: 1 !important;
        overflow-y: auto !important;
    }

    #main-nav .second-nav li,
    .hc-offcanvas-nav .second-nav li {
        margin: 0 !important;
        border-bottom: none !important;
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        opacity: 1 !important;
        transform: none !important;
        background: #ffffff !important;
    }

    #main-nav .second-nav li a,
    .hc-offcanvas-nav .second-nav li a {
        display: flex !important;
        align-items: center !important;
        padding: 16px 24px !important;
        color: #333333 !important;
        text-decoration: none !important;
        font-size: 16px !important;
        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        font-weight: 400 !important;
        border: none !important;
        background: transparent !important;
        transition: all 0.3s ease !important;
        visibility: visible !important;
        opacity: 1 !important;
        border-radius: 0 !important;
        margin: 0 8px !important;
        position: relative !important;
    }

    /* Navigation Icons */
    #main-nav .second-nav li a .nav-icon,
    .hc-offcanvas-nav .second-nav li a .nav-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 14px !important;
        margin-top: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(100%) !important;
        transition: filter 0.3s ease !important;
    }

    #main-nav .second-nav li a i.nav-icon-desktop,
    .hc-offcanvas-nav .second-nav li a i.nav-icon-desktop {
        display: none !important;
    }

    /* Hover and Active States */
    #main-nav .second-nav li a:hover,
    .hc-offcanvas-nav .second-nav li a:hover {
        background: #f8f9fa !important;
        color: #333333 !important;
        border-radius: 8px !important;
    }

    #main-nav .second-nav li a:hover .nav-icon,
    .hc-offcanvas-nav .second-nav li a:hover .nav-icon,
    #main-nav .second-nav li a.active .nav-icon,
    .hc-offcanvas-nav .second-nav li a.active .nav-icon {
        filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(33%) contrast(100%) !important;
    }

    #main-nav .second-nav li a:hover i,
    .hc-offcanvas-nav .second-nav li a:hover i {
        color: #333333 !important;
    }

    #main-nav .second-nav li a.active,
    .hc-offcanvas-nav .second-nav li a.active {
        background: #f0f0f0 !important;
        color: #333333 !important;
        border-radius: 8px !important;
    }

    /* Logout Item Styling */
    #main-nav .second-nav li:has(a[href*="logout"]),
    .hc-offcanvas-nav .second-nav li:has(a[href*="logout"]) {
        border-top: 1px solid #f0f0f0 !important;
        margin-top: 20px !important;
        padding-top: 20px !important;
    }

    #main-nav .second-nav li:has(a[href*="logout"]) a,
    .hc-offcanvas-nav .second-nav li:has(a[href*="logout"]) a {
        color: #FF6B00 !important;
    }

    #main-nav .second-nav li:has(a[href*="logout"]) a i,
    .hc-offcanvas-nav .second-nav li:has(a[href*="logout"]) a i {
        color: #FF6B00 !important;
    }

    #main-nav .second-nav li:has(a[href*="logout"]) a:hover,
    .hc-offcanvas-nav .second-nav li:has(a[href*="logout"]) a:hover {
        background: #ffe8ea !important;
        border-radius: 8px !important;
    }

    #main-nav .second-nav li:has(a[href*="logout"]) a .nav-icon,
    .hc-offcanvas-nav .second-nav li:has(a[href*="logout"]) a .nav-icon {
        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%) !important;
    }

    #main-nav .second-nav li:has(a[href*="logout"]) a:hover .nav-icon,
    .hc-offcanvas-nav .second-nav li:has(a[href*="logout"]) a:hover .nav-icon {
        filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(20%) contrast(100%) !important;
    }

    /* Paragraphs in nav */
    #main-nav .second-nav li p,
    .hc-offcanvas-nav .second-nav li p {
        display: none !important;
    }

    /* Hide elements */
    #main-nav form,
    .hc-offcanvas-nav form,
    #main-nav .hide_tab,
    .hc-offcanvas-nav .hide_tab,
    #main-nav .bottom-nav,
    .hc-offcanvas-nav .bottom-nav {
        display: none !important;
    }

    /* Main nav container */
    #main-nav,
    .hc-offcanvas-nav {
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100vh !important;
        overflow: hidden !important;
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
        z-index: 9999 !important; /* Ensure menu is above overlay */
    }
    /* Overlay */
    body.mobile-nav-open::before,
    body.hc-nav-open::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9998;
        display: block;
        cursor: pointer !important;
    }

    .section-footer {
        display: none !important;
    }

    /* Mobile Button Animations and Styling */
    /* Primary buttons */
    .btn-primary,
    .product-detail-page .btn-primary,
    .button-continue-to-checkout,
    #toggle-payment-methods,
    .btn-pay-checkout {
        background: #000000; /* Default background */
        border-color: #000000;
        transition: all 0.3s ease;
        border-radius: 8px;
        font-weight: 600;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .btn-primary:hover,
    .product-detail-page .btn-primary:hover,
    .button-continue-to-checkout:hover,
    #toggle-payment-methods:hover,
    .btn-pay-checkout:hover {
        /* Desktop gradient effect */
        background: #ec9378;
        background: -moz-linear-gradient(-45deg, #ec9378 0%, #ff683a 100%);
        background: -webkit-linear-gradient(-45deg, #ec9378 0%, #ff683a 100%);
        background: linear-gradient(135deg, #ec9378 0%, #ff683a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC9378', endColorstr='#FF683A', GradientType=1);
        border-color: #ff683a;
        transform: translateY(-2px);
    }

    .btn-primary:active,
    .product-detail-page .btn-primary:active,
    .button-continue-to-checkout:active,
    #toggle-payment-methods:active,
    .btn-pay-checkout:active {
        transform: translateY(1px);
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }

    /* Secondary/outline buttons */
    .btn-outline-primary,
    .button-buy-more,
    .btn-buy-continue,
    .product-detail-page .addtocart .add-to-cart.btn.btn-primary:not(.booknow) {
        color: #ff683a;
        border-color: #ff683a;
        background: transparent;
        transition: all 0.3s ease;
        border-radius: 8px;
        font-weight: 600;
    }

    .btn-outline-primary:hover,
    .button-buy-more:hover,
    .btn-buy-continue:hover,
    .product-detail-page .addtocart .add-to-cart.btn.btn-primary:not(.booknow):hover {
        color: #ffffff;
        background: #ec9378;
        background: -moz-linear-gradient(-45deg, #ec9378 0%, #ff683a 100%);
        background: -webkit-linear-gradient(-45deg, #ec9378 0%, #ff683a 100%);
        background: linear-gradient(135deg, #ec9378 0%, #ff683a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC9378', endColorstr='#FF683A', GradientType=1);
        border-color: #ff683a;
        transform: translateY(-2px);
    }

    /* Mobile delivery toggle */
    .mobile-delivery-toggle button {
        transition: all 0.3s ease;
    }

    .mobile-delivery-toggle button:hover {
        transform: translateY(-2px);
        background-color: rgba(0,0,0,0.2);
    }

    .mobile-delivery-toggle button:active {
        transform: translateY(1px);
    }

    /* Ensure proper nav container styling */
    #main-nav {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 280px !important;
        height: 100vh !important;
        background: #fff !important;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1) !important;
        z-index: 9999 !important;
        transition: left 0.3s ease !important;
        overflow-y: auto !important;
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
    }

    #main-nav.nav-open,
    #main-nav.hc-nav-open {
        left: 0 !important;
    }

    /* Ensure nav is visible when open */
    body.mobile-nav-open #main-nav,
    body.hc-nav-open #main-nav {
        left: 0 !important;
    }
}

/* Desktop - hide mobile header */
@media (min-width: 769px) {
    .nav-header-mobile {
        display: none !important;
    }
}

/* Mobile Navigation Header Fixes */
@media (max-width: 768px) {
    /* Ensure the mobile header is visible */
    .nav-header-mobile {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 20px !important;
        background: #fff !important;
        position: relative !important;
        z-index: 10 !important;
        border-top-right-radius: 20px !important;
    }
    /* Logo styling */
    .nav-logo-mobile {
        height: 60px !important;
        width: auto !important;
        max-width: 200px !important;
        display: block !important;
    }

    /* Close button styling */
    .nav-close-btn {
        background: transparent !important;
        border: none !important;
        color: #333 !important; /* Dark text for light background */
        font-size: 24px !important;
        cursor: pointer !important;
        padding: 5px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        transition: background-color 0.3s ease !important;
    }

    .nav-close-btn:hover {
        background-color: rgba(0, 0, 0, 0.1) !important;
    }

    .nav-close-btn span {
        display: block !important;
        font-size: 24px !important;
        font-weight: bold !important;
        line-height: 1 !important;
    }

    /* Light background for navigation */
    #main-nav,
    .hc-offcanvas-nav {
        background: #fff !important; /* White background */
        color: #333 !important; /* Dark text */
    }

    /* Navigation items styling */
    #main-nav .second-nav,
    .hc-offcanvas-nav .second-nav {
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #main-nav .second-nav li,
    .hc-offcanvas-nav .second-nav li {
        background: transparent !important;
    }

    #main-nav .second-nav li a,
    .hc-offcanvas-nav .second-nav li a {
        color: #333 !important; /* Dark text for menu items */
        padding: 15px 20px !important;
    }

    #main-nav .second-nav li a:hover,
    .hc-offcanvas-nav .second-nav li a:hover {
        background-color: #f8f9fa !important;
        color: #007bff !important; /* Your primary color */
    }

    /* Ensure proper nav container styling */
    #main-nav {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 280px !important;
        height: 100vh !important;
        background: #fff !important;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1) !important;
        z-index: 9999 !important;
        transition: left 0.3s ease !important;
        overflow-y: auto !important;
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
    }

    #main-nav.nav-open,
    #main-nav.hc-nav-open {
        left: 0 !important;
    }

    /* Ensure nav is visible when open */
    body.mobile-nav-open #main-nav,
    body.hc-nav-open #main-nav {
        left: 0 !important;
    }
}

/* ===== DESKTOP STYLES ===== */
@media (min-width: 769px) {
    .delivery-address-page .mobile-container {
        display: none !important;
    }

    .delivery-address-page .container {
        display: block;
    }

    #main-nav .bottom-nav {
        display: none !important;
    }

    body.mobile-nav-open::before,
    body.hc-nav-open::before {
        display: none !important;
    }
}

/* Additional CSS for header layout when delivery option is hidden */
.header-main .row.align-items-center {
    position: relative;
}

body.profile-page .header-right,
body.order-page .header-right {
    justify-content: flex-end !important;
}

.header-main .col-2 {
    position: relative;
    z-index: 2;
    min-width: 120px;
}

.header-right > .d-flex {
    width: 100%;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .mobile-logo.brand-wrap {
        margin-right: auto;
        padding-right: 10px;
    }

    .d-none.bg-primary .d-flex {
        position: relative;
    }

    .mobile-logo.brand-wrap.mb-0 {
        position: relative;
        left: 0;
        transform: none;
    }
}

.delivery-button {
    display: flex;
    align-items: center;
    justify-content: space-between;;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    width: 130px;
    color: #FFFFFF;
}

.dropdown-menu-custom {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 10px;
    z-index: 999;
}

.dropdown-option {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
}

.dropdown-option p {
    margin-bottom: 0;
}

.dropdown-option:hover {
    background-color: #f8f8f8;
}


.dropdown-option.disabled {
    opacity: 0.5;
    pointer-events: none;
}

@media (max-width: 768px) {
    /* Main form container */
    .contact-form-container {
        position: relative;
        width: 390px;
        height: 902px;
        background: #FFFFFF;
        margin: 0 auto;
    }

    /* Header styling */
    .contact-form-header {
        box-sizing: border-box;
        position: relative;
        width: 390px;
        height: 85px;
        background: #212121;
        border-bottom: 1px solid #F7F2E7;
        border-radius: 0px;
    }

    .contact-form-header h2 {
        position: absolute;
        width: 151px;
        height: 21px;
        left: 44px;
        top: 34px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 18px;
        color: #FFFFFF;
    }

    /* Form title and description */
    .form-heading {
        position: relative;
        width: 358px;
        height: 112.25px;
        left: 17px;
        top: 40px;
        margin-bottom: 40px;
    }

    .form-heading h1 {
        position: relative;
        width: 234px;
        height: 33px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        color: #111827;
        margin-bottom: 20px;
    }

    .form-heading p {
        position: relative;
        width: 360px;
        height: 20px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #4B5563;
    }

    /* Form container */
    .contact-form {
        position: relative;
        width: 358px;
        margin: 0 auto;
    }

    /* Form groups */
    .form-group {
        position: relative;
        margin-bottom: 24px;
    }

    .form-group.textarea {
        height: 150px;
    }

    /* Labels */
    .form-group label {
        position: relative;
        height: 20px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: #374151;
        display: block;
        margin-bottom: 8px;
    }

    .form-group .required:after {
        content: "*";
        position: relative;
        width: 8px;
        height: 20px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #EF4444;
        margin-left: 2px;
    }

    /* Form inputs */
    .form-control {
        box-sizing: border-box;
        position: relative;
        width: 100%;
        height: 50px;
        background: #FFFFFF;
        border: 1px solid #D1D5DB;
        border-radius: 8px;
        padding: 0 16px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #111827;
    }

    .form-control::placeholder {
        color: #ADAEBC;
    }

    textarea.form-control {
        height: 122px;
        padding: 12px 16px;
    }

    /* Submit button */
    .btn-primary {
        position: relative;
        background: #FF6B00;
        border-radius: 8px;
        border: none;
        font-family: 'Poppins';
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
        cursor: pointer;
    }

    /* Success message */
    .alert-success {
        background-color: #d4edda;
        color: #155724;
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 20px;
        border: 1px solid #c3e6cb;
    }

    .custom-send-btn {
        position: relative;
        width: 100%;
        height: 48px;
        background: #FF6B00;
        border-radius: 8px;
        border: none;
        color: white;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        cursor: pointer;
    }

    .custom-send-btn:hover {
        background: #E56000;
    }

    .custom-send-btn .btn-text {
        display: inline-block;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
    }

    .custom-send-btn .send-icon {
        position: relative;
        display: inline-flex;
        width: 16px;
        height: 16px;
        margin-left: 10px;
        justify-content: center;
        align-items: center;
    }

    .custom-send-btn .send-icon svg {
        width: 16px;
        height: 16px;
    }

    .custom-send-btn {
        width: 100%;
        max-width: 358px;
        margin: 20px auto 0;
    }

    /* Force correct contact form display based on screen size */
    .desktop-contact-form {
        display: none !important;
    }

    .mobile-contact-form {
        display: block !important;
    }

    /* Show mobile header on contact page */
    body.contact-us-page .d-none.bg-primary {
        display: block !important;
    }

    /* Make header title with back button clickable */
    #header_title {
        display: block !important;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    #header_title i.feather-arrow-left {
        padding: 8px;
        border-radius: 50%;
        background-color: rgba(255, 107, 0, 0.1);
        margin-right: 10px;
    }

    /* Contact page specific footer adjustments */
    .mobile-contact-form + .section-footer {
        display: block !important;
        padding-top: 30px;
        margin-top: 20px;
    }

    /* Adjust contact form container height to accommodate footer */
    .contact-form-container {
        height: auto;
        min-height: 700px;
        padding-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .mobile-contact-form {
        display: none !important;
    }

    .desktop-contact-form {
        display: block !important;
    }
}

/* Category icon optimization */
#main-mobile .category img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

.bg-gray-50 {
    background-color: #f0f0f0;
}

.modal.modal-bottom .modal-dialog {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    transition: transform 0.3s ease-out;
    pointer-events: all;
}

.modal.modal-bottom .modal-content {
    border-radius: 1rem 1rem 0 0;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.2);
    max-height: 80vh;
    overflow-y: auto;
}

.modal.modal-bottom.fade .modal-dialog {
    transform: translateY(100%);
}

.modal.modal-bottom.show .modal-dialog {
    transform: translateY(0);
}



/* Order Modal */
.order-modal,
.order-modal-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    transition: all 0.3s ease;
}

.order-modal {
    transform: translateY(100%);
    background: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
    max-height: 90vh;
    overflow-y: auto;
    font-family: 'PoppinsMedium';
    z-index: 1051;
    color: #000;
}

.order-modal-content {
    padding: 0 0 1rem 0;
}

.custom-drag-indicator {
    width: 36px;
    height: 4px;
    background: #ccc;
    border-radius: 4px;
    margin: 0.5rem auto 1rem;
}

.order-modal-overlay {
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.order-modal.show {
    transform: translateY(0);
}

.order-modal.hidden, .order-modal-overlay.hidden {
    display: none !important;
}

.order-modal-header {
    background: #E5E7EB;
    heigh: 85px;
    width: 100%;
    padding: 17px 26px;
}

.order-modal-id {
    font-family: 'PoppinsMedium';
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin: 0;
    margin-bottom: 8px;
}

.order-modal-status-badge {
    background-color: #FEF3C7;
    font-size: 14px;
    padding: 4px 10px;
    border-radius: 30px;
    width: 146px;
    height: 24px;
    font-family: 'Poppins';
    display: inline-block;
}

.order-modal-status-badge i {
    color: #000;
    margin-right: 3px;
    font-size: 14px;
}

.order-modal-status-badge span {
    color: #92400E;
    font-size: 14px;
    font-family: 'Poppins';
}

.order-modal-items-container {
    padding: 0 45px;
}

.order-modal-items {
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
}

.order-modal-item {
    margin-bottom: 13px;
}

.order-modal-item_quantity {
    font-family: 'PoppinsMedium';
    font-size: 16px;
    line-height: 16px;
    color: #374151;
    margin: 0;
}

.order-modal-item_name {
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 16px;
    color: #4B5563;
    margin: 0;
}

.order-modal-item_price {
    font-family: 'PoppinsMedium';
    font-size: 16px;
    line-height: 16px;
    color: #4B5563;
    margin: 0;
    white-space: nowrap;
}

.order-modal-item_total {
    font-family: 'PoppinsMedium';
    font-size: 16px;
    line-height: 16px;
    color: #1F2937;
    margin: 0;
    white-space: nowrap;
}
.order-modal-subtotal-container,
.order-modal-tax-container {
    margin-bottom: 11px;
}

.order-modal-subtotal,
.order-modal-subtotal-value,
.order-modal-tax,
.order-modal-tax-value {
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 14px;
    color: #4B5563;
    white-space: nowrap;
}

.order-modal-total-container {
    margin-top: 23px;
    margin-bottom: 23px;
}

.order-modal-total,
.order-modal-total-value {
    font-family: 'PoppinsMedium';
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    white-space: nowrap;
}

.order-modal-delivery-address-title {
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}

.order-modal-delivery-address-text {
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 14px;
    color: #4B5563;
}

.text-muted {
    font-family: 'PoppinsMedium';
}

.btn-outline-dark {
    border: 1px solid #333;
    color: #333;
    background: #fff;
}

.btn-outline-dark:hover {
    background: #f0f0f0;
}

.btn {
    padding: 0.5rem 1rem;
    border-radius: 8px;
}

.fw-semibold {
    margin-left: 20px;
}

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

.input-icon-wrapper .input-icon {
    position: absolute;
    left: 12px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    opacity: 0.6;
}

.custom-input {
    width: 100%;
    padding: 10px 12px 10px 40px; /* espaço à esquerda para o ícone */
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1rem;
    box-sizing: border-box;
}

.recipt-btn {
    width: 100%;
    background: transparent;
    border: 1px solid grey;
    color: grey;
    padding: 0.5rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 7px;
    gap: 0.5rem;
}

.recipt-btn:hover {
  background-color: #f0f0f0;
}

.recipt-btn i {
  margin-right: 0.5rem;
}


.lang-toggle-flag {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100;
    background-color: #ffffff;
    border-radius: 32px;
    padding: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    overflow: hidden;
    display: inline-block;
}

.flag-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.category-banner-container {
    background-color: #FF6B00;
    margin: 0px 15px;
    border-radius: 10px;
}

.category-banner-content {
    padding: 5px 15px;
}

.category-banner-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.category-banner-title .banner-title {
    font-family: 'PoppinsBold';
    font-size: 18px;
}

.category-banner-description {
    margin-top: 10px;
}

.category-banner-description p{
    color: #fff;
    font-size: 12px;
    font-family: 'Poppins';
}

.category-banner-button {
    margin-bottom: 5px;
}

.category-banner-button button{
    font-family: 'PoppinsBold';
    font-size: 16px;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 15px;
    background: #fff;
    color: #000;
    letter-spacing: 0.05em;
}

.nowrap-auto {
    white-space: nowrap;
    font-size: clamp(0.75rem, 1.5vw, 1rem);
    overflow: hidden;
    text-overflow: ellipsis;
}