.storePage{
    margin-top: 4.5rem;
}
.container{
    max-width: 800px;
}
/* breadcrumb */
.breadcrumb{
    display: flex;
    flex-direction: row;    
    justify-content: space-between;
}
.breadcrumb .share{
    display: flex;
    flex-direction: row-reverse;    
    padding: 0 .4rem;
}
.breadcrumb .shareBtn{
    background-color: rgba(229, 231, 235);
    color: #232323;
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.breadcrumb .shareSocialLinks a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 .3rem;
}
.breadcrumb .shareSocialLinks{
    display: none;
}
.breadcrumb .shareSocialLinks.active{
    display: flex;
    align-items: center;
    justify-content: center;
}
.breadcrumb ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.breadcrumb ul li{
    margin-right: .5rem;
    font-size: .75rem;
    font-weight: 500;
    color: #2e2e2e;
}
.breadcrumb ul li a{
   color: #0066ff;
}
@media(max-width: 600px){
    .breadcrumb{
        align-items: center;
    }
    .breadcrumb .share{
       margin-top: .4rem;
       flex-direction: row;
    }
}
.storeContent{
    padding: 0 2rem;
}
.contentBox{
    margin-bottom: 1rem;
}
.contentBox .storeHeader{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.storeHeader .header-thumb .stars i{
    color: #ffbd00;
    font-size: .8rem;
}
.storeHeader .header-thumb .stars span{
    color: #2e2e2e;
    font-weight: 400;
    font-size: .8rem;
}
@media screen and (min-width: 790px) {
   .sidebarWidget .header-thumb {
        display: block;
        padding-top: 15px;
        margin-right: 0;
        float:  none;
    }
}

.storeHeader .header-store-thumb a img{
    width: 100px;
    height: 100px;
    height: auto;
    vertical-align: middle;
    object-fit: contain;
}
.storeHeader .add-favorite {
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 500;
}
.storeHeader .add-favorite {
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #0066ff;
}
.storeHeader .add-favorite i{
    margin-right: .5rem;
}
.header-content h1{
    font-size: 1.45rem;
    margin-right: 1rem;
    color: rgb(46, 46, 46);
    font-weight: 600;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.header-content p{
    color: #6b7280;
    font-weight: 500;
    font-size: 1rem;
}
.header-content p strong{
    font-weight: 600;
}
.header-content .social_links{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 36px;
    margin: -.3em;
    line-height: 1.35;
    opacity: 1;
    transition: opacity .25s ease-in;
    font-size: 16px;
}
.header-content .social_widget{
    margin: .3em;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .1875em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    font-size: inherit;
    line-height: inherit;
    min-width: 5rem;
    padding: .2rem .3rem;
}
.storeHeader .dealAvl{
    color: #6b7280;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.header-content .social_widget span{
    margin-left:  .5rem;
    font-weight: 500;
    color: #222;
    font-size: .85rem;
}
.social_links svg{
   height: 1.2rem;
   width: 1.2rem;
}
.social_links svg.facebook{
    color: #425497;
}

.social_links svg.twitter{
    color: #000;
}
.social_links svg.pintrest{
    color: #cc002b;
}
@media(max-width:991px){
    .storeHeader .header-thumb {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        max-width: 200px;
    }
}

@media(max-width:768px){
    .contentBox {
        padding: 0;
        padding-top: 0;
    }
    .contentBox .storeHeader{
        display: flex;
        align-items: flex-start;
    }
    .header-content h1 {
        font-size: 1.2rem;
        margin-right: 0;
    }
}
.about-store p{
    margin-bottom: 1rem;
    color: #2e2e2e;
    font-weight: 500;
    font-size: .92rem;
    line-height: 1.5;
}
.about-store p:last-child{
    margin-bottom: 0;
}
/* couponsection */
.couponsection{
    margin: auto;
}
.couponsection .sidebarWidget{
    color: rgb(107 114 128 );
}
.sidebarWidget .disclaimerTxt{
    font-weight: 500;
    color: #2e2e2e;
    font-size: .9rem;
}
.addressWidget  h4{
    font-weight: 600;
    color: #2e2e2e;
    font-size: 1rem;
    padding: 0;
    padding-bottom: .4rem;
    margin-bottom: .4rem;
    border-bottom: 1px solid #e3e3e3;
}
.addressWidget .storeAddress{
    font-weight: 500;
    color: #2e2e2e;
    font-size: .9rem;
    line-height: 1.4;
    padding: 0;
}
.addressWidget form input::placeholder{
    font-weight: 400;
    color: #2e2e2e;
    font-size: .85rem;
    letter-spacing: .5px;
}
.addressWidget form input{
    font-size: .9rem;
    color: #2e2e2e;
    letter-spacing: .5px;
}
.addressWidget form input:focus{
    box-shadow: none;
    border: 1px solid  #2ec4b6;
}
.addressWidget form button{
    font-weight: 500;
    font-size: .9rem;
    letter-spacing: .5px;
    background-color: #ffbd00;
    border: none;
    outline: none;
    color: #fff;
}
.addressWidget form button:hover{
    background-color: #ffbb00b1;
    color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.couponFilter{
    display: flex;
    flex-direction: row;
}
.couponFilter a{
    margin: 0 .5rem;
    padding: .2rem .8rem;
    border-radius: 4px;
    font-weight: 500;
    color: #2e2e2e;
    font-size: .8rem;
}
.couponFilter a.active{
    background-color: #ccc;
}
.couponFilter a span{
    display: inline-block;
}
.couponFilter  a #all{ 
    background-color: #2ec4b6;
    color: #fff;
    font-weight: 700;
    font-size: .7rem;
    margin-left: .3rem;
    padding: .2rem .4rem .2rem .4rem;
    border-radius: 3px;
}
.couponFilter  a #code{ 
    background-color: #ffbd00;
    color: #fff;
    font-weight: 700;
    font-size: .7rem;
    margin-left: .3rem;
    padding: .2rem .4rem .2rem .4rem;
    border-radius: 3px;
}
.couponFilter  a #deals{ 
    background-color: #9b2226;
    color: #fff;
    font-weight: 700;
    font-size: .7rem;
    margin-left: .3rem;
    padding: .2rem .4rem .2rem .4rem;
    border-radius: 3px;
}

