/*!
Theme Name: Ehoppler
Author: teamit
Author URI: https://teamit.com.ua
Description: Find your Life Partner - Ehoppler
Version: 3.5.3
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: ehoppler
*/

@font-face {
	font-family: 'OpenSans';
	src: local('OpenSans Regular'), local('OpenSans Regular'),
		url('fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans';
	src: local('OpenSans Semibold'), local('OpenSans Semibold'),
		url('fonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans';
	src: local('OpenSans Bold'), local('OpenSans Bold'),
		url('fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: local('Montserrat Medium'), local('Montserrat Medium'),
		url('fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: local('Montserrat SemiBold'), local('Montserrat SemiBold'),
		url('fonts/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: local('Montserrat Bold'), local('Montserrat Bold'),
		url('fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

/* fallback */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

/* fallback */
/*@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v183/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
*/

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.steps_header,
.woocommerce-customer-details,
.woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-notices-wrapper {
	display: none !important;
}

/* Повністю приховуємо стандартний блок з умовами */
.woocommerce-terms-and-conditions-wrapper {
	display: none !important;
}

body {
	background-color: rgba(19, 150, 177, .1) !important;
}

#profile-item-nav-mobile.candidate-item-nav #xprofile-personal-li,
#profile-item-nav-mobile.candidate-item-nav #invitations-personal-li,

#buddypress form#settings-form label[for=pass1],
#buddypress form#settings-form label[for=pass2],
#buddypress form#settings-form .password-entry,
#buddypress form#settings-form .password-entry-confirm,
#buddypress form#settings-form #pwd,
#buddypress form#settings-form label[for=pwd],
#buddypress form#settings-form a[href*='lost'],
.grecaptcha-badge {
	display: none !important;
}

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%;
	/* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

#menu-item-wpml-ls-1265-uk,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


.navbar-logo {
	display: block;
	width: 187px;
	height: 36px;
	margin-right: 40px;
}


#header {
	padding: 0;
}

.main-head {
	background: url(images/home_picture.png) no-repeat;
	background-size: cover;
	padding: 50px 45px 30px 45px;
	border-radius: 20px;
	margin-top: 20px;
}

.newmain-head {
	background: url(images/Ehoppler_site_design_home_2024_Image_ua.png) no-repeat right center;
	background-size: auto 95%;
	padding: 50px 45px 30px 45px;
	min-height: 550px;
	margin-bottom: 80px;
}

.newmain-head-en {
	background: url(images/Ehoppler_site_design_home_2024_Image_eng.png) no-repeat right center;
	background-size: auto 95%;
}

.newmain-head-logo {
	width: 170px;
	margin-left: 70px;
	margin-top: 30px;
}

.newmain-head-second-title {
	font-size: 24px;
	line-height: 28px;
	color: rgb(19, 150, 177);
	font-family: 'Montserrat';
	font-weight: 600;
	margin-bottom: 30px;
}



.main-head-title {
	font-size: 36px;
	line-height: 42px;
	color: rgb(19, 150, 177);
	font-family: 'Montserrat';
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 60px;
}

.main-head-second-title {
	font-size: 30px;
	line-height: 36px;
	color: rgb(19, 150, 177);
	font-family: 'Montserrat';
	margin-bottom: 30px;
}

.main-head-text {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 30px;
}

.main-second {
	padding-top: 120px;
	background: url(images/back_poshireni_questions.svg) no-repeat 70% 40%;
	background-size: auto 400px;
	position: relative;
}

.main-second-title {
	font-family: 'Montserrat';
	font-size: 36px;
	line-height: 42px;
}

.main-second-title span {
	font-weight: 600;
}

.main-second-list {
	list-style: none;
}

.main-second-list li {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 24px;
	color: rgb(19, 150, 177);
}

.newcompatibility {
	margin-top: 100px;
	background: rgb(19, 150, 177);
	border-radius: 20px;
	color: #fff;
	padding: 20px 20px 35px;
}

.main-faqs {
	margin-top: 120px;
}

.main-faqs .main-title {
	text-align: center;
}

.main-reviews,
.star-couples,
.main-advantages,
.main-about {
	text-align: center;
	margin-top: 100px;
	position: relative;
}

#about-us {
	margin-top: 0;
}

.main-news {
	margin-top: 120px;
	text-align: center;
}

.main-new-image {
	overflow: hidden;
	border-radius: 20px;
}

.main-new {
	border-radius: 20px;
	max-width: 373px;
}

.main-new-long {
	max-width: 804px;
}

.main-new-long img {
	border-radius: 20px;
}

.main-title {
	font-family: 'Montserrat';
	font-size: 48px;
	line-height: 20px;
	margin-bottom: 80px;
}

.main-title span {
	color: rgb(19, 150, 177);
	font-weight: 700;
}

.main-about-slide {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	border-radius: 20px;
	background: #fff;
	min-height: 425px;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	padding: 20px 30px 0;
	max-width: 373px;
}

.main-about-slide-2 {
	background: transparent;
	padding: 0;
}

.main-about-slide-2 img {
	border-radius: 20px;
}

.main-about-slide-1 {
	background: rgb(19, 150, 177);
	color: #fff;

}

.main-about-slogan {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
}

.main-about-slide-3 {
	color: rgb(19, 150, 177);
}

.main-about-slide-3 img {
	max-width: 60%;
}



.main-about-slide-number {
	width: 92px;
	height: 92px;
	border-radius: 50%;
	color: #fff;
	font-size: 48px;
	font-family: 'Montserrat';
	font-weight: 700;
	line-height: 92px;
}

.main-about-slide-5 {
	background: rgb(19, 150, 177);
	color: #fff;
}

.main-about-slide-4 .main-about-slide-number {
	background: rgb(19, 150, 177);
}

.main-about-slide-5 .main-about-slide-number {
	color: rgb(19, 150, 177);
	background: #fff;
}

.main-about-slide-6 .main-about-slide-number {
	background: rgb(228, 0, 125);
}

.newcompatibility-love-bg {
	background: url(images/ehoppler_herts_sumisnist.svg) no-repeat center;
	text-align: center;
}

.compatibility {
	position: relative;
	height: 351px;
}

.compatibility::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 351px;
	background: url(images/compatibility_couples.png) no-repeat top right;
}

.compatibility .compatibility-bg {
	margin-top: 75px;
	background: rgb(19, 150, 177);
	border-radius: 20px;
	color: #fff;
	min-height: 276px;
}

.compatibility-title {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 36px;
	line-height: 42px;
	margin-top: 20px;
}

.compatibility-text {
	font-size: 16px;
	line-height: 22px;
}

.main-review {
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	max-width: 373px;
	position: relative;
}


.main-review::after {
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 0px;
	border-right-width: 54px;
	border-top: 27px solid #fff;
	position: absolute;
	bottom: -27px;
	left: 82px;
	content: '';

}


.main-review-title {
	color: rgb(19, 150, 177);
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-review-title img {
	height: 30px;
}

.main-review-text {
	font-size: 16px;
	line-height: 22px;
}

.footer-logo {
	width: 75px;
	display: block;
	margin-left: 43px;
}

#header ul>li {
	padding: 0 10px;
}

#header .nav-link {
	font-size: 14px;
	line-height: 20px;
	font-family: 'Montserrat';
	padding: 23px 0 28px;
	border-top: 5px solid transparent;
}

#header .nav-link.active,
#header .nav-link:hover {
	border-top: 5px solid rgb(228, 0, 125);
}

.main-advantages-slide {
	background: #fff;
	padding: 0 20px;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 246px;
	margin-bottom: 30px;
	max-width: 373px;
	width: 100%;
}

.main-advantages-slide img {
	width: 92px;
}

.star-couples-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}

.star-couples-slogan {
	color: rgb(228, 0, 125);
	font-size: 22px;
	line-height: 26px;
	font-family: 'Montserrat';
}

.star-couples .main-title {
	font-size: 36px;
	line-height: 43px
}

.main-head-history-life {
	margin-top: 30px;
}

.main-head-history-life img {
	width: 191px;
}

.main-about-slide-title {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px;
}

.main-about-slide-text {
	font-family: 'OpenSans';
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
	min-height: 200px;
}

.main-about-slide-4,
.main-about-slide-5,
.main-about-slide-6 {
	padding: 20px 45px;
	min-height: 500px;
}

.main-about-slide-4 .main-about-slide-title {
	color: rgb(19, 150, 177);
}

.main-about-slide-6 .main-about-slide-title {
	color: rgb(228, 0, 125);
}

.main-advantages-slide-text {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: rgb(19, 150, 177);
}

.compatibility-history-life {
	margin-top: 20px;
}

.compatibility-history-life img {}

.compatibility-block {
	border: 2px solid #fff;
	border-radius: 20px;
	padding: 20px 20px 0;
	margin-top: 20px;
	position: relative;
}

.compatibility-block::after {
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 0px;
	border-right-width: 54px;
	border-top: 27px solid #fff;
	position: absolute;
	bottom: -27px;
	left: 82px;
	content: '';
}


.compatibility-block p {
	margin-bottom: 20px;
}

.main-bottom-title {
	font-family: 'Montserrat';
	font-size: 36px;
	line-height: 43px;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-bottom-title img {
	max-height: 125px;
}

.main-bottom-second-title {
	font-family: 'Montserrat';
	font-size: 34px;
	line-height: 43px;
	margin-bottom: 25px;
	color: rgb(19, 150, 177);
}

.main-bottom-text {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-bottom-text img {
	max-height: 125px;
	position: relative;
	right: -50px;
}

.main-bottom-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-bottom-btn img {
	max-height: 110px;
	position: relative;
	left: -100px;
}


.main-bottom {
	padding-top: 180px;
	padding-bottom: 110px;
	margin-bottom: -30px;
	background: url(images/Ehoppller_couple_01.png) no-repeat right bottom;
	background-size: auto 80%;
}

#footer {
	margin-top: 30px;
	padding: 30px 0;
}

.footer-menu-title {
	font-family: 'Montserrat';
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}

.footer-menu {
	list-style: none;
	padding: 0;
}

.footer_hr {
	margin: 20px 0 20px 0;
	border-bottom: 1px solid #a4b8b6;
}

.copyright {
	color: #a4b8b6;
}

.star-couple {
	border-radius: 20px;
	max-width: 373px;
}

.star-couple .star-couple-image {
	overflow: hidden;
	border-radius: 20px;
}

.main-new-title,
.star-couple-title {
	padding-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.star-couple-content {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	padding: 15px 0;
	overflow: hidden;
	position: relative;
	height: 74px;
	margin-top: -74px;
	background: rgba(0, 0, 0, .7);
	border-radius: 0 0 20px 20px;
	transition: all 0.5s ease-in;
}

.star-couple-description {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
}

.star-couple:hover .star-couple-content {
	height: 180px;
	margin-top: -180px;
}


.main-new-title {
	margin-top: -108px;
	height: 108px;

}

.entry-title,
.title-page {
	font-family: 'Montserrat';
	font-size: 48px;
	margin: 0px 0 20px 0;
}

.entry-title {
	margin-top: 30px;
}

.members_page_top-title {
	font-family: 'Montserrat';
	font-size: 48px;
	line-height: 20px;
}

.members_page_top {
	display: flex;
	margin: 50px 0;
	align-items: center;
}

.compatibility-check {
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	min-height: 100%;
}

.compatibility-check-1 {
	background: rgb(19, 150, 177);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.compatibility-check-1 strong {
	font-family: 'Montserrat';
	font-weight: 600;
}

.compatibility-check-1 .compatibility-check-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.compatibility-check-1 .compatibility-check-bottom div {
	margin-right: 20px;
}

.compatibility-check-title {
	color: rgb(19, 150, 177);
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
}

.compatibility-check label.label_title {
	font-weight: 700;
	font-size: 16px;
	line-height: 12px;
	margin-bottom: 5px;
	color: #797878;
}

#item-header {
	height: 320px;
}

#item-header-cover-image {
	display: flex;
	align-items: center;
	height: 320px;
}

#header-cover-image {
	border-radius: 20px;
}

#header-cover-image.no-border-radius-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


#item-header-avatar {
	padding: 0 24px 0 45px;
}

#item-header-avatar img {
	margin: 0;
}

#item-header-avatar a {
	display: block;
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-radius: 50%;
}

#item-header-avatar a img {
	max-width: 100%;
}

#members-list .item-list-col {
	justify-content: center;
	display: flex;
}

#members-list .item {
	background: url(images/members_list_item-bg.jpg) no-repeat top center;
	border-radius: 20px;
	min-height: 448px;
	margin-bottom: 30px;
	text-align: center;
	width: 336px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}

#members-list .item-avatar {
	border-radius: 50%;
	width: 250px;
	height: 250px;
	overflow: hidden;
	border: 6px solid transparent;
}

#members-list .item:hover .item-avatar {
	border: 6px solid rgba(255, 255, 255, 0.3);
}


#members-list .item-title a {
	font-weight: 600;
	font-size: 26px;
	line-height: 30px;
	color: #fff;
}

#members-list .item:hover .btn-primary {
	background: rgba(228, 0, 125, 0.6);
	border-color: rgba(228, 0, 125, 0.6);
}

.item-match-rating {
	display: flex;
	justify-content: flex-end;
}

.match-rating {
	display: flex;
	align-items: center;
}

.match-rating-text {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 24px;
	font-size: 16px;
	background: #fff;
	border-radius: 20px;
	padding: 0 20px 0 15px;
	color: rgb(228, 0, 125);
	height: 24px;
	margin-right: -15px;
}

.match-rating-procent {
	background: rgb(228, 0, 125);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 4px solid #fff;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 900;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pay_methods img {
	max-height: 26.6px;
}

.head-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.head-avatar img {
	width: 40px !important;
	height: auto !important;
}

.single-header-nicename {
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px 0;
}

.single-header-meta {
	font-size: 14px;
	line-height: 16px;
	color: #fff;
}

#buddypress #item-header-cover-image {
	padding: 18px;
}

.single-header-verif {
	align-self: flex-start;
}

.single-header-verif div {
	width: 40px;
	height: 40px;
	background: url(images/verification_icon.svg) no-repeat;
	border-radius: 50%;
	border: 5px solid #fff;
}

.single-header-change_avatar {
	align-self: flex-start;
	flex: 1;
	text-align: right;
}

#buddypress #header-cover-image {
	background-image: url(images/bp-cover-image.jpg);
}

.single-header-change_avatar a {
	text-transform: uppercase;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.5);
	padding: 8px 18px;
	display: inline-block;
}

#profile-item-nav {
	margin-bottom: 30px;
}

#profile-item-nav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 98px;
	display: flex;
}

#profile-item-nav li {
	padding: 0 12px;
}

#profile-item-nav a {
	font-size: 14px;
	line-height: 20px;
	font-family: 'Montserrat';
	padding: 10px 0;
	border-top: 5px solid transparent;
	display: block;
	color: #010102;
}

#profile-item-nav .current.selected a,
#profile-item-nav a:hover {
	border-top: 5px solid rgb(228, 0, 125);
}

.profile-list-tabs {
	border-radius: 20px;
	background: #fff;
	padding: 5px 10px;
	margin-bottom: 24px;
}

.profile-list-tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.profile-list-tabs ul li {
	margin: 5px;
}

.profile-list-tabs ul a {
	display: block;
	border-radius: 8px;
	padding: 10px;
	background: #e2eae8;
	color: #5f7274;
	text-transform: uppercase;
	line-height: 22px;
	font-size: 16px;
	text-align: center;
}

.profile-list-tabs ul li.current.selected a,
.profile-list-tabs ul a:hover {
	background: rgb(228, 0, 125);
	color: #fff;
}

.navbar-nav--menu-right {
	align-items: center;
}

.main-head-form {
	margin-top: 10px;
}

.main-head-form label {
	margin-bottom: 5px;
}

.accordion-body strong {
	color: rgb(19, 150, 177);
}

.accordion-button {
	font-weight: 700;
}

.my-profile .profile {
	background: #fff;
	border-radius: 20px;
	padding: 10px 15px;
}

.my-profile .profile #pills-tab,
.my-profile .profile #pills-tabContent {
	margin-left: -15px;
	margin-right: -15px;
}

#buddypress #item-body {
	background: #fff;
	border-radius: 20px;
	padding: 10px 15px;
}

.my-profile #buddypress #item-body {
	background: transparent;
	border-radius: 0;
	padding: 0;
}

#buddypress .profile .profile-edit-nav li a {
	color: rgb(164, 184, 182);
	border-bottom: 5px solid #fff;
	display: block;
	padding: 8px;
}

#buddypress .profile .profile-edit-nav li.current a {
	color: #5f7274;
	border-bottom-color: rgb(228, 0, 125);
}


#buddypress .profile .profile-edit-nav {
	list-style: none;
	display: flex;
}

#buddypress .profile .editfield,
#buddypress .profile .profile-edit-nav,
#buddypress .profile #pills-tab {
	padding-left: 20px;
	padding-right: 20px;
}

#buddypress table.profile-fields tr td.label {
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#buddypress .profile .editfield fieldset legend {
	padding: 10px 20px;
	margin: 0 -20px 5px -20px;
	background: #F3FAFB;
	color: #797878;
	font-size: 16px;
	line-height: 20px;
	width: 100%;
}

#buddypress .profile .profile-edit-nav li a,
#buddypress .profile #pills-tab .nav-link {
	padding-left: 0;
	padding-right: 0;
	margin-right: 20px;
}

#buddypress table.notifications tr td.label,
#buddypress table.notifications-settings tr td.label,
#buddypress table.profile-fields tr td.label,
#buddypress table.wp-profile-fields tr td.label,
#buddypress table.messages-notices tr td.label,
#buddypress table.forum tr td.label {
	border-right: none;
	width: 40%;
}

.hmk-percentage-header {
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.hmk-percentage-header .hmk-percentage {
	position: relative !important;
	top: 0 !important;
}

.hmk-percentage-header .hmk-percentage .hmk-match-inside {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 13px;
	top: 33px;
	width: 100%;
	color: inherit;
}

.hmk-percentage-header .hmk-percentage>span {
	line-height: normal;
	left: 2px;
}

.hmk-percentage-header .hmk-percentage>span:last-of-type {
	font-weight: 600;
	font-size: 22px;
	color: #ef5b85;
	width: 100%;
	top: 48px;
}

.steps_header {
	font-size: 48px;
	margin: 5px 0 20px 43px;
	font-family: 'Montserrat';
	font-weight: 500;
}

.steps_title {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 23px;
	margin-bottom: 30px;
}

.steps_icon {
	margin-left: 43px;
}

.steps_icon img {
	width: 120px;
}

.steps_image {
	display: flex;
	justify-content: flex-end;
}

.steps_image img {
	border-radius: 20px;
}

.steps_body {
	background: #fff;
	border-radius: 20px;
	padding: 20px 30px;
}

.steps_body textarea.form-control {
	min-height: 188px;
}

.steps_body_btn {
	display: flex;
	justify-content: space-between;
}

.steps_body_btn .btn-secondary,
.steps_body_btn .profile-group-edit-submit {
	padding: 0;
	height: 40px;
	line-height: 40px;
	width: 40px;
}

.steps_body_btn .btn-secondary span,
.steps_body_btn .profile-group-edit-submit span {
	font-size: 24px;
	line-height: 37px;
}

.steps_body_skip {
	display: flex;
	justify-content: flex-end;
	color: #E6E6E6;
	margin: 10px 0 20px 0;
}

.steps_body table h3 {
	font-size: 23px;
	line-height: 28px;
	font-family: 'Montserrat';
	font-weight: 700;
}

.steps_body table label {
	color: #797878;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	padding-left: 30px;
}

.steps_partner_text {
	font-size: 18px;
}

.steps_body .level-13 {
	padding-top: 0;
	width: 100%;
}

.steps_body .level-13 .card {
	max-width: 100%;
}

.steps_body .blockquote-footer {
	margin-top: 15px;
}

#pmpro_levels_table .card {
	border-color: #fff;
}

.steps_description {
	margin-bottom: 10px;
	font-size: .875em;
	color: #6c757d;
}

.steps_description::before {
	content: "— ";
}

.level-card-header {
	font-size: 26px;
	line-height: 28px;
	font-family: 'Montserrat';
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.level-card-header img {
	max-height: 150px;
}

.level-short-price {
	font-size: 24px;
	font-family: 'Montserrat';
	font-weight: 700;
	color: #E4007D;
}

.level-cart-bottom {
	display: flex;
	justify-content: flex-end;
	margin: 0 1rem 1rem 0;
}

.level-short-price .compare_price {
	font-size: 14px;
	text-decoration: line-through;
	color: #000;
	position: relative;
	top: -5px;
}

.level-8 .card,
.level-9 .card,
.level-13 .card {
	max-width: 373px;
}

.level-8 {
	background: url(images/hearts-01.svg) no-repeat top center;
	background-size: 90% auto;
}

.level-9 {
	background: url(images/hearts-02.svg) no-repeat top center;
	background-size: 90% auto;
}

.level-13 {
	background: url(images/hearts-03.svg) no-repeat top center;
	background-size: 90% auto;
}

.pmpro-levels .level-13,
.pmpro-levels .level-8,
.pmpro-levels .level-9 {
	padding-top: 160px;
}


#post-13072 .entry-title {
	margin: 20px 0 -60px 0;
	position: relative;
	z-index: 100;
}


.widget_mp_match_widget {
	background: #fff;
	border-radius: 20px;
	padding: 20px;
}

.widget_mp_match_widget .avatar-block {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.widgettitle {
	font-size: 24px;
	font-family: 'Montserrat';
	font-weight: 700;
	color: #1396B1;
	margin-bottom: 15px;
}



.widget_mp_match_widget .avatar-block .item {
	background: url(images/members_list_item-bg.jpg) no-repeat;
	background-size: cover;
	border-radius: 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	padding: 27px 0 20px 0;
	position: relative;
}

.widget_mp_match_widget .avatar-block .item .match-rating-procent {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 35px;
	height: 35px;
	font-size: 10px;
}

.widget_mp_match_widget .avatar-block .item-avatar {
	border-radius: 50%;
	width: 124px;
	height: 124px;
	overflow: hidden;
	border: 3px solid transparent;
}

.widget_mp_match_widget .avatar-block .item-avatar img {
	width: auto;
	height: auto;
	max-width: 100%;
	min-width: 121px;
	min-height: 121px;
}

.widget_mp_match_widget .avatar-block .item:hover .item-avatar {
	border: 3px solid rgba(255, 255, 255, 0.3);
}


.widget_mp_match_widget .avatar-block .item-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
}

.view_all_matchme {
	text-align: right;
	margin: 10px 0 -20px 0;
}

.view_all_matchme a {
	padding: 10px 0;
	display: inline-block;
	border-bottom: 5px solid rgb(228, 0, 125);
}

#buddypress table.profile-fields tr {
	background: #F3FAFB;
	border-bottom: 3px solid #fff;
}

.page-template-page-front,
.page-template-page-step1 {
	background: url(images/back.svg) no-repeat top center;
}


.peolpe_in_circle_01 {
	position: absolute;
	width: 115px;
	height: 115px;
	top: 20%;
	right: 0;
}

.peolpe_in_circle_02 {
	width: 115px;
	height: 115px;
	float: right;
	margin: 10px 20% 0 0;
}

#main_about_video {
	position: relative;
}

#main_about_video .start_video_bg {
	border-radius: 18px;
	/*	filter: blur(4px);*/
}

.start_video {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	cursor: pointer;
}

.menu-link-login {
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
}

.your-matches-link-full {
	display: block;
	background-color: rgb(19, 150, 177);
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 8px;
	width: 336px;
}


.premium_cto_text .your-matches-link-full {
	display: inline-block;
	background-color: rgb(228, 0, 125);
}

.widget_mp_match_widget .premium_cto_text .your-matches-link-full {
	width: 100%;
}


.register-section label,
#loginform .login-remember label,
#loginform .login-password label,
#loginform .login-username label {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 3px;
}



#buddypress .standard-form textarea,
#buddypress .standard-form input[type="text"],
#buddypress .standard-form input[type="color"],
#buddypress .standard-form input[type="date"],
#buddypress .standard-form input[type="datetime"],
#buddypress .standard-form input[type="datetime-local"],
#buddypress .standard-form input[type="email"],
#buddypress .standard-form input[type="month"],
#buddypress .standard-form input[type="number"],
#buddypress .standard-form input[type="range"],
#buddypress .standard-form input[type="search"],
#buddypress .standard-form input[type="tel"],
#buddypress .standard-form input[type="time"],
#buddypress .standard-form input[type="url"],
#buddypress .standard-form input[type="week"],
#buddypress .standard-form select,
#buddypress .standard-form input[type="password"],
#buddypress .dir-search input[type="search"],
#buddypress .dir-search input[type="text"],
#buddypress .groups-members-search input[type="search"],
#buddypress .groups-members-search input[type="text"],




#buddypress #signup_form #signup_username,
#buddypress #signup_form #signup_email,
#buddypress #signup_form #signup_password,
#buddypress #signup_form #signup_password_confirm,
#loginform #user_pass,
#loginform #user_login {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-clip: padding-box;
	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: 12px;
	color: var(--bs-body-color);
	display: block;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	padding: .375rem .75rem;
	width: 100%;
	max-width: 100%;
}

#buddypress #signup_submit,
#wp-submit {
	--bs-btn-padding-x: 1.2rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-family: 'Montserrat';
	--bs-btn-font-size: 16px;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: var(--bs-body-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-width: var(--bs-border-width);
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: var(--bs-border-radius);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-disabled-opacity: 0.65;
	background-color: var(--bs-btn-bg);
	background-image: var(--bs-gradient);
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	color: var(--bs-btn-color);
	cursor: pointer;
	display: inline-block;
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
	--bs-btn-color: #fff;
	--bs-btn-bg: rgb(228, 0, 125);
	--bs-btn-border-color: rgb(228, 0, 125);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: rgb(228, 0, 125);
	--bs-btn-hover-border-color: rgb(228, 0, 125);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: rgb(228, 0, 125);
	--bs-btn-active-border-color: rgb(228, 0, 125);
}

#buddypress #signup_submit {
	width: auto;
}

#buddypress .standard-form#signup_form div.submit {
	width: 100%;
	text-align: center;
}

body.register.buddypress,
body.pmpro-login {
	background: #fff !important;
}

.register-section-title,
#post-10570 .entry-title {
	padding: 15px 20px;
	background: #E7F4F7;
	color: #1396B1;
	font-weight: 600;
	font-family: "Montserrat-SemiBold";
	font-size: 18px;
	line-height: 22px;
}

.register-section,
#loginform {
	padding: 0 20px;
}


