@charset "utf-8";
/* CSS Document */
body {font-family: 'Montserrat', sans-serif; margin:0px; padding:0px; background-color: #fff; counter-reset: section;}
h1, h2, h3, h4, h5, span, a{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; display:block;}
a:focus{ outline:none; text-decoration:none;}
a:hover{ outline:none; text-decoration:none;}

header, section, aside, footer, nav{ display:block;}


@font-face {
    font-family: 'TT Interfaces';
    src: url('assets/fonts/TTInterfaces-Black.woff2') format('woff2'),
        url('assets/fonts/TTInterfaces-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interfaces';
    src: url('assets/fonts/TTInterfaces-Bold.woff2') format('woff2'),
        url('assets/fonts/TTInterfaces-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Conneqt';
    src: url('assets/fonts/ConneqtRegular.woff2') format('woff2'),
        url('assets/fonts/ConneqtRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interfaces';
    src: url('assets/fonts/TTInterfaces-Medium.woff2') format('woff2'),
        url('assets/fonts/TTInterfaces-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interfaces';
    src: url('assets/fonts/TTInterfaces-Light.woff2') format('woff2'),
        url('assets/fonts/TTInterfaces-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interfaces';
    src: url('assets/fonts/TTInterfaces-ExtraLight.woff2') format('woff2'),
        url('assets/fonts/TTInterfaces-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interfaces';
    src: url('assets/fonts/TTInterfaces-Regular.woff2') format('woff2'),
        url('assets/fonts/TTInterfaces-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*html {
  scroll-behavior: smooth;
}*/

.nopad{ padding: 0 !important; }
.pad-top-100{ padding-top:100px !important;}
.pad-top-80{ padding-top:80px !important;}
.pad-top-60{ padding-top:60px !important;}
.pad-top-40{ padding-top:40px !important;}
.pad-top-20{ padding-top:20px!important;}

.pad-bottom-100{ padding-bottom:100px!important;}
.pad-bottom-80{ padding-bottom:80px!important;}
.pad-bottom-60{ padding-bottom:60px!important;}
.pad-bottom-40{ padding-bottom:40px!important;}
.pad-bottom-20{ padding-bottom:20px!important;}
.pad-right-5{ padding-right: 5px !important }

.pad-left-0{ padding-left:0px!important;}
.pad-right-0{ padding-right:0px!important;}
.col-md-custom{ width: 23%; float: left; padding: 0px 15px; }

.mar-top-100{ margin-top:100px !important;}
.mar-top-80{ margin-top:80px !important;}
.mar-top-60{ margin-top:60px !important;}
.mar-top-40{ margin-top:40px !important;}
.mar-top-20{ margin-top:20px!important;}
.mar-top-10{ margin-top:10px!important;}
.mar-top-5{ margin-top:5px!important;}
/*-----------------placeholder css -------------------------------*/

input::-moz-placeholder {  /* Firefox 19+ */ opacity:0.7; font-family: 'CerebriSans-Light'; font-size:15px; font-weight:300; color:#999999 !important;}
input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:0.7;  font-family: 'CerebriSans-Light'; font-size:15px; font-weight:300; color:#999999 !important;}
input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:0.7;  font-family: 'CerebriSans-Light'; font-size:15px; font-weight:300; color:#999999 !important;}
select::-ms-expand {display: none;}

textarea::-moz-placeholder {  /* Firefox 19+ */ opacity:0.5; font-family: 'CerebriSans-Light'; font-size:15px; font-weight:400; color:#999999 !important;}
textarea::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:0.5;font-family: 'CerebriSans-Light'; font-size:15px; font-weight:400; color:#999999 !important;}
textarea:-ms-input-placeholder {  /* Firefox 19+ */ opacity:0.5; font-fam.headercls .navbar-navily:'CerebriSans-Light'; font-size:15px; font-weight:400; color:#999999 !important;}



/* --  ================= menu and logo area ===============  --  */

.header-area{ position: relative; float: left; width: 100%; background: #fff; min-height: 130px;}
.menu-area{ position: relative; float: left; width: 100%; margin:0; padding: 0; }
.menu-area ul{ position: relative; float: left; margin: 80px 0 0; padding: 0; }
.menu-area ul li{ list-style-type: none; float: left; padding: 0; margin: 0; position: relative; }
.menu-area ul li a{ display: block; padding: 0 25px; margin: 0; font-family: 'TT Interfaces'; font-weight: bold; font-size: 15px; color: #2A2A2A; transition: all 0.3s;}
.menu-area ul li a:hover{ color: #57AE25; transition: all 0.3s; }
.menu-area ul li:first-child a{ padding-left: 0; }

.logo_area{ position: relative; float: left; width: 100%; text-align: center; margin-top: 45px; }
.logo_area a{ display: inline-block; max-width: 215px; }
.logo_area a img{ width: 100%; }


.right-menu-area{ position: relative; float: left; width: 100%; margin:0; padding: 0;  }
.right-menu-area ul{ position: relative; float: right; margin: 80px 0 0; padding: 0; }
.right-menu-area ul li{ list-style-type: none; float: left; padding: 0; margin: 0; position: relative; }
.right-menu-area ul li a{ display: block; padding: 0 15px; margin: 0; font-family: 'TT Interfaces'; font-weight: bold; font-size: 15px; color: #2A2A2A; position: relative; }
.right-menu-area ul li:last-child a{ padding-right: 0; }
.right-menu-area ul li a:hover{ color: #57AE25; transition: all 0.3s; }
.counts{ position: absolute; top: -10px; right: -10px; width: 18px; height: 18px; background: #57AE25; border-radius: 100%; font-family: 'TT Interfaces'; font-weight: 400; font-size: 11px; color: #fff; display: flex; justify-content: center; align-items: center; }
a.mobsBar{ display: none; }


.banner-area{ position: relative; float: left; width: 100%; min-height: 650px; background: url('assets/images/banner-bg.png'); background-size: cover; background-position: bottom;  }
.banner-txt{ position: relative; float: left; width: 100%; }
.banner-txt h1{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 100px; line-height: 80px; color: #2A2A2A; letter-spacing: -2.92px; margin-top: 120px; }
.banner-txt h2{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 86px; line-height: 70px; color: #2A2A2A; letter-spacing: -2.92px; margin-top: 120px; }
.banner-txt span{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 86px; line-height: 70px; color: #57AE25; letter-spacing: -2.92px; }

.describeTxt{ position: relative; float: left; width: 100%; display: block; margin-top: 25px  ; }
.describeTxt h3{ display: block; text-transform: uppercase; font-family: 'Bebas Neue', cursive; font-size: 24px; line-height: 30px; color: #2A2A2A; border-bottom: 1px solid #57AE25; }
.describeTxt p{ display:block; font-family: 'TT Interfaces'; font-weight: 500; font-size: 12px; line-height: 17px; color:#1D1D1D; margin-top: 15px; }

.banner-center-area{ position: relative; float: left; width: 100%; }
.banner-center-area:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url('assets/images/rectangle.png') no-repeat; background-position: 60% bottom; }
.banner-center-area img{ position: relative; max-width: 600px; z-index: 1; }



/*  end banner content  */



.content-area{ position: relative; float: left; width: 100%; overflow: hidden; }

/*===========  ==========*/
.conPads{ padding: 65px 0 85px; }

.headings{ position: relative; width: 100%; }
.headings span{ display: inline-block; font-family: 'Bebas Neue', cursive; font-size: 24px; color: rgba(42, 42, 42, 1); }
.headings h2{ display: inline-block; font-family: 'Bebas Neue', cursive; font-size: 52px; line-height: 42px; color: rgba(87, 174, 37, 1); }



.product-box{ position: relative; float: left; width: 100%; min-height: 370px; box-shadow: 5px 3px 27px rgba(0, 0, 0, 0.15); border-radius: 11px; overflow: hidden; }
.pro-img{ width: 40%; float: left; position: relative; min-height:370px; display: flex; justify-content: center; z-index: 999; align-items: center; overflow: hidden; }

.pro-content{ width: 60%; float: left; position: relative; min-height:370px; padding: 30px; }
.pro-content h3{ display: inline-block; font-family: 'Bebas Neue', cursive; font-size: 50px; line-height: 42px; color:#1D1D1D; }
.pro-content span{ display: inline-block; font-family: 'Bebas Neue', cursive; font-size: 15px; line-height: 15px; color:#1D1D1D; }
.pro-content p{ display:block; font-family: 'TT Interfaces'; font-weight: 500; font-size: 12px; line-height: 17px; color:#1D1D1D; margin-top: 15px; margin-bottom: 25px; }
.bottom-area{ position: relative; display: flex; width: 100%; align-items: center; }

.moreInfo{ display: block; font-family: 'Bebas Neue', cursive; font-size: 20px; color: #1D1D1D; text-transform: uppercase; padding: 5px 20px; transition: all 0.3s;}
.moreInfo:hover{ color: #1D1D1D; transition: all 0.3s; }

.cartBtn{ display: block; border: 1px solid #1D1D1D; border-radius: 3px; font-family: 'Bebas Neue', cursive; font-size: 14px; color: #1D1D1D; text-transform: uppercase; padding: 12px 20px; transition: all 0.3s;}
.cartBtn:hover{ background: #1D1D1D; color: #fff; transition: all 0.3s; }

.greens .pro-content span{ color: #57AE25; }
.greens .moreInfo{ color: #57AE25; }
.greens .cartBtn{ border: 1px solid #57AE25; color: #57AE25;}
.greens .cartBtn:hover{ background: #57AE25; color: #fff; }

.greens .pro-img:after{ content: ''; position: absolute; top: 0; left: 0; width: 60%; height: 100%; background: #57AE25; z-index: -1; }

.blues .pro-content span{ color: #148DCB; }
.blues .moreInfo{ color: #148DCB; }
.blues .cartBtn{ border: 1px solid #148DCB; color: #148DCB;}
.blues .cartBtn:hover{ background: #148DCB; color: #fff; }

.blues .pro-img:after{ content: ''; position: absolute; top: 0; left: 0; width: 60%; height: 100%; background: #148DCB; z-index: -1; }


/*============  ============*/

.energyarea{ position: relative; float: left; width: 100%; padding-top: 70px; min-height: 820px; background: url('assets/images/bg2.png') no-repeat; background-size: cover; background-position: center; }
.energyarea:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(87, 174, 37, 1); z-index: -1; }
.heading{ z-index: 321; }
.energyarea .headings span{ display: block; text-align: center; color: #fff; }
.energyarea .headings h2{ text-align: center; display: block; color: #fff; }

.energyarea p{ display:block; text-align: center; font-family: 'TT Interfaces'; font-weight: 500; font-size: 12px; line-height: 17px; color:#fff; margin: 15px 0 25px; padding: 0 70px; }


.energyBox{ width: 100%; min-height: 410px; background: #fff; box-shadow: 0px 6px 6px #00000029; border-radius: 149px; padding-top: 30px; overflow: hidden; }
.proImgs{ position: relative; height: 170px; display: flex; justify-content: center; align-items: center; }
.proImgs img{ width: 85%; }
.energycontent{ position: relative; width: 100%; text-align: center; padding: 0 30px;  }
.energycontent h2{ display:block; font-family: 'Bebas Neue', cursive; font-size: 32px; line-height: 30px; color:#1D1D1D; }
.energycontent p{ display:block; text-align: center; font-family: 'TT Interfaces'; font-weight: 500; font-size: 12px; line-height: 17px; color:#1D1D1D; padding: 0; }
.smImgs img{ width: 60%; }

.greenarea{ position: relative; float: left; width: 100%; padding: 15px 0; background: #257D03; min-height: 70px; display: flex; justify-content: center; align-items: center; }
.greenarea h3{ display:block; font-family: 'Bebas Neue', cursive; font-size: 40px; line-height: 42px; color:#fff; }
.greenarea h3 span{ display: inline-block; font-family: 'Bebas Neue', cursive; font-size: 26px; line-height: 28px; color:#257D03; background: #fff; position: relative; padding: 5px 15px; border-radius: 5px; top: -5px; }



/*========= ===============*/

.discovered-area{ position: relative; float: left; width: 100%; padding-top: 95px; min-height: 635px; background: url('assets/images/bg1.png') no-repeat; background-size: cover; background-position: center; }

.discover-content-area{ position: relative; float: left; width: 100%; padding-right: 110px; }
.discover-content-area h2{ display:block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 62px; line-height: 58px; color:#1D1D1D; }
.discover-content-area h2 span{ display: inline-block; color:#57AE25;  font-family: 'Bebas Neue', cursive; }
.discover-content-area p{ display:block; font-family: 'TT Interfaces'; font-weight: 500; font-size: 12px; line-height: 17px; color:#1D1D1D; margin-top: 15px; margin-bottom: 25px; }

.discover-content-area .cartBtn{ display: inline-block; border: 1px solid #57AE25; color:#57AE25; }
.discover-content-area .cartBtn:hover{ color:#fff; background: #57AE25;;  }

.discover-img{ position: relative; float: left; width: 100%; }




/*==================  =======================*/

.join-area{ background: #E5FEDA; padding: 140px 0; }
.join-area span{ display:block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 22px; line-height: 24px; color:#184800; }
.join-area h2{ display:block; font-family: 'Bebas Neue', cursive; font-weight: bolder; text-transform: uppercase; font-size: 72px; line-height: 74px; color:#184800; }
.socialBx{ position: relative; float: left; width: 100%; }
.socialBx ul { position: relative; width: auto; float: left; padding: 0; margin: 15px 0 0; }
.socialBx ul li{ list-style-type: none; float: left; padding: 0; margin: 0; }
.socialBx ul li a{ display: block; padding: 5px 18px; }


/*========= footer area css===============*/

.footer-area{ position: relative; float: left; width: 100%; background: #fff; padding: 100px 0 0; overflow: hidden; }
.footer-content{ position: relative; float: left; width: 100%; padding: 10px 0; }
.footer-content a{ max-width: 215px; }
.footer-content a img{ width: 100%; }
.footer-content h2{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; margin-bottom: 35px; text-transform: uppercase; padding: 0; color: #000000; font-size: 28px; }
.footer-content p{ position: relative; float: left; width: 100%; font-size: 13px; color: #FFFFFF; font-family: 'TT Interfaces'; font-weight: 400; padding:0px; }

.footer-content ul{ position: relative; float: left; width: 100%; padding: 0; margin: 0px 0 0; }
.footer-content ul li{ list-style-type: none; width: 100%; float: left; padding:0px; margin:3px 0px; }
.footer-content ul li a{ text-decoration: none; display:block; transition: all 0.3s; font-family: 'Bebas Neue', cursive; font-size: 22px; color: #14731E; line-height: 20px; }
.footer-content ul li p{ text-decoration: none; display:block; transition: all 0.3s; font-family: 'Bebas Neue', cursive; font-size: 22px; color: #14731E; margin: 0; line-height: 20px; }
.footer-content p{ text-decoration: none; display:block; font-family: 'TT Interfaces'; font-weight: 500; font-size: 16px; line-height: 20px; color:#1D1D1D; margin: 0; }

ul.scialsbx li a{ display:block; font-family: 'TT Interfaces'; font-weight: 500; font-size: 16px; line-height: 20px; color:#1D1D1D; }


.newslater_area{width:100%; float:left; position:relative; padding:5px 0px; margin:0;}
.newslater_area .form-group{ position:relative; margin:0;}
.newslater_area input.form-control {
    height: 40px;
    border: 1px solid #6c6c6c;
    background: none;
    box-shadow: none;
    font-family: 'Rajdhani', sans-serif; 
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    margin: 0;
}

.newslater_area button[type="submit"] {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #fff;
    box-shadow: none;
    border: none;
    border-radius: 0;
    height: 36px;
    padding:0 15px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Rajdhani', sans-serif;
    font-size: 13px;
    font-weight: 600;

}


.bottom-footer{ position:relative; float:left; width:100%; padding:85px 0 50px;}
.bottom-footer  p{ font-family: 'TT Interfaces'; font-weight: 500; color:#233130; font-size:14px; display:block; margin:0;}
.bottom-footer span{ font-family: 'TT Interfaces'; font-weight: 500; color:#233130; font-size:14px; display:block; margin:0; text-align: right;}




/*======================= Inner page css area  ==========================*/

.inner-header-area{ z-index: 321; background: none; }
.inner-header-area .top-header-bar{ position: relative; float: left; min-height: 120px; }


.inner-banner-area{ position: relative; width: 100%; background: #fff url( assets/images/inner-banner.png); background-size: cover; background-position: center; height: 375px; }
.inner-banner-area span{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 32px; line-height: 32px; color: #2A2A2A; margin-top: 180px; text-align: center; }
.inner-banner-area h2{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 62px; line-height: 60px; color: #57AE25; text-align: center; }

.innertxt-area{ position: relative; float: left; width: 100%; }
.innertxt-area p{ display: block; font-size: 16px; color: #2A2A2A; font-family: 'TT Interfaces'; font-weight: 500; padding: 5px 70px; line-height: 22px; text-align: center; }

.inner-product{}
.inner-product .pro-img{ width: 215px; height: 175px; min-height: auto; float: right; }
.inner-product .pro-img img{ height: 175px; }

.inner-product .product-box{ padding: 30px 20px 30px 50px; margin-bottom: 30px; }
.pro-heads{ width: calc(100% - 215px); padding:0px; float: left;}
.pro-heads h3{ display: inline-block; font-family: 'Bebas Neue', cursive; font-size: 52px; line-height: 50px; color: #1D1D1D; }
.inner-product .pro-content{ width: 100%; padding: 0px ; min-height: auto; }
.inner-product .pro-content p{ font-size: 20px; line-height: 24px; margin: 0; }


.offerarea{ position: relative; float: left; width: 100%; padding-bottom: 60px; }
.offerarea span{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 42px; line-height: 52px; color: #2A2A2A;  text-align: center; }
.offerarea h4{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 72px; line-height: 70px; color: #57AE25; text-align: center; }




/*=================================*/

.prodescribe-area{ position: relative; float: left; width: 100%; }

.big-img-area{ position: relative; float: left; width: 100%; }
.big-img-area img{ width: 100%; }

.prodescribe-area h2{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 52px; line-height: 50px; color: #57AE25; margin-bottom: 15px; }
.prodescribe-area p{ display: block; font-size: 16px; line-height: 20px; color: #2A2A2A; font-family: 'TT Interfaces'; font-weight: 500; padding:0px; line-height: 22px; margin: 0; }





/*===============================*/


.healthTips-area{ position: relative; width: 100%; float: left; padding: 65px 0; min-height: 1500px; }
.healthTips-area:after{}
.healthTips-area:before{}

.healthTips-topics{ position: relative; float: left; width: 100%; }
.healthTips-topics ul{ position: relative; float: left; width: 100%; padding: 0; margin: 0; }
.healthTips-topics ul li{ list-style-type: none; float: left; width: 33.33%; padding: 0 15px; margin: 20px 0; }

.topicBox{ width: 100%; float: left; position: relative; min-height: 480px; box-shadow: 5px 12px 27px rgba(0, 0, 0, 0.07); border-radius: 11px; padding:25px; }
.topicImg{ position: relative; float: left; width: 100%; height: 175px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.topicImg img{ object-fit: cover; height: 175px; }

.topiccontent{ position: relative; float: left; width: 100%; padding-top: 15px; }
.topiccontent h2{ display: block; font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 42px; line-height: 40px; color: #000; }
.topiccontent p{ display: block; font-size: 18px; line-height: 23px; color: #2E2E2E; font-family: 'TT Interfaces'; padding:0px; margin: 14px 0 0; }

.raspberriesBg{ background: #EF2B4D; }
.raspberriesBg .topiccontent h2{ color: #fff; }
.raspberriesBg .topiccontent p{ color: #fff; }

.greenspgs{ background: #40B135; }
.greenspgs .topiccontent h2{ color: #fff; }
.greenspgs .topiccontent p{ color: #fff; }

.orrange{ background: #F85346; }
.orrange .topiccontent h2{ color: #fff; }
.orrange .topiccontent p{ color: #fff; }

.orrangedark{ background: #F8640D; }
.orrangedark .topiccontent h2{ color: #fff; }
.orrangedark .topiccontent p{ color: #fff; }




/*=============================*/

.subscribeporduct{ position: relative; float: left; width: 100%; padding-bottom: 50px; }
.subscribeporduct .product-box{ margin-bottom: 30px; }
.subscribeporduct .product-box .pro-img{ width: 35%; }
.subscribeporduct .product-box .pro-content{ width: 65%; padding-left: 0; }

.subscribeRadio{ position: relative; float: left; width: 100%; padding: 15px 0; }

.radioBtn{ position: relative; float: left; width: 100%; }
.radioBtn span.txts{ font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 24px; line-height: 30px; color: #000; }
.radioBtn span.price{ font-family: 'Bebas Neue', cursive; font-weight: bolder; font-size: 24px; line-height: 30px; color: #000; }

.upper{ width: 100%; display:flex; justify-content: space-between;   }
.lower{ width: 100%; display:flex; justify-content: space-between; padding: 15px 0; border-top: 1px solid #BCC3C9; margin-bottom: 15px; }
span.dropselect{}
span.dropselect select{
width: 170px; padding: 7px 11px;
border: 1px solid #CCCCCC;
border-radius: 10px;
color: #000;
}

.subscribeRadio [type="radio"]:checked,
.subscribeRadio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.subscribeRadio [type="radio"]:checked + label,
.subscribeRadio [type="radio"]:not(:checked) + label
{
    position: relative;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #666;
    padding: 10px 10px 10px 50px;
    background: #F2F4F6;
    border-radius: 13px;
}
.subscribeRadio [type="radio"]:not(:checked) + label
{
    background: #fff;
}
.subscribeRadio [type="radio"]:checked + label:before,
.subscribeRadio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 15px;
    width: 18px;
    height: 18px;
    border: 1px solid #181818;
    border-radius: 100%;
    background: #fff;
}
.subscribeRadio [type="radio"]:checked + label:after,
.subscribeRadio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #181818;
    position: absolute;
    top: 19px;
    left: 19px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.subscribeRadio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.subscribeRadio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



.blues .radioBtn{}

.blues .subscribeRadio [type="radio"]:checked + label:before, .blues .subscribeRadio [type="radio"]:not(:checked) + label:before{ border: 1px solid #148dcb; }
.blues .subscribeRadio [type="radio"]:checked + label:after{     background: #148dcb; }


.greens .subscribeRadio [type="radio"]:checked + label:before, .greens .subscribeRadio [type="radio"]:not(:checked) + label:before{ border: 1px solid #57ae25; }
.greens .subscribeRadio [type="radio"]:checked + label:after{     background: #57ae25; }
.greens .radioBtn span.price{ color: #57ae25; }
.blues .radioBtn span.price{ color: #148dcb; }

.subscribeporduct .bottom-area{ justify-content: end; }
.subscribeporduct .greens .cartBtn{ border: 1px solid #57AE25; background:#57AE25 ;  color: #fff; }
.subscribeporduct .greens .moreInfo{ border: 1px solid #57AE25; background:#fff ;  color: #57AE25; padding: 8px 15px; border-radius: 5px;
    margin-right: 15px; }

.subscribeporduct .blues .cartBtn{ border: 1px solid #148dcb; background:#148dcb ;  color: #fff; }
.subscribeporduct .blues .moreInfo{ border: 1px solid #148dcb; background:#fff ;  color: #148dcb; padding: 8px 15px; border-radius: 5px;
    margin-right: 15px; }