/* listing coupons */
.couponsection .coupon-item{
    background: #fff;
    padding-bottom: 0;
    padding: 12px;
    margin-bottom: 1rem;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    border-radius: .375rem;
}
.couponsection .coupon-item .z{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media screen and (min-width: 500px) {
    .couponsection .coupon-item .store-thumb-link {
        float: left;
        margin-right: 20px;
        display: block;
    }
}
.store-thumb {
    border: 2px solid #f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
}
.couponsection .coupon-item .store-thumb {
    width: 150px;
    max-width: 150px;
    margin-bottom: 5px;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.couponsection .coupon-item .store-thumb:hover {
    border: 2px solid #2ec4b6;
}
.store-thumb .thumb-padding {
    display: block;
    padding: 4px;
    width: 100%;
}
 .store-thumb img {
    max-width: 154px;
    height: 4.8rem;
    float: left;
    width: 100%;
    object-fit: contain;
    max-height: fit-content;
    overflow: hidden;
}
.coupon-item .couponInfo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media screen and (min-width: 1100px) {
    .coupon-item .couponInfo .latest-coupon {
        margin-right: 20px;
    }
}
 .latest-coupon .coupon-title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    color: #2e2e2e;
}
.c-type .c-code {
    background: #ffbd00;
    color: #fff;
    padding: 4px 10px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.coupon-item  .couponDesc {
    color: #2e2e2e;
    font-size: .88rem;
    font-weight: 500;
    line-height: 1.4;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: .5rem;
}
.coupon-des p{
    font-weight: 500;
    color: #2e2e2e;
    font-size: .9rem;
    letter-spacing: .5px;
    line-height: 1.4rem;
}
 .c-type {
    margin: 0 0 4px;
    display: inline-block;
}
 .c-type .c-sale {
    background: #9b2226;
    padding: 3px 10px 5px;
}
.c-type .exp {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.coupon-button-type .coupon-code .code-text {
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    margin-left: 3.5rem;
    font-size: 1rem;
}
.coupon-item [data-tooltip][data-inverted]::before {
    font-size: 12px;
    letter-spacing: 0px;
}
.coupon-button-type .coupon-code .get-code {
    position: absolute;
    left: -2px;
    top: -2px;
    background: #2ec4b6;
    color: #FFFFFF;
    font-size: 16px;
    padding: 14px 15px 14px 14px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    transition: all 0.5s ease;
    min-width: 55%;
    text-align: left;
    
}
.coupon-button-type .coupon-code .get-code:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 44px solid transparent;
    border-left: 44px solid #2ec4b6;
    position: absolute;
    right: -43px;
    top: 0px;
}
[data-position="top center"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #fff;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem;
}
.coupon-button-type .coupon-code {
    color: #444444;
    background: linear-gradient(315deg, rgba(0, 0, 0, 0.06) 10%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.06) 60%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.06) 90%) repeat scroll 0 0 / 6px 6px rgba(0, 0, 0, 0);
    text-align: right;
    padding: 10px 12px;
    height: 44px;
    font-size: 20px;
    display: inline-flex;
    border: 2px solid #DDDDDD;
    position: relative;
    border-radius: 3px;
    width: 100%;
    min-width: 195px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 200px;
    line-height: 1;
}

