@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html {
    scroll-behavior: smooth;
}
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%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: "Poppins", sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a,
a:hover {
    text-decoration: none;
}

button:focus {
    outline: 0 !important;
    outline: 0 !important;
}

img {
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

.blue-btn {
    background: #1f9bde;
    color: #fff;
    padding: 15px 30px;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.blue-btn:hover {
    background: #656565;
    color: #fff;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.gray-btn {
    background: #424953;
    color: #fff;
    padding: 15px 30px;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.gray-btn:hover {
    background: #656565;
    color: #fff;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.header {
    position: relative;
}

.header .navigation {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 0;
    padding: 25px 0 0;
}

.header .navigation .bg-light {
    background: transparent !important;
}

.header .navigation ul li a.nav-link {
    color: #fff;
    border-bottom: 2px solid transparent;
    font-size: 16px;
}

.header .navbar-light .navbar-toggler {
    color: #fff;
    border: none;
}

.header .navigation ul li a.nav-link:hover,
.header .navigation ul li.active a.nav-link {
    color: #fff;
/*    border-bottom: 2px solid #1f9bde;*/
}

.navigation .blue-btn {
    font-size: 12px;
    padding: 10px 15px;
    margin: 0 10px 0px 0;
    display: inline-block;
}

.seach-bar {
    background: #fff;
    border: 1px solid #27023b;
    margin: 0 0 10px;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.seach-bar input[type="text"] {
    background: #fff;
    border: 0;
    padding: 8px 10px;
}

#search-label {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    /* center flex items vertically */
    width: 60px;
    height: 27px;
    z-index: 100;
}

#searchcontainer {
    position: fixed;
    width: 100%;
    height: 200px;
    z-index: 999;
    display: block;
    background: #1f9bde;
    left: -100%;
    /* initially position search container out of view */
    top: 0px;
    /* shift container downwards so the header is still visible when search is shown */
    padding-top: 50px;
    opacity: 0;
    cursor: crosshair;
    text-align: center;
    font: bold 16px "Bitter", sans-serif;
    /* use google font */
    -webkit-transform: scale(0.9) translate3d(-0, -50px, 0);
    transform: scale(0.9) translate3d(-0, -50px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, left 0s 0.5s;
    transition: transform 0.5s, opacity 0.5s, left 0s 0.5s;
}

#searchcontainer div {
    padding: 5px;
    color: white;
}

#searchcontainer i {
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    margin: 5px 0 0 0%;
    display: inline-block;
    position: absolute;
    right: 22px;
    top: -35px;
    z-index: 999;
}

#searchcontainer form {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-transition: all 0.5s 0s;
    transition: all 0.5s 0s;
}

#searchcontainer form input[type="text"] {
    text-align: center;
    width: 90%;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 10px;
    border: none;
    border-bottom: 1px solid white;
    outline: none;
    font-size: 3em;
    background: #1f9bde;
    color: white;
}

#searchcontainer ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

#searchcontainer :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

#searchcontainer ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#searchcontainer.opensearch {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, left 0s 0s;
    transition: transform 0.5s, opacity 0.5s, left 0s 0s;
}

#searchcontainer.opensearch form {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.5s 0.5s;
}

.top-icon i {
    color: #fff;
    font-size: 16px;
    width: 31px;
    height: 31px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    line-height: 27px;
}

.sidenav {
    height: 100%;
    width: 0px;
    position: fixed;
    z-index: 999 !important;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.chkout {
    text-align: center;
    color: #fff !important;
    margin: 10px 0px !important;
}

.navwrap-1 p {
    color: #1f9bde;
    font-size: 20px;
    line-height: 45px;
    font-weight: 500;
    text-transform: capitalize;
}

.cp_wrap .col-12:last-child .bb_chkout {
    display: none;
}

.navwrap-1 h4 {
    font-size: 30px;
    text-transform: capitalize;
    font-weight: bold;
    color: #424953;
    line-height: 45px;
    letter-spacing: -2px;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 25px;
    margin-left: 50px;
    background: #d6d6d6;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    padding: 14px !important;
    margin-top: 10px;
}

div#mySidenav::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.store-cart-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 30px;
}

hr.bb_chkout {
    margin: 30px 0 20px 0 !important;
}

.store-cart-wrap ._shopImgWrap {
    width: 60px;
    height: 60px;
}

.store-cart-wrap ._shopImgWrap img {
    width: 50px;
    height: 50px;
}

.store-cart-wrap h4 {
    font-size: 18px;
    font-weight: 600;
}

.store-cart-wrap a.trash {
    padding: 0px !important;
    font-size: 20px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0.3);
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.store-cart-wrap a.trash:hover {
    color: #1f9bde;
}

#mySidenav .coupon-box {
    margin: 0px 10px 20px 10px;
}

.carousel-caption {
    bottom: 0;
    padding: 0;
    text-align: left;
}

.carousel-caption img {
    display: block;
    max-widht: 100%;
}

.carousel-caption h2 {
    font-size: 43px;
    margin: 35px 0 30px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
}

.carousel-caption h3 {
    font-size: 25px;
    color: #fff;
}

.carousel-caption a {
    color: #fff;
    font-weight: 600;
}

.carousel-caption a i {
    margin: 0 10px;
    font-size: 20px;
}

.carousel-indicators {
    bottom: 40px;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-top: 0;
    border-bottom: 0;
    opacity: 1;
    transition: opacity 0.6s ease;
    border-radius: 50%;
}

.carousel-indicators .active {
    width: 30px;
    border-radius: 17px;
}

.logo-area {
    padding: 50px 0 140px;
    background: url("../../assets/images/bg-small.png") -175px 40% no-repeat,
        url("../../assets/images/bg-small.png") no-repeat 114% 100%,
        url("../../assets/images/bg-small.png") no-repeat 45% 95%;
}

.logo-area .owl-theme .owl-nav {
    display: none;
}

.logo-area p {
    color: #666666;
    font-size: 18px;
    margin: 20px 0;
}

.logo-area h2 {
    color: #424953;
    font-size: 40px;
    font-weight: 600;
    margin: 80px 0 60px;
}

.logo-area h3 {
    color: #424953;
    font-size: 40px;
    font-weight: 600;
    margin: 20px 0px;
}

.logo-area .owl-theme .owl-dots .owl-dot.active span {
    border: 1px solid #ffffff;
    width: 30px;
    border-radius: 17px;
    background: #1f9bde;
}

.logo-area .owl-theme .owl-dots .owl-dot span,
.sec-5 .owl-theme .owl-dots .owl-dot:hover span {
    background: #1f9bde;
}

.white-box {
    text-align: center;
    border-radius: 10px;
    margin: 0 0 35px;
    padding: 45px 15px;
    background: #fff;
    border: 2px dashed #fff;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.white-box:hover {
    border: 2px dashed #ebebeb;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 2px 2px 10px 2px #ccc;
    box-shadow: 2px 2px 10px 2px #ccc;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.white-box h5 {
    color: #424953;
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 20px;
}

.white-box img {
    margin: 0 0 40px;
}

.white-box p {
    color: #bcbfbd;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    line-height: 22px;
}

.sec-3 {
    background: url("../../assets/images/grey-bg.jpg") no-repeat;
    padding: 40px 0 0;
    border-radius: 0 0 90px;
    background-size: cover;
}

.sec-3 img {
    display: block;
}

.sec-3 h3 {
    color: #c6c6c6;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 15px;
    line-height: 22px;
    text-transform: uppercase;
}

.sec-3 h4 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 25px;
    text-transform: capitalize;
}

.sec-3 p {
    color: #bcbfbd;
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 25px;
    line-height: 22px;
}

.nav.nav-tabs.tabs-left li {
    width: 100%;
    float: none;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #1f9bde;
}

.transitions .content {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

#category-menu ul li a {
    color: #999999;
    display: block;
    padding: 10px;
}

#category-menu ul li a:hover {
    background: #1f9bde;
    color: #fff;
}

#category-menu {
    height: 400px;
    overflow-y: scroll;
    margin-left: -15px;
}

.product {
    width: 100%;
    margin: 0 0 50px;
    position: relative;
}

.product img.big-image {
    width: 100%;
    border-radius: 8px;
    height: 306px;
}

.product .tag {
    background: #1f9bde;
    padding: 4px 8px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
}

.product .procut-inner {
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 100%;
    padding: 0 0 0 10px;
    box-sizing: border-box;
}

.product .procut-inner img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 10px solid #fff;
    float: left;
    margin: 0 10px 0 0;
}

.product .procut-inner h6 {
    color: #fff;
    font-size: 16px;
    margin: 5px 0;
}

