html,body{
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: normal;
}

.f-14{
    font-size: 14px;
    font-weight: 400;
}
.f-18{
    font-size: 18px;
    font-weight: 400;
}

.festive-strip{
    background: #261E6D;
    height: 80px;
}

.notification-strip{
    display: flex;
    justify-content: center;  /* horizontal centering */
    align-items: center;      /* vertical centering */
    height: 80px;
    width: 100%;              /* full width */
    text-align: center;       /* aligns multi-line text inside the box */
}

.notification-strip-item{
    width: 33%;
}


.special-text{
    font-size: 24px;
    color: #FFF;
}

.shop-now-btn{
    background: #EBC80C;
    border-radius: 2px;
    padding: 16px 24px;
    color: #191C1F;
    text-decoration: none;
    font-weight: 700;
}

.shop-now-btn-1{
    background: #FA8232;
    border-radius: 2px;
    padding: 16px 24px;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
}

.festive-text{
    display: inline-block;
    background-color: #F3DE6D;
    line-height: 28px;
    font-weight: 600;
    font-size: 20px;
    padding: 6px 10px;
    transform: rotate(-4deg) !important;    
}

.notification-strip-item-1{
    text-align: left;
}

.notification-strip-item-2{
    text-align: center;
    color:#FFF;
}

.notification-strip-item-3{
    text-align: right;
    justify-content: space-between;
}

.discount-amount{
    color:#0F6211;
    font-size: 40px;
    font-weight: 600;
}

.close-icon-div{
    background-color: #303639;
    color:#FFF;
    border-radius: 2px;
    padding: 8px;
    margin-left: 20px;
    cursor: pointer;
}

.member-listing-banner{
    width: 100%;
    height: auto;
}

.member-listing-banner img{
    width: 100%;
    height: auto;
}




/* Welcome Strip CSS */

.welcome-strip{
    width: 100%;
    height: 44px;
    background-color: #261E6D;
}