[data-inverted][data-position~=top][data-tooltip]:before {
    background: #1b1c1d;
}
/*  */
.couponsection .coupon-item .coupon-detail {
    margin-top: 10px;
}
@media screen and (min-width: 500px) {
    .couponsection .coupon-item  .coupon-detail {
        float: right;
    }
}
 .coupon-detail .coupon-button {
    margin-bottom: 10px;
    background-color: #ff7802;
}
.coupon-button-type .coupon-deal, .coupon-button-type .coupon-print, .coupon-button-type .coupon-code {
    line-height: 1;
    padding: 14px 38px;
    background: #2ec4b6;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 2px;
    min-width: 195px;
    text-align: center;
    width: 100%;
}
.coupon-button-type .coupon-code {
    color: #444444;
    background: linear-gradient(315deg, rgba(0, 0, 0, 0.06) 10%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.06) 60%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.06) 90%) repeat scroll 0 0 / 6px 6px rgba(0, 0, 0, 0);
    text-align: right;
    padding: 10px 12px;
    height: 44px;
    font-size: 20px;
    display: inline-flex;
    border: 2px solid #DDDDDD;
    position: relative;
    border-radius: 3px;
    width: 100%;
    min-width: 195px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 200px;
    line-height: 1;
}
.coupon-button-type .coupon-deal {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset;
}
.ui.buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    vertical-align: baseline;
    margin: 0 .25em 0 0;
}
.ui.basic.buttons {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
}
.ui.basic.buttons {
    border-radius: 2px;
}
.coupon-listing-item .coupon-detail .voted-value {
    font-size: 11px;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.ui.buttons:not(.basic):not(.inverted)>.button, .ui.buttons>.ui.button:not(.basic):not(.inverted) {
    -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
}
.ui.basic.active.button, .ui.basic.buttons .active.button {
    background: rgba(0, 0, 0, .05) !important;
    -webkit-box-shadow: '' !important;
    box-shadow: '' !important;
    color: rgba(0, 0, 0, .95) !important;
}
.ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0;
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem;
}
.ui.basic.buttons .button {
    border-radius: 0;
}
 .coupon-listing-footer {
    margin: 18px -20px 0;
    padding: 10px 20px 12px;
    border-top: 1px solid #e9e9e9;
}
 .coupon-listing-footer .clearfix {
    margin: 0;
    padding: 0;
    list-style: none;
}
.coupon-listing-footer ul li {
    margin: 0;
}
@media screen and (min-width: 500px) {
 .coupon-listing-footer ul li {
        padding: 0;
        display: inline-block;
        margin-left: 15px;
    }
}
@media screen and (min-width: 500px) {
    .coupon-listing-item .coupon-listing-footer ul li:first-child {
        margin-left: 0;
    }
}
 .coupon-listing-footer ul li a,  .coupon-listing-footer ul li span {
    font-size: 12px;
    color: #999;
}
.coupon-listing-footer ul li a i,  .coupon-listing-footer ul li span i {
    margin-left: 0;
    margin-right: 0;
    color: #ccc;
}
@media screen and (min-width: 500px) {
    .coupon-listing-footer ul li:last-child {
        float: right;
        margin-left: 0;
    }
}