.widget_mp_match_widget_matching_life {
	background: #1396B1;
	margin-bottom: 23px;
}

.widget_mp_match_widget_matching_life .widgettitle {
	color: #fff;
}

.c100.small {
	font-size: 180px;
}

/*.hmk-percentage .slice {
	border: 10px solid #fff;
	border-radius: 50%;
	width: 170px;
	height: 170px;
}*/

.hmk-percentage-header {
	width: 100%;
	height: 200px;
	margin-top: 20px;
	margin-bottom: 0;
}

.hmk-percentage {
	right: 0;
	margin: 0;
}

.c100 {
	background-color: #FACCE5;
}

.hmk-percentage.c100 .fill,
.hmk-percentage.c100 .bar {
	border-color: #E4007D;
}

.widget_mp_match_widget_matching_life .hmk-percentage-header .hmk-percentage>span {
	color: #E4007D;
	left: 28px;
	top: 28px;
	font-size: 36px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 2px solid #FACCE5;
	width: 120px;
	height: 120px;
	display: flex;
}

.hmk-percentage-header-border {
	border: 10px solid #f5f5f5;
	border-radius: 50%;
}

.buddypress-member-swipe-content .directory-form-nav {
	justify-content: center;
	display: flex;
}

#buddypress #members_search_submit {
	border-radius: 0;
	background: url(images/search.svg) no-repeat center;
	background-size: 24px;
}