.product .procut-inner p {
    color: #c6c6c6;
    font-size: 14px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sec-4 {
    background: url("../../assets/images/bg-small.png") no-repeat 114% 50%,
        url("../../assets/images/bg-small.png") no-repeat 6% 140%;
    padding: 80px 0;
}

.sec-4 h3 {
    color: #424953;
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 45px;
}

.sec-4 p {
    color: #bcbfbd;
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 30px;
    line-height: 22px;
}

.sec-4 img {
    margin: -80px 0 0;
}

.sec-5 {
    background: url("../../assets/images/blue-bg.jpg") no-repeat;
    background-size: cover;
    padding: 240px 0 100px;
    margin-top: -10%;
}

.sec-5 .item {
    background: transparent;
    padding: 60px 25px;
    /* -webkit-box-shadow: 2px 2px 10px 2px #ccc;
  box-shadow: 2px 2px 10px 2px #ccc; */
    border-radius: 10px;
    transition: 250ms all ease-in-out;
    color: #fff;
}

.sec-5 .item:hover {
    background: #fff;
    color: #000;
}

.sec-5 .item ul {
    display: flex;
    margin-bottom: 10px;
}

.sec-5 .item ul li {
    padding-right: 5px;
}

.sec-5 .item ul li i.fa.fa-star {
    color: #feb846;
    font-size: 20px;
}

.sec-5 .item img {
    float: left;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    margin: -8px 15px 10px 0;
}

.sec-5 .item p {
    color: #fff;
    font-size: 15px;
    margin: 0px 0 70px;
    line-height: 22px;
    font-weight: 300;
}

.sec-5 .item:hover p {
    color: #333333;
}

.sec-5 .item h5 {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 5px;
}

.sec-5 .item:hover h5 {
    color: #273239;
}

.sec-5 .item h6 {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
}

.sec-5 .item:hover h6 {
    color: #656565;
}

.sec-4 .owl-theme .owl-nav {
    display: none;
}

.sec-5 .owl-theme .owl-dots .owl-dot.active span {
    border: 1px solid #ffffff;
    width: 30px;
    border-radius: 17px;
    background: #ffffff;
}

.sec-5 .owl-theme .owl-dots .owl-dot span,
.sec-5 .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
}

.sec-5 button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.owl-theme .owl-nav {
    display: none;
}

.owl-theme .owl-dots {
    margin: 20px 0 0;
}

.sec-5 h3 {
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 90px;
    text-transform: capitalize;
}

.sec-6 {
    padding: 80px 0;
}

.sec-6 h3 {
    color: #424953;
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 45px;
    text-transform: capitalize;
}

img.blog__featuredImage {
    width: 430px;
    height: auto;
    object-fit: cover;
    min-height: 360px;
    border-radius: 10px;
}

img.blog__featuredImage.small__fi {
    width: 272px;
    min-height: 312px;
    height: 312px;
}

.card__wrapper h6 i.fa.fa-calendar {
    display: inline-block;
    margin-right: 10px;
}

.blog__wrapper {
    position: relative;
}

.card__wrapper {
    position: absolute;
    background: #fff;
    width: 450px;
    right: -25px;
    padding: 25px;
    bottom: -20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card__wrapper.small-ver {
    width: initial;
    top: initial;
    height: 205px;
}

.card__wrapper h6 {
    color: #686868;
    font-weight: lighter;
    font-size: 14px;
    margin-bottom: 15px;
}

p.blog__title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 25px;
}

p.blog__excerpt {
    color: #999999;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 25px;
}

.card__footer img {
    border-radius: 50%;
    width: 45px;
    height: 45px;
}

.card__footer h5 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px 10px;
    text-transform: capitalize;
}

.card__footer {
    display: flex;
    align-items: center;
}

.blog__row__1 {
    margin-bottom: 8%;
}

.blog__row__2 {
    margin-bottom: 150px;
}

p.blog__title a {
    color: #000;
    transition: 250ms color ease-in-out;
}

p.blog__title a:hover {
    color: #209bde;
}

/* footer css */
.footer {
    padding: 120px 0 50px 0px;
    background: #424953;
}

.footer__top__wrapper h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    line-height: 60px;
}

.footer__top__wrapper {
    text-align: center;
}

.footer__top__wrapper h2 span {
    color: #1f9bde;
}

.app__icon__wrap {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.app__icon__wrap img {
    margin: 0px 20px;
}

.f_wrp {
    border-bottom: 2px solid #555c65;
    padding-bottom: 75px;
}

.margin-top-fb {
    margin-top: 75px;
}

ul.fc_1 li {
    margin-bottom: 28px;
}

ul.fc_1 li p {
    color: #fff;
    font-size: 13px;
    line-height: 24px;
}

ul.fc_1 li a {
    font-size: 13px;
    color: #d0d1d4;
    transition: 250ms color ease-in-out;
}

ul.fc_1 li a:hover {
    color: #fff;
}

h6.ft-titles {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 16px 0 65px 0;
    text-transform: capitalize;
}

ul.ql li {
    margin-bottom: 22px;
}

ul.ql li a {
    color: #fff;
    opacity: 0.75;
    font-size: 14px;
    text-transform: capitalize;
}

ul.ql li a i.fa.fa-angle-right {
    display: inline-block;
    margin-right: 45px;
}

.ql li p {
    color: #fff;
    opacity: 0.75;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 300;
    line-height: 23px;
    margin-top: -10px;
}

input#newsletter-email {
    background: transparent;
    border-color: #71777e;
    color: #fff;
    font-size: 12px;
}

input#newsletter-email:focus {
    box-shadow: none;
}

button.btn.blue-btn.news-btn {
    margin-top: 20px;
    padding: 8px 30px;
    font-size: 11px;
    line-height: 22px;
}

.row.copyright_footer {
    margin-top: 50px;
}

.copy-col {
    display: flex;
    justify-content: space-between;
}

.copy-col p {
    color: white;
    font-size: 14px;
    line-height: 24px;
}

ul.social__links {
    display: flex;
}

.social__links a {
    font-size: 20px;
    background: #fff;
    margin-right: 10px;
    height: 30px;
    border-radius: 50%;
    color: #424953;
    width: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}

/* user panel css start */
.user__auth img {
    width: 100%;
    height: 100%;
}

.user__auth {
    height: 350px;
}

.card__wrapper__auth {
    margin-top: 0;
    background: #fff;
    border-radius: 10px;
    display: flex;
    -webkit-box-shadow: 0px 0px 40px -18px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 40px -18px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 40px -18px rgba(0, 0, 0, 0.4);
}

.card__left {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../../assets/images/bg__auth.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-position: center;
}

.card__right {
    flex: 1;
    padding: 115px 55px;
}

.card__right h3 {
    font-size: 40px;
    color: black;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.auth__tabs .nav-link.active {
    border: 0;
    border-bottom: 3px solid #1f9bde;
    width: 100%;
    font-weight: 500;
}

.auth__tabs {
    justify-content: space-around;
    border-bottom: 1px solid #c6c6c6;
}

.auth__tabs li.nav-item {
    width: 50%;
    text-align: center;
}

.auth__tabs .nav-link {
    color: black;
    padding-bottom: 20px;
    box-sizing: border-box;
    border: 0;
}

.auth__tabs .nav-link:hover {
    border: 0;
    border-bottom: 3px solid #1f9bde;
}

.auth__pane .tab-pane {
    padding: 45px 0px;
}

p.pane_text {
    font-size: 16px;
    line-height: 26px;
    /* color: #999999; */
}

section.auth__card {
    padding: 70px 0;
}

.button__wrapper a.blue-btn {
    padding: 15px 10px;
    margin-right: 20px;
}

.button__wrapper a.gray-btn {
    padding: 15px 10px;
}

a.blue-btn.auth__head__btn {
    background: #63b9e8;
}

/* register page css */

i.fa.fa-camera.profile-pic-icon {
    color: #bcbcbc;
    background: #fafafa;
    padding: 25px;
    border-radius: 50%;
}

.profile-picture-div label {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 8px;
    margin-top: 15px;
}

span.required {
    color: red;
}

button.reg__btn.blue-btn {
    margin: 100px auto 0px auto;
    display: table;
    border: 0px;
    width: 200px;
}

form.register__form > label {
    font-size: 13px !important;
}

form.register__form label {
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 25px;
}

form.register__form input,
form.register__form select {
    /* font-size: 13px; */
    padding: 15px 0.75rem;
    height: auto !important;
    color: black;
}
/* Confirm register page css */

.verified__wrapper > * {
    margin-bottom: 35px;
}

.verified__wrapper h5 {
    font-size: 35px;
    font-weight: 600;
    color: #424953;
    line-height: 25px;
}

.verified__wrapper p {
    font-size: 20px;
    color: #666666;
    text-transform: capitalize;
}

.verified__wrapper a.blue-btn {
    width: 280px;
}

/* Login page css */
button.login__btn.blue-btn {
    border: 0;
    width: 215px;
}
a.login__btn.blue-btn {
    width: 200px;
    text-align: center;
}

.chk__box {
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    padding-top: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: -1.25rem;
    font-size: 14px !important;
    color: black;
    text-align: left;
}

/* Hide the browser's default checkbox */
.chk__box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 2px;
    height: 18px;
    width: 18px;
    border: 1px solid #9999;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.chk__box:hover input ~ .checkmark {
    background-color: #fafcfd;
}