#icons {
    margin-top: 1rem;
    cursor: pointer;
}
#icons span {
    border: 1px solid #dedcdc;
    padding: .2rem;
}
#icons .face .smile {
    border-left: none;
    border-right: none;
}
#icons span {
    border: 1px solid #dedcdc;
    padding: .2rem;
}
#icons span i {
    font-size: 1.2rem;
    color: #ababab;
}
#icons .face .sad {
    border-right: none;
}
#icons .face .star {
    border-right: none;
    padding-right: .1rem;
}
#icons .success {
    font-size: .65rem;
    border: none;
    color: #58544a;
    text-transform: uppercase;
}
/* sidebar */
.sidebarHeading{
    font-weight: 600;
    color: #2e2e2e;
    padding: 0;
    font-size: 1.4rem;
    margin-bottom: .8rem;
}
 .popularStr{
    border: 2px solid #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.5rem;
    margin-bottom: 1rem;
}
 .popularStr:hover{
   border: 2px solid #2ec4b6
}
 .popularStr img{
    max-width: 98%;
    display: block;
    margin: auto;
    max-height: 4.2rem ;
    object-fit: contain;
}
.store-cat-filter .item{
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: .21428571em 0;
    line-height: 1.14285714em;
    font-size: 1em;
}
.store-cat-filter h5{
   font-weight: 500;
   margin-bottom: .5rem;
   color: #2e2e2e;
}
.store-cat-filter .item input{
    margin-left: 0;
    margin-right: 5px;
    margin: 0 10px;
}
.store-cat-filter .item label{
   font-weight: 500;
   font-size: .9rem;
}
.store-filter-sortby {
    padding: 20px 20px 20px 20px;
    margin-top: 0;
}
.store-filter-sortby .item {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: .21428571em 0;
    line-height: 1.14285714em;
    font-size: 1em;
}
.store-filter-sortby .item label{
    font-weight: 500;
   font-size: .9rem;
}
.store-filter-sortby .item input{
    margin-left: 0;
    margin-right: 10px;
   
}
.store-filter-sortby h5{
    font-weight: 500;
    margin-bottom: .5rem;
    color: #2e2e2e;
}
.showbox.coupon-listing-footer{
    background-color: rgba(249, 250, 251);
    padding: .5rem 0;
    border-top: none;
    margin-top: .4rem;
}
.showbox a{
   font-weight: 500;
   color: rgba(55, 65, 81);
   padding-left: 20px;
   font-size: .85rem;
}
.detailsBox {
    display: none;
  }
.detailsBox.coupon-listing-footer{
    margin-top: 0;
    background-color: rgba(249, 250, 251);
    border-top: none;
    padding-bottom: 0;
}
.coupon-listing-footer .clearfix  li:nth-of-type(1){
    margin-left: 0;
}
.coupon-listing-footer .clearfix{
   margin-top: .4rem;
}

