@font-face {
  font-family: 'FS Me';
  src: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/regular/FSMe.eot);
  src: url('../../membership/css/fonts/regular/FSMe.eot?#iefix') format('embedded-opentype'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/regular/FSMe.woff) format('woff2'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/regular/FSMe.woff2) format('woff'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/regular/FSMe.ttf) format('truetype'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/regular/FSMe.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FS Me';
  src: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/light/FSMe-Light.eot);
  src: url('../../css/fonts/membership/light/FSMe-Light.eot?#iefix') format('embedded-opentype'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/light/FSMe-Light.woff) format('woff2'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/light/FSMe-Light.woff2) format('woff'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/light/FSMe-Light.ttf) format('truetype'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/light/FSMe-Light.svg) format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'FS Me';
  src: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/bold/FSMe-Bold.eot);
  src: url('../../membership/css/fonts/bold/FSMe-Bold.eot?#iefix') format('embedded-opentype'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/bold/FSMe-Bold.woff) format('woff2'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/bold/FSMe-Bold.woff2) format('woff'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/bold/FSMe-Bold.ttf) format('truetype'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/bold/FSMe-Bold.svg) format('svg');
  font-weight: bold;
  font-style: normal;
} 

@font-face {
  font-family: 'MiloPro-Medi';
  src: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/MiloPro-Medi/MiloPro-Medi.eot);
  src: url('../../membership/css/fonts/MiloPro-Medi/MiloPro-Medi.eot?#iefix') format('embedded-opentype'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/MiloPro-Medi/MiloPro-Medi.woff) format('woff2'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/MiloPro-Medi/MiloPro-Medi.woff2) format('woff'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/MiloPro-Medi/MiloPro-Medi.ttf) format('truetype'),
    url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/css/fonts/MiloPro-Medi/MiloPro-Medi.svg) format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
} 

/***migrating theme-overrides.css *****/








* {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.book-a-consultation-modal iframe.meeting-iframe .meetings-lib .meetings-page #logo-landmark-booking-container {
  display: none !important;
}

/***color style ****/
.dark-accent {
  color: #636569 !important;
}
.medium-border-radius{
  border-radius: 38px !important;
}
.text-grey {
  color: #63666A;
}
.text-white{
  color: #fff;
}
.text-black{
  color: black;
}
.text-uppercase {
  text-transform: uppercase;
}
.light-tertiary {
  color: #7F7F7F;
}
.bg-green-tint {
  background: #EBEFE7 !important;
}
.bg-white{
  background: white;
}
.bg-blue-tint{
  background: #E5EBF2;
}
.text-blue-dark{
  color: #4C6580;
}
.font-small {
  color: #000;
  font-size: 12px;
  line-height: normal;
}
.bg-cover {
  background-size: cover;  
}
.bg-contain{
  background-size: contain;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-top {
  background-position: top;
}
.bg-center{
  background-position: center;
}
.w-full {
  width: 100%;
}
.border-bottom-light-green {
  border-bottom: 1px solid #E4E7DE;
}
.border-rad-32{
  border-radius: 32px !important;
}
.text-primary {
  color: #11284B;
}
/* .medium-border-radius{
border-radius: 38px !important;
} */
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-25{
  margin-bottom: 25px !important;
}
.mt-10{
  margin-top: 10px;
}
.mt-80{
  margin-top: 80px;
}
.mtb-80{
  margin: 80px 0px;
}
.mt-20{
  margin-top: 20px;
}
.mt-30{
  margin-top: 30px;
}
.mt-60 {
  margin-top: 60px;
}
.pt-50{
  padding-top:50px;
}
.pb-10{
  padding-bottom:10px;
}
.pb-20{
  padding-bottom:20px;
}
.font-bold{
  font-weight: bold;
}
.no-underline{
  text-decoration: none;
}
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
ul,
ul ul,
ol, ol,
ol {
  padding-left: 24px;
}

ol > li:not(:last-child) {
  margin-bottom: 24px;
}
ol li ol li {
  margin-bottom: 1px !important;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.inherit-height {
  height: inherit;
}
img {
  max-width: 100%;
}
.d-block {
  display:block;
}
.d-none{
  display:none;
}
.text-line-through {
  text-decoration: line-through;
}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.justify-between{
  justify-content: space-between;
}
.justify-start{
  justify-content: flex-start;
}
.align-self-end {
  align-self: flex-end;
}

.justify-center{
  justify-content: center;
}
.items-center {
  align-items: center;
}
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}
.position-relative{
  position:relative;
}
.position-absolute{
  position:absolute;
}
.text-center {
  text-align: center;
}
.text-left{
  text-align: left !important;
}
.justify-center {
  justify-content: center;
}
.bold {
  font-weight: 600;
}
.no-scroll,
.no-sc {
  overflow:hidden;
}
.content-wrapper {
  max-width: 1040px;
  margin: 0 auto;
}
.no-list{
  list-style:none;
}
.no-padding{
  padding: 0;
}
.margin-0 {
  margin: 0;
}
.decoration-none{
  text-decoration:none;
}
a{
  text-decoration: underline;
  cursor:pointer;
}
a:hover {
  text-decoration: none;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
a[href^="tel:"] {
  color: #666E5A;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
a[href^="tel:"]:before {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/phone.svg) no-repeat center center/contain;
  content: " ";
  left: -30px;
  top: 1px;
}
h1,h2,h3,h4,h5 {
  font-family: 'FS Me', sans-serif !important;
  font-weight: 700;
}

h1,h2,h3,h4,h5,h6 {
  color: #666E5A;
}

/*****end custom css ***/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-family: 'FS Me', sans-serif;
  font-weight: normal;
  font-style: normal;
  background: #fff;
  line-height: 24px;
  color:#636569; 
}
body p {
  font-family: 'Roboto', sans-serif;
}
.body-register {
  background: #fff;
}
.body-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;  
}
#main-content {
  flex: 1;
  position:relative;
  padding-top: 88px;
}
.body-bg-register #main-content {
  padding-top: 0;
}
a{
/*   color: #666E5A; */
  color: #636569;
}

p {
  font-size: 16px;
  color: #636569;
  margin-bottom: 20px;
}

h1 {
  font-size: 62px;
  line-height: normal;
  margin-bottom: 30px;
}
h2{
  font-size:47px;
  line-height: normal;
  margin-bottom: 25px;
}
h3{
  color: #666E5A;
 font-size:31px;
  line-height: normal;
  margin-bottom: 22px;
}
h4 {
  font-size:22px;
  line-height: normal;
  margin-bottom: 22px;
}
h5 {
   font-size:19px;
  line-height: normal;
  margin-bottom: 22px;
  font-weight: bold;
}
h6{
   font-size:12px;
  text-transform: uppercase;
  line-height: 16px;
  font-family: 'MiloPro-Medi', sans-serif;
  letter-spacing: 0.5px;
  margin: 0;
  font-weight: 500;
}
.footer {
  background:white;
}

.footer .footer-links {
  text-align: center;
  padding: 30px 0px 10px 0px;
}
.footer.plain-green .footer-links {
  padding: 30px 0 40px;
}
.footer .footer-links *{
  font-size: 12px;
  color: #7F7F7F;
}
.footer.footer-green {
  width: 100%;
  padding: 120px 0px 5px 0px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-color: #EBEFE7;
}
.footer.footer-blue {
  background: #E5EBF2;
}
.footer.footer-light-green {
  background: #EBEFE7;
}
.footer.footer-lighter-green {
  background: #E0E3DB;
}

.hs-video-container iframe {
  border-radius: 8px;
}

/*****LOGIN FORM *******/
.container-wrap {
  padding: 0px 20px;
}
a.hs-button {
  text-decoration:none;
}
.button {
  font-family: 'FS Me', sans-serif !important;
}
.hs-button {
  display: inline-block;
  border-radius: 32px;
  font-style: normal;
  font-weight: 700;
  padding: 10px 23px 10px 23px; 
  font-size: 16px;
  cursor:pointer;
  font-family: 'FS Me', sans-serif !important; 
}
.hs-button.primary:focus,
.hs-button.primary:active,
.hs-button.primary{
  background:#B7CD96;
  color: #666E5A;
  border: 1px solid #B7CD96;
}
.hs-button.primary:hover{
  background: #666E5A;
  color: #fff;
  border: 1px solid #666E5A;
}

.hs-button.large {
  font-size: 19px;
  padding: 13px 30px;
}

.hs-button.small {
  font-size: 13px;
  padding: 9px 23px 9px;
  line-height: normal;
}
.hs-button.extra-small {
  font-size: 13px;
  padding: 4px 13px 4px;
  line-height: normal;
}

.hs-button.secondary{
  background:transparent;
  border:2px solid #666E5A;
  color:#666E5A;
  padding: 7px 23px 7px 23px;
}

.hs-button.secondary:hover,
.hs-button.secondary:focus,
.hs-button.secondary:active{
  background:transparent;
  border:2px solid #B7CD96;
  color:#B7CD96;
}
.hs-button.territory{
  background:#EBEFE7;
  border:1px solid #EBEFE7;
  color:#666E5A;
}
.hs-button.territory:hover{
  background: #B3BEA3;
  color: #fff;
  border: 1px solid #B3BEA3;
}


.hs-button.simple{
  color:#666E5A;
  padding: 0px;
}

.hs-button span{
  margin: 2px 10px;
}

.hs-button.button--icon-right span{
  float: right;
}

.black-btn-primary{
  border: none;
  background: #000;
  color: #fff;
  border-radius: 8px;
  padding: 11px 23px 11px;
}
.black-btn-secondary{
  border: 2px solid #000;
  background: transparent;
  border-radius: 8px;
  color: #000;
}
.white-btn-primary {
  background: #fff;
  border: 2px solid #fff;
  font-weight: bold;
}
.white-btn-primary:hover {
  box-shadow: 0 4px 38px rgba(102,110,90,.17);
}
.button.button--white {
  background: white;
  border: 2px solid white;
}
.button.button--white:hover {
  color:#666E5A;
}
.single-link-button{
  margin-top: 60px;
}
.single-link-button .button {
  font-size: 24px;
}
.single-link-button .button svg {
  margin-left: 9px;
}


.password-reset-request-form form label,
.password-reset-form form label{
  color: #7f7f7f;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.hs-form-field label {
  font-size: 12px;
  color: #515154;
  font-weight: 400;
}
#hs-membership-password-requirements{
  display: none;
}

#account-details-form .submit-btn {
  margin-top: 45px;
}

#hs_login_reset {
  color: #162238;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 27px;
  margin-top: 5px;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
}
#hs_login_reset:hover{
  text-decoration: underline;
}

#hs_login_reset::after {
  position: absolute;
  width: 8px;
  height: 8px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/right-icon.png) no-repeat center center/contain;
  content: " ";
  right: -9px;
  top: 4px;
}
form input[type='text'], 
form input[type='email'], 
form input[type='password'], 
form input[type='tel'], 
form input[type='number'], 
form input[type='file'], 
form input[type='search'],
form textarea {
  display: inline-block;
  width: 100% !important;
  height: 40px;
  padding: 5px 10px;
  border: 1px solid #DBE0D3;
  border-radius: 3px;
  outline: none;
  color: #758067;
  font-size: 16px;
}
form select {
  display: inline-block;
  width: 100% !important;
  height: 40px;
  padding: 5px 10px;
  border: 1px solid #DBE0D3;
  border-radius: 3px;
  outline: none;
  color: #C1C2C3;
  font-size: 16px;
}
form textarea {
  resize: none !important;
  width: 100%;
  height: auto;
  font-family: 'Roboto', sans-serif !important;
}
form input[type='file'] {
  border: none;
}
form input[type='search']{
  height: auto;
}
.hs-form-field .hs-error-msgs {
  list-style: none;
  padding: 0;
}
.hs-form-field .no-list li,
.hs-form-field .hs-error-msgs li{
  list-style-type: none;
}
.hs-form-field .hs-error-msgs li label {
  color: red;
}
.register-form form .hs-form-field:nth-of-type(2),
.register-form form .hs-form-field:nth-of-type(4),
.login-form form .hs-form-field:nth-of-type(2),
.password-reset-form form .hs-form-field:nth-of-type(1),
.password-reset-form form .hs-form-field:nth-of-type(3){
  position: relative;
}

.hs-reset-widget-show-password,
.hs-register-widget-show-password,
.hs-login-widget-show-password {
  color: #7f7f7f;
  text-decoration: none;
  font-size: 10px;
  position: absolute;
  right: 0;
  font-family: 'FS Me', sans-serif;
  top: 6px;
}
.form-container form .hs-submit .actions {
  text-align: center;
}
.header {
  display: flex;
  justify-content: center;
}