/* When the checkbox is checked, add a blue background */
.chk__box input:checked ~ .checkmark {
    background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chk__box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chk__box .checkmark:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.forgot_pass {
    font-size: 14px;
    color: #1f9bde;
    text-decoration: underline;
}

.card__right.login__right h3 {
    margin-bottom: 25px;
}

/* recover password css */
.wrapper_forgot {
    display: flex;
    align-items: center;
}

p.backTologin {
    padding-right: 25px;
}

p.backTologin a {
    color: #666666;
    font-size: 16px;
}

/* logged in header */
.notif_header {
    font-size: 20px;
    padding: 10px 15px;
    margin: 0 10px 0px 0;
    display: inline-block;
    color: #fff;
    position: relative;
}

a.notif_header:hover {
    color: #fff;
}

/* notification css */
/*notification start here*/

.dropdown-menu-right.show a:hover p {
    color: black !important;
}

.dropdown-notification.nav-item li.dropdown-menu-footer a:hover {
    color: black !important;
}

li.dropdown-menu-footer {
    width: 100%;
    margin: 10px 0 0 0 !important;
}

.dropdown-menu-right.show a:hover * {
    color: #00a6cc !important;
}

.tog {
    position: relative;
}

.tog::after {
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    border-top: 0.5em solid;
    border-right: 0.6em solid transparent;
    border-bottom: 0;
    border-left: 0.6em solid transparent;
    position: absolute;
    right: 0;
    transform: rotate(180deg);
    bottom: -10px;
    z-index: 9999;
    color: white;
}

ul.dropdown-menu.dropdown-menu-media.dropdown-menu-right.show {
    top: 10px !important;
    width: 400px;
    padding: 20px 0px 0 0px;
    height: 335px;
    overflow-y: scroll;
    z-index: 99999999;
}

h6.dropdown-header.m-0 {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #2d2d59;
    margin: 0 0 15px 0 !important;
    font-weight: 600;
    color: black;
    display: block;
    width: 100%;
}

p.notification-text.font-small-3.text-muted {
    margin: 3px 0 0 0;
    font-size: 12px;
    color: #9e9e9e !important;
}

li.scrollable-container.media-list.ps-container.ps-theme-dark a {
    display: block;
    margin: 20px 0 0 0;
}

li.scrollable-container.media-list.ps-container.ps-theme-dark a .media-left {
    margin: 0 10px 0 0;
    color: #1f9bde;
}

h6.media-heading {
    font-size: 13px !important;
    color: black;
    font-weight: 400;
}

time.media-meta.text-muted {
    font-size: 10px;
    line-height: 10px;
    margin: 0 0 0 0;
}

li.dropdown-menu-footer a:hover {
    color: #a40000 !important;
    background: white;
}

.dropdown-notification.nav-item li.dropdown-menu-footer a {
    margin: 5px 0 0 0;
    color: black !important;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600 !important;
    padding: 15px;
}

.dropdown-menu.show {
    padding: 10px 10px 10px 10px;
    border: 0;
    box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.3);
    border-radius: 5px;
    margin: 0;
    min-width: 93px;
}

.dropdown-menu.show i {
    font-size: 14px;
    width: 15px;
    text-align: center;
    margin: 0 10px 0 0;
}
.tb-dd a {
    font-size: 14px;
}

.navbar-nav a.dropdown-item {
    background: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-transform: capitalize;
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    padding: 20px 30px 18px 20px !important;
}

.user-dd.show a:hover {
    background: #209bde !important;
    color: #fff !important;
    transition: 250ms all linear;
}

.user-dd.show a:hover i {
    color: #fff !important;
}

.dropdown-menu.show a:hover {
    background: white;
    color: #00a6cc;
}

ul.dropdown-menu.dropdown-menu-media.dropdown-menu-right.show
    li.dropdown-menu-header {
    float: none;
    margin: 10px 10px 0 10px;
    display: block;
}

li.scrollable-container.media-list.ps-container.ps-theme-dark.ps-active-y {
    float: none;
    margin: 0;
    display: block;
    padding: 0px 20px;
}
.dropdown-notification.nav-item li.dropdown-menu-footer a:hover {
    color: #fff !important;
}
li.dropdown-menu-footer {
    float: none;
    margin: 0;
}

li.dropdown.dropdown-notification.nav-item {
    margin: 0 0 0 10px;
}

li.dropdown.dropdown-notification .nav-itema.nav-link.nav-link-label {
    padding: 0 !important;
}
.top-nav {
    background: #31a3e1;
}

.ul_hd {
    flex-direction: row;
    justify-content: flex-end;
    padding: 16px 16px;
    align-items: center;
    margin-right: 25px;
}
a.nav-link.nav-link-label {
    padding: 0;
    margin: 0;
}

a.nav-link.nav-link-label i {
    font-size: 20px;
    color: white;
    display: inline-block;
    margin: 5px 15px 0px 0;
}

span.badge-up {
    position: absolute;
    top: 0;
    left: 23px;
    min-width: 15px;
    min-height: 15px;
    padding: 3px 0 0 0;
    font-weight: 400;
    z-index: 222;
    color: white;
    font-size: 10px;
    background-color: #424953;
}

ul.nav-2.inner-nav {
    margin: 5px 0 15px 0;
}

.badge-danger {
    background: #209bde;
}

span.avatar.avatar-online {
    height: 35px;
    width: 35px;
    display: inline-block;
    margin-right: 10px;
}

li.dropdown.dropdown-user.nav-item {
    margin: 0px 10px;
}
span.user-name {
    color: #fff;
}

a.dropdown-toggle.nav-link.dropdown-user-link {
    align-items: center;
    display: flex;
}

a.dropdown-toggle.nav-link.dropdown-user-link:after {
    all: initial;
    content: "\f107 ";
    font-family: "FontAwesome";
    margin-left: 10px;
    color: #fff;
}

.navbar-light .navbar-nav .show > .nav-link {
    color: rgb(255 255 255 / 90%);
}

span.avatar.avatar-online img {
    border-radius: 50%;
    height: 100%;
}

/*notification end here*/

/* filter box */
h3.__filterHead {
    text-transform: initial;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -1px;
}

.card__wrapper__auth.__filterBox .card__right {
    padding: 35px 55px;
}

.__sel_col span.select2.select2-container.select2-container--default {
    display: block;
    width: 100% !important;
    position: relative;
}

form.__catForm label {
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    text-transform: capitalize;
}

.__sel_col
    span.select2.select2-container.select2-container--default
    span.selection
    span.select2-selection.select2-selection--multiple.category_container {
    border-color: #e1e1e1 !important;
    min-height: 48px;
    padding: 0.375rem 0.75rem !important;
}

form.__catForm .form-control {
    border-color: #e1e1e1 !important;
    min-height: 48px;
}

/* .__sel_col span.select2.select2-container.select2-container--default:after {
    content: "\f107 ";
    position: absolute;
    top: 15px;
    right: 10px;
    font-family: "FontAwesome";
    color: #424953;
    font-size: 16px;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
} */

li.select2-selection__choice {
    position: relative;
    padding: 8px 22px 8px 14px !important;
    background: #424953 !important;
    color: #fff !important;
    border-radius: 50px !important;
}

button.select2-selection__choice__remove {
    position: absolute;
    right: 7px;
    border: 0 !important;
    color: #424953 !important;
    background: #fff !important;
    border-radius: 50px !important;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    top: 8px;
    align-items: center;
    z-index: 4;
}

.__flexCol {
    display: flex;
    align-items: center;
}

.__flexCol .form-check.form-check-inline {
    margin-top: 25px;
    margin-left: 25px;
}

._submitCol {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

._submitCol input._submitFilter {
    background: #1f9bde;
    color: #fff;
    border: 0;
    padding: 20px 50px;
    border-radius: 5px;
}

/* s2 section */
.s2 h3 {
    font-size: 40px;
    font-weight: bold;
    color: #424953;
    text-transform: capitalize;
    line-height: 41px;
}

._shopWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 35px 10px;
    min-height: 260px;
    margin: 0px auto;
    transition: 250ms all ease-in-out;
    border-radius: 10px;
}

._shopWrapper:hover {
    -webkit-box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 0.15);
    -moz-box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 0.15);
    box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 0.15);
}

._shopWrapper h4 {
    color: #424953;
    font-weight: bold;
    font-size: 23px;
    text-transform: capitalize;
    line-height: 24px;
}

._shopWrapper p {
    color: #1f9bde;
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    text-transform: capitalize;
}

._shopWrapper a.gray-btn:hover {
    background: #1f9bde;
}

._shopWrapper > * {
    margin: 10px 0px;
}

._shopWrapper a.gray-btn:hover {
    background: #1f9bde;
}

._shopImgWrap img {
    z-index: 5;
    width: 125px;
    height: 125px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: contain;
}

._shopImgWrap {
    position: relative;
    height: 150px;
    width: 150px;
    filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.25));
}

.backdrop {
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    z-index: 4;
}

ul.paginate {
    display: flex;
    justify-content: center;
}

ul.paginate li {
    margin: 0px 10px;
    border: 2px solid #424953;
    border-radius: 5px;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 250ms all linear;
}

ul.paginate li:hover {
    background: #1f9bde;
    cursor: pointer;
}

ul.paginate li:hover a {
    color: #fff !important;
}

ul.paginate li a {
    color: #424953;
    font-weight: 600;
}

ul.paginate li a i.fa.fa-angle-right {
    font-weight: 600;
}

/* store page */
section.sp_1 {
    background-color: #f2f2f2;
    padding: 20px 0px;
}

.profile--cardStore {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 20px 30px 0 30px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 0.15);
    -moz-box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 0.15);
    box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 0.15);
    border-radius: 5px;
    position: absolute;
    top: -185px;
    background: #fff;
}