.members-dir-search {
	margin-left: 50px;
}

.members-dir-search form {
	background: #fff;
	border-radius: 8px;
	padding: 0 5px;
}

.members-dir-search input {
	border-color: transparent !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

.how-it-works-swiper {
	overflow: hidden;
	margin-bottom: 50px;
	color: #fff;
	text-align: left;
}

.how-it-works-swiper .swiper-slide {

	width: 100%;
	background: #1396B1;
	border-radius: 20px;
}

.hiw-content-image {
	min-height: 490px;
	display: flex;
	align-items: center;
}

.swiper-slide-2 .hiw-content-image,
.swiper-slide-1 .hiw-content-image {
	align-items: flex-end;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border: 1px solid #E4007D;
	background: #fff;
	opacity: 1;
	cursor: pointer;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #E4007D;
}

.hiw-content-number {
	width: 92px;
	height: 92px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 48px;
	color: #1396B1;
	border-radius: 50%;
	margin-right: 30px;
}


.hiw-content-name {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 30px;
	margin: 0;
}

.hiw-content-title {
	display: flex;
	align-items: center;
}

.hiw-content {
	margin: 140px 0 0 56px;
}

.hiw-content-content {
	font-weight: 600;
	font-size: 18px;
	margin: 30px 0 0 122px;
	line-height: 24px;
}

.your-matches-buttons {
	margin-left: auto;
	display: flex;
}

.open-your-matches-filter,
.link_your-matches-swipe {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #1396B1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.open-your-matches-filter .material-icons,
.link_your-matches-swipe .material-icons {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
}

.open-your-matches-filter {
	border: none;
	margin-right: 10px;
}


#your-matches-filter .bps-label {
	width: 100%;
	padding: 15px 20px;
	background: #E7F4F7;
	color: #1396B1;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Montserrat';
	display: block;
	margin-bottom: 15px;
}


#your-matches-filter .modal-body {
	padding: 0;
}

