.wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: none;
}

:root{
    --pcolor:#FF4829;
}
div.error{
    color:red;
    font-size:12px;
}

label em{
    font-style: initial;
    color:red;
}

body {
    font-family: 'DINPro', 'Poppins' , sans-serif;
    padding: 0;
    margin: 0;
    font-size:16px;
}
a:hover,a:focus{
    text-decoration: none!important;
}   

div#loader-wrapper {
    position: fixed;
    background:#fff;
    height:100vh;
    width:100%;
    z-index: 999999999999999999999;
    text-align: center;
    top:0px;
    left:0px;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.mycontainer{
    max-width: 1400px;
    width: 88%;
    margin:auto;
}

.heading2{
    font: normal normal normal 42px/55px DINPro-bold;
    letter-spacing: 0.42px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.whitetext,.whitetext *{
    color:#fff;
}
.breadcrumbsection{
    background: #FFDF5D;
    background: transparent linear-gradient(298deg, #FB5F51 0%, #FFDF5D 100%) 0% 0% no-repeat padding-box;
    padding-top: 100px;
    height: 100vh;
    position: relative;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}

.breadcrumbsection .pagetitlt{
    font: normal normal normal 42px/52px DINPro-bold;
    letter-spacing: 0px;
    color: #1A1A1A;
    text-transform: uppercase;
    position: absolute;
    top:50%;
    left:4%;
    max-width: 50%;
}


.breadcrumbsection .pagetitetext{
    top:58%;
    left:4%;
    max-width: 45%;
    position: absolute;
    font: normal normal normal 18px/28px DINPro;
    letter-spacing: 0px;
    color: #1A1A1A;
    display: block;
    text-transform:capitalize;
}

.sectionpadding{
    padding:60px 0px;    
}

.darksection{
    background-color:#F3F3F3; 
    background: transparent linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}



/* ****** CUSTOM Popup Code  ******* */

.cus-popup-container{
    position: fixed;
    z-index: 99999998;
    top:0px;
    width: 100%;
    height:100vh;
    background:rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cus-popup-whitebox{
    position: relative;
    width: 726px;
    height: 338px;
    margin:auto;
    background:#fff;
}

.cus-popup-wrapper{
    flex-wrap: wrap;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
    padding:40px;
}

.cus-popup-wrapper .textbox{
    width: 60%;
}

.cus-popup-wrapper .textbox h3{
    font: normal normal normal 24px/36px Poppins;
    letter-spacing: 0px;
    color: #3B3B3B;
    margin-bottom: 20px;
}

.cus-popup-wrapper .textbox h3 p{
    text-align: left;
    font: normal normal bold 36px/36px Poppins;
    letter-spacing: 0px;
    color: #AF2525;
}


.cus-popup-wrapper .imgbox{
    width: 40%;
}

.cus-popup-close{
    background:#fff0;
    border:0px!important;
    outline: none!important;
    height: 40px;
    width: 40px;
    position: absolute;
    top:10px;
    right:10px;
    border-radius:50%;
    transition: 0.5s;
    z-index: 99999999;
}

.cus-popup-close span{
    position: absolute;
    top:50%;
    left: 50%;
    height:1px;
    width:50%;
    background:#000;
    transform:translate(-50% , -50%) rotate(45deg);
    pointer-events: none;
}


.cus-popup-close span:nth-child(1){transform:translate(-50% , -50%) rotate(45deg);}
.cus-popup-close span:nth-child(2){transform:translate(-50% , -50%) rotate(-45deg);}


/* ****** CUSTOM Popup Code  ******* */


/* ****** Header Code  ******* */

.menutogglercss,.navoverlay{
    display: none;
}

.header{
    height:100px;
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    background:transparent;
    transition: 0.5s;
    z-index: 99999;
}

.header.fixed-head{
    animation: slide-down-head 1s;
    position: fixed;
    background:#FFDF5D;
    background:transparent linear-gradient(180deg, #FB6A52 0%, #F58011 100%);
    box-shadow:0px 2px 3px #b3520e;
    height: 80px;
    z-index: 999;
}

@keyframes slide-down-head{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.header-container{
   max-width: 1400px;
   width: 88%;
   margin:auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 100%;
}

.header .logo{
    width:122px;
    height: auto;
    display: block;
    vertical-align: bottom;
}

.header .logo img{
    width: 100%;
}

.rightmenu{
    max-width:94%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.rightmenu >nav >ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style:none;
}

.rightmenu >nav > ul >li{
    margin:0px 10px;
    position: relative;
    z-index: 9999999;
}
.mdropwdown{
    top:100%;
    position: absolute;
    padding-top:5px;
    left: 0px;
    width:200px;
    z-index: 9999999;
    transform: scaleY(0);
    transition: 0.5s ease-in-out;
    transform-origin: top;
}

.rightmenu >nav >ul>li:hover .mdropwdown{
    z-index: 9999;
    transform: scaleY(1);
}

.mdropwdown > ul{
    width: 100%;
    background:#f3f3f3;
    padding:0px 0px;
    border-radius:5px;
    overflow: hidden;
}

.mdropwdown > ul > li{

    list-style-type: none;
}

.mdropwdown > ul > li> a{
  font: normal normal normal 14px/35px Poppins;
  letter-spacing: 0px;
  color: #000000;
  display: block;
  padding:0px 10px;
  border-bottom: 1px dashed #fff0;
}

.mdropwdown > ul > li> a:hover{
    background:#fcfcfc;
    border-bottom: 1px dashed #ccc;
    border-radius:5px;
}


.msubdropwdown {
    position: absolute;
    top: 15px;
    left: 100%;
    background: #ccc;
    width: 100%;
    display: none;
}

.mdropwdown li.hasdropdown:hover > .msubdropwdown{
    display: block;
}


.msubdropwdown > ul{
    width: 100%;
    background:#f3f3f3;
    padding:0px 0px;
    border-radius:5px;
    overflow: hidden;
}

.msubdropwdown > ul > li{

    list-style-type: none;
}

.msubdropwdown > ul > li> a{
  font: normal normal normal 14px/35px Poppins;
  letter-spacing: 0px;
  color: #000000;
  display: block;
  padding:0px 10px;
  border-bottom: 1px dashed #fff0;
}

.msubdropwdown > ul > li> a:hover{
    background:#fcfcfc;
    border-bottom: 1px dashed #ccc;
    border-radius:5px;
}


.rightmenu >nav >ul >li> a{
    font: normal normal normal 14px/35px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor:pointer;
    display: inline-block;
}

.rightmenu > nav> ul > li a:hover{
    color:#1a1a1a;
}

.rightmenu > nav> ul > li.active a{
    color:#1a1a1a;
}

.export-btn{
   margin:0px 20px; 
   text-align: center;
   display: block;
   cursor: pointer;
}

.export-btn .exportlogo{
    height: 35px;
    width: 35px;
    background: #fff;
    border-radius: 50%;
    margin: 0px auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.export-btn span{
    text-align: center;
    display: inline-block;
    padding: 0px 10px;
    font: normal normal normal 11px/18px Poppins;
    letter-spacing: 0px;
    color: #5B5757;
    border-radius: 12px;
    white-space: nowrap;
    background:#FFE6E6;
}



/* ****** Header Code  ******* */

/* ****** Footer Code  ******* */

.footer{
    position: relative;
    padding-top:50px;
    background: #F56318;
    background: transparent linear-gradient(180deg, #FF4829 0%, #F56318 100%) 0% 0% no-repeat padding-box;
}

.homepage .footer{
    padding-top:100px;
}

.footerwrapper{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footerwrapper .footercol:nth-child(1) {
    display: flex;
    align-items: center;
}

.footerlogo{
    max-width:150px;
    display: block;
    margin-bottom: 25px;
}

.footerlogo img{
    width:100%;
}

.footercol{
    width:24%;
    padding:0px 10px;
    margin-bottom:30px;
}

.footercol.addresscol {
    width: 28%;
}

.footercol > h4{
    font: normal normal bold 16px/28px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom:25px;
}

.footercol  ul{
    list-style:none;
}
.footercol> ul{
    padding-left:15px;
}

.footercol  ul li{

}
.footercol  ul li a{
    text-align: left;
    font: normal normal normal 14px/28px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.footercol p,.footercol a{
    font: normal normal normal 14px/22px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.copyrightwrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top:1px solid #C1C1C1;
    padding:10px 0px 15px 0px;
}


.socialbox{
    display: flex;
    align-items: center;
    justify-content: center; 
}

.sociallink{
    display: block;
    cursor: pointer;
    height: 35px;
    width:35px;
    padding:5px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sociallink i{
    line-height: 35px;
}


.footersocialbox i{
    color:#fff;
    font-size:20px;
}

.copyrightwrapper p,.copyrightwrapper a{
    font: normal normal normal 14px/28px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.footercol .iconlist img{
    height:22px;
    position: absolute;
    top:6px;
    left: 0px;
}

.footercol .iconlist ul li{
    position: relative;
    padding-left:30px;
    margin-bottom: 10px;
}

.footer-container{
    width: 88%;
}
/* ****** Footer Code  ******* */


/* ****** Home Page Code  ******* */

.herosection{
    background: #FFDF5D;
    background: transparent linear-gradient(298deg, #FB5F51 0%, #FFDF5D 100%) 0% 0% no-repeat padding-box;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    /*height: 100vh;*/
    position: relative;
}


.mycontainerfull{
    /*height:100vh;*/
}    

.heroslider.slick-dotted.slick-slider {
    margin-bottom:0px!important;
    /*height: 100vh;*/
    width: 100%;
}

.protienscrorebox{
    position: fixed;
    right:15px;
    width:148px;
    height: 109px;
    transition:1s;
    animation: updown 1s  linear infinite alternate;
    z-index: 999;
}

.conactpage .protienscrorebox{
    display: none;
}

.heroleftbox {
    position: absolute;
    top: 50%;
    transform: translate(0% , -50%);
    left: 0px;
    background: transparent linear-gradient(180deg, #E12A1C 0%, #FFA70E 100%) 0% 0% no-repeat padding-box;
    width: 2%;
    height: 25%;
    min-width: 15px;
}
.protienscrorebox #Protein_Score{
    font: normal normal bold 24px/26px Poppins;
}


@keyframes updown{
    0% { bottom:70px; }
    100% { bottom:60px; }
}


.hero-people{
    position: absolute;
    bottom:5%;
    left: 40%;
    transform:translate(-50% , 0%);
    pointer-events: none;
}

.heroslideritemwrapper{
    position: relative;
}

.heroslideritemwrapper .imgbox{
    width:100%;
    text-align: center;
    position: relative;
}

.heroslideritemwrapper .imgbox img{
    margin:auto;
    /*height:100vh;*/
    width: 100%;
    /*object-fit:cover;*/
}

.heroslideritemwrapper .text {
    padding-top:38px;
    width:50%;
    position: absolute;
    top:200px;
    left:10%;
}

.heroslider .slick-dots {
    width: auto;
    bottom:10%;
    left: 10%;
}

.gradient-btn{
    background: #D91C0F;
    background: transparent linear-gradient(180deg, #FF994B 0%, #D91C0F 100%) 0% 0% no-repeat padding-box;
    font: normal normal normal 14px/24px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF!important;
    text-transform: uppercase;
    outline:none!important;
    text-decoration: none!important;
    border-radius:22px;
    transition:2s;
    border:1px solid #fff0;
}

.gradient-btn:hover,.gradient-btn:focus{
    border:1px solid #fff;
    background: transparent linear-gradient(180deg, #E12A1C 0%, #FFA70E 100%) 0% 0% no-repeat padding-box
}

.heroslideritemwrapper .text h1{
    font: normal normal normal 42px/40px DINPro-bold;
    letter-spacing: 0px;
    color: #1A1A1A;
    text-transform: uppercase;
    margin-bottom:5px;
}

.heroslideritemwrapper .slick-current .text h1{
    animation:fadeInUp 1s;
} 

.heroslideritemwrapper .text h2{
    font: normal normal normal 34px/40px DINPro-medium;
    letter-spacing: -0.85px;
    color: #1A1A1A;
    text-transform: uppercase;
    margin-bottom:15px;
}


.heroslider{
    margin-bottom: 0px;
}
.heroslideritem{
    height: auto;
}

.heroslider  .slick-dots li button{
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    width: 13px;
    height: 13px;
    opacity: 1;
}

.heroslider  .slick-dots li button:before{
    content: '';
    display: none;
}

.heroslider  .slick-dots li.slick-active button{
    background: #C11919;
}

.homeaboutsection{
    background: transparent linear-gradient(180deg, #FB6A52 0%, #F58011 100%) 0% 0% no-repeat padding-box;
    background-repeat:no-repeat;
    background:url("../images/aboutbackground.jpg");
    background-size: cover;
    padding:6% 0px 130px 0px;
    position: relative;
    overflow: hidden;
}

.homeaboutsection:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height: 120px;
    background: #fff;
    display: block;
    clip-path: polygon(0 90%,100% 0, 100% 100%, 0% 100%);
}

.homeaboutwrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.homeaboutwrapper .habouttext{
    width:58%;
}

.btn{
    font: normal normal normal 14px/24px Poppins;
    letter-spacing: 0px;
    text-transform: uppercase;
    outline: none!important;
    text-decoration: none!important;
    border-radius: 22px;
    transition: 2s;
    padding: 8px 20px;
    min-width: 99px;
}

.white-btn{
    background: #ffffff;
    color: #FA6A51!important;
    border:1px solid #fff0;
}

.btn-transperent{
    background: #fff0;
    color: #131313!important;
    border:1px solid #131313;
}

.white-btn:hover,.white-btn:focus{
    border:1px solid #fff;
}

.homeaboutwrapper .habouttext .hr{
    height: 3px;
    background:#FF9E56;
    width: 100%;
    margin:2rem 0px;
}

.ha-featuresbox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding:0px 15px;
}

.ha-featuresbox .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ha-featuresbox .box .circle{
    width: 60px;
    height:60px;
    border-radius: 50%;
    box-sizing:border-box;
    border:3px solid #fff;
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 10px;
}

.ha-featuresbox .box .circle img{
    width:70%;
    margin:auto;
}

.ha-featuresbox .box p{
    margin:0px;
    font: normal normal normal 22px/33px DINPro-medium;
    color: #FFFFFF;
    text-transform: uppercase;
    width: fit-content;
    max-width:calc(100% - 70px);
}


.ha-featuresbox .divider{
    height:100%;
    width:2px;
    background: #fff;
    position: absolute;
    top:0px;
    left:50%;
    opacity: 0.62;
}


.homeproductsection{
    padding:0% 0px 3% 0px;
    position: relative;
}

.homeproductsection:after{
    content: '';
    position: absolute;
    z-index:-1;
    width: 100%;
    height: 42%;
    bottom:0px;
    left:0px;
    background: #ECDC73;
    background: transparent linear-gradient(89deg, #8F7319 0%, #ECDC73 53%, #8F7319 100%) 0% 0% no-repeat padding-box;
}

.heading2.redcolor{
    color:#BE1003;
}

.homeproductslideritem{
    height: auto;
}

.homeproductslider{
    margin:3% 5% 2% 5%;
}

.homeproductslideriteminner{
    text-align: center;
    transform: scale(0.7);
    transition:0.5s;
}

.slick-current .homeproductslideriteminner{
    transform: scale(1);
}

.homeproductslideriteminner img{
    margin:0px auto 20px;
}


.homeproductslideriteminner h3{
    font: normal normal bold 32px/36px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.slick-current h3{
    color: #131313;
}

.commonslickarrow .slick-prev:before{
    content: '';
    height: 17px;
    width:17px;
    background: transparent;
    z-index:999;
    border-top:3px solid #000000;
    border-left:3px solid #000000;   
    display: block;  
    transform:rotate(-45deg);   
}
.commonslickarrow .slick-next:before{
   content: '';
   height: 17px;
   width:17px;
   background: transparent;
   z-index:999;
   border-top:3px solid #000000;
   border-left:3px solid #000000;  
   display: block;
   transform:rotate(135deg);
}

.homenutrituingwrapper{
    display: flex;
    align-items: stretch;
    justify-content:space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 99;
}

.homenutrituingsection{
    position: relative;
    padding:5% 0px 2% 0px;
    background:#F1F1F1;
}

.homenutrituingsection:after{
    content: '';
    position: absolute;
    top: calc(100% - 2px);
    left: 0px;
    width: 100%;
    height: 70px;
    background: #f1f1f1;
    display: block;
    z-index: 99;
    clip-path: polygon(0 0%,100% 0%, 100% 100%, 0% 2%);
}



.homenutrituingwrapper .headingboxer{
    width: 45%;
}

.homenutrituingwrapper .headingboxer h3{
    font: normal normal normal 42px/50px DINPro-bold;
    letter-spacing: 0.42px;
    color: #D40A0A;
}
.homenutrituingwrapper .headingboxer h3 span{
    display: block;
    font: normal normal bold 72px/68px DINPro-bold;
    letter-spacing: 0.72px;
    color:#9A8024;
}

.homenutrituingwrapper .textbox{
    width: 50%;
}

.textbox .richtext{
    position: relative;
}

.homenutrituingwrapper .textbox .richtext:before{
    content: '';
    position: absolute;
    width: 6px;
    height: 62px;
    background:#F6CC3F;
    top:10px;
    pointer-events: none;
    left:-10%;
}

/* ****** Home Page Code  ******* */

/* ****** About Page Code  ******* */
.abouttextsection{
    background:#FFEEEE;
    background-size:cover;
    background-position: center;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFEEEE 100%) 0% 0% no-repeat padding-box;
}

.abouttextsection .richtext p{
    text-align: center;
    font: normal normal normal 16px/28px DINPro;
    letter-spacing: 0px;
    color: #131313;
    margin-bottom:15px;
}



.abouttextsection .richtext p:nth-child(1){ text-align: center; }
.abouttextsection .richtext p:nth-child(2){ text-align: center; }
.abouttextsection .richtext p:nth-child(3){ text-align: left; display: inline-block; width:48%; vertical-align: top; margin-right: 1.5%;}
.abouttextsection .richtext p:nth-child(4){ text-align: left; display: inline-block; width:48%; vertical-align: top;}
.abouttextsection .richtext p:nth-child(5){ text-align: left; }
.abouttextsection .richtext p:nth-child(6){ text-align: left; }

.aboutimagewrapper:before{
    content: '';
    position: absolute;
    bottom:0px;
    left:0px;
    width:25%;
    height:100%;
    clip-path:polygon(0% 0%, 0% 100% , 100% 100%, 0% 0%);
    background: transparent linear-gradient(180deg, #EE0000 0%, #E58A01 100%) 0% 0% no-repeat padding-box;
    pointer-events: none;
}

.aboutimagewrapper:after{
    content: '';
    position: absolute;
    top:0px;
    right:0px;
    width:5%;
    height:20%;
    clip-path:polygon(0% 0%, 0% 0% , 100% 100%, 100% 0%);
    background: transparent linear-gradient(0deg, #EE0000 0%, #E58A01 100%) 0% 0% no-repeat padding-box;
    pointer-events: none;
}


.aboutimagewrapper{
    width: 80%;
    border: 1px solid #DCDCDC;
    background:#fafafa;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #E2E2E2 100%) 0% 0% no-repeat padding-box;
    margin:auto;
    position: relative;
    text-align: center;
    padding:30px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutimagewrapper .imgbox{
    width: 35%;
    position: relative;
    z-index: 99;
    margin-right: 3%;
    text-align: center;
    padding:20px;
}

.aboutimagewrapper .imgbox img{

    width: 100%;
}

.aboutimagewrapper .textbox{
    width: 55%;
}

.abouttext1{
    font: normal normal normal 24px/40px DINPro-bold;
    letter-spacing: 0px;
    color: #E82626;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 14px;
}

.abouttext2{
    font: normal normal normal 24px/40px DINPro;
    letter-spacing: 0px;
    color: #131313;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 14px;
}

/* ****** About Page Code  ******* */

/* ****** tab code Code  ******* */
.tabsection{
    background-color:#FFEEEE;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFEEEE 100%) 0% 0% no-repeat padding-box;
}

.tabwrapper{
    width: 100%;
}    
.tabnavitem{
    height: auto;
}
.tabblock{
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding:15px 10px 20px 10px;
    border-top:3px solid #fff0;
    width:100%;
    cursor:pointer;
}

.tabforitem{
    height: auto!important;
}
.tabnav .slick-current .tabblock{
    background:#fff;
    border-top:3px solid red;
}

.tabblock .tabicon{
    width:60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right:10px;
}

.tabblock .tabicon img{
    max-width: 100%;
}

.tabblock .tabtext{

}

.tabblock .tabtext h3{
    text-align: left;
    font: normal normal normal 20px/26px Poppins;
    letter-spacing: 0px;
    color: #434343;
}

.tabblock .tabtext h3 span{
    display: block;
    text-align: left;
    font: normal normal bold 20px/26px Poppins;
    letter-spacing: 0px;
    color: #D50100;
}
/* ****** tab code Code  ******* */

/* ****** Uncover Protien Code  ******* */
.uncoverpro-imagebox{
    margin:30px auto;
    max-width:500px;
    width:100%;
}

.uncoverpro-imagebox img{
    width: 100%;
}
.protien-help-block{
    margin-top:4%;
}

.protien-help-block h3{
    text-align: center;
    font: normal normal bold 20px/28px DINPro;
    letter-spacing: 0px;
    color: #BE1003;
    margin-bottom: 20px;
}

.protien-help-block-wrppaer{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap:wrap;
}

.protien-help-block-wrppaer .protien-help-box{
    width: 50%;
    padding:0px 10px 30px 90px;
    position: relative;
}

.protien-help-block-wrppaer .protien-help-box .after{
    width: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:0px;
    left:0px;
}

.protien-help-block-wrppaer .protien-help-box .after img{
    width: 100%;
}

.protien-help-box h4{
    font: normal normal normal 16px/35px DINPro-bold;
    letter-spacing: 0px;
    color: #131313;
}

.protien-help-box p{
    font: normal normal normal 16px/24px DINPro;
    letter-spacing: 0px;
    color: #131313;
    opacity: 1;
}

.twocol p{
    width: 48%;
    display:inline-block;
    vertical-align: top;
}

.twocol p:nth-child(1n){
    margin-right:1.5%;
}

.text-center{
    text-align: center!important;
}

.lifestylediscordersection .underline{
    background: #707070;
    margin:40px 0px;
    height:1px;
    width: 100%;
    opacity: 0.17;
}

.factorheading{
    font: normal normal normal 42px/50px DINPro-bold;
    letter-spacing: 0px;
    color: #BE1003;
    text-transform: uppercase;
    margin-bottom: 40px;    
}

.ld-factorswrapper{
    position:relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ld-factorswrapper .ld-factorsbox{
    width: 34%;
    padding:10px;
    position: relative;
}

.ld-factorswrapper .iconbox{
    max-width: 65px;
    height: 65px;
    position: relative;
    z-index: 99;
    margin-bottom: 15px;
}

.ld-factorswrapper .ld-factorsbox:before{
    content: '';
    position: absolute;
    top:20px;
    left:30px;
    width: 50px;
    height: 50px;
    background:#f2f2f2;
    border-radius:50%;
    z-index: 0;
}


.ld-factorswrapper .ld-factorsbox:nth-child(1):before{background:#FFF5D5;}
.ld-factorswrapper .ld-factorsbox:nth-child(2):before{background:#EDF9E5;}
.ld-factorswrapper .ld-factorsbox:nth-child(3):before{background:#EDF9E5;}
.ld-factorswrapper .ld-factorsbox:nth-child(4):before{background:#FFF5D5;}


.ld-factorswrapper .iconbox img{
    width:100%;
    max-height: 65px;
}

.ld-factorsbox h3{
    text-align: left;
    font: normal normal normal 16px/28px DINPro-bold;
    letter-spacing: 0px;
    color: #131313;
    margin-bottom:10px;
}

.ld-factorsbox p{
    text-align: left;
    font: normal normal normal 16px/24px DINPro;
    letter-spacing: 0px;
    color: #131313;
}

.absoluteimg{
    position: absolute;
    top: 5%;
    left: 50%;
    height:75%;
    width:25%;
    transform:translate(-50% , 0%);
    z-index: 99;
}

.absoluteimg img{
    width: 100%;
}

.recipewrapper{
    display:flex;
    align-items: stretch;
    justify-content:center;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.recipewrapper:last-child{
    margin-bottom:20px;
}

.recipeblock{
    width:19%;
    margin-right:1%;
    margin-bottom:10px;
}

.recipeblock:last-child{
    margin-right: 0px;
}

.recipeblock img{
    width: 100%;
    transition:0.5s;
}

.recipeimg{
    overflow: hidden;
}

.recipeblock .textbox{
    padding:15px 10px;
    background-color:#FFE0AB;
}

.recipeblock .textbox h4{
    text-align: center;
    font: normal normal normal 16px/22px DINPro-bold;
    letter-spacing: 0px;
    color: #36050E;
    margin-bottom:5px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    height:44px;
    padding:0px 10px;
}

.recipeblock .textbox .text-right{
    text-align: right;

}   

.recipeblock .textbox a{
    text-align: right;
    display: inline-block;
    text-decoration: underline!important;
    font: normal normal normal 12px/21px DINPro;
    letter-spacing: 0px;
    color: #36050E;
}

.mythfactwrapper{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D1D1D1;
}

.mythfactwrapper:last-child{
    padding-bottom: 10px;
    margin-bottom: 0px;
    border-bottom: 0px solid #D1D1D1;
}

.mythfactwrapper .mythblock{
    width:35%;
    padding:20px;
}

.mythblock {
    font: normal normal normal 16px/24px DINPro;
    letter-spacing: 0px;
    color: #131313;
    margin-bottom: 0px;
}

.mythfactwrapper .imgblock{
    width:20%;
    padding:20px;
}

.mythfactwrapper .factblock{
    width:45%;
    padding:20px;
}

.mythfactwrapper .textblock h3{
    font: normal normal bold 20px/26px Poppins;
    letter-spacing: 0px;
    color: #1A1A1A;
    margin-bottom:10px;
}

.mythfactwrapper .textblock p,.mythfactwrapper .textblock{
    font: normal normal normal 16px/24px DINPro;
    letter-spacing: 0px;
    color: #131313;
    margin-bottom: 0px;
}

.mythfactwrapper .imgblock .mfcard{
    height:160px;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordionblock {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    transition: 1s;
}

.accordionarrows .accordionheading {
    position: relative;
    transition: 0.8s;
    cursor: pointer;
}

.accordionheading p {
    padding: 12px 20px;
    margin: 0px;
    text-align: left;
    font: normal normal normal 16px/26px Poppins;
    letter-spacing: 0px;
    color: #1A1A1A;
}

.accordionarrows .accordionheading::after {
    content: '';
    position: absolute;
    top: 25px;
    right: 10px;
    transform-origin: center;
    transform: translate(-50% ,-50%) rotate(135deg);
    height: 10px;
    width: 10px;
    border-left:2px solid #333;
    border-bottom:2px solid #333;
    z-index: 9;
    transition: 1s;
}

.accordionarrows .accordion-close .accordionheading::after {
    top: 20px;
    transform: translate(-50% ,-50%) rotate(-45deg);
}
.accordionbody {
    padding:10px 30px 20px 30px;
}

.accordionbody p{
    text-align: left;
    font: normal normal normal 16px/29px DINPro;
    letter-spacing: 0.16px;
    color: #131313;
    margin-bottom: 10px;
}
/* ****** Uncover Protien Code  ******* */

/* ****** contact us Code  ******* */

.contactaddressbox{
    margin-bottom:25px;
}

.contactaddressbox ul li p,.contactaddressbox ul li a{
    display: block;
    font: normal normal normal 16px/28px DINPro;
    letter-spacing: 0px;
    color: #131313;
}

.contactaddressbox ul li a:hover,.contactaddressbox ul li a:focus{
    color:var(--pcolor);
}

.contactaddressbox ul li{
    list-style-type: none;
    position:relative;
    padding:4px 10px;
    padding-left:30px;

}
.contactaddressbox img{
    max-width:20px;
    position: absolute;
    top:10px;
    left:0px;
}

.contactaddressbox  h3{
    text-align: left;
    font: normal normal normal 24px/28px DINPro-bold;
    letter-spacing: 0px;
    color: #131313;
    text-transform: uppercase;
    margin-bottom:15px;
}

.conactwrapper{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.conactwrapper .contactaddresscol{
    width: 50%;
}

.conactwrapper .contctformcol{
    width: 50%;
}

.contactformbox{
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    padding:20px;
}

.contactformbox h2{
    font: normal normal normal 32px/42px DINPro-bold;
    letter-spacing: 0px;
    color: #131313;
    margin-bottom: 15px;
}

.contactformbox h3{
    font: normal normal normal 24px/28px DINPro-bold;
    letter-spacing: 0px;
    color: #FB6B52;
    margin-bottom: 10px;
}

.formrow{
    flex-wrap: wrap;
    display: flex;
    align-items:stretch;
    justify-content: space-between;
}



.formgroup{
    margin-bottom:10px;
    width: 100%;
} 

.formgroup.width50{
    width:49%;
}

.formgroup.width25{
    width:23.5%;
}


.formgroup >label{
    font: normal normal normal 14px/28px DINPro;
    letter-spacing: 0px;
    color: #131313;
}

.radiobtnwrapper .radio_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 24px;
    margin-right: 30px;
}

.formgroup .cinput {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    height: 44px;
    padding: 5px 10px;
    width: 100%;
    display: block;
    outline: none!important;
    text-align: left;
    font: normal normal normal 14px/28px DINPro;
    letter-spacing: 0px;
    color: #131313;
}

.formgroup .ctextarea{
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    height: 75px;
    padding:5px 10px;
    width: 100%;
    display: block;
    outline:none!important;
}

.formgroup .cselect{
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    height: 44px;
    padding:5px 10px;
    width: 100%;
    display: block;
    outline:none!important;
}

.cinput::placeholder{
    text-align: left;
    font: normal normal normal 14px/28px DINPro;
    letter-spacing: 0px;
    color: #9E9E9E;
}
/* ****** contact us Code  ******* */

/* ****** Products Code  ******* */

.prodcuctbreadwrapper{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
}

.productsbreadcrumb .pagetitltbox{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.pagetitleinner{
    text-align: center;
    position: relative;
    padding-bottom: 80px;
}

.productsbreadcrumb .pagetitltbox .pagetitlte{
    font: normal normal normal 42px/52px DINPro-bold;
    letter-spacing: 0px;
    color: #1A1A1A;
    text-transform: uppercase;
    padding:20px 0px 10px 0px;
    display: inline-block;
    position: relative;
}
.productsbreadcrumb .pagetitltbox .pagetitlte span{
    text-align: center;
    font: normal normal normal 18px/20px DINPro-medium;
    letter-spacing: 0px;
    color: #470202;
    text-transform: uppercase;
    background:#FFEEAA;
    display: inline-block;
    padding:2px 2px;
    border-radius:4px;
    margin-bottom: 10px;
    position: absolute;
    top:0px;
    right: 0px;
}


.productsbreadcrumb .pagetitltbox  h3{
    text-align: center;
    font: normal normal normal 28px/37px DINPro-medium;
    letter-spacing: 0px;
    color: #750000;
    text-transform: uppercase;
}

.productsbreadcrumb .imgbox {
    width: 50%;
    display: flex;
    align-items: center;
}

.productsbreadcrumb .imgbox .img{
    position: relative;
}

.productsbreadcrumb .imgbox .b_productimgtext{
    background: #8E0E0E;
    padding:15px 25px; 
    border-radius: 8px;
    position: absolute;
    left: 96%;
    width:auto;
    font: normal normal normal 18px/37px DINPro-medium;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    white-space: nowrap;
}

.productsbreadcrumb .imgbox .img img{
    position: relative;
    z-index: 99;
}

.productsbreadcrumb .imgbox .img .b_productimgtext:nth-child(2){
    top:20%;
}

.productsbreadcrumb .imgbox .img .b_productimgtext:nth-child(3){
    top:50%;
}

.availableflavoursection{
    padding:5% 0px;
}

.availableflavourwrapper h3{
    text-align: left;
    font: normal normal normal 20px/37px DINPro-bold;
    letter-spacing: 0px;
    color: #8B2C09;
}

.availableflavourwrapper  .titlr{
    font: normal normal normal 20px/37px DINPro-bold;
    letter-spacing: 0px;
    color: #8B2C09;
    opacity: 1;
}

.availableflavourwrapper  .availbelprowrap{
    display: flex;
    align-items: stretch;
    justify-content: center;
}


.availableflavourwrapper  .availbelprowrap .availbelprobox{
    background: #FFFFFF;
    border-radius: 8px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    padding-left:100px;
    position: relative;
    margin: 30px 20px 10px 00px;
    height: 80px;
}

.availableflavourwrapper  .availbelprowrap .availbelprobox img{
    pointer-events: none;
    width: 75px;
    position: absolute;
    top: -25px;
    left: 10px;
}

.availableflavourwrapper  .availbelprowrap .availbelprobox span{
    font: normal normal normal 20px/37px DINPro-bold;
    letter-spacing: 0px;
    color: #8B2C09;
    text-transform: uppercase;
    opacity: 1;
    pointer-events: none;
    margin-right: 20px;
}

.availableflavourwrapper .availbelprowrap .availbelprobox i{
    pointer-events: none;
    letter-spacing: 0px;
    color: #3E3E3E;    
    font-size:20px;   
}

.buyusonsection{
    padding:3% 0px;
}

.buyusonwrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:30px;
}

.buyusonwrapper > span{
    font: normal normal normal 24px/37px DINPro;
    letter-spacing: 0px;
    color: #1A1A1A;
    margin-right: 10px; 
}

.buyusonwrapper .greybuyusonwrapper{
    background: #F5F5F5;
    border-radius: 4px 0px 0px 4px;
    padding:15px;
}

.greybuyusonwrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.greybuyusonwrapper .imgbox{
    padding:10px 15px;
    position: relative;
}

.greybuyusonwrapper .imgbox:after{
    content: '';
    position: absolute;
    top:50%;
    left:100%;
    transform:translate(-50% , -50%);
    height: 51px;
    width: 1px;
    background: #D5D4D4; 

}

.greybuyusonwrapper .imgbox:last-child:after{
    display: none;
}


.greybuyusonwrapper img{
    mix-blend-mode: darken;
    height: 50px;
    width: auto;
    max-width: 200px;
}

.buyusonsection .richtext{
    text-align:center;
}

.richtext.text-center >*{
    text-align: center;
}

.pro-nutritutionalsection{
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFEEEE 100%);
}
.nutritionalfactswrapper{
    height:400px;
    width: 100%;
    position: relative; 
}

.nutritionalfactswrapper > .imgbox{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50% , -50%);
}

.nutritionalfactslistbox{
    background: #ff9f37;
    border: 1px solid #ff9f37;
    border-radius: 57px;
    height:90px;
    width:250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:15px 15px;
    position: absolute;
}

.nutritionalfactslists .nutritionalfactslistbox:nth-child(1){ top:15px  ; left: 10%; }
.nutritionalfactslists .nutritionalfactslistbox:nth-child(2){ top:135px; left: 5%; }
.nutritionalfactslists .nutritionalfactslistbox:nth-child(3){ top:255px; left: 10%; }
.nutritionalfactslists .nutritionalfactslistbox:nth-child(4){ top:15px  ; right:10%; }
.nutritionalfactslists .nutritionalfactslistbox:nth-child(5){ top:135px; right: 5%; }
.nutritionalfactslists .nutritionalfactslistbox:nth-child(6){ top:255px; right:10%; }


.nutritionalfactslistbox span{
    text-align: center;
    font: normal normal 600 16px/24px DINPro;
    letter-spacing: 0px;
    color: #ffffff;
    margin:0px auto;
}

.nutritionalfactslistbox .iconbox{
    background: #FFF5D5;
    height: 75px;
    width: 75px;
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    display:none;
}

.howtousewrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.howtousebox{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
}

.howtousebox .imgbox{
    width:40%;
    text-align: center;
    position: relative;
}

.howtousebox .imgbox:after{
    content: '';
    position: absolute;
    top:0px;
    left:0px;
    width:100px;
    height: 100px;
    border-radius: 50%;
    background:#FCF3D4; 
    z-index: -1;   
    display:none!important;
}

.howtousebox .imgbox:nth-child(1):after{background-color: #FCF3D4;}
.howtousebox .imgbox:nth-child(2):after{background-color: #FFC481;}
.howtousebox .imgbox:nth-child(3):after{background-color: #FCF3D4;}


.howtousebox .imgbox img{
    width:150px;
}

.howtousebox .textbox{
    width:60%;
}

.howtousebox .textbox p{
    font: normal normal normal 20px/32px DINPro-bold;
    letter-spacing: 0px;
    color: #131313;
    opacity: 1;
    margin:0px;
}
.productfooterwrapper{
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.productfooterbox{
    position:relative;
    height: 120px;
    flex:1;
}

.productfooterbox img{
    width: 100%;
}

.productfooterbox a{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color:#e8e8e880;
    transition:0.5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:5px 10%;
}

.productfooterbox a:hover{
    background-color:#3a3a3a99;
}

.productfooterbox a:hover span,.productfooterbox a:hover i{
    pointer-events: none;
    color:#fff;
}

.productfooterbox a span{
    pointer-events: none;
    font: normal normal normal 20px/32px DINPro-bold;
    letter-spacing: 0px;
    color: #131313;
}

.productfooterbox a i{
    color:#131313;
    font-size:24px;
}
/* ****** Products Code  ******* */

/* ****** Expert Code  ******* */
.expertformbox{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    margin:auto;
    width: 65%;
    max-width: 1280px;
    padding:30px 20px;
    position: relative;
    left: -25px;
}

.expertformbox:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(-50% , -50%) rotate(-45deg);
    background: #FEB659;
    width: 200px;
    height: 500px;
    opacity: 0.12;
    border-radius: 100px;
    z-index: -1;
    pointer-events: none;

}

.expertformbox:before{
  content: '';
  position: absolute;
  top: 50%;
  left:100%;
  transform: translate(-50% , -50%) rotate(-45deg);
  background: #FFDA5D;
  width: 30px;
  height: 500px;
  opacity: 0.4;
  border-radius:15px;
  z-index: -1;
  pointer-events: none;

}

.expertformbox >  img{
    position: absolute;
    z-index: 0;
    top:0px;
    left:calc(100% - 22px);
    pointer-events: none;

}

.expertformbox h2{
    font: normal normal normal 32px/42px DINPro-bold;
    letter-spacing: 0px;
    color: #131313;
    text-align: center;
    margin-bottom: 20px;
}


/* ****** Expert Code  ******* */


.immunity-protien-wrapper .richtext img{
    float: right;
    margin:20px 20px 20px 20px;
}


.designerwebsite.richtext img{
    padding:0px 25px 10px 25px;
    display: inline-block;
    margin:0px;
    vertical-align: top;
}

.designerwebsite.richtext p:nth-child(2){
    width: 36%;
    display: inline-block;
    vertical-align: top;
}

.designerwebsite.richtext p:nth-child(4){
    width: 36%;
    display: inline-block;
    vertical-align: top;
}

.thankyouwrapper{
    text-align: center;
    width: 100%;
    height: 100%;
    max-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 400px;
    margin:auto;
}

.thankyouwrapper img{
    width: 50px;
    display: inline-block;
    margin-bottom:20px;
}

.thankyouwrapper h2{
    font: normal normal normal 36px/48px DINPro-bold;
    letter-spacing: 0.36px;
    color: #504E4E;
    text-transform: uppercase;
}

.thankyouwrapper p{
    text-align: center;
    font: normal normal normal 24px/34px DINPro;
    letter-spacing: 0.24px;
    color: #6A6A6A;
}


.haboutimgbox{
    position: absolute;
    right:60px;
    top:80px;
}

img.nutrient-bubble {
    position: absolute;
    top: 0px;
    z-index: 99;
    transform: scale(0.9);
    transform-origin: top left;
    left: -15px;
}

.heading3{
    font: normal normal normal 28px/40px DINPro-bold;
    letter-spacing:0.42px;
    margin:20px 0px 10px 0px;
    text-transform: uppercase;
}

.vitaominbox{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom:10px;
}

.vitaominbox:nth-child(odd){
    flex-direction: row-reverse;
}

.vitaominbox .vitaminimg{
    width: 30%;
}

.vitaominbox .vitaminimg img{
    width: 100%;
}

.vitaominboxinner{
    width:65%;
    padding:0px 15px;
}

.max400{
    max-width: 300px!important;
}

@media (min-width: 769px){
   .tabnav .slick-track {
       transform: translate(0px , 0px)!important;
   } 
}

.habouttext .richtext p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.recipepopup {
    width: 1000px;
    background: #fff;
    padding: 0 !important;
}

.recipepopup-container{
    width: 100%;
    padding: 40px;
}

.recipepopup-container .imgbox{
    padding:20px;
    float:right;
}
.textbox{
    width:100%;
    padding:20px;
}


.importanceprotienpagenew .tabwrapper{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.importanceprotienpagenew .tabwrapper .activenav{
    background: #fff;
    border-top: 3px solid red;
}

.importanceprotienpagenew .tabwrapper .tabnavitem{
    width: 20%;
}


.socialbox .seprator {
    width: 2px;
    height: 30px;
    background: #fff;
    margin: 0px 20px;
    display: block;
}


.radiobtnwrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin:5px 0px;
}

.radiobtnwrapper .radio_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radiobtnwrapper .radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radiobtnwrapper .checkmark {
    position: absolute;
    top: 3px;
    left: 6px;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 2px solid #8c8c8c;
}

.radiobtnwrapper .radio_container:hover input ~ .checkmark {
  background-color: #ccc;
}

.radiobtnwrapper .radio_container input:checked ~ .checkmark {
    border-color: #ff4a28;
    background-color: #fff;
}

.radiobtnwrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radiobtnwrapper .radio_container input:checked ~ .checkmark:after {
  display: block;
}

.radiobtnwrapper .radio_container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fe4a28;
}


.formgroup.width30 {
    width: 30%;
}

.inputwithsufix{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 4px;
}

.inputwithsufix input.inputsuffix {
    width: 80px;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    text-align: center;
}

.inputwithsufix .suffix {
    width: 80px;
    display: block;
    background-color: #ccc;
    height: 40px;
    line-height: 40px;
    padding: 0px 0px;
    text-align: center;
    border:0px!important;
    color:#333;
    outline: none!important;
    border-radius:0px 3px 3px 0px;
}


.formrowflexcenterstrat{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top:30px;
}

.formrowflexcenterstrat .anskey{
    width: 30%;
    min-width: 100px;
}


.formrowflexcenterstrat  .inputwithsufix .suffix{
    width: 120px;
}

.femaleAdditional{
    display: none;
}

.formrowflexcenterstrat .cselect{
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   height: 44px;
   padding:5px 10px;
   width: 100%;
   display: block;
   outline:none!important; 
   width: 300px;
   margin-top:5px;
}

.availableflavoursection {
    padding: 5% 0px;
    background: transparent linear-gradient( 
1deg
 , #FFFFFF 0%, #FFEEEE 100%);
}


.levelProtien,.sampleProtien ,.width100 {
    width: 100%;
}


.nobannerpage .root{
    margin-top:100px;

}

.nobannerpage header{
        background: #FFDF5D;
        background: transparent linear-gradient(180deg, #FB6A52 0%, #F58011 100%);
        box-shadow: 0px 2px 3px #b3520e;
}


.protienscorepage  .expertformbox:before{
    top: 67%;
    left: 89%;
}


.protienscoreformbox{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    width: 65%;
    max-width: 1280px;
    padding: 30px 20px;
    position: relative;
}

.recpopname{
    font: normal normal normal 20px/30px DINPro-bold;
}

.textpg-textpg{
    width:50%;
    max-width:760px;
    margin:4% auto 1%;
    text-align: center;
}

.textpg-textpg p{
    text-align: center;
    font: normal normal bold 26px/32px DINPro-bold;
}

.textpg-textpg div{
    background: #cc8b2d;
    width:100%;
    height: 5px;
    margin:5px 0px;
}


.productfooterbox img {
    width: 100%;
    height:120px;
    object-fit: cover;
    object-position: center;
}