.bg2medp {
	background-color: #7a7b76;
    background-size: cover;
    color: #fff
}

.bg2medpgblue {
	background-color: #143540;
    background-size: cover;
    color: #fff
}

.pad--lgmp {
    padding: 40px 0px 40px 0px
}

.pad--lgmpblue {
    padding: 10px 0px 20px 0px;
    padding: 20px 0px 20px 0px;
}


.bannermp {
  padding: 30px 20px 10px; text-align: center;
}

.bannermp {
  padding: 30px 20px 10px; text-align: center;
}

.bannermp h1 img{
	max-height: 58px;
}

.bannermpsecsec {
  padding: 30px 20px 10px; text-align: center;
}

.bannermpsecsec h1 img{
	max-height: 64px; margin-top: 38px;
}

.bannermpsecsecblue {
  padding: 30px 20px 10px; text-align: center;
}

.bannermpsecsecblue h1 img{
	max-height: 64px; margin-top: 12px;
}

.bannermpsecsecblue h2 {
  font-size: 2.2rem;
  margin: 10px 0;
  color: #fff;
  font-weight: 600;	
}

.bannermpsecsec h2 {
  font-size: 2.2rem;
  margin: 10px 0;
  color: #fff;
  font-weight: 600;	
}

.bannermp .logo {
  color: white;
  font-weight: bold;
  font-family: sans-serif;
  font-style: italic;
  background: linear-gradient(to right, #dcdcdc, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bannermp h2 {
  font-size: 2.2rem;
  margin: 10px 0;
  color: #fff;
  font-weight: 600;	
}

.pricemp {
  color: #e8c177;
}

.image-sectionmp img {
  width: 100%;
  height: auto;
  border-radius: 15px;
  margin: 20px 0;
}

.detailsmp {
  padding: 0 30px; text-align: center;
}

.detailsmp h3 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 14px;	
}

.highlightmp {
  color: #e8c177;
}

.detailsmp p {
  font-size: 1.6rem;
  color: #eaeaea;
  line-height: 1.5;
}

.detailsmpdrzinni {
  padding: 0 30px; text-align: center;
}

.detailsmpdrzinni h3 {
  font-size: 1.65rem;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 2.15rem;
  margin-top: 14px; text-align: center !important;
}

.detailsmpdrzinni p {
  font-size: 1.45rem;
  color: #eaeaea;
  line-height: 2.2rem;
}

.xosial-descriptiondrzinni {
    font-weight: 400;
    font-size: 1.35rem;
}

.programvirtual {
    font-weight: 600;
}

.wellness-container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  max-width: 1100px;
  margin: auto;
  margin-top: 20px;	
}

.included-services,
.concierge-access {
  flex: 1 1 45%;
}

.included-services h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  line-height: 1.95rem;	
}

.included-services ul {
  list-style: none;
  padding-left: 0;
}

.included-services li {
  margin-bottom: 0.75rem;
  line-height: 1.5;
  position: relative;
  padding-left: 1.5rem;
  text-indent: -1.5rem;	
font-size: 1.3rem;	
}

.included-services li::before {
  content: "»";
color: #e8c177;
  padding-right: 0.9rem;
}

.included-services p {
  line-height: 1.6;
  margin-bottom: 1rem;
}

.concierge-access .highlight {
color: #e8c177;
}

.concierge-access .highlight-xosial {
color: #e8c177;
font-weight: 600;
}

.concierge-access .xosial-description {
font-weight: 600;
font-size: 1.35rem;	
}

.concierge-access h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.concierge-access ul {
  list-style: none;
  padding-left: 0;
}

.concierge-access li {
  margin-bottom: 0.75rem;
  line-height: 1.5;
  position: relative;
  padding-left: 1.5rem;
  text-indent: -1.5rem;	
  font-size: 1.3rem;	
}

.concierge-access li::before {
  content: "»";
color: #e8c177;
  padding-right: 0.9rem;
}

.concierge-access .button-join-now {
    z-index: 220;
    background-image: linear-gradient(to bottom, #f2dbac, transparent);
    background-color: #d4ab56;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center !important;
    border-radius: 12px !important;
    font-size: 1.65rem !important;
    line-height: 1.98rem !important;
    letter-spacing: 0.01rem;
    padding: 22px 40px;	
	display: block;
	max-width: 400px; margin: auto;
}

.concierge-access .button-join-now:hover {
 color: #284a53;
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4),
              0 6px 12px rgba(0, 0, 0, 0.2);	
}