.profile--cardStore h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    text-transform: capitalize;
    color: #424953;
}

.profile--cardStore p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.profile--cardStore > * {
    margin: 10px 0px;
}

.profile--cardStore ._shopImgWrap {
    height: 150px;
    width: 150px;
}

.profile--cardStore ._shopImgWrap img {
    width: 140px;
    height: 140px;
}

.sp_wrapper {
    margin-top: 45px;
}

.sp_wrapper h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    color: #1f9bde;
    text-transform: capitalize;
    margin-bottom: 15px;
}

ul.sp_tags {
    display: flex;
    flex-wrap: wrap;
}

ul.sp_tags li {
    font-size: 16px;
    line-height: 20px;
    background: #424953;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 10px 4px 10px 0px;
}

.sp_tag_wrapper p {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 20px;
    color: #333333;
    padding-bottom: 10px;
    position: relative;
    margin-right: auto;
    display: table;
    min-width: 200px;
}

.sp_tag_wrapper p:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #ececed;
    width: 100%;
    bottom: 0;
    left: 0;
}

ul.sp_timings li {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}

ul.sp_timings li span {
    display: inline-block;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 20px;
}

.sp_tag_wrapper label {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    text-transform: capitalize;
}

ul.sp_timings li span:nth-child(2) {
    margin-right: 60px;
}

.sp_tag_wrapper a p {
    text-transform: lowercase;
}

.sp_tag_wrapper a p:hover {
    color: #1f9bde;
    transition: 250ms color linear;
}

/* .sp_tab_list {justify-content: flex-start !important;}

.sp_tab_list li.nav-item {width: 245px;} */

.nav.nav-tabs.nav-underline {
    display: block;
    border-bottom: 1px solid #c7c7c7;
    height: auto;
    min-height: auto;
    line-height: 0;
}

.nav.nav-tabs.nav-underline .nav-item {
    position: relative;
    z-index: 1;
    display: inline;
    text-align: center;
    -webkit-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin-left: 0;
    line-height: 10px;
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link:before {
    background: transparent;
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link {
    border-radius: 0px;
    text-transform: capitalize;
    position: relative;
    padding: 10px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    color: #c7c7c7;
    font-weight: 600;
    background: transparent;
    display: inline-block;
    margin: 20px 10px 0px 0;
    min-width: 300px;
    font-size: 20px;
    border-bottom: 2px solid #fff;
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link:hover,
.nav.nav-tabs.nav-underline .nav-item a.nav-link:focus,
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active {
    color: #1f9bde !important;
    border-bottom: 2px solid #1f9bde;
}

.nav.nav-tabs .nav-item .nav-link:hover:not(.active) {
    border-color: transparent;
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link.active {
    border: none;
    background-color: transparent;
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #1f9bde !important;
    content: "";
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link.active:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.coupon-box {
    background: #f5a51c;
    padding: 0 0px 20px;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 80px;
    font-weight: 600;
}

.coupon-top {
    background: #f03c5f;
    padding: 20px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    text-align: center;
}

.coupon-top h3 {
    font-size: 45px !important;
    color: #ffffff !important;
    margin: 0 0 10px !important;
    font-weight: 600;
    line-height: 42px;
}

.coupon-top h3 span {
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 10px;
    font-weight: 600;
    display: inline-block;
    line-height: 42px;
    vertical-align: top;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: static;
}

.coupon-top h4 {
    font-size: 13px;
    color: #ffffff;
    margin: 0 0 10px;
    font-weight: 600;
}

.coupon-bottom {
    padding: 0 10px;
    position: relative;
}

.discount h5 {
    background: url(../../assets/images/discount-bg.png) no-repeat center top;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 18px !important;
    text-align: center;
    padding: 5px 0;
    margin: 15px 0 25px 0;
    /* font-size: 26px; */
    font-weight: 600;
}

.coupon-bottom label {
    color: #fff;
    font-size: 12px;
    margin: 0 0 5px;
    text-align: center;
    display: block;
}

.coupon-bottom h6 {
    font-size: 14px !important;
    font-weight: 600;
    color: #fff !important;
    margin: 0 0 10px;
}

.coupon-bottom p {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
}

.coupon-bottom hr {
    border-top: 1px dashed #fff;
}

.tabs-image {
    margin: 10px 0px;
    border-radius: 10px;
    width: 100%;
}

span.new_label {
    position: absolute;
    color: #fff;
    background: #1f9bde;
    font-size: 11px;
    padding: 5px;
    top: 10px;
    left: 20px;
    border-radius: 2px;
}

span.wishlist_btn {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #ff4d4d;
    background: #fff;
    width: 25px;
    border-radius: 50%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding-left: 1px;
}

.card-body.userr .tab-content.pt-2.pb-2 {
    padding: 30px 0px !important;
}

a.atc.blue-btn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 165px;
    text-align: center;
}

div#tab31 .coupon-box {
    padding-bottom: 45px;
}

.coupon-bottom ._shopImgWrap {
    width: 45px;
    height: 45px;
    margin-right: 15px;
}

.coupon-bottom ._shopImgWrap img {
    height: 40px;
    width: 40px;
}

.store_logo_wrap {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.store_logo_wrap p {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 15px;
}

.tooltip-inner {
    color: #999999;
    background: #fff;
    font-size: 15px;
    font-weight: 300;
    text-transform: capitalize;
    max-width: 400px;
    width: 330px;
    text-align: center;
    box-shadow: 0 0 4px #00000030;
}

a.subscribed {
    background: #cdcdcd;
    color: #fff;
    padding: 15px 30px;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
}

/* .tooltip .arrow {right: 0px !important;} */

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff !important;
    right: 16px !important;

    left: initial !important;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
    right: 0px !important;
    left: initial !important;
}

.tooltip {
    width: 330px !important;
    left: -75px !important;
    top: 10px !important;
}

.banner_wr {
    width: 100%;
    position: relative;
    top: 0;
    height: 145px;
}

.banner_wr img {
    width: 100%;
    height: 100%;
}

/* checkout page css */
.banner_wr.chkout_b {
    height: 140px;
}

.cst-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.cst-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.chk-radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #dadada;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* On mouse-over, add a grey background color */
.cst-radio:hover input ~ .chk-radio {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.cst-radio input:checked ~ .chk-radio {
    background-color: #1f9bde;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.chk-radio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.cst-radio input:checked ~ .chk-radio:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.cst-radio .chk-radio:after {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
}

.chk_card {
    padding-top: 120px;
}

.checkout_wrapper h3 {
    font-size: 40px;
    line-height: 77px;
    color: #424953;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 25px;
    letter-spacing: -2px;
}

.checkout_form h4 {
    color: #1f9bde;
    font-size: 25px;
    line-height: 77px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 25px;
}

form.checkout_form label {
    font-size: 16px;
    line-height: 25px;
    color: black;
    text-transform: capitalize;
}
button.blue-btn.chk-btn {
    border: 0;
}
.checkout_form .form-control {
    border-color: #dadada !important;
    min-height: 55px;
    margin-bottom: 35px;
}

.checkout_form .form-control::placeholder {
    font-size: 13px;
    line-height: 50px;
    color: #c7c7c7;
}
.selection_wrapper {
    padding: 30px 20px;
}
.selection_wrapper .coupon-box {
    margin: 0 20px 50px 20px !important;
}
a.cont_shop {
    font-size: 16px;
    line-height: 58px;
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: underline;
    color: #1f9bde;
}

.store-cart-wrap a.trash i.fa.fa-trash {
    color: #a4a4a4;
}
.modal-content.checkout_modal .modal-footer {
    border: 0;
    justify-content: center;
}
.modal-content.checkout_modal .modal-body {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal-content.checkout_modal h3 {
    font-size: 20px;
    text-align: center;
    color: #424953;
    text-transform: capitalize;
    font-weight: 600;
}

.modal-content.checkout_modal .modal-body > * {
    margin: 15px 0px;
}

.modal-content.checkout_modal p {
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #666666;
}

.modal-content.checkout_modal {
    padding: 25px 45px;
    border-radius: 10px;
}
.modal-content.checkout_modal .modal-body {
    padding: 0;
}

/* wishlist */
h3.head_wish {
    font-size: 40px;
    line-height: 77px;
    color: #424953;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: -1px;
}

.wishlist_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 46px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 0px 33px -19px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 33px -19px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 33px -19px rgba(0, 0, 0, 0.15);
}

.coupon_item {
    flex: 1;
    position: relative;
}

.store_item {
    flex: 2;
}

.action_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.coupon_item .coupon-box {
    margin: 0;
}

.coupon_item .coupon-box a.atc.blue-btn {
    bottom: -18px;
}

.coupon_item .coupon-box label {
    font-size: 20px;
    line-height: 27px;
    font-weight: lighter;
}
.coupon_item .coupon-box .coupon-bottom {
    padding-bottom: 20px;
}
.store_item .store-cart-wrap {
    justify-content: flex-start;
    margin-left: 30px;
}

.coupon_item .coupon-box .coupon-top {
    padding: 5px;
}

.coupon_item .coupon-box .coupon-top h4 {
    font-size: 20px;
    font-weight: lighter;
    margin-top: -15px;
}
.store_item .store-cart-wrap ._shopImgWrap {
    width: 100px;
    height: 100px;
}

.store_item .store-cart-wrap ._shopImgWrap img {
    width: 90%;
    height: 90%;
}
.store_item h4 {
    font-size: 20px;
    color: #545454;
    line-height: 74px;
    margin-left: 15px;
    text-transform: capitalize;
}
.action_item a.gray-bn {
    background: #545454;
    color: #fff;
    padding: 15px 30px;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 5px;
    font-weight: 600;
    transition: 250ms all linear;
}

.action_item a {
    margin-bottom: 20px;
    padding: 10px 10px !important;
    width: 180px;
}

.action_item a.gray-bn:hover {
    background: #1f9bde;
}

/* coupon log css */

/*radio styles*/
/* The container */
.container-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px !important;
    margin-top: 12px !important;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark-1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark-1 {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark-1 {
    background-color: #1f9bde;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-1:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark-1:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark-1:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
/*radio styles*/
.tb-row label {
    color: #666666;
    font-size: 14px;
}

.gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group {
    position: relative;
}
#configuration input[type="password"],
#configuration input {
    padding: 0 20px !important;
}
input#datepicker-1,
input#datepicker-2 {
    padding: 0 17px !important;
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #666666 !important;
}

input.dp {
    border: 1px solid #e1e1e1;
    margin: 15px 0 20px;
}
.sorter input {
    height: 50px;
    border-radius: 30px !important;
}
.gj-datepicker-bootstrap [role="right-icon"] button .gj-icon,
.gj-datepicker-bootstrap [role="right-icon"] button .material-icons {
    top: 16px;
    right: 0;
    position: absolute !important;
    left: -80px !important;
    color: #424953;
    font-size: 20px !important;
    width: auto;
}
button.btn.btn-outline-secondary.border-left-0 {
    position: absolute;
    border: 0px;
    padding: 0;
    background: transparent;
}
.row.tb-row {
    margin-bottom: 20px;
}
tbody tr .mb-1,
.my-1 {
    margin-bottom: 0px !important;
    /* float: right; */
    margin-top: -2px;
}
.tb-dd {
    min-width: 8rem;
    border: 0;
    box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 0.5rem 0;
}
.tb-dd.show {
    padding: 10px 0px;
}
table tbody td a.dropdown-item,
table tbody td a.dropdown-item i {
    color: #999999 !important;
    padding: 2px 10px 3px 8px;
    margin: 0;
    width: auto;
    border-radius: 0;
    text-transform: capitalize;
    text-transform: uppercase;
}
table tbody td a.dropdown-item i {
    width: 25px;
    margin-right: 5px;
    color: #646464 !important;
}
table tbody td a.dropdown-item:hover,
table tbody td a.dropdown-item:hover i {
    color: white !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:active {
    background: #1f9bde !important;
    color: white !important;
}

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}
.dataTables_length {
    /* display: none; */
    /* margin: 22px 0 0 0; */
}
.maain-tabble label {
    color: #666666 !important;
    text-transform: capitalize;
    padding: 0 0 0 0;
}
.dataTables_length select {
    border-radius: 15px !important;
    margin: 0 10px;
    padding: 0 5px 0 8px !important;
    background-position: 92% 7px !important;
    height: 30px !important;
    background: url(../../assets/images/table-arrow.png) no-repeat 93% center !important;
    min-width: 120px;
    appearance: none;
}

.dataTables_filter {
    display: block;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-size: 0;
    position: relative;
}

.dataTables_filter input,
#DataTables_Table_0_filter input,
#DataTables_Table_1_filter input {
    padding: 0 40px 0 20px !important;
}
div.dataTables_wrapper div.dataTables_filter input {
    width: 230px !important;
    height: 48px;
    padding: 0 40px 0 20px !important;
    color: black;
    font-style: normal;
    border: 1px solid #e1e1e1 !important;
    margin: 0;
    font-size: 14px;
    border-radius: 30px !important;
}
.dataTables_filter label:after {
    font-family: "FontAwesome";
    content: "\f002";
    position: absolute;
    right: 0px;
    font-size: 15px;
    color: #1f9bde;
    width: 20px;
    height: 30px;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    font-weight: 900;
    top: 8px;
    right: 10px;
}

.maain-tabble .col-sm-12 {
    padding: 0px !important;
}
div.dataTables_wrapper .row {
    align-items: center;
    margin-bottom: 30px !important;
}
table#DataTables_Table_0 {
    width: 100%;
    border-spacing: 0 26px;
}

.table-bordered {
    border: none;
}
table thead tr {
    background: white;
    border-radius: 100px;
    /* box-shadow: 0 0 20px 0 rgba(0,0,0,.2); */
}
table.table-bordered.dataTable thead th,
table.table-bordered.dataTable tbody td {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
table thead tr th:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: none !important;
    border-top: none !important;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
}
.table-bordered th,
.table-bordered td {
    border: transparent;
}
table thead th {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    bottom: 21px !important;
}
.maain-tabble tbody tr {
    background-color: transparent !important;
    box-shadow: 0 0 1px 1px rgba(62, 57, 107, 0.07),
        0 2px 9px 0 rgba(62, 57, 107, 0.06);
    border-radius: 30px;
}
.table tbody td {
    padding: 1.5rem 1rem;
    color: #666666;
    font-size: 13px;
    vertical-align: middle;
    font-weight: 500;
    text-align: center;
}
.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 3%) !important;
}
.green-text {
    color: #8cc95a !important;
}
.red-text {
    color: #ff0000 !important;
}
td {
    vertical-align: middle;
}

