@import url('https://fonts.googleapis.com/css2?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
@import url('../icomoon/style.css');

/*Reset CSS Starts*/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: none; -webkit-border-radius: 0; border-radius: 0; outline: none;  -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clear { font-size: 1%; height: 0; line-height: 0; width: 0; float: none; clear: both; }
* html .clearfix { height: 1%; }
input { outline: none }
ul { list-style: none; }
li { list-style: none }
:focus { outline: 0; }
img,
img a { border: 0; outline: 0; }
a { text-decoration: none; outline: none; color: #3c88c4 }
a.maroon{color: #D83F21; font-weight: 600;}
a:hover{text-decoration: none;outline: none; }
img { border: none; }
html { -webkit-text-size-adjust: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal }
h1,
h2,
h3,
h4,
h5,
table,
table tr td,
table tr th { border: none }
textarea { resize: none; border: none; outline: none; background: none }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{
    box-shadow: none;
}
/*Reset CSS end*/

/* Global begins */
html { font-size: 62.5%; font-weight: normal;}
body {font-family: Source Sans Pro; font-style: normal; font-size: 1.6rem; font-weight: normal; color: #3F414D; margin: 0; padding: 0;}
html,
body{ height: 100%;}
body.grey-bg{ background: #E5E5E5;}
img {max-width: 100%;}
h2 {font-weight: 600; font-size: 2.4rem; line-height: 30px;}
h2.large-2 {font-size: 3rem; line-height: 38px;}
h2.large {font-size: 3.2rem; line-height: 40px;}
h3{font-size: 1.8rem; line-height: 23px;}
.supporting-h2 {font-weight: 600; font-size: 24px; line-height: 30px;}
.text-light {color: #8C8D94 !important;}
.container, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl{
    max-width: 1366px;
}
.container-fluid {padding: 32px 0;}
.container{ padding: 32px 40px;}
::placeholder,
::-webkit-input-placeholder {
    opacity: 1; 
  }
.container p{ font-size: 1.6rem; line-height: 20px; width: 100%; margin-bottom: 0;}
.bold{font-weight: 600;}
.error-msg{ color: #CC3805; font-size: 1.2rem; margin-top: 5px; display: none;}
.error-msg.show{ display: block;}
.form-control-wrap{position: relative; width: 100%;}
.form-control:focus{ box-shadow: none; border: none;}
.line-separator{ border-right: solid 1px #E3E8EE;}

.custom-card{
  background: #FFFFFF; 
  -webkit-box-shadow: 0px -1px 2px rgba(12, 26, 75, 0.05), 0px 3px 8px -1px rgba(50, 50, 71, 0.08); 
  -moz-box-shadow: 0px -1px 2px rgba(12, 26, 75, 0.05), 0px 3px 8px -1px rgba(50, 50, 71, 0.08); 
  -ms-box-shadow: 0px -1px 2px rgba(12, 26, 75, 0.05), 0px 3px 8px -1px rgba(50, 50, 71, 0.08); 
  box-shadow: 0px -1px 2px rgba(12, 26, 75, 0.05), 0px 3px 8px -1px rgba(50, 50, 71, 0.08); 
  border-radius:4px;
}

/* swiper-container:start */
.swiper-container{padding:0 40px}
#home-banner-carousel,
#order-calendar-carousel,
#product-slider,
#stories-carousel{padding:0}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.swiper-button-next, 
.swiper-button-prev {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    top: calc(50% - 60px);
}
.swiper-button-next:after,
.swiper-button-prev:after{
    font-family: 'icomoon' !important;
    speak-as: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "";
    background: linear-gradient(294.93deg, #D74123 58.1%, #FF6320 101.22%); -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FF6320;
    font-size: 2.2rem;
}
.swiper-button-next:after{
    content: "\e910";
}
.swiper-button-prev:after{
    content: "\e90c";
}
.ui-datepicker{
    font-size: 1.6rem;
}
[type="radio"]:checked, [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
   position: relative;
   padding-left: 28px;
   cursor: pointer;
   line-height: 20px;
   display: inline-block;
   color: #666;
   margin-right: 30px;
}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 20px;
   height: 20px;
   border: 2px solid #D34A2B;
   border-radius: 100%;
   background: #fff;
}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
   content: '';
   width: 10px;
   height: 10px;
   background: #D34A2B;
   position: absolute;
   top: 5px;
   left: 5px;
   border-radius: 100%;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:checked + label:after {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
}
.modal-open,
.modal{
  padding-right: 0px !important;
}
.custom-modal .modal-dialog.size-sm{
  max-width: 375px;
}
.custom-modal .modal-content{
  padding: 16px 0px;
  border: 0px;
}
.custom-modal .modal-header{
  padding: 0px 40px;
  border: 0px;
  display: block;
}
.custom-modal .modal-body{
  padding: 0px 40px 30px 40px;
}
.custom-modal .modal-body.padbtm0{
  padding-bottom: 0px;
}
.custom-modal .modal-footer{
  padding: 0px;
  border: 0px;
  width: 100%;
  display: block;
  box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.04);
}
.custom-modal .modal-body .seperator{
  margin-bottom: 40px;
}
.custom-modal .modal-body .seperator.space16{
  margin-bottom: 16px !important;
}
.custom-modal .modal-header p{
  margin: 0px;
}
.custom-modal .hdtitle {
  font-size: 1.8rem;
  font-weight: 600;
}
.custom-modal .close{
  top: 16px;
  right: 8px;
}
/* swiper-container:end */
/* Global ends */
b, strong {
    font-weight: 600;
}
.f14{
  font-size: 1.4rem !important;
}
.f18{
  font-size: 1.8rem;
}
.redcolor{
  color: #D34A2B;
  padding-top: 4px;
  display: inline-block;
}
/* Buttons : start */

/* btn-outline-primary-white:start */
.btn-outline-primary-white{color: #fff; border: solid 1px #fff; padding: 10px 12px; font-size: 1.6rem; line-height: 20px; display: inline-flex; align-items: center; border-radius: 4px; height: 38px; white-space: nowrap;}
.btn-outline-primary-white:hover,
.btn-outline-primary-white:active{ background: none; border-color: #fff; }
.btn-outline-primary-white:not(:disabled):not(.disabled).active, 
.btn-outline-primary-white:not(:disabled):not(.disabled):active, 
.show>.btn-outline-primary-white.dropdown-toggle{background: none; border-color: #fff; box-shadow: none;}
.btn-left-spacing{ margin-left: 16px;}
.btn-outline-primary-white i{ margin-right: 5px;}
/* btn-outline-primary-white:end */

/* btn-outline-primary-orange:start */
.btn-outline-primary-orange{background: #FFFFFF;border: 2px solid #D34A2B;color: #CC3805;border-radius: 4px; height: 48px; display: flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 2.4rem; font-weight: 600;width: auto;}
.btn-outline-primary-orange:hover{background: linear-gradient( 294.93deg , #D74123 58.1%, #FF6320 101.22%);color: #FFFFFF; border: none;}
/* btn-outline-primary-orange:end */

/* btn-outline-primary-orange:start */
.change-btn-outline-primary-orange{background: #FFFFFF;border: 2px solid #D34A2B;color: #CC3805;border-radius: 25px; height: 48px; display: flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 2.4rem; font-weight: 600;width: auto;}
.change-btn-outline-primary-orange:hover{background: linear-gradient( 294.93deg , #D74123 58.1%, #FF6320 101.22%);color: #FFFFFF; border: none;}
/* btn-outline-primary-orange:end */

/* btn-outline-primary-orange:start */
.retry-btn-outline-primary-orange{background: linear-gradient( 294.93deg , #D74123 58.1%, #FF6320 101.22%);border: 2px solid #D34A2B;color: #fff;border-radius: 25px; height: 48px; display: flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 2.4rem; font-weight: 600;width: auto;}
.retry-btn-outline-primary-orange:hover{background: linear-gradient( 294.93deg , #D74123 58.1%, #FF6320 101.22%);color: #FFFFFF; border: none;}
/* btn-outline-primary-orange:end */

/* btn-primary-orange:start */
.btn-primary-orange{ width: auto; height: 48px; font-weight: 600; font-size: 1.6rem; line-height: 20px; background: linear-gradient( 294.93deg , #D74123 58.1%, #FF6320 101.22%); border-radius: 40px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.btn-primary-orange:hover,
.btn-primary-orange:focus,
.btn-primary-orange:active{color: #D34A2B; border: solid 1px #D74123; background: #fff;}
.btn-primary-orange span{ font-weight: 700;}
/* btn-primary-orange:end */

/* Buttons : end */

/* down-arrow-rounded:start */
.down-arrow-rounded{ width: 48px; height: 48px; background: linear-gradient( 294.93deg , #D74123 58.1%, #FF6320 101.22%); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 2rem;}
/* down-arrow-rounded:end */

/* custom-scroll:start */
.custom-scroll{overflow-y: scroll;}
.custom-scroll::-webkit-scrollbar-track {  border-radius: 4px;} 
.custom-scroll::-webkit-scrollbar { border-radius: 4px; width: 4px; } 
.custom-scroll::-webkit-scrollbar-thumb { background-color: #3F414D; border-radius: 4px;}
/* custom-scroll:end */ 

/* ui-selectmenu-menu:start */ 
.ui-widget{font-family: Source Sans Pro;} 
.ui-selectmenu-wrap{ position: relative;} 
.ui-front{ z-index: 105;} 
#select-city-button{ width: 100%;} 
.ui-selectmenu-button.ui-button{ background-color: #fff; border-radius: 4px; border: 1px solid #8C8D94; height: 36px; width: auto; padding: 0 15px 0 8px; line-height: 34px; } 
.ui-selectmenu-button.ui-button:after{content: "\e911"; position: absolute; top: calc(50% - 8px); right: 5px; display: inline-block; font-family: 'icomoon' !important; font-size: 2.8rem; line-height: 15px; color: #D34A2B; } 
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #E3E8EE; background-color: #fff; font-weight: normal; color: #3F414D; border-radius: 4px; outline: none; } 
.ui-selectmenu-wrap .ui-button .ui-icon{ display: none; position: absolute; left: 0; top: 0; } 
.ui-selectmenu-text{ color: #3F414D; font-size: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } 
.ui-selectmenu-menu .ui-menu{ background-color: #fff;  border: none; padding: 0; color: #3F414D; font-size: 1.4rem; box-shadow: 0px 0px 2px rgba(12, 26, 75, 0.08), 0px 4px 10px -4px rgba(0, 0, 0, 0.4); border-radius: 0px 0px 4px 4px;} 
.ui-menu .ui-menu-item-wrapper{ padding: 0 12px; font-size: 1.6rem; margin:0;    height: 36px; border-top: solid 1px #E3E8EE; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} 
.ui-menu .ui-menu-item-wrapper.ui-state-active{ border: none; background:#F4D2CA; color: #D34A2B; font-weight: 600;} 

#sm-order-calendar-button{ width: 125px; border: none; padding: 0 24px 0 0;}
#sm-order-calendar-button .ui-selectmenu-text{font-weight: 600; font-size: 24px; line-height: 30px;}
#sm-order-calendar-button:after{ right: 0;}
/* ui-selectmenu-menu:end */

/* custom-radio:start */
.custom-radio-title{font-weight: 600; font-size: 1.4rem;  line-height: 18px; font-weight: 600; }
.custom-radio input[type="radio"]:checked,
.custom-radio input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio input[type="radio"]:checked + label,
.custom-radio input[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 1.4rem;
}

.custom-radio input[type="radio"]:checked + label:before,
.custom-radio input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #93949B;
    border-radius: 100%;
    background: #fff;
}
.custom-radio input[type="radio"]:checked + label:before{
    border-color: #D83F21;
}
.custom-radio input[type="radio"]:checked + label:after,
.custom-radio input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #D83F21;    
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.custom-radio-section .custom-radio{ margin-top: 16px;}

.custom-radio input[type="radio"]:disabled + label{ opacity: 0.5;}
/* custom-radio:end */

/* Header begins */
header{
    -webkit-box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 10px 40px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 10px 40px rgb(0 0 0 / 6%);
    -ms-box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 10px 40px rgb(0 0 0 / 6%);
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 10px 40px rgb(0 0 0 / 6%);
    width: 100%;
    position: relative;
    z-index: 999;
    position: fixed;
    background: #fff;
    height: 78px;
}
header .container{ position: relative; z-index: 100; width: 100%; padding: 0;}
.menu-icon-wrap{ display: flex; align-items: center; }
.menu-icon-wrap .user-name{ padding-left: 5px; font-weight: 600; display: none;}
.navbar {height: 76px; padding: 20px;}
.navbar-toggler {padding: 0; border: none;}
.navbar-light .navbar-toggler-icon {height: 20px; width: 20px; background-image: url(../images/menu.svg);}
.navbar-brand {margin-right: 24px;}
.navbar .navbar-nav .nav-link {padding: 12px; font-size: 1.6rem; line-height: 20px; color: #3F414D;}
.navbar .navbar-nav .nav-link:focus, 
.navbar .navbar-nav .nav-link:hover{color: #3F414D;}
.navbar .navbar-nav .nav-item.active a {font-weight: 600; color: #D34A2B;}
.navbar .navbar-nav .nav-button {height: 40px; margin-top: 4px; margin-left: 16px; background: linear-gradient(294.93deg, #D74123 58.1%, #FF6320 101.22%); border-radius: 4px;}
.navbar .navbar-nav .nav-button a {color: #FFFFFF; padding: 8px 16px;}
.navbar .navbar-nav .nav-button a:focus,
.navbar .navbar-nav .nav-button a:hover{color: #FFFFFF;}
.navbar .navbar-nav .nav-button a img {margin-left: 16px;}
.navbar .navbar-nav .customer-dropdown a.nav-item {padding: 0 24px 0 12px; margin: 12px 0; font-weight: 600; border-right: solid 1px #E1E1E1;}
.dropdown-menu {padding: 0;}
.dropdown-item {padding: 16px; border-bottom: 1px solid #EBEBEB; font-size: 1.4rem; color: #3F414D;}
.dropdown-item img {height: 24px; width: auto; margin-right: 16px;}
.dropdown-item span {font-size: 12px; padding: 4px; line-height: 12px; margin-top: 2px; background: #FFF6F3; border-radius: 4px; float: right;}
.dropdown-toggle::after {border-top: 0; border-right: 2px solid #D34A2B; border-bottom: 2px solid #D34A2B; border-left: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); padding: 3px; margin-left: 10px;}
.right-nav {flex-direction: row;}
.right-nav .nav-link {position: relative;}
.right-nav .nav-link img {height: 18px; width: auto;}
.right-nav .nav-link span {display: inline-block; height: 16px; width: 16px; font-size: 12px; line-height: 16px; background: linear-gradient(294.93deg, #D74123 58.1%, #FF6320 101.22%); border-radius: 100%; color: #fff; text-align: center; position: absolute; right: 2px; top: 4px;}

.user-profile-menu,
.overflow-menu{width: 229px;border-radius: 4px;background: #FFFFFF;border: none;
    -webkit-box-shadow: 0px 0px 2px rgba(12, 26, 75, 0.08), 0px 4px 10px -4px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 2px rgba(12, 26, 75, 0.08), 0px 4px 10px -4px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0px 0px 2px rgba(12, 26, 75, 0.08), 0px 4px 10px -4px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 2px rgba(12, 26, 75, 0.08), 0px 4px 10px -4px rgba(0, 0, 0, 0.8);
}
/* Header ends */

/* Breadcrumbs starts */


/* Breadcrumbs ends */

.breadcrumbs ul {
    padding: 10px 16px 10px 0px;
    list-style: none;
}
.breadcrumbs ul li {
    display: inline;
    font-size: 1.4rem;
}
.breadcrumbs ul li+li:before {
    padding: 8px;
    color: black;
    content: ">";
}
.breadcrumbs ul li a {
    color: #0275d8;
    text-decoration: none;
}
.breadcrumbs ul li a:hover {
    color: #01447e;
    text-decoration: underline;
}
/* Mobile Menus starts */
.mobile-menus{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #f8f8f8;
    z-index: 1000;
    left: -100%;
    transition: ease all 0.5s;
}
.mobile-menus.open{
    left: 0%;
}
.mtext{
    font-size: 1.3rem;
    background: transparent;
    margin-left: 20px;
}
.mtext img{
    vertical-align: middle;
    margin-right: 15px;
}
.profileBar{
    padding: 24px 20px;
    background: linear-gradient(294.93deg, #D74123 58.1%, #FF6320 101.22%);
    box-shadow: 0px 2px 2px rgba(12, 26, 75, 0.15);
    color: #FFFFFF;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
span.email{
    display: block;
    font-size: 12px;
}
.profile{
    flex: 1;
}
.profile img{
    float: left;
    width: 38px;
    margin: 4px 15px 0px 0px;
}
.menuList{
    overflow-y: auto;
    height: calc(100vh - 110px);
}
.menuList ul{
    background: #FFFFFF;
    box-shadow: 0px -1px 2px rgba(12, 26, 75, 0.05), 0px 3px 8px -1px rgba(50, 50, 71, 0.08);
    font-size: 1.4rem;
    margin-top: 8px;
    margin-bottom: 0px;
}
.menuList ul li{
    padding: 0px 25px 0px 20px;
}
.menuList ul li a{
    padding: 10px 0px;
    display: block;
    color: #3F414D;
    line-height: 2.8rem;
}
.menuList ul li a i{
    font-size: 2.5rem;
    float: left;
    margin-right: 16px;
}
.menuList ul li a img.fr{
    float: right;
}
.menuList ul li a img.fl{
  float: left;
  margin-right: 15px;
}
.menuList .list{
    padding: 25px;
}
.menuList .list li a{
    padding: 2px 0px;
}
/* Mobile Menus ends */

main{padding-top: 78px;}
/* Carousel begins */
.home-banner .container{ padding: 0; max-width: 100%;}
.home-banner img {
    width: 100%;
}
.swiper-pagination-bullets{position: unset; margin-top: 15px;}
.swiper-pagination-bullet{background: none; width: 27px; height: 27px; border-radius: 50%; opacity: 1; border: solid 1px transparent; position: relative; margin:0; cursor: pointer;}
.swiper-pagination-bullet::after{ content: ""; position: absolute; left: calc(50% - 4px); top: calc(50% - 4px); background: linear-gradient(294.93deg, #D74123 58.1%, #FF6320 101.22%); width: 8px; height: 8px; border-radius: 50%;}
.swiper-pagination-bullet-active{border: solid 1px #D34A2B; cursor: default;}
/* Carousel ends */

/* mobile-home-banner:start */
.home-banner{ display: block;}
.mobile-home-banner{ margin-top: 48px; display: none;}
.mobile-home-banner .container{ padding: 0 20px;}
/* mobile-home-banner:end */

/* new-customer-button:start */
.new-customer-button{display: none;}
.new-customer-button .btn-primary-orange{max-width: 335px; width: 100%; margin: 0 auto;}
/* new-customer-button:end */

/* Product cards begin */
.product-cards-container .container{ padding-bottom: 0;}
.product-cards-container .nrm-carousel-container{ padding: 24px 0 40px 0;}
.product-cards {list-style: none; padding-left: 0;}
.product-cards .swiper-slide {position: relative; display: inline-block; height: 320px; width: 224px; margin-left: 32px; border-radius: 10px;}
.product-cards .swiper-slide:first-child {margin-left: 0;}
.product-cards .swiper-slide a{ display: flex; width: 100%; flex-wrap: wrap; height: 100%;}
.product-cards .discount-slide{ background: #FAE9F8;}
.product-cards .discount-slide .discount-content{align-self: center; justify-content: center; width: 100%; display: flex; flex-wrap: wrap; padding: 0 20px; text-align: center;}
.product-cards .discount-slide .tnc{position: absolute;
    bottom: 20px;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: center;
    background: -webkit-linear-gradient(#D74123, #FF6320);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FF6320;
    font-size: 1.1rem;
    line-height: 14px;
}
.product-cards .swiper-slide .new{position: absolute; left: 0; top: 0; z-index: 2;}
.product-cards .swiper-slide .new img{ max-height: 100px;}
.discount-slide .discount-title{display: flex;
    width: 100%;
    justify-content: center;
    color: #3F414D;
    font-size: 2.4rem;
    line-height: 28px;
    font-weight: 600;
    font-family: 'Rubik', sans-serif;
    margin-top: 10px;
}
.discount-slide .discount{display: flex; align-items: center;}
.discount-slide .number{
    font-size: 3.4rem;
    line-height: 34px;
    background: -webkit-linear-gradient(#D74123, #FF6320);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FF6320;
    font-weight: bold;
}
.off{
    font-size: 1.4rem;
    line-height: 14px;
    background: -webkit-linear-gradient(#D74123, #FF6320);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FF6320;
    font-weight: bold;
}
.discount-slide .flat-discount{display: flex; width: 100%; justify-content: center; border-top: dotted 1px #3F414D; padding-top: 15px; margin-top: 15px; background: -webkit-linear-gradient(#D74123, #FF6320);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FF6320;
    font-size: 1.6rem;
    line-height: 20px;
    font-weight: 600;
}

.product-cards .swiper-slide img {border-radius: 10px;}
.product-cards .swiper-slide .overlay {height: 100%; width: 100%; position: absolute; top: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63.53%, rgba(0, 0, 0, 0.6) 100.52%); border-radius: 10px;}
.product-cards .swiper-slide h3 {position: absolute; bottom: 12px; margin: 0 12px; color: #fff; font-weight: 600;}
/* Product cards end */

/* milk-personality:start */
.milk-personality{ width: 100%; background: #FFF6F3;}
.milk-personality figure{ width: 100%; margin-top: 24px;}
.milk-personality figure img{ width: 100%; max-width: 589px;}
.get-started-wrap{ margin-top: 32px; justify-content: center; display: flex; width: 100%;}
.get-started-wrap .btn{ width: 290px;}
.get-started-wrap h3{color: #D34A2B; font-size: 1.8rem; line-height: 23px; font-weight: bold; margin-bottom: 12px;}
/* milk-personality:end */

/* title-wrap:start */
.title-wrap{ display: flex; width: 100%;}
.title-wrap h2.right-align{margin-left: auto;}
.title-wrap h2.text-dark a{color: #3F414D; display: flex;}
.title-wrap h2.hltext a{color: #D34A2B; display: flex;}
.title-wrap h2.hltext i,
.title-wrap h2.text-dark i{font-size: 3.4rem; background: linear-gradient( 
294.93deg
 , #D74123 58.1%, #FF6320 101.22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FF6320;}
/* title-wrap:end */

/* member-section-desktop:start  */
.member-section-desktop{ width: 100%; background: #F8F8F8; margin-top: 24px;}
.member-section-desktop .container{ padding: 32px 40px 4px;}
.member-section-desktop .title-wrap{ padding: 0 40px 24px 40px;}
.membership-wrap{  background-color: #fff; display: block; width: calc(100% - 8px); padding: 32px 40px;
    -webkit-box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.24), 0px 3px 20px -1px rgba(50, 50, 71, 0.05);
    -moz-box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.24), 0px 3px 20px -1px rgba(50, 50, 71, 0.05);
    -ms-box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.24), 0px 3px 20px -1px rgba(50, 50, 71, 0.05);
    box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.24), 0px 3px 20px -1px rgba(50, 50, 71, 0.05);
margin: 0 4px;
}
.membership-wrap .row{margin-right: -46px; margin-left: -46px;flex-direction: row-reverse;}
.membership-wrap .row > div{padding-right: 46px;padding-left: 46px;}
.membership-wrap p{margin-bottom: 8px;}
.membership-list{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; position: relative;}
.membership-list li{
    width: 88px; text-align: center; display: inline-block; position: relative; z-index: 2;
}
.membership-list::before{ content: ""; position: absolute; left: 0; top: 44px; border-top: 2px dashed #C4C4C4; width: 100%;}
.membership-list li .icon-shadow{background: #FFFFFF; 
    -webkit-box-shadow: 0px 0px 4px rgba(188, 116, 91, 0.4);
    -ms-box-shadow: 0px 0px 4px rgba(188, 116, 91, 0.4);
    -moz-box-shadow: 0px 0px 4px rgba(188, 116, 91, 0.4);
    box-shadow: 0px 0px 4px rgba(188, 116, 91, 0.4);
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: inline-flex; justify-content: center; align-items: center;
}
.membership-list li .icon-border{
    border: dashed  1px #70B7EB; width: 76px; height: 76px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center;
}
.membership-list li .icon-border img{ max-width: 70%;}
.membership-list li.copper-coins .icon-border{ border-color: #D58354 ;}
.membership-list li.bronze-coins .icon-border{ border-color: #CBAA72 ;}
.membership-list li.silver-coins .icon-border{ border-color: #BDBDBE ;}
.membership-list li.gold-coins .icon-border{ border-color: #F1C00E ;}

.membership-list li h3{margin-top: 16px;font-weight: 600;font-size: 2rem;line-height: 26px;}
.description{color: #8C8D94; line-height: 20px; font-size: 1.6rem;}
.membership-list li.blue-coins h3,
.pro-coins-details p.large span.blue{color: #70B7EB;}
.membership-list li.copper-coins h3,
.pro-coins-details p.large span.copper{color: #D58354;}
.membership-list li.bronze-coins h3,
.pro-coins-details p.large span.bronze{color: #CBAA72;}
.membership-list li.silver-coins h3,
.pro-coins-details p.large span.silver{color: #BDBDBE;}
.membership-list li.gold-coins h3,
.pro-coins-details p.large span.gold{color: #F1C00E;}
.membership-list li.active .icon-shadow{ transform: scale(1.2);}

.pro-coins-details{ display: flex; width: 100%; flex-wrap: wrap;}
.pro-coins-details p{color: #8C8D94; font-size: 2.4rem; line-height: 30px;}
.pro-coins-details p.large{font-size: 32px; line-height: 40px; font-weight: 600; margin-top: 20px;}
.pro-coins-details p.large span{color: #70B7EB; border-right: solid 3px #bdbdbd; padding-right: 10px; margin-right: 10px;}
.pro-coins-details p.small{font-size: 20px; line-height: 25px; margin-top: 8px;}
/* member-section-desktop:end */

/* member-section-mobile:start */
.member-section-mobile{background: #F8F8F8; width: 100%; text-align: center; display: none;}
.member-section-mobile p{font-size: 1.4rem; line-height: 18px;}
.member-section-mobile p.large{font-weight: 600;}
.member-section-mobile p.large span { color: #70B7EB; border-right: solid 2px #bdbdbd; padding-right: 10px; margin-right: 10px; }
.member-section-mobile p.large span.blue{color: #70B7EB;}
.member-section-mobile p.large span.copper{color: #D58354;}
.member-section-mobile p.large span.bronze{color: #CBAA72;}
.member-section-mobile p.large span.silver{color: #BDBDBE;}
.member-section-mobile p.large span.gold{color: #F1C00E;}

.member-section-mobile .membership-list{ margin: 12px 0 16px 0;}
.member-section-mobile .membership-list::before{ top:30px}
.member-section-mobile .membership-list li{ width: 61px;}
.member-section-mobile .membership-list li .icon-shadow{width: 61px; height: 61px;}
.member-section-mobile .membership-list li .icon-border{width: 48px; height: 48px;}
.member-section-mobile .membership-list li h3{font-size: 1.2rem;line-height: 15px;}
.member-section-mobile p a{color: #D34A2B;font-weight: 600;}
/* member-section-mobile:end */

/* bse-carousel-container:start */
.product-cards-container .bse-carousel-container { padding: 24px 0 40px 0;}
.bse-carousel-container .swiper-slide {
    position: relative;
    display: inline-block;
    width: 224px;
    margin-left: 32px;
    border-radius: 10px;
}
.bse-carousel-container .swiper-slide:first-child{ margin-left: 0;}
.bse-carousel-container .video-wrap {
    border-radius: 10px;
    display: flex;
    width: 224px;
    align-items: center;
    justify-content: center;
    height: 320px;
}
.bse-carousel-container .video-wrap video {
    border-radius: 10px;
    display: flex;
    width: 100%;
    height: 100%;
    background: black;
    object-fit: cover;
}
.bse-carousel-container .video-wrap .playpause {
    position: absolute;
    left: auto;
    top: auto;
    cursor: pointer;
    font-size: 3rem;
}
.bse-carousel-container .swiper-slide h3{ margin-top: 16px; font-weight: 600;}
#bse-carousel .swiper-pagination .swiper-pagination-bullet{ display: none;}
#bse-carousel .swiper-pagination .swiper-pagination-bullet:first-child,
#bse-carousel .swiper-pagination .swiper-pagination-bullet:last-child{ display: inline-block;}
/* bse-carousel-container:end */


/* know-about-provilac-list:start */
.know-about-provilac .container{padding:32px 40px 0}
.know-about-provilac-list { display: flex; width: calc(100% + 40px); flex-wrap: wrap; margin: 20px -20px 0 -20px;}
.know-about-provilac-list li{ margin: 20px;
    display: inline-block;}
.know-about-provilac-list li a{     
    height: 56px;
    background: #CC3805;
    border-radius: 35px;
    -webkit-box-shadow: 0px 1px 2px rgb(50 50 71 / 8%);
    -moz-box-shadow: 0px 1px 2px rgb(50 50 71 / 8%);
    -ms-box-shadow: 0px 1px 2px rgb(50 50 71 / 8%);
    box-shadow: 0px 1px 2px rgb(50 50 71 / 8%);
    text-align: center;
    font-size: 2.4rem;
    color: #fff;
    line-height: 54px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 16px;
}
.know-about-provilac-list li:nth-child(1) a{width: 262px;}
.know-about-provilac-list li:nth-child(2) a{width: 426px; background: #B0331F;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, 0.08);}
.know-about-provilac-list li:nth-child(3) a{width: 517px; background: #CC3805;
    box-shadow: 0px 1px 2px rgba(108, 108, 129, 0.08);}
.know-about-provilac-list li:nth-child(4) a{width: 331px; background: #CC3805;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, 0.08);}
.know-about-provilac-list li:nth-child(5) a{width: 331px; background: #CC3805;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, 0.08);}
.know-about-provilac-list li:nth-child(6) a{width: 331px; background: #B0331F;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, 0.08);}
.know-about-provilac-list li:nth-child(7) a{width: 517px; background: #CC3805;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, 0.08); }
.know-about-provilac-list li:nth-child(8) a{width: 270px; background: #D34A2B;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, 0.08);}
.know-about-provilac-list li:nth-child(9) a{width: 341px; background: #D34A2B;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, 0.08);}
/* know-about-provilac-list:end */

/* testimonials:start */
.testimonials .container{padding-bottom: 0; padding-top: 40px;}
.testimonials .testimonial-carousel-container { padding: 40px 0;}
.testimonial-carousel-container .swiper-container{margin-top: -10px;}
.testimonial-carousel-container .swiper-slide{
    position: relative;
    display: inline-block;
    margin-left: 37px;
    width:411px;
    padding: 10px;
}
.testimonial-carousel-container .swiper-slide .tcard{
    position: relative;
    display: inline-block;
    margin:13px 0 0 13px;
    border-radius: 10px;
    width: 398px;
    height: 298px;
    background: #FFF6F3;
    box-shadow: 0px 0px 1px rgba(50, 50, 71, 0.05), 0px 1px 10px rgba(50, 50, 71, 0.11);
    border-radius: 10px;
}
.testimonial-carousel-container .swiper-slide:first-child {
    margin-left: 0;
}
.tcard .card-content{
    padding: 24px;
    width: 100%;
}
.tcard .card-content p{font-size: 18px; line-height: 23px; font-style: italic;}
.tcard .card-content p.writer{    position: absolute;
    bottom: 24px;
    left: 24px;
    width: auto;
    margin: 0;
    font-weight: 600;
    font-style: normal;
}
.icon-star-filled:before{
    color: #3F414D;
    font-size: 2rem;
}

.on .icon-star-filled:before{
    color: #ffc833;
}

.rating-wrap{ display: flex; width: 100%; align-items: flex-end;}
.rating-star{ display: flex; margin: 0 0 16px 16px;}
.rating-star li{ padding: 0 5px;}
.rating-wrap picture{width: 80px; height: 80px; display: inline-block; border-radius: 50%; overflow: hidden; margin: -13px 0 0 -13px;}
/* testimonials:end */

/* stories-section:start */
.stories-section .stories-carousel-container{ position: relative; padding: 0 40px 32px; margin-top: -10px;}
.stories-section .swiper-slide {
    position: relative;
    display: inline-block;
}
.stories-section .swiper-slide:first-child{ margin-left: 0;}
.stories-section .swiper-slide .story-card{
    width: calc(100% - 20px);
    max-width: 398px;
    /* margin-left: 32px; */
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(12, 26, 75, 0.08), 0px 4px 10px -1px rgba(50, 50, 71, 0.08);
    border-radius: 10px;
    margin: 10px;
}
.stories-section .swiper-slide .story-content{ display: block; width: 100%; padding: 16px;}
.stories-section .swiper-slide figure{margin: 0; width: 100%;}
.stories-section .swiper-slide figure img{ width: 100%; border-radius: 10px 10px 0 0; max-height: 100%;}
.stories-carousel-container .swiper-button-next{ right: 20px;}
.stories-carousel-container .swiper-button-prev{ left: 20px;}
/* stories-section:end */

/* download-app-section:start */
.download-app-section{background: #3F414D; width: 100%; text-align: center;}
.download-app-section h2{color: #FFFFFF;}
.download-app-section h3{color: #FFFFFF;}
.download-app-section ul {display: flex; justify-content: center; margin: 32px 0;}
.download-app-section ul li{ margin: 0 8px; width: 150px; }
/* download-app-section:end */

/* order-calendar-section:start */
.order-calendar-section{ width: 100%;}
.order-calendar-section .title-wrap h2{ padding-right: 5px;}
.swiper-container-wrapper{position: relative;}
.order-calendar-card{background: #FFFFFF; box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.24), 0px 3px 20px -1px rgba(50, 50, 71, 0.05); border-radius: 4px; padding: 32px 135px 52px; margin-top:24px; width: 100%; position: relative;}
.order-calendar-card .swiper-slide{ padding: 0 10px; display: flex; justify-content: center; margin-bottom: 40px;}
.order-calendar-card .swiper-slide .date-card{background: #F8F8F8; border: 1px solid #E5E5E5; backdrop-filter: blur(20px); border-radius: 4px; width: 128px; height: 72px; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; align-content: center; color: #BDBDBD; cursor: pointer; position: relative;}
.order-calendar-card .swiper-slide .date-card .date{ width: 100%; font-weight: 600; font-size: 2.4rem; line-height: 30px;}
.order-calendar-card .swiper-slide .date-card .day{ width: 100%; font-size: 1.8rem; line-height: 23px;}
.order-calendar-card .swiper-slide .date-card.current{background: #D34A2B; color: #fff;}
.order-calendar-card .swiper-slide .date-card.selected{color: #D34A2B;border: 1px solid #D34A2B;}
.order-calendar-card .swiper-slide .date-card.selected::after{font-family: 'icomoon' !important; content: "\e917"; position: absolute; bottom: -35px; font-size: 2.2rem; left: auto;}
.order-calendar-section .swiper-button-next, 
.order-calendar-section .swiper-button-prev {
    filter: none;
    top: calc(50% - 28px);    
    background: #8C8D94;
}
.order-calendar-section .swiper-button-next{right: -60px;}
.order-calendar-section .swiper-button-prev{left: -60px;}
.order-calendar-section .swiper-button-next:after, 
.order-calendar-section .swiper-button-prev:after{color: #fff; background: none; -webkit-text-fill-color: #fff;}
.order-calendar-section .swiper-button-next.swiper-button-disabled, 
.order-calendar-section .swiper-button-prev.swiper-button-disabled{opacity: 0.2;}

.order-calendar-section .row { margin-right: -36px; margin-left: -36px;}
.order-calendar-section h3 { margin-bottom: 24px;}
.order-calendar-section .row > div { padding-right: 36px; padding-left: 36px; }
.order-calendar-section .product-cards-wrap{ display: none;}
.product-card{ display: flex; flex-wrap: wrap; width: 100%; border-radius: 4px; background: #FFFFFF; margin-bottom: 8px; height: 124px; padding: 24px 12px 20px; overflow: hidden; border: 1px solid #F4D2CA;}
.product-card .product-img-container{width: 80px;height: 80px; border-radius: 4px; padding: 4px;}

.product-card .product-img-container img{ max-width: 100%; max-height: 100%;}
.product-card .product-details{ padding: 0 0 0 18px; width: calc(100% - 200px);}
.product-card .product-title{ font-size: 1.6rem; line-height: 20px; font-weight: 600;}
.product-card .product-description{ font-size: 1.6rem; line-height: 20px; font-weight: 400; color: #8C8D94;}
.product-card .subscription-status{color: #F4D2CA; font-weight: 600; font-size: 1.6rem; line-height: 20px; margin-top: 16px;}

.product-card .product-action{ width: 90px; margin-left: auto; justify-content: flex-end; display: flex; flex-wrap: wrap; }
.product-card .price-clm{font-size: 1.6rem; line-height: 20px; font-weight: 400; color: #8C8D94; margin-bottom: 12px;}
.product-card .normal-price{ position: relative;}
.product-card .normal-price::after{content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: solid 1px #8C8D94;}
.product-card .offer-price{ font-weight: 600; color: #3F414D;}
.product-card .add-to-cart{ display: flex;}
.product-card .qty-change-control{ display: none;}
.product-card .qty-change-control.show{ display: flex;}
.product-card .qty-change-control .quantity-val{width: 25px; text-align: center; color: #3F414D; font-size: 1.6rem;}
.product-card .qty-change-control input{ width: 20px;}
.order-calendar-section .slide-button{border-radius: 50%; position: absolute; bottom: -28px; left: calc(50% - 28px); width: 56px; height: 56px; cursor: pointer; background: #FFFFFF; display: flex; justify-content: center; align-items: center;
    -webkit-box-shadow: 0px 4px 20px rgb(158 158 158 / 25%);
    -moz-box-shadow: 0px 4px 20px rgb(158 158 158 / 25%);
    -ms-box-shadow: 0px 4px 20px rgb(158 158 158 / 25%);
    box-shadow: 0px 4px 20px rgb(158 158 158 / 25%);
}
.order-calendar-section .slide-button i{width: 42px; height: 42px; background: #FFEFEA; display: flex; border-radius: 50%; align-items: center; justify-content: center; }
.order-calendar-section .slide-button i.icon-arrow:before{color: #D74123;  font-size: 3.4rem; 
    -webkit-transform: rotate( 90deg );
    -moz-transform: rotate( 90deg );
    -ms-transform: rotate( 90deg );
    transform: rotate( 90deg );
}
.order-calendar-section .slide-button.active i.icon-arrow:before{ 
    -webkit-transform: rotate( -90deg );
    -moz-transform: rotate( -90deg );
    -ms-transform: rotate( -90deg );
    transform: rotate( -90deg );
}
.instruction{
  padding-top: 10px;
  padding-bottom: 30px;
}
.instruction span{
  color: green;
}
.ui-widget-header .ui-icon{
  background-position: 7px 4px;
  background-color: #000;
  padding: 12px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w{
  background-image: url(../images/arrow-lt.svg);
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e{
  background-image: url(../images/arrow-rt.svg);
}
.ui-widget-content,
.ui-widget.ui-widget-content{
  border: none;
}
.ui-datepicker .ui-datepicker-prev{
  left: calc(100% - 60px);
}
.ui-datepicker td a{
  text-align: center;
}
.ui-datepicker-title{
  text-align: left !important;
  margin: 0px !important;
  border-bottom: solid 1px #EBEBEB;
  padding-bottom: 10px;
}

#ViewFullCalendar .ui-state-hover, .ui-widget-content .ui-state-hover, 
#ViewFullCalendar .ui-widget-header .ui-state-hover, .ui-state-focus, 
#ViewFullCalendar .ui-widget-content .ui-state-focus, 
#ViewFullCalendar .ui-widget-header .ui-state-focus, 
#ViewFullCalendar.ui-button:hover, .ui-button:focus{
  border: 0px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
  top: 0px !important;
  right: 0px !important;
}

#ViewFullCalendar .ui-datepicker{
  width: 100%;
}

#ViewFullCalendar .ui-datepicker table{
  font-size: 1.6rem;
}

#ViewFullCalendar .ui-datepicker td a{
  border-radius: 100%;
}

.ui-state-active{
  background: #F4D2CA !important;
  color: #93949B !important;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  line-height: 2.5rem;
  font-weight: bold !important;
  margin: 0px auto;
}
/* order-calendar-section:end */

/* Above the folder styles starts */
.breadcrumbs ul li a {
    color: #3F414D;
    text-decoration: none;
  }
  .breadcrumbs ul li+li::before {
     border-top: 0;
     border-right: 2px solid #D34A2B;
     border-bottom: 2px solid #D34A2B;
     border-left: 0;
     transform: rotate(-45deg);
    -webkit-transform: rotate( -45deg);
    padding: 3px;
    margin: 0px 10px;
  }
  .breadcrumbs ul li+li::before {
    display: inline-block;
     content: "";
  }
  .breadcrumbs ul li+li{
    color:#D34A2B;
  }
  .product_thumb .swiper-wrapper {
     display: contents;
  }
  .product_thumb img{
    width: 100%;
     margin: 0px 0px 10px;
     border-radius: 5px;
  }
  .product_thumb img:hover{
    border: 2px solid #D34A2B;
     cursor: pointer;
  }
  .product_slide_img img{
     border-radius: 5px;
     width: 100%;
  }
  .product_tag h6{
    font-size: 2rem;
     color: #D34A2B;
     background: #fff;
     padding: 8px 25px;
     border-radius: 5px;
     font-weight: 600;
  }
  .product_tag{
    position: absolute;
     top: 4%;
     right: 5%;
     z-index: 10;
  }
  .rating_product{
    display: flex;
     margin-top: 15px;
  }
  .product_rating-star{
    display: flex;
     margin: 0 0 16px 0px;
  }
  .product_rating-star li{
    margin-right: 5px;
  }
  .rating_product h6{
    font-size: 1.5rem;
     font-weight: 500;
     margin: 0px 10px;
     color: #3F414D;
  }
  .rating_product h6 span{
    font-size: 1.5rem;
     margin: 0px 10px;
     color: #999;
  }
  .mrp h2{
    color: #999;
     font-weight: normal;
  }
  .mrp .main_price{
    color: #3F414D;
     font-weight: 600;
  }
  .mrp span+span{
    font-size: 1.5rem;
     margin: 0px 10px;
     color: #999;
  }
  .mrp p{
    margin:20px 0px;
     border-bottom: 1px dotted #999;
     padding-bottom: 30px;
  }
  .btn-outline-dark{
    padding:5px 30px;
     font-size: 1.5rem;
  }
  .btn-outline-dark.active{
    background: #343a40;
  }
  .sizes_pouch{
    display: flex;
     justify-content: space-between;
     margin-top: 20px;
  }
  .buy_btn{
    display: flex !important;
     justify-content: space-between;
     margin-top: 30px;
  }
  .btn-outline-primary-buy_scb:hover,
  .btn-outline-primary-buy_scb.active {
    background: linear-gradient( 294.93deg , #D74123 58.1%, #FF6320 101.22%);
     color: #FFFFFF;
     border: none;
  }
  .btn-outline-primary-buy_scb{
    background: #FFFFFF;
     border: 1px solid #D34A2B;
     color: #CC3805;
     border-radius: 50px;
     height: 48px;
     line-height: 4rem;
     font-size: 1.6rem;
     font-weight: 600;
     width: 250px;
  }
  .btn-outline-primary-buy_scb.wauto{
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .right_product{
    background: #fff;
     padding: 30px;
     box-shadow: 2px 2px 10px 2px #f2f2f2;
  }
  .right_product .btn-outline-dark{
    padding:5px 15px;
     font-size: 1.3rem;
  }
  .right_product .btn-outline-primary-buy_scb{
    height: 38px;
    font-size: 1.5rem;
    line-height: 3rem;
    width: 160px;
  }
  .right_product .product_tag h6{
    font-size: 1.5rem;
    padding: 5px 20px;
  }
  .right_product .product_tag{
    top: 50px;
    right: 14%;
  }
  /* Tabs*/
  .nav-tabs{
    border-bottom: 3px solid #dee2e6;
  }
  /*.nav-fill .nav-item, .nav-fill>.nav-link{
    flex:0;
  }
  */
  .product_tabs_content span{
    color: #8C8D94;
     font-size: 1.6rem;
  }
  .product_tabs_content .pd-title{
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .product_tabs_content h2{
    margin-bottom: 30px;
  }
  .product_tabs_content{
    background: #fff;
    padding: 30px;
     box-shadow: 2px 2px 10px 2px #f2f2f2;
  }
  .seperator {
     height: 1px;
     background: #a7a9ac;
     overflow: hidden;
     margin: 10px 0px 15px 0px;
     transform: scaleY(0.5);
  }
  .seperator.space {
    margin: 24px 0px 20px 0px !important;
 }
  #tabs .nav-tabs .nav-item.show .nav-link, 
  .product_tabs_content .nav-tabs .nav-link.active {
     color: #D34A2B !important;
     margin-bottom: -3px;
     background-color: transparent;
     border-color: transparent transparent #CC3805 !important;
     border-bottom: 3px solid !important;
     font-size: 1.3rem;
     font-weight: 600;
  }
  #tabs .product_tabs_content .nav-tabs .nav-link {
    /*border-bottom: 3px solid #999;
    */
     color: #3F414D;
     font-size: 1.8rem ;
     font-weight: 600;
  }
  .nav-tabs .nav-link {
    border: none;
  }
  .product_tabs_content .tab-content>.active{
    padding-top: 20px;
  }
  .btnauto{
    display: block;
     width: auto;
     padding: 7px 8px;
     font-size: 1.4rem;
     background: #F4D2CA;
     margin-right: 10px;
     border-radius: 5px;
  }
  .subscribe_img img{
    border-radius: 5px;
  }
  .good_for{
    display: flex;
  }
  .good_for .title{
    font-weight: 600;
    margin-bottom: 5px;
  }
  .special_coffee img{
    border-radius: 50%;
     margin-bottom: 30px;
  }
  .ht_20{
    height: 20px;
  }
  .ht_30{
    height: 30px;
  }
  .ht_50{
    height: 50px;
  }
  .tab_rating-star{
    display: flex;
     margin: 0 0 16px 0px;
     justify-content: center;
  }
  .tab_rating-star li{
    margin-right: 5px;
  }
  .write_btn{
    font-size: 1.4rem;
    letter-spacing: 3px;
    font-weight: bold;
  }
  .read_reviews p{
    margin-bottom: 4px;
  }
  .product_tabs_content .desc{
    padding: 10px 0px;
  }
  .read_reviews .tab_rating-star{
    position: absolute;
     left: 25%;
     margin: 0 0 16px 0px;
  }
  .product_tabs_content .moreless-button{
    color: #D34A2B;
  }
  .read_more{
    display: none;
     transition: 0.1s;
     color: #3F414D !important;
  }
  .product_tabs_content{
    word-wrap: break-word;
  }
  .from_farm{
    background: #fff;
    padding: 30px;
     box-shadow: 2px 2px 10px 2px #f2f2f2;
  } 
  .from_farm h2{
    margin-bottom: 24px;
  }
  .from_farm p{
    margin-bottom: 32px;
    overflow: hidden;
    line-height: 3.5rem;
  }
  .from_farm p:last-child{
    margin-bottom: 0px;
  }
  .cir_ic_img{
    background: #FFF6F3;
     border-radius: 50%;
     margin-right: 16px;
     box-sizing: border-box;
     width: 40px;
     height: 40px;
     float: left;
     text-align: center;
  }
  /*Popup Contact Start*/
  .modal-dialog {
     min-height: calc(100vh - 60px);
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: auto;
     border-radius: 10px;
  }
  .register-photo .image-holder {
     display: table-cell;
     width: auto;
     background-image: url(../images/contact_popup.jpg);
     background-size: cover;
     background-position: center;
  }
  .register-photo .form-container {
     display: table;
     max-width: 1140px;
     width: 100%;
     margin: 0 auto;
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  }
  .register-photo form {
     display: table-cell;
     width: 450px;
     background-color: #F4D2CA;
     padding: 40px 60px;
     color: #505e6c;
  }
  .register-photo form h2 {
     font-size: 24px;
     line-height: 1.5;
  }
  .register-photo form .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #dfe7f1;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: inherit;
    text-indent: 0px;
    height: 40px;
  }
  .modal-body{
    padding: 0;
  }
  .form_method{
    border: none;
     background:#fff;
     width: auto;
     height: 35px;
     border-radius: 5px;
  }
  .form-group {
    margin-bottom: 28px;
     font-size: 1.6rem;
  }
  .form-group input{
     border: 1px solid #E3E8EE;
     box-sizing: border-box;
     border-radius: 4px;
     /* min-width: 335px; */
     height: 36px;
     padding-left: 15px;
  }
  .form-group img.calend{
     margin-left: -30px;
  }
  .btn-send{
    width: 330px;
     height: 35px;
     margin-top: 20px;
     font-size: 1.5rem;
     border-radius: 50px;
     background: linear-gradient(294.93deg , #D74123 58.1%, #FF6320 101.22%);
    border: none;
     color: #FFFFFF;
  }
  label {
    font-size: 1.5rem;
  }
  .submit_text{
    font-size: 1.2rem !important;
     margin: 15px 0px;
  }
  .form_titles h2{
     color: #D34A2B;
    font-size: 2.5rem;
     font-weight: 600;
  }
  .form_titles h3{
     color: #3F414D;
    font-size: 2.8rem;
     font-weight: 400;
     font-family: 'Parisienne', cursive;
  }
  .form_titles p{
     font-size: 1.3rem;
     margin-bottom: 30px;
  }
  /* button.close{
    font-size: 2rem;
    border: 2px solid;
     border-radius: 50px;
     padding: 3px 8px !important;
    color: #000;
  }
  button.close:hover{
    color: #000;
  } */
  .modal-header .close{
    padding: 0px;
     margin: 0px;
  }
  .close{
    position: absolute;
    top: 4%;
     right: 1%;
     z-index: 99999;
     opacity: 1;
  }
  .modal-header .close{
    padding: 0px;
     margin: 0px;
  }
  .select_day{
    display: flex;
     align-items: center;
     margin-bottom: 16px;
  }
  .select_day .radioBtns{
     margin-right: 26px;
  }
  .select_day .pipe{
     font-size: 1.8rem;
     margin: -2px 32px 0px 8px;
  }
  .select_day [type="radio"]:checked + label, .select_day [type="radio"]:not(:checked) + label{
     position: relative;
     padding-left: 28px;
     cursor: pointer;
     line-height: 20px;
     display: inline-block;
     color: #666;
     margin: 0px;
  }
  .quantity_plus {
     text-align: center;
     display: flex;
     align-items: center;
     font-size: 1.4rem;
  }
  .quantity_plus > span{
     margin-right: 10px;
  }
  .quantity_plus > div{
     border: 1px solid #D34A2B;
     box-sizing: border-box;
     border-radius: 44px;
     font-size: 1.8rem;
     padding: 0px 15px;
  }
  .quantity_plus .value-button {
     display: inline-block;
     margin: 0px;
     text-align: center;
     vertical-align: middle;
     padding: 0px 5px;
     background: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
  }
  .quantity_plus .value-button:hover {
     cursor: pointer;
  }
  .quantity_plus #decrease {
     margin-right: -4px;
  }
  .quantity_plus #increase {
     margin-left: -4px;
  }
  .quantity_plus #input-wrap {
     margin: 0px;
     padding: 0px;
  }
  .quantity_plus input#number {
     text-align: center;
     border: none;
     margin: 0px;
     width: 40px;
     height: 40px;
  }
  .quantity_plus.space{
     margin-bottom: 20px;
  }
  .quantity_plus.space1{
    margin: 25px 0px 25px 0px;
 }
  .selecteddays p,
  .alternate p{
    margin-bottom: 0px;
  }
  p.hintmsg{
    color: #8C8D94;
    font-size: 1.4rem;
    padding-top: 4px;
  }
  .weekDays-selector{
     padding-bottom: 24px;
  }
  .weekDays-selector input {
     display: none;
  }
  .weekDays-selector input[type=checkbox]+label {
     display: inline-block;
     border-radius: 50%;
     height: 40px;
     width: 40px;
     background: #F8F8F8;
     border: 1px solid #868E96;
     margin-right: 3px;
     line-height: 40px;
     text-align: center;
     font-weight: 600;
     cursor: pointer;
     -webkit-user-select: none;
    /* Safari */
     -ms-user-select: none;
    /* IE 10 and IE 11 */
     user-select: none;
  }
  .weekDays-selector input[type=checkbox]:checked+label {
     background: #F4D2CA;
     border: solid 1px #F4D2CA;
  }
  .address-list{
    padding: 10px 0px;
  }
  .days_active p{
    border: 2px solid #343a40;
     padding: 12px 0px;
     border-radius: 50%;
     margin-right: 8px;
     width: 50px;
     height: 50px;
     text-align: center;
     font-weight: 600;
     margin-top: 30px;
  }
  .active_bg_days{
    background: #FFF6F3;
     border: none !important;
  }
  .manage_addresses .input-group .form-control{
     border: 1px solid #f2f2f2;
     border-radius: 5px;
     padding-left: 35px;
  }
  .input-group .form-control:focus{
    border: 1px solid #f2f2f2;
  }
  .datepicker{
    background: none !important;
  }
  .ui-widget-header{
    background: none;
    border: 0px;
  }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border: 0px;
    background: none;
  }
  .input-group-prepend img{
    bottom: 12px;
     position: absolute;
     right: 54%;
     width: 25px;
  }
  .address-list .left_space{
    margin-left: 28px;
     font-size: 1.6rem !important;
     margin-bottom: 20px;
  }
  /*Popup Contact Start*/
  #flying-carousel .swiper-button-next, .swiper-button-prev{
    top: calc(50% - 20px);
  }
  /*Mobile CSS Start*/
  @media only screen and (min-width : 0px) and (max-width : 768px) {
    /* .buy_btn{
        display: none !important;
    }
     */
     .buy_btn_mo{
        display: flex !important;
         justify-content: space-around;
         padding-top: 10px;
    }
     .btn-outline-primary-buy_scb{
        height: 38px;
         width: 160px;
        font-size: 1.5rem;
        line-height: 2.8rem;
    }
     .btn-outline-dark {
         padding: 5px 15px;
         font-size: 1.3rem;
    }
     .product_thumb img{
        width: 40px;
         margin: 0px 16px 10px;
    }
     .product_tag h6{
        font-size: 1.5rem;
        padding: 6px 15px;
    }
     .swiper-pagination-bullets{
        margin-top: 10px !important;
    }
     .product_detail{
        margin-top: 30px;
    }
     .rating_product h6{
        font-size: 1.8rem
    }
     .mrp h2{
        margin:20px 0px;
         border-bottom: 1px dotted #999;
         padding-bottom: 10px;
         margin-top: -10px;
    }
     .good_for{
        display: flex;
         flex-wrap: wrap;
    }
     .btnauto{
        padding: 5px;
         margin-bottom: 10px;
         font-size: 1.2rem
    }
     .seperator {
        margin: 20px 0px;
         transform: scaleY(0.5);
    }
     .product_tabs_content h2{
        margin-bottom: 15px;
    }
     .product_tabs_content .nav{
        flex-direction: row;
    }
     .product_tabs_content{
        background: none;
         padding: 0px;
         box-shadow: none;
    }
     #tabs .product_tabs_content .nav-tabs .nav-link{
        font-size: 1.4rem !important;
         border-bottom: 1px solid #dee2e6;
         /* width: 50%; */
         padding: 0 .5rem 1rem .5rem;
    }
     #tabs .product_tabs_content .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
         border-bottom: 2px solid !important;
    }
     .nav-tabs{
        border-bottom: 1px solid #dee2e6;
    }
     .read_reviews .tab_rating-star{
        margin: 0 0 16px 83px;
    }
     .from_farm {
        background: none;
         padding: 0px;
         box-shadow: none;
    }
     
     .ht_50{
        height: 20px;
    }
     .mobile_veiw_only{
        background: #fff;
        padding: 10px 18px 30px 18px;
         box-shadow: 2px 2px 10px 2px #f2f2f2;
    }
     .form_method{
        width: 300px;
         border-radius: 5px;
    }
     .form_titles p{
        margin-bottom: 10px;
    }
     .form_titles{
        margin-left: -20px;
    }
     .form_titles h2{
        font-size: 1.5rem;
    }
     .popup_left{
        padding: 30px 0px 0px 20px;
    }
     .btn-send{
        width: 300px;
    }
     .submit_text{
        padding: 0px 16px;
         text-align: center;
         margin-left: -10px;
    }
     .close{
        top: 3%;
         right: 3%;
    }
     label{
        font-size: 1.2rem;
    }
     button.close{
        padding: 0px 5px !important;
         color: #999;
    }
     #flying-carousel .swiper-button-next, .swiper-button-prev{
        top: calc(50% - 15px);
    }
     #flying-carousel .swiper-pagination-bullets {
        margin-top: 30px !important;
    }
     .modal-dialog{
        min-height: calc(100vh - 20px);
    }
     .days_active p{
        padding: 9px 0px;
        width: 36px;
         height: 36px;
         font-size: 1.2rem;
    }
     [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
        margin-left: 0px;
         margin-right: 12px !important;
    }
     .quantity_plus{
        margin-top: 15px;
    }
     .days_active p{
        border: 1px solid #343a40;
    }
     .input-group .form-control{
        width: 300px;
    }
     .input-group-prepend img{
        right: 5%;
    }
     .submit_btn_popup{
        width: auto !important;
    }
     .submit_btn_popup .btn_shop{
        width: 335px !important;
    }
     .left_space{
        margin-left: 28px;
         font-size: 1.2rem !important;
    }
     .select_day{
         flex-wrap: wrap;
    }
     .select_day .radioBtns{
         margin-right: 18px;
    }
     .form-group input{
         min-width: 100%;
    }
     .select_day .pipe{
         display: none;
    }
    .from_farm p{
      line-height: 2.5rem;
    }
    .cir_ic_img{padding-top: 5px;}
  }
  /*Mobile CSS End*/
  @media (max-width:991px) {
     .register-photo form {
         padding: 25px 
    }
  }
  
/* Above the folder styles ends */

/* footer:start */
footer{ width: 100%; display: flex; }
footer.footer-bottom{background: linear-gradient(294.93deg, #D74123 58.1%, #FF6320 101.22%);}
footer .container{ padding-top: 60px; padding-bottom: 60px; }
footer h2{ color: #FFFFFF; position: relative; padding-bottom: 12px;}
footer h2:after{content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background-color: #FFFFFF;}
footer .provilac-text{ font-size: 1.4rem;line-height: 30px;}
footer h3{color: #FFFFFF; font-weight: 600;}
footer p{color: #FFFFFF; font-size: 1.8rem; line-height: 23px; letter-spacing: 0.03em; margin: 0; font-weight: normal; display: flex; align-items: center;}
footer ul{ display: flex; margin: 10px 0 0 0; width: 100%; flex-wrap: wrap;}
footer ul li{color: #FFFFFF; font-size: 1.6rem; line-height: 20px; letter-spacing: 0.03em; margin: 0; font-weight: normal; width: 100%;}
footer ul li a{color: #FFFFFF; }
footer ul li a:hover{color: #FFFFFF;}
footer .group { margin-top: 24px; width: 100%; display: flex; flex-wrap: wrap;}
footer .footer-menu{margin-right: -50px; margin-left: -50px;}
footer .footer-menu .col-md-3{ padding-right: 50px; padding-left: 50px}
footer ul.footer-useful-links li{font-size: 1.8rem; line-height: 32px;}
footer ul.footer-useful-links{ margin: 0;}
footer ul li a{display: flex; align-items: center;}
footer ul li i{ margin-right: 16px; width: 20px; height: 20px; font-size: 1.8rem; align-items: center; display: flex; justify-content: center; }
footer ul li i.icon-email{font-size: 1.4rem;}
footer ul.follow-us li{width: 32px; height: 32px; margin-right: 24px; border-radius: 50%; align-items: center; justify-content: center; display: flex;}
footer ul.follow-us li i{font-size: 3.5rem; margin: 0; width: 100%; height: 100%; padding: 0;}
.fssai-img{ width: 45px; margin-right: 5px;}
footer.footer-top{background: #3F414D;}
footer.footer-top .container{ padding: 32px 35px; }
footer.footer-top p{font-size: 1.6rem; line-height: 20px; position: relative; margin-bottom: 16px;}
footer.footer-top p.spaceleft{ padding-left:37px ;}
footer.footer-top p i{ font-size: 2rem; margin-right: 16px;}
footer.footer-top p i.icon-email-solid{ font-size: 1.6rem; left: 0; }
.subscribe-form{ display: flex; width: 100%; flex-wrap: wrap; margin-top: 24px;}
.subscribe-form input{ width: calc(100% - 98px); background: none; border-bottom: solid 1px #fff; font-size: 16px; line-height: 20px; color: #fff; padding: 8px; margin-right: 16px;}
.subscribe-form input::placeholder {
    color: #8C8D94;
  }
.subscribe-form .btn-outline-primary-white{ width: 77px; justify-content: center; font-weight: 600;}
footer.footer-top .btn-wrap{margin-top: 24px; padding-left: 28px;}
footer.footer-top .row{margin-right: -60px; margin-left: -60px;}
footer.footer-top .row > div{ padding-right: 60px; padding-left: 60px}
/* footer:end */

/* mobile-sticky-menu:start */
.mobile-sticky-menu{ position: sticky; bottom: 0; left: 0; background: #fff;
    -webkit-box-shadow: 0px -2px 6px rgb(0 0 0 / 4%);
    -moz-box-shadow: 0px -2px 6px rgb(0 0 0 / 4%);
    -ms-box-shadow: 0px -2px 6px rgb(0 0 0 / 4%);
    box-shadow: 0px -2px 6px rgb(0 0 0 / 4%);
    width: 100%;
    display: none;
    padding: 10px 0px;
    z-index: 100;
}
.mobile-sticky-menu ul{
  display: flex;
  justify-content: space-around;
  font-size: 1.4rem;
  text-align: center; 
  margin: 0; 
}

.mobile-sticky-menu a{
  color: #8C8D94;
}
.mobile-sticky-menu a:hover,
.mobile-sticky-menu a.active{
  color: #D34A2B;
}

.mobile-sticky-menu i{
  font-size: 2rem;
}

.mobile-sticky-menu a span{
  display: block;
}
.fail-text {
    text-align: center
}
.fail-text p{
    margin-top: 0 !important;
}
.fail-text label{
    font-weight: 700;
}

/* mobile-sticky-menu:end */

/* Cart Styles Starts */

/* Cart styles ends */