.totalUsed{
    display: block;
    margin-top: .1rem;
}
.totalUsed span{
    color: #6b7280;
    font-weight: 500;
    font-size: .8rem;

}
.coupon-listing-footer.showbox {
    background-color: rgba(249, 250, 251);
    padding: 10px 20px 10px 20px;
    border-top: none;
    margin-top: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 3px 3px;
}
.coupon-listing-footer.showbox a:nth-of-type(1) {
    font-weight: 600;
    color: #2e2e2e;
    letter-spacing: .5px;
    transition: display 2s ease;
    padding-left: 0;
}
.coupon-listing-footer.showbox a {
    font-weight: 500;
    color: rgba(55, 65, 81);
    font-size: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.verifiedCoupon img {
    margin-right: .35rem;
}
.coupon-listing-footer.showbox a:nth-of-type(1) svg {
    padding-left: .35rem;
    font-weight: 600;
}
.coupon-listing-footer.footerMultiLink {
    margin-top: .8rem;
    background-color: rgba(243, 244, 246);
    padding-bottom: .5rem;
    padding-top: .2rem;
    border-radius: 0px 0px 3px 3px;
}
.coupon-listing-footer ul li a, .coupon-listing-footer ul li {
    font-size: 12px;
    color: #999;
}
@media(max-width:991px){
    .couponsection .sidebarWidget {
        margin-left: 0;
    }
    .sidebarHeading {
        margin-left: 0;
    }
}
@media(max-width: 800px){
    .storeContent {
        padding: 0 .5rem;
    }
}
@media(max-width: 768px){
    .coupon-item .couponInfo  {
        flex-wrap: nowrap;
    }
    .coupon-listing-footer.showbox {
        padding: 10px .6rem;
        margin-top: 1rem;
    }
    .coupon-des  {
        padding: 5px .6rem;
    } 
    .coupon-des  p{
       font-size: .8rem;
    }
    .coupon-listing-footer.footerMultiLink{
        padding: 10px .6rem;
    }
    .coupon-item .couponInfo .store-thumb-link  {
       width: 25%;
       max-width: 25%;
       margin-right: 0;
       float: none;
    }
    .coupon-item .couponInfo .latest-coupon  {
        float: none;
        margin-right: .5rem;
    }
    .infoItem.coupon-detail{
        flex-direction: column;
        float: none;
    }
    .couponsection .coupon-item .store-thumb {
        width: 95%;
        height: 60px;
    }
    .store-thumb img {
        max-width: 98%;
        height: 58px;
    }
    .coupon-button-type .coupon-code{
        width: 100%;
        max-width: 100%;
    }
    .coupon-listing-footer {
        max-width: 100%;
        margin: auto;
        padding: 5px 0;
        margin-top: 18px;
    }
    .coupon-button-type .coupon-code .code-text {
        margin-left: 48%;
        text-align: left;
        display: inline-block;
    }
    .coupon-button-type .coupon-code{
        width: 150px;
        min-width: 150px;
    }
    .coupon-button-type .coupon-code .get-code:after{
       display: none;
    }
    .coupon-button-type .coupon-deal{
        min-width: 150px;
        padding: 14px 10px;
    }
    
}
@media(max-width: 550px){
    .coupon-listing-footer .clearfix li a span {
        display: none;
    }
    .coupon-listing-footer .clearfix{
        display: flex;
        justify-content: space-between;
    }
    .storePage{
        margin-top: 4.5rem;
    }
}
.storeWidget{
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.storeWidgetHeading{
    font-weight: 600;
    color: #2e2e2e;
    font-size: 1.4rem;
    margin-top: 1rem;
}
.termsAndCondition h4{
    font-weight: 600;
    color: #2e2e2e;
    font-size: 1.1rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.termsAndCondition p{
    font-weight: 500;
    color: #2e2e2e;
    font-size: .9rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    line-height: 1.5;
}
/* get code and get deal modal */
.modal .form-control{
    box-shadow: none;
    height: 2.2rem;
    font-weight: 500;
    border-radius: 2px;
    font-size: .9rem;
}
.modal .col-form-label{
    font-weight: 600;
    font-size: .95rem;
}
.modal .modal-title{
    font-weight: 600;
    font-size: 1.1rem;
 }
 .modal  .btn-close{
    box-shadow: none;
    margin-left: 0;
 }
 .modal  .modal-content .modal-header{
   border-bottom: none;
 }
 .modal  .modal-content .modal-footer{
    border-top: none;
  }
  .modal  .modal-content .modal-footer button{
    border-radius: 4px;
    font-weight: 500;
    padding: .4rem .8rem;
  }
  .shareThisCoupons button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
  }
  .shareThisCoupons button span{
   margin-right: .5rem;
  }
  .shareThisCoupons button svg{
    width: 18px;
    height: 18px;
    fill: #fff;
  }
  .modal .modal-body .modal-store-logo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 200px;
    height: 80px;
    border: 1px solid #e2e2e2;
    transition: border .3s ease;
  }
  .modal .modal-body .modal-store-logo:hover{
    border: 1px solid #2ec4b6;
  }
  .modal .sendToEmail button{
    border: none;
    outline: none;
    min-width: 100px;
    font-size: .95rem;
    letter-spacing: .5px;
  }
  .modal .sendToEmail button:nth-of-type(2){
    background-color: #2ec4b6;
  }
  .modal .modal-body .modal-store-logo img{
    display: block;
    margin: auto;
    width: 98%;
    height: 78px;
    object-fit: contain;
  }
  .modal .modal-body .modalCode {
    margin: .8rem auto;
  }
  .modal .modal-body .modalCode span{
    text-transform: capitalize;
    padding: 1rem;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    color: #2e2e2e;
    border: 2px dashed #2ec4b6;
    font-size: 1.6rem;
  }
  .modal .codeCopyBtn{
    margin: auto;
  }
  .modal .codeCopyBtn button{
    padding: 8px 20px;
    border: 1px solid #e2e2e2;
    background-color: transparent;
    font-weight: 500;
    text-transform: capitalize;
    border: 1px solid #ddd;
    background: #fafafa;
    color: #101010;
    border-radius: 8px;
  }
  .modal .storeBtn {
    margin: 1rem auto;
  }
  .modal .storeBtn a{
    background-color: #2ec4b6;
    font-weight: 600;
    padding: 10px 15px;
    border: none;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    letter-spacing: .5px;
    margin-right: 1rem;
    border-radius: 4px;
}
.modal .storeBtn .dismissBtn{
    background-color: #6c757e;
}
.modal .isWorked{
    margin: .5rem auto;
}
.modal .isWorked h4{
    text-align: center;
    color: #2e2e2e;
    font-size: 1.3rem;
    font-weight: 600;
}
.modal .isWorked .workedbtn{
    text-align: center;
    margin: .5rem auto;
}
.modal .isWorked .workedbtn .btnVote{
    background: #f5f5f5;
    border: 1px solid #eee;
    color: #2e2e2e;
    font-size: 13px;
    padding: 7px 10px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    margin: 0 .5rem;
}
.modal .isWorked .workedbtn .btnVote svg{
   margin-right: .4rem;
}
 .modal-info{
    font-size: 1.1rem;
 }
#showCode{
    background-color: #f5f5f5;
    padding: .5rem 1rem;
    font-weight: 600;
}