.header .header-logo {
  display: flex;
  justify-content: center;
}
.header.header-register {
  display:block;
}
.header-register .have-account {
  background: #fff;
  border-radius: 28px;
  padding: 12px 30px;
  min-width: 440px;
  box-shadow: 0px 18px 88px -4px rgba(172, 179, 159, 0.14), 0px 8px 28px -6px rgba(80, 85, 70, 0.12);
  display block;
}
.header-register .have-account>span {
  font-family: 'Roboto', sans-serif;
}
.header-banner {
  background: #666E5A;
  padding: 15px 0px;
}
.header-banner p:last-child{
  margin-bottom: 0;
}
.header-banner .inner {
  max-width: 1000px;
  margin: 0 auto;
}
.header-banner p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.header-banner p b{
  font-weight: bold;
}
.header-banner p,
.header-banner h1, .header-banner h2,
.header-banner h3, .header-banner h4,
.header-banner h5, .header-banner h6,
.header-banner p a{
  color: #fff;
}
.logo-with-navigation .header-logo {
  margin-right: 30px;
} 
.header .header-logo img{
  width: 145px;
  height: auto;
}
.
.header.loggedin {
  background: #fff;
  display: block;
}
.header .header-inner {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}
.header.not-loggedin {
  height: auto;
  padding: 50px 0px 65px 0px; 
}
.header.header-register{
  padding: 40px 0px 25px 0px; 
}
.form-input-validation-message .no-list {
  padding-left: 0;
}
.form-input-validation-message .no-list li {
  list-style: none;
}
.form-container {
  background: #fff;
  border-radius: 38px; 
  box-shadow: 0 4px 48px rgba(0,0,0,.12); 
  margin: 0 auto;
  padding: 40px 46px 46px 46px; 
  max-width: 400px;
}
.form-container form{
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

form {
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
  padding: 46px 46px;
  border-radius: 38px;
  background: white;
}
form.override-style-form {
  box-shadow: none;
  padding: 0;
  border-radius: 0px;
  background: transparent;
}
.form-title .helper {
  color: #B7CD96;
  font-size: 12px;
  line-height: normal;
  display: inline-block;
}
.form-title h4{
  margin-bottom: 6px;
}
.form-container .form-title {
  margin-bottom: 35px;
}


.login-form .hs-form-field .hs-input, 
.register-form .hs-form-field .hs-input, 
.password-reset-request-form .hs-form-field .hs-input ,
.password-reset-form .hs-form-field .hs-input{
  background: #fff;
  border: 1px solid #c7c7c7;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 17px;
}
.login-form .hs-form-field, 
.register-form .hs-form-field, 
.password-reset-request-form .hs-form-field,
.password-reset-form .hs-form-field{
  margin-bottom: 0;
}


/***Register ******/

.form-two-column-group {
  display: flex;
}
.form-two-column-group .form-group {
  width: 48%;
}
.form-two-column-group .form-group:first-child {
  margin-right: 4%;
}
.km-form-title {
  margin: 20px 0px;
}
.submit-spin {
  display: none;
}
.form-intro {
  font-size: 15px;
  line-height: normal;
  margin-bottom: 20px;
}
.sign-in {
  color: #899970;
  font-size: 14px;
  margin-left: 10px;
  text-decoration: underline;
}
.sign-in:hover{
  text-decoration: none;
}
.sign-in svg {
  margin-left: 4px;
}
.submit-spin.show {
  display: block;
  float: right;
  margin-left: 10px;
}
.register-container {
  max-width: 447px;
  width: 100%;
}
.padding-content {
  padding: 0px 20px;
}
.form-section .form-group {
  margin-bottom: 25px;
}
.form-section .form-group.mb-0{
  margin-bottom: 0;
}

.answers .error, 
.form-group .error {
  color: red;
  font-size: 12px;
  text-align: left;
}
.disabled{
  pointer-events: none;
  cursor: not-allowed;
  /*   opacity: 0.65;
  filter: alpha(opacity=65); */
  -webkit-box-shadow: none;
  box-shadow: none;
}
.read-ahpra-num {
  border: 1px solid #DBE0D3;
  border-radius: 3px;
  display: block;
  height: 40px;
  padding: 7px 10px 3px 10px;
}
.hs-form select,
.custom-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9287 0.786133L7.50014 7.2147L1.07157 0.786132" stroke="%23666E5A" stroke-width="2"/></svg>')!important;
  background-position: right 0.6rem top 50%;
  background-repeat: no-repeat;
  background-size: 12px 7px;
}
.custom-select.md select {
  background-size: 13px 9px;
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath stroke='%23758067' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m11 1.82-5 5-5-5'/%3E%3C/svg%3E)!important;
}
.custom-select.md.black select {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m11 1.82-5 5-5-5'/%3E%3C/svg%3E)!important;
}
.form-group label {
  font-size: 12px;
  color: #666E5A;
  display: inline-block;
}
.light-secondary-label .form-group label {
  color: #515154;
  font-size: 12px;
}
.multi-input label.title {
  display: block;
  margin-bottom: 10px;
}

.light-secondary-label .form-group .checkbox-label {
  color: #000;
}
.form-group ul li {
  display: flex;
  margin-bottom: 15px;
  float: left;
  width: 50%;
  align-items: baseline;
}
.form-group ul li input {
  margin-right: 8px;
  color: #758067;
  font-size: 16px;
}
.form-group .heading {
  margin-bottom: 20px;
}
.submit-message-container{
  max-width: 1187px;
  margin: 0 auto;
  display: flex;
  justify-content: end;
  align-items: flex-start;
}

.submit-message-container .submit-message {
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
  padding: 40px 50px;
  border-radius: 38px;
  background: #ffffff;
}

.submit-message-container .submit-message p:last-of-type{
  margin-bottom: 0;
}
.submit-info {
  background: #F3D86E;
  padding: 22px 20px;
  max-width: 320px;
  margin: 127px auto 0;
}
.submit-info ol li,
.submit-info p {
  font-size: 15px;
  line-height: normal;
  color: #000;
}

.admin-header .header-logo {
  margin-right: 30px;
}

.header .navigation ul li a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
.header .navigation ul li:not(:last-child){
  margin-right: 30px;
}

.header .navigation ul li.active a {
  padding: 12px 24px;
  background: #F4F4F5;
  font-weight: bold;
  border-radius: 22px;
}
.admin-container{
  max-width: 1040px;
  margin: 0 auto;
}
.admin-container .search-mem {
  margin-top: 45px;
}
.admin-header .hamburger-menu {
  display: none;
  width: 45px;
  height: 45px;
  position: absolute;
  background: #4C6580;
  cursor: pointer;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0px;
  border-radius: 50%;
}
.admin-header .hamburger-menu span {
  display: inline-block;
  position: absolute;
  width: 45%;
  left: 13px;
  height: 3px;
  border-radius: 2px;
  background: #fff;
  transition: all 0.4s;
}
.admin-header .hamburger-menu span:nth-of-type(1) {
  top: 14px;
}
.admin-header .hamburger-menu.active span:nth-of-type(1) {
  top: 16px;
  left: 13px;
  transform: translateY(6px) rotate(-45deg);
  width: 40%;
}

.admin-header .hamburger-menu span:nth-of-type(2) {
  top: 22px;
}
.admin-header .hamburger-menu.active span:nth-of-type(2) {
  opacity: 0;
}

.admin-header .hamburger-menu span:nth-of-type(3) {
  top: 30px;
}
.admin-header .hamburger-menu.active span:nth-of-type(3) {
  top: 28px;
  left: 13px;
  transform: translateY(-6px) rotate(45deg);
  width: 40%;
}

.admin-container .member-type {
  margin-top: 30px;
}
.admin-container .member-type ul li,
.admin-container .member-type ul li a {
  font-size: 12px;
  color: #4C6580;
  cursor:pointer;
  line-height: 19px;
}
.admin-container .member-type ul li{
  background: #fff;
  border-radius: 16px;
  padding: 20px 11px 20px 13px;
  flex: 1;
  position: relative;
  display:flex;
  align-items: center;
}
.admin-container .member-type ul li a{
  position: relative;
  text-decoration: none;
  width: 100%;
}
.admin-container .member-type ul li.active a{
  color:#fff;
}
.admin-container .member-type ul li.active a::after {
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/checked.svg) no-repeat center center/contain;
  content: " ";
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 2px;
} 
.admin-container .member-lists{
  max-width: 448px;
  margin: 40px auto 0;
}
.admin-container .member-type ul li.active {
  color: #fff !important;
  background: #4C6580;
}
.admin-container .member-type ul li:not(:last-child) {
  margin-right: 14px;
}
.search-learning-products,
.search-products,
.search-articles,
.search-mem {
  max-width: 670px;
  margin: 0 auto;
  position: relative;
  margin-top: 40px;
}
.search-learning-products input[type="search"],
.search-products input[type="search"],
.search-articles input[type="search"],
.search-mem input[type="search"] {
  padding: 20px 20px 20px 56px;
  width: 100%;
  border-radius: 32px;
  border: none;
  font-size: 16px;
  background-color: #FCFDFC;
  color: #63666A;
  box-shadow: 3px 1px 10px 1px rgba(102, 110, 90, 0.17);
}
.search-learning-products .icon-search,
.search-products .icon-search,
.search-articles .icon-search,
.search-mem .icon-search {
  position: absolute;
  width: 26px;
  height: 26px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/search.png) no-repeat center center / contain;
  content: " ";
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 1;
}
.search-products input[type="search"],
.search-articles input[type="search"]{
  border: 1.5px solid #DBE0D3;
  background: #FCFDFC;
}
.search-learning-products input[type="search"]{
  background: #fff;
  border: 1.5px solid #DBE0D3;
  /*   box-shadow: none; */
}

.search-articles input[type="search"]{
  box-shadow: none;
}
.main-search {
  max-width: 437px;
  width: 100%;
}
.main-search .hs-search-field__suggestions-container .hs-search-field__suggestions li a:before {
  position: absolute;
  width: 48px;
  height: 48px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/Icons/search-icon.png) no-repeat center center/contain;
  content: " ";
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10px;
}
.main-search input[type="search"] {
  padding: 16px 20px 16px 56px;
  width: 100%;
  border-radius: 32px;
  border: 2px solid #DBE0D3;
  font-size: 16px;
  background: white;
}

.main-search .main-icon-search {
  position: absolute;
  height: 26px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/mem-search.svg) no-repeat center center / contain;
  content: " ";
  left:15px;
  top: 0px;
  width: 26px;
  margin: auto 0;
  bottom: 0px;
}

.search-mem input[type="search"]::-webkit-input-placeholder {
  font-size: 16px;
  color: #63666A;
}
.search-mem input[type="search"]::-moz-placeholder {
  font-size: 16px;
  color: #63666A;
}
.search-mem input[type="search"]:-ms-input-placeholder {
  font-size: 16px;
  color: #63666A;
}
.search-mem input[type="search"]:-moz-placeholder {
  font-size: 16px;
  color: #63666A;
}
.search-mem input[type="search"]:placeholder {
  font-size: 16px;
  color: #63666A;
}
/***** Main search ******/
.main-search input[type="search"]::-webkit-input-placeholder {
  font-size: 14px;
  color: #666E5A;
}
.main-search input[type="search"]::-moz-placeholder {
  font-size: 14px;
  color: #666E5A;
}
.main-search input[type="search"]:-ms-input-placeholder {
  font-size: 14px;
  color: #666E5A;
}
.main-search input[type="search"]:-moz-placeholder {
  font-size: 14px;
  color: #666E5A;
}
.main-search input[type="search"]:placeholder {
  font-size: 14px;
  color: #666E5A;
}
form .light-grey input::-webkit-input-placeholder {
  font-size: 16px;
  color: #A1A3A6;
}
form .light-grey input::-moz-placeholder {
  font-size: 16px;
  color: #A1A3A6;
}
form .light-grey input:-ms-input-placeholder {
  font-size: 16px;
  color: #A1A3A6;
}
form .light-grey input:-moz-placeholder {
  font-size: 16px;
  color: #A1A3A6;
}
form .light-grey input:placeholder {
  font-size: 16px;
  color: #A1A3A6;
}

/*****Admin account details *****/

form .light-secondary-label input::-webkit-input-placeholder {
  font-size: 16px;
  color: #000000;
}
form .light-secondary-label input::-moz-placeholder {
  font-size: 16px;
  color: #000000;
}
form .light-secondary-label input:-ms-input-placeholder {
  font-size: 16px;
  color: #000000;
}
form .light-secondary-label input:-moz-placeholder {
  font-size: 16px;
  color: #000000;
}
form .light-secondary-label input:placeholder {
  font-size: 16px;
  color: #000000;
}
form .read-ahpra-num::-webkit-input-placeholder {
  font-size: 16px;
  color: #758067;
}
form input::-webkit-input-placeholder {
  font-size: 16px;
  color: #758067 !important;
  font-family: 'FS Me', sans-serif;
}
form input::-moz-placeholder {
  font-size: 16px;
  color: #758067;
  font-family: 'FS Me', sans-serif;
}
form input:-ms-input-placeholder {
  font-size: 16px;
  color: #758067;
  font-family: 'FS Me', sans-serif;
}
form input:-moz-placeholder {
  font-size: 16px;
  color: #758067;
  font-family: 'FS Me', sans-serif;
}
form input:placeholder {
  font-size: 16px;
  color: #758067;
  font-family: 'FS Me', sans-serif;
}

.search-articles input::-webkit-input-placeholder {
  font-size: 16px;
  color: #A1A3A6 !important;
  font-family: 'FS Me', sans-serif;
}
.search-articles input::-moz-placeholder {
  font-size: 16px;
  color: #A1A3A6 !important;
  font-family: 'FS Me', sans-serif;
}
.search-articles input:-ms-input-placeholder {
  font-size: 16px;
  color: #A1A3A6 !important;
  font-family: 'FS Me', sans-serif;
}
.search-articles input:-moz-placeholder {
  font-size: 16px;
  color: #A1A3A6 !important;
  font-family: 'FS Me', sans-serif;
}
.search-articles input:placeholder {
  font-size: 16px;
  color: #A1A3A6 !important;
  font-family: 'FS Me', sans-serif;
}

textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'FS Me', sans-serif;
  color: #A1A3A6;
}
textarea::-moz-placeholder { /* Firefox 19+ */
  font-family: 'FS Me', sans-serif;
  color: #A1A3A6;
}
textarea:-ms-input-placeholder { /* IE 10+ */
  font-family: 'FS Me', sans-serif;
  color: #A1A3A6;
}
textarea:-moz-placeholder { /* Firefox 18- */
  font-family: 'FS Me', sans-serif;
  color: #A1A3A6;
}

form select:not(:valid) {
  font-size: 16px;
  color: #C1C2C3;
  font-family: 'Roboto', sans-serif;
}

form label span span {
  text-decoration: none !important;
  color: #A1A3A6 !important;
}


form .read-ahpra-num,
form textarea,
form input {
  color: #758067;
  font-size: 16px;
}

form .light-secondary-label select,
form .light-secondary-label textarea,
form .light-secondary-label input {
  color: #000;
}

/***Onboarding****/

