/* CSS Index
-----------------------------------
1. Theme default css
2. Header Area
3. Off Canvas Menu
4. Mobile Menu Area
5. Hero Area
*/

/* Theme Default CSS
==================================================*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
	--color-primary: #ffd621;
	--color-primary-80: #ffde4d;
	--color-system: #2883d8;
	--color-vote-active: #2cae41;
	--color-red: #ff6230;
	--color-black: #05081e;
	--color-bg: #CDCED2;
	--white: #fff;
	--input-stroke: #DDDDDD;
	--black: #37394b;
	--body: #696b78;
	--black-5: #f2f3f4;
	--border: #dddddd;
	--heading: #05081e;
	--black-40: #9B9CA5;
	--white: #fff;
	--green: #2cae41;
	/* --color-bg: ##CDCED2; */

	--color-white: #ffffff;
	--color-white-60: rgba(255, 255, 255, 0.6);
	--color-white-40: rgba(255, 255, 255, 0.4);
	--color-black-80: #37394b;
	--color-black-60: #696b78;
	--color-black-40: #9b9ca5;
	--color-black-20: #cdced2;
	--color-border: #dddddd;
	--font-awesome: "Font Awesome 5 Free";
	--font-Jost: "Jost", sans-serif;
}

body {
	font-family: var(--font-Jost);
	font-weight: 400;
	font-size: 12px;
	color: var(--color-black-40);
	line-height: 18px;
	position: relative;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;

}

.PointerClass {
	cursor: pointer;
}

a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	text-decoration: none;
}

a:hover,
.main-menu li a:hover,
.footer-menu li a:hover {
	color: var(--color-primary);
	text-decoration: none;
}

a,
button {
	color: var(--color-primary);
	outline: medium none;
	cursor: pointer;
	font-family: var(--font-Jost);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-Jost);
	font-weight: 500;
	font-style: normal;
	color: var(--color-black);
	margin: 0 0 15px;
	text-transform: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

h1 {
	font-size: 64px;
	line-height: 72px;
}

h2 {
	font-size: 40px;
	line-height: 48px;
}

h3 {
	font-size: 32px;
	line-height: 40px;
}

h4 {
	font-size: 24px;
	line-height: 32px;
}

h5 {
	font-size: 18px;
	line-height: 26px;
}

h6 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none;
}

p {
	margin-bottom: 15px;
}

hr {
	border-bottom: 1px solid var(--color-border);
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}

label {
	color: var(--color-black-80);
	cursor: pointer;
	margin-bottom: 5px;
	font-family: var(--font-Jost);
}

*::-moz-selection {
	background: var(--color-black);
	color: var(--color-white);
	text-shadow: none;
}

::-moz-selection {
	background: var(--color-black);
	color: var(--color-white);
	text-shadow: none;
}

::selection {
	background: var(--color-black);
	color: var(--color-white);
	text-shadow: none;
}

*::-moz-placeholder {
	color: var(--color-black-20);
	font-size: 14px;
	opacity: 1;
}

*::placeholder {
	color: var(--color-black-20);
	font-size: 14px;
	opacity: 1;
}

/* button style */
.btn {
	background: var(--color-primary) none repeat scroll 0 0;
	border: 1px solid var(--color-primary);
	border-radius: 4px;
	color: var(--color-black);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 0;
	padding: 10px 20px;
	text-align: center;
	transition: all 0.3s ease 0s;
	font-family: var(--font-Jost);
}

.btn.btn-white {
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
	font-family: var(--font-Jost);
}

.btn.btn-edit {
	background-color: var(--color-bg);
	border-color: var(--color-bg);
}

.btn.btn-follow {
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	border: none;
	color: var(--color-white);
	font-weight: 700;
	gap: 5px;
}

.follow--unfollow {
	min-width: 116px;
}

.btn.btn-follow:hover {
	background-color: transparent;
}

.btn.feed-edit {
	background-color: transparent;
	border-color: var(--color-vote-active);
	padding: 3px 17px;
	color: var(--color-vote-active);
}

.btn.feed-edit:hover {
	color: var(--color-vote-active);
}

.btn.btn-feedback {
	background-color: transparent;
	border-color: var(--color-vote-active);
	color: var(--color-vote-active);
}

.btn.btn-edit.follow {
	background-color: var(--color-system);
	border-color: var(--color-system);
	color: var(--color-white);
}

.btn.btn-edit.following {
	background-color: var(--color-black-40);
	border-color: var(--color-black-40);
	color: var(--color-white);
}

.following {
	cursor: pointer;
}

.followers {
	cursor: pointer;
}

.text-title {
	color: var(--heading) !important;
}

.btn:hover,
.btn.btn-white:hover,
.btn.btn-edit:hover,
.btn.btn-edit.follow:hover,
.btn.btn-edit.following:hover {
	background: var(--color-black-80);
	border-color: var(--color-black-80);
	color: var(--color-white);
}

.btn.btn-vote,
.btn.btn-vote:hover {
	background-color: var(--color-white);
	border-color: var(--color-black-40) !important;
	padding: 10px 11px;
	display: inline-flex;
	align-items: center;
	color: var(--color-black);

}

.btn.btn-vote.active {
	background-color: var(--color-vote-active);
	border-color: var(--color-vote-active);
	color: var(--color-white);
}

.btn.btn-vote.active img {
	filter: brightness(5);
}

.btn.btn-vote.active span {
	color: var(--white);
}

.btn.btn-vote span {
	color: var(--color-black);
}

input:focus[type="url"],
input:focus[type="text"],
input:focus[type="email"],
input:focus[type="tel"],
input:focus[type="button"],
input:focus[type="submit"],
input:focus[type="search"],
button:focus[type="button"],
button:focus[role="button"],
button:focus,
input:focus,
textarea:focus {
	outline: none;
	text-decoration: none;
}

.btn:focus,
button:focus,
button.btn-close:focus {
	box-shadow: 0 0 0 0;
}

.line {
	background-color: var(--color-bg);
	width: 1px;
	height: 98%;
	margin: auto;
}

/* start: Header Area
==================================================*/
.site-header {
	padding: 20px 0;
	background-color: var(--color-white);
	border-bottom: 1px solid var(--color-bg);
	transition: all 0.3s ease-in-out 0s;
}

.site-header.with_login {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 51;
}

.site-header.sticky {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px 0;
}

.site-content {
	padding-top: 87px;
}

.site-header.header-absolute {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	background-color: transparent;
	border: none;
	z-index: 9;
}

.site-header.header-absolute.sticky {
	background-color: rgba(255, 255, 255, 0.8);
	transition: all 0.3s ease-in-out 0s;
	border-bottom: 1px solid var(--color-bg);
}

.site-header .site_menu {
	position: relative;
}

.site_menu .menu_bar {
	position: relative;
}

.site_menu .menu_bar>a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 30px;
}

.site_menu .menu_bar .side_menu {
	position: absolute;
	padding-top: 30px;
	top: 80%;
	left: 0;
	transition: all 0.3s ease-in-out 0s;
	transform: scaleX(0);
	transform-origin: left;
	visibility: hidden;
	opacity: 0;
}

.site_menu .menu_bar:hover .side_menu {
	visibility: visible;
	opacity: 1;
	transform: scaleX(1);
}

.site_menu .menu_bar .side_menu ul {
	width: 200px;
	background-color: var(--color-white);
	padding: 15px 0px;
	border-radius: 0 10px 10px 0;
}

.side_menu li,
.side_menu.mobile li {
	display: block;
}

.side_menu li>a,
.side_menu.mobile li a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black-80);
	padding: 5px 20px;
}

.side_menu li>a:hover,
.side_menu.mobile li a:hover {
	color: var(--color-primary);
}

.site_menu .site_logo a {
	display: inline-block;
	max-width: 236px;
	margin-right: 27px;
}

.header-absolute .site_menu .site_logo a .black_logo,
.header-absolute .site_menu .menu_bar>a .black_bar {
	display: none;
}

.header-absolute .site_menu .site_logo a .white_logo,
.header-absolute .site_menu .menu_bar>a .white_bar {
	display: block;
}

.header-absolute.sticky .site_menu .site_logo a .white_logo,
.header-absolute.sticky .site_menu .menu_bar>a .white_bar {
	display: none;
}

.header-absolute.sticky .site_menu .site_logo a .black_logo,
.header-absolute.sticky .site_menu .menu_bar>a .black_bar {
	display: block;
}

.site_menu .main_menu li {
	display: inline-block;
}


.site_menu .main_menu li>ul.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	max-width: 130px;
	width: 100%;
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 4px;
	box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08);
	z-index: 99;
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out 0s;
}

.site_menu .main_menu li:hover>ul.submenu {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.site_menu .main_menu li>ul.submenu>li {
	width: 100%;
}

.site_menu .main_menu li>ul.submenu>li>a {
	display: block !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	color: var(--color-black) !important;
	padding: 10px 14px !important;
	background-color: var(--color-white) !important;
}

.site_menu .main_menu li>ul.submenu>li:hover>a,
.site_menu .main_menu li>ul.submenu>li.active>a {
	background-color: var(--color-primary) !important;
}

.site_menu .main_menu li>a,
.header-absolute.sticky .site_menu .main_menu li>a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black-80);
	display: block;
}

.header-absolute .site_menu .main_menu li>a {
	color: var(--color-white);
}

.site_menu .main_menu li>a:hover,
.header-absolute.sticky .site_menu .main_menu li>a:hover {
	color: var(--color-primary);
}

.site_menu .main_menu li:not(:last-child) {
	margin-right: 26px;
}

.side_menu.mobile li>ul.submenu {
	padding: 0 20px;
	display: none;
}

.side_menu.mobile li>ul.submenu>li>a {
	background-color: #f2f3f4;
	font-size: 14px;
	line-height: 1.2;
	color: var(--color-black);
	padding: 7px 10px;
}

.side_menu.mobile li>ul.submenu>li:first-child>a {
	border-radius: 4px 4px 0 0;
}

.side_menu.mobile li>ul.submenu>li:last-child>a {
	border-radius: 0 0 4px 4px;
}

.side_menu.mobile li>ul.submenu>li:hover>a,
.side_menu.mobile li>ul.submenu>li.active>a {
	background-color: var(--color-primary);
}

.site_menu .menu_right {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.menu_right .user {
	margin-left: 20px;
	position: relative;
}

.menu_right .user>a {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.menu_right .user .profile_settings {
	position: absolute;
	top: 100%;
	right: 0;
	width: 145px;
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 4px;
	padding: 10px 20px;
	margin-top: 10px;
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out 0s;
}

.menu_right .user:hover .profile_settings {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.menu_right .user .profile_settings:before,
.menu_right .user .profile_settings:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid !important;
	border-color: transparent !important;
	border-top: 0 !important;
}

.menu_right .user .profile_settings:before {
	top: -10px;
	right: 9px;
	border-bottom-color: var(--color-border) !important;
	border-width: 10px !important;
}

.menu_right .user .profile_settings:after {
	top: -9px;
	right: 9px;
	border-bottom-color: var(--color-white);
	border-width: 9px;
}

.menu_right .user .profile_settings ul {
	list-style: none;
}

.menu_right .user .profile_settings ul li {
	width: 100%;
	display: block;
}

.menu_right .user .profile_settings ul li:not(:last-child) {
	border-bottom: 1px solid var(--color-border);
	padding-bottom: 11px;
	margin-bottom: 10px;
}

.menu_right .user .profile_settings ul li a {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black-60);
}

.menu_right .user .profile_settings ul li a.active,
.menu_right .user .profile_settings ul li a:hover {
	color: var(--color-black);
}

.menu_right .notification a {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 20px;
}

.menu_right .notification a:after {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	background-color: var(--color-red);
	border-radius: 100%;
	right: 4px;
	top: 0;
}

.menu_right .notification a.inline-style:after {
	background-color: transparent !important;
}

.menu_right.without_login .button.join_now {
	margin-left: 20px;
}

.menu_right.with_logged_in .button .btn.plus {
	padding: 10px;
	line-height: 1;
}

.menu_right.with_logged_in .button .btn.plus img {
	width: 12px;
	height: 12x;
}

.side_menu.mobile {
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--color-white);
	padding: 15px 0;
	border-radius: 0 10px 10px 0;
	transition: all 0.3s ease-in-out 0s;
	transform: translateX(-150%);
	visibility: hidden;
	opacity: 0;
	z-index: 99;
}

.side_menu.mobile.open {
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.side_menu.mobile ul {
	width: 220px;
}

.side_menu.mobile .side_menu_top .close {
	display: block;
	text-align: right;
	margin-left: auto;
	padding: 0px 20px 10px;
}

.side_menu.mobile .side_menu_top .close>img {
	filter: invert(1);
	width: 24px;
	height: 24px;
}

.without_login .side_menu.mobile {
	/* right: 0;
	left: auto;
	transform: translateX(100%);
	border-radius: 10px 0 0 10px;
	visibility: hidden;
	opacity: 0; */
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--color-white);
	padding: 15px 0;
	border-radius: 0 10px 10px 0;
	transition: all 0.3s ease-in-out 0s;
	transform: translateX(-150%);
	visibility: hidden;
	opacity: 0;
	z-index: 99;
}

.without_login .side_menu.mobile.open {
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.without_login .side_menu.mobile .side_menu_top .close {
	text-align: right;
}

.site-overlay {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	transition: all 0.3s ease-in-out 0s;
	z-index: 8;
	visibility: hidden;
	opacity: 0;
}

.site-overlay.open {
	visibility: visible;
	opacity: 1;
}

/* end: Header Area */

/* < !-- since visit last time --> */
.since_visit_last_time {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.since_visit_last_time::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right,
			var(--black-40) 33%,
			rgba(255, 255, 255, 0) 0%);
	background-position: bottom;
	background-size: 7px 1px;
	background-repeat: repeat-x;
	z-index: -1;
}

.since_visit_last_time>.text {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	background-color: var(--white);
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: var(--black-40);
	padding: 0 8px;
}

/* < !-- !since visit last time --> */

/* start: Footer Area
==================================================*/
.site-footer {
	background-color: var(--color-bg);
	padding-top: 60px;
	padding-bottom: 40px;
}

.footer_widget {
	margin-bottom: 40px;
}

.footer_widget .site_info {
	max-width: 201px;
	width: 100%;
}

.site_info .footer_logo>a {
	display: block;
	margin-bottom: 30px;
}

.site_info .hash_tag span {
	display: block;
	margin-bottom: 20px;
	font-weight: 500;
	color: var(--color-black-80);
}

.site_info .socials {
	margin-top: 35px;
}

.site_info .socials li {
	display: inline-block;
}

.site_info .socials li a {
	display: block;
	width: 30px;
	height: 30px;
}

.site_info .socials li:not(:last-child) {
	margin-right: 10px;
}

.footer_widget .footer_title,
.footer_subscription .title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black);
	margin-bottom: 10px;
}

.footer_menu li {
	display: block;
}

.footer_menu li>a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--color-black-60);
}

.footer_menu li>a:hover {
	color: var(--color-black);
}

.footer_subscription .title {
	margin-bottom: 15px;
}

.footer_widget .footer_subscription {
	max-width: 290px;
	width: 100%;
	margin: auto;
}

.footer_subscription input[type="email"],
.footer_subscription input[type="submit"] {
	width: 100%;
	display: block;
}

.footer_subscription input[type="email"] {
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black-40);
	border-radius: 4px;
	padding: 10px 20px;
	margin-bottom: 15px;
}

/* end: Footer Area */

/* start: Hero Section
==================================================*/
.hero-section {
	min-height: 1000px;
	background-size: cover !important;
	background-position: center center !important;
}

.hero_inner_content .title {
	color: var(--color-white);
	margin-bottom: 30px;
}

.hero_inner_content .text {
	max-width: 520px;
	width: 100%;
	font-size: 20px;
	line-height: 26px;
	color: var(--color-white);
	font-family: var(--font-Jost);
}

.hero_inner_content .btn {
	margin-top: 15px;
	padding: 15px 25px;
	font-size: 16px;
	line-height: 24px;
}

.bottom-slider-section {
	margin-top: -95px;
	position: relative;
	z-index: 2;
}

.bottom_slider_inner {
	display: flex;
	/* flex-wrap: wrap; */
	position: relative;
}

.bottom_slider_inner .active:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--color-white);
	height: 1px;
}

.bottom_slider_inner .single_slider {
	position: relative;
	flex: 0 0 25%;
	max-width: 25%;
	padding: 20px 0;
	opacity: 0.5;
	transition: all 0.3s ease-in-out 0s;
}

.bottom_slider_inner .single_slider.active {
	opacity: 1;
}

.bottom_slider_inner .single_slider .title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 5px;
	color: var(--color-white);
}

.bottom_slider_inner .single_slider .date {
	display: block;
	color: var(--color-white-60);
}

/* .bottom_slider_inner .single_slider.active:after {
	position: absolute;
	content: "";
	top: -1px;
	left: -30px;
	width: 100%;
	background-color: var(--color-white);
	height: 1px;
} */
.hero_bottom_slider {
	overflow: hidden;
	position: relative;
}

.hero_bottom_slider:before {
	position: absolute;
	content: "";
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--color-white-40);
	height: 1px;
}

/* end: Hero Section */

/* start: Feed Section
==================================================*/
.photo-feed-section {
	padding-top: 68px;
	padding-bottom: 80px;
}

.feed_content .feed_content_heading,
.member_sidebar_content .sidebar_heading {
	margin-bottom: 38px;
}

.feed_content .feed_content_heading .title,
.member_sidebar_content .sidebar_heading .title {
	margin-bottom: 0;
}

.feed_content_heading .feedFilter {
	min-width: 151px;
	width: auto;
	border: 1px solid var(--color-black-20);
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	border-radius: 4px;
	cursor: pointer;
	font-family: var(--font-Jost);
}

.feed_content_heading .feedFilter li.activated,
.feed_content_heading .feedFilter>img {
	display: inline-block;
}

.feed_content_heading .feedFilter>img {
	width: 23px;
	height: 23px;
}

.feed_content_heading .feedFilter li.activated,
.feed_content_heading .feedFilter ul.filter_lists li {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black-60);
}

.feed_content_heading ul.filter_lists {
	position: absolute;
	left: -1px;
	top: 100%;
	width: 100%;
	padding: 10px 0px;
	background-color: var(--color-white);
	border-radius: 4px;
	z-index: 1000;
	box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.1);
	transform: scaleY(0);
	transform-origin: top;
	transition: all 0.4s ease-in-out 0s;
}

.feed_content_heading .feedFilter:hover ul.filter_lists {
	transform: scaleY(1);
}

.feed_content_heading ul.filter_lists li {
	padding: 2px 20px;
}

.feed_content_heading ul.filter_lists li,
.feed_content_heading ul.filter_lists li a {
	display: block;
	color: var(--color-black-60);
}

.feed_content_heading ul.filter_lists li.active,
.feed_content_heading ul.filter_lists li:hover {
	background-color: var(--color-primary);
}

.feed_content_heading ul.filter_lists li.active a,
.feed_content_heading ul.filter_lists li:hover a {
	color: var(--color-black);
}

.feed_content .feed_items .feed_item {
	margin-bottom: 40px;
}

.edit_photo_content .feed_items,
.edit_photo_content .photo_info_box:not(:last-child) {
	margin-bottom: 40px;
}

.feed_content .feed_items .feed_item:not(:last-child) {
	padding-bottom: 0px;
	border: none;
}

.feed_item .feed_item_inner {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.feed_items .feed_item .feed_item_inner {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.feed_items .feed_item .feed_item_inner.logged-in:before {
	position: absolute;
	content: "";
	height: 90px;
	width: 100%;
	left: 0;
	top: 0px;
	background: linear-gradient(180deg, #05081e -18.32%, rgba(5, 8, 30, 0.5) 36.83%, rgba(5, 8, 30, 0) 98.03%);
	border-radius: 0 0px 20px 20px;
	z-index: 1;
	transition: all 0.3s ease-in-out 0s;
}

.feed-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 26px;
	z-index: 999;
	margin: 0px 25px;
	width: 93%;
}

.feed-list li a {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 22px;
	gap: 8px;
}

.feed_items .feed_item .feed_item_inner>img {
	/* width: 100%; */
	/* height: auto; */
	/* aspect-ratio: 1.5/1; */

}

.feed_items .feed_item .feed_item_inner:after {
	position: absolute;
	content: "";
	height: 85px;
	width: 100%;
	left: 0;
	bottom: 0px;
	background: linear-gradient(180deg,
			rgba(5, 8, 30, 0) 0%,
			rgba(5, 8, 30, 0.5) 44.27%,
			#05081e 100%);
	border-radius: 0 0px 20px 20px;
	z-index: 1;
	transition: all 0.3s ease-in-out 0s;
	/* opacity: 0;
	visibility: hidden; */
}

.feed_items .feed_item .feed_item_inner:hover:after {
	visibility: visible;
	opacity: 1;
}

.feed_item .feed_item_inner .feed_hover_text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	padding: 30px 25px;
	/* transform: translateY(100%); */
	transition: all 0.4s ease-in-out 0s;
	/* visibility: hidden; */
	/* opacity: 0; */
	/* gap: 24px; */
}

/* .feed_item .feed_item_inner:hover .feed_hover_text {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
} */
.feed_hover_text .feed_user img,
.feed_hover_text .feed_user .user_img,
.member_item_inner .member_user img,
.memberUser_img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
}

.feed_hover_text .feed_user,
.member_item_inner .member_user {
	display: flex;
	align-items: center;
	font-family: var(--font-Jost);
}

.feed_hover_text .feed_user .user_text .user_name,
.member_item_inner .member_user .user_text .user_name {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-white);
	margin-bottom: 2px;
	display: block;
}

.feed_hover_text .feed_user .user_text .user_meta,
.member_item_inner .member_user .user_text .user_meta {
	display: block;
	margin-bottom: 0;
	color: var(--color-white-60);
}

.feed_hover_text .feed_user .user_text .user_meta .location,
.member_item_inner .member_user .user_text .user_meta .location {
	/* border-right: 1px solid var(--color-white-60); */
	border-right: 1px solid rgb(142 126 126 / 60%);
	padding-right: 6px;
	margin-right: 5px;
}

.feed_item .feed_item_inner .feed_hover_text .feed_vote {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 20px;
}

.feed_item .feed_item_inner .feed_hover_text .feed_vote-new {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}


.feed_hover_text .feed_follow .following {
	display: none;
}

.feed_hover_text .feed_follow.following .following {
	display: block;

}

.feed_hover_text .feed_follow.following .follow {
	display: none;

}

.member_item_inner {
	position: relative;
	overflow: hidden;
}

.member_item_inner>img {
	border-radius: 16px;
	overflow: hidden;
	/* max-height: 203px; */
	height: 100%;
	margin-bottom: 10px;
	width: 100%;
}

.member_item_inner .member_hover_text {
	position: absolute;
	/* left: 0; */
	bottom: 54px;
	padding: 16px;
	/* width: 100%; */
	width: auto;
	right: 0;
	text-align: right;
	/* transform: translateY(16px); */
	transition: all 0.4s ease-in-out 0s;
	/* visibility: hidden;
	opacity: 0; */
}

/* .member_item:hover .member_item_inner .member_hover_text {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
} */
.member_item_inner .member_user .user_text .user_name {
	color: var(--color-black);
}

.member_item_inner .member_user .user_text .user_meta {
	color: var(--color-black-40);
}

.member_items .member_item {
	margin-bottom: 30px;
}

.member_items .member_item:not(:last-child) {
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-bg);
}

.logout-home .feed_content {
	padding: 0px 15px;
}

.logout-home .feed_content .feed_items {
	position: relative;
	z-index: 1;
}

.logout-home .feed_content .feed_items::after {
	content: "";
	position: absolute;
	top: 0;
	right: -65px;
	width: 1px;
	height: 100%;
	background-color: var(--color-bg);
	z-index: 2;
}


.logout-home .new_member_sidebar {
	max-width: 340px;
	width: 100%;
	margin-left: auto;
}

.member_items .new_member {
	border: 1px solid var(--color-border);
	border-radius: 10px;
	padding: 24px;
	margin-bottom: 30px;
}