.button-viewprescriptions {
    z-index: 220;
    background-image: linear-gradient(to bottom, #f2dbac, transparent);
    background-color: #d4ab56;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center !important;
    border-radius: 12px !important;
    font-size: 1.65rem !important;
    line-height: 1.98rem !important;
    letter-spacing: 0.01rem;
    padding: 11px 10px;	
	display: block;
	max-width: 400px; margin: auto;
}

.button-viewprescriptions:hover {
 color: #284a53;
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4),
              0 6px 12px rgba(0, 0, 0, 0.2);	
}

.lmjn-button {
    z-index: 220;
    background-image: linear-gradient(to bottom, #f2dbac, transparent);
    background-color: #d4ab56;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center !important;
    border-radius: 12px !important;
    font-size: 1.65rem !important;
    line-height: 1.98rem !important;
    letter-spacing: 0.01rem;
    padding: 22px 10px;	
	display: block;
	max-width: 480px; margin: auto;
}

.lmjn-button:hover {
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 6px 12px rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to top, #f2dbac, rgba(242, 219, 172, 0.2));
    background-color: #d4ab56;
	color: #284a53; 
}

.secsecbtn {margin-top: 168px !important}

.xosial-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.xosialwellness-img div {padding-bottom: 50px; margin: auto; max-width: 620px; padding-left: 20px; padding-right: 20px;}

.button-join-now {
    z-index: 220;
    background-image: linear-gradient(to bottom, #f2dbac, transparent);
    background-color: #d4ab56;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border-radius: 12px !important;
    font-size: 1.8rem !important;
    line-height: 40px;
    letter-spacing: 0.01rem;
    padding: 20px 40px;	
	display: block; max-width: 400px; 
	margin: auto; height: 73px;
}

.button-join-now:hover {
color: #284a53; box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4),0 6px 12px rgba(0, 0, 0, 0.2);}

.button-join-now_ftr {
    z-index: 220;
    background-image: linear-gradient(to bottom, #f2dbac, transparent);
    background-color: #d4ab56;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border-radius: 12px !important;
    font-size: 1.8rem !important;
    line-height: 30px;
    letter-spacing: 0.01rem;
    padding: 16px 50px;	
	display: block; max-width: 400px; 
	margin: auto;
}

.button-join-now_ftr:hover {
color: #284a53; box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4),0 6px 12px rgba(0, 0, 0, 0.2);}


.drzinni {text-transform: uppercase}

.xoswellness {max-width: 1100px !important;}
.xoswellness .col-md-6 {padding: 20px 34px; text-align: center}
.xoswellness h2 {text-transform: uppercase; font-size: 3.0rem; font-weight: 600}
.xoswellness p {font-size: 1.5rem; line-height: 1.5;}

.a1xoswellness {background: url(../images/bgdots_mp.jpg) no-repeat center center; background-size: cover}
.pad--lgxmed {padding: 30px 0px 0px 0px}
.padsoxwellness {padding: 20px 0px 20px 0px}
.mb-6 {margin-bottom: 4rem !important;}
.xoswellnessimg div {max-width: 980px !important; margin: auto}

.button-viewprescriptions,
.button-join-now,
.lmjn-button {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

 .xosial-btn-section a {
    margin-bottom: 3.0rem !important; /* adds space between buttons */
  }
@media only screen and (max-width: 991px) {
.wellness-container {display: block; margin: 15px auto; padding: 0 10px;}
.secsecbtn {margin-top: 70px !important;}
.xoswellness h2 {font-size: 2.0rem; font-weight: 700}
a.button-viewprescriptions {margin-bottom: 72px; font-size: 1.4rem !important;}
.image-sectionmp img {width: 90%; margin-left: 3%;}
.brmob {display: none}	
.included-services, .concierge-access {margin-top: -30px;}	
.lmjn-button {font-size: 1.4rem !important; padding: 16px 6px}
.xoswellness p {font-size: 1.3rem; line-height: 1.3}
.concierge-access h2 {padding-top: 28px !important}	
.concierge-access .button-join-now {font-size: 1.4rem !important;}
.xosial-btn-section .included-services,
.xosial-btn-section .concierge-access {display: flex; justify-content: center;}
.xosial-btn-section .included-services > a,
.xosial-btn-section .concierge-access > a {width: min(420px, 100%);margin: 0; min-height: 73px}
.xosial-btn-section .wellness-container {padding-left: 0;padding-right: 0;}
a.button-viewprescriptions.mlt2 {margin-bottom: 50px !important}
a.button-join-now.mlt3 {margin-bottom: 30px !important}
.mlt3 {margin-bottom: 60px !important}
a.button-join-now.mlt4  {margin-top: 40px}
.sxosial-btn-section .row {display: flex; flex-direction: column; align-items: center; gap: 1.5rem;}	
}