#your-matches-filter .bps-description {
	min-height: 15px;
}


#profile-item-nav #notifications-personal-li {
	margin-left: 60px;
}


.navbar-nav--menu-right .menu-item a .material-icons {
	color: #000;
}

.profile-candidates-btn {
	display: none;
}

#profile-item-nav-top {
	background: #E4007D;
	border-radius: 0 0 20px 20px;
	display: none;
}

#profile-item-nav-mobile ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 30px 0 7px 0;
	padding: 0;
}

#profile-item-nav-mobile ul li {
	width: 94px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
}

#profile-item-nav-mobile ul li a {
	height: 20px;
}

#profile-item-nav-mobile ul #xprofile-personal-li {
	background: #E4007D;

}

#profile-item-nav-mobile ul #friends-personal-li {
	background: #1396B1;
}

#profile-item-nav-mobile ul #invitations-personal-li {
	background: #fff;
}

#profile-item-nav-top ul {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

#profile-item-nav-mobile .material-icons,
#profile-item-nav-top .material-icons {
	color: #fff;
	font-size: 20px;
}

#profile-item-nav-mobile ul #invitations-personal-li .material-icons {
	color: #797878;
}

#profile-item-nav-mobile #notifications-personal-li,
#profile-item-nav-mobile #bp_better_messages_tab-personal-li,
#profile-item-nav-mobile #settings-personal-li {
	display: none;
}

.head_login {
	list-style: none;
	padding: 0;
	align-items: center;
	display: flex;
	margin: 0;
}

.head_login a:not(.btn) {
	font-weight: bold;
	color: #000;
}

 
/*.header_wptelegram_login.header_profile {
	margin-bottom: 8px;
	padding-left: 0;
	padding-right: 0;
}

.header_wptelegram_login .wptelegram-login-output-wrap {
	display: flex;
	justify-content: center;
}*/

.newmain-head-register,
.newmain-head .main-head-register {
	display: flex;
	align-items: center;
}

.newmain-head-hero-img {
	display: none;
}


.pagination_steps {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
	font-size: 24px;
	font-family: 'Montserrat';
}

.pagination_steps span {
	color: #1396B1;
}



#buddypress div.profile h2 {
	font-size: 26px;
	line-height: 28px;
	font-family: 'Montserrat';
	font-weight: 700;
	margin-top: 0;
}



#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span {
	color: rgb(164, 184, 182);
	border-bottom: 5px solid #fff;
	padding-left: 0;
	padding-right: 0;
	margin-right: 20px;
}


#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a {
	background-color: transparent;
	background-image: none;
	color: #5f7274;
	border-bottom-color: rgb(228, 0, 125);
	font-weight: normal;
}

#bp_members_invitation_message {
	margin-bottom: 15px;
}

label>input[type="checkbox"],
label>input[type="radio"] {
	display: none !important;
}

label:has(input[type="checkbox"]),
label:has(input[type="radio"]) {
	position: relative;
	padding-left: 30px;
	padding-top: 2px;
	left: 0;
	top: 0;
	cursor: pointer;
}

label:has(input[type="checkbox"])::before,
label:has(input[type="radio"])::before {
	top: 8px;
	left: 5px;
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	z-index: 111;
	display: block;

}

label:has(input[type="checkbox"])::after,
label:has(input[type="radio"])::after {
	top: 3px;
	left: 0;
	position: absolute;
	content: "";
	border-radius: 50%;
	height: 22px;
	width: 22px;
	border: 2px solid #B3B3B3;
	display: inline-block;
}

label:has(input[type="checkbox"]:checked)::before,
label:has(input[type="radio"]:checked)::before {
	background: #E4007D;
}

label:has(input[type="checkbox"]:checked)::after,
label:has(input[type="radio"]:checked)::after {
	border: 2px solid #E4007D;
}


label:has(input[type="checkbox"])::after {
	border-radius: 2px;
}

label:has(input[type="checkbox"])::before {
	border-radius: 0px;
}

.steps_body .step_checkbox_psevdo,
.steps_body .step_radio_psevdo {
	text-align: center;
}

.steps_body .step_checkbox_psevdo label,
.steps_body .step_radio_psevdo label {
	padding-left: 20px;
}




.menu-item--profile {
	position: relative;
}


.user_logged_in-menu {
	display: none;
	list-style: none;
	position: absolute;
	min-width: 260px;
	background: url(images/back.svg) no-repeat top center #fff;
	border-radius: 20px;
	right: 0;
	margin: 0;
	padding: 10px;
	z-index: 99;
}


#menu-item-14126>a:after {
	border-bottom: 0;
	border-left: .3em solid transparent;
	border-right: .3em solid transparent;
	border-top: .3em solid;
	content: "";
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
}


.menu-item-has-children:hover>ul,
.menu-item--profile:hover .user_logged_in-menu {
	display: block;
}

.user_logged_in-menu li a {
	font-size: 16px;
	padding: 8px;
	color: #000;
	display: block;
}

.user_logged_in-menu li a:hover {
	color: rgb(228, 0, 125);
}



#template-notices {
	margin-top: -46px;
	position: relative;
}
#buddypress div#message.error p code,
#buddypress div#message.error p a,
#buddypress div#message.updated p a {
	color: #fff !important;
}

#buddypress div#message.error p,
#buddypress div#message.updated p {
	background: red;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	border-color: transparent;
	text-transform: uppercase;
	font-weight: 500;
}

.step-list-block-hide {
	display: none;
}



.compatibility__percentage {
	position: relative;
	height: 180px;
	margin-bottom: 30px;
}


.compatibility__percentage .hmk-percentage-header .hmk-percentage .hmk-match-inside {
	top: 66px;
}


.compatibility__percentage .hmk-percentage-header .hmk-percentage>span:last-of-type {
	top: 86px;
}

label:has(input[type="checkbox"]),
label:has(input[type="radio"]) {
	display: inline-block;
	min-height: 22px;
}