.member_items .new_member:last-child {
	margin-bottom: 0;
}

.new_member .member_top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.new_member .member_top .member_img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.new_member .member_top .member_img a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.new_member .member_top .member_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.new_member .member_top .other_info {
	max-width: 200px;
	width: 100%;
}

.new_member .member_top .other_info li {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-black-60);
}

.new_member .member_top .other_info li strong {
	color: var(--color-black);
	font-weight: 500;
}

.new_member .member_bottom {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.new_member .member_bottom .user_info .name {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.1
}

.new_member .member_bottom .user_info .address {
	display: block;
	font-size: 12px;
	line-height: 1.2;
	color: var(--color-black-60);
}

.new_member .member_bottom .member_follow {
	margin-left: auto;
}

.new_member .member_bottom .member_follow a,
.new_member .member_bottom .member_hi a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 500;
	color: var(--color-black);
}

.new_member .member_bottom .member_follow a img,
.new_member .member_bottom .member_hi a img {
	max-width: 24px;
	transition: all 0.4s ease-in-out 0s;
}

.new_member .member_bottom .member_follow a:hover img,
.new_member .member_bottom .member_hi a:hover img {
	transform: scale(1.2);
}

.new_member .member_bottom .member_hi.activated .default_hi,
.new_member .member_bottom .member_hi .active_hi,
.new_member .member_bottom .member_follow.following .follow,
.new_member .member_bottom .member_follow .following {
	/* display: none; */
}

.default_hi {
	cursor: default;
}

.new_member .member_bottom .member_hi.activated .active_hi,
.new_member .member_bottom .member_follow.following .following {
	display: flex;
}


.btn.boost_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	background-color: #8217ed;
	border-radius: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	color: var(--color-white);
	padding: 4px 4px 4px 20px;
	border: none;
	outline: none;
	box-shadow: 0 0 0;
}

.btn.boost_btn .icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: var(--color-white);
	color: #8217ed;
	padding: 8px;
}

.btn.boost_btn .icon svg {
	display: inline-flex;
	line-height: 1;
}

.btn.boost_btn:hover {
	background-color: #8217ed;
	color: var(--color-white);
}

.btn.boost_btn.boosted {
	background-color: #dab7fd;
}

.btn.boost_btn.boosted:hover {
	background-color: #dab7fd;
}

.btn.boost_btn.boosted .icon {
	padding: 4px;
	color: #dab7fd;
}

.btn.boost_btn.expired {
	background-color: var(--color-black-20);
}

.btn.boost_btn.expired:hover {
	background-color: var(--color-black-20);
}

.btn.boost_btn.expired .icon {
	padding: 4px;
	color: var(--color-black-20);
}

/* end: Feed Section */

/* start: Registered Page
==================================================*/
.photo-feed-section.registered-user {
	padding-top: 74px;
}

.feed_item.style-2 .feed_item_inner {
	border-radius: 0;
}

.feed_item.style-2 .feed_item_inner a {
	display: inline-flex;
}

.feed_item.style-2 .feed_item_inner::before,
.feed_item.style-2 .feed_item_inner::after {
	display: none;
}







.feed_author {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-align: left;
}

.feed_author .avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.feed_author .avatar a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.feed_author .avatar img {
	width: 100%;
	height: 100%;
}

.feed_author .author_text .user_name {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-black);
	margin: 0;
}

.feed_author .author_text .author_meta {
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: var(--color-black-60);
	display: flex;
	margin-top: 4px;
}

.feed_author .author_text .author_meta>span:not(:last-child) {
	border-right: 1px solid var(--color-black-60);
	padding-right: 7px;
	margin-right: 6px;
}

.feed_item.style-2 {
	text-align: left;
	margin-bottom: 40px;
}

.feed_item.style-2 .feed_share {
	display: inline-flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	color: var(--color-black-80);
	gap: 8px;
}

.feed_item.style-2 .feed_follow {
	display: inline-flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	color: var(--color-black-80);
}

.feed_item.style-2 .feed_follow img {
	max-width: 24px;
}

.feed_item.style-2 .feed_follow.following .follow,
.feed_item.style-2 .feed_follow .following {
	display: none;
}

.feed_item.style-2 .feed_follow.following .following {
	display: block;
}

.feed_item.style-2 .btn-vote {
	gap: 4px;
	background-color: transparent;
	border-color: var(--color-vote-active);
	color: var(--color-vote-active);
}

.feed_item.style-2 .btn-vote.active {
	background-color: var(--color-vote-active);
	color: var(--color-white);
}

.feed_item.style-2 .btn-vote img {
	max-width: 24px;
}

.btn.notify-btn {
	justify-content: center;
	font-size: 14px;
	line-height: 1;
	gap: 4px;
	padding: 10px;
	min-width: 108px;
	/* background-color: var(--color-primary); */
	border: none;
	color: var(--color-black);
}

.feed_meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
}

.feed_meta .feed_meta_right {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
	margin-left: auto;
}

.feed_item.style-2 .feed_meta {
	margin-top: 16px;
	padding-bottom: 17px;
	border-bottom: 1px solid var(--color-bg);
}

.feed_description .text strong {
	font-weight: 500;
	color: var(--color-black);
}

.feed_item.style-2 .first_comment_note {
	display: block;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: var(--color-black-40);
	margin-top: 12px;
}

.feed_item.style-2 .feed_comment {
	margin-top: 12px;
}

.feed_item.style-2 .feed_comment .comment_field input[type="text"]::placeholder {
	color: var(--color-vote-active);
}








.feed_description {
	display: flex;
	align-items: start;
	gap: 15px;
	padding-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px solid var(--color-bg);
	justify-content: space-between;
	font-family: var(--font-Jost);
}

.feed_description .text {
	font-size: 14px;
	color: var(--color-black-60);
}

.feed_description .feed-edit {
	min-width: 83px;
}

.feed_feedback {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	border-bottom: 1px solid var(--color-bg);
	padding-bottom: 20px;
}

.choose_feedback .btn,
.add_desc_btn .btn {
	min-width: 215px;
}

.feed_feedback .feedback_cat {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	position: relative;
}

.feed_feedback .feedback_cat .label {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black);
	margin-right: -6px;
}

.feed_feedback .feedback_cat ul {
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	row-gap: 0;
}

/* .feed_feedback .feedback_cat ul li a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--color-black-60);
	position: relative;
	margin-bottom: 0;
} */
.feed_feedback .feedback_cat li a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--color-black-60) !important;
	position: relative;
	margin-bottom: 0;
}

.feed_feedback .feedback_cat ul li a:hover {
	color: var(--color-black-60);
}

.feed_feedback .feedback_cat ul li:not(:last-child) a::after {
	content: ",";
	position: absolute;
	left: 100%;
	bottom: 0;
}

.feed_device_info .metadata,
.feed_feedback .metadata {
	margin-left: auto;
}

.metadata button,
.feed_feedback .metadata button {
	background-color: transparent;
	border: none;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black);
	display: inline-flex;
	align-items: center;
}

.metadata button .exif,
.feed_feedback .metadata button .exif {
	margin-right: 10px;
}

.metadata button .arrow,
.feed_feedback .metadata button .arrow {
	transform: rotate(180deg);
	margin-left: 4px;
}

.metadata button.active .arrow,
.feed_feedback .metadata button.active .arrow {
	transform: rotate(0);
}

.feed_device_info {
	/* display: none; */
	/* animation: commentsList-down 400ms ease-out forwards; */

}

.feed_device_info.active {
	display: block;
}

.feed_device_info .feed_device_info-inter-Div {
	display: flex;
	align-items: start;
	gap: 32px;
	flex-wrap: wrap;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--color-bg);
}

.feed_device_info .device_info {
	display: flex;
	align-items: start;
	flex-wrap: wrap;
	gap: 30px;
}

.feed_device_info .device_name {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black);
	text-transform: uppercase;
}

.feed_device_info .device_info .info_box span {
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--color-black-60);
}

.feed_device_info .device_info .info_box span strong {
	color: var(--color-black);
	font-weight: 500;
}

.feed_item .feed_comment {
	display: flex;
	align-items: center;
	margin-top: 20px;
	position: relative;
}

.feed_item .feed_comment .comment_user {
	margin-right: 12px;
	max-width: 40px;
	width: 100%;
}

.feed_item .feed_comment .comment_user {
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.feed_item .feed_comment .comment_field input[type="text"] {
	border: 1px solid var(--color-border);
	width: 100%;
	border-radius: 4px;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	transition: width 0.5s ease-in-out 0s;
	background-color: var(--color-white);
	z-index: 2;
}

.feed_item .feed_comment .comment_field input[type="text"].typed {
	width: calc(100% - 45px);
}

.feed_item .feed_comment .comment_field {
	width: calc(100% - 52px);
	display: flex;
	position: relative;
}

.feed_item .feed_comment .comment_field input[type="submit"],
.feed_item .feed_comment .comment_field button {
	margin-left: 15px;
	position: absolute;
	right: 0;
	height: 100%;
	z-index: 1;
}

.feed_item .feed_comment .comment_field button {
	border: none;
	background: transparent;
}

.feed_item .feed_comment.viewComment .following_users .users {
	opacity: 0;
}

.feed_item .feed_comment.viewComment .following_users .count {
	opacity: 0;
}

.feed_item .feed_comment.viewComment .following_users .hide_comment {
	opacity: 1;
	visibility: visible;
}

/* end: Registered Page */

/* start: My Profile Page
==================================================*/
.profile-section {
	padding-top: 74px;
	border-bottom: 1px solid var(--color-bg);
	padding-bottom: 70px;
}

.profile_info_inner {
	padding-left: 30px;
	display: flex;
	align-items: center;
}

.profile_img {
	margin-right: 53px;
	position: relative;
}

.profile_img {
	width: 183px;
	height: 183px;
	border-radius: 100%;

}

.profile_img img {
	max-width: 183px;
	height: 183px;
	border-radius: 100%;
}

.profile_name .name {
	margin-bottom: 10px;
}

.profile_contact {
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--color-bg);
	padding-bottom: 16px;
	margin-bottom: 20px;
}

.profile_contact .socials li {
	display: inline-block;
	margin-right: 13px;
}

.profile_contact .socials li>a {
	display: block;
	width: 30px;
	height: 30px;
}

.profile_contact .socials {
	position: relative;
	margin-right: 13px;
	margin-left: -8px;
}

/* .profile_contact .socials:after {
	position: absolute;
	right: 0;
	top: 50%;
	content: "";
	width: 1px;
	height: 23px;
	background-color: var(--color-bg);
	transform: translateY(-50%);
} */

.profile_contact .website>a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black);
}

.profile_contact .website>a:hover {
	color: var(--color-primary);
}

.connected_with {
	display: flex;
	align-items: center;
}

.connected_with .following {
	margin-right: 30px;
	padding-right: 31px;
	border-right: 1px solid var(--color-bg);
	font-family: var(--font-Jost);
}

.connected_with .following .title,
.connected_with .followers .title {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-black-40);
	margin-bottom: 5px;
	font-family: var(--font-Jost);
}

.connected_with .following .following_users,
.connected_with .followers .follower_users,
.feed_comment .following_users {
	display: flex;
	align-items: center;
	min-height: 40px;
}

.following_users .users li,
.follower_users .users li {
	display: inline;
}

.following_users .users li>a,
.follower_users .users li>a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 2px solid var(--color-white);
}

.following_users .users li>span,
.follower_users .users li>span {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 2px solid var(--color-white);
}

.following_users .users,
.follower_users .users {
	display: flex;
	margin-right: 5px;
}

.following_users .count,
.follower_users .count {
	display: inline-block;
	color: var(--color-black-40);
}

.following_users a.count:hover,
.follower_users a.count:hover {
	color: var(--color-black-80);
}

.following_users .users li:not(:first-child),
.follower_users .users li:not(:first-child) {
	margin-left: -10px;
}

.profile_details {
	margin-left: 30px;
	padding-left: 55px;
	border-left: 1px solid var(--color-bg);
}

.profile_details_inner {
	display: flex;
	align-items: start;
}

.profile_details_inner>div:not(:last-child) {
	margin-right: 50px;
}

.profile_details_inner .details_item:not(:last-child) {
	margin-bottom: 17px;
}

.details_item>span,
.details_item>p {
	display: block;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: var(--font-Jost);
}

.details_item>p {
	color: var(--color-black-80);
}

.details_item.from,
.details_item.camera,
.details_item.since {
	max-width: 109px;
	width: 100%;
}

.details_item.why,
.details_item.genres {
	max-width: 183px;
	width: 100%;
}

.photo-feed-section.my-profile {
	padding-top: 20px;
}

.feed_content .heading_tabs li {
	display: inline-block;
}

.feed_content .heading_tabs li {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black-40);
	cursor: pointer;
}

.feed_content .heading_tabs li.active {
	color: var(--color-black);
	text-decoration: underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 3px;
}

.feed_content .heading_tabs li:not(:last-child) {
	margin-right: 50px;
}

.feed_content .heading_tabs {
	margin-bottom: 50px;
	font-family: var(--font-Jost);
}

.feed_comment .following_users .users {
	margin-right: 20px;
}

.feed_item .feed_comment .share_btn {
	margin-left: auto;
}

.feed_item .comment_lists {
	margin-top: 20px;
	/* display: none; */
}

.feed_item .comment_lists.viewList {
	display: block;
}

.comment_lists .comment {
	display: flex;
	align-items: start;
	flex-wrap: wrap;
}

.comment_lists .comment .children {
	width: 100%;
	margin-top: 10px;
	margin-left: 50px;

}

.comment_lists .comment .children .feed_comment {
	margin-top: 0;
	margin-bottom: 10px;
}

.comment_lists .comment .children .feed_comment .comment_user {
	max-width: 40px;
}

.comment_lists .comment .comment_img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.comment_lists .comment .comment_img {
	margin-right: 10px;
}

.comment_lists .comment .comment_text .name {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 2px;
}

.comment_lists .comment .comment_text .date {
	display: block;
	margin-bottom: 2px;
}

.comment_lists .comment .comment_text .text {
	font-size: 14px;
	line-height: 24px;
	color: var(--color-black-80);
	margin-bottom: 4px;
}

.comment_lists .comment .comment_text .comment_meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
}

.comment_lists .comment .comment_text .comment_meta .likes {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	line-height: 18px;
	color: var(--color-black-80);
	cursor: pointer;
}

.comment_lists .comment .comment_text .comment_meta .likes .stock {
	display: inline-block;
}

.comment_lists .comment .comment_text .comment_meta .likes .fill {
	display: none;
}

.comment_lists .comment .comment_text .comment_meta .likes.active .fill {
	display: inline-block;
}

.comment_lists .comment .comment_text .comment_meta .likes.active .stock {
	display: none;
}

.comment_lists .comment .comment_text .comment_meta .reply {
	border: none;
	background-color: transparent;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	line-height: 18px;
	color: var(--color-black-80);
}

.feed_item .comment_lists .comment:not(:last-child) {
	margin-bottom: 10px;
}

.comment_lists .more_comment span {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black);
	display: inline-flex;
	align-items: center;
}

.comment_lists .more_comment span>img {
	width: 15px;
	margin-right: 5px;
}

.comment_lists .more_comment {
	margin-bottom: 0;
	margin-left: 50px;
	margin-top: 2px;
}

.following_users .hide_comment {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-black-40);
	position: absolute;
	left: 0;
	/* opacity: 0;
	visibility: hidden; */
}

.following_users .hide_comment:hover {
	color: var(--color-black-80);
}

.photo-feed-section.profile-no-photo {
	padding-top: 20px;
	text-align: center;
}

.profile-no-photo .feed_content .heading_tabs {
	margin-bottom: 120px;
}

.feed_content .no_photo_content>img {
	max-width: 125px;
	height: 125px;
	border-radius: 100%;
	margin-bottom: 20px;
}

.feed_content .no_photo_content>.title {
	margin-bottom: 10px;
}

.feed_content .no_photo_content>p,
.feed_content .no_photo_content>a {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
}

.feed_content .no_photo_content>a {
	color: var(--color-black);
}

.feed_content .no_photo_content {
	text-align: center;
	margin-bottom: 50px;
}

.feed_content .no_photo_content a.btn {
	margin-top: 20px;
}

.feed_content .no_photo_content a.btn:hover {
	color: var(--color-white);
}

/* end: My Profile Page */

/* start: Photo Single
==================================================*/
.photo-single-section {
	padding-top: 74px;
	padding-bottom: 130px;
}

.photo_single_inner {
	text-align: center;
}

.photo_single_inner .title {
	margin-bottom: 20px;
}

.photo_single_inner p {
	max-width: 500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-80);
	margin-bottom: 20px;
}

.photo_single_inner .btn.vote {
	max-width: 183px;
	width: 100%;
	margin-bottom: 50px;
	font-size: 16px;
}

/* end: Photo Single */

/* start: Modal
==================================================*/
.bph-modal .modal-dialog {
	max-width: 1300px;
	width: 100%;
}

.onboarding_modal {
	max-width: 818px;
	width: 100%;
	margin: auto;
}

.bph-modal .modal-content {
	border: none;
	border-radius: 0;
	background: transparent;
}

.bph-modal .modal-body {
	padding: 0;
}

.onboarding_modal {
	background: linear-gradient(150.07deg, #ffde4d 0%, #ffd621 100%);
	border-radius: 20px;
	overflow: hidden;
	/* filter: drop-shadow(0px 90px 36px rgba(0, 0, 0, 0.01))
		drop-shadow(0px 51px 30px rgba(0, 0, 0, 0.05))
		drop-shadow(0px 22px 22px rgba(0, 0, 0, 0.09))
		drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.1))
		drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.1)); */
}

.onboarding_modal.wizardStep {
	display: none;
}

.onboarding_modal.wizardStep.show {
	display: block;
}

.onboarding_modal .modal_inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}

.onboarding_modal .modal_inner button.btn-close {
	position: absolute;
	top: 25px;
	right: 25px;
	color: var(--color-black);
}

.modal_inner .modal_logo,
.modal_inner .modal_content {
	flex: 0 0 50%;
	max-width: 50%;
}

.modal_inner .modal_logo {
	text-align: center;
}

.modal_inner .modal_logo>img {
	max-width: 216px;
	width: 100%;
	margin: auto;
}

.modal_inner .modal_content {
	text-align: center;
	padding: 60px 48px 45px 48px;
	background-color: var(--color-white);
}

.modal_inner .modal_content .modal_title {
	margin-bottom: 30px;
}

.modal_content .log_reg_btn .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px solid var(--color-border);
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
	color: var(--color-black);
	font-weight: 500;
	border-radius: 4px;
}

.modal_content .log_reg_btn .button:not(:last-child) {
	margin-bottom: 15px;
}

.modal_content .log_reg_btn .button.facebook {
	background-color: #1877f2;
	border-color: #1877f2;
	color: var(--color-white);
}

.modal_content .divider {
	position: relative;
	z-index: 1;
	margin: 10px 0;
}

.modal_content .divider:after {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: var(--color-bg);
	transform: translateY(-50%);
	z-index: -1;
}

.modal_content .divider>span {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	background-color: var(--color-white);
	padding: 0 10px;
}

.modal_content .form label {
	display: block;
	text-align: left;
}

.modal_content .form .captcha {
	margin-bottom: 20px;
}

.form_group {
	position: relative;
}

.modal_content .form input[type="text"],
.modal_content .form input[type="email"],
.modal_content .form input[type="password"] {
	width: 100%;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	background-color: var(--color-white);
	padding: 10px 20px;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-80);
	margin-bottom: 15px;
}

.form_group .form_error {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	/* background-color: red; */
	height: 2px;
	display: none;
}

.modal_content .form input[type="text"]::placeholder,
.modal_content .form input[type="email"]::placeholder,
.modal_content .form input[type="password"]::placeholder {
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-20);
}

.modal_content .form .buttons {
	display: flex;
	align-items: center;
	margin: 0 -10px;
}

.modal_content .form .buttons .btn {
	max-width: 100%;
	width: 100%;
	margin: 0 10px;
}

.modal_content .privacy_text {
	margin-top: 20px;
}

.modal_content .privacy_text p {
	max-width: 224px;
	margin: auto;
	margin-bottom: 0;
}

.modal_content .have_account {
	margin-top: 40px;
}

.modal_content .have_account>p {
	margin-bottom: 0;
}

.modal_content .have_account>p>a {
	font-weight: 500;
	color: var(--color-black);
}

.signIn_modal .modal_content .privacy_text,
.join_step_modal .modal_content .privacy_text {
	margin-top: 30px;
}

.ques_step_modal .modal_inner .modal_content {
	padding: 40px;
}

.ques_step_modal .modal_inner .modal_content {
	padding: 40px;
}

.ques_step_modal .modal_inner .modal_content .modal_title .title {
	margin-bottom: 10px;
}

.ques_step_modal .modal_inner .modal_content .modal_title .subtitle {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
}

.ques_step_modal .modal_inner .modal_content .modal_title .count>span {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	display: block;
}

.ques_step_modal .modal_inner .modal_content .modal_title .count>span>.active {
	font-weight: 500;
	color: var(--color-black-80);
}

.ques_step_modal .modal_inner .modal_content .modal_title {
	margin-bottom: 10px;
}

.modal_content .form .form_title {
	text-align: left;
}

.modal_content .form .form_title>p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--color-black-80);
	margin-bottom: 10px;
	max-width: 290px;
	width: 100%;
	font-family: var(--font-Jost);
}

.modal_content .form .form_title>span {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}

.form_group.radio {
	border-radius: 4px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	position: relative;
}

.form_group.radio input[type="radio"] {
	position: absolute;
	visibility: hidden;
}

.form_group.radio label {
	border: 1px solid var(--color-border);
	background-color: var(--color-white);
	border-radius: 4px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 24px;
	display: block;
	width: 100%;
	padding: 10px 15px 10px 35px;
	position: relative;
}

.form_group.radio label:before {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid var(--color-border) !important;
	background-color: var(--color-white);
	border-radius: 50%;
}

.form_group.radio label:after {
	position: absolute;
	content: "";
	top: 46%;
	left: 17px;
	width: 5px;
	height: 9px;
	transform: rotate(45deg) translateY(-50%);
	border-bottom: 2px solid transparent;
	border-right: 2px solid transparent;
}

.form_group.radio input[type="radio"]:checked~label:before {
	background-color: var(--color-black-80);
	border-color: var(--color-black-80);
}

.form_group.radio input[type="radio"]:checked~label:after {
	border-color: var(--color-white);
}

.form_group.radio input[type="radio"]:checked~label {
	border-color: var(--color-bg);
	background-color: var(--color-bg);
}

.ques_step_modal.step-6 .modal_inner .modal_content .modal_title .title {
	max-width: 249px;
	margin-left: auto;
	margin-right: auto;
}

.ques_step_modal.step-6 .modal_inner .modal_content .modal_title .subtitle {
	font-size: 20px;
	line-height: 26px;
}

.ques_step_modal.step-6 .modal_inner .modal_content .modal_title {
	margin-bottom: 20px;
}

.ques_step_modal.step-6 .modal_inner .modal_content .nice-select {
	margin-bottom: 60px;
}

.ques_step_modal.step-6 .modal_inner .modal_content .form {
	padding-bottom: 150px;
}

.ques_step_modal .modal_content .form .buttons {
	margin-top: 50px;
}