/* subscribe */
.subscribe{
    background-color: #efefef;
    margin-bottom: 2rem;
}
.subscribe .subscribe-item{
    padding-top: 3rem;
    padding-bottom: 2rem;
}
.subscribe-item h3{
    font-weight: 600;
    font-size: 1.4rem;
    color: #222222;
    line-height: 1.4;
}
.subscribe-item form{
    border: 1px solid #bab6b6;
    display: flex;
    margin: 2rem auto;
    width: 100%;
    padding: .5rem;
    border-radius: 3px;
}
@media(max-width:1000px){
    .subscribe-item form{
        width: 100%;
    }
}
.subscribe-item form input{
    width: 78%;
    border: none;
    outline: none;
    padding: .5rem 1rem;
    color: #111111;
}
.subscribe-item form button{
    width: 25%;
    background-color: #2ec4b6;
    color: #fff;
    padding: .5rem;
    border-radius: 0 4px 4px 0;
    border: none;
    outline: none;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: .8rem;
}
@media(max-width: 600px){
    .subscribe-item h3 {
        font-size: 1.3rem;
        line-height: 1.4;
    }
}
@media(max-width:500px){
    .subscribe-item form button{
        width: 30%;
        font-size: .75rem;
    }
    .subscribe-item form input{
        font-size: .8rem;
    }

}
/* summary table */
.summary-container {
    margin:  auto;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
.summary-container table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
}
.summary-container table th, .summary-container table td {
    padding: .5rem;
    font-weight: 500;
    color: #222;
    letter-spacing: .6px;
    line-height: 1.5;
    text-align: left;
    vertical-align: top;
}
.summary-container thead th {
    position: sticky;
    top: 0;
    background-color: #f1f7e9;
    color: #000;
    font-size: .9rem;
    font-weight: 600 !important;
}
table>thead>tr>th, table>thead>tr>td {
    border-bottom-width: 2px;
}

.summary-container table td {
    font-size: .8rem;
}
@media(max-width:600px){
    .summary-container table td {
        font-size: .7rem;
    }
    .summary-container table th, .summary-container table td{
        padding: .3rem;
    }
    .summary-container thead th{
        font-size: .7rem;
    }
    .latest-coupon .coupon-title {
        font-size: 1.2rem;
    }
    .storeWidgetHeading {
        font-size: 1.2rem;
    }
}
/* toi */
.toi{
    max-height: 30rem;
    overflow: auto;
}
.toi::-webkit-scrollbar{
    display: none;
 }
.toi ul li{
    display: flex;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: .6rem;
    line-height: 1.4;
    font-size: .85rem;
    font-weight: 500;
    color: rgb(28 100 242);
}
.toi ul li:last-child{
   border-bottom: none;
}
.toi ul li a{
    color: rgb(28 100 242);
}
.toi ul li:hover a{
    text-decoration: underline;
}
.toi ul li span{
    margin-right: .4rem;
}
/* page update */

