/* Import Montserrat font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');




.inner_page_banner .inner_banner{min-height: 160px;}
.inner_banner h2{display: flex;align-items: center;justify-content: center;gap: 4px;}
.inner_banner h2 img{max-width:30px}
.flavour_new_section {
    padding: 30px 0 60px 0;
}
.flavour_new_section .row{row-gap: 25px;}

.flav_card{position: relative;background: #fff;background-clip: padding-box;border: solid 2px transparent;border-radius: 30px;border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;padding: 20px 20px 40px 20px;min-height: 470px;height: 100%;transition: 0.5s;display: block;text-decoration: none;}

.flav_card:hover{background: #ffffffc4;}

/* Optional add-ons (carbs, caffeine): their own block under the flavours. */
.addon_section{margin-top: 60px;padding-top: 40px;border-top: 1px solid rgba(0, 0, 0, 0.10);}
.addon_head{text-align: center;max-width: 620px;margin: 0 auto 30px;}
.addon_head h2{
    color: #201D1E;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 10px 0;
}
.addon_head p{
    color: rgba(32, 29, 30, 0.80);
    font-family: Roboto Mono;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

/* Pill on flavours that are shown but not orderable yet. */
.flav_badge{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    background: rgba(32, 29, 30, 0.08);
    color: rgba(32, 29, 30, 0.80);
    font-family: Roboto Mono;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 999px;
    white-space: nowrap;
}

.flav_card::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
}
.flav_card::after{
    content: "";position: absolute;
    width: 100%;height: 100%;top: 0;
    right: 0;
    border-radius: 30px;
}
.mb_left.fc_blue_berry {
      background: linear-gradient(360deg, rgba(129, 73, 239, 0.00) 0.82%, rgba(129, 73, 239, 0.10) 99.22%);
}
.flav_card.fc_apple::after{
    background: linear-gradient(360deg, rgba(239, 94, 92, 0.00) 0.82%, rgba(239, 94, 92, 0.10) 99.22%);
}
.flav_card.fc_cactus::after{
    background: linear-gradient(360deg, rgba(145, 171, 118, 0.00) 0.82%, rgba(145, 171, 118, 0.10) 99.22%);
}
.flav_card.fc_lemon::after{
    background: linear-gradient(360deg, rgba(233, 150, 101, 0.00) 0.82%, rgba(233, 150, 101, 0.10) 99.22%);
}
.flav_card.fc_blue_berry::after{
    background: linear-gradient(360deg, rgba(129, 73, 239, 0.00) 0.82%, rgba(129, 73, 239, 0.10) 99.22%);
}
.flav_card.fc_carbs::after {
    background: linear-gradient(360deg, rgba(12, 12, 12, 0.00) 0.82%, rgba(12, 12, 12, 0.10) 99.22%);
}
.flav_card.fc_caffeine::after{
    background: linear-gradient(360deg, rgba(111, 78, 55, 0.00) 0.82%, rgba(111, 78, 55, 0.10) 99.22%);
}
.flav_card.fc_watermelon::after{
    background: linear-gradient(360deg, rgba(228, 87, 107, 0.00) 0.82%, rgba(228, 87, 107, 0.10) 99.22%);
}
.flav_card.fc_peach::after{
    background: linear-gradient(360deg, rgba(245, 143, 124, 0.00) 0.82%, rgba(245, 143, 124, 0.10) 99.22%);
}
.flav_card.fc_tropical::after{
    background: linear-gradient(360deg, rgba(18, 179, 168, 0.00) 0.82%, rgba(18, 179, 168, 0.10) 99.22%);
}
.flav_card.fc_apple::before{
    background: linear-gradient(to top, #40e0d000, #EF5E5C);
}
.flav_card.fc_cactus::before{
    background: linear-gradient(to top, #40e0d000, #91AB76);
}
.flav_card.fc_lemon::before{
    background: linear-gradient(to top, #40e0d000, #E99665);
}
.flav_card.fc_blue_berry::before{
    background: linear-gradient(to top, #40e0d000, #8149f8);
}
.flav_card.fc_carbs::before {
    background: linear-gradient(to top, #40e0d000, #DEDEDE);
}
.flav_card.fc_caffeine::before{
    background: linear-gradient(to top, #40e0d000, #6F4E37);
}
.flav_card.fc_watermelon::before{
    background: linear-gradient(to top, #40e0d000, #E4576B);
}
.flav_card.fc_peach::before{
    background: linear-gradient(to top, #40e0d000, #F58F7C);
}
.flav_card.fc_tropical::before{
    background: linear-gradient(to top, #40e0d000, #12B3A8);
}
/*8149f8*/
.flav_card_inner{max-width: 300px;text-align: center;margin: 0 auto;display: flex;align-items: center;flex-direction: column;height: 100%;}
.fc_img{min-height: 220px;display: flex;align-items: center;position: relative;z-index: 9;}
.fc_img img{height: auto;object-fit: contain; max-height:150px;}
.fc_content{display: flex;flex-direction: column;height: 100%;justify-content: space-between;align-items: center;position: relative;z-index: 9;}
.flav_card h3{
    color: #201D1E;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 0.9;
    margin: 0 0 20px 0;
    display: flex;gap: 4px;
    align-items: center;
    white-space: nowrap;
}
.flav_card h3 img{object-fit: contain;max-width: 24px;}
.flav_card p{
    color: rgba(32, 29, 30, 0.80);
    text-align: center;
    font-family: Roboto Mono;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.primary_link,.primary_link i{
    color: #201D1E;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1; 
    text-transform: capitalize;
    text-decoration: none;
    transition: 0.5s;
}
.primary_link:hover{color: #EF5E5C;}
.primary_link:hover i{color: #EF5E5C;}
.fc_cactus .primary_link:hover{color: #91AB76;}
.fc_cactus .primary_link:hover i{color: #91AB76;}
.fc_lemon .primary_link:hover{color: #E99665;}
.fc_lemon .primary_link:hover i{color: #E99665;}
.fc_blue_berry .primary_link:hover{color: #8149f8;}
.fc_blue_berry .primary_link:hover i{color: #8149f8;}
.fc_caffeine .primary_link:hover{color: #6F4E37;}
.fc_caffeine .primary_link:hover i{color: #6F4E37;}
.fc_watermelon .primary_link:hover{color: #E4576B;}
.fc_watermelon .primary_link:hover i{color: #E4576B;}
.fc_peach .primary_link:hover{color: #F58F7C;}
.fc_peach .primary_link:hover i{color: #F58F7C;}
.fc_tropical .primary_link:hover{color: #12B3A8;}
.fc_tropical .primary_link:hover i{color: #12B3A8;}
.primary_link i{transition: 0.5s;}
.primary_link:hover i{transform: translateX(10px);}
.bck_btn.primary_link:hover i{transform: translateX(0px);}
.bck_btn.primary_link:hover i{color: #000;}
/* //////////////////////////////////////////////////////////////////////////////////////// */

.selected_flavour_card{position: relative;background: #fff;background-clip: padding-box;border: solid 2px transparent;border-radius: 30px;border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;padding: 0px 20px 40px 20px;min-height: 470px;height: 100%;transition: 0.5s;overflow: hidden;}
/* .selected_flavour_card:hover{transform: translateY(-10px);} */
.selected_flavour_card::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
}
.selected_flavour_card::after{
    content: "";position: absolute;
    width: 100%;height: 100%;top: 0;
    right: 0;
    border-radius: 30px;
}
.selected_flavour_card.fc_apple::after{
    background: linear-gradient(360deg, rgba(239, 94, 92, 0.00) 0.82%, rgba(239, 94, 92, 0.10) 99.22%);
}
.selected_flavour_card.fc_cactus::after{
    background: linear-gradient(360deg, rgba(145, 171, 118, 0.00) 0.82%, rgba(145, 171, 118, 0.10) 99.22%);
}
.selected_flavour_card.fc_lemon::after{
    background: linear-gradient(360deg, rgba(233, 150, 101, 0.00) 0.82%, rgba(233, 150, 101, 0.10) 99.22%);
}
.selected_flavour_card.fc_blue_berry::after{
    background: linear-gradient(360deg, rgba(129, 73, 239, 0.00) 0.82%, rgba(129, 73, 239, 0.10) 99.22%);
}
.selected_flavour_card.fc_caffeine::after{
    background: linear-gradient(360deg, rgba(111, 78, 55, 0.00) 0.82%, rgba(111, 78, 55, 0.10) 99.22%);
}
.selected_flavour_card.fc_watermelon::after{
    background: linear-gradient(360deg, rgba(228, 87, 107, 0.00) 0.82%, rgba(228, 87, 107, 0.10) 99.22%);
}
.selected_flavour_card.fc_peach::after{
    background: linear-gradient(360deg, rgba(245, 143, 124, 0.00) 0.82%, rgba(245, 143, 124, 0.10) 99.22%);
}
.selected_flavour_card.fc_tropical::after{
    background: linear-gradient(360deg, rgba(18, 179, 168, 0.00) 0.82%, rgba(18, 179, 168, 0.10) 99.22%);
}
.selected_flavour_card.fc_apple::before{
    background: linear-gradient(to top, #40e0d000, #EF5E5C);
}
.selected_flavour_card.fc_cactus::before{
    background: linear-gradient(to top, #40e0d000, #91AB76);
}
.selected_flavour_card.fc_blue_berry::before{
    background: linear-gradient(to top, #40e0d000, #8149f8);
}
.selected_flavour_card.fc_caffeine::before{
    background: linear-gradient(to top, #40e0d000, #6F4E37);
}
.selected_flavour_card.fc_watermelon::before{
    background: linear-gradient(to top, #40e0d000, #E4576B);
}
.selected_flavour_card.fc_peach::before{
    background: linear-gradient(to top, #40e0d000, #F58F7C);
}
.selected_flavour_card.fc_tropical::before{
    background: linear-gradient(to top, #40e0d000, #12B3A8);
}


.sfc_top{position: relative;text-align: center;min-height: 200px;cursor: pointer;z-index: 5;}
.sfc_center{min-height: 200px;cursor: pointer;}
.sfc_top img{max-width: 200px;height: 200px;}
.sfc_inner{max-width: 300px;text-align: center;margin: 0px auto 0;display: flex;align-items: center;flex-direction: column;min-height: 220px;position: relative;z-index: 9;
justify-content: space-between;text-align: center;}
.selected_flavour_card h3{
    color: #201D1E;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 0.9;
    margin: 0 0 20px 0;
    display: flex;gap: 4px;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
}
.selected_flavour_card h3 img{object-fit: contain;max-width: 24px;}
.selected_flavour_card p{
    color: rgba(32, 29, 30, 0.80);
    text-align: center;
    font-family: Roboto Mono;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;margin: 0;
    min-height: 90px;
}
.selected_flavour_card span{
    color: rgba(32, 29, 30, 0.80);
    text-align: center;margin: 0;
    font-family: Roboto Mono;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}
.selected_flavour_card .form-check{display: flex;align-items: center;gap: 8px;}
.selected_flavour_card .form-check-label{
    color: #201D1E;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1; 
    text-transform: capitalize;
    text-decoration: none;
    transition: 0.5s;
}
.selected_flavour_card .form-check-input{margin-top: 0px;width: 28px;height: 28px;border-radius: 8px;border: 1px solid rgba(0, 0, 0, 0.16);}
.selected_flavour_card .form-check-input:focus {border: 1px solid rgba(0, 0, 0, 0.16);outline: 0;box-shadow: none;}
.selected_flavour_card.fc_apple .form-check-input:checked{background-color: #EF5E5C;border: transparent;}
.selected_flavour_card.fc_cactus .form-check-input:checked{background-color: #91AB76;border: transparent;}
.selected_flavour_card.fc_lemon .form-check-input:checked{background-color: #E99665;border: transparent;}
.selected_flavour_card.fc_blue_berry .form-check-input:checked{background-color: #8149f8;border: transparent;}
.selected_flavour_card.fc_caffeine .form-check-input:checked{background-color: #6F4E37;border: transparent;}
.selected_flavour_card.fc_watermelon .form-check-input:checked{background-color: #E4576B;border: transparent;}
.selected_flavour_card.fc_peach .form-check-input:checked{background-color: #F58F7C;border: transparent;}
.selected_flavour_card.fc_tropical .form-check-input:checked{background-color: #12B3A8;border: transparent;}
.sfc_bottom{display: flex;align-items: center;justify-content: space-evenly;width: 100%;}
.sfc_bottom hr{transform: rotate(0deg);
    background-color: rgb(0 0 0 / 34%);
    width: 1px;
    height: 20px;}

.selected_flavour_card.fc_apple .form-check:hover .form-check-label{color: #EF5E5C;}
.selected_flavour_card.fc_lemon .form-check:hover .form-check-label{color: #E99665;}
.selected_flavour_card.fc_cactus .form-check:hover .form-check-label{color: #91AB76;}
.selected_flavour_card.fc_caffeine .form-check:hover .form-check-label{color: #6F4E37;}
.selected_flavour_card.fc_watermelon .form-check:hover .form-check-label{color: #E4576B;}
.selected_flavour_card.fc_peach .form-check:hover .form-check-label{color: #F58F7C;}
.selected_flavour_card.fc_tropical .form-check:hover .form-check-label{color: #12B3A8;}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////// */
.ingredient_modal .modal-dialog{
	max-width:980px;
}
.ingredient_modal .modal-content{
    border-radius: 30px;
	border: transparent;
    background: #FFF;
    box-shadow: 0px 6px 30px 0px rgba(174, 174, 174, 0.30);
}
.ingredient_modal .modal-body{padding: 0;}

.modal_body{display: flex;height: 100%;}

.mb_left{min-width: 450px;
text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 30px;
border-top-right-radius: 0;border-bottom-right-radius: 0;}
.mb_left.fc_apple{background: linear-gradient(360deg, rgba(239, 94, 92, 0.00) 0.82%, rgba(239, 94, 92, 0.10) 99.22%);}
.mb_left.fc_lemon{background: linear-gradient(91deg, rgba(233, 150, 101, 0.00) 0.82%, rgba(233, 150, 101, 0.10) 99.22%);}
.mb_left.fc_cactus{background: linear-gradient(91deg, rgba(145, 171, 118, 0.00) 0.82%, rgba(145, 171, 118, 0.10) 99.22%);}
.mb_left.fc_caffeine{background: linear-gradient(91deg, rgba(111, 78, 55, 0.00) 0.82%, rgba(111, 78, 55, 0.10) 99.22%);}
.mb_left.fc_watermelon{background: linear-gradient(91deg, rgba(228, 87, 107, 0.00) 0.82%, rgba(228, 87, 107, 0.10) 99.22%);}
.mb_left.fc_peach{background: linear-gradient(91deg, rgba(245, 143, 124, 0.00) 0.82%, rgba(245, 143, 124, 0.10) 99.22%);}
.mb_left.fc_tropical{background: linear-gradient(91deg, rgba(18, 179, 168, 0.00) 0.82%, rgba(18, 179, 168, 0.10) 99.22%);}
.mb_left_inner {max-width: 350px;margin: 0 auto;}
.fc_blue_berry .ind_mdl_img img{max-width:150px;}
.ind_mdl_img{width: 300px;height: 300px;background-position: center;background-size: contain;background-repeat: no-repeat;
    display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;}

.ind_mdl_img.new_hyd_bk{background-image: url(../images/applehyd_card_img.svg);}
.ind_mdl_img.new_perf_bk{background-image: url(../images/appleperf_card_img.svg);}
.ind_mdl_img.new_rec_bk{background-image: url(../images/applerec_card_img.svg);}
.ind_mdl_img.newlemoperf_bk{background-image: url(../images/newlemoperf_bk.svg);}

.mb_left h3{color: #201D1E;text-align: center;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: 1.7;display: flex;align-items: center;
justify-content: center;white-space: nowrap;gap: 4px;}
.mb_left h3 img{object-fit: contain;max-width: 24px;}
.mb_left p{color: rgba(32, 29, 30, 0.80);text-align: center;font-family: Roboto Mono;font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.4;}


.mb_right_table{width: calc(100% - 450px);height: 100%;padding: 40px 50px 40px 40px !important;}

.table_responsive{width: 100%;}.ind_modal_table{width: 100%;}
.ind_modal_table tbody{
    border-top: 1.8px solid rgba(0, 0, 0, 0.16) !important;vertical-align: middle;
}
.ind_modal_table tbody tr{
    border-bottom: 1.8px solid rgba(0, 0, 0, 0.16) !important;
}
.ind_modal_table tr th{
    color: #201D1E;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;    
    text-transform: capitalize;
	/* white-space: nowrap; */
    text-align: left;padding-left: 5px;padding-right: 5px;
}
.ind_modal_table tr th:nth-child(1){text-align: left;}
.ind_modal_table tr th{text-align: right;}
.ind_modal_table tr td:nth-child(1){
    color: rgba(0, 0, 0, 0.72);
    font-family: Roboto Mono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;text-align: left;
}
.ind_modal_table tr td{
    color: #000;
    font-family: Roboto Mono;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
	white-space: nowrap; 
    line-height: 22px;text-align: right;padding: 0.3rem 0.3rem;padding-left: 5px;padding-right: 5px;
}


.ind_mdl_close_btn{position: absolute;right: 12px;top: 12px;background-color: #F5F5F5;width: 35px;height: 35px;border-radius: 50%;
display: flex;align-items: center;justify-content: center;z-index: 9;font-size: 18px;color: #000;border: transparent;}
.ind_mdl_close_btn:hover{background-color: #afa8aa;color: #fff;}


.mb_right_table_bottom{display: flex;align-items: center;gap: 25px;margin: 25px 0 0 0;}
.mb_right_table_bottom .form-check{display: flex;align-items: center;gap: 8px;}
.mb_right_table_bottom .form-check-label{
    color: #201D1E;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1; 
    text-transform: capitalize;
    text-decoration: none;
    transition: 0.5s;
}
.mb_right_table_bottom .form-check-input{margin-top: 0px;width: 28px;height: 28px;border-radius: 8px;border: 1px solid rgba(0, 0, 0, 0.16);}
.mb_right_table_bottom .form-check-input:focus {border: 1px solid rgba(0, 0, 0, 0.16);outline: 0;box-shadow: none;}
.mb_right_table_bottom .form-check-input:checked{background-color: #EF5E5C;border: transparent;}
.mb_right_table_bottom a{
    color: #201D1E;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1; 
    text-transform: capitalize;
    text-decoration: none;
    transition: 0.5s;
}
.mb_right_table_bottom a:hover{color: #EF5E5C;}
.mb_right_table_bottom .form-check .form-check-label:hover{color: #EF5E5C;}

.top_product_section{margin: 0 0 70px 0;}


@media only screen and (max-width: 1400px) {
    .flav_card h3 {font-size: 20px;}
    .flavour_new_section {padding: 70px 0;}
/* //////////// */
    .selected_flavour_card h3 {font-size: 20px;}
}

@media only screen and (max-width: 1200px) {
    .mb_left h3 {font-size: 20px;}
    .mb_left {min-width: 380px;}
    .mb_right_table{width: calc(100% - 380px);padding: 50px 20px;}
    .table_responsive{overflow-x: scroll;}
    .table.ind_modal_table{overflow-x: scroll;width: 500px;}
}

@media only screen and (max-width: 767px){
    .flavour_new_section {padding: 40px 0;}
    .flav_card{max-width: 450px;margin: 0 auto;padding: 15px 15px 25px 15px;}
/* //////////// */
    .selected_flavour_card{max-width: 450px;margin: 0 auto;padding: 0px 15px 25px 15px;}
/* /////////// */
    .modal_body{flex-direction: column;}
    .mb_left{padding: 35px 0 0 0;min-width: auto;}
    .mb_left_inner {max-width: 300px;}
    .ind_mdl_img {width: 250px;height: 250px;}
    .mb_right_table{width: 100%;}
    .table.ind_modal_table{overflow-x: scroll;width: 100%;min-height: 700px;}   
	
	.compare_bottom .ind_mdl_img {height: 50px !important;}
	
	.top_product_section{margin: 0 0 40px 0;}
}

#overlay{	
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

.fc_img1 img{
    animation: fc1 1.2s ease-in-out infinite;
    animation-direction: alternate; 
}
.fc_img2 img{
    animation: fc2 2s ease-in-out infinite;
    animation-direction: alternate; 
}

/* @keyframes fc2 { */
    /* from { */
        /* transform: translateY(-30px); */
    /* } */
    /* to { */
        /* transform: translateY(-10px); */
    /* } */
  /* } */
  @keyframes fc1 {
    from {
        transform: translateY(-30px);
    }
    to {
        transform: translateY(-10px);
    }
}

.ind_mdl_img{
    animation: mdl_bk 5s ease-in-out infinite;
    animation-direction: alternate;
}
/* .ind_mdl_img img{
    animation: mdl_img 4s ease-in-out infinite;
    animation-direction: alternate;
} */
@keyframes mdl_img {
    0% {transform: translateY(-20px);}
    50% {transform: translateY(20px);}
    100% {transform: translateY(-20px);}
}
@keyframes mdl_bk {
    0% {transform: translateY(20px);}
    50% {transform: translateY(-20px);}
    100% {transform: translateY(20px);}
}



.compare_bottom{border-radius: 20px;background: #F5F5F5;padding: 10px;width: 100%;max-width: 98%;margin: 0 auto;
position: fixed;bottom: 0;left: 0;right: 0;z-index: 99;}
.add_compare{border-radius: 20px;border: 1px dashed rgba(0, 0, 0, 0.16);background: rgba(255, 255, 255, 0.80);width: 100%;max-width: 200px;height: 70px;
display: flex;align-items: center;justify-content: center;padding: 10px;gap: 10px;position: relative;}



.add_compare .pc_close_btn {
    width: 20px;
    height: 20px;
    font-size: 10px;
    right: 6px;
    top: 6px;
}
.add_compare.added{border: 1px solid #000;background: rgba(255, 255, 255, 0.80);}

.compare_bottom .btn{width: 100%;max-width: 200px;height: 70px;border-radius: 20px;justify-content: center;}
.compare_bottom_inner{display: flex;align-items: center;justify-content: center;width: 100%;max-width: 840px;gap: 10px;margin: 0 auto;}

.add_compare h6{font-family: Roboto Mono;color: rgba(0, 0, 0, 0.72);font-weight: 400;font-size: 14px;line-height: 1.4;margin: 0;}
.add_compare.added h6{color: #000;font-weight: 700;}

.compare_bottom .ind_mdl_img {width: 60px;
    height: 60px;
    animation: none;
    margin: 0;
    background-size: contain;}
.compare_bottom .ind_mdl_img img{max-width: 30px;animation: none;}

@media only screen and (max-width: 767px){
    .add_compare{height: 60px;padding: 5px;max-width: 180px;}
    .add_compare h6{font-size: 12px;}
    .compare_bottom .btn{height: 60px;font-size: 12px;padding: 5px;max-width: 180px;}
    .compare_bottom_inner{flex-wrap: wrap;}
}
@media only screen and (max-width: 575px){
    .add_compare{max-width: 160px;}
    .compare_bottom .btn{max-width: 160px;}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body .form-select:focus {
    border: 1px solid #000;
    outline: 0px;
    box-shadow: none;
}
.ind_top_bc{display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.ind_top_bc .form-select {border-radius: 20px;border: 1px solid #000;background-color: #FFF;width: 100%;max-width: 240px;height: 40px;
    color: rgba(32, 29, 30, 0.40);font-family: var(--body-font);font-size: 16px;font-style: normal;font-weight: 400;line-height: 16px;
}
.top_product{display: flex;}
.tp_left{min-width: 200px;display: flex;align-items: center;padding: 0 0 0 25px;}
.sub_title{
    color: #000;
    font-family: var(--body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;margin: 0;
}
.tp_right{width: 100%;}

.proc_top{margin: 30px 0;}
.prod_card{border-radius: 20px 20px 0px 0px;padding: 20px;overflow: hidden;position: relative;
    display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 20px;min-height: 275px;}
.prod_card.fc_apple{background: linear-gradient(10deg, rgba(239, 94, 92, 0.00) 8.15%, rgba(239, 94, 92, 0.10) 93.29%);}
.prod_card.fc_lemon{background: linear-gradient(18deg, rgba(233, 150, 101, 0.00) 13.45%, rgba(233, 150, 101, 0.10) 89.46%);}
.prod_card.fc_cactus{background: linear-gradient(360deg, rgba(145, 171, 118, 0.00) 0.82%, rgba(145, 171, 118, 0.10) 99.22%);}
.prod_card .ind_mdl_img{
    width: 150px;height: 140px;animation: none;margin: 0 auto 0px
}
.prod_card .ind_mdl_img img{max-width: 80px;}
.prod_card h3{
    color: #201D1E;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;margin: 0;gap: 4px;
    line-height: 1.7;display: flex;align-items: center;white-space: nowrap;justify-content: center;
}
.prod_card h3 img{object-fit: contain;max-width: 24px;}
.prod_card_add{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 15px;min-height: 275px;
    background: linear-gradient(14deg, rgba(245, 245, 245, 0.00) 10.48%, #F5F5F5 90.77%);border-radius: 20px 20px 0px 0px;}
.prod_card_add h3{ color: #201D1E;text-align: center;font-family: Montserrat;font-size: 18px;font-style: normal;font-weight: 700;line-height: 1.7;}
.prod_card_add .form-select{
    border-radius: 20px;
    border: 1px solid #000;
    background-color: #FFF;width: 100%;max-width: 240px;height: 40px;margin: 0 auto;
    color: rgba(32, 29, 30, 0.40);
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.prod_card_add .form-select option{font-family: 'Poppins', sans-serif !important;}
.pc_close_btn{width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: 0.5s;
color: #fff;font-size: 12px;position: absolute;right: 10px;top: 10px;background-color: #EF5E5C;text-decoration: none;}
.pc_close_btn:hover{background-color: #ca2623;color: #fff;}

/* /////////////////////////////////////////////////////////////// */
.tp_line{border-radius: 20px;padding: 20px 0px;display: flex;align-items: center;min-height: 80px;}
.tp_line_bg{background-color: #FAFAFA;}
.top_product h6{
    color: #201D1E;
    text-align: center;
    font-family: Montserrat;min-height: 30px;
    font-size: 16px;margin: 0;gap: 4px;
    font-weight: 600;display: flex;align-items: center;white-space: nowrap;justify-content: center;
    line-height: 1.7;}
.top_product h6 img{object-fit: contain;max-width: 24px;}
    .flavour_rating{display: flex;align-items: center;gap: 6px;justify-content: center;text-align: center;}
    .img_rating{display: flex;align-items: center;gap: 5px;justify-content: center;text-align: center;}
    .img_rating img{max-width: 24px;}
    .flavour_rating span{color: #000;text-align: center;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 600;line-height: 1.5;}
/* /////////////////////////////////////////////////////////////// */
.ind_list_bg{background-color: #FAFAFA;border-radius: 20px;padding: 20px 0px;}
.ind_list{width: 100%;max-width: 380px;margin: 0 auto;display: flex;flex-direction: column;gap: 4px;}
.ind_list li{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 5px;}
.ind_list span{
    color: rgba(0, 0, 0, 0.72);
    font-family: Roboto Mono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}
.ind_list b{
    color: #000;
    text-align: right;
    font-family: Roboto Mono;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

@media only screen and (max-width: 1200px){
    .tp_left {
        min-width: 160px;
        padding: 0 0 0 15px;
    }
    .sub_title {font-size: 16px;}
    .prod_card h3 {font-size: 15px;}
    .top_product h6 {font-size: 14px;}
    .ind_list span {font-size: 13px;}
    .ind_list b {font-size: 13px;}
    .prod_card_add h3 {font-size: 16px;}
}
@media only screen and (max-width: 991px){
    .ingredients_section .top_product{flex-direction: column;}
    /* .ingredients_section .tp_right{padding: 15px;} */
.ind_list{margin: 0;max-width: 600px;padding: 0px 0 20px 0;}
/* .ingredients_section .ind_list:last-child{border-bottom: 0;} */
}

@media only screen and (max-width: 767px){
.top_product{padding: 15px;}
.tp_left {min-width: 100%;padding: 0 0 0 0px;}
.top_product{flex-direction: column;align-items: flex-start;}
.top_product h6{justify-content: flex-start;}
.sub_title{margin: 0 0 15px 0;}
.flavour_rating{justify-content: flex-start;margin: 0 0 10px 0;}
}

@media only screen and (max-width: 575px){
    .ind_top_bc{flex-direction: column;gap: 20px;}
	
	.table.ind_modal_table{overflow-x: hidden}
	.ind_modal_table tr th {font-size: 13.1px !important;padding-right: 0 !important;padding-left: 0 !important;}
	.ind_modal_table tr td{font-size: 13.1px !important;padding-right: 0 !important;padding-left: 0 !important;letter-spacing: -0.9px;}
	.mb_right_table {padding: 50px 10px !important;}
	.table_responsive{overflow-x: hidden} 
	
}


.selected_flavour_card.fc_cactus:hover {
    background: #ffffffc4;
}
.selected_flavour_card.fc_lemon:hover {
    background: #ffffffc4;
}
.selected_flavour_card.fc_apple:hover {
    background: #ffffffc4;
}

.ind_list li:nth-child(1) span,.ind_list li:nth-child(1) b{
	color: #000;
    font-family: var(--body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}


.prod_card.fc_blue_berry{ background: linear-gradient(360deg, rgba(129, 73, 239, 0.00) 0.82%, rgba(129, 73, 239, 0.10) 99.22%);}


/* newcss-5/12 */
body .scroll_arrow{display: none}
@media only screen and (max-width: 575px){
.ind_top_bc{flex-direction: column;gap: 20px; display: contents;}

}
@media only screen and (max-width: 1100px){
    .top_product{flex-direction: column;align-items: flex-start;}
    .top_product .sub_title{margin: 0 0 15px 0;}
    .top_product h6 {
        justify-content: flex-start;
    }
    .flavour_rating{justify-content: flex-start;}

    .scroll_arrow{display: flex !important;align-items: center;justify-content: space-between;width: 100%; position: fixed;top: 50%;}
    .scroll_arrow .preSlide,.scroll_arrow .nextSlide{
        display: flex;align-items: center;justify-content: center;color: #323232;background-color: #EE6A5D;
        max-width: 42px;min-width: 42px;max-height: 42px;min-height: 42px;border-radius: 50%;text-decoration: none;opacity: 0.5;
    }
    .scroll_arrow .preSlide:hover,.scroll_arrow .nextSlide:hover{opacity: 1;}

    .tp_left{padding: 0;}
    .top_product {padding: 1rem;}

    .flavour_main_wrap{width: 100%;overflow-x: scroll;}
    .flavour_main_wrap_inner{min-width: 900px;}

    .flavour_main_wrap{scrollbar-color: #EF5D5C transparent;}
    .flavour_main_wrap::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}
    .flavour_main_wrap::-webkit-scrollbar {width: 6px;height: 6px;background-color: transparent;}
    .flavour_main_wrap::-webkit-scrollbar-thumb {border-radius: 11px;background-color: #EF5D5C;}
    .flavour_main_wrap::-webkit-scrollbar-track-piece {background-color: transparent;}
}
.selected_flavour_card.fc_blue_berry .form-check:hover .form-check-label {
    color: #8149f8;
}
body .form-check.disabled:hover .form-check-label {
color: #201D1E !important;opacity: .5;
}

.form-check.disabled, .form-check.disabled .form-check-label {
    cursor: not-allowed;
}

/* ////////////////////order page */
.order_hero .container-fluid,.order_page .container-fluid{max-width: 100%;}
/*.order_page{margin: 40px 0;}*/
.order_flex{display: flex;gap: 20px;padding: 0 20px;}
.order_col_one{width: 100%;}
.order_col_two{max-width: 430px;width: 100%;min-width: 320px;}
.order_flex h3{color: #000000;font-size: 24px;font-weight: 600;line-height: 1;margin: 0 0 30px 0;}

/*
.order_added{border: 5px solid #D6D6D6 !important;outline: 0px solid transparent;}
.order_added .btn.btn-primary{background: linear-gradient(90deg, #ff99669c 0%, #f0585c75 100%) !important;}*/

/*.order_boxs .order_box:last-child{padding-top: 0;}
.order_boxs .order_box:last-child img{max-width: 150px;filter: grayscale(1);}
.order_boxs .order_box:last-child .order_img {min-height: 130px;}*/
/* /////////////// */
/*.order_summery_box{background-color: #fff;border-radius: 20px;filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15));}*/
.order_summery_box ul{min-height: 325px;}
.order_summery_box ul .order_item:last-child{border: none;padding: 0;margin: 0;}
.order_item{display: flex;align-items: center;justify-content: space-between;margin: 0 0 10px 0;padding: 0 0 10px 0; border-bottom: 1px solid #D6D6D6;}
.order_num{display: flex;align-items: center;justify-content: center;border: 1px solid #DEDEDE;border-radius: 5px;
    min-width: 40px;min-height: 40px;max-width: 40px;max-height: 40px;font-size: 18px;font-weight: 400;color: #000000;}
.order_num:focus{outline: 1px solid #F24E1E;}
.order_summery_box h4{font-size: 18px;margin: 0;font-weight: 600;}
.order_summery_box small{font-size: 20px;}
.order_summery_box i{color: #F24E1E;transition: 0.5s;}
.order_summery_box i:hover{color: #ffbda9;}

.summery_box_order_total{border-top: 1px solid #D6D6D6;padding: 20px;}
.totalorder_item{display: flex;align-items: center;justify-content: space-between;margin: 0 0 10px 0;}


@media only screen and (max-width: 1600px){
    .order_flex{padding: 0 10px;}
    .order_flex h3 {font-size: 20px;}

    .order_summery_box h4 {font-size: 16px;}
    .order_summery_box small {font-size: 18px;}
    .order_col_two {max-width: 340px;width: 100%;min-width: 290px;}
    .order_item_inner{gap: 15px !important;}   
}
@media only screen and (max-width: 991px){
    .order_flex{flex-direction: column;}
    .order_col_two{max-width: 500px;}
    .order_flex h3 {font-size: 18px;margin: 0 0 14px 0;}
}
@media only screen and (max-width: 567px){
    .order_box{max-width: 100%;}
    .order_flex {padding: 0 0px;}
}
/* //////////////////login_modal */
.login_modal .modal-dialog {max-width: 550px;border-radius: 30px;}
.login_modal .modal-content{border-radius: 30px;border: transparent;background: #FFF;box-shadow: 0px 6px 30px 0px rgba(174, 174, 174, 0.30);}
.login_modal .modal-body{background-color: #FAFBFF;position: relative;padding: 30px;border-radius: 20px;}
.login_modal .btn-close{position: absolute;top: 20px;right: 20px;}
.login-userheading {margin: 0 0 20px;}
.login-userheading h3 {font-size: 24px;font-weight: 700;margin: 0 0 15px;color: #000;}
.login-userheading h4 {font-size: 14px;font-weight: 400;color: #212B36;line-height: 1.4;}
.login_modal .form-login {margin-bottom: 15px;}
.login_modal .form-login label {width: 100%;color: #212B36;margin-bottom: 10px;font-size: 14px;font-weight: 500;}
.login_modal .form-login .form-addons {position: relative;}
.login_modal .form-login input {width: 100%;height: 45px;border: 1px solid rgba(145, 158, 171, 0.32);border-radius: 5px;padding: 0 15px;
    -webkit-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
.login_modal .form-login input:focus {border: 1px solid #FF9966;outline: 1px solid #FF9966;}
.login_modal .form-login .form-addons i {position: absolute;color: #CCCCCC;top: 14px;right: 19px;font-size: 18px;}
.login_modal .pass-group {position: relative;font-size: 14px;}
.login_modal .pass-group .fas {font-size: 13px;color: #939ea8;}
.login_modal .pass-group .toggle-password {
    cursor: pointer;
    width: 30px;
    height: 20px;
    color: #cccccc;
    font-size: 18px;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
}
.login_modal .form-login .alreadyuser {margin-bottom: 15px;}
.login_modal .form-login .alreadyuser h4 {font-size: 14px;font-weight: 400;color: #B8BCC9;}
.login_modal .form-login .alreadyuser h4 a {color: #FF5E62;font-weight: 600;}
.login_modal .hover-a {position: relative;text-decoration: none;}
.login_modal .hover-a:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #FF9F43;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.login_modal .hover-a:hover {color: #FF9F43 !important;}
.login_modal .hover-a:hover:after {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
.login_modal .form-login .btn-login {
    width: 100%;
    font-weight: 700;
    background: linear-gradient(90deg, #FF9966 0%, #FF5E62 100%);
    border-color: #FF9966;
    padding: 12px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 15px;
    color: #fff;
    border-radius: 10px;
}
.login_modal .form-login .btn-login:hover {box-shadow: 0 50px #fff inset !important;color: #FF5E62;}

/* /////////////////////orderoverview_page */
.orderoverview_page{margin: 40px 0;}
.orderoverview_page h3{font-size: 24px;font-weight: 700;margin: 0 0 25px;color: #000;}
.pro_img{max-width: 60px;min-width: 60px;max-height: 60px;min-height: 60px;display: flex;align-items: center;justify-content: center;border: 2px solid #DEDEDE;border-radius: 10px;}
.pro_img img{object-fit: contain;max-width: 50px;max-height: 50px;}
.pro_img_title h4{font-size: 20px;margin: 0 0 5px 0;font-weight: 600;}
.qty_slct{display: flex;align-items: center;gap: 10px;}
.qty_slct span{font-size: 16px;margin: 0;font-weight: 600;}
.pro_img_title select{border: 0;width: fit-content;font-size: 16px;font-weight: 400;padding: 0 35px 0 0;}
.pro_img_title .form-select:focus{border: 0;}

.prct_item_inner{display: flex;align-items: center;gap: 35px;}
.prct_item_inner small {font-size: 20px;}
.prct_item_inner i {color: #F24E1E;transition: 0.5s;}
.prct_item_inner i:hover {color: #ff9879;}

.prct_view_list{padding: 20px 20px;border: 1px solid #DEDEDE;border-radius: 20px;display: flex;flex-direction: column;gap: 18px;}
.prct_view_list li{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #DEDEDE;padding: 0 10px 18px 10px;}
.prct_view_list li:last-child{border-bottom: 0;padding-bottom: 0;}
.pvl_frst_col{display: flex;align-items: center;gap: 20px;}

.orderoverview_flex{display: flex;gap: 20px;}
.order_products_overview{width: 100%;}
.order_products_subtotal{min-width: 325px;}

.prct_view_list,.op_bill{min-height: 510px;}

.op_bill{border: 1px solid #DEDEDE;border-radius: 20px;padding: 25px 0;display: flex;flex-direction: column;}
.op_bill_inner{flex: 1;}
.op_bill_top{padding: 0 20px;border-bottom: 1px solid #DEDEDE;}
.op_bill_top h4{font-size: 14px;font-weight: 600;margin: 0 0 2px 0;}
.op_bill_top span{font-size: 18px;font-weight: 400;}

.total_bill_price{padding: 16px 20px;display: flex;flex-direction: column;gap: 5px;}
.total_bill_price li{display: flex;align-items: center;justify-content: space-between;}
.total_bill_price h4{font-size: 16px;font-weight: 600;margin: 0;}
.total_bill_price span{font-size: 18px;font-weight: 400;margin: 0;}

.op_bill .btn.btn-primary {border-radius: 10px;max-width: 100%;width: 90%;margin: 0 auto; display: flex;justify-content: center;color: #fff;}

@media only screen and (max-width: 1199px){
    .orderoverview_page {margin: 25px 0;}
    .orderoverview_page h3 {font-size: 20px;margin: 0 0 15px;}
    .prct_view_list {padding: 12px 12px;gap: 12px;}
    .prct_view_list li {padding: 0 10px 12px 10px;}
    .pro_img_title h4 {font-size: 16px;}
    .pro_img_title select {font-size: 14px;}
    .qty_slct span {font-size: 14px;}
    .prct_item_inner small {font-size: 18px;}
    .op_bill_top span {font-size: 16px;}
    .total_bill_price h4 {font-size: 14px;}
    .total_bill_price span {font-size: 16px;}
}
@media only screen and (max-width: 768px){
    .orderoverview_flex{flex-direction: column;}
    .prct_view_list, .op_bill {min-height: 100%;}
    .order_products_subtotal {min-width: 100%;}
}
@media only screen and (max-width: 567px){
    .pro_img {max-width: 45px;min-width: 45px;max-height: 45px;min-height: 45px;}
    .pro_img img {max-width: 35px;max-height: 35px;}
    .prct_view_list li {padding: 0 0px 12px 0px;}
    .prct_item_inner {gap: 12px;}
    .pvl_frst_col {gap: 12px;}
}


.user_dropdown .dropdown-toggle::after{content: none;}
.user_dropdown .btn{padding: 0;}
.user_dropdown_round{max-width: 40px;min-width: 40px;min-height: 40px;max-height: 40px;display: flex;align-items: center;justify-content: center;color: #fff;
background-color: #000;border-radius: 50%;font-size: 14px;}


.order_cnfrm .qtySelector{background-color: #F5F5F5;display: flex;align-items: center;padding: 10px;border-radius: 10px;margin: 10px 0 10px 0;
    width: 100%;justify-content: space-around;}
.order_cnfrm input{background-color: #F5F5F5;border: 0;text-align: center;max-width: calc(100% - 70px);    width: inherit;min-width: 25px;}
.order_cnfrm input:focus{border: 0;outline: 0;}
.order_cnfrm .decreaseQty,.order_cnfrm .increaseQty{width: 100%;cursor: pointer;max-width: 35px;}