.skip_modal .modal_inner .modal_content {
	min-height: 540px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.skip_modal .modal_inner .modal_content .modal_title {
	margin-bottom: 0px;
}

.skip_modal .modal_inner .modal_content .modal_title .title {
	margin-bottom: 20px;
}

.skip_modal .modal_content .form .form_title>p {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.skip_modal .modal_content .form .buttons {
	display: inline-block;
}

.skip_modal .modal_content .form .buttons .btn {
	width: 160px;
}

.step-2 .form_group.radio {
	max-width: 65px;
	width: 100%;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}

.form .step-2 .radios {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}

.ques_step_form.step-2 {
	text-align: left;
}

.ques_step_modal.step-2 .modal_content .form .buttons,
.ques_step_modal.step-4 .modal_content .form .buttons {
	margin-top: 40px;
}

.form_group.checkbox,
.form .step-4 .form_group.radio {
	flex: 0 0 155px;
	max-width: 155px;
	margin: 0 9px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.form .checkboxes,
.form .step-4 .radios {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 -9px;
	justify-content: end;
}

.form_group.checkbox label {
	margin-bottom: 0;
	position: relative;
	font-size: 16px;
	line-height: 22px;
	border: 1px solid var(--color-border);
	width: 100%;
	border-radius: 4px;
	padding: 10px 15px 10px 35px;
}


.form_group.checkbox input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}

.form_group.checkbox label:before {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	content: "";
	background-color: var(--color-white);
	border: 1px solid var(--color-border) !important;
	border-radius: 2px;
}

.form_group.checkbox label:after {
	position: absolute;
	content: "";
	top: 46%;
	left: 17px;
	width: 5px;
	height: 9px;
	transform: rotate(45deg) translateY(-50%);
	border-bottom: 2px solid transparent;
	border-right: 2px solid transparent;
}

.form_group.checkbox input[type="checkbox"]:checked~label:after {
	border-color: var(--color-white);
}

.form_group.checkbox input[type="checkbox"]:checked~label:before {
	background-color: var(--color-black-80);
	border-color: var(--color-black-80);
}

.form_group.checkbox input[type="checkbox"]:checked~label {
	background-color: var(--color-bg);
	border-color: var(--color-bg);
}

.onboarding_modal.step-5 {
	max-width: 874px;
}

.step-5 .modal_inner .modal_logo {
	max-width: 364px;
	width: 100%;
}

.step-5 .modal_inner .modal_content {
	width: calc(100% - 364px);
	flex: auto;
	max-width: 100%;
}

.step-5 .modal_content .form .form_title>p {
	max-width: 331px;
}

.form .step-5 .radios {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 -9px;
	justify-content: end;
}

.form .step-5 .form_group.radio {
	flex: 0 0 206px;
	max-width: 206px;
	margin: 0 9px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.step-5 .modal_content .form .buttons {
	margin-top: 40px;
}

.step-5 .form_group.radio label {
	padding: 10px 12px 10px 34px;
}

.ques_step_modal.cool-step-modal .modal_inner .modal_content .modal_title .title {
	margin-bottom: 21px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ques_step_modal.cool-step-modal .modal_inner .modal_content .modal_title .title br {
	display: none;
}

.cool-step-modal .modal_content .form .form_title>p {
	margin-bottom: 14px;
}

.ques_step_modal.cool-step-modal .modal_inner .modal_content {
	padding: 72px 36px 24px 38px;
}

.ques_step_modal.cool-step-modal .modal_content .form .buttons {
	margin-top: 0px;
}

.else-box input::placeholder {
	font-size: 14px !important;
}



.cool-step-modal .modal_content .form .else-box .form_title>p {
	margin-bottom: 10px;
}

.else-box input {
	font-size: 14px !important;
	padding-left: 14px !important;
}

.checked11 .else-box {
	opacity: 1;
}

.else-box {
	height: 60px;
}

.else-box {
	height: 60px;
}

/* upload photo */
.onboarding_modal.photoUpload_modal,
/* #photoUploadModal .modal-dialog, */
.onboarding_modal.login_modal,
#generalLoginModal .modal-dialog,
#upvoteLoginModal .modal-dialog,
#viewPhotoLoginModal .modal-dialog,
#commentLoginModal .modal-dialog,
#photoPageLoginModal .modal-dialog,
.onboarding_modal.sharePhoto_modal,
#sharePhotoModal .modal-dialog {
	max-width: 962px;
	width: 100%;
	font-family: var(--font-Jost);
}

.photoUpload_modal .modal_inner .modal_logo,
.sharePhoto_modal .modal_inner .modal_logo,
.login_modal .modal_inner .modal_logo {
	max-width: 409px;
	flex: 0 0 409px;
}

.photoUpload_modal .modal_inner .modal_content,
.sharePhoto_modal .modal_inner .modal_content,
.login_modal .modal_inner .modal_content {
	max-width: 553px;
	flex: 0 0 553px;
}

.login_modal .modal_inner .modal_content {
	min-height: 620px;
	display: flex;
	align-items: center;
}

.login_modal .modal_inner .modal_content .modal_title {
	margin-bottom: 0;
}

.login_modal .modal_inner .modal_content .modal_title .title {
	margin-bottom: 20px;
}

.login_modal .modal_inner .modal_content .modal_title .subtitle {
	font-size: 20px;
	line-height: 26px;
	color: var(--color-black-80);
	margin-bottom: 20px;
}

.login_modal .modal_inner .modal_content .modal_title .btn {
	margin-top: 30px;
	font-size: 16px;
	min-width: 190px;
}

.photoUpload_modal .modal_inner .modal_content .modal_title .title,
.sharePhoto_modal .modal_inner .modal_content .modal_title .title {
	margin-bottom: 20px;
}

.photoUpload_modal .modal_inner .modal_content .modal_title .title img {
	margin-right: 5px;
	margin-bottom: 10px;
}

.photoUpload_modal .modal_inner .modal_content .modal_title,
.sharePhoto_modal .modal_inner .modal_content .modal_title {
	max-width: 343px;
	width: 100%;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}

.photoUpload_modal .modal_inner .modal_content .modal_title .subtitle,
.sharePhoto_modal .modal_inner .modal_content .modal_title .subtitle {
	font-size: 20px;
	line-height: 26px;
	color: var(--color-black-80);
	margin-bottom: 0;
}

.photoUpload_modal.profileUpload .modal_inner .modal_content .modal_title {
	max-width: 445px;
	margin-bottom: 0px;
}

.photoUpload_modal.profileUpload .modal_content .file-upload .subtitle {
	font-size: 20px;
	line-height: 26px;
	color: var(--color-black-80);
	margin-bottom: 0;
	max-width: 445px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.photoUpload_modal.profileUpload .modal_content .file-upload .subtitle.profile-upload-after-title {
	display: none;
	margin-bottom: 20px;
}

.profileUpload .file-upload-content .drag_image {
	display: block;
}

.profileUpload .file-upload-content .drag_image .drag_image_inner {
	position: relative;
	width: 210px;
	height: 210px;
	line-height: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	overflow: hidden;
}


.profile-upload-content .cr-boundary {
	width: 210px;
	height: 210px;
	margin-bottom: 30px;
	position: relative;
}

.profile-upload-content .cr-boundary::before {
	content: "";
	position: absolute;
	background-image: url("../img/icons/drag-frame.svg");
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	width: 126px;
	height: 34px;
	background-size: 126px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

.profile-upload-content .cr-boundary .cr-viewport {
	border: none;
	box-shadow: 0 0 2000px 2000px rgba(217, 217, 217, 0.8);
}

.profile-upload-content .cr-slider-wrap {
	padding: 0px 15px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.profile-upload-content .cr-slider-wrap::after,
.profile-upload-content .cr-slider-wrap::before {
	content: "";
	position: absolute;
	background-image: url(../img/icons/minus.svg);
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
	height: 13px;
	margin-top: 3px;
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
}

.profile-upload-content .cr-slider-wrap::after {
	background-image: url(../img/icons/plus.svg);
	left: auto;
	right: -10px;
}

.profile-upload-content .cr-slider-wrap .cr-slider {
	max-width: 299px;
	width: 100%;
	height: 1px;
	background: transparent;
	margin: 0;
	position: relative;
	padding: 0;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

/***** Chrome, Safari, Opera, and Edge Chromium *****/
.profile-upload-content .cr-slider-wrap input[type="range"]::-webkit-slider-runnable-track {
	background: var(--color-black-20);
	height: 1px;
}

/******** Firefox ********/
.profile-upload-content .cr-slider-wrap input[type="range"]::-moz-range-track {
	background: var(--color-black-20);
	height: 1px;
}

/***** Chrome, Safari, Opera, and Edge Chromium *****/
.profile-upload-content .cr-slider-wrap input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	/* Override default look */
	appearance: none;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: var(--color-white);
	border: 1px solid var(--color-black-20);
	margin-top: -5px;
}

/******** Firefox ********/
.profile-upload-content .cr-slider-wrap input[type="range"]::-moz-range-thumb {
	-webkit-appearance: none;
	/* Override default look */
	appearance: none;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: var(--color-white);
	border: 1px solid var(--color-black-20);
	margin-top: -5px;
}

.profileUpload .profile-upload-content .drag_image .drag_image_inner .profile-upload-image {
	padding: 0px;
	max-width: 100%;
	max-height: 100%;
}

.profileUpload .profile-upload-content .profile-image-title-wrap {
	padding: 0;
	max-width: 200px;
	width: 100%;
	margin: auto;
	position: relative;
	margin-top: 30px;
}

.profileUpload .profile-upload-content .profile-image-title-wrap .btn {
	width: 100%;
	font-size: 16px;
}

.profileUpload .profile-upload-content .profile-image-title-wrap label {
	display: block;
	font-size: 14px;
	line-height: 24px;
	text-decoration: underline;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 0;
}

.profileUpload .profile-upload-content .profile-image-title-wrap label:hover {
	text-decoration: none;
}

/* <.gallery upload> */

.gallery_photo_upload .file-upload,
.modal_content .file-upload {
	background-color: var(--color-white);
	padding: 0;
	margin: 0;
}

.gallery_photo_upload .file-upload .image-upload-wrap,
.gallery_photo_upload .file-upload .profile-image-upload-wrap,
.modal_content .file-upload .image-upload-wrap,
.modal_content .file-upload .profile-image-upload-wrap {
	margin-top: 0;
	border: 1px dashed var(--color-black-40);
	position: relative;
	border-radius: 20px;
	max-width: 457px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery_photo_upload .file-upload .image-upload-wrap .file-upload-input,
.gallery_photo_upload .file-upload .profile-image-upload-wrap .profile-upload-input,
.modal_content .file-upload .image-upload-wrap .file-upload-input,
.modal_content .file-upload .profile-image-upload-wrap .profile-upload-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.gallery_photo_upload .file-upload .image-upload-wrap .drag-text .title,
.gallery_photo_upload .file-upload .profile-image-upload-wrap .drag-text .title,
.modal_content .file-upload .image-upload-wrap .drag-text .title,
.modal_content .file-upload .profile-image-upload-wrap .drag-text .title {
	margin-bottom: 30px;
}

.gallery_photo_upload .file-upload .image-upload-wrap .drag-text span.or,
.gallery_photo_upload .file-upload .profile-image-upload-wrap .drag-text span.or,
.modal_content .file-upload .image-upload-wrap .drag-text span.or,
.modal_content .file-upload .profile-image-upload-wrap .drag-text span.or {
	display: block;
	font-size: 20px;
	line-height: 26px;
	text-transform: capitalize;
	font-weight: 400;
	color: var(--color-black);
	margin-bottom: 30px;
}

.gallery_photo_upload .file-upload .image-upload-wrap .drag-text .file-upload-btn,
.gallery_photo_upload .file-upload .profile-image-upload-wrap .drag-text .file-upload-btn,
.modal_content .file-upload .image-upload-wrap .drag-text .file-upload-btn,
.modal_content .file-upload .profile-image-upload-wrap .drag-text .file-upload-btn {
	display: block;
	max-width: 263px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.gallery_photo_upload .file-upload .image-upload-wrap .drag-text .support_note,
.gallery_photo_upload .file-upload .profile-image-upload-wrap .drag-text .support_note,
.modal_content .file-upload .image-upload-wrap .drag-text .support_note,
.modal_content .file-upload .profile-image-upload-wrap .drag-text .support_note {
	display: block;
	max-width: 263px;
	width: 100%;
	margin: auto;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-black-60);
}

.file-upload-content,
.profile-upload-content {
	/* display: none; */
	text-align: center;
}

.image-title-wrap,
.profile-image-title-wrap {
	padding: 0 15px 15px 15px;
	color: #222;
}

.file-upload-image,
.profile-upload-image {
	max-height: 200px;
	max-width: 200px;
	margin: auto;
	padding: 20px;
}

/* <.gallery upload */
.remove-profile-image {
	display: block;
	font-size: 14px;
	line-height: 24px;
	text-decoration: underline;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 0;
}

.remove-profile-image:hover {
	text-decoration: none;
}

.profileUpload .profile-upload-content .profile-image-title-wrap input#profile-upload {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	opacity: 0;
}

.modal_content .file-upload {
	background-color: var(--color-white);
	padding: 0;
	margin: 0;
}

.modal_content .file-upload .image-upload-wrap,
.modal_content .file-upload .profile-image-upload-wrap {
	margin-top: 0;
	border: 1px dashed var(--color-black-40);
	position: relative;
	border-radius: 20px;
	height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal_content .file-upload .image-upload-wrap .file-upload-input,
.modal_content .file-upload .profile-image-upload-wrap .profile-upload-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.modal_content .file-upload .image-upload-wrap .drag-text .title,
.modal_content .file-upload .profile-image-upload-wrap .drag-text .title {
	margin-bottom: 30px;
}

.modal_content .file-upload .image-upload-wrap .drag-text span.or,
.modal_content .file-upload .profile-image-upload-wrap .drag-text span.or {
	display: block;
	font-size: 20px;
	line-height: 26px;
	text-transform: capitalize;
	font-weight: 400;
	color: var(--color-black);
	margin-bottom: 30px;
}

.modal_content .file-upload .image-upload-wrap .drag-text .file-upload-btn,
.modal_content .file-upload .profile-image-upload-wrap .drag-text .file-upload-btn {
	display: block;
	max-width: 263px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	z-index: 20;
	position: relative;
}

.modal_content .file-upload .image-upload-wrap .drag-text .support_note,
.modal_content .file-upload .profile-image-upload-wrap .drag-text .support_note {
	display: block;
	max-width: 263px;
	width: 100%;
	margin: auto;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-black-60);
}

.file-upload-content,
.profile-upload-content {
	/* display: none; */
	text-align: center;
}

.image-title-wrap,
.profile-image-title-wrap {
	padding: 0 15px 15px 15px;
	color: #222;
}

.file-upload-image,
.profile-upload-image {
	max-height: 400px;
	max-width: 400px;
	margin: auto;
	padding: 20px;
	border-radius: 32px;
}

@media only screen and (max-width: 990px) {

	.file-upload-image,
	.profile-upload-image {
		max-width: 280px;
	}
}

.remove-image {
	width: 200px;
	margin: 0;
	color: #fff;
	background: #cd4535;
	border: none;
	padding: 10px;
	border-radius: 4px;
	border-bottom: 4px solid #b02818;
	transition: all 0.2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.remove-image:hover {
	background: #c13b2a;
	color: #ffffff;
	transition: all 0.2s ease;
	cursor: pointer;
}

.remove-image:active {
	border: 0;
	transition: all 0.2s ease;
}

.sharePhoto_modal .modal_inner .modal_content .modal_title {
	margin-bottom: 30px;
}

.sharePhoto_modal .modal_inner .modal_content .modal_image {
	max-width: 385px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .label {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-80);
	margin-bottom: 20px;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .social_share li {
	display: inline-block;
	max-width: 54px;
	width: 100%;
	margin: 0 10px;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .social_share {
	display: flex;
	align-items: start;
	justify-content: center;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 20px;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .social_share li a {
	display: block;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .social_share li a img {
	max-width: 42px;
	height: 42px;
	background-color: var(--color-bg);
	border-radius: 50%;
	padding: 6px;
	margin-bottom: 6px;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .social_share li a span.name {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: var(--color-black-80);
}

.sharePhoto_modal .modal_inner .modal_content .share_content .copy_link {
	position: relative;
	padding-top: 21px;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .copy_link a img {
	max-width: 42px;
	height: 42px;
	background-color: var(--color-bg);
	border-radius: 50%;
	margin-bottom: 6px;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .copy_link a {
	display: inline-block;
}

.sharePhoto_modal .modal_inner .modal_content .share_content .copy_link a span.name {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: var(--color-black-80);
}

.sharePhoto_modal .modal_inner .modal_content .share_content .copy_link:before {
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 142px;
	height: 1px;
	background-color: var(--color-bg);
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .modal_title {
	margin-bottom: 20px;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .subtitle {
	font-size: 20px;
	line-height: 26px;
	color: var(--color-black-80);
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .subtitle.profile-upload-before-title {
	margin-bottom: 50px;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .subtitle.profile-upload-after-title {
	display: none;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .profile-upload-image {
	max-width: 365px;
	max-height: 650px;
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
	padding: 0;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .question_part {
	margin-top: 20px;
	margin-bottom: 30px;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .question_part p {
	font-size: 14px;
	line-height: 20px;
	color: var(--color-black-60);
	margin-bottom: 0;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .question_part p span {
	color: var(--color-black);
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .description textarea {
	width: 100%;
	height: 115px;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	padding: 10px 15px;
	color: var(--color-black);
	resize: none;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .description .characters_limit {
	display: flex;
	justify-content: end;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-black-60);
	margin-top: 5px;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .profile-image-title-wrap {
	margin-top: 30px;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .profile-image-title-wrap .btn {
	min-width: 190px;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .profile-image-title-wrap .remove-profile-image {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	text-decoration: underline;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 0;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .profile-image-title-wrap .remove-profile-image:hover {
	text-decoration: none;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .feedbacks .title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}

.photoUpload_modal.photoUpload .modal_inner .modal_content .profile-upload-content .feedbacks .form_group.checkbox {
	margin: 0;
	text-align: left;
	max-width: 100%;
}

.onboarding_modal.photoUpload_modal.feedback {
	max-width: 1298px;
}

.photoUpload_modal.feedback .modal_inner .modal_content {
	max-width: 889px;
	flex: 0 0 889px;
}

/* end: Modal */


/* start: Feedback Page */
.feedback .content_inner {
	max-width: 818px;
}

.feedback .content_inner .content_heading {
	max-width: 685px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 60px;
}

.feedback .content_heading .title {
	max-width: 565px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}

.feedback .content_heading .desc {
	font-size: 20px;
	line-height: 1.4;
	color: var(--color-black-60);
}

.feedback .content_image,
.feedback .content_block {
	margin-bottom: 60px;
}

.feedback .content_block:last-child {
	margin-bottom: 0;
}

.feedback .content_block .title {
	margin-bottom: 14px;
}

.feedback .content_block p {
	margin-bottom: 24px;
}

.feedback .content_block p:last-child {
	margin-bottom: 0;
}

.feedback .content_block.feedback_list .title {
	margin-bottom: 24px;
}

.feedback .content_block.feedback_list .list {
	counter-reset: list-number;
	margin-top: 0;
}

.feedback .content_block.feedback_list .list li {
	position: relative;
	padding-left: 50px;
	min-height: 36px;
}

.feedback .content_block.feedback_list .list li:before {
	counter-increment: list-number;
	content: counter(list-number);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: var(--color-bg);
	border-radius: 50%;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	color: var(--color-black);
	position: absolute;
	left: 0;
	top: -5px;
}

.feedback .content_block.feedback_list.giving .list li:before {
	background-color: var(--color-primary);
}

.feedback .content_block.feedback_list .list li:not(:last-child) {
	margin-bottom: 24px;
}

.feedback .content_block.feedback_list .list li p {
	margin-bottom: 10px;
}

.feedback .content_block.feedback_list .list li span {
	display: block;
	font-size: 20px;
	line-height: 1.4;
	color: var(--color-black);
}

/* end: Feedback Page */


/* start: Edit Profile */
.edit-profile .feed_content .heading_tabs {
	margin-bottom: 75px;
}

.edit-profile .feed_content .heading_tabs li:not(:last-child) {
	margin-right: 40px;
}

.edit_profile_content .edit_profile_heading {
	text-align: center;
	margin-bottom: 40px;
}

.edit_profile_content .edit_profile_heading .title {
	margin-bottom: 40px;
}

.edit_profile_content .edit_profile_heading .heading_btn .btn,
.edit_profile_content .edit_profile_bottom .bottom_btn .btn {
	max-width: 245px;
	width: 100%;
	font-size: 16px;
}

.profile_informations .user_image {
	position: relative;
	width: 183px;
	height: 183px;
	margin-bottom: 14px;
}

.profile_informations .user_image img {
	border-radius: 50%;
}

.profile_informations .user_image .change_img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	background-color: var(--color-primary);
	text-align: center;
	border-radius: 50%;
	padding: 8px;
}

.profile_informations .user_name .name {
	margin-bottom: 0;
	text-align: center;
}

.profile_informations .profile_user {
	max-width: 183px;
	width: 100%;
	margin-right: 28px;
	text-align: center;
}

.profile_informations {
	display: flex;
	align-items: start;
	flex-wrap: wrap;
}

.profile_informations .information_block {
	width: calc(88% - 221px);
}

.information_block .single_block {
	border: 1px solid var(--color-border);
	background-color: var(--color-white);
	border-radius: 20px;
	padding: 50px 50px 30px 50px;
}

.information_block .single_block:not(:last-child) {
	margin-bottom: 60px;
}



.information_block .single_block_inner .title {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
}

.information_block .single_block_inner .title .limit {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--color-black-60);
}

.information_block .single_block_inner .title .subtitle {
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.1;
	color: var(--color-black-80);
}

.form_group label {
	display: block;
}

.information_block .single_block_inner .form_group,
.information_block .single_block_inner .form_group .nice-select {
	margin-bottom: 20px;
}

.form_group textarea {
	width: 100%;
	height: 44px;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	padding: 13px 20px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--color-black-80);
}

.form_group textarea {
	min-height: 100px;
	height: 100%;
	border-radius: 20px;
	resize: none;
	font-size: 14px;
	overflow: hidden;
}

.form_group input[type="text"],
.form_group input[type="email"],
.form_group input[type="url"],
.form_group input[type="tel"],
.form_group input[type="password"] {
	width: 100%;
	height: 44px;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	padding: 13px 20px;
	font-size: 12px;
	color: var(--color-black-80);
}

.form_group input[type="text"]::placeholder,
.form_group input[type="email"]::placeholder,
.form_group input[type="url"]::placeholder,
.form_group input[type="tel"]::placeholder,
.form_group input[type="password"]::placeholder {
	font-size: 12px;
	color: var(--color-black-80);
}

.form_group input[type="text"]:invalid,
.form_group input[type="email"]:invalid,
.form_group input[type="url"]:invalid,
.form_group input[type="tel"]:invalid,
.form_group input[type="password"]:invalid {
	/* border-bottom: 2px solid red; */
}

.information_block .form_group input[type="text"]:invalid,
.information_block .form_group input[type="email"]:invalid,
.information_block .form_group input[type="url"]:invalid,
.information_block .form_group input[type="tel"]:invalid,
.information_block .form_group input[type="password"]:invalid {
	/* border-bottom: 1px solid var(--color-border); */
}

.information_block .form_group .error_message {
	color: red;
}

.information_block .single_block.checkbox_info {
	padding: 50px;
}

.information_block .checkboxes_wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.information_block .checkboxes_wrap .form_group.checkbox label {
	padding: 0 0 0 20px;
	line-height: 1.2;
	border: none;
	background-color: transparent;
}

.information_block .checkboxes_wrap .form_group.checkbox input[type="checkbox"]:checked~label {
	background-color: transparent;
	border-color: transparent;
}

.information_block .checkboxes_wrap .form_group.checkbox label:before {
	left: 0;
	/* top: 2px; */
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
}

.information_block .checkboxes_wrap .form_group.checkbox input[type="checkbox"]:checked~label:before {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.information_block .checkboxes_wrap .form_group.checkbox label:after {
	top: 7px;
	left: 2px;
}






.information_block .checkboxes_wrap .form_group.checkbox input[type="checkbox"]:checked~label:after {
	border-color: var(--color-black);
}


.information_block .single_block.genres_info {
	padding: 50px 50px 40px 50px;
}

.information_block .single_block_inner .form_group.checkbox {
	max-width: 100%;
	margin-bottom: 10px;
	text-align: left;
	margin-right: 0;
	margin-left: 0;
}

.edit_profile_content .edit_profile_bottom {
	text-align: center;
	margin-top: 40px;
}

.photo-feed-section.edit-profile {
	padding-bottom: 130px;
}

.edit_profile_content .account_details {
	border: 1px solid var(--color-border);
	border-radius: 20px;
	padding: 50px;
	max-width: 608px;
	width: 100%;
	margin: auto;
}

.edit_profile_content .account_details .account_details_inner {
	max-width: 365px;
	width: 100%;
	margin: auto;
}

.account_details_inner .title {
	margin-bottom: 20px;
}

.account_details_inner .account_fields .form_group {
	margin-bottom: 20px;
}

.account_details_inner .account_fields .form_note {
	display: block;
	max-width: 345px;
	width: 100%;
	color: var(--color-black-40);
	margin-top: -10px;
}

.information_block .checkboxes_wrap .form_group.checkbox {
	flex: 0 0 171px;
	max-width: 171px;
	width: 100%;
	margin: 0;
}

/* end: Edit Profile */

/* start: About Page */
.page-title,
.content-area {
	padding-top: 50px;
}

.page_title_inner .title {
	margin-bottom: 0;
}

.content_inner {
	max-width: 815px;
	width: 100%;
	margin: auto;
}

.content_heading .title {
	font-size: 52px;
	line-height: 72px;
	text-align: center;
	/* margin-bottom: 50px; */
}

.content_image {
	text-align: center;
}

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

.content_image.townhall img {
	border-radius: 0;
}

.content_image,
.content_block,
.content_video,
.content_images {
	margin-bottom: 40px;
}

.content_block .subtitle {
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	color: var(--color-black-60);
	margin-bottom: 8px;
}

.content_block .title {
	margin-bottom: 10px;
	max-width: 747px;
	width: 100%;
}

.content_block p {
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
	margin-bottom: 10px;
}

.content_video .video_inner {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.content_video .video_inner img {
	width: 100%;
}

.content_video .video_inner:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(5, 8, 30, 0.4), rgba(5, 8, 30, 0.4));
	border-radius: 20px;
}

.content_video .video_inner .video_popup {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 61px;
	height: 61px;
	border-radius: 50%;
}

.content_video .video_inner .video_popup .video {
	display: inline-block;
}

.author_details span {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black);
}

.author_details span.hashtag {
	color: var(--color-primary);
}

.author_details span.name {
	font-weight: 500;
}

.content-area {
	padding-bottom: 130px;
	overflow: hidden;
}

.content_images {
	margin-bottom: 60px;
}

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

/* end: About Page */

/* start: How works */
.working_steps {
	padding-top: 20px;
}

.working_steps .single_step_inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.working_steps .single_step_inner .step_content {
	max-width: 526px;
	display: flex;
	align-items: start;
}

.single_step_inner .step_content .step_number {
	display: inline-flex;
	font-size: 32px;
	line-height: 40px;
	font-weight: 500;
	color: var(--color-system);
	margin-right: 20px;
}

.single_step_inner .step_content .step_text .title {
	margin-bottom: 10px;
}

.single_step_inner .step_content .step_text p {
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
	margin-bottom: 0;
}

.working_steps .single_step:not(:last-child) {
	margin-bottom: 120px;
}

.working_steps .single_step {
	position: relative;
	max-height: 260px;
}

.working_steps .single_step:nth-child(1):after,
.working_steps .single_step:nth-child(2):after,
.working_steps .single_step:nth-child(3):after {
	content: "";
	position: absolute;
	left: 17px;
	top: 50%;
	width: 303px;
	height: 303px;
	background-image: url("../img/how-works/step-shape.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.working_steps .single_step:nth-child(2):after {
	transform: rotateY(180deg);
	background-position: center;
	height: 270px;
}

.working_steps .single_step:nth-child(3):after {
	background-position: top left;
	top: 40%;
	height: 240px;
}

/* end: How works */

/* Contact */
.contact-us .content_block {
	max-width: 750px;
	width: 100%;
}

.contact_form_inner {
	border: 1px solid var(--color-border);
	border-radius: 20px;
	max-width: 656px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding: 50px;
}

.contact_form_inner .form_group {
	max-width: 397px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.contact_form_inner .form_group:not(:last-child) {
	margin-bottom: 20px;
}

.contact_form_inner .form_group textarea {
	width: 100%;
	height: 133px;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	resize: none;
}

.contact_form_bottom {
	text-align: center;
}

.contact_form_bottom .form_note {
	display: block;
	font-size: 14px;
	line-height: 24px;
	max-width: 395px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.contact_form_bottom input[type="submit"] {
	width: 203px;
	font-size: 16px;
}

.content-area.contact-us {
	padding-bottom: 154px;
}

/* end: Contact */

/* start: Meet Terry */
.meet-terry .content_heading {
	max-width: 777px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.meet-terry .content_heading .title {
	font-size: 64px;
	margin-bottom: 0;
	max-width: 408px;
	width: 100%;
}

.meet-terry .content_heading .terry_img {
	max-width: 320px;
}

blockquote {
	margin-bottom: 40px;
	background-color: var(--color-primary-80);
	padding: 50px 76px;
	text-align: center;
	border-radius: 20px;
}

blockquote .title {
	margin-bottom: 0px;
}

.meet-terry .content_block,
.meet-terry blockquote,
.meet-terry .content_image {
	margin-bottom: 60px;
}

.content-area.meet-terry {
	padding-bottom: 70px;
}

/* end: Meet Terry */

/* start: Beta */
.beta .content_heading .title {
	max-width: 563px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 40px; */
}

.beta .content_block {
	margin-bottom: 60px;
	max-width: 750px;
	width: 100%;
}

.beta blockquote {
	margin-bottom: 60px;
}

.beta .content_bottom {
	text-align: center;
	margin-top: -20px;
}

.beta .content_bottom .btn {
	width: 203px;
	font-size: 16px;
}

/* end: Beta */

/* Terms Policy */
.terms-policy .content_inner {
	max-width: 750px;
}

.terms-policy .content_heading .title {
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 20px;
	text-align: left;
}

.terms-policy .content_heading .subtitle {
	color: var(--color-black-80);
	margin-bottom: 20px;
}

.terms-policy .content_heading p {
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
	margin-bottom: 0;
}

.terms-policy .content_heading {
	margin-bottom: 40px;
}

.content_block ol {
	padding-left: 25px;
	margin-bottom: 10px;
}

.content_block ol li {
	list-style: decimal;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
}

.content_block p.title {
	color: var(--color-black);
}

.content_block.gap p:not(:last-child) {
	margin-bottom: 20px;
}

.content_block p span {
	display: block;
	color: var(--color-black);
}

.content_block ul {
	margin-top: -10px;
}

.content_block ul li {
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
}

.content_block p span.inline {
	display: inline;
}

.content_block h5.title {
	margin-bottom: 20px;
}

.content_block.bold p {
	font-weight: 500;
}

.content-area.terms-policy {
	padding-bottom: 90px;
}

.terms-policy .content_heading p:not(:last-child) {
	margin-bottom: 20px;
}

.content_block ul.list-style li {
	position: relative;
}

.content_block ul.list-style li:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 12px;
	width: 2px;
	height: 2px;
	background-color: var(--color-black-60);
	border-radius: 50%;
}

.content_block ul.list-style {
	padding-left: 17px;
}

/* end: Terms Policy */

/* start: giveaway */
.giveaway .content_inner {
	max-width: 807px;
}

.giveaway .content_heading .title {
	max-width: 678px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.giveaway .content_image {
	margin-bottom: 60px;
}

.giveaway .content_heading.townhall {
	margin-bottom: 60px;
}

.giveaway .content_image.townhall {
	margin-bottom: 80px;
}

.youtube_video {
	margin-bottom: 40px;
}

.youtube_video .video_inner iframe {
	width: 100%;
	height: 517px;
	border-radius: 20px;
}

.content-area.giveaway {
	padding-bottom: 20px;
}

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

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

.content-area.giveaway {
	padding-bottom: 20px;
}

.giveaway_photo_carousel {
	margin-bottom: 60px;
}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: auto;
	touch-action: auto;
}

.giveaway_photo_carousel.owl-carousel .owl-nav button,
.winners_carousel.owl-carousel .owl-nav button {
	width: 42px;
	height: 42px;
	background-color: var(--color-primary);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: -21px;
	transform: translateY(-50%);
}

.giveaway_photo_carousel.owl-carousel .owl-nav button span,
.winners_carousel.owl-carousel .owl-nav button span {
	font-size: 30px;
	display: inline-block;
	line-height: 17px;
	color: var(--color-black-80);
}

.giveaway_photo_carousel.owl-carousel .owl-nav button.disabled,
.winners_carousel.owl-carousel .owl-nav button.disabled {
	background-color: var(--color-bg);
}

.giveaway_photo_carousel.owl-carousel .owl-nav button.owl-next,
.winners_carousel.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -21px;
}

.post_photo_btn {
	text-align: center;
}

.post_photo_btn .btn {
	width: 203px;
	font-size: 16px;
}

.bag-tags {
	padding-top: 100px;
}

.bag-tags .section_heading .title,
.giveaway-winners .section_heading .title {
	max-width: 632px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	text-align: center;
}

.bag-tags .section_heading p {
	max-width: 813px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
	margin-bottom: 0;
}

.bag-tags .section_heading {
	margin-bottom: 40px;
}

.bag-tags .bag_tags_img {
	text-align: center;
	max-width: 627px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}

.giveaway-winners {
	padding-top: 100px;
}

.giveaway-winners {
	padding-top: 100px;
	padding-bottom: 100px;
}

.winner_image img {
	max-height: 258px;
	object-fit: cover;
	border-radius: 30px;
	min-height: 258px;
}

.winner_image {
	margin-bottom: 20px;
}

.winner_content .title {
	margin-bottom: 20px;
}

.winner_content .winner_meta>span {
	display: block;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	color: var(--color-black-80);
}

.winner_content .winner_meta>span span.name {
	color: var(--color-black);
}

.winner_content .winner_meta {
	margin-bottom: 40px;
}

.winner_content .winner_btn .btn {
	width: 100%;
	font-size: 16px;
}

.carousel_item {
	margin-bottom: 30px;
}

.winners_carousel.owl-carousel .owl-nav button {
	transform: translateY(0);
	top: 108px;
}

/* end: giveaway */

/* start: Weekly Top */
.photo-feed-section.weekly-top {
	padding-top: 50px;
}

.page-header {
	border-bottom: 1px solid var(--color-bg);
	padding-top: 80px;
	padding-bottom: 50px;
}

.page-header .content_heading .title {
	text-align: left;
	margin-bottom: 15px;
}

.page-header .content_heading .desc {
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
	max-width: 640px;
	width: 100%;
}

.page-header .content_heading .desc:last-child {
	margin-bottom: 0;
}

.btn.congratulation_btn {
	background-color: #8217ed;
	border-color: #8217ed;
	border-radius: 4px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--color-white);
	gap: 0;
	padding: 10px 8px;
	min-width: 126px;
}

.btn.congratulation_btn.congratulated {
	background-color: var(--color-white);
	border-color: var(--color-vote-active);
	color: var(--color-black-80);
}

.btn.congratulation_btn.congratulated svg {
	color: var(--color-vote-active);
}

/* end: Weekly Top */

/* start: Why Join */
.why-join-section {
	padding-top: 80px;
	padding-bottom: 12px;
}

.why-join-section .section_title {
	margin-bottom: 40px;
}

.why_join_single {
	margin-bottom: 40px;
}

.why_join_single .thumb {
	margin-bottom: 14px;
	text-align: center;
}

.why_join_single .content .title {
	font-weight: 500;
	margin-bottom: 14px;
}

.why_join_single .content .text {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
}

.why-join-section .why_join_btn {
	margin-top: 30px;
}

.why-join-section .why_join_btn .btn {
	min-width: 255px;
}

/* end: Why Join */

/* start: Why Think */
.why-do-think {
	padding-top: 80px;
	position: relative;
	overflow: hidden;
}

.why-do-think .section_title {
	max-width: 500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.why_do_think_items.owl-carousel .owl-stage {
	display: flex;
}

.why-do-think .owl-carousel .owl-item {
	display: inline-block;
	padding: 2px;
}

.why_do_think_item {
	display: inline-block;
	padding: 24px 20px;
	max-width: 400px;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-border);
	border-radius: 10px;
	margin: 2px 0;
}

.why-do-think .why_do_think_items {
	padding-bottom: 101px;
	/* border-bottom: 1px solid var(--color-border); */
}

.why_do_think_item .user_details {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	column-gap: 8px;
	margin-bottom: 10px;
}

.why_do_think_item .user_details .user_img {
	width: 132px;
	height: 132px;
	border-radius: 50%;
	overflow: hidden;
}

.why_do_think_item .user_details .user_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.why_do_think_item .user_details .user_content {
	width: calc(100% - 140px);
	padding-top: 20px;
}

.why_do_think_item .user_details .user_content .name {
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 500;
	line-height: 1.2;
}

.why_do_think_item .user_details .user_content .address {
	display: block;
	font-size: 12px;
	color: var(--color-black-60);
}

.why_do_think_item .other_info {
	margin-top: 10px;
}

.why_do_think_item .other_info li {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-black-60);
}

.why_do_think_item .other_info li strong {
	font-weight: 500;
	color: var(--color-black);
}

.why_do_think_item .think_content {
	font-size: 14px;
	color: var(--color-black);
}

.why_do_think_item .think_content p:last-child {
	margin-bottom: 0;
}

/* end: Why Think */


/* start: Hunt Score Page */
.page-title.hunt-score {
	padding-top: 32px;
}

.hunt-score .page_title_inner .title {
	line-height: 1.2;
}

.hunt-score-section {
	padding-top: 32px;
}

.hunt_score_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 32px;
}

.hunt_score_wrap .profile_user {
	max-width: 200px;
	width: 100%;
	height: 200px;
	position: relative;
	z-index: 1;
}

.hunt_score_wrap .profile_user>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.hunt_score_wrap .profile_user .profile_badge {
	max-width: 67px;
	width: 100%;
	position: absolute;
	top: 3px;
	left: -14px;
	z-index: 2;
}

.hunt_score_wrap .hunt_badges {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	/* justify-content: space-between; */
	width: calc(100% - 232px);
}

.hunt_badges .badge {
	max-width: 310px;
	width: 100%;
	background-color: var(--color-primary);
	border-radius: 10px;
	padding: 16px 20px;
	text-align: left;
}

.hunt_badges .badge.end-y {
	background-color: #8217ec;
}

.hunt_badges .badge.top5 {
	background-color: #ff2e56;
}

.hunt_badges .badge.top10 {
	background-color: #2883d8;
}

.hunt_badges .badge.top25 {
	background-color: #2cae41;
}

.hunt_badges .badge.end-y .label,
.hunt_badges .badge.end-y .title,
.hunt_badges .badge.top5 .label,
.hunt_badges .badge.top5 .title,
.hunt_badges .badge.top10 .label,
.hunt_badges .badge.top10 .title,
.hunt_badges .badge.end-y .label,
.hunt_badges .badge.end-y .title,
.hunt_badges .badge.top5 .label,
.hunt_badges .badge.top5 .title,
.hunt_badges .badge.top25 .label,
.hunt_badges .badge.top25 .title {
	color: var(--color-white);
}

.hunt_badges .badge .badge_icon {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px;
	background-color: var(--color-white);
	border-radius: 50%;
	margin-bottom: 10px;
}

.hunt_badges .badge .label {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	color: var(--color-black);
}

.hunt_badges .badge .title {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	text-align: left;
	color: var(--color-black);
	margin-bottom: 0;
	margin-top: 4px;
}

.hunt-score-history {
	padding-top: 32px;
	padding-bottom: 120px;
}

.score_history_wrap>.title {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	text-align: left;
	color: var(--color-black);
	margin-bottom: 0;
}

.score_history_wrap>.desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	color: var(--color-black-80);
	margin-top: 15px;
}

.score_history_list {
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 16px;
}

.score_history_item {
	border: 1px solid var(--color-border);
	max-width: 820px;
	width: 100%;
	border-radius: 10px;
	padding: 14px;
	display: flex;
	flex-wrap: wrap;
	gap: 19px;
	align-items: center;
}

.score_history_item .point_box {
	width: 102px;
	background-color: var(--color-bg);
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	padding: 12px;
	gap: 12px;
}

.score_history_item .point_box .icon {
	max-width: 32px;
}

.score_history_item .point_box>span .point {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	text-align: left;
	color: var(--color-black);
	margin: 0;
}

.score_history_item .point_box>span label {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: var(--color-black-40);
}

.score_history_item .item_content {
	max-width: 440px;
	width: 100%;
}

.score_history_item .item_content .title {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	color: var(--color-black);
	margin: 0;
}

.score_history_item .item_content .desc {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.1;
	text-align: left;
	color: var(--color-black-60);
	margin-top: 4px;
}

.score_history_item .item_sofar {
	width: 100px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: right;
	color: var(--color-black-60);
	margin-left: auto;
}

.score_history_item .item_btn {
	line-height: 1;
	padding: 12px 20px;
	border-radius: 4px;
}

/* end: Hunt Score Page */



/* start: Lambert Course */
.course .page_title_inner .title {
	line-height: 1.2;
}

.course .content_heading {
	margin-bottom: 40px;
}

.course .content_heading .title {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 0;
}

.course .content_heading .desc {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	margin-top: 20px;
	color: var(--color-black-80);
}

.course .content_image {
	text-align: left;
}

.content_image .image_text {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	z-index: 1;
	margin-bottom: 24px;
}

.content_image .image_text::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.4) 100%);
	z-index: 1;
}

.content_image .image_text .text {
	max-width: 668px;
	width: 100%;
	color: var(--color-white);
	margin-bottom: 0;
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	text-align: center;
	z-index: 2;
}

.course h1,
.course h2,
.course h3,
.course h4,
.course h5,
.course h6 {
	line-height: 1.2;
	margin-bottom: 20px;
}

.course .big_title br {
	display: none;
}

.course .content_image p,
.course .content_block p {
	font-size: 20px;
	line-height: 1.5;
	color: var(--color-black);
	margin-bottom: 20px;
}

.course blockquote {
	margin-top: 40px;
}

.course blockquote .title {
	margin: 0;
}

.course .button {
	text-align: center;
	margin-top: 40px;
}

.course .button .btn {
	min-width: 203px;
}

/* end: Lambert Course */


/* start: Invite Friends */
.invite .content_heading {
	margin-bottom: 40px;
}

.invite .content_heading .title {
	font-size: 40px;
	line-height: 1.1;
	margin-bottom: 0;
}

.invite .content_heading .desc {
	text-align: center;
	line-height: 1.2;
	margin-bottom: 0;
	margin-top: 15px;
}

.invite .content_image img {
	margin-bottom: 40px;
}

.invite .content_image .title {
	text-align: left;
	line-height: 1.2;
	margin-bottom: 15px;
}

.invite .content_image p {
	text-align: left;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-black-60);
}

.invite .content_inner blockquote {
	padding: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	margin: 0 0 40px 0;
}

.invite .content_inner blockquote .quote_img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

.invite .content_inner blockquote .quote_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.invite .content_inner blockquote .quote_text {
	width: calc(100% - 140px);
	text-align: left;
}

.invite .content_inner blockquote .quote_text .text {
	line-height: 1.1;
	margin: 0;
}

.invite .content_inner blockquote .quote_text cite {
	display: block;
	margin-top: 20px;
	font-size: 16px;
	line-height: 1;
	color: var(--color-black);
	font-style: normal;
}

.share_invite_link {
	margin-bottom: 40px;
}

.invite_accept .title,
.share_invite_link .title {
	margin-bottom: 40px;
	line-height: 1.1;
}

.invite_links {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: center;
	column-gap: 80px;
	row-gap: 40px;
}

.invite_links .link {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	border: none;
	padding: 0;
	border: none;
	background-color: transparent;
}

.invite_links .link .icon {
	width: 88px;
	height: 88px;
	background-color: var(--color-bg);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.invite_links .link span {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	margin-top: 12px;
	color: var(--color-black);
}

.share_invite_link .button {
	margin-top: 40px;
}

.accept_list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.accept_list .list_item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border: 1px solid var(--color-border);
	border-radius: 10px;
	padding: 14px 24px;
	gap: 8px;
}

.accept_list .list_item .item_img_name {
	min-width: 250px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	color: var(--color-black);
}

.accept_list .list_item .item_img_name img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
}

.accept_list .list_item .no-posted,
.accept_list .list_item .joined {
	display: inline-block;
	min-width: 180px;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	color: var(--color-black-60);
}

.accept_list .list_item .btn {
	min-width: 115px;
	line-height: 1;
	padding: 12px 20px;
}

/* end: Invite Friends */

/* start: Edit Photo */
.edit-photo-section {
	padding-top: 80px;
	padding-bottom: 150px;
}

.edit_photo_content .page_header {
	text-align: center;
	margin-bottom: 60px;
}

.edit_photo_content .page_header .title {
	margin-bottom: 40px;
}

.edit_photo_content .page_header .btn {
	min-width: 245px;
}

.edit_photo_content .feed_items {
	max-width: 890px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}

.edit_photo_content .photo_info_box {
	max-width: 890px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid var(--color-border);
	padding: 50px 40px;
	border-radius: 20px;
	position: relative;
}

.edit_photo_content .photo_info_box:not(:last-child) {
	margin-bottom: 60px;
}

.edit_photo_content .photo_info_box .info_title {
	margin-bottom: 20px;
}

.edit_photo_content .photo_info_box textarea {
	font-size: 14px;
	line-height: 20px;
	border: none;
	width: 100%;
	resize: none;
	height: auto;
}

.edit_photo_content .photo_info_box .characters_limit {
	position: absolute;
	right: 0;
	bottom: -25px;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-black-60);
}

.edit_photo_content .pro_tips {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black);
	margin-bottom: 20px;
}

.edit_photo_content .form_group.checkbox {
	max-width: 100%;
	margin: 0 0 10px 0;
}

.edit_photo_content .feed_device_info .feed_device_info-inter-Div {
	margin: 0;
	padding: 0;
	border: none;
	gap: 50px;
}

.edit_photo_content .feed_device_info .device_info {
	gap: 50px;
}

.edit_photo_content .edit_photo_bottom {
	text-align: center;
	margin-top: 40px;
}

.edit_photo_content .edit_photo_bottom .btn {
	min-width: 245px;
}

/* end: Edit Photo */
/* start: Last Weeks Top Ten */
.last-weeks-top-section {
	padding-top: 80px;
}

.last_weeks_top_content .page_header {
	margin-bottom: 40px;
}

.last_weeks_top_content .page_header .subtitle {
	margin-bottom: 0;
}

.last_weeks_top_content .selected_users ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px;
}

.last_weeks_top_content .selected_users ul li a {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.last_weeks_top_content .selected_users ul li a img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.last_weeks_top_content .selected_users ul li a .name {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	color: var(--color-black);
}

.last_weeks_top_content .selected_users .buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 25px;
	margin-top: 40px;
}

.last_weeks_top_content .selected_users .buttons .btn {
	min-width: 211px;
}

.photo-feed-section.last-weeks-top-ten {
	padding-top: 0;
	margin-top: 50px;
	border-top: 1px solid var(--color-border);
}

.photo-feed-section.last-weeks-top-ten .feed_content,
.photo-feed-section.last-weeks-top-ten .new_member_sidebar {
	padding-top: 50px;
}

.photo-feed-section.new-members .member_items .new_member {
	margin-bottom: 20px;
}

.member_items .new_member {
	max-width: 350px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid var(--color-border);
	border-radius: 10px;
	padding: 24px;
	margin-bottom: 30px;
}

/* end: Last Weeks Top Ten */
.profile-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.profile-wrapper.my-profile {
	max-width: 840px;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}

@media (max-width: 575px) {
	.profile-wrapper.my-profile {
		align-items: flex-start;
	}
}

@media (max-width: 575px) {
	.profile-wrapper.my-profile .profile-thumb {
		width: 80px;
		height: 80px;
		flex-shrink: 0;
	}
}

@media (max-width: 767px) {
	.profile-wrapper.my-profile .profile-content {
		padding-left: 24px;
	}
}

@media (max-width: 575px) {
	.profile-wrapper.my-profile .profile-content {
		text-align: left;
		padding-left: 15px;
		padding-top: 0;
		width: auto;
	}
}

.profile-wrapper .profile-left {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 53%;
	border-right: 1px solid var(--black-5);
}

@media (max-width: 575px) {
	.profile-wrapper .profile-left {
		flex-direction: column;
	}
}

@media (max-width: 1199px) {
	.profile-wrapper .profile-left {
		width: 60%;
	}
}

@media (max-width: 991px) {
	.profile-wrapper .profile-left {
		width: 70%;
	}
}

@media (max-width: 767px) {
	.profile-wrapper .profile-left {
		width: 100%;
		border: none;
	}
}

@media (max-width: 767px) {
	.profile-wrapper .profile-right {
		display: none;
	}
}

.profile-wrapper .profile-right .btn {
	margin-top: 20px;
}

.profile-wrapper .profile-thumb {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

@media (max-width: 575px) {
	.profile-wrapper .profile-thumb {
		width: 120px;
		height: 120px;
	}
}

.profile-wrapper .profile-thumb img {
	overflow: hidden;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile-wrapper .profile-content {
	width: calc(100% - 180px);
	padding-left: 40px;
	color: var(--heading);
}

.profile-wrapper .profile-content .title {
	margin-bottom: 14px;
}

@media (max-width: 575px) {
	.profile-wrapper .profile-content .title {
		margin-bottom: 10px;
	}
}

@media (max-width: 575px) {
	.profile-wrapper .profile-content {
		width: 100%;
		text-align: center;
		padding-left: 0;
		padding-top: 20px;
	}
}

.profile-card-gap {
	--bs-gutter-x: 40px;
	--bs-gutter-y: 40px;
}

@media (max-width: 1199px) {
	.profile-card-gap {
		--bs-gutter-x: 24px;
		--bs-gutter-y: 24px;
	}
}

.profile-card.new-card::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	background-color: #ff6262;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

.follow-card-follow-btn {
	padding: 10px 20px;
	font-size: var(--body2);
	text-transform: capitalize;
	line-height: 1.7;
	border-radius: 4px;
	font-weight: 500;
	border: none;
}

.follow-card-following-btn {
	padding: 10px 20px;
	font-size: var(--body2);
	text-transform: capitalize;
	line-height: 1.7;
	border-radius: 4px;
	font-weight: 500;
	border: none;

}

.fadeInDown .profile-card {
	border: 1px solid var(--input-stroke);
	padding: 25px 24px 24px;
	border-radius: 10px;
	background-color: var(--white);
	font-size: 14px;
	line-height: 1.2;
	min-height: 260px;
	height: 100%;
}

.profile-card .profile-card-top-content {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.profile-card .profile-card-top-content .profile-card-thumb {
	width: 60px;
	/* height: 60px; */
	/* border-radius: 50%; */
	/* overflow: hidden; */
}

.profile-card .profile-card-top-content .profile-card-content ul li {
	/* display: flex; */
	gap: 6px;

}

.profile-card .profile-card-top-content .profile-card-content ul li .title {
	font-weight: 500;
	color: var(--heading);
}

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

.profile-wrapper .profile-content {
	width: calc(100% - 180px);
	/* padding-left: 40px; */
	color: var(--heading);
}

.font--md {
	font-size: 14px;
	color: black;
}

.profile-card {
	border: 1px solid var(--input-stroke);
	padding: 25px 24px;
	border-radius: 10px;
	background-color: var(--white);
	font-size: 14px;
	position: relative;
}

.load-more-btn {
	padding: 10px 60px;
	margin-top: 40px;
}

.tab-style-one li a.active {
	border-color: var(--black);
}

.tab-style-one li a {
	color: var(--black);
	font-weight: 500;
	border-bottom: 3px solid transparent;
	padding-right: 5px;
	font-size: 16px;
}

.tab-style-one {
	gap: 5px 50px;
	border: none;
}

.btn--unfollow {
	background-color: var(--color-bg);
	border: none;
}

.profile-card .profile-card-top-content .profile-card-content ul li .title {
	font-weight: 500;
	color: black;
}

.section-divider {
	height: 1px;
	width: 100%;
	background-color: var(--black-5);
}

.font--sm {
	font-size: 12px;
	color: var(--body);
}

.profile-card-content .value {
	color: var(--body);
}

.left .name {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 0px;
}

.text-body {
	color: var(--body) !important;
}

/* followers */

/* start: new member page */
.photo-feed-section.new-members {
	/* padding-top: 165px; */
}

.photo-feed-section.new-members .sidebar_heading {
	text-align: center;
	max-width: 215px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}

.photo-feed-section.new-members .sidebar_heading .feedFilter {
	margin-top: 20px;
}

.photo-feed-section.new-members .sidebar_heading>span {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-black);
}

.photo-feed-section.new-members .member_items .new_member {
	margin-bottom: 20px;
}

/* start: new member page */


/* start: Gallery with Heart */
.grid-image-item .gallery_love {
	border-radius: 30px;
	background-color: rgba(255, 255, 255, 0.4);
	border: none;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	padding: 12px;
	right: 20px;
	top: 20px;
	z-index: 2;
	gap: 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: var(--color-white);
}

.grid-image-item .gallery_love.active .unfilled,
.grid-image-item .gallery_love .filled {
	display: none;
}

.grid-image-item .gallery_love .unfilled,
.grid-image-item .gallery_love.active .filled {
	display: flex;
}

.bph-modal.reminderModal .modal-dialog {
	max-width: 962px;
}

.photoUpload_modal.reminder .modal_inner .modal_content .modal_title {
	max-width: 100%;
}

.reminder .modal_inner .modal_content {
	padding: 100px 50px 100px 50px;
}

.reminder .modal_content .edit_field_content .btn {
	padding: 10px 43px;
}

/* end: Gallery with Heart */

/* start: Activity page */


.tab-style-one li a {
	color: var(--black-40);
}

.tab-style-one li a.active {
	color: var(--heading);
}

@media (min-width: 1400px) {
	.container-two {
		max-width: 1264px;
	}
}

.btn--base.active {
	color: var(--heading) !important;
	background-color: var(--base-main-hover) !important;
}

.btn.btn--light {
	background-color: var(--color-bg);
	border-color: var(--color-bg);

}

.btn.btn--light:hover {
	background: var(--color-black-80);
	color: white;
}

.btn.btn--light.thanksDone {
	background-color: var(--black-5);
	border: none;
	cursor: default;
}

.btn.btn--light.thanksDone:hover {
	color: #05081e;
}

.btn.btn--light.activee {
	color: var(--heading);
	background-color: #f2f3f4 !important;
	border: none;
	cursor: default;
}

/* @media (min-width: 576px) {
	.btn.btn--light:hover {
		color: var(--heading);
		background-color: var(--black-20);
	}
} */

/* .btn.btn--light.active {
	color: var(--heading);
	background-color: var(--black-5) !important;
} */

.btn--success {
	color: var(--white);
	background-color: var(--green);
}

.btn--success:active,
.btn--success:focus {
	color: var(--white) !important;
	background-color: var(--green) !important;
}

@media (min-width: 576px) {
	.btn--success:hover {
		background-color: var(--green);
	}
}

@media (max-width: 575px) {
	.btn--success:hover {
		background-color: var(--green) !important;
	}
}

.btn--success.active {
	color: var(--white);
	background-color: var(--green) !important;
}

.btn--white {
	background-color: var(--white);
}

.btn--white:active,
.btn--white:focus {
	background-color: var(--white);
}

@media (min-width: 576px) {
	.btn--white:hover {
		background-color: var(--white);
	}
}

.btn--white.active {
	color: var(--heading);
	background-color: var(--white) !important;
}

.upvote--downvote {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding-inline: 14px;
	border: none;
}

@media (max-width: 575px) {
	.upvote--downvote {
		padding-inline: 4px;
		min-width: unset !important;
	}
}

.upvote--downvote svg {
	stroke: var(--white);
}

.btn.Upvoted,
.btn.upvoted {
	color: var(--green);
	background-color: var(--white);
}

.btn.Upvoted svg,
.btn.upvoted svg {
	stroke: var(--green);
}

.btn.Upvoted:active,
.btn.Upvoted:focus,
.btn.upvoted:active,
.btn.upvoted:focus {
	color: var(--green) !important;
	background-color: var(--white);
}

@media (min-width: 576px) {

	.btn.Upvoted:hover,
	.btn.upvoted:hover {
		color: var(--green);
		background-color: var(--white) !important;
	}
}

@media (max-width: 575px) {

	.btn.Upvoted:hover,
	.btn.upvoted:hover {
		color: var(--green) !important;
		background-color: var(--white) !important;
	}
}

.btn.Upvoted.active,
.btn.upvoted.active {
	color: var(--green) !important;
	background-color: var(--white) !important;
}

/* .like--btn .outline {
    display: inline-block;
  }
  .like--btn .fill {
    display: none;
  }
  .like--btn.active .outline {
    display: none;
  } */
.like--btn.active .fill {
	display: inline-block;
}

.btn--116 {
	min-width: 116px;
}

.btn--100 {
	min-width: 100px;
	padding-inline: 8px !important;
}

.text--black80 {
	color: var(--black-80);
}

.text--black40 {
	color: var(--black-40);
}

.lh-20px {
	line-height: 20px !important;
}

@media (max-width: 575px) {
	.profile-card .btn {
		min-width: 90px;
	}
}

.profile-card .profile-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.pb--80 {
	padding-bottom: 80px;
}

.profile-info-list li {
	line-height: 24px;
}

.profile-info-list .name_info {
	margin-bottom: 0px;
	line-height: 18px;
}

.profile-info-list .location_info {
	line-height: 18px;
}

.profile-info-list .camera_info {
	margin-bottom: -4px;
}

.profile-card.style--two {
	padding-block: 14px;
}

.profile-card.style--two>.profile-info-list {
	margin-top: 10px;
}

.profile-card.style--two>.profile-info-list .title {
	color: var(--heading);
}

.time-indicator {
	font-size: var(--body3);
	color: #9b9ca5 !important;
	margin-left: 3px;
}

@media (max-width: 767px) {
	.profile-card.style--two {
		text-align: center;
	}

	.profile-card.style--two .profile-card-inner {
		text-align: left;
	}

	.profile-card.style--two>.btn--group {
		margin-top: 20px;
		justify-content: center !important;
		gap: 14px !important;
	}

	.profile-card.style--two>.btn--group>* {
		flex-grow: 0;
		min-width: 120px;
	}

	.profile-card.style--two>.btn {
		max-width: 150px;
		margin: 20px auto 0;
		text-align: center;
		min-width: 120px;
	}
}

@media (max-width: 575px) {
	.profile-card.style--two {
		padding-block: 24px;
		overflow: hidden;
	}
}

.profile-card.style--two .profile-card-thumb {
	width: 80px;
	height: 80px;
	margin-bottom: auto;
}

@media (max-width: 575px) {
	.profile-card.style--two .profile-card-thumb {
		height: 60px;
		width: 60px;
	}
}

@media (max-width: 420px) {
	.profile-card.style--two .profile-card-thumb {
		min-height: 55px;
		min-width: 55px;
	}
}

.profile-card.style--two .profile-card-top-content {
	margin-bottom: 0;
}

.profile-card.style--two .profile-card-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-grow: 1;
	align-items: flex-start;
}

@media (min-width: 768px) {
	.profile-card.style--two .profile-card-content {
		justify-content: space-between;
		flex-direction: row;
		align-items: flex-start !important;
		gap: 24px;
		flex-basis: 90%;
	}
}

.profile-card.style--two .photo-wrapper {
	margin-top: 10px;
	position: relative;
}

@media (max-width: 575px) {
	.profile-card.style--two .photo-wrapper {
		margin-top: 20px;
	}
}

@media (max-width: 575px) {
	.profile-card.style--two .photo-wrapper>img {
		min-height: 170px;
		object-fit: cover;
	}
}

.profile-card.style--two .photo-wrapper .btn {
	position: absolute;
	right: 14px;
	bottom: 14px;
}

.profile-card.style--two .comment-photo {
	display: inline-flex;
	max-width: 125px;
	/* width: 100%; */
	height: 95px;
	justify-content: center;
	border-radius: 4px;
}

.profile-card.style--two .comment-photo img {
	max-width: 100%;
	width: auto;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.profile-card.style--two .write-comment .comment-form input[type="text"] {
	width: 100%;
}

.profile-card.style--two .write-comment .comment-form input[type="text"].typed {
	width: calc(100% - 45px);
}

.profile-card.style--two .write-comment .comment-form button[type="submit"] {
	margin-left: 10px;
	position: absolute;
	right: 0;
	height: 100%;
	z-index: 1;
}

.write-comment {
	display: flex;
	align-items: center;
	gap: 12px;
}

@media (min-width: 576px) {
	.write-comment {
		margin-left: 88px;
	}
}

@media (max-width: 575px) {
	.write-comment {
		gap: 4px;
	}

	.profile-card.style--two .comment-photo {
		max-width: 44px;
	}
}

@media (max-width: 576px) {
	.desFollow-thank-btn {
		display: none;
	}

	.desFollow--btn {
		display: flex;
		justify-content: center;


	}

	.desFollow--btn button {
		margin-top: 8px;
		padding: 5px;
	}

	.mobileFollow-thank-btn {
		margin-top: 10px;
		display: flex;
		justify-content: center;
	}

	.mobileFollow-thank-btn .btn {
		padding: 5px;
	}
}

.write-comment .comment-user {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.comment-form {
	display: flex;
	align-items: center;
	width: calc(100% - 56px);
	gap: 10px;
	position: relative;
}

@media (max-width: 767px) {

	.profile-card.style--two .comment-photo {
		max-width: 250px;
		width: 100%;
		height: 113px;
	}

	.profile-card.style--two .comment-photo img {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.comment-form {
		width: calc(100% - 48px);
	}
}

@media (max-width: 575px) {
	.comment-form button {
		padding-inline-end: 0;
	}
}

.comment-form .form-control {
	font-size: 14px;
	position: relative;
	transition: all 0.3s linear;
	width: calc(100% - 40px);
	position: relative;
	z-index: 2;
}

.form-control {
	height: 44px;
	border-radius: 4px;
	border: 1px solid var(--input-stroke);
	outline: 0 !important;
	box-shadow: none !important;
}

.comment-form .form-control::-webkit-input-placeholder {
	color: var(--black-40);
}

@media (max-width: 575px) {
	.comment-form .form-control {
		font-size: 12px;
		width: calc(100% - 33px);
	}
}

.comment-form .form-control::-webkit-input-placeholder {
	color: var(--black-40);
}

.member-since-btn {
	color: var(--heading) !important;
	border: 1px solid var(--border) !important;
	/* height: 100%; */
	font-size: 14px;
	border-radius: 10px;
}

.right-content {
	max-width: 370px;
	width: 100%;
	padding-left: 18px;
	margin-top: 32px;
	margin-bottom: 50px;
}

@media (max-width: 991px) {
	.right-content {
		padding-left: 0;
		max-width: 100%;
	}



	.member-since-btn {
		/* font-size: 20px; */
		font-weight: 500;
		line-height: 22px;
		color: #05081e;
		padding: 23px 24px;
	}

	.activity-call_to_action {
		background-color: #dab7fd;
		border-radius: 10px;
		margin-top: 25px;
		padding: 24px;
		text-align: center;
	}

	.activity-call_to_action .icon {
		display: inline-flex;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		margin-bottom: 10px;
	}

	.activity-call_to_action .action_title {
		font-size: 20px;
		font-weight: 500;
		line-height: 1.2;
		text-align: center;
		color: #37394b;
	}

	.activity-call_to_action .action_links {
		margin-top: 10px;
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}

	.activity-call_to_action .action_links>li {
		display: block;
		width: 100%;
	}

	.activity-call_to_action .action_links>li>a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border: 1px solid #696b78;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.2;
		color: #696b78;
		padding: 10px;
	}
}

@media (max-width: 575px) {
	.member-since-btn {
		padding-block: 8px;
	}
}

@media (min-width: 992px) {
	.member-since-btn {
		font-size: 20px;
		font-weight: 500;
		line-height: 22px;
		color: #05081e;
		padding: 23px 24px;
	}

	.activity-call_to_action {
		background-color: #dab7fd;
		border-radius: 10px;
		margin-top: 25px;
		padding: 24px;
		text-align: center;
	}

	.activity-call_to_action .icon {
		display: inline-flex;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		margin-bottom: 10px;
	}

	.activity-call_to_action .action_title {
		font-size: 20px;
		font-weight: 500;
		line-height: 1.2;
		text-align: center;
		color: #37394b;
	}

	.activity-call_to_action .action_links {
		margin-top: 10px;
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}

	.activity-call_to_action .action_links>li {
		display: block;
		width: 100%;
	}

	.activity-call_to_action .action_links>li>a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border: 1px solid #696b78;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.2;
		color: #696b78;
		padding: 10px;
	}
}

@media (min-width: 1200px) {
	.member-since-btn {
		font-size: 20px;
		font-weight: 500;
		line-height: 22px;
		color: #05081e;
		padding: 23px 24px;
	}

	.activity-call_to_action {
		background-color: #dab7fd;
		border-radius: 10px;
		margin-top: 25px;
		padding: 24px;
		text-align: center;
	}

	.activity-call_to_action .icon {
		display: inline-flex;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		margin-bottom: 10px;
	}

	.activity-call_to_action .action_title {
		font-size: 20px;
		font-weight: 500;
		line-height: 1.2;
		text-align: center;
		color: #37394b;
	}

	.activity-call_to_action .action_links {
		margin-top: 10px;
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}

	.activity-call_to_action .action_links>li {
		display: block;
		width: 100%;
	}

	.activity-call_to_action .action_links>li>a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border: 1px solid #696b78;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.2;
		color: #696b78;
		padding: 10px;
	}
}

.activity-wrapper {
	display: flex;
}

.activity-wrapper .btn {
	padding-inline: 14px;
	min-width: 115px;
}

@media (max-width: 991px) {
	.activity-wrapper .btn {
		min-width: 100%;
	}

	.activity-wrapper {
		flex-direction: column-reverse;
	}

	.activity-wrapper .left-content {
		padding-top: 48px;
		padding-bottom: 0px;
	}
}

@media (min-width: 992px) {
	.activity-wrapper .left-content {
		margin-right: 30px;
	}
}

@media (min-width: 1200px) {
	.activity-wrapper .left-content {
		margin-right: 40px;
	}
}

@media (min-width: 1400px) {
	.activity-wrapper .left-content {
		margin-right: 50px;
	}
}

.activity-wrapper>hr {
	margin: 0;
	border: none;
	border-right: 1px solid var(--black-5);
	opacity: 1;
}

@media (min-width: 992px) {
	.activity-wrapper>hr {
		margin-top: 32px;
	}
}

@keyframes bubbleAnimation {
	0% {
		opacity: 0;
		transform: scale(0.4);
	}

	10% {
		transform: scale(0.5) translateY(-7px);
		opacity: 1;
	}

	85% {
		width: 26px;
		transform: scale(1) translateY(-85px);
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: scale(1) translateY(-95px);
	}
}

.bubble-animation-wrapper {
	position: relative;
	z-index: 1;
}

.bubble-animation-wrapper .bubbles {
	position: absolute;
	z-index: 1;
	bottom: 50px;
	right: 110px;
	display: flex;
	flex-direction: column;
	gap: 8px 0px;
	z-index: -1;
}

@media (max-width: 575px) {
	.right-content {
		max-width: 100%;
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.bubble-animation-wrapper .bubbles {
		right: 100px;
	}
}

.bubble-animation-wrapper .bubbles.active li:nth-of-type(4n + 1) img {
	width: 26px;
	animation: bubbleAnimation 2.5s linear forwards;
}

.bubble-animation-wrapper .bubbles.active li:nth-of-type(4n + 2) img {
	width: 20px;
	animation: bubbleAnimation 2.5s linear forwards;
	animation-delay: 0.55s;
}

.bubble-animation-wrapper .bubbles.active li:nth-of-type(4n + 3) img {
	width: 14px;
	animation: bubbleAnimation 2.5s linear forwards;
	animation-delay: 1s;
}

.bubble-animation-wrapper .bubbles.active li:nth-of-type(4n + 4) img {
	width: 12px;
	animation: bubbleAnimation 2s linear forwards;
	animation-delay: 2.2s;
}

.bubble-animation-wrapper .bubbles li {
	position: absolute;
}

.bubble-animation-wrapper .bubbles li:nth-of-type(2n) {
	margin-left: -10px;
}

.bubble-animation-wrapper .bubbles li:nth-of-type(2n + 1) {
	margin-left: 10px;
}

.bubble-animation-wrapper .bubbles li img {
	opacity: 0;
}

.title.text-title {
	color: black;
	font-weight: 500;

}

@media (max-width: 575px) {
	.both-btn {
		max-width: 150px !important;
		margin: 20px auto 0 !important;
		text-align: center !important;
		max-width: 120px !important;
		padding: 9px 15px !important;
	}
}

@media (max-width: 575px) {
	.Congratulations-Share-btn {
		max-width: 150px !important;
		margin: 0px 70px 0px 6px !important;
		text-align: center !important;
		max-width: 120px !important;
		padding: 9px 15px !important;
	}

	.Congratulations-Share-btn_Container {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.Congratulations-Title {
		margin-top: 10px;
		/* margin-left: 12px; */
	}

	.Congratulations-moblie-btn {
		max-width: 150px !important;
		/* margin: 0px 70px 0px 20px!important; */
		text-align: center !important;
		max-width: 120px !important;
		padding: 9px 15px !important;
	}
}


/* lightbox */

#exampleModalNew .swiper-button-next:after {
	position: absolute;
	content: "";
	background-image: url(../img/icons/right-arr.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	right: 0;
	top: 0;
}

#exampleModalNew .modal-header {
	padding: 25px 0 !important;
}

#exampleModalNew .swiper-button-prev:after {
	position: absolute;
	content: "";
	background-image: url(../img/icons/left-arr.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	left: 0px;
	top: 0;
}


/* start: New Profile Page */
.profile-area {
	position: relative;
	z-index: 1;
	margin-top: 50px;
	border-bottom: 1px solid var(--color-bg);
	padding-bottom: 32px;
}

.profile-area .profile_cover {
	width: 100%;
	height: 195px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

.profile-area .profile_cover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: radial-gradient(56.15% 401.36% at 14.17% 100%,
			#37374b 0%,
			rgba(255, 255, 255, 0) 100%);
	background-blend-mode: multiply;
}

.profile-area .about_profile {
	margin-top: -100px;
	position: relative;
	z-index: 2;
}

.about_profile .about_profile_inner {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.about_profile_inner .profile_user {
	position: relative;
	width: 204px;
	height: 204px;
	z-index: 1;
}

.about_profile_inner .profile_user>img {
	border-radius: 50%;
	border: 4px solid var(--color-white);
}

.about_profile_inner .profile_user .change_img {
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 44px;
	height: 44px;
	background-color: var(--color-primary);
	border-radius: 50%;
	padding: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about_profile_inner .profile_user .profile_badge {
	position: absolute;
	left: -14px;
	top: 3px;
	width: 67px;
	height: 67px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.about_profile_inner .profile_details_warp {
	width: calc(100% - 220px);
	min-height: 100%;
	display: flex;
	align-items: start;
	justify-content: space-between;
	z-index: 1;
}

.profile_details_warp .details_profile {
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 20px;
	justify-content: space-between;
}

.details_profile .information .name {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 4px;
	color: var(--color-white);
}

.details_profile .information .address {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-white);
}

.details_profile .information .contact_info {
	display: flex;
	align-items: center;
	margin-top: 12px;
}

.details_profile .information .contact_info .add_socials {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #2424cc;
}

.details_profile .information .contact_info .socials {
	list-style: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.details_profile .information .contact_info .socials li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: var(--color-white);
	padding: 3px;
}

.details_profile .information .contact_info .website {
	border-left: 1px solid #f2f3f4;
	margin-left: 12px;
	padding-left: 13px;
}

.details_profile .information .contact_info .website a {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: var(--color-white);
}


.details_profile .hunt-score {
	width: 135px;
	/* width: 100%; */
	border: 1px solid var(--color-black-20);
	background-color: var(--color-white);
	border-radius: 8px;
	padding: 13px 8px;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 12px;
}

.details_profile .hunt-score .icon {
	display: inline-flex;
	max-width: 21px;
}

.details_profile .hunt-score .label,
.details_profile .hunt-score .score {
	display: flex;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
	color: var(--color-black-40);
}

.details_profile .hunt-score .score {
	color: var(--color-black);
}

.details_profile .following_follower .title {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black-40);
	margin-bottom: 5px;
}

.details_profile .following_follower .title .followers {
	position: relative;
	padding-left: 10px;
	margin-left: 8px;
}

.details_profile .following_follower .title .followers::before {
	content: "";
	width: 2px;
	height: 2px;
	background-color: var(--color-black-40);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.details_profile .following_follower .users {
	display: flex;
	align-items: center;
}

.details_profile .following_follower .users li {
	display: inline;
}

.details_profile .following_follower .users li>a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 2px solid var(--color-white);
}

.details_profile .following_follower .users li:not(:first-child) {
	margin-left: -10px;
}

.details_profile .following_follower {
	display: flex;
	flex-wrap: nowrap;
	gap: 24px;
}

.profile_details_warp .profile_buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 25px;
}

.profile_details_warp .profile_buttons .btn.btn-edit {
	background-color: var(--color-white);
}

.profile_details_warp .profile_buttons .btn.btn-edit:hover {
	color: var(--color-black-80);
}

.profile_details_warp .profile_buttons .btn.btn-edit.follow {
	background-color: var(--color-system);
}

.profile_details_warp .profile_buttons .btn.btn-edit.follow:hover {
	color: var(--color-white);
	background-color: var(--color-black-80);
	border-color: var(--color-black-80);
}

.about_profile_desc {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 15px;
	justify-content: space-between;
	margin-top: -65px;
}

.about_profile_desc .profile_desc_text {
	max-width: 560px;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--color-black-80);
	margin-bottom: 55px;
}

.about_profile_desc .profile_desc_text p:last-child {
	margin: 0;
}

.about_profile_desc .profile_system_desc {
	max-width: 620px;
	width: 100%;
	min-height: 237px;
	position: relative;
	z-index: 2;
	padding-left: 41px;
}

.about_profile_desc .profile_system_desc::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: var(--color-bg);
}

.about_profile_desc .profile_system_desc .profile_system_desc_inner {
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 8px;
}

.profile_system_desc_inner .system_item {
	max-width: 182px;
	width: 100%;
}

.profile_system_desc_inner .system_item>span {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	color: var(--color-black-40);
}

.profile_system_desc_inner .system_item>p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	color: var(--color-black-80);
	margin: 0;
}

.profile_system_desc_inner .system_item>.add {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #2424cc;
}

.others_work_content {
	margin-top: 16px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.others_work_content .title {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	text-align: left;
	color: var(--color-black-80);
	margin: 0;
	max-width: 182px;
	width: 100%;
}

.others_work_content .title span {
	display: inline-block;
	max-width: 127px;
	width: 100%;
}

.others_work_content .o_work_images {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
}

.o_work_images .work_img {
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dashed var(--color-black-40);
	border-radius: 10px;
	overflow: hidden;
}

.o_work_images .work_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.4s ease-in-out 0s;
}

.o_work_images .work_img.uploaded {
	border: none;
	cursor: pointer;
}

.o_work_images .work_img.uploaded:hover img {
	transform: scale(1.1);
}

.o_work_images .work_img.uploading {
	cursor: pointer;
}

.o_work_images .work_img.uploading>span {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-primary);
	border-radius: 50%;
	font-size: 20px;
	line-height: 1.2;
	color: var(--color-black);
}

/* end: New Profile Page */

/* start: Gallery Page */
.gallery_tools {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	margin-right: 8px;
}

.gallery_tools .tool {
	position: relative;
	z-index: 1;
	display: inline-block;
	cursor: pointer;
}

.gallery_tools .tool .tip {
	position: absolute;
	left: 50%;
	bottom: 90%;
	width: 75px;
	text-align: center;
	transform: translateX(-50%);
	margin-bottom: 10px;
	visibility: hidden;
	opacity: 0;
	transition: 0.4s;
}

.gallery_tools .tool:hover .tip {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

.gallery_tools .tool .tip>span {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-transform: capitalize;
	text-align: center;
	color: var(--color-black-40);
	background-color: var(--color-white);
	border: 1px solid var(--color-black-20);
	border-radius: 4px;
	padding: 4px 7px;
}

.gallery_tools .tool .tip>span::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -3px;
	width: 6px;
	height: 6px;
	background-color: var(--color-white);
	border-radius: 2px;
	transform: translateX(-50%) rotate(-45deg);
	border-left: 1px solid var(--color-black-20);
	border-bottom: 1px solid var(--color-black-20);
}

.gallery-grid .grid-sizer,
.gallery-grid .grid-image-item {
	width: 32.2%;
}

.gallery-grid .gutter-sizer {
	width: 1.5%;
}

.grid-image-item {
	position: relative;
	z-index: 1;
	transition: all 0.4s ease-in-out 0s;
	overflow: hidden;
	/* margin-bottom: 20px; */
	border: 1.72px solid transparent;
}

.grid-image-item::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(5, 8, 30, 0.25);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out 0s;
}

.grid-image-item .content {
	padding: 24px;
	background: linear-gradient(180deg,
			rgba(5, 8, 30, 0) 0%,
			rgba(5, 8, 30, 0.5) 44.27%,
			#05081e 100%);
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	text-align: right;
	transform: translateY(20px);
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out 0s;
}

.grid-image-item .content .title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--color-white);
	margin-bottom: 0;
}

.grid-image-item .content .date {
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: var(--color-white-60);
}

.grid-image-item .gallery_expanded {
	padding: 16px 16px 32px 16px;
	background: linear-gradient(180deg,
			#05081e -18.32%,
			rgba(5, 8, 30, 0.5) 36.83%,
			rgba(5, 8, 30, 0) 98.03%);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	text-align: right;
	transform: translateY(-20px);
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out 0s;
}

.grid-image-item .gallery_expanded .expanded {
	display: inline-block;
	width: 42px;
	height: 42px;
}

.grid-image-item:hover {
	border-color: var(--color-primary);
}

.grid-image-item:hover::after {
	visibility: visible;
	opacity: 1;
}

.grid-image-item:hover .content,
.grid-image-item:hover .gallery_expanded {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.othersWorkContentWrap .add_more_photo_button {
	margin-top: 20px;
}

.othersWorkContentWrap .add_more_photo_button .btn {
	font-size: 16px;
	min-width: 270px;
}

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* semi-transparent background */
	z-index: 50;
	/* ensure the popup appears on top of other elements */
}

.popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* gallery no photo */
.gallery_no_photo {
	max-width: 402px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.gallery_no_photo>img {
	width: 125px;
	height: 125px;
	border-radius: 50%;
	margin-bottom: 40px;
}

.gallery_no_photo .title {
	margin-bottom: 16px;
}

.gallery_no_photo .desc {
	font-size: 14px;
	line-height: 20px;
}

.gallery_no_photo .desc p:last-child {
	margin: 0;
}

.gallery_no_photo .btn {
	margin-top: 40px;
}

.gallery_photo_upload {
	text-align: center;
	padding-bottom: 40px;
}

.gallery_photo_upload_header {
	max-width: 422px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.gallery_photo_upload_header .title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.gallery_photo_upload_header .title img {
	max-width: 42px;
}

.gallery_photo_upload_header .subtitle {
	margin: 0;
	font-size: 20px;
	line-height: 26px;
	color: var(--color-black-80);
}

.gallery_photo_upload .file-upload .image-upload-wrap .drag-text .file-upload-btn {
	font-size: 16px;
}

.uploading .gallery_photo_upload_header {
	margin-bottom: 24px;
}

.uploading .gallery_photo_upload_header {
	margin-bottom: 24px;
}

.gallery_photo_uploading_wrap .uploading_speed {
	display: block;
	text-align: left;
	font-size: 20px;
	line-height: 26px;
	color: var(--color-black-80);
	margin-bottom: 24px;
}

.gallery_photo_uploading_wrap .uploading_list {
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 20px;
	padding: 50px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.gallery_photo_uploading_wrap .uploading_list .upload_item {
	display: flex;
	align-items: center;
	column-gap: 35px;
	min-height: 44px;
}

.gallery_photo_uploading_wrap .uploading_list .upload_item .wait,
.gallery_photo_uploading_wrap .uploading_list .upload_item .done {
	display: inline-flex;
	width: 24px;
	height: 24px;
}

.gallery_photo_uploading_wrap .uploading_list .upload_item .file_name {
	margin: 0;
	font-size: 20px;
	line-height: 26px;
	color: var(--color-black-80);
}

.gallery_photo_uploading_wrap .uploading_list .upload_item .file_size {
	display: inline-flex;
	font-size: 20px;
	line-height: 26px;
	color: var(--color-black-80);
}

.progress_wrap {
	margin-left: auto;
}

.progress_wrap .progress-line {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 24px;
	overflow: hidden;
}

.progress_wrap .progress-line .fill-progress {
	background-color: var(--color-primary);
	position: absolute;
	z-index: 1;
	display: flex;
	height: 100%;
	top: 0;
	left: 0;
}

.progress_wrap .progress-line .empty-progress {
	display: inline-flex;
	width: 500px;
	height: 24px;
	background-color: var(--color-bg);
}

.gallery_manage {
	max-width: 540px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.gallery_manage .title {
	line-height: 26px;
	margin-bottom: 16px;
}

.gallery_manage .subtitle {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 12px;
}

.gallery_manage .desc {
	max-width: 360px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.gallery_manage .desc p:last-child {
	margin: 0;
}

.gallery_manage .btn {
	min-width: 180px;
	margin-top: 40px;
}

.gallery_manage_photos {
	margin-top: 40px;
	/* display: flex; */
	flex-wrap: wrap;
	align-items: start;
	gap: 20px;
}

.gallery_manage_photos .manage_photo_item {
	width: 227px;
	height: 227px;
	background-color: var(--color-white);
	border: 1px solid var(--color-black-20);
	border-radius: 8px;
	padding: 16px;
	display: inline-flex;
	align-items: start;
	justify-content: start;
	flex-wrap: wrap;
	gap: 8px;
	align-content: flex-start;
}

.gallery_manage_photos .manage_photo_item.selected {
	border-color: var(--color-black-40);
	border-width: 2px;
}

.gallery_manage_photos .manage_photo_item .manage_photo_item_inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: start;
}

.gallery_manage_photos .manage_photo_item .grab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background-color: var(--color-black-20);
	border-radius: 4px;
	color: var(--color-black);
	cursor: all-scroll;
}

.gallery_manage_photos .manage_photo_item.active .grab {
	background-color: var(--color-primary);
	cursor: all-scroll;
}

.gallery_manage_photos .manage_photo_item .grab svg {
	max-width: 15px;
	width: 100%;
}

.gallery_manage_photos .manage_photo_item>img {
	max-height: 100%;
	opacity: 0.2;
}

.gallery_manage_photos .manage_photo_item.active>img {
	opacity: 1;
}

.manage_photos_button .btn {
	margin-top: 40px;
	min-width: 180px;
}

/* end: Gallery Page */



/* start: Followers Page */
.followers_page_header {
	/* padding-top: 40px; */
}

.followers_page_header .title {
	line-height: 1.3;
	margin-bottom: 0;
}

.followers_page_header .desc {
	max-width: 445px;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-black);
}

.followers_page_header .desc p:last-child {
	margin: 0;
}

.followers-section {
	padding-top: 32px;
	padding-bottom: 120px;
}

.followers_content_wrap .heading_tabs {
	display: flex;
	align-items: center;
	column-gap: 40px;
	row-gap: 10px;
}

.followers_content_wrap .heading_tabs>li {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	color: #9b9ca5;
	cursor: pointer;
}

.followers_content_wrap .heading_tabs>li.active {
	color: var(--color-black);
	text-decoration: underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 3px;
}

.followers_tab_content {
	padding-top: 32px;
}

.followers_tab_content .tab_content-title {
	line-height: 1.2;
	margin-bottom: 32px;
}

.followers_users {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	gap: 24px;
}

.followers_users .user_profile {
	max-width: 365px;
	width: 100%;
	min-height: 260px;
	display: inline-block;
	border: 1px solid var(--color-border);
	border-radius: 10px;
	padding: 24px;
	background-color: var(--color-white);
}

.user_profile .profile_top {
	display: flex;
	align-items: center;
	gap: 8px;
}

.user_profile .profile_top .profile_img {
	max-width: 60px;
	width: 100%;
	height: 60px;
	margin: 0;
}

.user_profile .profile_top .profile_img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.user_profile .profile_top .camera_infos {
	width: calc(100% - 68px);
}

.user_profile .profile_top .camera_infos>li {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black-60);
}

.user_profile .profile_top .camera_infos>li>span {
	font-weight: 500;
	color: var(--color-black);
}

.user_profile .profile_middle {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2px;
}

.user_profile .profile_middle .user_info {
	width: calc(100% - 115px);
}

.user_profile .profile_middle .user_info .name {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--color-black);
}

.user_profile .profile_middle .user_info .tagline {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black-60);
}

.user_profile .profile_middle .btn {
	line-height: 1;
	padding: 12px 18px;
}

.user_profile .profile_middle .btn.following {
	background-color: transparent;
	border-color: transparent;
	color: var(--color-black);
	min-width: 100px;
}

.user_profile .profile_bottom {
	margin-top: 8px;
}

.user_profile .profile_bottom .no_feature_images {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black-60);
}

.user_profile .profile_bottom .feature_images {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 13px;
}

.user_profile .profile_bottom .feature_images li {
	width: 96px;
	height: 96px;
}

.user_profile .profile_bottom .feature_images li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

/* end: Followers Page */



/* start: Queue Manager */
.queue-manager-section {
	padding-top: 40px;
	padding-bottom: 100px;
}

.queue_content_heading {
	padding-bottom: 40px;
}

.queue_content_heading .page_heading {
	line-height: 1.2;
	color: var(--color-black-80);
	text-align: left;
	margin: 0;
}

.queue_content_heading .content_heading_inner {
	margin-top: 40px;
	text-align: center;
}

.queue_content_heading .content_heading_inner .title {
	line-height: 1.2;
	margin: 0;
}

.queue_content_heading .content_heading_inner .desc {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	color: var(--color-black-80);
	margin-top: 20px;
	max-width: 730px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.queue_items_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 25px;
	row-gap: 35px;
}

.queue_items_wrap.layout-2 {
	row-gap: 25px;
}

.queue_items_wrap .queue_item {
	max-width: 48%;
	width: 100%;
	background-color: var(--color-white);
}

.queue_items_wrap .queue_item .queue_item_img {
	width: 100%;
	height: 345px;
	position: relative;
	z-index: 1;
	padding: 24px;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.queue_items_wrap .queue_item .queue_item_img img {
	border-radius: 10px;
	max-height: 100%;
}

.queue_items_wrap .queue_item.delete_content .queue_item_img img.image,
.queue_items_wrap .queue_item .queue_item_img img.default_img {
	display: none;
}

.queue_items_wrap .queue_item .queue_item_img img.image,
.queue_items_wrap .queue_item.delete_content .queue_item_img img.default_img {
	display: inline-block;
}

.queue_items_wrap .queue_item .queue_item_img .grab {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	background-color: var(--color-black-40);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2;
	cursor: all-scroll;
}

.queue_items_wrap .queue_item .queue_item_content {
	padding: 24px;
}

.queue_item .queue_item_content .reminder {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.1;
	color: var(--color-black-40);
	margin-bottom: 16px;
}

.queue_item .queue_item_content .reminder .trash {
	cursor: pointer;
}

.queue_item .queue_item_content .content_box:not(:last-child) {
	margin-bottom: 16px;
}

.queue_item .queue_item_content .content_box .title {
	line-height: 1.1;
	margin-bottom: 8px;
}

.queue_item .queue_item_content .content_box .title .pencil {
	cursor: pointer;
}

.queue_item .queue_item_content .content_box input,
.queue_item .queue_item_content .content_box textarea {
	display: block;
	width: 100%;
	padding: 0;
	border-radius: 2px;
	border: none;
	background-color: transparent;
	outline: none;
	transition: all 0.2s ease-in-out;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-black-60);
}

.queue_item .queue_item_content .content_box textarea {
	overflow: hidden;
	resize: none;
}

.queue_item .queue_item_content .content_box .desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-black-60);
}

.edited_popup {
	display: none;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

.edited_popup .popup_content {
	background-color: var(--color-white);
	border-radius: 10px;
	margin: 0 auto;
	padding: 30px 40px 30px 20px;
	max-width: 600px;
	width: 90%;
	position: relative;
	z-index: 1;
}

.edited_popup .popup_content textarea {
	border: 1px solid var(--color-border);
	width: 100%;
	min-height: 70px;
	padding: 12px;
}

.edited_popup .popup_content .close {
	display: inline-flex;
	font-size: 25px;
	color: var(--color-black-40);
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 2;
	cursor: pointer;
	transition: all 0.4s ease-in-out 0s;
}

.edited_popup .popup_content .close:hover,
.edited_popup .popup_content .close:focus {
	color: var(--color-black);
	text-decoration: none;
	cursor: pointer;
}

.edited_popup .popup_content .btn {
	margin-top: 15px;
	line-height: 1;
}

.queue_items_wrap.layout-2 .queue_item {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	column-gap: 25px;
	row-gap: 8px;
}

.queue_items_wrap.layout-2 .queue_item .queue_item_img_wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 395px;
	width: 100%;
}

.queue_items_wrap.layout-2 .queue_item .queue_item_img {
	max-width: 395px;
	width: 100%;
	height: 220px;
}

.queue_items_wrap.layout-2 .queue_item .queue_item_content {
	width: calc(100% - 420px);
	padding: 0;
	position: relative;
	z-index: 1;
}

.queue_items_wrap.layout-2 .queue_item .queue_item_content .edited_icons {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.queue_items_wrap.layout-2 .queue_item .queue_item_content .edited_icons>span {
	display: inline-block;
	cursor: pointer;
}

.layout-2 .queue_item .queue_item_content .content_box:not(:last-child) {
	margin-bottom: 10px;
}

.layout-2 .queue_item .queue_item_content .content_box .title {
	font-size: 17px;
	line-height: 1.2;
	margin-bottom: 4px;
}

.layout-2 .queue_item .queue_item_content .content_box .desc {
	max-width: 510px;
	width: 100%;
	font-size: 14px;
}

.layout-2 .queue_item .reminder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.1;
	color: var(--color-black-40);
}

.queue_items_wrap.layout-2 .queue_item.add_content .queue_item_img,
.queue_items_wrap.layout-2 .queue_item.delete_content .queue_item_img {
	max-width: 100%;
}

.comingup {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.comingup .text {
	color: var(--color-black-80);
}

.comingup .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 32px;
	margin: 0;
}

.comingup .switch input {
	display: none;
}

.comingup .switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-border);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 60px;
}

.comingup .switch .slider:before {
	position: absolute;
	content: "";
	height: 28px;
	width: 28px;
	border-radius: 50%;
	left: 2px;
	bottom: 2px;
	background-color: var(--color-black-80);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.comingup .switch input:checked+.slider {
	background-color: var(--color-primary);
}

.comingup .switch input:checked+.slider:before {
	transform: translateX(28px);
}

.comingup .switch input:disabled+.slider {
	opacity: 0.4;
}

/* end: Queue Manager */

/* start: giveaway */
.content-area.giveaway {
	padding-bottom: 40px;
}

.giveaway .content_inner {
	max-width: 815px;
}

.giveaway .content_heading {
	text-align: center;
	margin-bottom: 40px;
}

.giveaway .content_heading .title {
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.giveaway .content_heading .desc {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
	color: var(--color-black-80);
}

.giveaway .content_heading .btn {
	font-size: 16px;
	margin-top: 40px;
	min-width: 238px;
}

.giveaway .content_image {
	margin-bottom: 40px;
	text-align: left;
}

.giveaway .content_image img {
	margin-bottom: 25px;
}

.giveaway .content_image .title {
	line-height: 1.2;
	margin-bottom: 24px;
}

.giveaway .content_image p,
.giveaway .content_image ul li {
	font-size: 16px;
	line-height: 1.4;
	color: var(--color-black-60);
}

.giveaway .content_block .desc ul,
.giveaway .content_image ul {
	padding-left: 20px;
	margin-bottom: 20px;
}

.giveaway .content_block .desc ul li,
.giveaway .content_image ul li {
	list-style: disc;
}

.giveaway .content_block .desc ul li::marker,
.giveaway .content_image ul li::marker {
	font-size: 10px;
	line-height: 1;
}

.giveaway .content_block .desc p>a,
.giveaway .content_image p>a {
	color: #2424cc;
}

.giveaway .content_image .button {
	margin-top: 40px;
	text-align: center;
}

.giveaway .content_image .btn {
	min-width: 238px;
	font-size: 16px;
}

.giveaway .content_block {
	text-align: center;
}

.giveaway .content_block .title {
	margin-bottom: 20px;
}

.giveaway .content_block .desc,
.giveaway .content_block>p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.4;
	color: var(--color-black-60);
}

.giveaway .content_block img {
	margin: 40px 0;
}

.giveaway .content_block .desc {
	text-align: left;
}

.giveaway .content_block .button {
	text-align: center;
}

.giveaway .content_block .btn {
	margin-top: 25px;
	min-width: 238px;
	font-size: 16px;
}

.youtube_video {
	margin-bottom: 40px;
}

.youtube_video .video_inner iframe {
	width: 100%;
	height: 520px;
	border-radius: 20px;
}

.giveaway_photo_carousel {
	margin-bottom: 40px;
}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: auto;
	touch-action: auto;
}

.giveaway_photo_carousel.owl-carousel .owl-nav button,
.winners_carousel.owl-carousel .owl-nav button {
	width: 42px;
	height: 42px;
	background-color: var(--color-primary);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: -21px;
	transform: translateY(-50%);
}

.giveaway_photo_carousel.owl-carousel .owl-nav button span,
.winners_carousel.owl-carousel .owl-nav button span {
	font-size: 30px;
	display: inline-block;
	line-height: 17px;
	color: var(--color-black-80);
}

.giveaway_photo_carousel.owl-carousel .owl-nav button.disabled,
.winners_carousel.owl-carousel .owl-nav button.disabled {
	background-color: var(--color-bg);
}

.giveaway_photo_carousel.owl-carousel .owl-nav button.owl-next,
.winners_carousel.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -21px;
}

.post_photo_btn {
	text-align: center;
}

.post_photo_btn .btn {
	width: 203px;
	font-size: 16px;
}

.bag-tags {
	padding-top: 100px;
}

.bag-tags .section_heading .title,
.giveaway-winners .section_heading .title {
	max-width: 632px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	text-align: center;
}

.bag-tags .section_heading p {
	max-width: 813px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black-60);
	margin-bottom: 0;
}

.bag-tags .section_heading {
	margin-bottom: 40px;
}

.bag-tags .bag_tags_img {
	text-align: center;
	max-width: 627px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}

.content-area.giveaway-previous {
	padding-top: 40px;
	padding-bottom: 120px;
}

.giveaway-previous .content_heading .title {
	font-size: 40px;
	line-height: 1.2;
	max-width: 600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.giveaway-previous .content_heading .subtitle {
	text-align: center;
	line-height: 1.1;
	color: var(--color-black-80);
	margin-bottom: 20px;
}

.giveaway-previous .content_heading .desc {
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	color: var(--color-black-80);
	max-width: 640px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.giveaway-previous .content_heading .desc>a {
	color: #2424cc;
}

.giveaway-previous .content_heading {
	text-align: center;
}

.giveaway-previous .content_heading .btn {
	margin-top: 40px;
	min-width: 272px;
	font-size: 16px;
}

.giveaway-previous .winners_wrap {
	margin-top: 40px;
}

.winners_wrap .winner_item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 25px;
}

.winners_wrap .winner_item .winner_image {
	max-width: 290px;
	width: 100%;
}

.winners_wrap .winner_item .winner_image img {
	border-radius: 20px;
	min-height: auto;
}

.winners_wrap .winner_item .winner_content {
	width: calc(100% - 310px);
}

.winners_wrap .winner_item .winner_content .title {
	line-height: 1.2;
	margin-bottom: 10px;
}

.winners_wrap .winner_item .winner_content .desc {
	font-size: 18px;
	line-height: 1.3;
	color: var(--color-black-80);
}

.winners_wrap .winner_item .winner_content .winner_meta {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	color: var(--color-black-80);
	margin-top: 10px;
}

.townhall .winner_meta {
	margin-bottom: 0px;
}

.winners_wrap .winner_item .winner_content .winner_meta .date,
.winners_wrap .winner_item .winner_content .winner_meta .winner,
.winners_wrap .winner_item .winner_content .winner_meta .address,
.winners_wrap .winner_item .winner_content .winner_meta .guest,
.winners_wrap .winner_item .winner_content .winner_meta .includes {
	display: block;
}

.winners_wrap .winner_item .winner_content .btn {
	line-height: 1;
	padding: 14px 20px;
	margin-top: 15px;
}

.winners_wrap .button {
	margin-top: 40px;
	text-align: center;
}

.winners_wrap .button .btn {
	min-width: 272px;
	font-size: 16px;
}

.giveaway-previous .content_heading.townhall .title {
	max-width: 100%;
}

.giveaway-previous .content_heading.townhall .desc {
	color: var(--color-black);
	font-size: 20px;
}

.giveaway-previous .content_heading.townhall .btn {
	font-size: 18px;
	padding: 15px 20px;
}

.content_inner.townhall {
	max-width: 880px;
}

.giveaway-previous .content_inner.townhall .winners_wrap {
	margin-top: 60px;
}

/* end: giveaway */

/* start: Club Page */
.club-page-header {
	padding-top: 40px;
}

.club_header_wrap {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 675px;
	width: 100%;
	margin: auto;
	gap: 25px;
}

.club_header_wrap .header_badge {
	max-width: 115px;
	width: 100%;
	height: 115px;
}

.club_header_wrap .header_badge img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.club_header_wrap .header_content {
	width: calc(100% - 140px);
	text-align: left;
}

.club_header_wrap .header_content .subtitle {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--color-black-80);
	margin-bottom: 10px;
}

.club_header_wrap .header_content .title {
	margin: 0;
	line-height: 1.2;
}

.club_header_wrap .header_content .desc {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--color-black);
	margin-top: 12px;
}