.bp-tooltip::after {
	display: none !important;
}

#buddypress .standard-form button:hover,
#buddypress a.button:hover,
#buddypress a.button:focus,
#buddypress input[type="submit"]:hover,
#buddypress input[type="button"]:hover,
#buddypress input[type="reset"]:hover,
#buddypress ul.button-nav li a:hover,
#buddypress ul.button-nav li.current a,
#buddypress div.generic-button a:hover,
#buddypress .comment-reply-link:hover {
	background: #fff;
	border: 1px solid rgb(228, 0, 125);
	color: rgb(228, 0, 125);
	;
	outline: none;
	text-decoration: none;
}

#user-friends,
#buddypress .generic-button .send-message {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#user-friends span,
#buddypress .generic-button .send-message span {
	font-size: 12px;
}


.author_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 43px;
}

.author_header-author {
	font-size: 24px;
	margin-top: 20px;
}

.blog_header_title {
	color: rgb(19, 150, 177);
	font-size: 24px;
	margin-bottom: 20px;
}

.blog_header_subtitle {
	color: rgb(19, 150, 177);
	font-size: 16px;
}

#item-header-avatar a {
	position: relative;
}

.item-header-avatar-edit a:hover::after {
	background: url(images/edit-3.svg) no-repeat rgba(0, 0, 0, 0.2) center;
	background-size: 50px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	content: "";
	transition: all 0.2s ease-in-out;
}




.blog_header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 50px;
	background-image: url(images/Ehoppler_site_design_home_2024_circle_element_ua.svg), url(images/Ehoppler_blog_image.jpg);
	background-repeat: no-repeat;
	background-position: 30% 50%, center;
	background-size: 170px 170px, auto 100%;
	border-radius: 12px;
	height: 294px;
	margin-bottom: 1.5rem;
}

.blog_post {
	margin-bottom: calc(var(--bs-gutter-x));
}

.blog_post-thumbnail img {
	border-radius: 12px 12px 0 0;
}

.blog_post-title {
	background: #b8dee7;
	padding: 20px 20px 15px;
}

.blog_post-body {
	background: #fff;
	padding: 10px 20px 0;
	border-radius: 0 0 12px 12px;
}

.blog_post-footer {
	display: flex;
	justify-content: flex-end;
}

.blog_post-footer a {
	padding: 5px 0 12px 20px;
	border-bottom: 5px solid rgb(228, 0, 125);
}

.blog_post-avatar {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: absolute;
	border: 7px solid #b8dee7;
	left: 13px;
	top: -15px;
}

.blog_post-avatar img {
	width: 60px !important;
	height: auto !important;
}

.blog_post-author-bg {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 8px 0 8px 93px;
	margin-top: -40px;
	z-index: 1;
	position: relative;
}

.blog_post-date {
	color: #81838a;
	margin-top: 10px;
}







/* #menu-item-14126 ul {
	display: block !important;
} */

#header #navbar .dropdown-menu .dropdown-menu {
	position: relative;
	border-color: transparent;
	display: block;
}

#header #navbar .dropdown-menu {
	box-shadow: none;
	border-color: transparent;
	/* border-top-left-radius: 0; */
}

#header #navbar .dropdown-menu li {
	padding: 0;
}

#header #navbar li.mega-menu>.dropdown-menu>li>a {
	text-transform: uppercase;
	color: rgb(19, 150, 177);
	font-weight: 700;
}

#header #navbar li.mega-menu>.dropdown-menu {
	margin-top: -20px;
}



#header #navbar .dropdown-menu .dropdown-item:focus,
#header #navbar .dropdown-menu .dropdown-item:hover {
	background: #fef2f9;
	color: rgb(228, 0, 125);
}

#header #navbar .dropdown-menu .dropdown-item {
	white-space: normal;
	min-width: 300px;
}

.post-header-title-head {
	padding-left: 20px;
}

.post-header-author-image {
	width: 200px;
	height: 200px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	flex: 0 0 auto;
}

.post-header-author-image img {
	height: auto;
	max-width: 100%;
}

.post-header-content-mobile .post-header-author-image {
	width: 150px;
	height: 150px;
	margin: 20px 0;
}

.author-info-image {
	width: 60px;
	height: 60px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	flex: 0 0 auto;
	margin-right: 15px;
}

.author-info-block {
	display: flex;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 20px 20px 0 0;
	padding: 20px;
}

.author-links {
	background: #fff;
	border-radius: 0 0 20px 20px;
	padding: 10px 20px 10px 95px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.author-links a {
	margin-right: 10px;
}

.author-links img {
	width: 32px;
	height: 32px;
}

.author-link-site {
	flex-basis: 100%;
	text-align: right;
}

.author-link-site a {
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 5px solid rgb(228, 0, 125);
}

.author-info {
	margin: 30px 0 0 0;
}

.author-info-name {
	color: #1397b1;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}

.author-description {
	font-size: 14px;
}

.post-navigation {
	display: flex;
	justify-content: space-between;
}

.post-navigation .next-post,
.post-navigation .previous-post {
	background: #1397b1;
	color: #fff;
	border-radius: 20px;
	padding: 20px;
	width: 40%;
}

.post-header-image {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	height: 320px;
	border-radius: 20px;
}

.post-header-content {
	position: absolute;
	top: 60px;
	left: 8%;
	right: 8%;
	z-index: 10;
	display: flex;
}

.post-header-image .post-header-image {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}

.post-header-image-mobile {
	border-radius: 20px;
	margin-bottom: 20px;
}

.post-header-content-mobile {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 20px;
	text-align: center;
}

.post-header-content-mobile .post-header-title h1 {
	margin: 0;
	font-size: 18px;
}

.post-entry-menu .wp-block-table-of-contents-block-table-of-contents-block,
.post-entry-content {
	background: #fff;
	border-radius: 20px;
	padding: 15px;
}

.post-entry-menu .wp-block-table-of-contents-block-table-of-contents-block {
	margin-bottom: 25px;
}

.post-entry-content iframe {
	max-width: 100%;
}

.post-header-title h1 {
	color: #fff;
	font-size: 24px;
	font-family: 'Montserrat';
	font-weight: 400;
	margin: 40px 0 20px 0;
}

.post-header-author a,
.post-header-author .blog_post-date {
	color: #fff;
	font-size: 14px;
}


/**
 * Contact form 7
 *
 * Custom form plugin.
 * https://wordpress.org/plugins/contact-form-7/
 */
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="text"],
.wpcf7 input[type="week"],
.wpcf7 input[type="date"],
.wpcf7 input[type="time"],
.wpcf7 input[type="email"],
.wpcf7 input[type="month"],
.wpcf7 input[type="number"],
.wpcf7 input[type="search"],
.wpcf7 input[type="website"],
.wpcf7 input[type="password"],
.wpcf7 select[multiple="multiple"],
.wpcf7 textarea,
.wpcf7 select {
	margin-top: 0.5rem;
}

.wpcf7 label,
.wpcf7 .form-group,
.wpcf7 form.contact-form>div,
.wpcf7 .ninja-forms-form .field-wrap,
.ninja-forms-form .wpcf7 .field-wrap,
.wpcf7 .ninja-forms-form #ninja_forms_required_items,
.ninja-forms-form .wpcf7 #ninja_forms_required_items,
.wpcf7 .wpcf7-form-control-wrap,
.wpcf7 .gform_wrapper .gfield,
.gform_wrapper .wpcf7 .gfield {
	width: 100%;
	text-align: left;
}

.wpcf7 [class*="quiz-"] label {
	width: 100%;
}

.wpcf7 .wpcf7-not-valid-tip {
	color: #d9534f;
	margin-top: 0.3333333333rem;
}

.wpcf7 .ajax-loader {
	display: none;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.wpcf7 .ajax-loader.is-active {
	display: inline-block;
}

.wpcf7 span.wpcf7-list-item {
	margin-left: .5rem;
	margin-right: .5rem;
}

.wpcf7 span.wpcf7-list-item.first {
	margin-left: 0;
}

.wpcf7-form-control-wrap {
	display: block;
}

.wpcf7 .wpcf7-response-output {
	margin: 1rem 0;
}

.wp-block-table-of-contents-block-table-of-contents-block {
	margin-bottom: 20px;
}

.wp-block-table-of-contents-block-table-of-contents-block .eb-toc-container .eb-toc-header .eb-toc-title {
	text-align: left;
	background: #fff;
	color: #1397b1;
	box-shadow: none;
	padding: 0;
	font-size: 18px;
	margin-bottom: 20px;
}

.post-entry-menu .wp-block-table-of-contents-block-table-of-contents-block .eb-toc-container {
	background-color: #fff;
}

.post-entry-menu .wp-block-table-of-contents-block-table-of-contents-block .eb-toc-container .eb-toc-wrapper {
	background-color: #fff;
}

.post-entry-menu .wp-block-table-of-contents-block-table-of-contents-block .eb-toc-container .eb-toc-wrapper .eb-toc__list {
	list-style: disc;
	padding-left: 20px;

}

.post-entry-menu .wp-block-table-of-contents-block-table-of-contents-block .eb-toc-container .eb-toc__list-wrap>.eb-toc__list li {
	margin-bottom: 10px;
	font-size: 16px;
	color: #1397b1;
}

.post-entry-menu .wp-block-table-of-contents-block-table-of-contents-block .eb-toc-container .eb-toc__list-wrap>.eb-toc__list li>a {
	width: 100%;
	padding: 0;
	font-size: 16px;
	color: #1397b1;
}

.post-entry-menu .wp-block-table-of-contents-block-table-of-contents-block .eb-toc-container .eb-toc__list-wrap>.eb-toc__list li>a:hover {
	text-decoration: underline;
}


.pmpro-login .entry-title {
	text-align: center;
}

#pmpro_login {
	text-align: center;
}

#pmpro_login .pmpro_card_actions,
#pmpro_login .pmpro_card {
	box-shadow: none;
	border-color: transparent;
	background: transparent;
}