.onboarding-container {
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/onboarding.png) no-repeat center center / cover;
  width: 100%;
  height: 100%;
}
.header.admin-header,
.header.mem-header{
  position:fixed;
  width:100%;
  justify-content: flex-start;
  height: 88px;
  background: #fff;
  border-bottom: 1px solid #E0E3DB;
  z-index:99999;
}
.admin-navigation nav ul li a,
.member-navigation nav ul li a {
  font-size: 14px;
  color:#666E5A;
  text-decoration: none;
  cursor: pointer;
  padding: 16px 16px;
  font-family: 'FS Me', sans-serif;
  
}
.admin-navigation nav ul li,
.member-navigation nav ul li{
  cursor:pointer;
  font-family: 'FS Me', sans-serif;
}
.admin-navigation nav ul li a:hover,
.member-navigation nav ul li a:hover{
  background: #EFF1EB;
  border-radius: 38px;
}
.member-navigation nav ul li a.active{
  color: #666E5A;
  font-weight: bold;
}
.admin-navigation nav ul li a.active{
  color: #4C6580;
  font-weight: bold;
}


.intro-content .inner{
  max-width: 688px;
  margin: 0 auto;
  padding: 40px 0px;
}
.intro-content p {
  color: #636569;
}
.recommend-learning {
  padding-top: 40px;
  background: linear-gradient(to bottom, #fff 0%, #EFF1EB 59%);
}
.recommend-learning .top-info a,
.recommend-products .top-info a {
  font-size: 12px;
}
.recommend-products {
  padding: 64px 0px;
}
.recommend-products .top-info .title,
.recommend-learning .top-info .title {
  margin-right: 10px;
}
.three-col .single-col {
  width: 30.51%;
}
.three-col .single-col:not(:last-child) {
  margin-right: 4.23%;
}

.four-col .single-col {
  width: 23.29%;
}
.four-col .single-col:not(:last-child) {
  margin-right: 2.27%;
}
/**modal ****/
.modal-onboarding,
.modal {
  position: fixed;
  visibility:hidden;  
  opacity:0;
  transition: visibility 0.5s, opacity 0.5s;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.38);
  z-index: 999999;
}
/**remove blur ***/
.modal.distinct{
  background: rgba(0, 0, 0, 0.38);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.modal-onboarding.blur,
.modal.blur{
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); 
}

/* .scrollable-content::-webkit-scrollbar {
display: none;
} */

.modal-onboarding .modal-content,
.modal .modal-content {
  overflow-y: auto;
  display: block;
  position: relative;
  width: 91%;
  max-height: 90vh;
  padding: 5px;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  box-sizing: border-box;
  max-width: 688px;
  border-radius: 72px;
  padding: 48px 48px;
  text-align: center;
}
.modal .modal-content{
  top: 100%;
  transition: top 0.5s linear;
}
.modal-onboarding .modal-contentt {
  max-width: 688px;
  margin: 0 auto;
  text-align: center;
}
.modal.iframe-modal .modal-content {
  transform: translate(0%,0%);
  margin: 0 auto;
  margin-top: 50px;
  max-height: calc(100vh);
  left: 0;
  top: 0;
  height: 100%;
  padding: 56px 56px;
  /*   height: 85%;
  overflow-y: unset; */
}
.modal.iframe-modal .modal-body {
  height: 100%;
}
.modal .modal-content.small {
  width: 530px;
}
.modal .modal-content.large {
  max-width: 1040px;
}
.modal-onboarding.open,
.modal.open {
  visibility:visible; 
  opacity:1
}
.btn-close {
  display: flex;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 58px;
  top: 57px;
  cursor: pointer;
  z-index: 100;
  background:#EBEFE7 url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/modal-close.svg) no-repeat center center/contain;
  background-size: 20px 20px;  
}

.product-modal .modal-content {
  text-align: left;
}
/***full modal height**/
.modal-open{
  overflow: hidden;
}
.modal-open .modal-onboarding,
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.fade {
  transition: opacity .15s linear;
}
.modal-onboarding.fade .modal-dialog 
.modal.fade .modal-dialog {
  transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
  transition: transform .5s ease-out;
  -webkit-transform: translate(0,500px);
  transform: translate(0,500px);
}
.modal-onboarding.open .modal-dialog,
.modal.open .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal.open.center .modal-content {
  top: 50%;
}


.modal.moveup .modal-content {
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear;
  -webkit-transform: translate(0,500px);
  transform: translate(0,500px);
}
.modal.iframe-modal.open .modal-content {
  -webkit-transform: none;
  transform: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}



.full-height-modal .modal-contentt {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 38px;
  outline: 0;
  height: 100vh;
}

.modal-onboarding.full-height-modal .modal-contentt{
  height: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.full-height-modal .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 50px 50px;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 1040px;
    margin: 3rem auto;
  }
}
/** end full modal height ***/


.completed,
.incomplete {
  position: relative;
}
button.incomplete,
.selection-button .completed {
  padding-left: 50px;
}
button.completed:focus,
.selection-button .completed {
  background-color: #b7ce95; 
  color:#666E5A;
}

button.incomplete {
  color: #fff;
  background: #666E5A;
}
.selection-button .completed:before {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/tick.svg) no-repeat center center/contain;
  content: " ";
  left: 21px;
}
.incomplete:before {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/cross.svg) no-repeat center center/contain;
  content: " ";
  left: 21px;
}


/*** Account details ****/
.mem-account-details{
  padding-top: 60px;
}
.mem-account-details .title{
  margin-bottom: 54px;
}
.mem-account-details form {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
.mem-account-details .inner-content{
  max-width: 447px;
  margin: 0 auto;
}
.submission-message{
  font-size: 14px;
  /*   margin-top: 10px; */
  font-weight: bold;
  /*   border: 1px solid black; */
  display: flex;
  justify-content: end;
  position: absolute;
  top: 10px;
  right: 10px;
}
.submission-message .success-msg {
  color: #270;
  background-color: #DFF2BF;
  padding: 25px 25px;
  border-radius: 8px;
}
.submission-message .error-msg {
  color: #D8000C;
  background-color: #FFBABA;
  padding: 11px 25px;
}
.submission-message .submission-success {
  color: green;
}
.submission-message .submission-error {
  color: red;
}

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

/***MENU ****/
.primary-menu .sub-menu {
  opacity: 0;
  visibility: hidden;
  height: 0;
  position: absolute;
  top: 87px;
  width: 100%;
  background: white;
  left: 0;
  right: 0;
  /*   transition: visibility 0.2s linear, opacity 0.2s linear; */
  z-index: 100;
}

.primary-menu .nav-menu.has-sub-menu.active > .sub-menu {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.primary-menu .sub-menu li {
  background: #fff;
  border-radius: 38px;
  padding: 9px 0px 40px 0px;
  width: 230px;
}
.menu-icon {
  max-width: 24px;
  display: block;
}
.primary-menu .sub-menu li {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 100%;
}
.primary-menu .sub-menu .sub-menu__link {
  width: 230px;
  background: #fff; 
  border-radius: 38px; 
  padding: 24px;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
  transform: translateY(0px);
  transition: transform 0.5s ease;
}

.primary-menu .sub-menu .sub-menu__link:hover {
  transform: translateY(-6px);
}


.primary-menu .sub-menu .sub-menu__link:not(:last-child){
  margin-right: 30px;
}
.primary-menu .sub-menu .sub-menu__link span{
  display:block;
}
.primary-menu .sub-menu .sub-menu__link .menu-icon {
  margin-bottom:5px;
}
.primary-menu .sub-menu .sub-menu__link .menu-title {
  font-size: 16px;
  color: #666E5A;
  font-weight: bold;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.primary-menu .sub-menu .sub-menu__link .menu-desc {
  font-size: 12px;
  color: #666E5A;
  font-weight: 300;
  word-wrap: break-word;
}

/*** Admin styling ***/
.admin_body-wrapper .hs-button.primary {
  background: #7D9CC0;
  border: 1px solid #7D9CC0;
  color: #fff;
}

.admin_body-wrapper .hs-button.primary:hover {
  background: #9fbfe3;
  border: 1px solid #9fbfe3;
}

.hs-button.ad-secondary {
  border: 2px solid #4C6580;
  background: transparent;
  color: #4C6580;
}

.hs-button.ad-primary{
  background: #7D9CC0;
  border: 1px solid #7D9CC0;
  color: #fff;
}
.hs-button.ad-primary:hover{
  background: #4C6580;
  border: 1px solid #4C6580;
}

.hs-button.ad-secondary{
  background:transparent;
  border: 2px solid #4C6580;
  color:#4C6580;
}
.hs-button.ad-territory{
  background:#ffffff;
  border: 1px solid #fff;
  color:#4C6580;
}
.hs-button.ad-blue-tint {
  background: #E6EAF2;
  border: 1px solid #E6EAF2;
  color: #4C6580;
}
.hs-button.ad-blue-tint:hover {
  background: #d3d7e0;
  border: 1px solid #d3d7e0;
}



/***Manual registrations ****/
.stock-level-container .body-content{
  margin: 84px 0px;
}
.mem-details-container {
  max-width: 448px;
  margin: 0 auto;
}
.mem-lists{
  margin-top: 70px;
}
.mem-lists a {
  text-decoration: none;
  text-align: left;
  border-bottom: 1px solid #C1C2C3;
  margin-bottom: 30px;
  padding-bottom: 15px;
  position: relative;
}
.mem-lists .details span {
  display: block;
}
.mem-lists a::after {
  position: absolute;
  width: 12px;
  height: 10px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/right-arrow.svg) no-repeat center center/contain;
  content: " ";
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0;
}
.back-link {
  padding-left: 25px;
}
.back-link:before {
  position: absolute;
  width: 7px;
  height: 12px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/back-arrow.svg) no-repeat center center/contain;
  content: " ";
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10px;
}
.mem-content-wrap {
  max-width: 448px;
  margin: 0 auto;
}

.read-time:before,
.learning-module-lists .right .time:before{
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/time.svg) no-repeat left/contain;
}
.read-time {
  font-size: 12px;
  color: #A1A3A6; 
}
.read-time:before{
  bottom: 0;
  content: "";
  height: 13px;
  left: -17px;
  position: absolute;
  top: 0px;
  width: 13px;
  margin: auto 0;
  top: 0;
}
.reading-time,
.time-read-time {
  font-size: 12px;
  color: #A1A3A6;
}
.reading-time svg,
.time-read-time svg{
  width: 13px;
  height: 13px;
}
.reading-time svg,
.reading-time img,
.time-read-time svg,
.time-read-time img {
  margin-right: 5px;
}
.learning-module-lists .right .content-info,
.learning-module-lists .right .time {
  font-size: 12px;
  color: #63666A;
}
.learning-module-lists .right .content-info {
  position: relative;
  margin-right: 20px;
}
.learning-module-lists .right .content-info h6::after {
  content: '|';
  margin-left: 7px;
  margin-right: 6px;
}
.learning-module-lists .right h2,
.learning-module-lists .right h3,
.learning-module-lists .right h5{
  margin-right: 38px;
}
.learning-module-lists .right h4{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 18px;
  margin-right: 38px;
}

.learning-module-lists .right .time{
  position: relative;
  margin-left: 22px;
}
.learning-module-lists .right .time:before{
  bottom: 0;
  content: "";
  height: 13px;
  left: -17px;
  position: absolute;
  top: 1px;
  width: 13px;
}
input[type=radio],
input[type=checkbox] {
  height: 0%;
  visibility: hidden;
}

/***checkbox styling ******/
#questionaire-form input[type=radio],
#questionaire-form input[type=checkbox] {
  height: 100%;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
ul.checkbox-lists {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
ul.checkbox-lists li {
  border: 1px transparent solid;
  float: left;
  width:49%;
  margin-bottom: 8px;
  margin-right: 6px;
}
ul.checkbox-lists li:nth-child(2n) {
  margin-right: 0;
}
ul.checkbox-lists li:last-child{
  margin-bottom: 0;
}
.checkbox {
  background-color: transparent;
  border: 1px solid #C4C4C4;
  border-radius: 2px;
  height: 14px;
  left: 0;
  position: absolute;
  top: 0;
  width: 14px;
  bottom: 0;
  /*   margin: auto 0; */
}
.checkbox-label {
  cursor: pointer;
  /*   display: flex !important; */
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
  padding-left: 26px;
  position: relative;
  width: 100%;
  height: 26px;
  align-items: center;
  color: #000 !important;
}
.checkbox-label input:checked~.checkbox {
  background: #b7ce95;
  border: 1px solid rgba(117, 128, 103, 0.17);
}
.checkbox-label input:checked~.checkbox:after {
  display: block;
}
.checkbox-label .checkbox:after {
  border: solid #fff;
  border-width: 0px 2px 2px 0;
  bottom: 2px;
  height: 10px;
  left: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
}
.checkbox:after {
  content: "";
  display: none;
  position: absolute;
}
form.form-transparent{
  background:transparent;
  padding: 0;
  box-shadow:none;
  border-radius: 0;
}
form .section .button-wrap {
  margin-top: 100px;
}
.filter-heading {
  font-size: 12px;
  margin: 26px 0px;
}
.pagination ul li:not(:last-child) {
  margin-right: 20px;
}
.pagination ul li a {
  color: #7F7F7F;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.pagination ul li a:hover{
  color: #162238;
}

.pagination .page-next:hover svg path,
.pagination .page-prev:hover svg path {
  stroke: #162238;
} 
.pagination > a {
  margin: 0 8px;
  cursor: pointer;
  color: #7F7F7F;
  text-decoration: none;
}
.pagination > a:hover {
  color: #162238;
}
.pagination > a.active {
  color: #162238;
  font-weight: bold;
}

.body-bg-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center -200px;
  height: 100%;
  width: 100%;
  max-width: 3000px;
  margin: 0 auto;
  min-height: calc(100vh - 80px);
}
.body-register .footer{
  height: 80px;
}
.signup-page .desc-content,
.register-thank-you .desc-content{
  max-width: 533px;
  margin-right: 40px;
  width: 100%;
}
.signup-page .desc-content p,
.register-thank-you .desc-content p{
  max-width: 347px;
}