.pageUpdate::-webkit-scrollbar{
   display: none;
}
  
  .step {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  
  .v-stepper {
    position: relative;
  }
  
  
  /* regular step */
  .step .circle {
    border: 2px solid #e2e2e2;
    border-radius: 100%;
    width: 25px;   
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .step .line {
      top: 23px;
    left: 12px;
    height: 100%;
      
      position: absolute;
      border-left: 1px solid #e2e2e2;
  }
  
  
  
  .step.completed .line {
    border-left: 3px solid rgb(6,150,215);
  }
  
  .step.active .circle {
  visibility: visible;
    border-color: rgb(6,150,215);
  }
  
  .step.empty .circle {
      visibility: hidden;
  }
  
  .step.empty .line {
    top: 0;
    height: 150%;
  }
  
  
  .step:last-child .line {
    border-left: 3px solid white;
    z-index: -1; 
  }
  .content  {
    margin-left: 10px;
    display: inline-block;
  }
  .content p {
    display: inline-block;
    color: #2e2e2e;
    font-size: .85rem;
    line-height: 1.4;
    font-weight: 500;
  }
  .content .date{
    color: #999;
    display: block;
    margin-top: .4rem;
    font-size: .8rem;
    font-weight: 500;
  }
  .latestTag span{
    display: inline-flex;
   height: 2rem;
   width: 3.5rem;
   align-items: center;
   justify-content: center;
   font-size: .85rem;
   border-radius: 4px;
   font-weight: 500;
   color: rgb(30 66 159);
   background-color: rgb(225 239 254);
   margin-left: .2rem;
  }
/* *******************Share Comment email Models************************** */
.modal-btn{
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: center;
}
.modal-footer .social-btn{
    color: #fff;
    border: none;
    outline: none;
}
 .social-btn span{
    margin-left: .5rem;
}
.modal-footer .social-btn:hover{
    color: #fff;
}

/* Histoey */
.couponHistory .step .circle {
    width: 10px;
    height: 10px;
    background-color: #2ec4b6;
    border: none;
}
.couponHistory .step .line {
    left: 4px;
    top: auto;
    border: 1.5px solid #e2e2e2;
}

.couponHistory h4 {
    font-weight: 600;
    color: #2e2e2e;
    font-size: 1.1rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.coupon-item .isverified {
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: left;
}
.coupon-item .storeName {
    font-weight: 500;
    color: #232323;
    font-size: .8rem;
}
.coupon-item .isverified .verifiedIcon {
    margin-left: .5rem;
}
.coupon-item .isverified .verifiedIcon small {
    font-size: .7rem;
    margin-left: .2rem;
}
.storeHeader .header-store-thumb{
    border-radius: 3px;
    margin-bottom: 1rem;
    width: 280px;
    display: flex;
    justify-content: center;
}
.storeHeader .header-store-thumb a{
    display: inline-flex;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    padding: .4rem;
}

@media(max-width: 991px){
    .storeHeader .header-store-thumb {
        width: auto;
        text-align: center;
    }
    .add-favorite{
        text-align: center;
        display: block;
        line-height: 1.4;
    }
    .storeHeader .stars {
        width: auto;
        text-align: center;
    }
    .storeHeader .stars span{
        width: auto;
        text-align: center;
    }
}
@media (max-width: 600px) {
    .storeHeader .header-thumb {
        max-width: 140px;
    }
    .storeHeader .header-store-thumb a img {
        width: 70px;
    }
    .add-favorite{
        display: none;
    }
    .storeHeader .header-thumb .stars span{
        display: block; 
        margin-top: .2rem;
        font-weight: 500;

    }
    .storeHeader .header-thumb .stars i{
       font-size: .5rem;
    }
}
.header-thumb{
    margin-left: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.topStore{
  padding: 0;
}
 .topStore ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}
.topStore ul li {
    margin-bottom: .5rem;
    width: calc(100% / 4);
}
 .topStore ul li a {
    color: #2e2e2e;
    font-weight: 500;
    font-size: .85rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-decoration: underline;
    letter-spacing: .5px;
}
.relatedStore{
    margin-bottom: 1rem;
}
@media (max-width: 768px) {
     .topStore ul li {
        width: calc(100% / 3);
    }
}
@media (max-width: 768px) {
    .topStore ul li {
       width: calc(100% / 3);
   }
}
@media (max-width: 500px) {
    .topStore ul li {
        width: calc(100% / 2);
    }
}
@media(max-width: 800px){
    .breadcrumb{
        padding: 0 .5rem;
    }
}

.storeContent .offerToday {
    border-radius: 3px;
    /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); */
    background-color: #fff;
    padding: 1rem 0;
    /* margin-bottom: 1rem; */
  }
  
  .storeContent .offerToday h3 {
    font-weight: 600;
    color: #2e2e2e;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: .5rem;
  }
  @media(max-width:600px){
    .storeContent .offerToday h3 {
      font-size: 1.2rem;
    }
  }
  .storeContent .offerToday table td {
    font-weight: 500;
    color: #2e2e2e;
    font-size: .85rem;
    padding: .4rem 0;
    min-width: 110px;
  }
  
  .storeContent .offerToday table tr td:nth-of-type(2) {
    text-align: right;
  }
  
  .storeContent .storeWidget {
    border-radius: 3px;
    /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); */
    background-color: #fff;
    /* border: 1px solid rgb(209 213 219); */
    padding: 1rem .5rem;
    /* margin-bottom: 1.2rem;
    margin-top: 1rem; */
  }

  
  
  .about-store h3 {
    font-weight: 600;
    color: #2e2e2e;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: .8rem;
  }
  
  .about-store .faq_question {
    font-weight: 600;
    font-size: 1.1rem;
    color: #2e2e2e;
    letter-spacing: -.5px;
    line-height: 1.4;
    margin-bottom: .5rem;
    text-align: justify;
  }
  .about-store .faq_answer {
    font-weight: 500;
    font-size: .9rem;
    color: #2e2e2e;
    letter-spacing: .5px;
    line-height: 1.4;
    margin-bottom: .5rem;
  }
  .storeCat{
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
  }
  .storeCat a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .68rem;
    font-weight: 500;
    color: #fff;
    background-color: #2ec4b6;
    padding: .1rem .35rem;
    border-radius: 2px;
    letter-spacing: .4px;
  }
  .storePage .breadcrumb{
    margin-top: .5rem;
    gap: 5px;
  }
  .ratings p{
    font-weight: 500;
    font-size: .9rem; 
    text-align: center;
  }
  @media(max-width:600px){
    .ratings p{
       font-size: .8rem;

      }
      .ratings p span{
        display: block;
       }
       .storeHeader .header-thumb {
        margin-left: 1rem;
    }
  }

    /* ====================Comment Box================ */
