:root {
  --light-blue-100: #00A4E5;
  --blue-100: #23356E;
  --red-100: #D23737;
  --base: #4A4A4A;
}

.c-lightblue { color: var(--light-blue-100); }



h1, h2, h3 { margin: 0; padding: 0; }

p { margin: 0; font-family: 'Georgia', sans-serif; color: var(--base); font-size: 20px; font-weight: 400; line-height: 32px; }
ul {margin: 0; font-family: 'Georgia', sans-serif; color: var(--base); font-size: 20px; font-weight: 400; line-height: 35px;}
figure { margin: 0; padding: 0; }
figure img { width: 100%; }

@font-face {
  font-family: "source-serif-pro-reg";
  src: url("https://s3.amazonaws.com/konsciousketo.com/fonts/Source+Serif+Pro.ttf");
}
@font-face {
  font-family: "source-serif-pro-semi";
  src: url("https://s3.amazonaws.com/konsciousketo.com/fonts/Source+Serif+Pro+Semibold.ttf");
}
/* ------ css for citations popup ------ */
.bg-black\/40{background-color: #0006;}
.justify-center{justify-content: center;}
.items-center{align-items: center;}
.z-50 {z-index: 50;}
.inset-0{
  top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.hidden{display: none;}
.flex{display: flex;}
.fixed{position:fixed;}
.shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.p-6{padding: 1.5rem;}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.rounded-lg{border-radius: .5rem;}
.max-w-3xl{max-width: 48rem;}
.w-\[90\%\]{width: 90%;}
.relative {position: relative;}
.text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
.leading-\[12px\] {line-height: 12px;}
.text-\[12px\]{font-size: 12px;}
.gap-\[5px\]{gap: 5px;}
.right-\[5px\]{right: 5px;}
.top-\[5px\]{top: 5px;}
.absolute{position: absolute;}
.lg\:text-\[13px\]{font-size: 13px;}
.helvetica-regular{
  font-family: Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.text-\[\#293037\]{
  --tw-text-opacity: 1;
    color: rgb(41 48 55 / var(--tw-text-opacity));
}
.leading-normal{line-height: 1.5;}
.p-4{padding: 1rem;}
.border-gray-300{
  --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border {
    border-width: 1px;
}
.break-words {
    overflow-wrap: break-word;
}
.min-h-\[350px\] {
    min-height: 350px;
}


/* ----- end for citation popup ---- */
.default-content{max-width: 758px;margin:0 auto;}
.default-content-2{max-width: 758px;padding:0 15px;}
.default-content-3{max-width: 758px;padding:0 13px;}
.default-content > *{ margin-bottom: 26px; }
.default-content > *:last-child{ margin-bottom: 0; }

.hero { padding-left:34px;padding-top: 60.09px; padding-bottom: 45px; background-image: url('https://d3j6ngx7p7lglj.cloudfront.net/emptybladdersecret/samcart/images/hero-img-desk.webp'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.hero .wrapper { max-width: 1000px; width: 100%; margin: 0 auto; }
.hero .content-wrapper { max-width: 736px; width: 100%; display: flex; flex-direction: column; }
.hero .content-wrapper > figure { width: 56.41px; height: 56.41px; margin-bottom: 19.91px; }
.hero .content-wrapper .doctor { font-family: "Helvetica", sans-serif; color: white; font-size: 18px; font-weight: 400; line-height: normal; letter-spacing: 2px; text-transform: uppercase; position: relative; margin-bottom: 17.59px; }
.hero .content-wrapper .doctor::after { content: ""; position: relative; width: 220px; height: 6px; background-color: var(--light-blue-100); margin-top: 20px; display: block; }
.hero .content-wrapper h1 { color: #FFF; font-family: "source-serif-pro-reg"; font-size: 60px; font-weight: 600; line-height: 130%; margin-bottom: 16px; }
.hero .content-wrapper .posted { color: #FFF; font-family: Helvetica; font-size: 14px; font-weight: 400; line-height: normal; }


.main-content { padding: 45px 0 65px; }
.main-content .wrapper { width: 100%; }
.main-content .content-wrapper { max-width: 828px; margin: 0 auto; width: 100%; display: flex; flex-direction: column; gap: 32px; padding: 0 22px;  }
.main-content .figure-wrapper { width: calc(100% + 44px); transform: translateX(-22px); }
.main-content .content-wrapper h2 { color: var(--red-100); text-align: center; font-family: Georgia; font-size: 28px; font-weight: 700; line-height: 120%; text-transform: capitalize; }
.main-content .gif-wrapper { border-radius: 4.762px; border: 3.81px solid #000; box-shadow: 0px 4.444px 4.444px 0px rgba(0, 0, 0, 0.25); margin:0 auto;width: 807px; }
.main-content .gif-wrapper a { display: flex; position: relative; }
.main-content .gif-wrapper video { max-width: 800px;width: 100%; }
.main-content .gif-wrapper figure { position: absolute; inset: 0; }
.main-content .figure-wrapper p { font-size: 10px; line-height: 24px;margin-top:24px; }
.main-content .doctor-wrapper { display: flex; align-items: center; gap: 18px; }
.main-content .doctor-wrapper > figure { max-width: 150px; width: 100%; flex: 1; }
.main-content .doctor-wrapper .default-content { flex: 1; }
.main-content .doctor-wrapper .default-content p:first-child { font-size: 13.477px; line-height: 24px; margin-bottom: 15px; }
.main-content .doctor-wrapper .default-content p:not(:first-child) { font-size: 12.75px; line-height: 24px; }

footer { padding: 24px 0; background-color: var(--blue-100); }
footer .wrapper { padding: 0 16px; }
footer .wrapper .content-wrapper { max-width: 1240px; width: 100%; margin: 0 auto; }
footer p, footer a { color: #FFF !important; text-align: center; font-family: "Work Sans"; font-size: 12px; font-weight: 400; line-height: 130%; } 

footer p.footer-links a:not(:first-child):before {
  content: "|";
  padding-right: 4px;
  padding-left: 0;
}

@media (max-width: 767px){
  .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* adjust darkness */
  z-index: 1;
}

.hero * {
  position: relative;
  z-index: 2;
}
  .hero {
    position: relative;
    background-image:url("https://d3j6ngx7p7lglj.cloudfront.net/emptybladdersecret/samcart/images/hero-img-mobile.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 40px 0;
}
}
@media (max-width: 768px) {
  .text-10px{font-size: 10px;}
  .default-content-3{padding:unset!important;}
  
  .main-content .gif-wrapper
  .main-content .gif-wrapper video {width:375px!important;}
  /* .hero {background-image: url('https://d3j6ngx7p7lglj.cloudfront.net/emptybladdersecret/samcart/images/hero-bg-img-mobile.webp');background-repeat: no-repeat;background-position: center;background-size: 100%;padding-top: 20px;padding-bottom: 20px;} */
  .hero .wrapper { padding: 0 39px;}
  .default-content-2 {padding:unset;}
  .hero .content-wrapper h1 { font-size: 35px; line-height: 145%; margin-bottom: 20px; }
  .hero .content-wrapper > figure { margin-bottom: 20px; }
  .hero .content-wrapper .doctor { font-size: 13px; margin-bottom: 20px; }
  .hero .content-wrapper .doctor::after { margin-top: 15px; }


  .main-content { padding: 30px 0 58px; }
  .main-content .content-wrapper { gap: 30px; padding: 0 39px; }
  .main-content .content-wrapper h2 { font-size: 24px; }
  .main-content .figure-wrapper { width: calc(100% + 78px); transform: translateX(-39px); }
  .main-content .figure-wrapper p { font-size: 16px; line-height: 140%; }
  .main-content .img-1 { transform: unset; max-width: 302px; width: 100%; margin: 0 auto; }
  .main-content .doctor-wrapper figure { max-width: 170px; width: 100%; }
  .main-content .doctor-wrapper .default-content p:first-child { font-size: 17.969px; line-height: 32px; }
  .default-content > * { margin-bottom: 15px; }
  .main-content .doctor-wrapper .default-content p:not(:first-child) { font-size: 17px; line-height: 32px; }
  .main-content .gif-wrapper { border-radius: 2.415px;border: 2.81px solid #000;width: 379px;margin: 0 auto; }
  .hero .content-wrapper .posted { font-size: 12px; }


  footer { padding: 16px 0; }
}