.signup-page .content-form-wrap {
  padding: 30px 0px 200px 0px;
}
.register-thank-you {
  margin-top: 40px;
}

/* Absolute Center Spinner */
.loading {

  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  position: relative;
  max-width: 1040px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;  
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 40vh;
  /*   background: radial-gradient(rgba(20, 20, 20, .3), rgba(0, 0, 0, .2));
  background: -webkit-radial-gradient(rgba(20, 20, 20, .3), rgba(0, 0, 0, .2)); */
}

.loading:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  position: absolute;
  top:50%;
  left: 50%;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1.5em 0 0 0, rgba(0, 0, 0, 0.25) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.25) 0 1.5em 0 0, rgba(0, 0, 0, 0.25) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.25) -1.5em 0 0 0, rgba(0, 0, 0, 0.25) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.25) 0 -1.5em 0 0, rgba(0, 0, 0, 0.25) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.25) 1.5em 0 0 0, rgba(0, 0, 0, 0.25) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.25) 0 1.5em 0 0, rgba(0, 0, 0, 0.25) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.25) -1.5em 0 0 0, rgba(0, 0, 0, 0.25) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.25) 0 -1.5em 0 0, rgba(0, 0, 0, 0.25) 1.1em -1.1em 0 0;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/***questionarie onboarding***/
.question-numbers span:not(:last-child) {
  margin-right: 10px;
}
.star-questionaire .star-quest-btn {
  margin-top: 15px;
}
.questionaire-container .field.answers {
  margin-top: 40px;
}
.question-numbers span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.question-numbers span.active {
  background: #EBEFE7;
  color: #666E5A;
  font-weight: bold;
}
.question-numbers span {
  border: 2px solid #EBEFE7;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  color: #C1C2C3;
  font-size: 12px;
}
.option-lists {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
.option-lists .text-option label {
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  color: #63666A;
  padding: 24px 4px;
  width: 100%;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;

}
.option-lists .text-option {
  width: 136px;
  height: 75px;
  border-radius: 48px;
  color: #000;
  margin-right: 28px;
  border: 2.5px solid #EBEFE7;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-grow: 1;
}
.option-lists .text-option.active {
  background-color: #EBEFE7;
}

.option-lists .text-option.active label {
  color: #63666A;
  font-weight: 700;
  width: 100%;
  height: 100%;
}


.checkbox-option-lists.option-lists .text-option label {
  font-size: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.checkbox-option-lists.option-lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.checkbox-option-lists.option-lists.four {
  grid-template-columns: repeat(4, 1fr);
}

.checkbox-option-lists.option-lists .text-option {
  border-radius: 8px;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
}

#questionaire-form input[type=radio], 
#questionaire-form input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#questionaire-form .button-wrap .next-btn {
  align-self: center;
  margin-top: 34px;
}
.previous-ques {
  color: #666E5A;
  font-size: 12px;
  display: block;
  font-weight: 400;
  background: transparent;
  border: 0;
  display: inline-block;
  cursor: pointer;
  margin-top: 20px;
}
.previous-ques:hover {
  text-shadow: 0 0 0.2px #666E5A, 0 0 0.2px #666E5A;
}

.question-numbers {
  margin-bottom: 25px;
}
.extra-answer {
  margin-top: 30px;
}
#questionaire-form textarea {
  resize: none;
  width: 100%;
  height: auto;
}
.logo-with-navigation {
  width: 65%;
}
.quick-contact {
  margin-bottom: 30px;
}

/***Notification Bar Message****/
.notification-bar-message {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background: var(--Blue-Dark, #4C6580);
  position: absolute;
  width: 100%;
}

.notification-bar-message > p {
  color: var(--White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 171.429% */
  padding: 14px;
  margin: auto 0;
}
.member-navigation nav ul {
  margin-bottom: 0;
}
.dnd-section {
  padding: 80px 0px;
}
.dnd-section .dnd-column {
  padding: 0 0px; 
}

/*** color code based on potency *****/
/** HIGH THC **/

/* .text-light-high-thc {
  color: #A76389;
} */
/* .text-dark-high-thc, 
.text-dark-high-thc p {
  color: #805574;
} */
/* .bg-light-high-thc{
  background: #EBE0E6;
} */
/* .bg-medium-high-thc {
  background: #DCA2C4;
}
.bg-dark-high-thc{
  background: #805574;
}
.bg-light-high-thc-hover.selected,
.bg-light-high-thc-hover:hover{
  background: #EBE0E6;
} */

/* .check-box-icon-wrapper.high-thc svg path,
.high-thc .dropdown-arrow svg path{
  stroke: #A76389;
} */


/** MODERATE THC **/
/* .text-light-moderate-thc {
  color: #F2A900;
} */
/* .text-dark-moderate-thc , .text-dark-moderate-thc p{
  color: #B87E47 !important;
} */
/* .bg-light-moderate-thc {
  background:#FAEED0;
} */
/* .bg-medium-moderate-thc {
  background:#F1CC75;
}
.bg-dark-moderate-thc {
  background:#B87E47;
}
.bg-light-moderate-thc-hover.selected,
.bg-light-moderate-thc-hover:hover {
  background:#FAEED0;
} */

/* .check-box-icon-wrapper.moderate-thc svg path,
.moderate-thc .dropdown-arrow svg path{
  stroke: #F2A900;
} */
/* .moderate-thc .pd-tag svg rect{
  fill: #F9E2AB;
}
.moderate-thc .pd-tag svg path{
  stroke: #B87E47;
} */

/** BALANCED THC **/
/* .text-light-balanced {
  color: #9CAF88;
} */
/* .text-dark-balanced , .text-dark-balanced p{
  color: #758067;
} */
/* .bg-light-balanced {
  background: #EBEFE7;
} */
/* .bg-light-balanced-hover.selected,
.bg-light-balanced-hover:hover {
  background: #EBEFE7;
}

.bg-medium-balanced {
  background: #B6C1A8;
}

.bg-dark-balanced {
  background: #758067;
} */
/* .check-box-icon-wrapper.balanced svg path,
.balanced .dropdown-arrow svg path{
  stroke: #9CAF88;
} */

/* .balanced .pd-tag svg rect{
  fill: #d6decfd9;
}
.balanced .pd-tag svg path{
  stroke: #758067;
} */


/** MODERATE CBD **/
/* .text-light-moderate-cbd {
  color: #7D9CC0;
} */
/* .text-dark-moderate-cbd , .text-dark-moderate-cbd p {
  color: #4C6580 !important;
} */
/* .bg-light-moderate-cbd{
  background: #E6EAF2;
} */
/* .bg-medium-moderate-cbd{
  background: #A6BFD9;
}
.bg-dark-moderate-cbd{
  background: #4C6580;
}
.bg-light-moderate-cbd-hover.selected,
.bg-light-moderate-cbd-hover:hover{
  background: #E6EAF2;
} */

/* .check-box-icon-wrapper.moderate-cbd svg path,
.moderate-cbd .dropdown-arrow svg path{
  stroke:#7D9CC0;
} */

.moderate-cbd .pd-tag svg rect{
  fill: #A6BFD9;
}

.moderate-cbd .pd-tag svg path{
  stroke: #4C6580;
}


/** HIGH CBD **/
/* .text-light-high-cbd {
  color: #8B84D7;
} */
/* .text-dark-high-cbd , .text-dark-high-cbd p {
  color: #5E5A80 !important;
} */
/* .bg-light-high-cbd {
  background: #E8E6F7;
} */
/* .bg-medium-high-cbd {
  background: #A39FCA;
}
.bg-dark-high-cbd {
  background: #5E5A80;
}
.bg-light-high-cbd-hover.selected,
.bg-light-high-cbd-hover:hover {
  background: #E8E6F7;
} */

/* .check-box-icon-wrapper.high-cbd svg path,
.high-cbd .dropdown-arrow svg path{
  stroke: #8B84D7;
} */

.high-cbd .pd-tag svg rect{
  fill: #D9D7E9;
}
.high-cbd .pd-tag svg path{
  stroke: #5E5A80;
}

/**PRODUCT SVG COLOR ***/
/**product size ***/
.high-thc .ps-css svg ellipse,
.high-thc .ps-css svg path {
  stroke: #805574;
}
.moderate-thc .ps-css svg ellipse,
.moderate-thc .ps-css svg path {
  stroke: #b87e47;
}
.balanced .ps-css svg ellipse,
.balanced .ps-css svg path {
  stroke: #758067;
}
.moderate-cbd .ps-css svg ellipse,
.moderate-cbd .ps-css svg path {
  stroke: #4C6580;
}
.high-cbd .ps-css svg ellipse,
.high-cbd .ps-css svg path {
  stroke: #5E5A80;
}



/** Total cannabinoid **/
.high-thc .tc-css svg rect{
  stroke: #805574;
  fill: transparent;
}
.high-thc .tc-css svg path{
  stroke: #805574;
}

.balanced .tc-css svg rect{
  stroke: #758067;
  fill: transparent;
}
.balanced .tc-css svg path{
  stroke: #758067;
}
.moderate-thc .tc-css svg rect {
  stroke: #b87e47;
  fill: transparent;
}
.moderate-thc .tc-css svg path{
  stroke: #b87e47;
}
.moderate-cbd .tc-css svg rect {
  stroke: #4C6580;
  fill: transparent;
}
.moderate-cbd .tc-css svg path {
  stroke: #4C6580;
}

.high-cbd .tc-css svg rect {
  stroke: #5E5A80;
  fill: transparent;
}
.high-cbd .tc-css svg path {
  stroke: #5E5A80;
}

/* Cultivar not applicable */
.cult-css.not-applicable svg path{
  fill: #A1A3A6 !important;
}

/** Species **/
.high-thc .spec-css.full svg path,
.high-thc .spec-css.half svg path:nth-child(3){
  fill: #805574;
}
.high-thc .spec-css.half svg path{
  stroke:#805574;
}
.high-thc .spec-css.not-applicable svg path{
  fill: #A1A3A6;
}



.moderate-thc .spec-css.half svg path{
  stroke: #b87e47;
}
.moderate-thc .spec-css.full svg path{
  fill: #b87e47;
}
.moderate-thc  .spec-css.not-applicable svg path{
 fill: #A1A3A6;
}


.moderate-thc .spec-css.full svg path{
  stroke: #b87e47;
}
.moderate-thc .spec-css.half svg path:nth-child(3) {
  fill: #b87e47;
}

.moderate-thc .spec-css.outlinee svg path {
  stroke: #b87e47;
}


.balanced .spec-css.outlinee svg path{
  stroke:#758067;
}
.balanced .spec-css.half svg path {
  stroke:#758067;
}
.balanced .spec-css.full svg path{
  fill: #758067;
}

.balanced .spec-css.full svg path{
  stroke: #758067;
}
.balanced .spec-css.half svg path:nth-child(3) {
  fill:#758067;
}
.balanced .spec-css.not-applicable svg path{
 fill: #A1A3A6;
}


.moderate-cbd .spec-css.oulinee svg path{
  stroke:#4C6580;
}

.moderate-cbd .spec-css.half svg path{
  stroke:#4C6580;
}

.moderate-cbd .spec-css.half svg path:nth-child(3) {
  fill:#4C6580;
}
.moderate-cbd .spec-css.not-applicable svg path{
 fill: #A1A3A6;
}


.high-cbd .spec-css.outlinee svg path{
  stroke:#5E5A80;
}

.high-cbd .spec-css.half svg path:nth-child(1),
.high-cbd .spec-css.half svg path:nth-child(2){
  stroke:#5E5A80;
}

.high-cbd .spec-css.full svg path,
.high-cbd .spec-css.half svg path:nth-child(3) {
  fill:#5E5A80;
}
.high-cbd .spec-css.not-applicable svg path{
 fill: #A1A3A6;
}

.high-thc .spec-css.outlinee svg path{
  stroke: #5E5A80;
}


/**  cultivar **/
.high-thc .cult-css.not-applicable svg path,
.moderate-thc .cult-css.not-applicable svg path,
.balanced .cult-css.not-applicable svg path,
.moderate-cbd .cult-css.not-applicable svg path,
.high-cbd .cult-css.not-applicable svg path,{
  stroke: #A1A3A6;
}
.value.not-applicable{
  color: #A1A3A6;
}
.high-thc .cultivar svg path {
  stroke: #805574;
}
.moderate-thc .cultivar svg path {
  stroke: #b87e47;
}
.balanced .cultivar svg path {
  stroke: #758067;
}
.moderate-cbd .cultivar svg path {
  stroke: #4C6580;
}
.high-cbd .cultivar svg path {
  stroke: #5E5A80;
}


/** stock level icon **/
.high-thc .stock-level-icon svg circle {
  stroke: #805574;
}

.high-thc .stock-level-icon.coming-soon svg circle {
  stroke: #805574;
}
.high-thc .stock-level-icon.coming-soon svg path {
  stroke: #805574;
}
.high-thc .stock-level-icon.low-stock svg path {
  fill: #805574;
  stroke: none;
}

.moderate-thc .stock-level-icon svg circle {
  stroke: #b87e47;
}
.moderate-thc .stock-level-icon.coming-soon svg circle {
  stroke: #b87e47;
}
.moderate-thc .stock-level-icon.low-stock svg path {
  stroke:#b87e47;
}


.balanced .stock-level-icon.coming-soon svg circle {
  stroke: #758067;
}
/* .balanced .stock-level-icon.coming-soon svg path {
  stroke: #758067;
} */
.balanced .stock-level-icon.low-stock svg path {
  fill:#758067;
}
/* .balanced .stock-level-icon svg path {
fill:#758067;
} */

.moderate-cbd .stock-level-icon.coming-soon svg circle {
  stroke: #4C6580;
}
.moderate-cbd .stock-level-icon.coming-soon svg path {
  stroke: #4C6580;
}
.moderate-cbd .stock-level-icon.low-stock svg path {
  fill:#4C6580;
  stroke: none;
}
.moderate-cbd .stock-level-icon svg path {
  fill:#4C6580;
}


.high-cbd .stock-level-icon.coming-soon svg circle {
  stroke: #5E5A80;
}
.high-cbd .stock-level-icon.coming-soon svg path {
  stroke: #5E5A80;
}

.high-cbd .stock-level-icon.low-stock svg path {
  fill:#5E5A80;
  stroke: none;
}
.high-cbd .stock-level-icon svg path {
  fill:#5E5A80;
}

/** per gram amount dollar **/
.high-thc .pga-css svg path {
  fill:#805574;
  stroke: none;
}
.moderate-thc .pga-css svg path {
  fill:#b87e47;
  stroke: none;
}
.balanced .pga-css svg path  {
  fill:#758067;
  stroke: none;
}
.moderate-cbd .pga-css svg path {
  fill:#4C6580;
  stroke: none;
}
.high-cbd .pga-css svg path {
  fill:#5E5A80;
  stroke: none;
}

/**REPORTED EFFECTS ***/
.high-thc .cal-css svg path {
  stroke: #805574;
}
.high-thc .mind-body-css svg path:nth(1){
  fill:#805574;
}

.high-thc .mind-body-css svg path {
  fill: #805574;
}
.high-thc .body-css svg path {
  fill: #805574;
}
.high-thc .don-css svg path {
  stroke: #805574;
}
.high-thc .don-css svg circle {
  stroke: #805574;
}

.high-thc .don-css svg path:nth-child(2) {
  /*   stroke: none; */
  fill: #805574;
}
.high-thc .don-css svg path:nth-child(3) {
  /*   stroke: none; */
  fill: #805574;
}


.moderate-thc .cal-css svg path {
  stroke: #B87E47;
}
.moderate-thc .mind-body-css svg path {
  fill: #B87E47;
}
.moderate-thc .body-css svg path {
  fill: #B87E47;
}
.moderate-thc .don-css svg path {
  stroke: #B87E47;
}
.moderate-thc .don-css svg circle {
  stroke: #B87E47;
}

.moderate-thc .don-css svg path:nth-child(2) {
  /*   stroke: none; */
  fill: #B87E47;
}
.moderate-thc .don-css svg path:nth-child(3) {
  /*   stroke: none; */
  fill: #B87E47;
}

.balanced .cal-css svg path {
  stroke: #758067;
}
.balanced .mind-body-css svg path {
  fill: #758067;
}

/* .balanced .mind-body-css svg path:nth-child(2){
fill:#758067;
}
.balanced .mind-body-css svg path:nth-child(1){
fill:none;
} */
.balanced .body-css svg path {
  fill: #758067;
}

.balanced .don-css svg path {
  stroke: #758067;
}
.balanced .don-css svg circle {
  stroke: #758067;
}

.balanced .don-css svg path:nth-child(2) {
  /*   stroke: none; */
  fill: #758067;
}
.balanced .don-css svg path:nth-child(3) {
  /*   stroke: none; */
  fill: #758067;
}

.moderate-cbd .cal-css svg path {
  stroke: #4C6580;
}
.moderate-cbd .mind-body-css svg path {
  fill: #4C6580;
}
.moderate-cbd .body-css svg path {
  fill: #4C6580;
}
.moderate-cbd .don-css svg path {
  stroke: #4C6580;
}
.moderate-cbd .don-css svg circle {
  stroke: #4C6580;
}
.moderate-cbd .don-css svg path:nth-child(2) {
  /*   stroke: none; */
  fill: #4C6580;
}
.moderate-cbd .don-css svg path:nth-child(3) {
  /*   stroke: none; */
  fill: #4C6580;
}

.high-cbd .cal-css svg path {
  stroke: #5E5A80;
}
.high-cbd .mind-body-css svg path {
  fill: #5E5A80;
}
.high-cbd .body-css svg path {
  fill: #5E5A80;
}
.high-cbd .don-css svg path {
  stroke: #5E5A80;
}
.high-cbd .don-css svg circle {
  stroke: #5E5A80;
}

.high-cbd .don-css svg path:nth-child(2) {
  /*   stroke: none; */
  fill: #4C6580;
}
.high-cbd .don-css svg path:nth-child(3) {
  /*   stroke: none; */
  fill: #4C6580;
}

/******************** Dominant Terpenes ********************/

.b-Caryophyllene{
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(185, 163, 143, 0.40);
}
.Linalool{
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(204, 191, 217, 0.50);
}
.b-Myrcene{
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(245, 170, 177, 0.40);
}
.a-Humulene{
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(167, 215, 196, 0.60);
}

.Eucalyptol{
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(214, 236, 225, 0.70);
}

.Limonene{
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(254, 237, 166, 0.60);
}

.dominant-terpenes-tags > span{
  padding:1px 2px;
  color: #585A5D;
  text-align: center;
  font-family: "FS Me" , sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: -0.48px;
  min-width:90px;
  border-radius: 6px;
  width: 47.5%;
}
.dominant-terpenes-tags .floral{
  border: 1px solid #CCC3D6; 
  background: #E6DFEE;
}
.dominant-terpenes-tags .spicy{
  border: 1px solid #E9B4BA; 
  background: #F4DEDE;
}
.dominant-terpenes-tags .citrus{
  border: 1px solid #F1E5B5; 
  background: #FFFCF3;
}

.dominant-terpenes-tags .minty{
  border: 1px solid #DAE5E0;
  background: #ECF1ED;

}
.dominant-terpenes-tags .woody{
  border: 1px solid #B0D0C3; 
  background: #D7E6E1;
}
.dominant-terpenes-tags .earthy{
  border: 1px solid #B3A394; 
  background: #DFD8CE;
}

/** css apply to learning module recent article
* learning module single page learning module lists
* article blog listing
*/
.blog-listing__container.four-col {
  display: grid;
  /*   grid-template-columns: repeat(auto-fit,minmax(22.33%,1fr)); */
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 25px;
}
.blog-listing__post .feature-img {
  border-radius: 4px;
  height: 102px;
  margin-bottom: 10px;
}
.blog-listing__post {
  background: #fff;
  border: 1.5px solid #dbe0d3;
  border-radius: 16px;
  padding: 10px 15px 14px 15px;
  text-decoration: none;
}
.blog-listing__post:hover {
  text-decoration: none;
  box-shadow: 0 4px 38px rgba(102,110,90,.17);
}
.blog-listing__post:hover .button.button--small{
  color: #b7ce95;
  fill: #b7ce95;
}
.blog-listing__post:focus,
.blog-listing__post:active{
  text-decoration: none;
}

.blog-listing__post-tags {
  color: #a1a3a6;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 7px;
  text-transform: uppercase;
  font-family: 'MiloPro-Medi', sans-serif;
}
.blog-listing__post-tags .tagname {
  font-family: 'MiloPro-Medi', sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.blog-listing__post-tags .tagname:not(:last-child) {
  margin-right: 8px;
}
.dot {
  position: relative;
}

.dot:before {
  position: absolute;
  content:"•";
  left: -6px;
}
.blog-listing__post .feature-img {
  border-radius: 4px;
  height: 102px;
  margin-bottom: 10px;
}
.blog-listing__post-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  text-decoration: none;
}

.back-button {
  background: #fff;
  text-decoration: none;
  border-radius: 17px;
  padding: 5px 11px;
  font-size: 13px;
  font-weight: 700;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  color:#666E5A;
}
.back-button svg {
  display: flex;
  align-items: center;
  margin-right: 4px;
}

/***LEARNING MODULES ****/
.learning-module-lists .right .time:before{
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/time.svg);
}
.learning-module-lists {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(2,1fr);
  margin-top: 68px;
}
.recommend-learning{
  padding: 10px 0px 70px;
}
.recommend-learning .learning-module-lists{
  margin-top: 0px;
}
.recommend-learning .top-info h2,
.recommend-learning .top-info h3,
.recommend-learning .top-info h4{
  margin-bottom: 21px;
  margin-right: 40px;
}

.recommend-learning .learning-module-lists .right .content-info::after {
    content: '|';
    margin-left: 7px;
    margin-right: 6px;
}

.single-module {
  max-width: 500px;
  box-shadow: 0px 4px 38px 0px rgba(102, 110, 90, 0.17);
  border-radius: 38px;
  background: #fff;
  cursor:pointer;
  text-decoration: none;
}
.learning-module-lists .left {
  flex: 0 0 42%;
  overflow: hidden;
  position: relative;
}
.learning-module-lists .left {
  max-width: 207px;
  width: 100%;
}
.learning-module-lists .left img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: none;
  width: 100%;
}
.learning-module-lists .left img {
  border-bottom-left-radius: 38px;
  border-top-left-radius: 38px;
  height: 100%!important;
}
.learning-module-lists .right {
  background: #fff;
  border-bottom-right-radius: 32px;
  border-top-right-radius: 32px;
  display: flex;
  flex: 1 0 48%;
  flex-direction: column;
  padding: 20px;
  position: relative;
  justify-content: space-between;
}