.commentbox{
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
}
.comment h3{
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: .5px;
}
.comment p{
    font-size: 1rem;
    text-align: justify;
    margin-bottom: .6rem;
    margin-top: .5rem;
}
.commentbox p span{
    color: #ff0000;
}
.commentbox label{
   margin-bottom: .5rem;
   padding-left: .3rem;
   font-weight: 500;
   font-size: .9rem;
   font-family: 'Montserrat', sans-serif;
}
.commentbox label span{
    color: #ff0000;
}
.input form textarea{
    margin-bottom: 1.2rem;
    padding-top: .5rem;
}
.commentbox .input form input, textarea{
    outline: none;
    padding-left: .9rem;
    border: 1px solid #e2e2e3;
    margin-bottom: 1.5rem;
    font-size: .85rem;
    letter-spacing: .5px;
    color: #666;
    font-weight: 500;
}
.commentbox .input form input{
    height: 2.2rem;
    font-size: .85rem;
    letter-spacing: .5px;
    color: #666;
    font-weight: 500;
}
.commentbox .input form input:focus{
   border: 1px solid #2ec4b6;
}
.commentbox .input form textarea:focus{
    border: 1px solid #2ec4b6;
 }
@media (max-width: 700px){
    .input form input, textarea{
        width: 100%;
    }  
    .input form textarea{
        width: 100%;
        height: 9.4rem;
    } 
}
.commentbox .input form button{
    border: none;
    background-color: #2ec4b6;
    outline: none;
    color: #fff;
    border-radius: 5px;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .5px;
    margin-bottom: 1rem;
    padding: .55rem 1rem;
    cursor: pointer;
}
.commentbox{
     border: 1px solid #D9D7D7;
    margin-bottom: 2.5rem;
}
@media(max-width:600px){
    .comment h3{
        font-size: 1.2rem;
    }
    .comment p{
        font-size: .8rem;
    }
    .commentbox label{
        font-size: .8rem;
     }
     .commentbox .input form input, textarea{
        font-size: .8rem;
    }
}
#showComment{
    margin-bottom: 1rem;
}
#showComment button{
    border: none;
    outline: none;
    background-color: #2ec4b6;
    color: #000;
    font-weight: 500;
    border-radius: 4rem;
    padding: .5rem 1rem;
}
/* =========== */
.affiDisc p{
    text-align: center;
    font-weight: 500;
    color: #2e2e2e;
    font-size: .65rem;
    letter-spacing: .4px;
}
.affiDisc p a{
    color: #1a0dab;
 }
 .affiDisc p a:hover{
    text-decoration: underline;
 }
@media(max-width: 600px){
    .affiDisc p{
       font-size: .46rem;
       padding: 0 .5rem;
    }
}
.coupon-button-type .coupon-code:hover .get-code{
  left: -15px;
}