.club_header_wrap .header_content .desc a {
	color: var(--color-system);
}

.club_header_wrap .header_content .desc p:last-child {
	margin: 0;
}

.feed-filter-section {
	position: relative;
	z-index: 1;
	padding-top: 50px;
	padding-bottom: 80px;
}

.feed-filter-section .feed_content .feed_content_heading {
	margin-bottom: 0;
}

.view_mode_filter .view_mode,
.view_mode_filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.view_mode_filter .view_mode>button {
	border: none;
	background-color: transparent;
	padding: 0;
	width: 17px;
	height: 17px;
}

.participating_content_wrap {
	margin-top: 50px;
}

.participating_content_item {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 40px;
}

.participating_content_item:not(:last-child) {
	margin-bottom: 60px;
}

.participating_content_item .participating_member_info {
	max-width: 400px;
	width: 100%;
}

.participating_content_item .feed_item {
	width: calc(100% - 440px);
}

.participating_member_info .member_info_top {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 15px;
}

.participating_member_info .info_img {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.participating_member_info .info_img>img {
	width: 105px;
	height: 105px;
	object-fit: cover;
	border-radius: 50%;
}

.participating_member_info .info_img .btn.follow {
	gap: 0;
	line-height: 1;
	padding: 9px 14px;
}

.participating_member_info .info_img .btn.follow>img {
	max-width: 24px;
}

.participating_member_info .info_content {
	width: calc(100% - 120px);
}

.participating_member_info .info_content .name {
	margin: 0;
	line-height: 1.1;
}

.participating_member_info .info_content .location {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black);
	margin-top: 4px;
}