td img {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
div.dataTables_wrapper div.dataTables_info {
    color: #666666;
    text-transform: capitalize;
}
.page-item:first-child .page-link {
    color: #424953;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    min-width: 100px;
    text-align: center;
    background: white;
}
.page-item .page-link {
    border: 1px solid #eeeeee !important;
    padding: 10px 15px;
    color: #c1c1c1;
}
li.paginate_button.page-item.active {
    background: #221f1f;
}
.page-item.active .page-link {
    background: #424953;
    border-color: #1f9bde;
    color: white;
    transition: all 0.3s ease;
}

li.paginate_button.page-item.next.disabled a {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.coup_wrap {
    margin-top: 35px !important;
}

.coup_wrap .coupon-box .coupon-bottom p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

.coup_wrap .coupon-box .coupon-bottom .discount h5 {
    font-size: 40px !important;
    background-size: 95% 100%;
}

.coup_wrap .coupon-box .coupon-top h3 {
    font-size: 100px !important;
    padding-top: 18px;
}

.coup_wrap .coupon-box .coupon-top h4 {
    font-size: 40px;
}

.coup_wrap .coupon-box .coupon-bottom label {
    font-size: 35px;
    font-weight: 600;
}

.coup_wrap .coupon-box .coupon-bottom hr {
    border-width: 6px;
    margin: 20px 0;
}
.coup_wrap .coupon-box {
    margin: 0;
}
.store_meta {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.store_meta img {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    border: 4px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 30px -15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 30px -15px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 30px -15px rgba(0, 0, 0, 0.15);
}

.store_meta h4 {
    color: #1f9bde;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
}
.modal-footer.view_coup a.blue-btn {
    width: 80%;
    text-align: center;
}
div#viewCoup {
    padding: 0 !important;
}
#dlcoup {
    padding: 0 !important;
}
.dl_Wrap h4 {
    color: #424953;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    margin-bottom: 30px;
}

#dlcoup .modal-dialog.modal-dialog-centered {
    max-width: 800px;
}

.dl_Wrap {
    margin: 50px 0 50px 0px !important;
}
.dl_Wrap .form-row {
    padding-top: 40px;
}

.dl_Wrap label.cst-radio {
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    vertical-align: middle;
}

.dl_Wrap span.chk-radio {
    background: #fff !important;
}

.dl_Wrap .cst-radio .chk-radio:after {
    background: #1f9bde;
}
.rm_Wrap {
    text-align: center;
}

.rm_Wrap img {
    margin: 30px 0px;
}

.rm_Wrap p {
    line-height: 35px !important;
    font-weight: 500;
}

div#rm-cp {
    padding: 0px !important;
}

div#rm-cp .modal-dialog.modal-dialog-centered {
    max-width: 700px !important;
}
/* contact us */
textarea#msg {
    border: 1px solid #e1e1e1;
    font-size: 13px;
    padding: 10px 0.75rem;
    margin: 15px 0 20px;
}

img.contact-img {
    margin: 15px 0px;
}

/* notification page css */
.notification_item {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    align-items: center;
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid #f2f2f2;
}
.notification_item:last-child {
    border-bottom: 0;
}
.notification_item .left {
    display: flex;
    align-items: center;
}

.notification_item .left img {
    align-self: center;
    margin-right: 40px;
}

.notification_item .left .inner_wrap_n {
    align-self: center;
}

.notification_item .left .inner_wrap_n h6 {
    font-size: 20px;
    color: #666666;
    text-transform: capitalize;
    line-height: 40px;
    font-weight: 400;
}

