@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
:root {
    --pfamily: 'Rubik', sans-serif;
    --red: #ff3838;
    --gray: #777777;
    --text: #555555;
    --blue: #1494a9;
    --white: #ffffff;
    --chalk: #f5f5f5;
    --green: #11b76b;
    --purple: #b12fad;
    --orange: #e86121;
    --yellow: #ffab10;
    --body: #f5f6f7;
    --border: #e8e8e8;
    --heading: #39404a;
    --primary: #119744;
    --sub-heading: #565765;
    --green-chalk: #ddffd5;
    --green-dark: #072f17;
    --gray-chalk: #cccccc;
    --intro-bg: #f8fffa;
    --facebook: #3b5998;
    --linkedin: #0e76a8;
    --twitter: #00acee;
    --google: #E60023;
    --instagram: #F77737;
    --default:#fdb732;
    --default-chalk: #fff5d5;
    --default-dark: #2f2507;
    --default-shadow: 0 15px 35px 0 rgba(250, 183, 51, 0.1);
    --default-bshadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1);
    --default-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
}

* {
    margin:0;
    padding:0;
    outline:0
}
img {
    vertical-align:middle
}
a, a:hover{
    text-decoration:none;
}
ul, ol {
    padding:0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, label {
    margin:0;
}
html, body {
    scroll-behavior:smooth;
}
body {
    color:var(--text);
    background:var(--body);
    font-size:var(--bodysize);
    font-family:var(--pfamily);
    line-height:var(--bodyheight);
    overflow-x:hidden;
}

.section {
    margin-bottom:7rem;
}
.inner-section {
    margin-bottom:6rem;
}
.section-heading {
    text-align:center;
    margin-bottom:2.5rem;
}
.section-btn-50 {
    text-align:center;
    margin-top:3rem;
}
.section-btn-25 {
    text-align:center;
    margin-top:1.5rem;
}
@media (max-width: 767px) {
    .section {
        margin-bottom:3.5rem;
    }
    .inner-section {
        margin-bottom:3.75rem;
    }
    .section-heading {
        margin-bottom:2rem;
    }
    .section-heading h2 {
        font-size:28px;
        line-height:2.25rem;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .section {
        margin-bottom:4.5rem;
    }
    .inner-section {
        margin-bottom:5rem;
    }
}

.back-to-drop {
    position:fixed;
    top:0;
    left:0;
    z-index:4;
    width:1000%;
    height:100%;
    background:rgba(0,0,0,0.5);
    display:none
}
.back-to-top {
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:2;
    width:48px;
    height:48px;
    font-size:15px;
    color:var(--white);
    line-height:48px;
    text-align:center;
    display:none;
    border-radius:50%;
    background:var(--default);
    -webkit-box-shadow:0 0 15px 3px rgba(250, 183, 51,0.5);
    box-shadow:0 0 15px 3px rgba(250, 183, 51, 0.5);
    -webkit-animation:mahmud 2s infinite;
    animation:mahmud 2s infinite;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s
}
.back-to-top:hover {
    color:var(--white)
}
@media (max-width: 575px) {
    .back-to-top {
        width:42px;
        height:42px;
        line-height:42px;
        font-size:14px
    }
}
@media (max-width: 991px) {
    .back-to-top {
        bottom:55px
    }
}

.header-top {
    padding:.5rem 0;
    background:var(--default);
}
.header-top-welcome p {
    font-size:14px;
    color:var(--white);
    letter-spacing:0.3px;
}
.header-top-select {
    margin-top:.25rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.header-select {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-right:1px solid var(--default);
}
.header-select:last-child {
    border:none;
}
.header-select i {
    font-size:16px;
    margin-right:.5rem;
    color:var(--white);
}
.header-select .nice-select {
    line-height:20px;
}
.header-select .nice-select::after {
    border-right-color:var(--white);
    border-bottom-color:var(--white);
}
.header-select .nice-select .current {
    color:var(--white)
}
.header-top-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    list-style: none;
}
.header-top-list li {
    margin-left:2.25rem;
    list-style: none;
}
.header-top-list li a {
    font-size:14px;
    color:var(--white);
    letter-spacing:0.3px;
    white-space:nowrap;
    text-transform:capitalize;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header-top-list li a:hover {
    color:var(--default-chalk);
}
@media (max-width: 767px) {
    .header-top-welcome,
    .header-top-list {
        display:none
    }
    .header-top-select {
        width:270px;
        margin:0 auto
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .header-top-welcome {
        text-align:center;
        margin-bottom:.5rem;
    }
}

/**** Main Header start ****/
.header {
    background:var(--white);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header.active {
    position:-webkit-sticky;
    position:sticky;
    top:0;
    left:0;
    width:100%;
    z-index:3;
    background:var(--white);
    -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.15);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header.active .header-content {
    padding:15px 0;
}
.header.active .header-widget:hover i {
    background:var(--default)
}
.header.active .header-widget sup {
    border-color:var(--white)
}
.header.active .header-form {
    background:var(--white);
    border-color:var(--default)
}
.header-content {
    padding:18px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}

.header-content input, .header-content button {
    border: none;
    outline: none;
    background: none;
}

.header-logo {
    margin-right:3rem;
}
.header-logo img {
    width:auto;
    height:45px;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header-widget-group {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.header-widget-group .header-widget {
    margin-left:1.25rem;
}
.header-widget-group .header-widget:first-child {
    margin-left:0;
}
.header-widget {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.header-widget:hover i {
    color:var(--white);
    background:var(--default);
    text-shadow:var(--default-tshadow);
}
.header-widget:hover span {
    color:var(--default);
}
.header-widget img {
    width:40px;
    height:40px;
    border-radius:50%;
}
.header-widget i {
    width:40px;
    height:40px;
    font-size:15px;
    line-height:40px;
    text-align:center;
    display:inline-block;
    border-radius:50%;
    color:var(--text);
    background:var(--chalk);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header-widget span {
    font-size:15px;
    font-weight:400;
    margin-left:8px;
    letter-spacing:0.3px;
    white-space:nowrap;
    text-align:left;
    text-transform:capitalize;
    color:var(--heading);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header-widget span small {
    font-size:16px;
    font-weight:600;
    line-height:20px;
    font-family:sans-serif;
    display:block;
}
.header-widget sup {
    position:absolute;
    top:-12px;
    left:20px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:20px;
    border-radius:50%;
    text-align:center;
    color:var(--white);
    background:var(--default);
    border:2px solid var(--white);
    text-shadow:var(--default-tshadow);
}
.header-cart span {
    font-size:12px;
    margin-left:15px;
    line-height:20px;
    text-transform:uppercase;
}
.header-form {
    width:100%;
    margin:0 50px;
    border-radius:8px;
    background:var(--chalk);
    border:2px solid var(--chalk);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header-form:focus-within {
    background:var(--white);
    border-color:var(--default);
}
.header-form input {
    width:100%;
    height:45px;
    font-size:15px;
    padding-left:1rem;
}



.header-form button i {
    width:45px;
    height:45px;
    font-size:15px;
    line-height:45px;
    text-align:center;
    border-radius:.5rem;
    color:var(--text);
    display:inline-block;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header-form button i:hover {
    color:var(--default);
}
.header-media-group {
    display:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.header-media-group a img {
    width:auto;
    height:45px;
}
.header-user img,
.header-src img {
    width:40px;
    height:40px;
    border-radius:50%;
}
.header-user i,
.header-src i {
    width:40px;
    height:40px;
    font-size:15px;
    line-height:40px;
    text-align:center;
    display:inline-block;
    border-radius:50%;
    color:var(--text);
    background:var(--chalk);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.header-user i:hover,
.header-src i:hover {
    color:var(--white);
    background:var(--default);
}
@media (max-width: 991px) {
    .header-content {
        padding:10px 0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
    }
    .header-media-group {
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
    .header-widget-group,
    .header-widget,
    .header-logo {
        display:none;
    }
    .header-form {
        display:none;
        margin:10px 0 0;
    }
    .header-form.active {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header-widget span {
        display:none;
    }
}

/********** navbar ************/
.main-navbar {
    background:var(--white);
}

.main-navbar-content {
    border-top:1px solid var(--border);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.main-navbar-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    list-style: none;
}
.navbar-item {
    margin-right:2rem;
}
.navbar-item:last-child {
    margin-right:0;
}
.navbar-link {
    padding:1.5rem 0;
    display: inline-block;
    font-weight:500;
    color:var(--text);
    text-transform:capitalize;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.navbar-link:hover {
    color:var(--default);
}

.dropdown-arrow {
    position:relative;
    padding-right:1rem !important;
}
.dropdown-arrow:hover::before {
    color:var(--default)
}
.dropdown-arrow::before {
    position:absolute;
    content:"\ea99";
    top:50%;
    right:0;
    font-size:15px;
    line-height:15px;
    color:var(--text);
    font-family:IcoFont;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}

.dropdown:hover .dropdown-position-list {
    visibility:visible;
    opacity:1;
    top:70px;
}
.dropdown-position-list {
    position:absolute;
    top:100px;
    left:0;
    z-index:2;
    width:200px;
    height:auto;
    visibility:hidden;
    opacity:0;
    padding:.5rem;
    border-radius:.5rem;
    background:var(--white);
    border:1px solid var(--border);
    -webkit-box-shadow:0 15px 35px 0 rgba(0,0,0,0.1);
    box-shadow:0 15px 35px 0 rgba(0,0,0,0.1);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.dropdown-position-list::before {
    position:absolute;
    content:"";
    z-index:-1;
    top:-7px;
    left:12px;
    width:12px;
    height:12px;
    border-radius:.25rem;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    background:var(--white);
    border-top:1px solid var(--border);
    border-left:1px solid var(--border)
}
.dropdown-position-list li a {
    width:100%;
    font-size:15px;
    line-height:18px;
    border-radius:.5rem;
    padding:.5rem 1rem;
    display: inline-block;
    color:var(--text);
    background:var(--white);
    white-space:nowrap;
    text-transform:capitalize;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.dropdown-position-list li a:hover {
    color:var(--default);
    background:var(--chalk);
}

.dropdown-megamenu {
    position:static
}
.dropdown-megamenu:hover .megamenu {
    visibility:visible;
    opacity:1;
    top:199px
}

.megamenu {
    position:absolute;
    top:230px;
    left:50%;
    z-index:2;
    width:1180px;
    border-radius:.5rem;
    padding:2rem;
    background:var(--white);
    border:1px solid var(--border);
    -webkit-box-shadow:0 15px 35px 0 rgba(0,0,0,0.1);
    box-shadow:0 15px 35px 0 rgba(0,0,0,0.1);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    visibility:hidden;
    opacity:0;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}

.megamenu-scroll {
    height:380px;
    overflow-y:scroll;
}
.megamenu-wrap {
    margin-bottom:2rem;
}
.megamenu-title {
    padding-bottom:1rem;
    margin-bottom:1.25rem;
    position:relative;
    text-transform:capitalize;
    border-bottom:1px solid var(--border);
}
.megamenu-title::before {
    position:absolute;
    content:"";
    bottom:-2px;
    left:0;
    width:50px;
    height:2px;
    background:var(--default);
}
.megamenu-list {
    border-left:1px solid var(--border);
}
.megamenu-list li a {
    width:100%;
    border-radius:.25rem;
    padding:.25rem 0 .25rem 1.5rem;
    color:var(--text);
    white-space:nowrap;
    text-transform:capitalize;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.megamenu-list li a:hover {
    color:var(--default);
    background:var(--chalk)
}
.megamenu-promo a img {
    width:100%;
    border-radius:.25rem;
}
@media (max-width: 1199px) {
    .megamenu {
        width:100%;
    }
}






.navbar-focus-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
.navbar-focus-list li {
    margin-left:2rem;
}
.navbar-focus-list li:first-child {
    margin-left:0;
}
.navbar-focus-list li a {
    font-weight:500;
    color:var(--text);
    text-transform:capitalize;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.navbar-focus-list li a:hover {
    color:var(--default);
}
.navbar-focus-list li a i {
    font-size:18px;
    margin-right:.25rem;
}
.navbar-info-group {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.navbar-info {
    margin-right:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.navbar-info:last-child {
    margin-right:0;
}
.navbar-info i {
    font-size:30px;
    margin-right:15px;
    color:var(--default);
}
.navbar-info p small {
    font-size:14px;
    line-height:16px;
    display:block;
    text-align:left;
    text-transform:capitalize;
}
.navbar-info p span {
    font-size:15px;
    font-weight:500;
}
@media (max-width: 991px) {
    .main-navbar {
        display:none;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .main-navbar-list li {
        margin-right:1rem;
    }
    .navbar-link {
        font-size:1rem
    }
    .navbar-info {
        margin-right:1rem;
    }
    .navbar-info p span {
        font-size:14px
    }
    .navbar-info i {
        margin-right:.5rem;
    }
}



/*************** mini cart ****************/

.mini-cart {
    position:fixed;
    top:0;
    right:-450px;
    width:400px;
    height:100vh;
    z-index:5;
    background:var(--white);
    -webkit-box-shadow:-15px 0 25px 0 rgba(0,0,0,0.15);
    box-shadow:-15px 0 25px 0 rgba(0,0,0,0.15);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.mini-cart.active {
    right:0
}
.cart-header {
    padding:1rem 1.5rem;
    text-align:center;
    position:relative;
    border-bottom:1px solid var(--border);
}
.cart-total {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.cart-total i {
    font-size:20px;
    margin-right:.5rem;
    color:var(--default)
}
.cart-total span {
    font-weight:500;
    color:var(--default);
    text-transform:capitalize
}
.cart-close {
    position:absolute;
    top:50%;
    left:-18px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.cart-close i {
    width:35px;
    height:35px;
    font-size:18px;
    line-height:35px;
    border-radius:50%;
    text-align:center;
    display:inline-block;
    color:var(--text);
    background:var(--white);
    text-shadow:var(--default-tshadow);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.cart-close i:hover {
    color:var(--white);
    background:var(--default);
}
.cart-list {
    height:100%;
    padding:0 1rem;
    max-height:calc(100vh - 210px);
    overflow-y:scroll;
}
.cart-item {
    padding:1rem 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    border-bottom:1px solid var(--border);
}
.cart-item:hover .cart-media button {
    -webkit-transform:scale(1);
    transform:scale(1)
}
.cart-item:last-child {
    border-bottom:none
}
.cart-media {
    position:relative;
    margin-right:1rem;
}
.cart-media a img {
    width:100px;
    border-radius:8px
}
.cart-media button {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:.5rem;
    background:rgba(0,0,0,0.2);
    -webkit-transform:scale(0);
    transform:scale(0);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s
}
.cart-media button i {
    width:32px;
    height:32px;
    font-size:18px;
    line-height:32px;
    text-align:center;
    border-radius:.25rem;
    display:inline-block;
    color:var(--red);
    background:rgba(255,255,255,0.9);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s
}
.cart-media button i:hover {
    color:var(--white);
    background:var(--red)
}
.cart-info-group {
    width:100%
}
.cart-info {
    margin-bottom:.75rem
}
.cart-info h6 {
    font-weight:400;
    text-transform:capitalize
}
.cart-info h6 a {
    color:var(--heading)
}
.cart-info p {
    font-size:14px
}
.cart-action-group {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.cart-action-group .product-action {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.cart-action-group .product-action button i {
    width:30px;
    height:30px;
    font-size:12px;
    line-height:30px;
    border-radius:.25rem;
}
.cart-action-group .product-action input {
    width:45px;
    height:30px;
    font-size:14px;
    border-radius:5px;
    color:var(--default);
    background:var(--chalk)
}
.cart-action-group h6 {
    font-weight:500;
    color:var(--default);
}
.cart-footer {
    padding:1.25rem 1rem 0;
    text-align:center;
    -webkit-box-shadow:0 -3px 7px 0 rgba(0,0,0,0.08);
    box-shadow:0 -3px 7px 0 rgba(0,0,0,0.08)
}
.coupon-btn {
    font-weight:500;
    margin-bottom:1.25rem;
    color:var(--default);
    text-shadow:var(--default-tshadow);
}
.coupon-btn:hover {
    text-decoration:underline;
}
.coupon-form {
    padding:.25rem;
    border-radius:.5rem;
    margin-bottom:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px solid var(--border);
    -webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,0.1);
    box-shadow:0 7px 13px 0 rgba(0,0,0,0.1);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
    display:none;
}
.coupon-form:focus-within {
    border-color:var(--default)
}
.coupon-form input {
    width:100%;
    height:38px;
    padding:0 1rem;
}
.coupon-form button span {
    width:100px;
    height:38px;
    font-size:14px;
    line-height:38px;
    border-radius:.5rem;
    display:block;
    text-align:center;
    text-transform:uppercase;
    color:var(--white);
    background:var(--default)
}
.cart-checkout-btn {
    padding:10px 0;
    border-radius:.5rem;
    background:var(--default);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.cart-checkout-btn:hover {
    background:var(--heading);
}
.checkout-label {
    width:100%;
    height:30px;
    font-size:15px;
    line-height:30px;
    letter-spacing:0.3px;
    text-align:center;
    text-transform:capitalize;
    color:var(--white);
}
.checkout-price {
    padding:0 25px;
    letter-spacing:0.3px;
    color:var(--white);
    border-left:1px solid var(--border);
}
@media (max-width: 450px) {
    .mini-cart {
        right:0;
        width:100%;
        height:100vh;
        -webkit-transform:scale(0);
        transform:scale(0);
        margin:80px 0 0;
        border-radius:15px 15px 0 0;
        transition:all linear .3s;
        -webkit-transition:all linear .3s;
        -moz-transition:all linear .3s;
        -ms-transition:all linear .3s;
        -o-transition:all linear .3s;
    }
    .mini-cart.active {
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:top;
        transform-origin:top;
    }
    .cart-close {
        left:50%;
        top:-45px;
        bottom:inherit;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%);
        border-radius:3rem 3rem 0 0;
        -webkit-box-shadow:0 -8px 10px 0 rgba(0,0,0,0.15);
        box-shadow:0 -8px 10px 0 rgba(0,0,0,0.15);
    }
    .cart-list {
        max-height:calc(100vh - 290px)
    }
    .cart-media a img {
        width:80px;
    }
}

@media (max-width: 450px) {
    .cart-sidebar {
        right:0;
        width:100%;
        height:100vh;
        -webkit-transform:scale(0);
        transform:scale(0);
        margin:80px 0 0;
        border-radius:15px 15px 0 0;
        transition:all linear .3s;
        -webkit-transition:all linear .3s;
        -moz-transition:all linear .3s;
        -ms-transition:all linear .3s;
        -o-transition:all linear .3s
    }
    .cart-sidebar.active {
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    .cart-close {
        left:50%;
        top:-45px;
        bottom:inherit;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%);
        border-radius:50px 50px 0 0;
        -webkit-box-shadow:0 -8px 10px 0 rgba(0,0,0,0.15);
        box-shadow:0 -8px 10px 0 rgba(0,0,0,0.15)
    }
    .cart-list {
        max-height:calc(100vh - 290px)
    }
    .cart-media a img {
        width:80px
    }
}
.cat-sidebar {
    position:fixed;
    top:0;
    left:-320px;
    width:280px;
    height:100vh;
    z-index:5;
    background:var(--white);
    -webkit-box-shadow:15px 0 25px 0 rgba(0,0,0,0.15);
    box-shadow:15px 0 25px 0 rgba(0,0,0,0.15);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.cat-sidebar.active {
    left:0;
}
.cat-header {
    padding:1rem;
    position:relative;
    border-bottom:.1rem solid var(--border);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.cat-title {
    color:var(--default);
    text-transform:capitalize;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.cat-title i {
    margin-right:.5rem;
}
.cat-close {
    position:absolute;
    top:50%;
    right:-18px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.cat-close i {
    width:35px;
    height:35px;
    font-size:18px;
    line-height:35px;
    border-radius:50%;
    text-align:center;
    display:inline-block;
    color:var(--text);
    background:var(--white);
    text-shadow:var(--default-tshadow);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.cat-close i:hover {
    color:var(--white);
    background:var(--default);
}
.cat-list {
    width:100%;
    padding:0 1rem;
    overflow-y:scroll;
    height:calc(100vh - 130px);
}
.cat-item {
    width:100%;
    border-bottom:.1rem solid var(--border);
}
.cat-link {
    font-size:16px;
    font-weight:400;
    padding:.75rem 1rem;
    color:var(--text);
    text-transform:capitalize;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -o-transition:all linear .3s;
    -ms-transition:all linear .3s;
}
.cat-link i {
    font-size:25px;
    margin-right:15px;
    display:inline-block
}
.cat-footer {
    text-align:center;
    margin-top:20px
}
.cat-footer p {
    font-size:14px;
    color:var(--gray)
}
.cat-footer p a {
    color:var(--default)
}
.mobile-menu {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:3;
    background:var(--white);
    border-radius:10px 10px 0 0;
    -webkit-box-shadow:0 -5px 15px 0 rgba(0,0,0,0.1);
    box-shadow:0 -5px 15px 0 rgba(0,0,0,0.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:none
}
.mobile-menu a,
.mobile-menu button {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:80px;
    padding:8px 0;
    border-radius:8px;
    position:relative
}
.mobile-menu a:hover,
.mobile-menu button:hover {
    background:var(--chalk)
}
.mobile-menu a:hover i,
.mobile-menu button:hover i {
    color:var(--default)
}
.mobile-menu a:hover span,
.mobile-menu button:hover span {
    color:var(--default)
}
.mobile-menu a i,
.mobile-menu button i {
    font-size:15px;
    margin-bottom:5px;
    color:var(--text);
    text-shadow:2px 3px 8px rgba(0,0,0,0.1)
}
.mobile-menu a span,
.mobile-menu button span {
    font-size:10px;
    line-height:12px;
    color:var(--text);
    text-transform:uppercase
}
.mobile-menu a sup,
.mobile-menu button sup {
    position:absolute;
    top:-5px;
    left:75%;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:20px;
    border-radius:50%;
    text-align:center;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    color:var(--white);
    background:var(--default);
    border:2px solid var(--green-chalk);
    text-shadow:var(--default-tshadow)
}
.mobile-menu a .fas fa-shopping-basket,
.mobile-menu button .fas fa-shopping-basket {
    font-size:18px
}
@media (max-width: 991px) {
    .mobile-menu {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}

.nav-sidebar {
    position:fixed;
    top:0;
    left:-320px;
    width:280px;
    height:100vh;
    padding:0;
    z-index:5;
    background:var(--white);
    -webkit-box-shadow:15px 0 25px 0 rgba(0,0,0,0.15);
    box-shadow:15px 0 25px 0 rgba(0,0,0,0.15);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.nav-sidebar.active {
    left:0;
}
.nav-header {
    padding:15px 0;
    position:relative;
    text-align:center;
    border-bottom:1px solid var(--border);
}
.nav-header a img {
    width:auto;
    height:40px;
}
.nav-close {
    position:absolute;
    top:50%;
    right:-18px;
    background: none;
    outline: none;
    border: none;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.nav-close i {
    width:35px;
    height:35px;
    font-size:18px;
    line-height:35px;
    border-radius:50%;
    text-align:center;
    display:inline-block;
    color:var(--text);
    background:var(--white);
    text-shadow:var(--default-tshadow);
    transition:all linear .3s;
    -webkit-transition:all linear .3s;
    -moz-transition:all linear .3s;
    -ms-transition:all linear .3s;
    -o-transition:all linear .3s;
}
.nav-close i:hover {
    color:var(--white);
    background:var(--default);
}
.nav-content {
    padding:0 1rem;
    overflow-y:scroll;
    max-height:calc(100vh - 100px)
}