body {color:var(--dark); line-height: 1.6; font-size:16px;}

.btn {-webkit-border-radius:50px; border-radius:50px; font-size:16px;}
.top_btn .btn {padding: 10px 25px;}
.top_btn .btn:focus {color: #fff!important;}
.btn-success {background: var(--green); border-color: var(--green); color:#fff;}
.btn-success:hover, .btn-success:focus {background: var(--dark); border-color: var(--dark); color:#fff;}

.btn-warning {background: var(--yellow); border-color: var(--yellow); color:#000;}
.btn-warning:hover,
.btn-warning:focus {background: var(--dark); border-color: var(--dark); color:#fff;}

.hero_banner {background-repeat: no-repeat; background-size: cover; background-position: right; padding: 120px 0; margin-top: 88px; position: relative;}
.hero_banner .container {z-index: 1; position: relative; -webkit-transform: none; transform: none; left:0!important; top:0!important;}
ul.top_link_right li {font-size:16px;}
.banner_caption {color: #fff;}
.banner_caption .banner_title {color: #fff; text-decoration: none; margin: 0 auto 10px;}
.join_landing .banner_caption h3 {color: #fff!important; font-weight: 500; color: #fff; font-weight: 500; margin-bottom: 15px;}
.banner_caption p {font-size: 20px; color: #fff; margin-bottom: 20px;}
.banner_caption p span {width: 10px; height: 10px; background-color: var(--green); -webkit-border-radius:100%; border-radius:100%; display: inline-block; margin-right:10px;}
.banner_caption .btn {min-width: 135px;}
.banner_caption .btn-warning:hover {background:#fff; border-color: #fff; color:#000;}
.banner_caption .btn:focus {color: #000!important;}
.play_button {position: relative; text-align: center; margin-left:10px; padding-right: 25px;padding-left: 65px;}
.play_button i {position: absolute; left:9px; top:-1px; font-size:40px; color: #000; text-decoration: none;}
.tick_list_three {position: relative;}
.tick_list_three ul {list-style: none; margin:0; padding:0;}
.tick_list_three ul li {font-size: 18px; color: #000; font-weight: normal; position: relative; background: url(images/icons/tick.png) 0 0 no-repeat; line-height: 1.2; background-size:18px; padding-left:30px;
margin-bottom:10px; overflow: hidden;}
h2 {color: #000; font-weight: 700; font-size: 36px;}
h2 span {color: var(--primary);}
.purple_link {color: var(--primary)!important; text-decoration: underline;}
.purple_link:hover {color: var(--primary-dark)!important; text-decoration: none;}

.running_woman {width: 274px; overflow: hidden; display: inline-block; -webkit-border-radius:10px; border-radius:10px;}

ul.join_tick_list {list-style: none; margin:0; padding:0;}
ul.join_tick_list li {font-size: 16px; color: #000; font-weight: normal; position: relative; background: url(images/icons/tick.png) 0 0 no-repeat; line-height: 1.2; background-size:18px; padding-left:30px; margin-bottom:10px; overflow: hidden;}
.menopause_slider_section h2 {color: #000; }

.join_hundred_title {background-color: var(--primary-dark); color: #fff; text-align: center;}
.join_hundred_title h2 {margin:0; padding:0; color: #fff!important; font-weight: 600;}
.join_hundred_title h2 a {text-decoration: underline; color: #fff;}
.join_hundred_title h2 a:hover {text-decoration: none;}

.quality_item {height: 100%; padding:0; margin:0; overflow: hidden;}
.quick_img_bg {background-repeat: no-repeat; background-size: cover; background-position: center; height: 250px;}

.qualities_section h2 strong {font-weight: bold; color: var(--primary);}
.qualities_section h2 span {font-weight: bold; color: #000;}
.quality_description2 {padding:30px 20px; display: block;}
.quality_description2 ul {list-style: none; margin:15px 0 0; padding: 0;}
.quality_description2 h4 {font-size:22px;}
.quality_description2 .h1 {font-size:40px; font-weight: bold;}

.quality_description3 {padding:30px 40px; display: block;}
.quality_description3 ul {list-style: none; margin:15px 0 0; padding: 0;}
.quality_description3 h4 {font-size:22px;}
.quality_description3 .h1 {font-size:40px; font-weight: bold;}

.pd_t_25 {padding-top:25px;}
.medavie_icons_section { background-color: transparent; }

.testimonials_wrapper {background: white; border-radius: 15px; box-shadow: rgba(0,0,0,0.1) 0 0 10px; padding:35px; font-size: 14px; display: block; text-align: center;}
.testimonials_wrapper h2 {margin-bottom:0!important; padding-bottom:0!important;}
.testimonials_wrapper h4 {font-size:24px;}
.big_container {max-width: auto; margin: 0 auto;}
.test-rating {margin-bottom: 10px;}
.test-rating i {color: var(--orange);}
.test-rating i.checked{color: var(--orange);}
#join_testimonial_slider {margin-top: 20px!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: var(--green);}

#join_testimonial_slider .owl-nav {font-size: 24px;}
#join_testimonial_slider .owl-nav .owl-prev,
#join_testimonial_slider .owl-nav .owl-next {position: absolute; top:50%; transform: translateY(-50%); color: #000; height:auto; width: auto; font-size: 33px; line-height: 26px;
background-color: transparent!important;}
#join_testimonial_slider .owl-nav .owl-prev {left:0; right:auto;}
#join_testimonial_slider .owl-nav .owl-next {right:0; left: auto;}
.testimonial_item_2 {padding:0 30px;}

.care_section {background-position: center; background-repeat: no-repeat; background-size: cover; padding:70px 0;}
.care_section .care_desc {padding-right:50px;}
.care_section .care_desc h2 {font-weight: 700;}
.medavie_register h2 {color: var(--primary-dark); font-weight:700 !important;}

.medavie_register .form-group label.label_field {color: var(--primary-dark);}
.join_landing ul.health_list li a {color: #000!important;}
ul.health_list li {font-size: 24px; background-size: 19px; padding-left: 40px; margin-bottom: 10px; }
ul.much_more li {font-size: 24px; padding-left: 40px; }

.experience_join_section h2, .quality_bg h2 {font-weight: 600; font-size: 36px;}
.experience_join_section .btn, .quality_bg .btn {padding: 15px 30px;}
.join_v3 small{padding-bottom: 12px;}
.join_v3 .btn-warning{margin-top:15px}
#join_testimonial_slider .testimonial_item_2{min-height: 200px;}

.overflow-hidden {overflow: hidden;}
ul.experience_list {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; margin: 0 -30px;}
ul.experience_list li{flex: 0 0 auto; width: 20%; padding: 0 30px; position: relative;}
ul.experience_list li:before{background: rgba(0,0,0,0.5) ; width: 1px; height: 92%; top: 8%; right: 0; position: absolute; content: ""; }
ul.experience_list li:after {content: '\F135'; font-family: bootstrap-icons; position: absolute; right: -20px; top: 30%; background: var(--orange); height: 40px; width: 40px; line-height:32px; font-weight: bold; border-radius: 100%; color: #333; border: #ece9f5 3px solid; text-align: center; font-size:24px;  }

ul.experience_list li:last-child:after, ul.experience_list li:last-child:before {display: none;}
ul.experience_list li h4{font-size: 20px; margin-bottom: 13px; font-weight: 600; position: relative; padding-left:25px;}
ul.experience_list li h4 span {position: absolute; left:0; top:0;}
.experience_data {padding-left:25px; display: block;}
.expereience_block h4{font-size: 24px;font-weight: 600;}
.expereience_block .top_txt{display: block; font-size: 28px;font-weight:600;}
.expereience_block small{display: block; font-size: 13px;}
.or-devider {position: relative;}
.or-devider div {display: inline-block; background-color: white; padding: 0 15px; position: relative; z-index: 1;}
.or-devider:after{position: absolute; background: rgba(51,51,51,.5); height: 1px; width: 15%; top: 50%; left: 50%; transform: translate(-50%, -50%); content: "";}

.quality_bg{background: linear-gradient(45deg, rgba(128,110,184,0.3) 0%,rgba(128,110,184,0) 100%);}
.quality_bg h2 span{font-weight: 700;}


@media (min-width:1200px) {
.btn-big {padding: 18px 33px;}
}
@media (max-width:1469px) {
a {color: #000; }
:root .play_button {padding-left: 54px !important;}
h1 {font-size: 36px!important; }
h2 {font-size: 27px!important; }
.play_button i {font-size: 30px!important; }
.hero_banner {margin-top: 78px; }
ul.top_link_right li a {font-size: 15px;}
.btn {padding: 12px 15px!important; font-size: 14px!important;}
.medavie_register .form-group label.label_field {color: #000; font-size: 15px;  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
#menu ul li a { font-size: 15px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
#menu ul li a {font-size: 15px;}
}
@media (max-width:991px) {
body, p {font-size:15px;}
.hero_banner {background-position: 90%; padding: 70px 0;  margin-top: 0; }
.hero_banner .container {position: relative;top:0; left:0; -webkit-transform: none; transform:none; }
:root .play_button {padding-left: 45px !important;}
.join_landing .banner_caption h3 {margin-bottom: 0;}
.banner_caption p {font-size: 15px; margin-bottom: 10px;}
.tick_list_three ul {column-count: 2; column-gap: 0;}
.tick_list_three ul li {font-size: 15px; background-size: 15px; padding-left: 26px;}
.play_button i {left: 3px; top: -4px; font-size: 35px; }
.care_section {padding: 60px 0;}
.care_section .care_desc {padding-right: 0; padding-left: 10px; }
ul.join_tick_list li {font-size: 15px; background-size: 15px; padding-left: 26px;}
#form_header_area h2, .medavie_register h2 {color: #000!important; }

.accordion-item, .accordion-item:first-of-type {-webkit-border-radius: 10px !important; border-radius: 10px !important; overflow: hidden;}
.join_landing3 .quality_item {-webkit-border-radius: 0; border-radius: 0; box-shadow: none;}
.join_landing3 .quality_item_last {-webkit-border-radius:10px!important; border-radius: 10px!important; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px!important; box-shadow: rgba(0,0,0,0.1) 0 0 10px!important;}
.accordion-body {padding: 0; }
.accordion-button {color: #000; font-weight: 600; filter: grayscale(100); padding-left: 0;}
.accordion-button:not(.collapsed) {background-color: var(--primary); padding-left: 20px;}
.accordion-button:focus {box-shadow:none!important;}
.quality_description2 ul {margin: 0!important;  }
.accordion-item .accordion-button { padding-left: 20px; }
.feedback_btn {display: none;}

.quality_item {margin: 0 auto 15px; max-width: 100%;}
.banner_caption .btn {min-width: 100px!important;}
.play_button i {top: 0; font-size: 35px; }
ul.experience_list {display: block; margin: 0 10px;}
ul.experience_list li {width: 100%; text-align: center; padding-bottom: 15px; padding-top: 25px; text-align: left; padding-left: 0; padding-right: 0;}
ul.experience_list li:first-child{padding-top: 0;}

ul.experience_list li:before {width: 100%;height:1px; top: inherit; bottom: 0; right: inherit; left: 50%;transform: translateX(-50%);}
ul.experience_list li:after { left: 5%; transform: rotate(90deg); top: inherit; bottom: -17px; right: inherit; transform-origin: center;  }
ul.experience_list li h4 br{display: none;}

.experience_data {padding-bottom: 25px;}
}
@media (max-width:767px) {
.hero_banner:before {content:''; background-color: rgba(0,0,0,0.5); position: absolute; left:0; top:0; right:0; bottom:0;}
.care_section { background-position: 15%; color: #fff; position: relative;}
.care_section .care_desc h2 {color: #fff; }
.care_section:before {content:''; background-color: rgba(0,0,0,0.5); position: absolute; left:0; top:0; right:0; bottom:0;}
.care_section .container {position: relative;}
}
@media (max-width:427px) {
.m_left_minus {margin-left:-15px!important;}
.tick_list_three ul {column-count: 1; column-gap: 0;}
}
@media (max-width:375px) {
h1 {font-size: 26px!important; }
h2 {font-size: 21px!important; }
}
@media (max-width:360px) {
.logo img {height: 30px;}
.testimonials_wrapper {padding: 20px; }
.care_section .care_desc {padding-right: 0; padding-left: 0; }
.care_section {padding: 50px 0;}
}

h2 , .h2{font-size: 36px;font-weight: 600;}
h4 , .h4{font-size: 20px; font-weight: 600;}
.join_section .h3{font-weight: 600; font-size: 34px;line-height: 1.2;}
.section_heading{margin-bottom: 30px;}
*{margin: 0; padding: 0; box-sizing: border-box;}
body{font-family: "Montserrat", sans-serif;line-height: 1.6;font-size: 16px;}
a{text-decoration: none; transition: all .2s linear;}
.section_heading{margin-bottom: 30px;}
/*.btn_styled{padding:  10px 25px ; border-radius: 50px; margin-top: 30px; font-weight: 700; transition: all .2s linear;}*/
.btn_peach{background-color: var(--orange); }
.btn_peach:hover{background-color: var(--orange-hov);}
.btn_transparent{background-color: transparent; border: 1px solid var(--dark);}
.btn_transparent:hover{background-color: var(--dark); border: 1px solid var(--dark);color: white;}
section{padding: 50px 0;}

.grey_bg2{background: linear-gradient(to bottom, rgb(239, 238, 246) 0%,rgba(255,255,255,.4) 100%);}

.subscription_section {padding-top:10px;}
.subscription_section .price_box{border: 1px solid var(--dark); text-align: center; display:inline-block; border-radius: 8px; width: 100%; max-width: 325px; color:var(--dark); position: relative; overflow: hidden;}
.subscription_section .sub_price{font-size: 30px;  font-weight: 700; padding: 7px 0 15px;}
.subscription_section .sub_price span{font-size: 16px; line-height: 1;  font-weight: normal; display: block;}
.subscription_section .price_box p{margin-top: 5px; font-weight: 500; margin-bottom: 0px;}
.subscription_section .price_box .subscription_text {background-color: #000; color: #fff; font-size:13px; text-transform: uppercase; letter-spacing: 0.1em; padding:10px; text-align: center; font-weight: 600;}
.subscription_section .or_part{padding: 10px 70px; position: relative;}
.subscription_section .or_border{border-top: 1px solid var(--orange);height: 5px; width: 130px; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.subscription_section .or_text{ position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); background-color: white; padding: 9px; border-radius: 100%; z-index: 1;}
.subscription_section .Sub_disc{font-size: 15px; margin-top:20px;}
.absolute_annual_text  {position: absolute; width: 100%; right: -39%; top: 26px; transform: rotate(45deg); text-align: center; font-size: 14px; font-weight: 600; background-color: var(--green); color: #fff; letter-spacing: 0.1em; padding: 2px 0;}

.join_section{background-color: var(--grey);}
.join_section .thumb img{width: 100%; border-radius: 8px;}
.join_section .thumb{border-radius: 8px;}
.join_section .thumb_caption{font-size: 18px; margin: 10px 0 0 0; text-align: center;}

.join_section .action{color: var(--primary); text-decoration: underline;}
.join_section .many_more {margin-top: 30px;}
.join_section .many_more a{color: var(--primary); font-size: 20px; font-weight: 500;}
.join_section .many_more .dots{font-size: 35px;}

.testimonial_section .review_content p{font-size: 16px;}
.testimonial_section .review_name p{font-size: 18px; font-weight: 700; margin-bottom: 0;}
.testimonial_section .review_age p{font-size: 12px;}
.testimonial_section .owl-theme .owl-dots .owl-dot.active span{background: var(--green);}
.testimonial_section .owl-theme .owl-dots .owl-dot:hover span {background: var(--green-dark);}

.item_card {padding: 20px 30px;  transition:all 0.3s linear; position: relative;transform: scale(1);}
.review_carousel .owl-item{padding: 20px;}
.review_carousel .owl-item.center .item_card { transform: scale(1.2); position: relative; z-index: 3 !important; box-shadow: rgba(149, 157, 165, 0.6) 0 0 10px;  -webkit-border-radius:8px; border-radius:8px; background-color:white ; margin: 10px; }

.review_carousel .owl-theme .owl-dots .owl-dot span {width: 25px;height: 5px; margin: 5px 3px;display: block; -webkit-backface-visibility:visible; transition: opacity 200ms ease; -webkit-border-radius: 30px; border-radius: 30px;}
.review_carousel .owl-theme .owl-nav [class*="owl-"] {background-color: #fff!important; z-index: 9;margin: 0;}
.review_carousel.owl-carousel .owl-nav button.owl-next,
.review_carousel.owl-carousel .owl-nav button.owl-prev {padding:10px 5px!important;}
.review_carousel .owl-nav button {position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; padding:15px; text-align: center;}
.review_carousel .owl-prev {left: 0;}
.review_carousel .owl-next {right: 0;}
.review_carousel .owl-nav button i {font-size: 36px; text-shadow: none;}
.review_carousel .owl-nav button:hover {background-color: transparent!important; color: #000!important;}


@media (max-width: 1400px){
.join_section .many_more {margin-top: 0px;}
}
@media (max-width: 768px){
.subscription_section .or_part {padding:0 70px;}
.join_section .thumb_caption {margin: 10px 0 27px 0;}
}
@media (max-width: 1200px){
.join_section .thumb_caption {margin: 10px 0 27px 0;}
}
@media (min-width: 992px) and (max-width:1400px){
.absolute_annual_text  {font-size: 13px; font-weight: 500;}
}
@media (max-width: 767px){
.review_carousel .owl-item {  padding: 10px 40px;  }
.review_carousel .owl-item.center .item_card {transform: inherit;}
.review_carousel .item_card { transform: scale(1.2); position: relative; z-index: 3 !important;
box-shadow: rgba(149, 157, 165, 0.6) 0 0 10px;  border-radius:8px; background-color:white ; margin: 30px; }
}
@media (max-width: 576px){
.join_sectio{margin: 0 30px; }
.absolute_annual_text  {font-size: 13px; font-weight: 500;}
}
@media (max-width: 480px){
.review_carousel .owl-item {  padding: 10px 20px;  }
.review_carousel .item_card {margin: 25px;}
.testimonial_section .review_content p{font-size: 15px; line-height: 1.4;}
}
@media (max-width: 480px){
.review_carousel .owl-item {  padding: 14px 15px;  }
}

.link_text {text-decoration: underline; color: var(--green);}
.link_text:hover {color:var(--dark); text-decoration: none;}

.link_text2 {text-decoration: underline; color: var(--primary);}
.link_text2:hover {color:var(--dark); text-decoration: none;}

.join_footer {padding-top: 10px; }
.footer_wrapper {padding:30px 0; }