#pmpro_login .pmpro_form_submit {
	justify-content: center;
}

.verification_go {
	text-align: center;
	background: red;
	padding: 5px 0;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.verification_go a {

	font-size: 16px;
	color: #fff;
}

.ehoppler-email-notice {
	text-align: center;
	padding: 10px 16px;
	border-radius: 20px;
	color: #fff;
	margin-bottom: 20px;
}

.ehoppler-email-notice--replace_email {
	background: rgb(228, 0, 125);
}

.ehoppler-email-notice--confirm_email {
	background: rgb(228, 0, 125);
}

.ehoppler-email-notice__text {
	margin: 0 0 8px;
	font-size: 15px;
	line-height: 1.4;
}

.ehoppler-email-notice__actions {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	align-items: center;
}

.ehoppler-email-notice__btn,
.ehoppler-email-notice__link {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-decoration: underline;
}

.ehoppler-email-notice__btn:hover,
.ehoppler-email-notice__link:hover {
	color: #fff;
	opacity: 0.9;
}

.woocommerce-account .ehoppler-email-notice-wrap {
	margin: 0 0 20px;
}

.woocommerce-account .ehoppler-email-notice {
	border-radius: 12px;
}



.woocommerce-checkout .wc-block-checkout__main {
	width: 100% !important;
}

.woocommerce-checkout .wc-block-checkout__sidebar {
	display: none;
}


.post-left-block {
	position: sticky;
	top: 25px;
}

.post-left-block-bg {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
	background: url(images/boyfriend_happy_cheerful.png) no-repeat center bottom #1397b1;
	background-size: contain;
	color: #fff;
	border-radius: 20px;
	padding: 30px 20px;
	min-height: 570px;
}

.post-left-block-title {
	font-size: 24px;
	font-weight: bold;
	font-family: 'Montserrat';
	line-height: 30px;
}

.single .post .post-navigation {
	margin-bottom: 0
}

.post-entry-content h1,
.post-entry-content h2,
.post-entry-content h3 {
	color: #1397b1;
}


.steps_body table th {
	padding-bottom: 10px;
}


.woocommerce-account .woocommerce-MyAccount-content {
	width: 100%;
}

.wc-block-components-checkout-step__container label::before {
	display: none !important;
}

#your-matches-filter .modal-header {
	padding-left: 20px;
}


#your-matches-filter .bps-block-filter {
	padding: 0 20px 15px 20px;
}

.step-lists-next .btn-primary:hover,
.step-lists-next .btn-primary {
	background: #1396b1;
	border-color: #1396b1;
}







.pricing-header {
	text-align: center;
	margin-bottom: 24px;
	font-size: 18px;
	color: #555e6b;
}

#offer-countdown {
	font-weight: 700;
	color: #ff4d4f;
}

.plan-options-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
}

.plan-option input[type="radio"] {
	display: none;
}

.plan-option .plan-label {
	display: flex;
	align-items: center;
	border: 2px solid #E8EAF0;
	border-radius: 12px;
	padding: 10px;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
	background: #F7F8FA;
}

.plan-option .plan-label:hover {
	border-color: #c8d0e0;
}

.plan-option .plan-label::before {
	content: '';
	display: block;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border: 2px solid #adb5bd;
	border-radius: 50%;
	margin-right: 10px;
	transition: all 0.3s ease;
}



.plan-option input[type="radio"]:checked+.plan-label {
	border-color: rgb(228, 0, 125);
	background: #f0f7ff;
}

.plan-option input[type="radio"]:checked+.plan-label::before {
	border-color: rgb(228, 0, 125);
	background-color: rgb(228, 0, 125);
	box-shadow: inset 0 0 0 4px rgb(228, 0, 125);
}



.plan-content-wrapper {
	display: flex;
	justify-content: space-between;
	/* Розносимо елементи по краях */
	align-items: center;
	/* Вирівнюємо по центру по вертикалі */
	text-align: left;
	position: relative;
	width: 100%;
}

.popular-badge {
	position: absolute;
	top: -25px;
	left: -15px;
	background: #ffc107;
	color: #333;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.per-day-price {
	text-align: right;
}





/* Обгортка для ціни за день */
.per-day-price {}

/* Основний прямокутник нашого тега */
.per-day-price .sale-price {
	display: inline-block;
	position: relative;
	padding: 8px 15px 8px 0px;
	background-color: #1397b1;
	color: #fff;
	border-radius: 0 6px 6px 0;
	font-weight: 700;
	font-size: 20px;
	/* Збільшуємо шрифт для самої ціни */
	line-height: 1.2;
	margin-left: 10px;
	/* Невеликий відступ від старої ціни */
}

/* Малюємо трикутник-стрілку зліва за допомогою псевдо-елемента ::before */
.per-day-price .sale-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: -18px;
	/* Висуваємо трикутник вліво. Значення = висота / 2 - 1px */
	width: 0;
	height: 0;
	border-style: solid;
	/* Магія створення трикутника за допомогою меж */
	border-width: 25px 19px 27px 0;
	/* Висота / 2, ширина, висота / 2, 0 */
	border-color: transparent #1397b1 transparent transparent;
}

/* Стилізуємо текст "per day" всередині тегу <small> */
.per-day-price .sale-price small {
	display: block;
	/* Робимо блочним, щоб він був під цифрою ціни */
	font-size: 10px;
	/* Менший розмір шрифту */
	font-weight: 500;
	/* Звичайна насиченість */
	text-transform: uppercase;
	/* Великі літери */
	line-height: 1;
	margin-top: 2px;
}

.plan-title {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1e293b;
	margin: 0 0 10px 0;
}

.plan-price {
	font-size: 24px;
	margin-bottom: 5px;
	font-weight: 700;
	color: #1e293b;
}

.per-day-price {
	font-size: 15px;
	color: #64748b;
	font-weight: 500;
}

.per-day-price .regular-price {
	text-decoration: line-through;
	color: #94a3b8;
	margin-right: 8px;
}

.per-day-price .sale-price {
	font-weight: 700;
	color: #fff;
}

.plan-price .regular-price {
	text-decoration: line-through;
	color: #94a3b8;
	font-size: 0.7em;
	margin-right: 8px;
	font-weight: 400;
}

.plan-footer {
	text-align: center;
	margin-top: 10px;
}

.plan-button {
	display: block;
	width: 100%;
	padding: 15px;
	background-color: #28a745;
	color: #fff !important;
	text-decoration: none;
	border-radius: 8px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
	font-size: 16px;
}

.plan-button:hover {
	background-color: #218838;
}


/* Стилізація кастомних чекбоксів */
.custom-checkbox {
	position: relative;
	/* Необхідно для позиціонування інпуту */
	margin-bottom: 1rem;
}


/* Ховаємо стандартний чекбокс, але залишаємо його функціональним */
.custom-checkbox .form-check-input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	/* Робимо інпут поверх тексту, щоб вся область була клікабельна */
	cursor: pointer;
}


/* Стилізуємо label, щоб він виглядав як кнопка */
.custom-checkbox .form-check-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* Розносимо текст і іконку по краях */
	padding: 1rem 1.25rem;
	border: 1px solid #dee2e6;
	border-radius: 0.5rem;
	width: 100%;
	font-size: 1rem;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}


/* Стилізуємо зовнішній квадратик (неактивний стан) */
.custom-checkbox .form-check-label::after {
	content: '';
	display: inline-block;
	width: 24px;
	/* Розмір зовнішнього квадрата */
	height: 24px;
	border-radius: 4px;
	/* Заокруглення кутів */
	border: 2px solid #adb5bd;
	/* Сіра обводка */
	margin-left: 1rem;
	position: relative;
	/* Для позиціонування внутрішнього квадрата */
}


/* Стилі для вибраного стану */
.custom-checkbox:has(input[type="radio"]:checked),
.custom-checkbox:has(input[type="checkbox"]:checked),
.custom-checkbox:hover,
.custom-checkbox .form-check-input:checked+.form-check-label {
	background-color: rgba(19, 150, 177, .1);
	border-color: rgb(228, 0, 125);
	border-radius: 0.5rem;
}