.learning-module-lists ol li, 
.learning-module-lists ul li {
  color: #63666a;
  font-size: 12px;
  padding-left: 11px;
  margin-bottom: 5px;
  line-height: 18px;
}
.learning-module-lists .right .content-info {
  position: relative;
  color: #A1A3A6;
  font-family: 'MiloPro-Medi', sans-serif;
  font-weight: 500;
  font-size: 12px;
}

.learning-module-lists .right .time, 
.learning-module-lists .right p, 
.learning-module-lists .right p a {
  color: #63666a;
  font-size: 12px;
}
.completed-learning-module {
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  background: #B7CE95;
  border: 1.5px solid rgba(117, 128, 103, 0.17);
  position: absolute;
  right: 23px;
}
.completed-learning-module .tick-mark {
  padding: 4px;
}


#hs-membership-form input[type="checkbox"]{
  /*   visibility: visible;
  height: auto; */
}
#hs-membership-form .hs-form-field:nth-of-type(3) {
  position: relative;
}


#hs-membership-form input[type="checkbox"] ~ label:before {
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  bottom: 0;
  content: "";
  height: 14px;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: -9px;
  width: 14px;
}
#hs-membership-form input:checked ~ label:before{
  background: #b7ce95;
  border: 1px solid rgba(117, 128, 103, 0.17) !important;
}


#hs-membership-form input[type="checkbox"] ~ label {
  opacity: 1;
  visibility: visible;
  height: auto;
  margin-left: 8px;
}
#hs-membership-form input[type="checkbox"] ~ label:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: "";
  height: 10px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 6px;
  transform: rotate(45deg);
  transition: opacity .2s ease-in-out;
  width: 5px;
}
#hs-membership-form input:checked~label:after {
  opacity: 1;
}
/* .search-articles .hs-search-field__suggestions li{
margin-bottom: 30px;
} */
/* .search-articles .hs-search-field__suggestions li a{
position: relative;
}
.search-articles .hs-search-field__suggestions li a::before {
content: "";
width: 40px;
height: 40px;
border: 50%;
background: #EBEFE7;
position: absolute;
} */




/************* Checkbox styling******************/
ul.inputs-list.multi-container {
  list-style: none;
  padding-left: 0;
}

ul.inputs-list.multi-container li.hs-form-checkbox {
  margin: 0px 0px 17px 0px;
  display: inline-block;
  width: 48%;
  line-height: normal;
  vertical-align: top;
}

ul.inputs-list.multi-container li.hs-form-checkbox:nth-child(odd) {
  margin-right: 12px;
}


ul.inputs-list.multi-container li.hs-form-checkbox label {
  position: relative;
}

ul.inputs-list.multi-container li.hs-form-radio label span,
ul.inputs-list.multi-container li.hs-form-checkbox label span {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  color: black;
  font-family: "FS Me" , sans-serif !important;
}
ul.inputs-list.multi-container li.hs-form-checkbox label span {
  line-height: normal;
}
.register-container ul.inputs-list.multi-container li.hs-form-radio label span,
.register-container ul.inputs-list.multi-container li.hs-form-checkbox label span{
  display: block;
}
/* Hide the original checkbox */
ul.inputs-list.multi-container li.hs-form-radio label input,
ul.inputs-list.multi-container li.hs-form-checkbox label input {
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.hs-form-field label span {
  color:#515154;
}

/* Add new checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label span::before {
  border: 1px solid #c4c4c4;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  /* 	top: 0px; */
  width: 14px;
  border-radius: 2px;
  top: 1px;
}
/* Style new checked item */
ul.inputs-list.multi-container li.hs-form-checkbox label span::after {
  border: 2px solid white;
  border-left: 0;
  border-top: 0;
  content: "";
  height: 10px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: rotate(45deg);
  transition: opacity .2s ease-in-out;
  width: 5px;
}
/* Show when checked */
.hs-form-booleancheckbox label input:checked + span::after,
ul.inputs-list.multi-container li.hs-form-checkbox label input:checked + span::after,
ul.inputs-list.multi-container li.hs-form-radio label input:checked + span::after{
  opacity: 1;
}
.hs-form-booleancheckbox label input:checked + span::before,
ul.inputs-list.multi-container li.hs-form-radio label input:checked + span::before,
ul.inputs-list.multi-container li.hs-form-checkbox label input:checked + span::before {
  border: 1px solid rgba(117, 128, 103, 0.17);
  background: #B7CE95;
} 
/* Style when focused */
ul.inputs-list.multi-container li.hs-form-checkbox label input:focus + span::after {
  outline: 3px solid transparent; /* For Windows high contrast mode. */
}
.hs_i_agree_to_the_kind_healthcare_professional_terms_of_use {
  border-top: 1px solid #E4E7DE;
  padding-top: 24px;
}

/**** Radio box styling *****/
/**** Hubspot radio styling ****/