.participating_member_info .info_content .following {
	margin-top: 5px;
}

.participating_member_info .info_content .following .following_users {
	margin-top: 4px;
}

.participating_member_info .info_content .following .title {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black-40);
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	align-items: center;
}

.participating_member_info .info_content .following .title>span {
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 1;
}

.participating_member_info .info_content .following .title>span:not(:last-child)::after {
	content: "";
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: var(--color-black-40);
	margin-left: 5px;
}

.participating_member_info .info_details>span {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--color-black-40);
}

.participating_member_info .info_details>p {
	display: block;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-black-80);
}

.participating_member_info .info_details:not(:last-child) {
	margin-bottom: 12px;
}

.participating_member_info .member_info_top .info_content .info_details_list {
	margin-top: 8px;
}

.participating_member_info .member_info_bottom {
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 25px;
}

.participating_member_info .member_info_bottom .info_details_list {
	width: calc(100% - 215px);
}

.participating_member_info .others_work {
	max-width: 190px;
	width: 100%;
}

.participating_member_info .others_work .title {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--color-black-40);
	margin-bottom: 2px;
}

.others_work .others_work_images {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.others_work .others_work_images>img {
	width: 91px;
	height: 91px;
	border-radius: 4px;
	object-fit: cover;
}

.participating_content_item .feed_feedback {
	flex-wrap: nowrap;
	gap: 10px;
}

.participating_content_item .feed_feedback .metadata {
	max-width: 165px;
	width: 100%;
}

.participating_content_item .feed_feedback .feedback_cat {
	width: calc(100% - 175px);
	gap: 0;
}

.participating_content_item .feed_feedback .feedback_cat .label {
	line-height: 1.2;
}

.participating_content_item .feed_feedback .feedback_cat ul li a {
	line-height: 1.3;
}

.participating_member_info .participating_more_info {
	border-top: 1px solid var(--color-bg);
	padding-top: 13px;
	margin-top: 16px;
}

.participating_member_info .participating_more_info>button {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border: none;
	padding: 0;
	background-color: transparent;
	gap: 10px;
}

.participating_member_info .participating_more_info>button .more_text {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500;
	color: var(--color-black);
}

.participating_member_info .participating_more_info>button.active .arrow {
	transform: rotate(180deg);
}

.participating_member_info .participating_more_info>button .arrow {
	transition: 0.4s;
}

.feed-filter-section.inactive {
	filter: blur(15px);
}

.feed-filter-section.inactive::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(173.08deg,
			rgba(255, 255, 255, 0.79) 2.69%,
			rgba(255, 255, 255, 0.79) 10.05%,
			rgba(247, 247, 247, 0.79) 28.88%,
			rgba(244, 244, 244, 0.79) 55.31%,
			rgba(245, 245, 245, 0.79) 94.59%);
}