.notification_item .left .inner_wrap_n p {
    font-size: 14px;
    line-height: 25px;
    color: #999999;
    text-transform: capitalize;
    font-weight: lighter;
}
.right a.view-ntf {
    font-size: 14px;
    line-height: 80px;
    color: #fff;
    margin-right: 20px;
    background: #424953;
    padding: 10px 25px;
    border-radius: 5px;
    text-transform: capitalize;
    font-weight: 600;
}
a.del-notf {
    background: #7a7a7a;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    padding-left: 1px;
    font-size: 14px;
    padding-bottom: 21px;
}
.right a:hover {
    background: #1e9bdd;
    transition: 250ms all linear;
}

/* subs store css */
.action_item.subscribed-stores {
    flex-direction: row;
}

.action_item.subscribed-stores a {
    width: 150px !important;
    margin-right: 20px;
    padding: 20px 0px;
    margin-bottom: 0;
}
.wishlist_item.sub-store {
    padding: 25px;
}

.wishlist_item.sub-store .store_item .store-cart-wrap ._shopImgWrap {
    width: 120px;
    height: 120px;
}
.modal-content.checkout_modal p {
    font-size: 22px;
    line-height: 56px;
    color: #666666;
}
div#unsubModal .modal-dialog.modal-dialog-centered {
    max-width: 700px;
}

.modal-footer.unsub_foot a {
    width: 150px;
    text-align: center;
}
.modal-body.unsub_modal {
    position: relative;
}
.modal-body.unsub_modal button.close {
    position: absolute;
    top: -20px;
    right: -20px;
    background: #d6d6d6;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* profilecss */
.profile-banner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-banner-wrap img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
}

.prof-link-wrap {
    display: flex;
    flex-direction: column;
}

.prof-link-wrap a {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    padding: 0px 15px;
    border-radius: 10px;
}

.prof-link-wrap a:last-child {
    margin: 0;
}

a.edit_prof {
    background: #1f9bde;
}

a.change_pass {
    background: #424953;
}
label.profile-label {
    color: #666666;
    font-size: 16px;
    line-height: 50px;
    font-weight: 400;
}

h6.profile-h6 {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
}

/* edit profile */
.profile-picture-div.edit-prof {
    position: relative;
    margin-right: auto;
    display: table;
}

.profile-picture-div.edit-prof label {
    background: transparent;
    position: absolute;
    bottom: -36px;
    right: -18px;
}

.profile-picture-div.edit-prof label i.fa.fa-camera.profile-pic-icon {
    background: #1f9bde;
    color: #fff;
    padding: 10px;
    border: 1px solid #fff;
}
form.register__form.form-edit input {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}
form.register__form.form-edit .form-row {
    margin-top: 15px !important;
}
form.register__form .form-check {
    text-align: left;
    margin-bottom: 20px;
}
/* 404 */
.notF_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notF_wrap > * {
    margin: 20px 0px 0px 0px;
}

.notF_wrap h5 {
    color: #424953;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 600;
}

.notF_wrap p {
    color: #999999;
    font-size: 16px;
    line-height: 26px;
}

a.notF {
    font-size: 14px;
    background: #1f9bde;
    color: #fff;
    line-height: 31px;
    padding: 10px 50px;
    border-radius: 5px;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(../../assets/images/menu.png) !important;
}
.dropdown-menu.dropdown-menu-right.user-dd {
    z-index: 2;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.dropdown-menu.dropdown-menu-right.user-dd.show {
    left: 38px !important;
}

a.subscribe.blue-btn {
    position: relative;
    text-align: center;
}
a.subscribe.blue-btn {
    background: transparent;
    padding: 0;
    border: 0;
    display: inline-flex;
    margin-top: 0;
    cursor: pointer;
}
.subscribe-text {
    border-radius: 0 10px 10px 0;
    color: black;
    text-transform: uppercase;
    background: #f8f8f8;
    font-size: 20px;
    border: 2px solid #eeeeee;
    padding: 10px;
}
.bell-icon {
    font-size: 20px;
    border: 2px solid red;
    border-radius: 10px 0 0 10px;
    color: white;
    background: red;
    padding: 10px;
}
.p-sm {
    font-size: 12px;
}
a.subscribe.blue-btn:after {
    content: "Subscribe for Coupon Notifications";
    position: absolute;
    bottom: -48px;
    color: #999999;
    background: #fff;
    z-index: 9;
    width: 355px;
    left: 50%;
    padding: 5px;
    transform: translateX(-68%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    top: -35px;
    bottom: unset;
    z-index: 1;
}
a.subscribe.unsub.blue-btn::after {
    content: "Unsubscribe to Stop Coupon Notifications";
}

a.subscribe.blue-btn:before {
    content: "";
    position: absolute;
    top: -4px;
    border-bottom: 6px solid #fff;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    z-index: 10;
    border-right: 6px solid transparent;
    right: 12px;
}
div#accordion .card .card-body p.text {
    font-family: "Poppins";
    color: #000;
    line-height: 1.5;
}
div#accordion .card {
    background: transparent;
    border: 0 !important;
    border-top: 2px solid #fff !important;
    border-radius: 0px !important;
    color: #000;
    font-weight: 400;
    box-shadow: none;
    padding: 0;
    margin-bottom: 30px;
}

div#accordion .card:last-child {
    border-bottom: 2px solid #fff !important;
}

div#accordion .card .card-header {
    border-radius: 0 !important;
    background: 0;
    border: 0 !important;
    background-color: transparent !important;
    padding: 0;
}

div#accordion .card .card-header h5 button.btn.btn-link {
    color: #000;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

div#accordion .card .card-body {
    padding: 10px 0;
}

div#accordion .card .card-header h5 button.btn.btn-link p {
    font-size: 18px;
    color: #000;
    margin: 0;
    text-align: left;
    line-height: 25px;
    font-weight: 500;
    white-space: pre-wrap;
    padding: 0;
    font-family: "Poppins";
}

div#accordion
    .card
    .card-header
    h5
    button.btn.btn-link[aria-expanded="true"]
    i {
    transform: rotate(180deg);
    transition: 250ms all linear;
    transform-box: view-box;
    display: flex;
    transform-origin: center;
}

div#accordion
    .card
    .card-header
    h5
    button.btn.btn-link[aria-expanded="false"]
    i {
    transition: 250ms all linear;
    transform: rotate(0deg);
    transform-box: view-box;
    transform-origin: center;
    display: flex;
}
a.btn-red {
    background: red;
    color: #fff;
    padding: 12px 40px;
    border-radius: 0px 20px 0px 10px;
}

button.btn-bluee {
    background: #0e95b9;
    border: 0;
    color: #fff;
    padding: 12px 40px;
    border-radius: 20px 0 10px 0px;
}
img.stok {
    max-width: 100%;
    margin: 20px 0px;
    height: 360px;
    object-fit: cover;
    object-position: center;
}
p.text-abt {
    color: #000;
    font-family: "Poppins";
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
}
p.about-us {
    font-size: 18px;
    line-height: 1.8;
    color: #000;
    font-family: "Poppins";
}
.right-iconn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: #333333;
    cursor: pointer;
}
.privacy-heading {
    color: #424953;
    font-size: 40px;
    font-weight: 600;
}
.privacy-policy p {
    font-size: 14px;
    line-height: 1.5;
}
.blue-text {
    color: #1f9bde;
}
.profile-timetable {
    margin-top: 230px;
}
.custom-select-option {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: unset !important;
    color: #000 !important;
    background-color: transparent !important;
    padding: 4px !important;
    font-size: 16px !important;
    font-weight: 600;
}
.user_dropdown .dropdown-menu {
    min-width: 240px;
}
.p-lg {
    font-size: 20px;
}
.bold {
    font-weight: 700;
}
.black-text {
    color: black !important;
}
#warningMessage {
    padding: 15px 25px 15px 15px;
    font-size: 14px;
    border-radius: 5px;
    background: white;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.16);
    position: relative;
}
.close-btnn {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.left-iconn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #1f9bde;
    left: 20px;
}
.upload-couponn {
    background: #f3f3f3 !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin: 10px 0 30px 0 !important;
}
.couponn-cardd {
    background: #274e22;
    position: relative !important;
    color: white !important;
    max-width: 476px !important;
}
.couponn-discount {
    color: white !important;
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transform: rotate(270deg) translateY(-50%) translateX(-50%) !important;
    position: absolute !important;
    left: 20% !important;
    text-align: center !important;
    top: 11% !important;
    width: 100%;
    line-height: 1;
}
.couponn-cardd .border-right {
    border-right: 2px dashed white !important;
}
.couponn-textt {
    font-size: 9px !important;
    /* text-transform: uppercase !important; */
    font-weight: 700 !important;
    margin: 0 !important;
    margin-top: 5px !important;
    color: white !important;
    position: relative;
    z-index: 1;
}
.couponn-codee {
    color: white !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    margin-left: 10px !important;
    margin-top: 9px !important;
    /* text-transform: uppercase !important; */
}
.couponn-date {
    color: #ffffff !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    /* margin-left: 5px !important; */
}
.hr-blockk {
    height: 100px !important;
    max-width: 125px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    color: #294d22 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-top: 5px !important;
    margin-left: 10px !important;
}
.hr-blockk img {
    height: 100px !important;
    object-fit: cover !important;
    object-position: center !important;
    max-width: 125px !important;
}
.couponn-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    /* text-transform: uppercase !important; */
    line-height: 1 !important;
    position: relative !important;
    margin-top: 8px !important;
    z-index: 2 !important;
    color: white !important;
}
.couponn-top {
    position: absolute !important;
    top: 0 !important;
    left: 25% !important;
    transform: translateX(-70%) !important;
    width: 35px !important;
    margin: 0 !important;
}