ul.inputs-list.multi-container li.hs-form-radio label {
  position: relative;
  margin-bottom: 4px;
}
/* Add new radio select */
.hs-form-field {
  margin-bottom: 20px;
}
ul.inputs-list.multi-container li.hs-form-radio label span::before {
  border: 1px solid #c4c4c4;
  content: "";
  height: 14px;
  width: 14px;
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-radius: 50%;
}
ul.inputs-list.multi-container li.hs-form-radio label span::after {
  border: 3px solid;
  border-radius: 50%;
  content: "";
  left: 4px;
  opacity: 0;
  position: absolute;
  transition: opacity .2s ease-in-out;
  color: #367C3C;
  border-color: #fff;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 2px;
  height: 2px;
}
/* Style when focused */
ul.inputs-list.multi-container li.hs-form-radio label input:focus + span::after {
  /*   box-shadow: 0 0 0 3px #4D90FE;
  outline: 3px solid transparent;  */
}

/** single checkbox in ul li ***/
.inputs-list{
  padding:0;
  list-style: none;
}
.hs-form-booleancheckbox label{
  position: relative;
}
.hs-form-booleancheckbox label > span::before {
  border: 1px solid #c4c4c4;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 0px;
  width: 14px;
  border-radius: 2px;
}
.hs-form-booleancheckbox label > span {
  display: inline;
  margin-left: 12px;
  line-height: 22px;
}
.hs-form-booleancheckbox label > span::after {
  border: 2px solid white;
  border-left: 0;
  border-top: 0;
  content: "";
  height: 10px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: rotate(45deg);
  transition: opacity .2s ease-in-out;
  width: 5px;
}
.submit-loader{
  position: relative;
  display: inline-block !important;
}
.submit-loader::before{
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/loading.gif) no-repeat center center/contain;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 20px;
  z-index: 10;
  pointer-events: none;
  display: none;
}
.submit-loader.show::before{
  display: inline-block !important;
}
.submit-loader.show input[type='submit'] {
  padding: 13px 45px 13px 30px;
  transition: padding 0.6s ease;
}
.submit-loader.show input[type='submit']:hover{
  background: #B7CD96;
  border: 1px solid #B7CD96;
}
.hs-error-msg.custom-error-label {
  margin-top: 2px;
}

.hs-form .hs_error_rollup{
  display: none;
}
.header-onboarding .mobile {
  display: none;
}
.header-onboarding .mobile .member-navigation {
  display: none;
}
.select-blog-container{
  padding: 0px 20px;
}

/* customize search clear icon */
input[type="search"]::-webkit-search-cancel-button {

  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  display: block;
  background: url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/search-clear-icon.png);
  background-size:20px;

}
.hs-search-field__input::-webkit-search-cancel-button{
  display:none !important;
}

.head-topic{
  padding-bottom:15px;
}
.head-topic p{
  color: #666E5A;
  text-align: center;
  font-family: FS Me;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding-top:10px;
}
.apply-search-btn button{
  width: 120px !important;
}

/****************************************************************
******** Recommended product css + our product list css ********
****************************************************************/