/* Створюємо внутрішній рожевий квадратик при виборі */

.custom-checkbox .form-check-input:checked+.form-check-label::after {
	border-color: rgb(228, 0, 125);
	/* Рожева обводка */
	border-width: 2px;
}


.custom-checkbox .form-check-input:checked+.form-check-label::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: auto;
	right: 25px;
	/* Відступ справа */
	transform: translateY(-50%);
	width: 15px;
	/* Розмір внутрішнього квадрата */
	height: 15px;
	background-color: rgb(228, 0, 125);
	/* Рожевий колір заповнення */
	border-radius: 2px;
	/* Заокруглення кутів */
}




.steps_description {
	margin-bottom: 20px;
}


#profile-item-nav-top ul li a {
	display: flex;
	justify-content: center;
	/* Це відцентрує іконку */
	align-items: center;
	width: 100%;
}

.page-id-14903 .entry-title {
	display: none;
}

.page-id-14903 #pmpro_levels_table {
	display: flex;
	justify-content: center;
}



.user-invitations .material-icons {
	font-size: 20px;
	color: #797878;
}


#profile-item-nav-top #friends-personal-li a {
	text-transform: uppercase;
	color: #fff;
}

.goals-list-two .custom-checkbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* Розносимо текст і іконку по краях */
	padding: 1rem 1.25rem;
	border: 1px solid #dee2e6;
	border-radius: 0.5rem;
	width: 100%;
	font-size: 1rem;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.goals-list-two .custom-checkbox>div {
	flex-basis: 67px;
}

.goals-list-two .goals-list-name {
	flex-grow: 1;
}


.item-avatar a img {
	min-width: 238px;
}

#user-bp_better_messages_tab {
	position: relative;
}

#user-bp_better_messages_tab .count {
	border-radius: 50%;
	font-size: 10px;
	color: #fff;
	background: rgb(228, 0, 125);
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: -10px;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	box-sizing: border-box;
}

.bpbmuc {
	background: rgb(228, 0, 125);
	position: absolute;
}



.step-error {
	padding: 15px;
	margin-bottom: 15px;
	color: red;
	border-radius: 8px;
	border: 1px solid red;
}



.info_steps_title {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 23px;
	margin-bottom: 15px;
}

.info_steps_body {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 30px;
}















































/* Compatibility Message Bubble */
.compatibility-message-bubble {
	background-color: #f7fdfd;
	border-radius: 20px 20px 20px 0;
	padding: 15px 25px;
	position: relative;
	display: inline-block;
	color: #1b9ea0;
	text-align: center;
	margin-bottom: 25px;
	box-shadow: 0 5px 15px rgba(27, 158, 160, 0.1);
}

.compatibility-message-bubble::after {
	content: '';
	position: absolute;
	bottom: -14px;
	left: 0;
	border-width: 15px 15px 0 0;
	border-style: solid;
	border-color: #f7fdfd transparent transparent transparent;
}

.compatibility-message-bubble .bubble-title {
	font-weight: 700;
	margin: 0 0 5px 0;
	line-height: 1.2;
	font-size: 18px;
}

.compatibility-message-bubble .bubble-subtitle {
	font-weight: 500;
	margin: 0;
	font-size: 15px;
}

@media only screen and (max-width: 991px) {
	.row > [class*="col-md-"],
	.row > [class*="col-sm-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#profile-item-nav-top {
		display: block;
	}

	#profile-item-nav {
		display: none !important;
	}

	.profile-candidates-btn {
		display: block;
	}

	.compatibility-message-bubble {
		display: none !important;
	}

	.main-bottom-btn img {
		left: 0;
	}

	.steps_body {
		padding: 10px;
	}

	#header #navbar li.mega-menu>.dropdown-menu {
		margin-top: 0;
		border-radius: 0;
	}

	#main_about_video iframe {
		height: 197px;
	}


	.pagination_steps {
		font-size: 20px;
		align-items: flex-start;
	}

	#buddypress #header-cover-image {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.steps_body {
		margin-top: 30px;
	}

	.user_logged_menu {
		list-style: none;
		padding: 0;
		margin: 0 0 15px 0;
	}

	.user_logged_menu li a {
		font-size: 16px;
		padding: 8px 8px 8px 60px;
		color: #000;
		display: block;
	}

	.members_page_top {
		flex-direction: column;
		align-items: flex-start;
		margin: 0 0 30px 0;
	}

	.members-dir-search {
		margin: 15px 0;
		width: 100%;
	}

	.members-dir-search #members_search {
		width: calc(100% - 50px);
	}

	.members_page_top-title {
		font-size: 20px;
		line-height: 24px;
	}

	.hiw-content-register-mobi {
		margin: -50px 0 20px 0;
		text-align: center;
	}


	.how-it-works-swiper .swiper-slide {
		padding: 0 10px;
		min-height: 876px;
	}

	.hiw-content {
		margin: 30px 0 0 0;
		flex-direction: column;
		display: flex;
		align-items: center;
		text-align: center;
	}

	.hiw-content-content a {
		display: inline-block;
	}

	.hiw-content-content {
		margin-left: 0;
	}

	.hiw-content-number {
		margin: 0;
	}

	.hiw-content-title {
		flex-direction: column;
		align-items: center;
	}

	.hiw-content-image {
		justify-content: center;
	}

	.widget_mp_match_widget {
		margin: 23px 0 0;
		border-radius: 20px 20px 0 0;
	}

	.widget_mp_match_widget .widgettitle {
		text-align: center;
		font-size: 18px;
	}


	.profile-list-tabs ul {
		grid-template-columns: repeat(1, 1fr);
	}

	.single-header-change_avatar {
		display: none;
	}

	#item-header-cover-image .generic-button,
	#item-header-cover-image #send-private-message {
		display: none !important;
	}


	#item-header-cover-image {
		flex-direction: column;
	}

	#item-header-avatar {
		padding: 0;
		/*	margin-top: -40px;*/
	}

	#item-header-avatar a {
		display: inline-block;
		width: 150px;
		height: 150px;
	}

	.single-header-cover-content {
		text-align: center;
	}

	.single-header-nicename {
		margin-top: 20px;
	}

	.newmain-head {
		padding: 20px 15px 30px;
		text-align: center;
		background: none !important;
		min-height: 0 !important;
		margin-bottom: 40px;
	}

	.newmain-head-en {
		background: none !important;
	}

	.newmain-head > .row > [class*="col-"] {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.newmain-head-hero-img {
		display: block;
		width: 100%;
		max-width: 420px;
		max-height: 260px;
		height: auto;
		object-fit: contain;
		margin: 16px auto;
	}

	.main-head-title {
		margin-bottom: 0;
		font-size: 20px;
		line-height: 24px;
	}

	.main-head-second-title,
	.newmain-head-second-title {
		margin-top: 0;
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 21px;
	}

	.newmain-head-register,
	.newmain-head .main-head-register {
		width: 100%;
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.newmain-head-logo {
		margin-left: 0;
		width: 120px;
	}

	#header .nav-link.active,
	#header .nav-link:hover {
		border: none;
		/* color: rgb(228,0,125); */
		background: #fff;
	}

	#header #navbar {
		margin-left: calc(var(--bs-gutter-x)*-.5);
		margin-right: calc(var(--bs-gutter-x)*-.5);

	}

	#header .nav-link {
		font-size: 20px;
		line-height: 24px;
		padding: 8px 8px 8px 60px;
	}

	.header_user_menu {
		margin: 20px 0 10px;
	}

	.header_user_menu>.navbar-nav {
		flex-direction: row;
		align-items: center;
		padding: 10px 0;
	}

	.header_user_menu .menu-link-login {
		color: #fff;
		background: rgb(19, 150, 177);
		border-radius: 20px;
		padding: 0.375rem 1.2rem;
		font-size: 16px;
		font-weight: 700;
		margin: 0 30px 0 60px;
	}

	.header_user_menu .material-icons {
		font-size: 20px;
		color: #fff;
	}

	.header_user_menu li {
		display: flex;
		align-items: center;
	}

	.steps_header {
		margin: 0 0 20px;
		font-size: 20px;
		line-height: 24px;
	}

	.steps_body table h3 {
		font-size: 20px;
	}

	.steps_title {
		font-size: 20px;
		line-height: 22px;
		height: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

	.steps_icon {
		margin: 0;
		justify-content: flex-end;
		height: 100%;
		display: flex;
		align-items: center;
	}

	.steps_icon img {
		width: 40px;
	}

	.header_user_menu .btn-primary {
		font-weight: 700;
	}

	.header_user_menu>.navbar-nav.logged-out {
		background: #fff;
	}

	.header_user_menu>.navbar-nav.logged-in {
		background: rgb(19, 150, 177);
		padding: 15px 30px 15px 65px;
		display: flex;
		justify-content: space-between;
		margin-top: -20px;
		color: #fff;
	}

	.header_profile {
		padding: 8px 8px 8px 65px;
		margin-top: 20px;
	}

	.header_profile a {
		display: flex;
		align-items: center;
		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
	}

	.header_profile .head-avatar {
		margin-right: 20px;
	}


	#bp-better-messages-mini-mobile-open {
		display: none !important;
	}

	#header {
		padding: 20px 0;
	}

	.main-second {
		text-align: center;
		padding-top: 70px;
		overflow: hidden;
	}

	.main-second-title {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 40px;
	}

	.peolpe_in_circle_02 {
		position: absolute;
		margin: 0;
		top: 25%;
		left: -50px;
	}

	.main-second-list {
		padding-left: 0;
	}

	.peolpe_in_circle_01 {
		top: 25%;
		right: -50px;
	}

	.main-second-list li {
		font-size: 16px;
		line-height: 21px;
	}

	.star-couples .main-title,
	.main-title {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.footer-logo {
		margin-left: 0;
	}


	.main-review {
		margin-bottom: 50px;
	}

	.compatibility-title {
		text-align: center;
		margin-top: 0;
		font-size: 20px;
		line-height: 24px;
	}

	.newcompatibility {
		overflow: hidden;
	}

	.compatibility-history-life img {
		max-width: 120%;
		position: relative;
		left: -10%;
		margin: 10px 0 -10px 0;
	}

	.start_video {
		width: 50px;
		height: 50px;
		margin: -25px 0 0 -25px;
	}

	.main-about-slide {
		margin-bottom: 10px;
	}

	#how-it-works .main-about-slide,
	.star-couple,
	.main-advantages-slide {
		margin-bottom: 20px;
	}

	.newcompatibility,
	.main-faqs,
	.main-reviews,
	.star-couples,
	.main-advantages,
	.main-about {
		margin-top: 50px;
	}

	.main-bottom {
		padding-top: 50px;
		background: none;
		overflow: hidden;
	}

	.star-couples-bottom {
		flex-direction: column;
	}

	.star-couples-slogan {
		margin-bottom: 25px;
	}



	.blog_header {
		padding-left: 30px;
		/* background-image: url(images/Ehoppler_site_design_home_2024_circle_element_ua.svg), url(images/Ehoppler_blog_image.jpg);
    background-repeat: no-repeat; */
		background-position: 10% 95%, center;
		background-size: 60px 60px, 100% auto;
	}



}