.flex-grid{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.w_50_1{
    width: 50%;
    height: 44px;
    color: #FFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.welcome-message-div{
    justify-content: flex-start;
}
.contact-item{
    padding:0px 5px;
}
.contact-item svg{
    color:#E85222;
}

.welcome-message-div a{
    color: #FFF;
    text-decoration: none;
}

.social-media-div{
    justify-content: flex-end;
}
.social-media-div-1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.social-media-div-1 .social-media-item{
    padding: 2px 10px;
}
.social-media-div span{
    padding: 0px 10px;
}
.social-media-item a{
    text-decoration :none;
    color:#E85222;
}

.visit-website-link{
    background: #E85222;
    color: #fff;
    border-color: 4px;
    padding: 6px 20px;
    display: inline-block;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;

}
.social-media-item a img{
    width:20px;
    height: auto;
}

.nav-top-section{
    width: 100%;
    height: auto;
    background-color: #F1FEFF;
}
.nav-top-strip{
    width: 100%;
    height: auto;
    align-items: center;
    
}
.w_20_1{
    width:20%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
}
.brand-logo{
    width: auto;
    height: 160px;
}
.w_60_1{
    width:60%;
}
.nav-logo-div{
    /* justify-content: flex-start; */
}
.nav-icons-div{
    justify-content: flex-end;
}

.w_20_1 .shop-cart-icon-div{
    padding: 2px;
    margin:0px 10px;
    color:#672108;
    font-weight:bold;
}
.w_20_1 .shop-user-icon-div{
    padding: 2px;
    margin:0px 10px;
    color:#672108;
    font-weight:bold;
}

.w_20_1 .shop-intrest-icon-div{
    padding: 2px;
    margin:0px 10px;
    color:#672108;
    font-weight:bold;
}
.navbar{
    background-color: #FFF;
}
.navbar-nav{
    width: 100%;
    justify-content: space-between;
    /* align-items: stretch; */
}

.fx-start{
    justify-content: flex-start;
}

.fx-end{
    justify-content: flex-end;
}
.nav-item .nav-link{
    padding: 14px 24px;
}
.nav-item .active{
    background-color: #3B190C;
    color: #FFF !important;    
}

.text-uppercase{
    text-transform: uppercase;
}

.w_100_1{
    width: 100%;
    text-align: center;
}


.carousel{
    background-color: #F2F4F5;
    height: 600px;
}

.carousel-indicators{
    justify-content: left;
    padding: 0;
    margin-right: 0;
    margin-bottom: 2rem;
    margin-left: 5%;
}

.carousel-caption-1{
    justify-content: flex-start;
    text-align: left !important;
    
    position: absolute;
    left: 5%;
    bottom: 10.25rem;
}

.slider-mini-heading{
    color: #2484C2;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.slider-lg-heading{
    color: #191C1F;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
}


.carousal-pair-div{
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pair-item-1{
    width: 100%;
    height: 290px;
    background-color: #191C1F;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    align-items:center;
}

.pair-item-2{
    width: 100%;
    height: 290px;
    background-color: #F2F4F5;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    align-items:center;
}

.pair-item-mini-heading{
    color: #EBC80C;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}


.pair-img-div{
    width: 50%;    
}
.pair-content-div{
    width: 50%;
    padding: 0px 20px;
}


.pair-content-div p{
    margin: 0px;
    padding: 0px;
}

.pair-item-lg-heading{
    line-height: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #FFF;
    text-align: justify;
}

.pair-item-lg-heading-1{
    line-height: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #191C1F;
    text-align: justify;
}


.pair-img-div img{
    width: 90%;
    height: auto;
}


.facilities-div{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #E4E7E9;
    padding: 16px;
    
    border-radius: 6px;
    margin-top: 20px;
}

.facility-item{
    width: 25%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px;
}

.facility-item img{
    width: 40px;
}

.facility-data-div{
    width: calc(100% - 40px);
    padding: 4px 10px !important;
}

.faility-heading{
    font-size: 14px;
    color: #191C1F;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.facility-data{
    font-size: 14px;
    color: #5F6C72;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    gap: 4px;
}

.facility-data-div p{
    margin: 0px;
    pad: 0px;
}

.fi-br{
    border-right: 1px solid #E4E7E9;
}


.w_20{
    width: 20%;
}


.w_60{
    width: 60%;
}


.dotd-heading{
    text-align: left;
    font-size: 24px;
    font-weight: 600;
}

.products-link-div{
    justify-content: flex-end;
    text-align: right;
}
.all-products-plain-outer-btn{
    padding: 10px 15px;
    border: 1px solid #000000;
    border-radius:2px;    
    font-weight: 600;
    font-size:20px;
    display: inline-block;
    text-decoration: none;
}

.deal_of_day_filter_tab_btn{
    font-size: 20px;
    font-weight: 400;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    color: #000000;
}

.dotd-tabs{
    text-align: center;
}

.dotd-tabs .active{
    border-bottom: 3px solid #0098FF;
}


.products-grid{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: flex-end;
    align-items: stretch;
}

.product-item{
    width: 24.5%;
    height: 502px !important;
    border: 1px solid #E4E7E9;
    opacity: 1;
    align-self: flex-end;
}


.item-img-div{
    width: 100%;
    background-size: contain;
    height: 260px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.item-data-div{
    padding: 10px;
}

.item-btns-div{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 10px;
}
.star-div{
    pad: 4px;
}
.star-img{
    width: 16px;
    height: auto;
}


.product-title{
    color: #191C1F;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    
}

.product-price-dv{

}
.product-mrp{
    text-decoration: line-through;
    color: #ADB7BC;
}
.product-sale-price{
    color: #2DA5F3;
}
/* 
.strikethrough {
  text-decoration: line-through;
} */


.qty-div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    /* padding: 16px 20px; */
    border: 2px solid #E4E7E9;
    height: 48px;
    cursor: pointer;
    bottom: 0px;
    right: 0px;
    
}
.decrese-qty{
    height: 48px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px;
}
.increase-qty{
    height: 48px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px;
}

.qty-input-field{
    width: 50px;
    text-align: center;
    border: none;
    outline: none;
    height: 46x;
    
}

.add-to-cart-btn{
    color: #FFF;
    background:#04783D;
    font-size: 14px;
    font-weight: 700;
    /* line-height: 48px; */
    letter-spacing: 1.2%;
    outline: none;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 2px;
    height: 48px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.w_30{
    width: 30%;
}
.w_70{
    width: 70%;
}



.product-item-1{
    width: 24.5%;
    height: 320px !important;
    border: 1px solid #E4E7E9;
    opacity: 1;
    align-self: flex-end;
}

.product-title-1{
    color: #191C1F;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    
}

.qty-div-1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    /* padding: 16px 20px; */
    border: 2px solid #E4E7E9;
    height: 48px;
    cursor: pointer;
    bottom: 0px;
    right: 0px;
    
}

.add-to-cart-btn-1{
    color: #FFF;
    background:#04783D;
    font-size: 14px;
    font-weight: 700;
    /* line-height: 48px; */
    /* letter-spacing: 1.2%; */
    outline: none;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
    height: 48px;
}

.deal_of_day_filter_tab_btn-1{
    font-size: 14px;
    font-weight: 400;
    padding: 10px 5px;
    cursor: pointer;
    text-decoration: none;
    color: #000000;
}

.dotd-tabs-1{
    text-align: right;
}

.dotd-tabs-1 .active{
    border-bottom: 3px solid #0098FF;
}

.deal_of_day_filter_tab_btn-1 a{
    text-decoration: none;
    color: #FA8232;
    font-size: 14px;
}

.category-producs-header-strip{
    margin: 20px auto;
}

.item-img-div-1{
    width: 100%;
    background-size: contain;
    height: 130px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.category-offer-item{
    background-color: #F3DE6D;
}

.main-objective-data{
    background-color: #E852223D;
    color: #000000;
    font-size: 20px;
    padding: 20px;
    border-radius: 20px;
}
.membership-registration-link-div{
    background-color:#171070EB;
    color:#FFFFFF;
    font-size: 26px;
    padding: 25px;
    border-radius: 16px;
    text-align: center;
}
.membership-registration-div{
   
    /* color: #E85222; */
    /* color: #000000; */
    font-size: 36px;
    padding: 25px;
    text-align: center;
}
.member-registration-form-data{
    background-color:#F1FEFF;
    color: #000000;
    padding: 25px;
    text-align: center;

}

.membership-registration-link-div h2{
    font-size: 26px;
    font-weight: 700;
    padding: 10px;
}

.membership-registration-link-div p a{
    background-color: #FFE8E0;
    border-radius: 10px;
    padding: 15px 25px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    color: #E85222;
}

.banner_1{
     background-color:#FFFFFF;
    color: #000;
    font-size: 48px;
    padding: 20px;
    border: radius 20px;
}

.developer-url{
    width: auto;
    height: 16px;
}

.footer-strip{
    background-color: #261E6D;
    color:#FFF;
    text-align: center;
}


.org-name{
    /* background-color:#FFFFFF; */
    color: #000;
    font-size: 40px;
    padding: 0px;
    border-radius: 20px;
    text-align: center;
    margin:0px;
}

.org-address{
    font-size: 20px;
    font-weight: 400;    
    text-align: center;
    margin:0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-form-style{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
     align-items: flex-start;
}
.w_100{
    width: 100%;
    padding: 12px 15px;
    height:auto;
}
.w_50{
    width: 50%;
    padding: 12px 15px;
    height:auto;
}

.w_33{
    width: 33%;
    padding: 12px 15px;
    height:auto;
}
.w_25{
    width: 25%;
    padding: 12px 15px;
    height:auto;
}

.theme-submit-btn-lg{
    padding: 10px 25px;
    border-radius: 10px;
    gap: 10px;
    color: #FFFFFF;
    border: none;
    outline: none;
    background: linear-gradient(135deg, #14ADD6 0%, #384295 100%);
}

.theme-clear-btn-lg{
    padding: 10px 25px;
    border-radius: 10px;
    gap: 10px;
    color: #FFFFFF;
    border: none;
    outline: none;
    background: linear-gradient(135deg, #7F7777 0%, #000000 100%);
}


.form-main-heading{
    color: #E85222;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
}

.membership-registration-div p{
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 36px;
    letter-spacing: 0px;
    margin: 0px;
    padding: 0px;
}


.membership-registration-div h4{
    color: #000000;
    font-size: 26px;
    font-weight: 700;
    
}

.membership-section{
    background-color:#F1FEFF;
}




.membership-payment-data{
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    /*align-items:stretch;*/
    align-items: flex-start;
    
}
.payment-form-data{
    width:66%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    /*align-items:stretch;*/
    align-items: flex-start;
    
}
.payment-options-information-div{
    width:34%;
}

.payment-options-information-div table{
    background:#F1FEFF;
    -bs-table-bg: #F1FEFF !important;
}

.w_x_1{
    width:100%;
    padding:0px;
    margin:0px;
    height:auto;
}
.w_100 h6{
    margin:0px;
    padding:0px;
    height:auto;
}

.bg-none tr th{
    background-color: #F1FEFF !important;
}

.bg-none tr td{
    background-color: #F1FEFF !important;
}

.bg-none{
    background-color: #F1FEFF !important;
}
/* 
.gap-2{
    gap: 20px !important;
} */

.d-flex-1{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 12px 15px;
    justify-content: flex-start;
    /* gap: 50px; */
}

.d-flex-1 .theme-clear-btn-lg{
    margin-left: 20px;
}

.nav-link-items a{
    text-decoration: none;
    color:#FFF;
}