.couponn-bottom {
    position: absolute !important;
    bottom: 0 !important;
    left: 25% !important;
    transform: translateX(-70%) !important;
    width: 35px !important;
    margin: 0 !important;
}
.pad-r-1 {
    padding-right: 8px !important;
}
.couponn-pills .nav-item .nav-link:hover,
.couponn-pills .nav-item .nav-link:focus,
.couponn-pills .nav-item .nav-link:active,
.couponn-pills .nav-item .nav-link.active {
    background: #1f9bde;
    color: white;
}
.cp-discountt {
    margin-bottom: 0 !important;
    line-height: 1.35;
    margin-top: 5px !important;
}
.modal-content .coupon-box {
    margin: 10px auto 0 auto !important;
}
.wishlist-icon {
    padding: 0;
    background: transparent;
    color: white;
    position: absolute;
    right: 40px;
    top: 0px;
    z-index: 100;
    font-size: 18px;
}
.coupon-logo {
    width: 25px;
    position: absolute;
    z-index: 100;
    top: 5px;
    right: 10px;
}
label.blue-label {
    color: #000;
    font-weight: 700;
}
.couponn-bg {
    width: 30px;
    height: 60px;
    position: absolute;
    z-index: 0;
    top: 0;
    background: #53a458;
    left: 50%;
    transform: translateX(-67%);
}
.couponn-card-innerr {
    padding: 8px 8px 8px 0 !important;
}
.grey-cardd {
    background: #4e4d4b !important;
}
.grey-cardd .couponn-bg {
    background: #a19fa0 !important;
}
.maroon-cardd {
    background: #3c1d18 !important;
}
.maroon-cardd .couponn-bg {
    background: #26050e !important;
}
.blue-cardd {
    background: #333657 !important;
}
.blue-cardd .couponn-bg {
    background: #a19fa0 !important;
}
.d-blue-cardd {
    background: #000000 !important;
}
.red-cardd {
    background: #921c18 !important;
}
.wishlist_item .coupon-box {
    padding: 0 !important;
    background: transparent !important;
}
.coupon-listing .coupon-box.customer-store-coupon {
    padding: 0;
    overflow: unset;
    margin-top: 0 !important;
    border-radius: 10px !important;
    position: relative;
    background: transparent;
}
.add-to-cart-btn {
    position: absolute;
    bottom: -39px;
    left: 0;
}
#mySidenav {
    max-width: 440px;
}
#mySidenav .coupon-box {
    background: transparent;
    padding: 0 !important;
}
span.trashcoupon_btn {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 45;
    color: white;
    font-size: 18px;
}
.selection_wrapper .cp_wrap .coupon-box {
    padding: 0 !important;
    background: transparent !important;
    margin: 0 !important;
}
span.wishlist_btn {
    top: 4px !important;
    z-index: 3 !important;
    right: 40px !important;
}
#couponContainer {
    width: 100% !important;
}
.couponn-cardd .col-8 {
    z-index: 1;
}
#couponContainer a.trash {
    display: none;
}
.action_item {
    margin-left: 50px;
}
span.wishlist_btn {
    top: 7px !important;
    z-index: 3 !important;
    right: 40px !important;
    width: auto;
    height: auto;
    background: transparent;
    color: #1fa8e8;
}
.couponn-modal .coupon-box {
    background: transparent !important;
    border-radius: 0 !important;
}
.couponn-modal .couponn-discount {
    font-size: 14px !important;
    top: 0 !important;
}
.couponn-modal .couponn-codee {
    margin-top: 25px !important;
}
.couponn-modal .wishlist-icon {
    border: 0 !important;
}
.auth__tabs {
    border: 0 !important;
}
.auth__tabs li a.active {
    border-bottom: 1px solid #dee2e6 !important;
}
.customer-login input {
    position: relative;
    border-radius: 100px !important;
    height: 46px !important;
    color: black !important;
    font-size: 14px !important;
    margin: 0 0 15px 0 !important;
    background: white !important;
    font-style: normal !important;
    font-weight: 700 !important;
    border: 1px solid #e1e1e1 !important;
}
.customer-login i.left-iconn {
    position: absolute;
    z-index: 111;
    color: #424953;
    left: 25px;
    top: 28px;
    transition: all 0.3s ease;
    font-size: 14px;
}
.customm-table tbody tr td {
    border: 0 !important;
}
/* FAQ */

.select2-selection__choice__remove {
    display: none !important;
}
li.select2-selection__choice {
    background: transparent !important;
    color: black !important;
    font-size: 12px !important;
    padding: 0 !important;
    border: 0 !important;
}
.select2-selection{
    background: url('../../assets/images/caret-down.png') no-repeat 95% 50%, #fff;
}
/*
media quries start */
@media screen and (max-width: 1199px) {
    div#navbarSupportedContent {
        /* height: 0px !IMPORTANT; */
        animation: fadeIn 1s linear;
        background: #000 !important;
        padding: 10px;
        transition: 250ms;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .navbar-collapse.collapse {
        margin-top: 20px;
    }
    /* .navbar-collapse.collapse ul.navbar-nav.ml-auto {
          background: #424953;
          padding: 20px;
      } */
    .header .navigation ul li a.nav-link:hover,
    .header .navigation ul li.active a.nav-link {
        color: #fff;
        border-bottom: 2px solid #1f9bde;
        margin-right: auto;
        display: table;
    }
    .action_item a {
        font-size: 13px !important;
    }
    .header .navigation ul li a.nav-link {
        font-size: 13px;
    }

    .sec-5 {
        margin-top: -15%;
        padding: 100px 0 100px;
    }
}