/* end: Club Page */





/* start: Coming Up Feed */
.feed_content .heading_tabs.style-2 {
	display: flex;
	flex-wrap: nowrap;
	gap: 50px;
}

.feed_content .heading_tabs.style-2 li {
	position: relative;
	z-index: 1;
	text-decoration: none;
	margin-right: 0;
}

.feed_content .heading_tabs.style-2 li:not(:last-child) {
	margin-right: 0;
}

.feed_content .heading_tabs.style-2 li.has-ticker {
	padding-right: 30px;
}

.feed_content .heading_tabs.style-2 li>span:not(.ticker) {
	text-decoration: underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 3px;
	text-decoration-color: transparent;
}

.feed_content .heading_tabs.style-2 li.active>span:not(.ticker) {
	color: var(--color-black);
	text-decoration-color: var(--color-black);
}

.feed_content .heading_tabs li .ticker {
	display: inline-flex;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 11px;
	line-height: 10px;
	letter-spacing: -0.02em;
	color: var(--color-black);
	background-color: var(--color-primary);
	padding: 2px;
	border-radius: 4px;
}

.feed_content .feed_content_heading .desc {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black);
	margin-top: 10px;
}

.sidebar_about_page {
	border: 1px solid var(--color-border);
	border-radius: 10px;
	padding: 24px;
	max-width: 320px;
	width: 100%;
	margin-left: auto;
}

