@charset "utf-8";

/* ------------------------------------------------------------------
 * Name         : Gambo - Online Grocery Supermarket HTML Template
 * File         : style.css
 * Author       : Gambolthemes
 * Author URI   : gambol943@gmail.com
 * All Rights Reserved.
 * --------------------------------------------------------------------- */

/*===================== TABLE OF CONTENT =======================

1. Google Fonts
2. Typography Css
3. CROSS BROWSER COMPATABILITY
4. Body Scrollbar
5. Night Mode Btn
6. Search cate scroll
7. Header
8. Category Model
9. Category Model
10. Cart Offset Overlay
11. Cart Radio Btn
12. Quantity box
13. Filters Overlay
14. Category Radio Btn
15. Index Page
16. Slider Category
17. Footer
18. Product Grid Page
19. Single Product View
20. Single Product Radio Btn
21. Checkout Page
22. User Dashboard Page
23. Dashboard My Orders
24. My Rewards
25. My Wallet
26. My Addresses
27. Career Page
28. About Us
29. Our Blog
30. Blog Detail View
31. Press Page
32. Sign In
33. Contact Us
34. Product Request
35. Faq Page
36. Offers Page
37. Bill Page

=============================================================*/

/* ================================================================================== 
 Google Fonts
===================================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,900&display=swap');

/* ==================================================================================
Reset Css
===================================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video  {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
::-moz-selection { /* Code for Firefox */
    background-color: #cce2ff;
    color: rgba(0,0,0,.87);
}

::selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87);
}

ol, ul {
    list-style: none;
    margin-bottom: 0 !important;
}
a:hover {
    color: inherit !important;
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
button {
    outline: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    margin:0;
    padding: 0;
}
a:focus {
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none !important;
}
button {
    outline: none;
}

button:focus {
    outline: none !important;
}

input {
    outline: none;
}
textarea {
    outline: none;
}

p {
    font-size: 14px;
    line-height: 26px;
    color: #91699c;
}

a {
    cursor: pointer !important;
}

/* ================ Typography Css =============== */
h1 {
    font-size: 2em;
    font-family: 'Roboto', sans-serif !important;
    /* 2x body copy size = 32px */
    line-height: 1.25;
    /* 45px / 36px */
}
h2 {
    font-size: 1.625em;
    font-family: 'Roboto', sans-serif !important;
    /* 1.625x body copy size = 26px */
    line-height: 1.15384615;
    /* 30px / 26px */
}
h3 {
    font-size: 1.375em;
    font-family: 'Roboto', sans-serif !important;
    /* 1.375x body copy size = 22px */
    line-height: 1.13636364;
    /* 25px / 22px */
}
h4 {
    font-size: 1.125em;
    font-family: 'Roboto', sans-serif !important;
    /* 1.125x body copy size = 18px */
    line-height: 1.11111111;
}
h5 {
    font-size: 1.10em;
    font-family: 'Roboto', sans-serif !important;
    /* 1.125x body copy size = 18px */
    line-height: 1.10;
}
h6 {
    font-size: 1em;
    font-family: 'Roboto', sans-serif !important;
    /* 1.125x body copy size = 18px */
    line-height: 1.050;
}
blockquote {
    font-size: 1.25em;
    font-family: 'Roboto', sans-serif !important;
    /* 20px / 16px */
    line-height: 1.25;
    /* 25px / 20px */
}
@media (min-width: 43.75em) {
    h1 {
        font-size: 2.5em;
        /* 2.5x body copy size = 40px */
        line-height: 1.125;
    }
    h2 {
        font-size: 2em;
        /* 2x body copy size = 32px */
        line-height: 1.25;
    }
    h3 {
        font-size: 1.5em;
        /* 1.5x body copy size = 24px */
        line-height: 1.25;
    }
    h4 {
        line-height: 1.22222222;
        /* (22px / 18px */
    }
    blockquote {
        font-size: 1.5em;
        /* 24px / 16px = */
        line-height: 1.45833333;
        /* 35px / 24px */
    }
}
@media (min-width: 56.25em) {
    h1 {
        font-size: 3em;
        /* 3x body copy size = 48px */
        line-height: 1.05;
        /* keep to a multiple of the 20px line height
        and something more appropriate for display headings */
    }
    h2 {
        font-size: 2.25em;
        /* 2.25x body copy size = 36px */
        line-height: 1.25;
    }
    h3 {
        font-size: 1.75em;
        /* 1.75x body copy size = 28px */
        line-height: 1.25;
    }
}


/* ================ CROSS BROWSER COMPATABILITY =============== */

.ask-question,
nav,
.notification-box.active,
nav ul li a,
.user-account-settingss.active,
.user-info a,
.suggestion-usd > span i,
.view-more > a,
.tags-sec ul li a,
.post-st ul li a,
.ed-opts > a,
.bk-links li a,
.like-com li a,
.user-profy > a,
.slick-previous:before,
.slick-nexti:before,
.comment > a,
.sign_link > a,
.post-popup,
.post-project > a,
.post-project-fields form ul li button,
.post-project-fields form ul li a,
.sign-control li a,
.cover-sec > a,
.star-descp > a,
.message-btn a,
.pf-gallery ul li,
.gallery_pt:before,
.gallery_pt > a,
.overview-box,
.skl-name,
.conv-list,
.save-stngs ul li button,
.forum-links.active,
.react-links li a,
.next-prev > a,
nav ul li:hover > ul,
.user-pro-img > a i {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

/* === Body Scrollbar === */

body::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}
body::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
body::-webkit-scrollbar-corner {
    background-color: transparent;
}
body::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0,0,0,.15);
    -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,.05), inset 1px 1px 0 rgba(0,0,0,.05);
}

html {
    font-size: 14px;
}

body {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.42857143;
    color: #2b2f4c;
    background: #f7f7f7 !important;
}

body::-webkit-scrollbar {
    width:4px;
}

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

input[type=text] {
    color: #2b2f4c !important;
}