@media screen and (max-width: 991px) {
    .profile-timetable {
        margin-top: 30px;
    }
    .banner_wr {
        /* height: 200px; */
    }
    div#rm-cp button.close {
        right: -30px;
        top: -30px;
    }
    .modal-dialog.modal-dialog-centered {
        max-width: 600px !important;
    }
    table#DataTables_Table_0 {
        display: inline-table;
    }
    div#unsubModal {
        padding-right: 0px !important;
    }
    .action_item.subscribed-stores {
        flex-direction: column;
    }

    .action_item.subscribed-stores a {
        width: 300px !important;
        margin: 20px 0px;
    }
    .wishList_Wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .wishlist_item {
        width: 100%;
        flex-direction: column;
        /* margin-right: 20px; */
    }

    .store_item {
    }

    .store_item .store-cart-wrap {
        margin: 50px 0px;
        flex-direction: column;
    }

    .store_item .store-cart-wrap h4 {
        font-size: 30px;
        line-height: 35px;
        margin-top: 15px;
    }
    .checkout_form h4 {
        margin: 0;
    }

    .checkout_form .form-control {
        margin-bottom: 0;
    }
    .chk_card {
        padding-top: 30px;
    }
    .checkout_wrapper h3 {
        margin: 0;
    }

    ul.sp_timings li span:nth-child(2) {
        margin: 0;
    }

    ul.sp_tags {
        justify-content: center;
    }

    .profile--cardStore {
        position: initial;
        margin-top: 30px;
    }

    .sp_tag_wrapper {
        text-align: center;
    }

    .sp_tag_wrapper p {
        margin: 0px auto;
    }

    .sp_wrapper h3 {
        text-align: center;
    }

    .nav.nav-tabs.nav-underline .nav-item a.nav-link {
        min-width: 100% !important;
        margin: 0px auto;
        display: table;
    }

    .store_logo_wrap {
        justify-content: center;
    }

    .profile--cardStore {
        position: initial;
        margin-top: 30px;
    }

    input._submitFilter {
        width: 100%;
        margin-top: 20px;
    }

    form.__catForm .form-row > * {
        margin: 10px 0px;
    }

    .wrapper_forgot {
        justify-content: center;
    }

    .card__right h3 {
        margin-bottom: 35px !important;
    }

    .footer {
        padding: 5px 0 50px 0px;
    }

    .card__wrapper__auth {
        flex-direction: column;
    }

    .card__left {
        padding: 25px 0px 0px 0px;
    }

    .logo-area {
        padding: 50px 0 0px;
    }

    .xs-mar {
        margin-top: 50px;
    }

    .sec-3 img {
        margin-bottom: -40px;
    }

    .sec-3 {
        padding: 40px 0 40px;
    }

    .carousel-item {
        height: 600px;
    }

    img.mob__resp {
        display: none;
    }

    .carousel-item img {
        height: 100%;
    }

    .carousel-caption {
        top: 32%;
        bottom: initial;
        z-index: 1;
    }

    /* span.navbar-toggler-icon {
          filter: invert(1) brightness(1) opacity(1);
      } */

    .sec-5 {
        margin-top: -25%;
    }

    .card__wrapper {
        position: relative;
        margin: -45px auto 45px auto;
        justify-content: center;
        align-items: center;
        right: initial;
        top: initial;
        filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
        width: 60% !important;
    }

    .row.blog__row__1 {
        text-align: center;
    }

    img.blog__featuredImage {
        width: 500px;
    }

    img.blog__featuredImage.small__fi {
        width: 500px;
        min-height: initial;
        height: 362.78px;
    }

    .blog__wrapper {
        text-align: center;
    }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
    .couponn-discount {
        font-size: 15px !important;
        top: 0 !important;
    }
    .couponn-title {
        font-size: 21px !important;
    }
    .couponn-textt {
        font-size: 7px !important;
    }
    .couponn-codee {
        font-size: 9px !important;
    }
    .couponn-date {
        font-size: 5px !important;
    }
    .hr-blockk,
    .hr-blockk img {
        height: 70px !important;
    }
    .couponn-top,
    .couponn-bottom {
        left: 25% !important;
        width: 50px !important;
    }
}
@media screen and (max-width: 767px) {
    .action_item {
        margin-left: 0;
    }
}
@media screen and (max-width: 575px) {
    a.subscribe.blue-btn:after {
        transform: translateX(-50%);
    }
    .wishlist_item {
        padding: 20px 15px !important;
    }
    a.subscribe.blue-btn:before {
        right: 50%;
        transform: translateX(50%);
    }
    a.login__btn.blue-btn {
        width: 100%;
    }
    #dlcoup button.close {
        right: -20px;
        top: -20px;
    }
    .dl_Wrap {
        margin: 40px 0 20px 0px !important;
    }
    .dl_Wrap .form-row {
        padding-top: 0;
    }
    .dl_Wrap h4 {
        font-size: 25px;
        line-height: 26px;
    }

    .coup_wrap {
        margin: 0 !important;
    }

    .coup_wrap .coupon-box .coupon-top h3 {
        font-size: 60px !important;
    }

    .coup_wrap .coupon-box .coupon-top h4 {
        font-size: 30px;
    }

    .coup_wrap .coupon-box .coupon-bottom .discount h5 {
        font-size: 30px !important;
    }

    .coup_wrap .coupon-box .coupon-bottom label {
        font-size: 25px;
    }

    .store_meta {
        flex-direction: column;
    }

    .store_meta > * {
        margin-top: 15px;
    }

    div.dataTables_wrapper div.dataTables_info {
        margin-bottom: 20px;
        text-align: center;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
    .sorter {
        max-width: 90%;
    }
    .dataTables_length {
        margin-bottom: 20px;
    }
    .profile-picture-div.edit-prof {
        margin: 0px auto;
    }

    form.register__form.form-edit input {
        text-align: center;
    }
    div#resetPass {
        padding-right: 0px !important;
    }
    .modal-content.checkout_modal p {
        line-height: 25px;
    }

    .modal-footer.unsub_foot a {
        width: 100%;
    }
    .profile-banner-wrap {
        flex-direction: column;
    }

    .prof-link-wrap {
        margin-top: 30px;
    }

    .prof-meta-wrap {
        text-align: center;
    }
    .modal-body.unsub_modal button.close {
        top: 0;
        right: 15px;
    }
    .notification_item {
        flex-direction: column;
        position: relative;
    }

    .notification_item .left {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .notification_item .left .inner_wrap_n {
        justify-self: center;
        text-align: center;
    }

    .notification_item .left img {
        margin: 10px 0px;
    }

    a.del-notf {
        position: absolute;
        top: 0;
        right: 80px;
        padding-right: 1px;
    }

    a.view-ntf {
        margin: 0 !important;
    }
    .card__right {
        text-align: center;
    }
    form.register__form > * {
        margin-top: 0 !important;
    }
    form.register__form .form-row:first-child {
        margin-top: 20px !important;
    }
    form.register__form input::placeholder {
        text-align: center;
    }
    form.register__form {
        text-align: center;
    }
    button.reg__btn.blue-btn {
        margin: 0px auto 0px auto !important;
        width: 100%;
    }
    img.contact-img {
        margin: 15px auto;
        display: table;
    }
    h3.head_wish {
        text-align: center;
    }
    .wishList_Wrap {
        justify-content: center;
    }

    div#checkoutModal {
        padding: 0px !important;
    }
    button.blue-btn.chk-btn {
        width: 100%;
    }
    a.blue-btn.chk-btn {
        width: 100%;
        text-align: center;
    }
    .navwrap-1 h4 {
        text-align: center;
    }

    .selection_wrapper .row.w-100 {
        margin: 0;
    }
    .selection_wrapper {
        margin-top: 30px;
    }
    .tooltip-inner {
        max-width: 250px;
        margin: 0px auto;
    }

    .tooltip {
        width: 250px !important;
        left: -22px !important;
    }

    .s2 {
        text-align: center;
    }

    .s2 h3 {
        margin: 15px 0px;
    }

    .footer {
        padding: 50px 0 50px 0px;
    }

    .footer__top__wrapper h2 {
        font-size: 40px;
        line-height: 45px;
    }

    .wrapper_forgot {
        flex-direction: column;
    }

    .wrapper_forgot > * {
        padding-bottom: 20px;
    }

    .user__auth {
        height: 250px;
    }

    a.forgot_pass {
        margin-top: 5px;
        display: inline-block;
    }

    .verified__wrapper h5 {
        line-height: 38px;
    }

    .auth__tabs li.nav-item {
        width: 100%;
    }

    .auth__tabs .nav-link.active {
        border: 0;
        color: #fff;
        background: #1f9bde;
        padding: 10px;
    }

    .auth__tabs {
        border: 0;
    }

    section.auth__card {
        padding-bottom: 60px;
    }

    .card__wrapper__auth {
        flex-direction: column;
    }

    .card__left {
        padding: 25px 0px 0px 0px;
        border-top-right-radius: 10px;
    }

    .card__right {
        text-align: center;
        padding: 50px 25px;
    }

    .card__left img {
        width: 250px;
    }

    .button__wrapper a.blue-btn {
        margin: 10px 0px;
    }

    .button__wrapper a {
        width: 100%;
    }

    .carousel-caption a {
        display: table;
        margin: 10px auto;
    }

    .carousel-caption h2 {
        font-size: 35px;
        margin: 0px;
    }

    .carousel-caption h3 {
        font-size: 18px;
    }

    .carousel-caption {
        text-align: center;
    }

    .copy-col {
        flex-direction: column;
        align-items: center;
    }

    ul.social__links {
        margin-top: 25px;
    }

    h6.ft-titles {
        margin: 20px 0 20px 0;
    }

    ul.ql li a i.fa.fa-angle-right {
        display: none;
    }

    .text-mob-center {
        text-align: center;
    }

    ul.fc_1 {
        text-align: center;
    }

    .blog__row__2 {
        margin-bottom: 50px;
    }

    .app__icon__wrap img {
        margin: 20px 0px;
    }

    .sec-4 img {
        margin: -45px 0 0;
    }

    .sec-5 {
        margin-top: -38%;
    }

    /* img.blog__featuredImage{
          display: none;
      } */
    .card__wrapper {
        margin: -30px auto 30px auto;
        width: 95% !important;
        position: initial;
    }
}
@media screen and (max-width: 476px) {
    .couponn-discount {
        font-size: 15px !important;
        top: 36% !important;
    }
    .couponn-title {
        font-size: 21px !important;
    }
    .couponn-textt {
        font-size: 7px !important;
    }
    .couponn-codee {
        font-size: 9px !important;
    }
    .couponn-date {
        font-size: 5px !important;
    }
    .hr-blockk,
    .hr-blockk img {
        height: 70px !important;
    }
    .couponn-top,
    .couponn-bottom {
        left: 25% !important;
        width: 50px !important;
    }
}
@media screen and (max-width: 400px) {
    ul.dropdown-menu.dropdown-menu-media.dropdown-menu-right.show {
        width: 300px;
    }
    label#search-label {
        height: 0 !important;
        margin-top: 7px;
    }
    ul.nav.navbar-nav.ul_hd {
        justify-content: center;
    }
    /* a.top-icon{
          margin:0px ;
      } */
    ul.nav.navbar-nav.ul_hd a.top-icon {
        margin-top: 15px !important;
    }
    .notF_wrap p {
        text-align: center;
    }
    div#resetPass
        .modal-dialog.modal-dialog-centered
        .modal-content.checkout_modal
        .modal-body.unsub_modal
        button.close {
        right: -28px;
        top: -24px;
    }
    ul.paginate li {
        font-size: 14px;
        min-width: 30px;
        min-height: 30px;
    }
    .gray_bar a {
        width: 100%;
        margin: 10px 0px;
    }

    .card__right {
        padding: 50px 8px;
    }

    .card__right h3 {
        font-size: 36px;
        line-height: 42px;
    }

    .verified__wrapper a.blue-btn {
        width: 100%;
    }

    .carousel-indicators {
        z-index: 1;
    }

    .carousel-caption h2 {
        font-size: 35px;
        margin: 0px;
        line-height: 45px;
    }

    .carousel-caption h2 {
        line-height: 45px;
    }

    .navbar-brand img {
        width: 115px;
    }

    div#navbarSupportedContent .form-inline {
        flex-flow: column;
        align-items: flex-start;
    }

    .navigation .blue-btn {
        margin: 0 0 15px 0;
    }

    label#search-label {
        display: inline-block;
        z-index: 1;
    }

    a.top-icon {
        display: block;
        margin-top: 40px;
    }
    .banner_wr {
        height: 110px;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}