.premium-features-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.premium-feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.premium-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
}

.premium-feature-icon.teal-bg {
    background-color: #1396b1;
}

.premium-feature-icon.pink-bg {
    background-color: #e4007d;
}

.premium-feature-icon svg {
    width: 24px;
    height: 24px;
}

.premium-feature-text {
    font-size: 17px;
    line-height: 1.4;
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

















.pmpro-login #pmpro_login {
	display: none;
}
.pmpro-login .entry-title {
	font-size: 40px;
}
.btn.tgme_widget_login_button {
text-transform: uppercase !important;
}
  #ehoppler-magic-login-block {
            max-width: 620px;
            margin: 30px auto 0;
            padding: 0 14px;
        }
        #ehoppler-login-buttons {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-bottom: 12px;
        }
        #ehoppler-google-login-mount {
        	margin-top: 15px;
        }
        .ehoppler-magic-login-inner,
        .ehoppler-google-login-inner {
            background: transparent;
            border-radius: 0;
            padding: 0;
            box-shadow: none;
        }
        .ehoppler-google-login-inner {
            margin-bottom: 14px;
        }
        .ehoppler-google-login-widget {
            display: flex;
            justify-content: center;
        }
        .ehoppler-magic-login-inner > button {
        	max-width: 236px;
            margin: 0 auto;
            display: flex;
        }
        .ehoppler-google-login-widget p.galogin {
            width: 100%;
            max-width: 236px;
            margin: 0 auto;
            background: transparent !important;
            box-shadow: none !important;
            border: 0 !important;
            padding: 0 !important;
        }
        .ehoppler-google-login-widget p.galogin a,
        .ehoppler-login-action-btn,
        .ehoppler-google-login-widget p.galogin a#customBtn {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            min-height: 40px;
            padding: 5px 10px 5px 16px !important;
            border-radius: 999px;
            background: #fff !important;
            border: 1px solid #d7dde2 !important;
            color: #233646 !important;
            font-size: 16px !important;
            font-weight: 500;
            text-transform: none !important;
            text-decoration: none !important;
 
            letter-spacing: .02em;
        }
        .ehoppler-login-action-btn {
            cursor: pointer;
            font-family: inherit;
            color: #2b2b2b !important;
            background: #fff;
        }
        .ehoppler-login-action-btn.is-open {
            box-shadow: 0 4px 10px rgba(24, 44, 63, .08);
        }
        .ehoppler-login-action-text {
            flex: 1;
            text-align: left;
            padding-right: 8px;
        }
        .ehoppler-login-action-icon {
            width: 28px;
            height: 28px;
            border-radius: 999px;
            background: #2ca9df;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            font-weight: 700;
            line-height: 1;
        }
        .ehoppler-google-login-widget p.galogin a img {
            order: 2;
            max-height: 22px;
            margin-left: 10px;
            margin-right: 0;
        }
        .ehoppler-google-login-widget p.galogin a img.ehoppler-google-custom-icon {
            order: 0;
            width: 22px;
            height: 22px;
            max-height: none;
            margin-right: 13px;
            margin-left: 0;
            object-fit: contain;
            flex: 0 0 22px;
        }
        .ehoppler-email-custom-icon {
            width: 22px;
            height: 22px;
            object-fit: contain;
            flex: 0 0 22px;
        }
        .ehoppler-login-action-mail {
            justify-content: flex-start;
            gap: 10px;
        }
        .ehoppler-login-action-mail .ehoppler-login-action-text {
            padding-right: 0;
        }
        .ehoppler-google-login-widget p.galogin a .buttonText {
            order: 1;
            text-align: left;
            width: auto;
            flex: 1;
            overflow: visible;
            text-overflow: unset;
            padding-right: 8px;
        }
        .ehoppler-login-action-telegram,
        .ehoppler-login-action-mail {
            text-decoration: none;
        }
        #ehoppler-magic-login-block p.galogin-powered {
            display: none;
        }
        .ehoppler-telegram-login-widget {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .ehoppler-telegram-login-widget .wptelegram-login-output-wrap {
            width: 100%;
            max-width: 380px;
            display: flex;
            justify-content: center;
        }
        .ehoppler-magic-panel {
            margin-top: 10px;
            padding: 14px 14px 12px;
            background: #F3FAFB;
            border-radius: 18px;
 
        }
        .ehoppler-magic-login-subtitle {
            font-size: 13px;
            text-align: center;
            color: #6b8090;
            margin-bottom: 10px;
            line-height: 1.35;
        }
        .ehoppler-magic-login-row {
            display: flex;
            gap: 10px;
        }
        .ehoppler-magic-input {
            flex: 1;
            min-width: 0;
            min-height: 52px;
            border: 1px solid #d6dce1;
            border-radius: 999px;
            padding: 0 16px;
            outline: none;
            font-size: 16px;
            background: #fff;
        }
        .ehoppler-magic-send {
            border: 0;
            border-radius: 999px;
            background: #1ea7d8;
            color: #fff;
            min-height: 52px;
            padding: 0 20px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            white-space: nowrap;
    
        }
        .ehoppler-magic-message {
            margin-top: 10px;
            font-size: 13px;
            min-height: 20px;
            text-align: center;
        }
        #ehoppler-login-bottom-links {
            margin-top: 100px;
            text-align: center;
        }
        #ehoppler-login-bottom-links .ehoppler-register-row {
            font-size: 16px;
            margin-bottom: 16px;
            color: #1e96ba;
        }
        #ehoppler-login-bottom-links .ehoppler-register-row a {
            color: #e4007d;
            text-decoration: underline;
            font-weight: bold;
            margin-left: 10px;
        }
        #ehoppler-login-bottom-links .ehoppler-policy-row {
            font-size: 16px;
            margin-bottom: 10px;
        }
        #ehoppler-login-bottom-links .ehoppler-policy-row a {
            color: #6b8090;
            text-decoration: underline;
        }
        @media (max-width: 540px) {
            #ehoppler-magic-login-block {
                max-width: 560px;
                margin-top: 22px;
                padding: 0 14px;
            }
            .ehoppler-magic-login-inner,
            .ehoppler-google-login-inner {
                padding: 0;
            }
            .ehoppler-google-login-widget p.galogin a {
                min-height: 50px;
                font-size: 14px !important;
                padding: 8px 14px !important;
            }
            .ehoppler-magic-login-subtitle {
                font-size: 13px;
                margin-bottom: 12px;
            }
            .ehoppler-magic-panel {
                padding: 12px;
            }
            .ehoppler-magic-login-row {
                flex-direction: column;
                gap: 10px;
            }
            .ehoppler-magic-input {
                min-height: 52px;
                padding: 0 16px;
                font-size: 16px;
            }
            .ehoppler-magic-send {
                width: 100%;
                min-height: 52px;
                font-size: 16px;
                padding: 0 18px;
            }
            .ehoppler-magic-message {
                font-size: 13px;
            }
   
  
      
        }