.our-product-heading, .favourite-header{
  background-image:url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/our-product-header-background.png);
  background-size:cover;
}
.favourite-page{
  background-image:url(//19888118.fs1.hubspotusercontent-na1.net/hubfs/19888118/raw_assets/public/kind-medical-portal-theme/membership/images/our-product-header-background.png);
  background-position:top;
  background-size:100%;
  background-repeat: no-repeat;
}
.favourite-product-list{
  padding:40px 20px;
}
.align-center{
  align-items:center;
}
.filter-content-wrapper {
  max-width: 1150px;
  margin: 0 auto;
}
.our-product-list{
  padding-top:65px;
  padding-bottom:65px;
}
/************************ Product card Icons colours Change ****************************/

/******** High thc - *********/

/* Flower */
.high-thc .flower path{
  stroke:#805574;
}
/* Oil */
.high-thc .oil path , .high-thc .oil rect{
  stroke:#805574;
  fill:none;
}
/* Vape */
.high-thc .vape path , .high-thc .vape rect , .high-thc .vape ellipse {
  stroke:#805574;
}

/* Mind */
.high-thc .mind path{
  stroke:#805574;
}

/* Mind and Body */
.high-thc .mind-body path{
  fill:#805574;
}

/* Body */
.high-thc .body path{
  fill:#805574;
}

/* energising */
.high-thc .very-energising path,
.high-thc .energising path{
  stroke:#805574;
}

/* balancing */
.high-thc .balancing path{
  stroke:#805574;
}

/* calming */
.high-thc .calming path{
  stroke:#805574;
}

/* Day */
.high-thc .day path , .high-thc .day circle{
  stroke:#805574;
}

/* Day or Night */
.high-thc .day-night path{
  stroke:#805574;
}
.high-thc .day-night path:nth-of-type(2), .high-thc .day-night path:nth-of-type(3){
  stroke:none !important;
  fill:#805574;
}

/* Night */
.high-thc .night path{
  stroke:#805574;
}

/* Favourite Incative */
/* .high-thc .fav path{
  stroke:#805574;
} */
/* .high-thc .fav rect{
  fill:#E8D5E5;
} */

/* Favourite Active */
/* .high-thc .fav.active path{
  fill:#805574;
} */

/* High Stock */
.high-thc .high-stock path{
  fill:#875375;
}
.high-thc .high-stock circle{
  stroke:#875375;
}

/* Moderate Stock */
.high-thc .moderate-stock path{
  fill:#875375;
}
.high-thc .moderate-stock circle{
  stroke:#875375;
}

/* Low Stock */
.high-thc .low-stock path{
  fill:#875375;
}
.high-thc .low-stock circle{
  stroke:#875375;
}

/* No Stock */
.high-thc .no-stock path{
  stroke:#875375;
}
.high-thc .no-stock circle{
  stroke:#875375;
}

/* Package */
.high-thc .package-svg ellipse,
.high-thc .package-svg path{
  stroke:#875375;
}
/******** moderate thc - *********/

/* Flower */
.moderate-thc .flower path{
  stroke:#B87E47;
}
/* Oil */
.moderate-thc .oil path , .moderate-thc .oil rect{
  stroke:#B87E47;
  fill:none;
}
/* Vape */
.moderate-thc .vape path , .moderate-thc .vape rect , .moderate-thc .vape ellipse {
  stroke:#B87E47;
}

/* Mind */
.moderate-thc .mind path{
  stroke:#B87E47;
}

/* Mind and Body */
.moderate-thc .mind-body path{
  fill:#B87E47;
}

/* Body */
.moderate-thc .body path{
  fill:#B87E47;
}

/* energising */
.moderate-thc .very-energising path,
.moderate-thc .energising path{
  stroke:#B87E47;
}

/* balancing */
.moderate-thc .balancing path{
  stroke:#B87E47;
}

/* calming */
.moderate-thc .calming path{
  stroke:#B87E47;
}

/* Day */
.moderate-thc .day path , .moderate-thc .day circle{
  stroke:#B87E47;
}

/* Day or Night */
.moderate-thc .day-night path{
  stroke:#B87E47;
}
.moderate-thc .day-night path:nth-of-type(2), .moderate-thc .day-night path:nth-of-type(3){
  stroke:none !important;
  fill:#B87E47;
}

/* Night */
.moderate-thc .night path{
  stroke:#B87E47;
}

/* Favourite Incative */
/* .moderate-thc .fav path{
  stroke:#B87E47;
} */
.moderate-thc .fav rect{
  fill:#F2A9002E;
}

/* Favourite Active */
/* .moderate-thc .fav.active path{
  fill:#B87E47;
} */

/* High Stock */
.moderate-thc .high-stock path{
  fill:#B87E47;
}
.moderate-thc .high-stock circle{
  stroke:#B87E47;
}

/* Moderate Stock */
.moderate-thc .moderate-stock path{
  fill:#B87E47;
}
.moderate-thc .moderate-stock circle{
  stroke:#B87E47;
}

/* Low Stock */
.moderate-thc .low-stock path{
  fill:#B87E47;
}
.moderate-thc .low-stock circle{
  stroke:#B87E47;
}

/* No Stock */
.moderate-thc .no-stock path{
  stroke:#B87E47;
}
.moderate-thc .no-stock circle{
  stroke:#B87E47;
}

/* Package */
.moderate-thc .package-svg ellipse,
.moderate-thc .package-svg path{
  stroke:#B87E47;
}

/******** balanced - *********/

/* Flower */
.balanced .flower path{
  stroke:#758067;
}
/* Oil */
.balanced .oil path , .balanced .oil rect{
  stroke:#758067;
  fill:none;
}
/* Vape */
.balanced .vape path , .balanced .vape rect , .balanced .vape ellipse {
  stroke:#758067;
}

/* Mind */
.balanced .mind path{
  stroke:#758067;
}

/* Mind and Body */
.balanced .mind-body path{
  fill:#758067;
}

/* Body */
.balanced .body path{
  fill:#758067;
}

/* energising */
.balanced .very-energising path,
.balanced .energising path{
  stroke:#758067;
}

/* balancing */
.balanced .balancing path{
  stroke:#758067;
}

/* calming */
.balanced .calming path{
  stroke:#758067;
}

/* Day */
.balanced .day path , .balanced .day circle{
  stroke:#758067;
}

/* Day or Night */
.balanced .day-night path{
  stroke:#758067;
}
.balanced .day-night path:nth-of-type(2), .balanced .day-night path:nth-of-type(3){
  stroke:none !important;
  fill:#758067;
}

/* Night */
.balanced .night path{
  stroke:#758067;
}

/* Favourite Incative */
/* .balanced .fav path{
  stroke:#758067;
} */
.balanced .fav rect{
  fill:#9FAD8C2B;
}

/* Favourite Active */
/* .balanced .fav.active path{
  fill:#758067;
} */

/* Favourite Active */
/* .balanced .fav.active path{
  fill:#758067;
} */

/* High Stock */
.balanced .high-stock path{
  fill:#758067;
}
.balanced .high-stock circle{
  stroke:#758067;
}

/* Moderate Stock */
.balanced .moderate-stock path{
  fill:#758067;
}
.balanced .moderate-stock circle{
  stroke:#758067;
}

/* Low Stock */
.balanced .low-stock path{
  fill:#758067;
}
.balanced .low-stock circle{
  stroke:#758067;
}

/* No Stock */
.balanced .no-stock path{
  stroke:#758067;
}
.balanced .no-stock circle{
  stroke:#758067;
}

/* Package */
.balanced .package-svg ellipse,
.balanced .package-svg path{
  stroke:#758067;
}

/******** moderate-cbd *********/
/* Flower */
.moderate-cbd .flower path{
  stroke:#4C6580;
}
/* Oil */
.moderate-cbd .oil path , .moderate-cbd .oil rect{
  stroke:#4C6580;
  fill:none;
}
/* Vape */
.moderate-cbd .vape path , .moderate-cbd .vape rect , .moderate-cbd .vape ellipse {
  stroke:#4C6580;
}

/* Mind */
.moderate-cbd .mind path{
  stroke:#4C6580;
}

/* Mind and Body */
.moderate-cbd .mind-body path{
  stroke:#4C6580;
}

/* Body */
.moderate-cbd .body path{
  fill:#4C6580;
}

/* energising */
.moderate-cbd .very-energising path,
.moderate-cbd .energising path{
  stroke:#4C6580;
}

/* balancing */
.moderate-cbd .balancing path{
  stroke:#4C6580;
}

/* calming */
.moderate-cbd .calming path{
  stroke:#4C6580;
}

/* Day */
.moderate-cbd .day path , .moderate-cbd .day circle{
  stroke:#4C6580;
}

/* Day or Night */
.moderate-cbd .day-night path{
  stroke:#4C6580;
}
.moderate-cbd .day-night path:nth-of-type(2), .moderate-cbd .day-night path:nth-of-type(3){
  stroke:none !important;
  fill:#4C6580;
}

/* Night */
.moderate-cbd .night path{
  stroke:#4C6580;
}

/* Favourite Incative */
.moderate-cbd .fav path{
  stroke:#4C6580;
}
.moderate-cbd .fav rect{
  fill:#D7E0EA;
}

/* Favourite Active */
/* .moderate-cbd .fav.active path{
  fill:#4C6580;
} */

/* Favourite Active */
/* .moderate-cbd .fav.active path{
  fill:#4C6580;
} */

/* High Stock */
.moderate-cbd .high-stock path{
  fill:#4C6580;
}
.moderate-cbd .high-stock circle{
  stroke:#4C6580;
}

/* Moderate Stock */
.moderate-cbd .moderate-stock path{
  fill:#4C6580;
}
.moderate-cbd .moderate-stock circle{
  stroke:#4C6580;
}

/* Low Stock */
.moderate-cbd .low-stock path{
  fill:#4C6580;
}
.moderate-cbd .low-stock circle{
  stroke:#4C6580;
}

/* No Stock */
.moderate-cbd .no-stock path{
  stroke:#4C6580;
}
.moderate-cbd .no-stock circle{
  stroke:#4C6580;
}

/* Package */
.moderate-cbd .package-svg ellipse,
.moderate-cbd .package-svg path{
  stroke:#4C6580;
}



/******** high-cbd - *********/

/* Flower */
.high-cbd .flower path{
  stroke:#5E5A80;
}
/* Oil */
.high-cbd .oil path , .high-cbd .oil rect{
  stroke:#5E5A80;
  fill:none;
}
/* Vape */
.high-cbd .vape path , .high-cbd .vape rect , .high-cbd .vape ellipse {
  stroke:#5E5A80;
}

/* Mind */
.high-cbd .mind path{
  stroke:#5E5A80;
}

/* Mind and Body */
.high-cbd .mind-body path{
  fill:#5E5A80;
}

/* Body */
.high-cbd .body path{
  fill:#5E5A80;
}

/* energising */
.high-cbd .very-energising path,
.high-cbd .energising path{
  stroke:#5E5A80;
}

/* balancing */

.high-cbd .balancing path{
  stroke:#5E5A80;
}

/* calming */

.high-cbd .calming path{
  stroke:#5E5A80;
}

/* Day */
.high-cbd .day path , .high-cbd .day circle{
  stroke:#5E5A80;
}

/* Day or Night */
.high-cbd .day-night path{
  stroke:#5E5A80;
}
.high-cbd .day-night path:nth-of-type(2), .high-cbd .day-night path:nth-of-type(3){
  stroke:none !important;
  fill:#5E5A80;
}

/* Night */
.high-cbd .night path{
  stroke:#5E5A80;
}

/* Favourite Incative */
/* .high-cbd .fav path{
  stroke:#5E5A80;
} */
.high-cbd .fav rect{
  fill:#D9D7E9;
}

/* Favourite Active */
/* .high-cbd .fav.active path{
  fill:#5E5A80;
} */

/* Favourite Active */
/* .high-cbd .fav.active path{
  fill:#5E5A80;
} */

/* High Stock */
.high-cbd .high-stock path{
  fill:#5E5A80;
}
.high-cbd .high-stock circle{
  stroke:#5E5A80;
}

/* Moderate Stock */
.high-cbd .moderate-stock path{
  fill:#5E5A80;
}
.high-cbd .moderate-stock circle{
  stroke:#5E5A80;
}

/* Low Stock */
.high-cbd .low-stock path{
  fill:#5E5A80;
}
.high-cbd .low-stock circle{
  stroke:#5E5A80;
}

/* No Stock */
.high-cbd .no-stock path{
  stroke:#5E5A80;
}
.high-cbd .no-stock circle{
  stroke:#5E5A80;
}

/* Package */
.high-cbd .package-svg ellipse,
.high-cbd .package-svg path{
  stroke:#5E5A80;
}

/******************** THC-CBD-CAT Tag colors  ***********************/

/* .high-thc .thc-tag{
  color:#EBE0E6;
  background-color:#A76389;
  font-weight:700;
}

.high-thc .cbd-tag{
  color:#A76389;
  background-color:#E8D5E5;
  font-weight:400;
}

.high-thc .cat-tag{
  color:#805574;
  background-color:#FFFFFF;
  font-weight:400;
} */

/* .moderate-thc .thc-tag{
  color:#FAEED0;
  background-color:#F2A900;
  font-weight:700;
}

.moderate-thc .cbd-tag{
  color:#B87E47;
  background-color:#F2A9002E;
  font-weight:400;
}

.moderate-thc .cat-tag{
  color:#B87E47;
  background-color:#FFFFFF;
  font-weight:400;
} */

/* .balanced .thc-tag{
  color:#EBEFE7;
  background-color:#9CAF88;
  font-weight:700;
}

.balanced .cbd-tag{
  color:#EBEFE7;
  background-color:#9CAF88;
  font-weight:700;
}

.balanced .cat-tag{
  color:#758067;
  background-color:#FFFFFF;
  font-weight:400;
} */

/* .moderate-cbd .thc-tag{
  color:#4C6580;
  background-color:#D7E0EA;
  font-weight:400;
}

.moderate-cbd .cbd-tag{
  color:#E6EAF2;
  background-color:#7D9CC0;
  font-weight:700;
}

.moderate-cbd .cat-tag{
  color:#4C6580;
  background-color:#FFFFFF;
  font-weight:400;
} */


/* .high-cbd .thc-tag{
  color:#5E5A80;
  background-color:#D9D7E9;
  font-weight:400;
}

.high-cbd .cbd-tag{
  color:#E8E6F7;
  background-color:#8B84D7;
  font-weight:700;
}

.high-cbd .cat-tag{
  color:#5E5A80;
  background-color:#FFFFFF;
  font-weight:400;
} */

/******************* Product card borders *******************/










/******** Filter options dropdown css **************/
.filter-box p{
  font-size:12px;
  color: #666E5A;
  font-family: FS Me;
  margin-bottom:12px !important;
}
.filter-box p{
  z-index:5;
}
.filter-block span{
  color: #666E5A;
  font-family: FS Me;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.filter-block{
  padding:14px 5px;
  text-align:center;
  width:170px;
  border-radius:16px;
  border: 1.5px solid #DBE0D3;
  cursor:pointer;
  justify-content:center;
  align-items:center;
}
.filter-block svg{
  margin-left: 6px;
}
.filter-box-container{
  gap:16px;
  justify-content:center;
  padding: 0px 50px;
  flex-wrap: wrap;
}
.drop-checkbox-container , .drop-checkbox-container-mobile {
  background-color: #fff;
  border: 2px solid #dbe0d3;
  border-radius: 16px;
  box-shadow: 0 4px 38px 0 rgba(102,110,90,.17);
  left: -21%;
  padding: 15px 30px;
  top: 112%;
  width: 274.469px;
  z-index: 10;
}
.up-arrow{
  pointer-events: none;
  border-right-color: rgb(203, 214, 226);
  border-bottom-color: rgb(203, 214, 226);
  clip-path: polygon(100% 100%, 0px 100%, 100% 0px);
  border-top-left-radius: 100%;
  transform: rotate(-135deg);
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  width:35px;
  height:35px;
  border: 2px solid #DBE0D3;
  border-radius:5px;
  background-color:white;
  left:44%;
  top:95%;
  z-index:15;
}

.checkbox-row {
  align-items: center;
  border-bottom: 1.5px solid #dbe0d3;
  gap: 20px;
  justify-content: space-between;
  padding: 18px 0;
}
.round-checkbox {
  position: relative;
  top: -5px;
}

.product-modal.open .round-checkbox {
  z-index: -1;
}

.round-checkbox label {
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: -24px;
  position: absolute;
  top: -2px;
  width: 28px;
}
.round-checkbox label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round-checkbox input[type="checkbox"] {
  visibility: hidden;
}

.round-checkbox input[type="checkbox"]:checked + label {
  border: 1px solid rgba(117, 128, 103, 0.17);
  background: #B7CE95;
}

.round-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.filter-block span {
  color: #666e5a;
  font-family: FS Me;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.format-dropbox-wrapper{
  display:none;
}
#format-dropbox-container .checkbox-row:last-child,
#time-of-use-dropbox-container .checkbox-row:last-child,
#potency-dropbox-container .checkbox-row:last-child,
#reported-effects-dropbox-container .checkbox-row:last-child,
#TGA-Category-dropbox-container .checkbox-row:last-child
{
  border:none;
}
.checkbox-row {
  cursor:pointer;
}

.checkbox-label-wrapper svg , .checkbox-label-wrapper img{
  margin-right:12px;
  width:24px; 
}

.check-box-icon-wrapper{
  width: 36px;
  text-align: center;
}
.check-box-icon-wrapper svg{
  width: 24px;
  height: 24px;
}
.check-box-icon-wrapper img{
  width: 24px;
}

.checkbox-label-wrapper label{
  font-family: 'Roboto', sans-serif !important;
  font-size:16px;
}

.format-checkbox-icon {
  fill: red;
}

/**** our product list *****/


.product-with-tag.sticky {
  top: 108px;
  width:inherit;
  max-width:inherit;
  z-index: 100;
  position: fixed;
}
@media(max-width: 1040px) {
  .product-with-tag.sticky {
    top: 90px;
  }
}
.product-list-container{
  display:flex;
  justify-content:center;
  flex-wrap:wrap; 
  gap:25px;
  margin:auto;
}
.product-modal .product-list-container {
  margin-top: 30px;
}
.product-modal .single-product {
  width: 22.99326%;
}
.single-product{
  width: 239px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  text-decoration: none;
  flex: 1 0 21%;
  max-width: 239px;
}
.single-product:hover {
  cursor:pointer;
  box-shadow: 0 38px 72px 0 rgba(102,110,90,.18);
}
.single-product:hover {
  background: #fff;
} 

.single-product:hover > .product-card-content {
  background: #fff !important;
  border-radius:16px;
}
.product-image{
  width:100%;
  position:relative;
  max-height:180px;
  text-align:center;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  padding-top:5px;
}
.product-image img{
  max-width:100%;
  max-height:165px;
  text-align:center;
  object-fit: contain
}
.product-card-content{
  padding:16px 22px 22px 22px;
}
.format-details{
  position:absolute;
  width:50px;
  height:50px;
  border-radius:50px;
  top:65%;
  right:7%;
  padding:6px 0px;
  text-align:center;
}

.format-icon {
  max-height:23px;
}
.format-text{
  text-align: center;
  font-family: "FS Me";
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
.thc-cbd-cat-tags-section{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.cat-tag,
.cbd-tag,
.thc-tag{
  font-family: "FS Me" , sans-serif;
  padding: 3px 6px;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  text-transform: uppercase;
  border-radius:4px; 
}
.thc-tag{
  background-color:#A76389;
  color:#EBE0E6;
  font-weight: 700;
}
.cbd-tag{
  background-color:#E8D5E5;
  color:#A76389;
  font-weight: 400;
}
.cat-tag{
  background-color:#FFFFFF;
  color:#805574;
  font-weight: 400; 
}

.product-title-and-favourite{
  margin-top:16px;
  display:flex;
  gap:16px;
  justify-content: space-between;
}
.product-content-description{
  min-height: 85px;
}
.product-title{
  font-family: "FS Me";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  max-width:70%;
  min-height: 48px;
}
.product-content-description p{
  padding:8px 0px 10px 0px;
  font-family: "FS Me";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; 
  margin-bottom:0px;
}
.product-content-description > span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; 
  padding:8px 0px 10px 0px;
  font-family: "FS Me";
  display: inline-block;
}

.view-full-pi{
  font-family: "FS Me";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  text-decoration-line: underline;
}
.reported-effects-and-time-of-use-and-dr-details{
  margin-top:16px;
  display:flex;
  justify-content:space-between;
  padding: 8px 0px;
  border-top: 1px solid #E8D5E5;
  border-bottom: 1px solid #E8D5E5;
  align-items:center;
  text-align:center;
  gap:5px;
  min-height: 84px;
}
.reported-effects-and-time-of-use-and-dr-details div{
  max-width:50px;
  width:100%;
  margin: 0 auto;
}
.reported-effects-details p, 
.dominant-region-details p, 
.time-of-use-details p{
  text-align: center;
  font-family: Roboto;
  font-size: 8px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom:0px;
}
.reported-effects-details div, 
.dominant-region-details div, 
.time-of-use-details div{
  display: flex;
  align-items: center;
  justify-content:center;
  height:34px;
  margin-bottom:5px;
}
.dominant-terpenes{
  padding-top:16px;
  border-bottom: 1px solid #E8D5E5;
}
.product-content-description span,
.product-content-description p {
  font-size: 12px;
}
.dominant-terpenes-tags{
  display:flex;
  gap:3px;
  flex-wrap:wrap;
  padding-bottom:16px;
  min-height: 97px;
  flex-direction: row;
  align-items: stretch;
  align-content: flex-start;
}
.dominant-terpenes p{
  font-family: "FS Me";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  margin-bottom:0px;
  padding-top: 0px;
  padding-bottom: 2px;
}
.product-price-and-stock-status{
  display:flex;
  gap:10px;
  align-items:center;
  padding-top:16px;
  justify-content: space-between;
}
.stock , .stock-item__level{
  display:flex;
  gap:8px;
  align-items:center;
  border-radius: 4px;
  background: #FFFFFF;
  padding: 6px;
  justify-content:space-between;
}
.product-price .price{
  text-align: left;
  font-family: "FS Me";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin-bottom:0px;
}
.price-strike {
  font-size: 12px;
  font-weight: 500;
}
.product-price{
  width:80px;
}
.product-price .per{
  text-align: left;
  font-family: Roboto;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: block;
}
.stock-details .stock-status{
  font-family: "FS Me";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  margin-bottom:0px;
}
.hs_cos_wrapper_type_rich_text ul li,
.hs_cos_wrapper_type_rich_text ul li span{
  font-family: 'Roboto', sans-serif;
}
.stock-details .discount-status{
  font-family: "FS Me";
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.stock-icon{
  height:18px;
}
.product-main-details-and-favourite{
  flex-wrap:wrap;
}
.product-main-details-and-favourite > p{
  font-size:12px !important;
  font-family: "FS Me" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}
.product-price__mobile{
  display:none;
  max-width: 50%;
  line-height: normal;
}
.product-price__mobile span{
  font-family: Roboto;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display:inline-block;
}
.product-price__mobile p {
  margin-bottom:0px;
  font-weight:700;
}
.hs-form-required{
  display: none;
}
.our-product-list .head-topic p{
  color:#63666A;
  font-family: "FS Me";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; 
}

#mainSearchDivMobile input[type=search] {
  border: 1.5px solid #E0E0E1;
}

/*******************************/
/******** MEDIA QEURIES  *******/
/*******************************/
@media(max-width: 1500px) {
  .body-bg-register{
    min-height: auto;  
    height: 1700px;
  } 
}
@media (max-width: 1480px) {
  .content-wrapper.our-product-wrapper {
    padding: 0 0px;
  }
}

@media (max-width: 1100px) {
  .content-wrapper.our-product-wrapper {
    padding: 0 20px;
  }
}


@media(max-width:1160px) {
  .member-navigation nav ul li {
    padding: 10px 14px;
  }
  .header-onboarding .member-navigation ul li a{
    font-size: 12px;
  }
  .header-onboarding .member-navigation nav ul li {
    padding: 0;
  }
  .header-onboarding .mobile.inner{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 20px;
    align-items: center;
  }
  .header-onboarding .desktop {
    display: none;
  }
  .header-onboarding .mobile {
    display: block;
  }
}
@media(max-width: 991px) {
  .learning-module-lists {
    margin-top: 40px;
  }
  .admin-container .member-type ul {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
  }
  .admin-container .member-type ul li{
    padding: 20px 30px 20px 15px;
  }
  .admin-container .member-type ul li.active a::after{
    right: -19px;
  }

/*   .product-image img{
    max-height: 140px;
  } */
  .product-list-container{
    gap: 21px;
  }
  ul.inputs-list.multi-container li.hs-form-checkbox {
    width: 100%;
  }
  .admin-header .hamburger-menu {
    display: block;
  }
  .admin-header .primary-menu {
    display: none;
    width: calc(100vh - 20px);
    position: absolute;
    left: -20px;
    top: 68px;
    background: #fff;
    padding: 20px 10px;
  }
  .admin-header.active .primary-menu {
    display: block;
    width: calc(100vh);
  }

  .admin-navigation nav ul li{
    margin-bottom: 20px;
  }
  .header.admin-header{
    height: 70px;
  }
}
@media (max-width: 890px) {
  .articles-tag-lists>ul {
    flex-wrap: wrap;
    justify-content:space-between;
  }
  .articles-tag-lists ul li:not(:last-child) {
    margin-bottom: 14px;
  }
  .articles-tag-lists ul li{
    width: 48%;
  }
  .articles-tag-lists ul li:nth-child(2n){
    margin-right: 0;
  } 
}
@media (max-width:850px) {
  ul.checkbox-lists li {
    width: 100%;
  }
  .product-list-container{
    gap: 18px;
  }
  .modal.iframe-modal .modal-content {
    margin-top: 40px;
    max-height: calc(100vh - 40px);
    padding: 20px 20px 0px 20px;
  } 
  .form-two-column-group .form-group {
    width: 100%;
  }
  .modal.iframe-modal .modal-content {
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
  }
  .modal-onboarding .modal-content, 
  .modal .modal-content {
    border-radius: 38px;
  }
  .btn-close {
    top: 20px;
    right: 20px;
  }
  .blog-listing__container.four-col {
    grid-template-columns: repeat(3,1fr);
  }
  .learning-module-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: repeat(1,1fr);
  }
  .single-module {
    width: 100%;
  }
  .intro-content .inner{
    padding: 30px 0px 20px 0px;
  }
  .checkbox-option-lists.option-lists.four {
    grid-template-columns: repeat(2, 1fr);
  }
  .radio-option-lists.option-lists {
    flex-wrap: wrap;
  }
  .option-lists .text-option{
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
  }
  .learning-module-lists {
    grid-template-columns: repeat(1,1fr);
  }
  .form-two-column-group {
    display: flex;
    flex-direction: column;
  }
  .submit-message-container {
    flex-direction: column;
  }
  .submit-message-container .submit-message{
    margin: 0 auto;
  }
  .submit-info {
    margin: 0 auto;
  }
  .submit-message-container .submit-message{
    margin-bottom: 30px;
  }
  .checkbox-option-lists.option-lists{
    grid-template-columns: repeat(2, 1fr);
  }
  .option-lists .text-option{
    line-height: 16px;
    min-height: 75px;
  }
  .option-lists .text-option label{
    padding: 2px 2px;
  }
  .modal-onboarding .modal-content,
  .modal .modal-content {
    max-height: 90vh;
    padding: 0px 30px 30px 30px;
  }
  .top-info,
  .recommend-learning .top-info {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .learning-module-lists .right h2,
  .learning-module-lists .right h3,
  .learning-module-lists .right h4,
  .learning-module-lists .right h5{
    margin-right: 0px;
  }
  .learning-module-lists ol li, 
  .learning-module-lists ul{
    padding-left: 14px;
  }
  .learning-module-lists ol li, 
  .learning-module-lists ul li{
    margin-bottom: 1px;
    padding-left: 0;
  }
  .learning-module-lists .right p,
  .learning-module-lists ol li, 
  .learning-module-lists ul li{
    font-size: 8px;
    line-height: 14px;
  }
  .learning-module-lists .inner-info {
    flex-direction: column;
    align-items: flex-start;
  }
  .learning-module-lists .right .content-info h6::after {
    display: none;
  }
  .learning-module-lists .right .content-info h6{
    font-size: 8px;
    line-height: 16px;
  }
  .learning-module-lists .right .content-info{
    font-size: 8px;
    line-height: 16px;
  }
  .learning-module-lists .right .read-time {
    margin-left: 15px;
    color: #63666A !important;
  }
  .completed-learning-module {
    bottom: 27px;
  }
  .single-module{
    max-width:350px;
  }
  .single-product{
    flex: 1 0 30%;
  }
}
@media (max-width: 771px) {
  .product-list-container{
    margin:auto;
    justify-content:center;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 40px !important;
    line-height: normal !important;
  }
  h2 {
    font-size: 32px !important;
    line-height: normal!important;
  }
  h3 {
    font-size: 26px  !important;
    line-height: normal !important;
  } 
}
@media(max-width:767px)  {
  .single-link-button .button {
    font-size: 18px;
  }
  .header.admin-header, 
  .header.mem-header {
    height: 68px;
  }
  #main-content {
    padding-top: 68px;
  }
  .submit-message-container .submit-message,
  .form-container,
  form {
    padding: 30px 30px;
  }

  .modal-onboarding .modal-content,
  .modal .modal-content {
    border-radius: 38px;
  }
  .modal.iframe-modal .modal-content {
    margin-top: 20px;
    max-height: calc(100vh - 20px);
  } 

  .admin-header .header-inner > div {
    flex-direction: column;
    align-items: flex-start;
  }
  .learning-module-lists .right .content-info h6::after{
    display: none;
  }

  .full-height-modal .modal-body{
    padding: 30px 30px;
  }
  .modal-dialog {
    padding: 20px 20px;
    margin: 0 auto;
  }
  .single-link-button{
    margin-top: 34px;
  }
  .not-loggedin {
    padding: 50px 0 40px;
  }
  .register-thank-you .content-form-wrap,
  .signup-page .content-form-wrap {
    flex-direction: column;
  }
  .signup-page .desc-content p, 
  .register-thank-you .desc-content p,
  .signup-page .desc-content, 
  .register-thank-you .desc-content{
    max-width: none;
    margin-right: 0px;
  }
  .register-container {
    margin: 0 auto;
  }
  .header-register .have-account {
    min-width: auto;
    padding: 6px 15px;
  }
  .header-register .have-account .text {
    display: none;
  }
  .sign-in {
    font-size: 12px;
  }
  .form-two-column-group .form-group:first-child{
    margin-right: 0px;
  }
  .form-two-column-group .form-group {
    width: 100%;
  }
  .articles-tag-lists>ul {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
  }
  .articles-tag-lists ul li:not(:last-child){
    margin-bottom: 0;
  }
  .articles-tag-lists ul li:nth-child(2n){
    margin-right: 15px;
  }
  .articles-tag-lists>ul li .tag-name {
    margin-right: 9px;
  } 
  
  .main-search input[type="search"]::-webkit-input-placeholder {
    font-size: 12px;
    color: #A1A3A6 !important;
  }
  .main-search input[type="search"]::-moz-placeholder {
    font-size: 12px;
    color: #A1A3A6 !important;
  }
  .main-search input[type="search"]:-ms-input-placeholder {
    font-size: 12px;
    color: #A1A3A6 !important;
  }
  .main-search input[type="search"]:-moz-placeholder {
    font-size: 12px;
    color: #A1A3A6 !important;
  }
  .main-search input[type="search"]:placeholder {
    font-size: 12px;
    color: #A1A3A6 !important;
  }
}
@media(max-width: 535px) {
  .dominant-terpenes-tags{
    min-height: 78px;
    padding-bottom: 10px;
  }
  

  .dominant-terpenes {
    padding-top: 10px;
  }
  .product-image {
    max-height: 145px;
  }
  .product-image img{
    max-width:100%;
    max-height:125px;
  }
  .product-title{
    font-size:16px;
    max-width: 60%;
  }
  .format-details svg{
    width:18px !important;
  }

  .format-details{
    height: 40px;
    padding: 4px 0;
    top: 55%;
    width: 40px;
  }
  .format-details .format-text{
    line-height:5px;
  }
  .product-image img {
    max-height: 110px;
  }
  .dominant-terpenes p{
    font-size:10px;
  }
  .dominant-terpenes .dominant-terpenes-tags span{
    font-size:9px;
    padding:0px;
    background-color:transparent;
    min-width: 47%;
    text-align:left;
    border:none;
    box-shadow:none;
    color: #585A5D;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
  }
  .dominant-terpenes .dominant-terpenes-tags{
    gap:1px;
    display:inline-flex;
  }
  .thc-cbd-cat-tags-section{
    align-items:center;
  }
  .thc-cbd-cat-tags-section > span{
    font-size:8px;
    padding:0px 5px;
  }
  .single-product-basic-details .thc-cbd-cat-tags-section > span{
    font-size:12px;
    padding: 3px 6px;
  }
  
  .product-card-content{
    padding:15px;
  }
  .thc-cbd-cat-tags-section{
    gap:3px;
    row-gap: 4px;
  }
  .dominant-region-details p, .reported-effects-details p, .time-of-use-details p, .product-price__mobile span {
    font-size:8px;
    line-height: 12px;
  }
  .product-price__mobile span {
    display:block;
    margin-top: 3px;
  }
  .stock{
    display:block;
    text-align:center;
    background-color:transparent;
  }
  .stock-item__level{
     background: #fff;
  }
  
  .product-price__mobile{
    display:block !important;
  }
  .product-price{
    display:none;
  }
  .product-price-and-stock-status{
    gap:5px;
  }
  .reported-effects-and-time-of-use-and-dr-details{
    gap:1px;
  }
  .reported-effects-and-time-of-use-and-dr-details > div{
    width:40px;
  }

  .product-list-container {
    max-width:750px;
    margin: 0 auto;
  }
}
@media (max-width:480px) {
  .dominant-region-details p, 
  .reported-effects-details p, 
  .time-of-use-details p, 
  .product-price__mobile span {
    font-size: 7px !important;
    line-height: 10px;
  }
  .product-price__mobile span {
    line-height: normal;
  }
  .dominant-terpenes .dominant-terpenes-tags span {
    min-width:49%;
  }
  .dominant-terpenes .dominant-terpenes-tags span{
    font-size: 8px;
  }
}


/* @media (max-width: 700px) {
  .product-title {
    width: 100%;
    max-width: none;
  }
  .single-product {
    width: 31%;
  }
  .product-content-description {
    min-height: 110px;
  }
} */
@media (max-width: 640px) {
  .blog-listing__container.four-col {
    grid-template-columns: repeat(2,1fr);
  }
  .single-product {
    flex: 1 0 42%;
  }
}
@media (max-width:580px) {
  .blog-listing__post .button-wrap {
    flex-direction: column;
  }
  .blog-listing__post .button-wrap .button {
    margin-bottom: 15px;
    
  }
  .product-list-container {
    margin: 0 auto;
  }
  .primary-menu .sub-menu .sub-menu__link .menu-desc {
    line-height: 16px;
  }
}
@media (max-width: 480px) {
  .articles-tag-lists ul li {
    width: 100%;
  }
  .hs-button.large {
    font-size: 16px;
    padding: 13px 22px;
  }
  .blog-listing__post .feature-img {
    height: 102px;
  }
  .body-bg-register {
    min-height: auto;
    height: 1900px;
  }
  .dominant-terpenes-tags{
    justify-content: space-between;
  }
  .single-product {
    flex: 1 0 42%;
    width: 47%;
  }
 
}
@media (max-width: 440px) {
}
@media (max-width: 435px) {
  .articles-tag-lists ul li {
    width: 100%;
  }
  .blog-listing__post .feature-img {
    height: 0;
    padding-top: 72%;
  }
  .blog-listing__post{
    padding: 10px 10px 14px 10px;
  }
  .blog-listing__container .button .button__icon {
    width: 10px;
  }
  .reading-time, .time-read-time {
    font-size: 10px;
  }
  .blog-listing__container .button.button--small span svg{
    height: 10px;
    width: 10px;
    margin: 0px;
  }
  .blog-listing__post-title {
    font-size: 14px;
  }
  .blog-listing__container.four-col{
    gap: 16px;
  }
}
@media (max-width: 400px) {
  .product-list-container {
    gap: 15px;
  }
}
@media (max-width: 380px) {
  .blog-listing__post .feature-img {
    height: 0;
    padding-top: 64%;
  }
}

/* .balanced .reported-effects-and-time-of-use-and-dr-details svg path , 
.balanced .format-details .format-icon svg path,
.balanced .stock-icon svg path,
.balanced .stock-status-navigation-bar__menu-item svg path,
.balanced .stock-status-popup-message svg path,
.balanced .svg-max-width svg path,
.balanced .single-product__package--size svg path{
  fill: #758067;
  stroke: none !important;
} */
/* .moderate-cbd .reported-effects-and-time-of-use-and-dr-details svg path , 
.moderate-cbd .format-details .format-icon svg path,
.moderate-cbd .stock-icon svg path,
.moderate-cbd .stock-status-navigation-bar__menu-item svg path,
.moderate-cbd .stock-status-popup-message svg path,
.moderate-cbd .svg-max-width svg path,
.moderate-cbd .single-product__package--size svg path{
  fill: #4C6580;
  stroke: none !important;
} */
/* .moderate-thc .reported-effects-and-time-of-use-and-dr-details svg path , 
.moderate-thc .format-details .format-icon svg path,
.moderate-thc .stock-icon svg path,
.moderate-thc .stock-status-navigation-bar__menu-item svg path,
.moderate-thc .stock-status-popup-message svg path,
.moderate-thc .svg-max-width svg path,
.moderate-thc .single-product__package--size svg path{
  fill: #B87E47;
  stroke: none !important;
} */
/* .high-thc .reported-effects-and-time-of-use-and-dr-details svg path , 
.high-thc .format-details .format-icon svg path,
.high-thc .stock-icon svg path,
.high-thc .stock-status-navigation-bar__menu-item svg path,
.high-thc .stock-status-popup-message svg path,
.high-thc .svg-max-width svg path,
.high-thc .single-product__package--size svg path{
  fill: #805574;
  stroke: none !important;
} */
/* .high-cbd .reported-effects-and-time-of-use-and-dr-details svg path , 
.high-cbd .format-details .format-icon svg path,
.high-cbd .stock-icon svg path,
.high-cbd .stock-status-navigation-bar__menu-item svg path,
.high-cbd .stock-status-popup-message svg path,
.high-cbd .svg-max-width svg path,
.high-cbd .single-product__package--size svg path{
  fill: #5E5A80;
  stroke: none !important;
} */

.search-result-page h3, .footer-green h3{
font-family: "FS Me";
font-size: 31px;
font-style: normal;
font-weight: 700;
line-height: 36px; 
}