.sidebar_about_page .about_title {
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	color: var(--color-black);
	margin-bottom: 16px;
}

.sidebar_about_page .desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: var(--color-black-80);
}

.sidebar_about_page .desc p:last-child {
	margin: 0;
}

.sidebar_about_page .btn {
	margin-top: 16px;
	padding: 9px 24px;
}

.bph-modal.comingNext .modal-dialog {
	max-width: 962px;
}

.comingNext .photoUpload_modal.photoQueued .modal_inner .modal_content {
	min-height: auto;
	padding: 100px 50px 100px 50px;
}

.comingNext .photoUpload_modal .modal_inner .modal_content .modal_title .title {
	font-size: 40px;
	line-height: 48px;
}

.comingNext .photoUpload_modal .modal_inner .modal_content .modal_title .title img {
	margin-bottom: 6px;
	margin-right: 8px;
}

.comingNext .photoUpload_modal .modal_inner .modal_content.photoQueue_content .modal_title .desc {
	color: var(--color-black-80);
	margin-top: 20px;
}

.comingNext .photoUpload_modal.photoQueued .modal_inner .modal_content.photoQueue_content .modal_title .btn {
	margin-top: 40px;
}

.comingNext .photoUpload_modal.photoQueued .modal_inner .modal_content.photoQueue_content .modal_title .btn_note {
	margin-top: 24px;
}

/* end: Coming Up Feed */





.ticker {
	display: inline-flex;
	position: absolute;
	top: -7px;
	right: -20px;
	font-weight: 500;
	font-size: 11px;
	line-height: 10px;
	letter-spacing: -0.02em;
	color: var(--color-black);
	background-color: var(--color-primary);
	padding: 2px;
	border-radius: 4px;
}

















































/* ////------------------------------my css-------------------------------/// */

.comment_lists {
	animation: commentsList-down 400ms ease-out forwards;
}

@keyframes commentsList-down {
	from {
		opacity: 0;
		transform: translateY(-1rem);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


.margin-b {
	margin-bottom: 0px !important;
}

/* .feed_items .feed_item .feed_item_inner {
	height: 550px;
} */

.member_item_inner>img {
	width: 100% !important;
	/* aspect-ratio: 1.5/1; */
	/* object-fit: cover;
	object-position: center; */
}

.main-img {
	width: 100% !important;
	/* aspect-ratio: 1.5/1; */
	object-fit: cover;
	object-position: top;
	/* height: 100%!important; */
	/* object-position:top bottom; */

}

.modal_image img {
	/* height: 268px !important; */
	width: 100% !important;
	/* aspect-ratio: 1.5/1; */
}

.eerror {
	color: red;
	text-align: start;

}

.eeror a {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
		sans-serif;
}

.profile-upload_icon {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	background-color: var(--color-primary);
	text-align: center;
	border-radius: 50%;
	padding: 8px;
}

.profile-upload_icon img {
	height: 24px !important;
}



.canvas {

	background-size: cover;
	background-position: center;
}

.location-search-input {
	width: 100%;
	height: 44px;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	padding: 13px 20px;
	font-size: 12px;
	color: var(--color-black-80);

}

.input-suggestion {
	cursor: pointer;
	font-weight: 400;
	line-height: 18px;
	list-style: none;
	min-height: auto;
	outline: none;
	text-align: left;
	padding: 13px 42px 13px 14px;
	color: var(--color-black-60);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;

}


.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 52;
	width: 100vw;
	height: 100vh;
	background-color: #0000004d;
}

@media only screen and (max-width: 1200px) {
	.profile_img {
		width: 130px;
		height: 130px;
	}
}

@media only screen and (max-width: 767px) {
	.profile_img {
		width: 66px;
		height: 66px;
	}

	.profile-upload_icon {
		width: 20px;
		height: 20px;
	}

	.profile-upload_icon img {
		height: 16px !important;
		margin-top: -18px;
		margin-left: -6px;
	}
}


/* .reactEasyCrop_Container {
	position: relative !important;
	height: 310px !important;
	width: 310px !important;
	margin: auto !important;
} */

/* @media only screen and (max-width: 991px) {
	.reactEasyCrop_Container {
		position: relative !important;
		height: 270px !important;
		width: 270px !important;
		margin: auto !important;
	}

} */

.reactEasyCrop_Container ::before {
	content: "";
	position: absolute;
	background-image: url(../img/icons/drag-frame.svg);
	left: inherit !important;
	bottom: 28px !important;
	top: initial !important;
	transform: translateX(-50%);
	width: 126px;
	height: 34px;
	background-size: 126px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

/* .ProfileImgCroper {
	border-radius: 50% !important;
} */

.reactEasyCrop_CropArea {

	/* border-radius: 50% !important; */
	/* height: 100%!important;
	width: 100%!important; */
	box-shadow: 0 0 2000px 2000px rgba(217, 217, 217, 0.8) !important;
}

.reactEasyCrop_CropAreaGrid::after,
::before {
	border: none !important;
}

.slider_container {

	width: 310px;
	margin: auto;
}

.css-187mznn-MuiSlider-root {
	border-radius: 12px;
	box-sizing: content-box;
	display: inline-block;
	position: relative;
	cursor: pointer;
	touch-action: none;
	color: #798d82 !important;
	-webkit-tap-highlight-color: transparent;
	height: 1px !important;
	width: 100%;
	padding: 13px 0;
	max-width: 200px;
	width: 100%;
}

.css-187mznn-MuiSlider-root::before {
	content: "" !important;
	position: absolute !important;
	background-image: url(../img/icons/minus.svg) !important;
	left: -54px !important;
	top: 50% !important;
	transform: translateY(-50%);
	width: 13px !important;
	height: 13px !important;
	margin-top: 0px !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.css-187mznn-MuiSlider-root::after {
	content: "" !important;
	position: absolute !important;
	background-image: url(../img/icons/plus.svg) !important;
	left: auto !important;
	top: 50% !important;
	right: -55px !important;
	transform: translateY(-50%) !important;
	width: 13px !important;
	height: 13px !important;
	margin-top: 0px !important;
	background-size: 13px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

@media only screen and (max-width: 991px) {

	.slider_container {

		width: 270px
	}

	.css-187mznn-MuiSlider-root {

		width: 58% !important;

	}

}

.loader {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #FFF;
	border-right: 3px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.swal2-select {
	display: none !important;
}

.forMobile {
	display: none;
}

.forDes {}

.forMob {
	display: none !important;
}

.overlay {
	background-color: rgb(144 136 136 / 27%);
	backdrop-filter: blur(3px);
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;

}

.modalAnimation {
	animation: slide-down 300ms ease-out forwards;
}

@keyframes slide-down {
	from {
		opacity: 0;
		transform: translateY(-3rem);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.notAllow {
	cursor: not-allowed;
}

::placeholder {
	color: #008000;

}





.Commentloader,
.Commentloader:before,
.Commentloader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	animation-fill-mode: both;
	animation: bblFadInOut 1.8s infinite ease-in-out;
}

.Commentloader {
	color: var(--color-primary);
	font-size: 6px;
	position: relative;
	text-indent: -9999em;
	transform: translateZ(0);
	animation-delay: -0.16s;
}

.Commentloader:before,
.Commentloader:after {
	content: '';
	position: absolute;
	top: 0;
}

.Commentloader:before {
	left: -3.5em;
	animation-delay: -0.32s;
}

.Commentloader:after {
	left: 3.5em;
}

@keyframes bblFadInOut {

	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em
	}

	40% {
		box-shadow: 0 2.5em 0 0
	}
}


/* .Commentloader {
	width: 48px;
	height: 48px;
	display: inline-block;
	position: relative;
}

.Commentloader::after,
.Commentloader::before {
	content: '';
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background:var(--color-primary);
	position: absolute;
	left: 0;
	top: 0;
	animation: animloader 2s linear infinite;
}

.Commentloader::after {
	animation-delay: 1s;
}

@keyframes animloader {
	0% {
		transform: scale(0);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 0;
	}
} */


/* ..................... */
.children {
	max-height: 0;
	overflow: hidden;
	transition: max-height 2s ease-out;
}

.children-expanded {
	max-height: 1000px;
	/* Adjust as needed */
}

.feed_device_info {

	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 500ms;
}

.feed_device_info>div {
	overflow: hidden;

}

.expand {
	grid-template-rows: 1fr;
	/* padding: 20px 0px; */
	/* border-bottom: 1px solid var(--color-bg); */
}


.comment_lists .comment .comment_text {

	width: calc(95% - 42px);
}

.dis {
	display: flex;
}

/* start: Popups Section */



/* start: Form Gallery Modal */
.form_gallery_modal {
	width: 100%;
	max-height: 770px;
	background-color: var(--color-white);
	border-radius: 16px;
	padding: 60px 30px;
	overflow: auto;
	position: relative;
	z-index: 1;
	scrollbar-width: thin;
	scrollbar-color: var(--color-primary) var(--color-border);
}

.form_gallery_modal::-webkit-scrollbar {
	height: 4px;
	width: 6px;
	background: var(--color-border);
}

.form_gallery_modal::-webkit-scrollbar-thumb {
	background: var(--color-primary);
	-webkit-border-radius: 1ex;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

.form_gallery_modal::-webkit-scrollbar-corner {
	background: transparent;
}

.form_gallery_modal .btn-close {
	width: 24px;
	height: 24px;
	padding: 0;
	position: absolute;
	right: 24px;
	top: 24px;
}

.form_gallery_modal .header {
	margin-bottom: 36px;
}

.form_gallery_modal .header .title {
	line-height: 1.1;
	margin-bottom: 16px;
}

.form_gallery_modal .header .subtitle {
	line-height: 1.1;
	margin: 0;
}

.form_gallery_modal .header .return_btn {
	border: none;
	padding: 0;
	background-color: transparent;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	color: var(--color-system);
	margin-top: 16px;
}

.form_gallery_modal .gallery_modal_images {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 34px;
}

.form_gallery_modal .gallery_modal_images .image_item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 232px;
	height: 232px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	padding: 15px 10px;
}

.form_gallery_modal .gallery_modal_images .image_item.selected {
	border-color: var(--color-black-40);
	border-width: 2px;
}

.form_gallery_modal .gallery_modal_images .image_item img {
	max-height: 100%;
}

/* end: Form Gallery Modal */



/* start: Profile Popup */
.bph-modal.profile_Img .modal-dialog {
	max-width: 610px;
}

.profile_modal_content {
	background-color: var(--color-white);
	border-radius: 20px;
	padding: 40px;
	position: relative;
	z-index: 1;
	text-align: center;
}

.profile_modal_content .btn-close {
	padding: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 2;
}

.profile_modal_content .profile_Img {
	max-width: 290px;
	width: 100%;
	height: 290px;
	margin-left: auto;
	margin-right: auto;
}

.profile_modal_content .profile_Img>img {
	max-width: 100%;
	width: 100%;
	height: 100%;
}

.profile_modal_content .profile_meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-top: 24px;
}

.profile_modal_content .profile_meta .follow_btn .follow {
	display: inline-flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	color: var(--color-black);
	align-items: center;
	gap: 3px;
}

.profile_modal_content .profile_meta .follow_btn .follow>img {
	max-width: 24px;
	width: 100%;
	height: 24px;
}

.profile_modal_content .profile_meta .user_info .user_meta {
	display: flex;
	margin: 0;
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
	color: var(--color-black);
	margin-top: 5px;
}

.profile_modal_content .profile_meta .user_info .name {
	display: block;
	font-size: 14px;
	line-height: 1;
	color: var(--color-black);
	font-weight: 500;
	text-align: left;
}

.profile_modal_content .profile_meta .user_info .user_meta>span {
	display: inline-block;
}

.profile_modal_content .profile_meta .user_info .user_meta>span:not(:first-child) {
	border-left: 1px solid var(--color-black);
	padding-left: 6px;
	margin-left: 5px;
}

/* end: Profile Popup */


/* start: Paywall Modal */
.modal_hero {
	background-image: url('https://bph051023a.s3.amazonaws.com/paywall/hero_bg.png');
}

.bph-modal.paywallModal .modal-dialog {
	max-width: 1440px;
}

.paywall_modal_wrapper {
	background-color: var(--color-white);
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.paywall_modal_wrapper .btn-close {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 24px;
	height: 24px;
	padding: 0;
	z-index: 2;
	color: var(--color-white);
}

.modal_hero {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--color-bg);
	z-index: 1;
	padding-top: 75px;
	padding-bottom: 25px;
}

.modal_hero::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,
			rgba(0, 0, 0, 0.5) 0%,
			rgba(0, 0, 0, 0) 100%);
	opacity: 0.5;
	z-index: -1;
}

.modal_hero_container {
	max-width: 1080px;
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding-bottom: 45px;
}

.modal_hero_content {
	max-width: 405px;
	width: 100%;
}

.modal_hero_content .ticker {
	display: inline-block;
	max-width: 60px;
	width: 100%;
	margin-bottom: 25px;
}

.modal_hero_content .title {
	color: var(--color-white);
	margin: 0;
	line-height: 1.2;
}

.modal_hero_content .desc {
	font-size: 20px;
	line-height: 1.4;
	color: var(--color-white);
	margin-top: 20px;
}

.modal_hero_content .btn {
	min-width: 245px;
	font-size: 18px;
	margin-top: 30px;
}

.modal_hero_img {
	max-width: 645px;
	width: 100%;
}

.modal_hero_bottom_text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	color: var(--color-white-40);
}

.modal_price {
	padding-top: 80px;
}

.modal_section_title .title {
	line-height: 1.1;
	margin: 0;
}

.modal_section_title .subtitle {
	line-height: 1.1;
	margin-bottom: 0;
	margin-top: 24px;
}

.modal_section_title .desc {
	max-width: 690px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	line-height: 1.4;
	margin-top: 24px;
	color: var(--color-black);
}

.modal_section_title .btn {
	min-width: 245px;
	font-size: 18px;
}

.modal_price .modal_section_title .btn {
	margin-top: 80px;
}

.modal_price_table {
	margin-top: 85px;
}

.price_table_tab {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-bottom: 16px;
}

.price_table_tab .tab_item_link {
	display: inline-block;
	border: none;
	background: transparent;
	padding: 0;
	font-size: 20px;
	line-height: 1.4;
	color: var(--color-black-40);
	border-bottom: 2px solid transparent;
	transition: 0.4s;
}

.price_table_tab .tab_item_link:hover,
.price_table_tab .tab_item_link.active {
	color: var(--color-black);
	border-color: var(--color-black);
}

.price_table_content {
	text-align: center;
}

.price_table_content .content_item {
	max-width: 612px;
	width: 100%;
	margin: auto;
	background-color: var(--color-white);
	border: 1px solid var(--color-black-20);
	border-radius: 20px;
	padding: 40px 20px;
}

.price_table_item_inner {
	max-width: 400px;
	width: 100%;
	margin: auto;
}

.price_table_item_inner .price_table_header {
	margin-bottom: 35px;
}

.price_table_item_inner .price_table_header .price {
	line-height: 1;
	display: inline-flex;
	align-items: end;
	column-gap: 10px;
	margin: 0;
	justify-content: center;
}

.price_table_item_inner .price_table_header .price .period {
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	line-height: 1.5;
}

.price_table_item_inner .price_table_header .tagline {
	margin-bottom: 0;
	margin-top: 15px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
}

.price_table_item_inner .price_table_feature {
	text-align: left;
}

.price_table_item_inner .price_table_feature .feature_title {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 16px;
}

.price_table_item_inner .price_table_feature ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.price_table_item_inner .price_table_feature ul li {
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	color: #22282b;
	position: relative;
	z-index: 1;
	padding-left: 22px;
}

.price_table_item_inner .price_table_feature ul li:not(:last-child) {
	margin-bottom: 8px;
}

.price_table_item_inner .price_table_feature ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background-image: url(../img/icons/lens_icon.svg);
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-50%);
}

.price_table_item_inner .price_table_btn {
	margin-top: 40px;
}

.price_table_item_inner .price_table_btn .btn {
	min-width: 245px;
	font-size: 18px;
}

.modal_content_block {
	padding-top: 80px;
}

.modal_content_block .modal_section_title {
	margin-bottom: 40px;
}

.modal_content_block .modal_section_title .desc {
	max-width: 520px;
}

.modal_content_block .modal_content_img {
	text-align: center;
}

.modal_content_block .modal_content_img img {
	max-width: 1030px;
	width: 100%;
	margin: auto;
}

.modal_content_block .modal_content_btn {
	margin-top: 80px;
}

.modal_content_block .modal_content_btn .btn {
	min-width: 245px;
	font-size: 18px;
}

.modal_content_block.queue_manager .modal_content_btn {
	margin-top: 0;
}

.modal_content_block.member_directory .modal_section_title .desc {
	max-width: 610px;
}

.modal_content_block.upvote_giveaway .modal_section_title {
	max-width: 525px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.modal_content_block.participating_member .modal_section_title .desc {
	max-width: 1030px;
}

.modal_content_block.video .modal_section_title .desc {
	max-width: 600px;
}

.modal_content_block.activity_feed .modal_section_title .title {
	max-width: 1030px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.modal_content_block:last-child {
	padding-bottom: 80px;
}

.modal_content_block.other_stuff .modal_content_btn .btn {
	min-width: 375px;
}

.modal_testimonial_carousel {
	max-width: 1240px;
	width: 100%;
}

.modal_testimonial_item {
	max-width: 400px;
	width: 100%;
}

.modal_testimonial_item_inner {
	border: 1px solid var(--color-black-20);
	border-radius: 10px;
	padding: 16px;
}

.modal_testimonial_item_inner .quote_img {
	max-width: 20px;
	width: 100%;
	margin-bottom: 16px;
}

.modal_testimonial_item_inner .review_text {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #22282b;
}

.modal_testimonial_item_inner .reviewer_author {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 40px;
}

.modal_testimonial_item_inner .reviewer_author .reviewer_img {
	width: 62px;
	height: 62px;
}

.modal_testimonial_item_inner .reviewer_author .reviewer_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.modal_testimonial_item_inner .reviewer_author .reviewer_content .name {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
	color: #22282b;
	margin: 0;
}

.modal_testimonial_item_inner .reviewer_author .reviewer_content .designation {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black-60);
	margin-bottom: 0;
	margin-top: 8px;
}

/* end: Paywall Modal */



/* start: Paywall Modal */
/* .modal-backdrop {
	background-color: rgba(255, 255, 255, 0.1);
}
.modal-backdrop.show {
	opacity: 1;
	backdrop-filter: blur(10px);
} */
.bph-modal.paywallModal .modal-dialog {
	max-width: 1440px;
}

.paywall_modal_wrapper {
	background-color: var(--color-white);
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.paywall_modal_wrapper .btn-close {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 24px;
	height: 24px;
	padding: 0;
	z-index: 2;
	color: var(--color-white);
}

.modal_hero {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--color-bg);
	z-index: 1;
	padding-top: 75px;
	padding-bottom: 25px;
}

.modal_hero::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,
			rgba(0, 0, 0, 0.5) 0%,
			rgba(0, 0, 0, 0) 100%);
	opacity: 0.5;
	z-index: -1;
}

.modal_hero_container {
	max-width: 1080px;
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding-bottom: 45px;
}

.modal_hero_content {
	max-width: 405px;
	width: 100%;
}

.modal_hero_content .ticker {
	display: inline-block;
	max-width: 60px;
	width: 100%;
	margin-bottom: 25px;
}

.modal_hero_content .title {
	color: var(--color-white);
	margin: 0;
	line-height: 1.2;
}

.modal_hero_content .desc {
	font-size: 20px;
	line-height: 1.4;
	color: var(--color-white);
	margin-top: 20px;
}

.modal_hero_content .btn {
	min-width: 245px;
	font-size: 18px;
	margin-top: 30px;
}

.modal_hero_img {
	max-width: 645px;
	width: 100%;
}

.modal_hero_bottom_text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	color: var(--color-white-40);
}

.modal_price {
	padding-top: 80px;
}

.modal_section_title .title {
	line-height: 1.1;
	margin: 0;
}

.modal_section_title .subtitle {
	line-height: 1.1;
	margin-bottom: 0;
	margin-top: 24px;
}

.modal_section_title .desc {
	max-width: 690px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	line-height: 1.4;
	margin-top: 24px;
	color: var(--color-black);
}

.modal_section_title .btn {
	min-width: 245px;
	font-size: 18px;
}

.modal_price .modal_section_title .btn {
	margin-top: 80px;
}

.modal_price_table {
	margin-top: 85px;
}

.price_table_tab {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-bottom: 16px;
}

.price_table_tab .tab_item_link {
	display: inline-block;
	border: none;
	background: transparent;
	padding: 0;
	font-size: 20px;
	line-height: 1.4;
	color: var(--color-black-40);
	border-bottom: 2px solid transparent;
	transition: 0.4s;
}

.price_table_tab .tab_item_link:hover,
.price_table_tab .tab_item_link.active {
	color: var(--color-black);
	border-color: var(--color-black);
}

.price_table_content {
	text-align: center;
}

.price_table_content .content_item {
	max-width: 612px;
	width: 100%;
	margin: auto;
	background-color: var(--color-white);
	border: 1px solid var(--color-black-20);
	border-radius: 20px;
	padding: 40px 20px;
}

.price_table_item_inner {
	max-width: 400px;
	width: 100%;
	margin: auto;
}

.price_table_item_inner .price_table_header {
	margin-bottom: 35px;
}

.price_table_item_inner .price_table_header .price {
	line-height: 1;
	display: inline-flex;
	align-items: end;
	column-gap: 10px;
	margin: 0;
	justify-content: center;
}

.price_table_item_inner .price_table_header .price .period {
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	line-height: 1.5;
}

.price_table_item_inner .price_table_header .tagline {
	margin-bottom: 0;
	margin-top: 15px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
}

.price_table_item_inner .price_table_feature {
	text-align: left;
}

.price_table_item_inner .price_table_feature .feature_title {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 16px;
}

.price_table_item_inner .price_table_feature ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.price_table_item_inner .price_table_feature ul li {
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	color: #22282b;
	position: relative;
	z-index: 1;
	padding-left: 22px;
}

.price_table_item_inner .price_table_feature ul li:not(:last-child) {
	margin-bottom: 8px;
}

.price_table_item_inner .price_table_feature ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background-image: url(../img/icons/lens_icon.svg);
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-50%);
}

.price_table_item_inner .price_table_btn {
	margin-top: 40px;
}

.price_table_item_inner .price_table_btn .btn {
	min-width: 245px;
	font-size: 18px;
}

.modal_content_block {
	padding-top: 80px;
}

.modal_content_block .modal_section_title {
	margin-bottom: 40px;
}

.modal_content_block .modal_section_title .desc {
	max-width: 520px;
}

.modal_content_block .modal_content_img {
	text-align: center;
}

.modal_content_block .modal_content_img img {
	max-width: 1030px;
	width: 100%;
	margin: auto;
}

.modal_content_block .modal_content_btn {
	margin-top: 80px;
}

.modal_content_block .modal_content_btn .btn {
	min-width: 245px;
	font-size: 18px;
}

.modal_content_block.queue_manager .modal_content_btn {
	margin-top: 0;
}

.modal_content_block.member_directory .modal_section_title .desc {
	max-width: 610px;
}

.modal_content_block.upvote_giveaway .modal_section_title {
	max-width: 525px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.modal_content_block.participating_member .modal_section_title .desc {
	max-width: 1030px;
}

.modal_content_block.video .modal_section_title .desc {
	max-width: 600px;
}

.modal_content_block.activity_feed .modal_section_title .title {
	max-width: 1030px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.modal_content_block:last-child {
	padding-bottom: 80px;
}

.modal_content_block.other_stuff .modal_content_btn .btn {
	min-width: 375px;
}

.modal_testimonial_carousel {
	max-width: 1240px;
	width: 100%;
}

.modal_testimonial_item {
	max-width: 400px;
	width: 100%;
}

.modal_testimonial_item_inner {
	border: 1px solid var(--color-black-20);
	border-radius: 10px;
	padding: 16px;
}

.modal_testimonial_item_inner .quote_img {
	max-width: 20px;
	width: 100%;
	margin-bottom: 16px;
}

.modal_testimonial_item_inner .review_text {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #22282b;
}

.modal_testimonial_item_inner .reviewer_author {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 40px;
}

.modal_testimonial_item_inner .reviewer_author .reviewer_img {
	width: 62px;
	height: 62px;
}

.modal_testimonial_item_inner .reviewer_author .reviewer_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.modal_testimonial_item_inner .reviewer_author .reviewer_content .name {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
	color: #22282b;
	margin: 0;
}

.modal_testimonial_item_inner .reviewer_author .reviewer_content .designation {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black-60);
	margin-bottom: 0;
	margin-top: 8px;
}

/* end: Paywall Modal */


/* start: Paywall Modal */
.bph-modal.paywallModal2 .modal-dialog {
	max-width: 1240px;
}

.paywall_modal_wrap {
	position: relative;
	z-index: 1;
	background-color: var(--color-white);
	border-radius: 20px;
}

.paywall_modal_wrap .btn-close {
	width: 18px;
	height: 18px;
	color: var(--color-black);
	opacity: 1;
	position: absolute;
	right: 24px;
	top: 24px;
}

.paywall_modal_wrap .modal_price {
	padding: 72px 50px;
}

.paywall_modal_wrap .modal_price_table {
	margin-top: 40px;
}

.paywall_modal_wrap .price_table_tab {
	margin-bottom: 40px;
}

.price_table_wrap {
	display: flex;
	row-gap: 55px;
	padding: 30px 0;
	flex-wrap: wrap;
	justify-content: center;

}

.price_table_item {
	position: relative;
	display: inline-block;
	max-width: 400px;
	width: 100%;
	background-color: var(--color-white);
	border: 1px solid var(--color-black-20);
	border-radius: 20px;
	padding: 40px;
	text-align: left;
	box-shadow: 0 20px 20px 10px #00000017;
	z-index: 1;
}

.price_table_item_inner .price_table_header .title {
	margin-bottom: 12px;
}

.price_table_item_inner .price_table_header .price {
	align-items: center;
	gap: 5px;
}

.price_table_item_inner .price_table_header .price .period {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #808080;
}

.price_table_item_inner .price_table_btn {
	margin-top: 0;
	margin-bottom: 36px;
}

.price_table_item_inner .price_table_btn .btn {
	width: 100%;
	padding: 14px 20px;
}

.price_table_item_inner .price_table_btn.current .btn {
	background-color: var(--color-bg);
	border-color: var(--color-bg);
	color: var(--color-black);
}

.price_table_item_inner .price_table_feature ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(0);
}

.price_table_bottom_note {
	display: block;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: var(--color-black-80);
	margin-top: 40px;
}

.price_table_wrap .price_table_item:first-child {
	padding-right: 50px;
}

.price_table_wrap .price_table_item:nth-child(2) {
	margin-left: -30px;
	margin-right: -30px;
	margin-top: -30px;
	margin-bottom: -30px;
	z-index: 2;
}

.price_table_wrap .price_table_item:last-child {
	padding-left: 50px;
}

/* end: Paywall Modal */


.PhotoUploadYesBtn {
	margin-top: 20px !important;
	min-width: 180px !important;
	font-size: 16px !important;
}

.PhotoUploadNoBtn {
	margin-top: 20px !important;
	background-color: var(--color-bg) !important;
	border-color: var(--color-bg) !important;

	min-width: 180px !important;
	font-size: 16px !important;
}

.PhotoUploadNoBtn:hover {
	background-color: var(--color-black-80) !important;
}




.bph-modal.notRememberEmail .modal-dialog,
.bph-modal.rememberEmail .modal-dialog,
.bph-modal.alreadyQueued .modal-dialog,
.bph-modal.doneFirstPhoto .modal-dialog,
.bph-modal.photoQueued .modal-dialog,
.bph-modal.queueNextImage .modal-dialog,
.bph-modal.notQueue .modal-dialog {
	max-width: 962px;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content {
	min-height: 552px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content .modal_title {
	max-width: 456px;
	margin-bottom: 0;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content .modal_title .subtitle {
	margin-bottom: 20px;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content .modal_title .btn {
	margin-top: 30px;
	min-width: 242px;
	font-size: 16px;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content .modal_title .buttons {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 24px;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content .modal_title .buttons .btn {
	margin-top: 0;
	min-width: 180px;
}

.queueNextImage .photoUpload_modal.photoQueued .modal_inner .modal_content .modal_title .subtitle,
.queueNextImage .photoUpload_modal.photoQueued .modal_inner .modal_content .modal_title img {
	max-width: 336px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.queueNextImage .photoUpload_modal.photoQueued .modal_inner .modal_content .modal_title img {
	border-radius: 20px;
	margin-bottom: 20px;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content.photoQueue_content .modal_title .subtitle {
	margin-bottom: 50px;
	max-width: 398px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content.photoQueue_content .modal_title .desc {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--color-black-60);
	margin-bottom: 0;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content.photoQueue_content .modal_title .btn {
	margin-top: 50px;
	min-width: auto;
	padding: 10px 60px;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content.photoQueue_content .modal_title .btn_note {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	color: #2424cc;
	margin-top: 16px;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content.removed {
	min-height: 450px;
}

.photoUpload_modal .modal_inner .modal_content.photoQueue_content .modal_title .title img {
	margin-bottom: 5px;
}

.photoUpload_modal.photoQueued .modal_inner .modal_content.photoQueue_content.removed .modal_title .subtitle {
	max-width: 365px;
	margin-bottom: 0;
}

.photoUpload_modal.edit_field .modal_inner .modal_content .modal_title {
	margin-bottom: 40px;
}

.photoUpload_modal.edit_field .modal_inner .modal_content .modal_title .title {
	line-height: 1.2;
}

.photoUpload_modal.edit_field .modal_inner .modal_content .modal_title .subtitle {
	font-weight: 500;
	line-height: 1.2;
}

.modal_content .edit_field_content img {
	border-radius: 20px;
	max-width: 365px;
	width: 100%;
}

.modal_content .edit_field_content .desc,
.modal_content .edit_field_content .post_date {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-black-60);
	margin-top: 40px;
	margin-bottom: 24px;
}

.modal_content .edit_field_content .form_group {
	margin-top: 25px;
}

.modal_content .edit_field_content .form_group textarea {
	border-radius: 4px;
	padding: 10px 14px 10px 14px;
	min-height: 115px;
}

.modal_content .edit_field_content .form_group .limit {
	display: block;
	text-align: end;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: var(--color-black-60);
	margin-top: 8px;
}

.modal_content .edit_field_content .btn {
	width: auto;
	padding: 10px 60px;
	margin-top: 40px;
}

.modal_content .edit_field_content .form_group.checkbox {
	margin: 0;
	text-align: left;
	max-width: 100%;
}

.photoUpload_modal .edit_field_content .post_date {

	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 20px;
	color: var(--color-black);
}

.photoUpload_modal.photoQueued .modal_inner .modal_content.photoQueue_content .modal_title .bottom_desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-black-60);
	margin-bottom: 0;
	margin-top: 50px;
}

/* gallery popup */


.bph-modal.galleryExpanded .modal-dialog {
	max-width: 1160px;
}



.galleryExpanded .gallery_expand_content {
	background-color: var(--color-white);
	border-radius: 20px;
	padding: 70px 80px 24px 80px;
	position: relative;
	z-index: 1;
}

.galleryExpanded .gallery_expand_content .btn-close {
	width: 24px;
	height: 24px;
	padding: 0;
	position: absolute;
	right: 24px;
	top: 24px;
}

.gallery_popup_carousel .swiper-slide,
.gallery_popup_carousel .owl-item {
	max-height: 100%;
}

.gallery_popup_carousel .swiper-slide .gallery_item_inner,
.gallery_popup_carousel .owl-item .gallery_item_inner {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.gallery_popup_carousel.photoPopup .swiper-slide .gallery_item_inner,
.gallery_popup_carousel.photoPopup .owl-item .gallery_item_inner {
	height: 100%;
}

.gallery_popup_carousel .swiper-slide .gallery_item_inner .gallery_content_meta,
.gallery_popup_carousel .owl-item .gallery_item_inner .gallery_content_meta {
	align-self: flex-end;
}

.gallery_popup_carousel .swiper-slide .gallery_img,
.gallery_popup_carousel .owl-item .gallery_img {
	height: 100%;
	width: auto;
	position: relative;
	z-index: 1;
}

/* .gallery_popup_carousel .swiper-slide .gallery_img:before,
.gallery_popup_carousel .owl-item .gallery_img:before {
	position: absolute;
	content: "";
	height: 90px;
	width: 100%;
	left: 0;
	top: 0px;
	background: linear-gradient(
		180deg,
		#05081e -18.32%,
		rgba(5, 8, 30, 0.5) 36.83%,
		rgba(5, 8, 30, 0) 98.03%
	);
	border-radius: 0 0px 20px 20px;
	z-index: 1;
	transition: all 0.3s ease-in-out 0s;
} */
.gallery_popup_carousel .swiper-slide .gallery_img>img,
.gallery_popup_carousel .owl-item .gallery_img>img {
	width: auto;
	object-fit: cover;
	object-position: center;
}

.gallery_popup_carousel .swiper-slide .gallery_img,
.gallery_popup_carousel .swiper-slide .gallery_img>img,
.gallery_popup_carousel .owl-item .gallery_img,
.gallery_popup_carousel .owl-item .gallery_img>img {
	height: 680px;
}

.gallery_popup_carousel .owl-nav button>span {
	display: none;
}

.galleryExpanded .photo_nav button,
.photoExpanded .photo_nav button {
	width: 32px;
	height: 32px;
	border: none;
	background-color: transparent;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.galleryExpanded .photo_nav button.galleryNextBtn,
.photoExpanded .photo_nav button.photoNextBtn {
	left: auto;
	right: 10px;
}

.gallery_content_meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
	gap: 24px;
	margin-top: 25px;
}

.gallery_content_meta .feed_user {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.gallery_content_meta .feed_user img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.gallery_content_meta .feed_user .user_text .user_name {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color: var(--color-black);
}

.gallery_content_meta .feed_user .user_text .user_meta {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.1;
	color: var(--color-black-60);
	margin: 2px 0 0 0;
	gap: 14px;
}

.gallery_content_meta .feed_user .user_text .user_meta>span {
	position: relative;
	z-index: 1;
}

.gallery_content_meta .feed_user .user_text .user_meta>span:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -8px;
	height: 100%;
	width: 1px;
	background-color: var(--color-black-60);
}

.gallery_content_meta .btn-follow {
	color: var(--color-black);
	gap: 4px;
}

.gallery_content_meta .btn-follow img {
	max-width: 24px;
}

.gallery_content_meta .feed_vote .upvote {
	color: var(--color-white);
	gap: 8px;
	align-items: center;
	background: #2cae41 !important;
}

.gallery_content_meta .feed_vote .upvote>img {
	max-width: 24px;
}


/* end: Popups Section */

.nameOnMobile {
	display: none;
}


.cong-send {
	transition: none;
	background-color: white;
	border: none;
}

.congratulated-btn {
	background-color: var(--color-bg);
	border: none;
	cursor: default !important;
}

.congratulated-btn:hover {
	background-color: var(--color-bg);
	border: none;
	color: black;
}

.cong-send:hover {
	background-color: white;
	border: none;
	color: black;
}

.bump {
	animation: bump 300ms ease-out;
}

@keyframes bump {
	0% {
		transform: scale(1);
	}

	10% {
		transform: scale(0.9);
	}

	30% {
		transform: scale(1.1);
	}

	50% {
		transform: scale(1.9);
	}

	100% {
		transform: scale(1);
	}
}







/* .feed_items .feed_item .feed_item_inner:before {
	position: absolute;
	content: "";
	height: 90px;
	width: 100%;
	left: 0;
	top: 0px;
	background: linear-gradient(180deg, #05081e -18.32%, rgba(5, 8, 30, 0.5) 36.83%, rgba(5, 8, 30, 0) 98.03%);
	border-radius: 0 0px 20px 20px;
	z-index: 1;
	transition: all 0.3s ease-in-out 0s;
  } */



#exampleModalNew .modal-dialog .modal-content {
	padding: 15px 25px 70px 25px;
	border-radius: 20px;
}

#exampleModalNew .modal-dialog .modal-content .modal-body {
	padding: 0 45px;
}

#exampleModalNew {
	--bs-modal-width: 1160px;
}


.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	/* aspect-ratio: 1 / 1; */
}


.lightbox-img-container {
	max-height: 468px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 468px;
}

.cong-not-send {
	background-color: #8E3BC6;
	border: none;
	color: white;
}





.FollowModalImgLoader {
	width: 64px;
	height: 64px;
	position: relative;
	background: #FFF;
	border-radius: 4px;
	overflow: hidden;
}

.FollowModalImgLoader:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	transform: rotate(45deg) translate(30%, 40%);
	background: #7a4f41;
	box-shadow: 32px -34px 0 5px #636362;
	animation: slide 2s infinite ease-in-out alternate;
}

.FollowModalImgLoader:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #636362;
	transform: rotate(0deg);
	transform-origin: 35px 145px;
	animation: rotate 2s infinite ease-in-out;
}

@keyframes slide {

	0%,
	100% {
		bottom: -35px
	}

	25%,
	75% {
		bottom: -2px
	}

	20%,
	80% {
		bottom: 2px
	}
}

@keyframes rotate {
	0% {
		transform: rotate(-15deg)
	}

	25%,
	75% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(25deg)
	}
}



.no-select {
	user-select: none;
	/* For modern browsers */
	-webkit-user-select: none;
	/* Safari */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE 10+ */
}

.queueDNDimg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}


.disabled {
	cursor: no-drop;
	opacity: 0.5;
}

.manage_photo_item.selected {
	border-color: var(--color-black-40);
	border-width: 2px;
}

/* 
.following {
	cursor: default !important;
}

.followers {
	cursor: default !important;
} */

.galleryNextBtn.swiper-button-next::after,
.galleryPrevBtn.swiper-button-prev::after {
	display: none;
}















.slide-out-cart {
	position: fixed;
	top: 0;
	right: -100%;
	width: 400px;
	/* Adjust width as needed */
	height: 100%;
	background-color: white;
	/* Change as needed */
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
	transition: right 0.3s ease-in-out;
	z-index: 1000;
}

.slide-out-cart.visible {
	right: 0;
}

.blurred {
	filter: blur(1px) !important;
	opacity: 0.6 !important;
}

/* 
.information_block .checkboxes_wrap .form_group.checkbox {
    flex: 0 0 171px;
    max-width: 171px;
    width: 100%;
    margin: 0;
} */


button.link:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}


.My-form_group.checkbox {
	margin: 0;
	display: inline-flex;
	max-width: 100% !important;
	flex: 0 0 100%;
	margin-top: 30px;
	position: relative;
	background-color: white;
}

.My-form_group.checkbox input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}

.My-form_group.checkbox label {
	border: none;
	border-radius: 0;
	padding: 0 0 0 20px;
	background-color: transparent;
	font-size: 14px;
	line-height: 18px;
	color: var(--color-black-60);
}

.My-form_group.checkbox label:before {

	position: absolute;
	left: 0px !important;
	top: 9px;
	width: 15px;
	height: 15px;
	content: "";
	background-color: var(--color-white);
	border: 1px solid var(--color-border) !important;
	border-radius: 2px;


}

.My-form_group.form_group.checkbox label:after {

	position: absolute;
	content: "";
	top: 8px;
	left: 2px;
	width: 5px;
	height: 9px;
	transform: rotate(45deg) translateY(-50%);
	border-bottom: 2px solid transparent;
	border-right: 2px solid transparent;
}

.topPadding {
	padding-top: 40px;
}